@charset "utf-8";
/* ------------------------------------------------------------------
  virtual model rooms  CSS

  2018/06/05 326_sakaguchi 
------------------------------------------------------------------ */
body {
  font-size: 16px;
}

.view_sp {
  display: none;
}

.view_pc {
  display: block;
}

@media screen and (max-width: 736px) {
  .view_sp {
    display: block;
  }

  .view_pc {
    display: none;
  }
}

/* -------------------------------
  #contents
---------------------------------- */
#contents {
  background: url("../image/bg-contents.png"), #EFECE5;
  margin: 0 auto;
  padding: 1em 0 1%; 
  width: 100%;
}

.size_tab {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

#contents img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  width: 100%;
  -webkit-backface-visibility: hidden;
}

h1 {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

@media screen and (min-width: 1025px) {
  h1 {
    max-width: 1000px;
  }
}

@media screen and (max-width: 736px) {
  #contents {
    padding-top: 0;
  }
  h1 {
    margin-bottom: 0;
  }
}

/* -------------------------------
  .con_lead
---------------------------------- */
#contents .con_lead {
  background: url("../image/bg-lead.png") no-repeat;
  background-position: top left;
  margin: 0 auto 3.5%;
  max-width: 940px;
  padding: 1.3% 0;
  overflow: hidden;
  width: 94%;
}

@media screen and (max-width: 1023px) and (min-width: 737px) {
  #contents .con_lead {
    background: url("../image/bg-lead-tb.png") no-repeat;
    background-position: top left;
    background-size: 75%;
  }
}

@media screen and (max-width: 736px) {
  #contents .con_lead {
    background: none;
    margin-bottom: 7%;
  }
}

#contents .con_lead .area_right {
  float: right;
  width: 53.4%;
}

@media screen and (max-width: 736px)  {
  #contents .con_lead .area_right {
    float: none;
    margin: 0 auto;
    width: 95%;
  }
}

#contents .con_lead .area_right h2 {
  border-bottom: solid 2px #B9AF7C;
  -webkit-border-image: url("../image/border-02.jpg") 1 1 1 1 stretch;
  -moz-border-image: url("../image/border-02.jpg") 1 1 1 1 stretch;
  -o-border-image: url("../image/border-02.jpg") 1 1 1 1 stretch;
  border-image: url("../image/border-02.jpg") 1 stretch;
  color: #422D04;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.3em;
  margin-bottom: 4%;
  padding-bottom: 1%;
  position: relative;
  text-align: center;
  text-shadow: 2px 2px 1px #b5b5b5;
  width: 100%;
}

#contents .con_lead .area_right h2:after {
  border-bottom: solid 2px #C32769;
  bottom: -2px;
  content: " ";
  display: block;
  position: absolute;
  width: 34%;
}

#contents .con_lead .area_right h2 span {
  border: none;
  display: block;
  /*font-size: 77%;*/
  letter-spacing: 0;
}

/*@media screen and (max-width: 1023px) and (min-width: 737px) {
  #contents .con_lead .area_right h2 {
    font-size: 170%;
  }
  #contents .con_lead .area_right h2 span {
    font-size: 72%;
  }
}*/

@media screen and (max-width: 736px) {
  #contents .con_lead .area_right h2 {
    font-size: 135%;
    /*line-height: 1em;
    padding-bottom: 2%;*/
  }
  /*#contents .con_lead .area_right h2 span {
    font-size: 55%;
  }*/
}

@media screen and (max-width: 320px) {
  #contents .con_lead .area_right h2 {
    font-size: 120%;
  }
}

#contents .con_lead .area_right p {
  margin: 0 auto 5%;
  text-align: justify;
  width: 85.65%;
}

@media screen and (max-width: 736px) {
  #contents .con_lead .area_right p {
    margin: 0 auto 5%;
    width: 98%;
  }
}

#contents .con_lead .area_right .box_iframe {
  border: 7px solid #000;
  height: 190px;
  margin: 0 auto;
  overflow: hidden;
  width: 85%;
}

@media screen and (max-width: 1023px) and (min-width: 737px) {
  #contents .con_lead .area_right .box_iframe {
    overflow: hidden;
  }
}

@media screen and (max-width: 736px) {
  #contents .con_lead .area_right .box_iframe {
    margin-bottom: 3%;
    overflow: hidden;
    width: 80%;
  }

  #contents .con_lead .area_right figure {
    margin-bottom: 3%;
    width: 100%;
  }
}

/* -------------------------------
  .con_vr
---------------------------------- */
#contents .con_vr {
  clear: both;
  margin: 0 auto 3.5%;
  max-width: 940px;
  overflow: hidden;
  width: 94%;
}

@media screen and (max-width: 736px) {
  #contents .con_vr {
    margin-bottom: 10%;
  }
}

#contents .con_vr .box_vrintro {
  background: url("../image/bg-vr.png") no-repeat;
  background-position: top right;
  background-size: 65%;
  margin: 0 auto 5.5%;
  padding: 1% 0;
  overflow: hidden;
}

@media screen and (max-width: 1023px) and (min-width: 737px) {
  #contents .con_vr .box_vrintro {
    background: url("../image/bg-vr-tb.png") no-repeat;
    background-position: top right;
    background-size: 75%;
  }
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_vrintro {
    background: none;
    margin-bottom: 10%;
  }
}

#contents .con_vr .box_vrintro .area_left {
  float: left;
  width: 50%;
}

@media screen and (max-width: 736px)  {
  #contents .con_vr .box_vrintro .area_left{
    float: none;
    margin: 0 auto;
    width: 95%;
  }
}

#contents .con_vr .box_vrintro .area_left h2 {
  border-bottom: solid 2px #B9AF7C;
  -webkit-border-image: url("../image/border-02.jpg") 1 1 1 1 stretch;
  -moz-border-image: url("../image/border-02.jpg") 1 1 1 1 stretch;
  -o-border-image: url("../image/border-02.jpg") 1 1 1 1 stretch;
  border-image: url("../image/border-02.jpg") 1 stretch;
  color: #422D04;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1.3em;
  margin-bottom: 5%;
  padding-bottom: 1.5%;
  position: relative;
  text-align: center;
  text-shadow: 2px 2px 1px #b5b5b5;
  width: 100%;
}

#contents .con_vr .box_vrintro .area_left h2:after {
  border-bottom: solid 2px #C32769;
  bottom: -2px;
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  width: 38%;
}

#contents .con_vr .box_vrintro .area_left h2 span {
  border: none;
  display: block;
  font-size: 110%;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1023px) and (min-width: 737px) {
  #contents .con_vr .box_vrintro .area_left h2 {
    font-size: 150%;
  }

  #contents .con_vr .box_vrintro .area_left h2 span {
    font-size: 115%;
  }
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_vrintro .area_left h2 {
    font-size: 135%;
    /*line-height: 1.5em;
    padding-bottom: 2%;*/
  }
  /*#contents .con_vr .box_vrintro .area_left h2 span {
    font-size: 140%;
  }*/
}

@media screen and (max-width: 320px) {
  #contents .con_vr .box_vrintro .area_left h2 {
    font-size: 120%;
  }
}

#contents .con_vr .box_vrintro .area_left p {
  margin: 0 auto 5%;
  text-align: justify;
  width: 90.85%;
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_vrintro .area_left p {
    width: 98%;
  }
}

#contents .con_vr .box_vrintro .area_left .homemate {
  margin: 0 auto;
  overflow: hidden;
  width: 90.85%;
}

#contents .con_vr .box_vrintro .area_left .homemate p {
  float: left;
  margin-bottom: 0;
  text-align: justify;
  width: 63.5%;
}

#contents .con_vr .box_vrintro .area_left .homemate figure {
  float: left;
  width: 34%;
}


@media screen and (max-width: 736px) {
  #contents .con_vr .box_vrintro figure {
    margin-bottom: 3%;
    width: 100%;
  }

  #contents .con_vr .box_vrintro .area_left .homemate {
    width: 98%;
  }

  #contents .con_vr .box_vrintro .area_left .homemate p {
    float: none;
    margin-bottom: 5%;
    width: 100%;
  }

  #contents .con_vr .box_vrintro .area_left .homemate figure {
    float: none;
    margin: 0 auto;
    width: 60%;
  }
}


/*   .box_step   */ 
#contents .con_vr .box_step {
  margin: 0 auto;
  max-width: 890px;
  width: 94.68%;
}

#contents .con_vr .box_step h3 {
  background: #cd4665; /* Old browsers */
  background: -moz-linear-gradient(left, #cd4665 56%, #e06d88 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cd4665 56%,#e06d88 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #cd4665 56%,#e06d88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 0.15em;
  padding: 1% 0 1% 3em;
  position: relative;
}

#contents .con_vr .box_step h3:before {
  background: url("../image/ico-vr.png") center center no-repeat;
  background-size: 1.5em;
  bottom: 0;
  content: "";
  display: block;
  left: 1em;
  position: absolute;
  top: 0;
  width: 1.5em;
}

#contents .con_vr .box_step h3:after {
  border: none;
  border-bottom: solid 10px #EBEAE6;
  border-left: solid 9px #B62346;
  content: '';
  right: 0;
  position: absolute;
  top: 100%;
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_step h3 {
    font-size: 135%;
    line-height: 1.3em;
    padding: 1% 1% 1% 2.5em; 
  }

  #contents .con_vr .box_step h3:before {
    left: 0.5em;
  }

  #contents .con_vr .box_step h3:after {
    display: none;
  }
}

#contents .con_vr .box_step .inner {
  background: #fff;
  max-width: 880px;
  padding: 3% 0 1%;
  overflow: hidden;
  width: 98.87%;
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_step .inner {
    /*margin-bottom: 10%;*/
    padding: 7% 0;
    width: 100%;
  }
}

#contents .con_vr .box_step .inner ul {
  margin: 0 auto 2%;
  max-width: 830px;
  overflow: hidden;
  width: 94.31%;
}

#contents .con_vr .box_step .inner ul li {
  float: left;
  margin-left: 3.9%;
  padding-bottom: 13%;
  position: relative;
  width: 30.36%;
}

#contents .con_vr .box_step .inner ul li:first-child {
  margin-left: 1%;
}

@media screen and (max-width: 1023px) and (min-width: 737px) {
  #contents .con_vr .box_step .inner ul {
    margin-bottom: 3%;
  }
  #contents .con_vr .box_step .inner ul li {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_step .inner ul li {
    float: none;
    margin: 0 0 7%;
    padding: 0;
    width: 100%;
  }
  #contents .con_vr .box_step .inner ul li:first-child {
    margin-left: 0;
  }
}

#contents .con_vr .box_step .inner ul li p {
  left: -3%;
  position: absolute;
  top: 57%;
}

#contents .con_vr .box_step .inner ul li p .icon {
  display: block;
  float: left;
  width: 30%;
}

#contents .con_vr .box_step .inner ul li p .txt {
  display: block;
  float: right;
  line-height: 1.3em;
  margin-top: 9%;
  text-align: justify;
  width: 67%;
}

@media screen and (max-width: 1023px) and (min-width: 737px) {
  #contents .con_vr .box_step .inner ul li p {
    margin-top: 3%;
    position: static;
  }

  #contents .con_vr .box_step .inner ul li p .txt {
    font-size: 95%;
    line-height: 1.3em;
    margin-top: 0;
  }
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_step .inner ul li p {
    margin: 3% auto 0;
    position: static;
    overflow: hidden;
    width: 95%;
  }
  #contents .con_vr .box_step .inner ul li p .icon {
    width: 22%;
  }
  #contents .con_vr .box_step .inner ul li p .txt {
    margin-top: 0;
    width: 73%;
  }
}

#contents .con_vr .box_step .inner .attention {
  clear: both;
  font-size: 90%;
  margin: 0 auto 1%;
  max-width: 830px;
  overflow: hidden;
  text-align: right;
  width: 93%;
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_step .inner .attention {
    text-align: left;
  }

  #contents .con_vr .box_step .inner .attention p {
    padding-left: 1em;
    text-indent: -1em;
  }
}



/*   .box_shoplist   */ 
#contents .con_vr .box_shoplist {
  margin: 0 auto 5%;
  max-width: 890px;
  width: 94.68%;
}

#contents .con_vr .box_shoplist h3 {
  background: #9c1313; /* Old browsers */
  background: -moz-linear-gradient(left, #9c1313 56%, #b73a3a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #9c1313 56%,#b73a3a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #9c1313 56%,#b73a3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 0.15em;
  padding: 1% 0 1% 2.5em;
  position: relative;
}

#contents .con_vr .box_shoplist h3:before {
  background: url("../image/ico-present.png") center center no-repeat;
  background-size: 1.2em;
  bottom: 0;
  content: "";
  display: block;
  left: 1em;
  position: absolute;
  top: 0;
  width: 1.2em;
}

#contents .con_vr .box_shoplist h3:after {
  border: none;
  border-bottom: solid 10px #EBEAE6;
  border-left: solid 9px #9c1313;
  content: '';
  right: 0;
  position: absolute;
  top: 100%;
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_shoplist h3 {
    font-size: 135%;
    line-height: 1.3em;
    padding: 1% 1% 1% 2.5em; 
  }

  #contents .con_vr .box_shoplist h3:before {
    left: 0.5em;
  }

  #contents .con_vr .box_shoplist h3:after {
    display: none;
  }
}

#contents .con_vr .box_shoplist .inner {
  background: #fff;
  max-width: 880px;
  padding: 3% 0;
  overflow: hidden;
  width: 98.87%;
}

#contents .con_vr .box_shoplist .inner .area_lead {
  margin: 0 auto 3%;
  overflow: hidden;
  width: 85%;
}

#contents .con_vr .box_shoplist .inner .area_lead p {
  float: left;
  font-feature-settings:"palt";
  letter-spacing: .1em;
  margin-top: 2%;
  text-align: justify;
  width: 52%;
}

#contents .con_vr .box_shoplist .inner p small {
  display: inline-block;
  font-size: 95%;
  margin-top: 3%;
  padding-left: 1em;
  text-indent: -1em;
}

#contents .con_vr .box_shoplist .inner .area_lead figure {
  float: right;
  width: 42%;
}

#contents .con_vr .box_shoplist .inner ul li {
  padding-left: 0.7em;
  margin-top: 0.2em;
  position: relative;
}

#contents .con_vr .box_shoplist .inner ul li:before {
  background: #e2718b;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0.6em;
  width: 5px;
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_shoplist .inner {
    margin-bottom: 10%;
    padding: 5% 0;
    width: 100%;
  }
  #contents .con_vr .box_shoplist .inner .area_lead {
    width: 90%;
  }
  #contents .con_vr .box_shoplist .inner .area_lead p {
    float: none;
    margin-top: 0;
    width: 100%;
  }
  #contents .con_vr .box_shoplist .inner .area_lead figure {
    float: none;
    margin: 5% auto;
    width: 70%;
  }
}

#contents .con_vr .box_shoplist .inner .ac-content p.shoplist_ttl {
  color: #b73a3a;
  font-size: 150%;
  font-weight: bold;
  margin: 0 auto 2%;
  position: relative;
  display: block;
  padding: 0 55px;
  text-align: center;
  width: 90%;
}

#contents .con_vr .box_shoplist .inner .ac-content p.shoplist_ttl:before,
#contents .con_vr .box_shoplist .inner .ac-content p.shoplist_ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 32%;
  height: 5px;
  background-color: #b73a3a;
}

#contents .con_vr .box_shoplist .inner .ac-content p.shoplist_ttl:before {
  left:0;
}

#contents .con_vr .box_shoplist .inner .ac-content p.shoplist_ttl:after {
  right: 0;
}


#contents .con_vr .box_shoplist .inner .ac-content p.notes {
  width: 88%;
  margin: 0 auto 0;
  text-align: right;
  font-size: 90%;
}



#contents .con_vr .box_shoplist .inner .ac-cont {
  margin: 0 auto;
  width: 95%;
}

@media screen and (max-width: 736px) {
  .accordion {
    min-width: 300px;
    margin: 0 auto;
    padding: 0;
  }

  #contents .con_vr .box_shoplist .inner .ac-content p.shoplist_ttl {
    display: none;
  }



  .accordion .ac-content {
    margin: 0;
    padding: 0;
  }
  .accordion input {
    display: none;
  }
  .accordion label {
    display: block;
    background: #9fb7d4;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
  }
  .accordion label:hover {
    background: #ccc;
  }
  .accordion .ac-cont {
    transition: 0.2s;
    height: 0;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .accordion input:checked ~ .ac-cont {
    height: auto;
    padding: 10px;
    box-sizing: border-box;
  }

  .accordion label:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    width: 1.15em;
    display: block;
    background: url(../image/arrow_01.png) center center no-repeat;
    background-size: 0.62em; 
  }

  .accordion input:checked + label:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    width: 1.15em;
    display: block;
    background: url(../image/arrow_01.png) center center no-repeat;
    background-size: 0.62em; 
  }
}

#contents .con_vr .box_shoplist .inner .list_aichi {
  margin: 0 auto 3%;
  overflow: hidden;
  width: 88%;
}

#contents .con_vr .box_shoplist .inner .list_aichi label {
  background: #e2718b;
  color: #fff;
  display: block;
  font-size: 120%;
  margin-bottom: 2%;
  padding: 0.5% 0;
  text-align: center;
  width: 100%;
}

#contents .con_vr .box_shoplist .inner .list_aichi ul {
  float: left;
  width: 36%;
}


#contents .con_vr .box_shoplist .inner .list_aichi ul:nth-of-type(2) {
  float: left;
  width: 34%;
}


#contents .con_vr .box_shoplist .inner .list_aichi ul:nth-of-type(3) {
  float: left;
  width: 28%;
}


#contents .con_vr .box_shoplist .inner .area_3 {
  margin: 0 auto;
  overflow: hidden;
  width: 88%;
}

#contents .con_vr .box_shoplist .inner .list_gifu {
  float: left;
  overflow: hidden;
  width: 52%;
}

#contents .con_vr .box_shoplist .inner .list_gifu ul {
  float: left;
  width: 55%;
}

#contents .con_vr .box_shoplist .inner .list_gifu ul:last-of-type {
  float: left;
  width: 45%;
}

#contents .con_vr .box_shoplist .inner .list_mie {
  float: right;
  width: 45%;
}

#contents .con_vr .box_shoplist .inner .list_mie ul {
  float: left;
  width: 48%;
}

#contents .con_vr .box_shoplist .inner .list_mie ul:last-of-type {
  float: right;
}

#contents .con_vr .box_shoplist .inner .list_gifu label,
#contents .con_vr .box_shoplist .inner .list_mie label {
  background: #e2718b;
  color: #fff;
  display: block;
  font-size: 120%;
  margin-bottom: 2%;
  padding: 0.5% 0;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 736px) {
  #contents .con_vr .box_shoplist .inner .area_3 {
    width: 90%;
  }

  #contents .con_vr .box_shoplist .inner .list_aichi,
  #contents .con_vr .box_shoplist .inner .list_gifu,
  #contents .con_vr .box_shoplist .inner .list_mie {
    float: none;
    margin-bottom: 2%;
    width: 100%;
  }

  #contents .con_vr .box_shoplist .inner .list_aichi {
    width: 90%;
  }

  #contents .con_vr .box_shoplist .inner .list_aichi label {
    padding: 2% 0;
    position: relative;
  }

  #contents .con_vr .box_shoplist .inner .list_gifu label,
  #contents .con_vr .box_shoplist .inner .list_mie label {
    font-size: 120%;
    padding: 2% 0;
    position: relative;
  }

  #contents .con_vr .box_shoplist .inner .list_aichi ul,
  #contents .con_vr .box_shoplist .inner .list_aichi ul:nth-of-type(2),
  #contents .con_vr .box_shoplist .inner .list_aichi ul:nth-of-type(3),
  #contents .con_vr .box_shoplist .inner .list_gifu ul,
  #contents .con_vr .box_shoplist .inner .list_gifu ul:last-of-type,
  #contents .con_vr .box_shoplist .inner .list_mie ul {
    float: none;
    width: 100%;
  }
}



/* -------------------------------
  .con_roomselect
---------------------------------- */
#contents .con_roomselect {
  margin: 0 auto 1%;
  max-width: 940px;
  overflow: hidden;
  width: 94%;
}

@media screen and (max-width: 736px) {
  #contents .con_roomselect {
    margin-bottom: 5%;
  }
}

#contents .con_roomselect h2 {
  background: url("../image/bg-ttl.png") repeat;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 207%;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 2%;
  padding: 1.3% 0;
  text-align: center;
}

#contents .con_roomselect h2 .view_pc {
  display: inline-block;
}

@media screen and (max-width: 736px) {
  #contents .con_roomselect h2 {
    font-size: 140%;
    letter-spacing: 0;
    line-height: 1em;
    padding: 2% 0;
  }
}

#contents .con_roomselect p {
  margin: 0 0 3.5% 3.5em;
}

@media screen and (max-width: 736px) {
  #contents .con_roomselect p {
    margin: 0 0.5em 5%;
  }
}

#contents .con_roomselect ul {
  margin: 0 auto 3%;
  max-width: 915px;
  overflow: hidden;
  width: 97.34%;
}

@media screen and (max-width: 736px) {
  #contents .con_roomselect ul {
    width: 95%;
  }
}

#contents .con_roomselect ul li {
  float: left;
  margin-bottom: 2%;
  margin-left: 1.63%;
  width: 32.24%;
}

#contents .con_roomselect ul li:first-child,
#contents .con_roomselect ul li:nth-child(4) {
  margin-left: 0;
}

#contents .con_roomselect ul li:hover {
  opacity: .8;
}

@media screen and (max-width: 736px) {
  #contents .con_roomselect ul li {
    margin: 0 0 4%;
    width: 48%;
  }
  #contents .con_roomselect ul li:nth-child(2n) {
    float: right;
  }
  #contents .con_roomselect ul li:nth-child(4) {
    margin-left: 0;
  }
}

#contents .con_roomselect .btn {
  background: #8A711A;
  background: -moz-linear-gradient(top, #B4962C 1%, #8A711A 100%);
  background: -webkit-linear-gradient(top, #B4962C 1%,#8A711A 100%);
  background: linear-gradient(to bottom, #B4962C 1%,#8A711A 100%);
  border-radius: 5px;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0 auto 5%;
  position: relative;
  text-align: center!important;
  text-shadow: 0px -1px 1px #987721;
  vertical-align: middle;
  width: 44%;
}

#contents .con_roomselect .btn a {
  color: #fff;
  display: block;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 140%;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 4% 0;
  text-decoration: none;
  vertical-align: middle;
}

#contents .con_roomselect .btn:after {
  background: url(../image/ico-arrow.png) center center no-repeat;
  background-size: 0.5em;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 2.3em;
  top: 0;
  width: 1em;
}

#contents .con_roomselect .btn:hover {
  opacity: .8;
}

@media screen and (max-width: 736px) {
  #contents .con_roomselect .btn {
    width: 90%;
  }

  #contents .con_roomselect .btn a {
    font-size: 110%;
  }

  #contents .con_roomselect .btn:after {
    background-size: 0.4em;
    right: 1em;
  }
}

/* -------------------------------
  .con_movie
---------------------------------- */
.wrp_movie {
  background: url("../image/bg-movie.png") repeat;
  margin-bottom: 3.5%; 
  padding: 2.7% 0;
  overflow: hidden;
}

@media screen and (max-width: 736px) {
  .wrp_movie {
    margin-bottom: 7%;
    padding: 7% 0 5%;
  }
}

.con_movie {
  margin: 0 auto;
  max-width: 823px;
  overflow: hidden;
  width: 82.3%;
}

@media screen and (max-width: 736px) {
  .con_movie {
    width: 98%;
  }
}

.con_movie .area_left {
  float: left;
  width: 48.96%;
}

@media screen and (max-width: 736px) {
  .con_movie .area_left {
    float: none;
    margin: 0 auto;
    width: 98%;
  }
}

.con_movie .area_left .box_ttl {
  border-top: 3px solid #573E04;
  border-bottom: 3px solid #573E04;
  margin-bottom: 5%;
  padding: 1% 0;
}

.con_movie .area_left .box_ttl h2 {
  border-top: 1px solid #573E04;
  border-bottom: 1px solid #573E04;
  color: #3F2D03;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 160%;
  line-height: 1.3em;
  padding: 3% 0;
  text-align: center;
}

.con_movie .area_left .box_ttl h2 .img_ttl {
  display: block;
  margin: 0 auto 3%;
  width: 85%;
}

@media screen and (max-width: 736px) {
  .con_movie .area_left .box_ttl h2 .img_ttl {
    width: 95%;
  }
}

.con_movie .area_left p {
  margin: 0 auto;
  text-align: justify;
  width: 90%;
}

@media screen and (max-width: 736px) {
  .con_movie .area_left p {
    margin-bottom: 5%;
    width: 95%;
  }
}

.con_movie figure {
  float: right;
  width: 45.8%;
}

@media screen and (max-width: 736px) {
  .con_movie figure {
    float: none;
    margin: 0 auto;
    width: 90%;
  }
}

.wrp_movie .by_grade {
	margin: 3% auto 0;
  max-width: 940px;
	overflow: hidden;
	text-align:  center;
  width: 94%;
}

@media screen and (max-width: 736px) {
  .wrp_movie .by_grade {
    margin: 7% auto 0;
  }
}

.wrp_movie .by_grade h3 {
	color: #6f4b07;
  display: inline-block;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 150%;
	margin-bottom: 2%;
  max-width: 893px;
	position: relative;
	text-align: center;
	width: 95%;
}

.wrp_movie .by_grade h3:before,
.wrp_movie .by_grade h3:after {
  background-color: #75590D;
  content: '';
  display: inline-block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 29%;
}

.wrp_movie .by_grade h3:before {
  left: 0;
}

.wrp_movie .by_grade h3:after {
  right: 0;
}

@media screen and (max-width: 736px) {
  .wrp_movie .by_grade h3 {
    border-bottom: 1px solid #75590D;
    font-size: 130%;
    margin-bottom: 3%;
  }

  .wrp_movie .by_grade h3:before,
  .wrp_movie .by_grade h3:after {
    display: none;
  }
}

#contents .wrp_movie .by_grade ul{
	margin: 0 auto;
  max-width: 893px;
  width: 95%;
}

#contents .wrp_movie .by_grade li {
  float: left;
  margin-left: 1.2%;
	width: 19.03%;
}

#contents .wrp_movie .by_grade li:first-child {
  margin-left: 0;
}

#contents .wrp_movie .by_grade .sp_space {
  display: none;
}

@media screen and (max-width: 736px) {
  #contents .wrp_movie .by_grade li {
    margin: 0 0 4% 0;
    width: 48%;
  }

  #contents .wrp_movie .by_grade li:nth-child(even) {
    float: right;
  }

  #contents .wrp_movie .by_grade .sp_space {
    display: block;
  }
}

/* -------------------------------
  .con_contact
---------------------------------- */
.con_contact {
  background: url("../image/bg-contact.png"), rgba(255,255,255,0.5);
  background-repeat: no-repeat;
  background-position: bottom left;
  border: solid 3px #B9AF7C;
  -webkit-border-image: url("../image/border.jpg") 1 1 1 1 stretch;
  -moz-border-image: url("../image/border.jpg") 1 1 1 1 stretch;
  -o-border-image: url("../image/border.jpg") 1 1 1 1 stretch;
  border-image: url("../image/border.jpg") 1 stretch;
  margin: 0 auto 3%;
  max-width: 940px;
  padding: 1% 1.5% 0.7% 0;
  overflow: hidden;
  width: 94%;
}

@media screen and (max-width: 736px) {
  .con_contact {
    background-image: none;
    margin-bottom: 10%;
    padding: 5% 0;
  }
}

.con_contact .area_right {
  float: right;
  overflow: hidden;
  width: 73%;
}

@media screen and (max-width: 736px) {
  .con_contact .area_right {
    float: none;
    width: 100%;
  }
}

.con_contact .area_right h2 {
  color: #37290B;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 135%;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-bottom: 2%;
  text-align: center;
}

@media screen and (max-width: 736px) {
  .con_contact .area_right h2 {
    font-size: 120%;
    margin: 0 0.5em 5%;
  }
}

.con_contact .area_right .box_nagoya {
  float: left;
  width: 48.94%;
}

.con_contact .area_right .box_gokiso {
  float: right;
  /*margin-bottom: 1%;*/
  width: 48.94%;
}

@media screen and (max-width: 736px) {
  .con_contact .area_right .box_nagoya,
  .con_contact .area_right .box_gokiso {
    float: none;
    margin: 0 auto 10%;
    width: 90%;
  }

  .con_contact .area_right .box_gokiso {
    margin-bottom: 7%;
  }
}

.con_contact .area_right .box_nagoya h3,
.con_contact .area_right .box_gokiso h3 {
  background: #B62A2A;
  color: #fff;
  display: inline-block;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 115%;
  font-weight: normal;
  margin-bottom: 5%;
  padding: 1% 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.con_contact .area_right .box_nagoya h3:before,
.con_contact .area_right .box_gokiso h3:before {
  border: 8px solid transparent;
  border-top: 10px solid #B62A2A;
  content: "";
  left: 50%;
  margin-left: -2%;
  position: absolute;
  top: 100%;
}

.con_contact .area_right .box_nagoya .tel,
.con_contact .area_right .box_gokiso .tel {
  border-bottom: 1px solid #BF9F52;
  color: #B62A2A;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 170%;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 5%;
  padding-left: 1em;
  text-align: center;
}

.con_contact .area_right .box_nagoya .tel a,
.con_contact .area_right .box_gokiso .tel a {
  color: #B62A2A;
  text-decoration: none;
}

@media screen and (min-width: 737px) {
  .con_contact .area_right .box_nagoya .tel,
  .con_contact .area_right .box_gokiso .tel {
    pointer-events: none;
  }
}

.con_contact .area_right .box_nagoya .tel span,
.con_contact .area_right .box_gokiso .tel span {
  position: relative;
}

.con_contact .area_right .box_nagoya .tel span:before,
.con_contact .area_right .box_gokiso .tel span:before {
  background: url(../image/ico-smp.png) center center no-repeat;
  background-size: 0.6em;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  left: -1em;
  top: 0;
  width: 1em;
}

.con_contact .area_right .box_nagoya .btn_mail,
.con_contact .area_right .box_gokiso .btn_mail {
  margin: 0 auto 3%;
  width: 85%;
}

.con_contact .area_right .box_nagoya .btn_mail a:hover,
.con_contact .area_right .box_gokiso .btn_mail a:hover {
  opacity: .8;
}

.con_contact .area_right .btn {
  margin: 0 auto 2%;
  width: 85%;
}

.con_contact .area_right .btn figcaption {
  margin-top: 0.5%;
}

.con_contact .area_right .btn:hover {
  opacity: .9;
}

.con_contact .area_right .bnr {
  margin: 0 auto;
  width: 75%;
}

.con_contact .area_right .bnr figcaption {
  margin-top: 0.5%;
  text-align: center;
}

.con_contact .area_right .bnr a:hover {
  opacity: .8;
}

@media screen and (max-width: 736px) {
  .con_contact .area_right .bnr {
    width: 95%;
  }

  .con_contact .area_right .bnr figcaption {
    text-align: left;
    margin: 1% 0.5em 0;
  }
}

/*----------------------
 J-Stream動画
-----------------------*/

/* 動画ボタン */
[class^="movie_check"]{
  cursor:pointer;
}
[class^="movie_check"] img:hover {
  opacity: 0.8;
}

/* 閉じるボタン */
[class^="btn_close"] {
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  height: 40px;
  width: 120px;
  text-decoration: none;
  font-weight: bold;
  font-size:18px;
  line-height: 40px;
  text-align: center;
  color: #333;
  border: 1px solid #cbcbcb;
  border-bottom: 1px solid #b2b1b1;
  text-shadow: 0px 1px 0px #fafafa;
  -webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  -moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #eeeeee), color-stop(0.5, #e2e2e2));
  background: -moz-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: -o-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: -ms-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: linear-gradient(to top, #eeeeee 50%, #e2e2e2 50%);
}

/* 黒背景 */
[id^="movie_panel"] {
  display:none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%; 
  height: 100%; 
  z-index: 98;
  background: #000; 
}

/* JStreamを使わないios用設定 */
#start_movie {
    width: 100%;
    height: 100%;
/*    background: #000;*/
}