@charset "UTF-8";
/* ===================================
プラン
=================================== */
.anchor-nav {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 60px 20px;
}
.anchor-nav a {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: #334457;
  color: #FFF;
  width: 275px;
  height: 80px;
  margin: 0 4px;
  font-size: 21px;
  font-family: "リュウミン R-KL";
  text-align: center;
  position: relative;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body:not(.smf) .anchor-nav a:hover {
  opacity: 0.9;
}
body:not(.smf) .anchor-nav a:hover:before {
  width: calc(100% - 14px);
  height: calc(100% - 20px);
  left: 7px;
  top: 9px;
}
body:not(.smf) .anchor-nav a:hover:after {
  width: calc(100% - 20px);
  height: calc(100% - 14px);
  left: 9px;
  top: 7px;
}
.anchor-nav a:before {
  content: "";
  width: calc(100% - 8px);
  height: calc(100% - 14px);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 4px;
  top: 6px;
  z-index: 1;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.anchor-nav a:after {
  content: "";
  width: calc(100% - 14px);
  height: calc(100% - 8px);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 6px;
  top: 4px;
  z-index: 2;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.anchor-nav a .arrow {
  background: #334457;
  width: 22px;
  height: 22px;
  padding: 7px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -5px;
  z-index: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transform: rotate(45deg);
}
.anchor-nav a .arrow:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: #fff solid 1px;
  border-bottom: #fff solid 1px;
}
.anchor-nav a .arrow:after {
  content: "";
  display: block;
  background: #FFF;
  width: 11px;
  height: 1px;
  position: absolute;
  right: 5px;
  bottom: 10px;
  transform: rotate(45deg);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.anchor-nav a .en {
  display: block;
  font-size: 20px;
  font-family: 'Cinzel', serif;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .anchor-nav {
    display: block;
    margin: 50px 10px 100px;
  }
  .anchor-nav a {
    width: 100%;
    height: 80px;
    margin: 13px 0;
    line-height: 1.2;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  body:not(.smf) .anchor-nav a:before {
    width: 96%;
    height: 87%;
    left: 2%;
    top: 6%;
  }
  body:not(.smf) .anchor-nav a:after {
    width: 93%;
    height: 95%;
    left: 3%;
    top: 3%;
  }
  body:not(.smf) .anchor-nav a.on:before, body:not(.smf) .anchor-nav a:hover:before {
    width: 94%;
    height: 83%;
    left: 3%;
    top: 8%;
  }
  body:not(.smf) .anchor-nav a.on:after, body:not(.smf) .anchor-nav a:hover:after {
    width: 91%;
    height: 93%;
    left: 4%;
    top: 4%;
  }
}
@supports (-ms-ime-align: auto) {
  body:not(.smf) .anchor-nav a:before {
    width: 96%;
    height: 87%;
    left: 2%;
    top: 6%;
  }
  body:not(.smf) .anchor-nav a:after {
    width: 93%;
    height: 95%;
    left: 3%;
    top: 3%;
  }
  body:not(.smf) .anchor-nav a.on:before, body:not(.smf) .anchor-nav a:hover:before {
    width: 94%;
    height: 83%;
    left: 3%;
    top: 8%;
  }
  body:not(.smf) .anchor-nav a.on:after, body:not(.smf) .anchor-nav a:hover:after {
    width: 91%;
    height: 93%;
    left: 4%;
    top: 4%;
  }
}
.birdcage {
  margin-top: 50px;
  padding: 0 6px;
}
.birdcage table {
  width: 100%;
  border-spacing: 4px;
  font-family: "リュウミン R-KL";
  text-align: center;
}
.birdcage table.room5 {
  margin-bottom: 10px;
}
.birdcage table.room5 td {
  width: 19.14%;
}
.birdcage table.room6 td {
  width: 15.95%;
}
.birdcage table.houi {
  margin-top: 0;
}
.birdcage table.houi .west {
  width: 32.34%;
}
.birdcage table.houi .south {
  width: 40.74%;
}
.birdcage table.houi .east {
  width: 24.36%;
}
.birdcage table.houi th {
  background: none;
}
.birdcage table.houi td {
  background: #324355;
  color: #FFF;
  border: none;
}
.birdcage table th {
  background: #324355;
  color: #FFF;
  width: 20px;
  width: 2.12%;
  font-size: 14px;
  letter-spacing: 0;
}
.birdcage table td {
  border: solid 1px #cbd3d5;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
vertical-align: middle;
}
.birdcage table td.empty {
  background: #ccc;
  font-size: 12px;
  vertical-align: middle;
}
.birdcage table td.empty div {
  width: 100%;
  margin: auto;
}
.birdcage table td a {
  display: block;
  width: 100%;
  height: 100%;
}
.birdcage table td a.type-a {
  background: #CBDDF0;
}
.birdcage table td a.type-b {
  background: #CBF0EF;
}
.birdcage table td a.type-e,
.birdcage table td a.type-e3 {
  background: #E6F0CB;
}

.birdcage table td a.type-e2 {
  background-color: #F7C5C5;
}

.birdcage table td a.type-f2 {
  background: #C5CDF7;
}

.birdcage table td a.type-h2 {
  background: #F0E0CB;
}
.birdcage table td a.type-i {
  background: #F0D3D3;
}
.birdcage table td a.type-k {
  background: #f4f5d0;
}

.birdcage table td a.type-h {
 background-color: #EEEA9F;
}

.birdcage table td a.type-c {
  background: #e0d1f1;
}
.birdcage table td a.type-d {
  background: #d0f7d5;
}

.birdcage table td a.type-d2 {
  background: #f3c9f1;
}
.birdcage table td a.type-g {
  background: #e6ceda;
}
.birdcage table td a.type-f {
  background: #e7f9ff;
}
.birdcage table td a.type-f3 {
  background: #c3f3f9;
}
.birdcage table td a.type-j {
  background: #f9d0a5;
}
.birdcage table td a.type-m {
  background: #d4e6a2;
}

@media only screen and (min-width: 767px) {
  .birdcage table td a:hover {
    opacity: 0.7;
  }
}
.birdcage table td .plan {
  font-family: 'Cinzel', serif;
  font-size: 22px;
  color: #324355;
  margin: 0 10px 4px;
  padding-top: 4px;
  border-bottom: #CBD3D5 solid 1px;
  line-height: 1;
}
.birdcage table td .t {
  padding-bottom: 4px;
}
.birdcage table td .t,
.birdcage table td .p {
  font-size: 14px;
  line-height: 1;
}
.birdcage table td .t i,
.birdcage table td .p i {
  font-size: 16px;
}
.birdcage table td .h {
  background: #be272e;
  color: #FFF;
  width: 100%;
  margin-top: 6px;
    font-size: 13px;
}
.birdcage table td .h-2 {
  background: #2d2d2d;
  color: #FFF;
  width: 100%;
  margin-top: 7px;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .birdcage {
    padding: 0;
  }
  .birdcage table {
    border-spacing: 2px;
  }
  .birdcage table.room5 td {
    width: 18.66%;
  }
  .birdcage table.room6 td {
    width: 15.33%;
  }
  .birdcage table th,
  .birdcage table td {
    line-height: 1.4;
  }
  .birdcage table th {
    font-size: 8px;
    width: 3.33%;
  }
  .birdcage table td.empty {
    font-size: 10px;
  }
  .birdcage table td .plan {
    font-size: 20px;
    margin: 0 4px 8px;
  }
  .birdcage table td .t {
    margin-bottom: 0;
  }
  .birdcage table td .t,
  .birdcage table td .p {
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  .birdcage table td .t i,
  .birdcage table td .p i {
    font-size: 10px;
  }
  .birdcage table td .t .m,
  .birdcage table td .p .m {
    display: block;
  }
  .birdcage table td .h {
    font-size: 9px;
    letter-spacing: 0;
  }
.birdcage table td .h-2 {
    font-size: 9px;
    letter-spacing: 0;
  }
}
.m{
    color: 
}

.anim {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.flexBlock, .bottom-plan-list ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
/*  justify-content: space-between;*/
  justify-content: space-around;
}

.plan-inner {
  max-width: 680px;
  position: relative;
  margin: 90px auto 0px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .plan-inner {
    margin: 40px auto 0;
  }
    
.flexBlock, .bottom-plan-list ul {
flex-wrap: wrap;
/*  justify-content: space-around;*/
justify-content: flex-start !important;    
}
    
.around-block {
  justify-content: space-around !important;
  
}
    
    .bottom-plan-list li{
       margin-bottom: 20px; 
    }    
    
}
.plan-inner .kanko-img {
  position: relative;
  display: block;
  text-align: center;
  padding-top: 40px;
}
.plan-inner .kanko-img img {
  display: inline-block;
  width: 240px;
}
.plan-inner .en {
  font-family: 'Cinzel', serif;
}
.plan-inner .jp {
  font-family: "リュウミン R-KL";
}
.plan-inner span.new {
  font-size: 10px;
  position: absolute;
  display: block;
  width: 60px;
  height: 18px;
  line-height: 18px;
  background: #840f12;
  color: #ffffff;
  left: 0;
  top: 10px;
}
.plan-inner .plan-list {
  flex-wrap: wrap;
  padding-top: 1rem;
}
.plan-inner .plan-list li {
  max-width: 320px;
  box-sizing: border-box;
  background: #324355;
  position: relative;
  margin-bottom: 60px;
  width: 49%;
  opacity: 1;
}
@media only screen and (max-width: 660px) {
  .plan-inner .plan-list li {
    width: 48%;
    margin-bottom: 25px;
  }
}
.plan-inner .plan-list li a {
  padding: 30px 40px 40px;
  display: block;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .plan-inner .plan-list li a {
    padding: 15px;
  }
}
.plan-inner .plan-list li a p {
  padding: 10px 0;
}
.plan-inner .plan-list li a .type {
  font-weight: bold;
  font-size: 20px;
  padding-top: 0;
  border-bottom: 1px solid #99a1aa;
}
.plan-inner .plan-list li a .type span {
  font-size: 26px;
}
.plan-inner .plan-list li a .plan {
  border-bottom: 1px solid #99a1aa;
  font-size: 16px;
}
.plan-inner .plan-list li a .area {
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  .plan-inner .plan-list li a p {
    padding: 7px 0;
  }
  .plan-inner .plan-list li a .plan,
  .plan-inner .plan-list li a .area {
    font-size: 12px;
  }
}
.plan-inner .plan-list li a figure {
  position: relative;
  display: block;
}
.plan-inner .plan-list li a figure img {
  opacity: 1 !important;
}
@media only screen and (min-width: 767px) {
  .plan-inner .plan-list :hover {
    opacity: 0.9;
  }
}

.plan-list li a:before,
.plan-list li a:after {
  content: "";
  position: absolute;
  display: block;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  box-sizing: border-box;
}

.plan-list li a:before {
  content: "";
  width: calc(100% - 18px);
  height: calc(100% - 14px);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  left: 10px;
  top: 8px;
  z-index: 1;
}

.plan-list li a:after {
  width: calc(100% - 14px);
  height: calc(100% - 18px);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  left: 8px;
  top: 10px;
  z-index: 2;
}

@media only screen and (min-width: 767px) {
  .plan-list li:hover a:before {
    content: "";
    width: calc(100% - 28px);
    height: calc(100% - 24px);
    left: 15px;
    top: 13px;
  }

  .plan-list li:hover a:after {
    width: calc(100% - 24px);
    height: calc(100% - 28px);
    left: 13px;
    top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .plan-list li a:before {
    content: "";
    width: calc(100% - 16px);
    height: calc(100% - 12px);
    left: 8px;
    top: 6px;
  }

  .plan-list li a:after {
    width: calc(100% - 12px);
    height: calc(100% - 16px);
    left: 6px;
    top: 8px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  body:not(.smf) .plan-list li a:before {
    width: 94%;
    height: 96.4%;
    left: 3%;
    top: 1.8%;
  }
  body:not(.smf) .plan-list li a:after {
    width: 96%;
    height: 95.4%;
    left: 2%;
    top: 2.3%;
  }
  body:not(.smf) .plan-list li a.on:before, body:not(.smf) .plan-list li a:hover:before {
    width: 90%;
    height: 94%;
    left: 5%;
    top: 3%;
  }
  body:not(.smf) .plan-list li a.on:after, body:not(.smf) .plan-list li a:hover:after {
    width: 92%;
    height: 93%;
    left: 4%;
    top: 3.5%;
  }
}
@supports (-ms-ime-align: auto) {
  body:not(.smf) .plan-list li a:before {
    width: 94%;
    height: 96.4%;
    left: 3%;
    top: 1.8%;
  }
  body:not(.smf) .plan-list li a:after {
    width: 96%;
    height: 95.4%;
    left: 2%;
    top: 2.3%;
  }
  body:not(.smf) .plan-list li a.on:before, body:not(.smf) .plan-list li a:hover:before {
    width: 90%;
    height: 94%;
    left: 5%;
    top: 3%;
  }
  body:not(.smf) .plan-list li a.on:after, body:not(.smf) .plan-list li a:hover:after {
    width: 92%;
    height: 93%;
    left: 4%;
    top: 3.5%;
  }
}
.type-article .content-bg {
  padding-bottom: 100px;
}
.type-article .contentTitle {
  font-size: 27px;
}
.type-article .contentTitle span {
  font-size: 50px;
}

.detail-header {
  max-width: 900px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.detail-header p {
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
  padding: 12px 0;
  font-size: 14px;
}
.detail-header p:first-child {
  padding: 0;
}
.detail-header .detail-plan {
  font-size: 32px;
  color: #324355;
  font-weight: bold;
}
.detail-header .detail-plan span {
  font-size: 44px;
}
@media only screen and (max-width: 767px) {
  .detail-header .detail-plan {
    display: block;
  }
}
.detail-header .detail-area {
  font-size: 14px;
}
.detail-header .detail-area span {
  color: #324355;
  font-weight: bold;
  font-size: 32px;
}

.plan-detail-inner {
  padding-bottom: 105px;
  max-width: 760px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.plan-detail-inner .plan-detail-block {
  margin-bottom: 25px;
  position: relative;
}
.plan-detail-inner .plan-detail-block a {
  margin: auto 0;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  height: 72px;
}
@media only screen and (max-width: 767px) {
  .plan-detail-inner .plan-detail-block a {
    height: 46px;
  }
}
@media only screen and (min-width: 767px) {
  .plan-detail-inner .plan-detail-block a:hover {
    opacity: 0.8;
  }
}
.plan-detail-inner .plan-detail-block .btn-back {
  left: -68px;
}
@media only screen and (max-width: 920px) {
  .plan-detail-inner .plan-detail-block .btn-back {
    left: 10px;
  }
  .plan-detail-inner .plan-detail-block .btn-back img {
    width: 30px;
    height: auto;
  }
}
.plan-detail-inner .plan-detail-block .btn-next {
  right: -68px;
}
@media only screen and (max-width: 920px) {
  .plan-detail-inner .plan-detail-block .btn-next {
    right: 10px;
  }
  .plan-detail-inner .plan-detail-block .btn-next img {
    width: 30px;
    height: auto;
  }
}
.plan-detail-inner .cap img {
  display: block;
  margin-bottom: 5px;
  height: 14px;
  width: auto;
}

.bottom-plan-list {
  margin-bottom: 58px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.bottom-plan-list ul {
  justify-content: space-around;
  font-size: 18px;
}
.bottom-plan-list li {
  border-right: 1px solid #1a1a1a;
}
.bottom-plan-list li a {
  width: 48px;
  display: block;
  text-align: center;
}
@media only screen and (min-width: 767px) {
  .bottom-plan-list li a:hover {
    text-decoration: underline;
  }
}
.bottom-plan-list li:last-child {
  border-right: none;
}
.bottom-plan-list li.on a {
  pointer-events: none;
  cursor: default !important;
  text-decoration: none !important;
  opacity: 0.8;
}

.btn-bottom-plan {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: rgba(44, 44, 44, 0);
  color: #334457;
  width: 280px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  text-align: center;
  border: #334457 solid 1px;
  position: relative;
}
.btn-bottom-plan .btn-in {
  display: inline-block;
  position: relative;
  padding-right: 40px;
}
.btn-bottom-plan .btn-in:before {
  content: "";
  background: #334457;
  width: 40px;
  height: 1px;
  position: absolute;
  right: -5px;
  top: calc(50% + 4px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-bottom-plan .btn-in:after {
  content: "";
  background: #334457;
  width: 14px;
  height: 1px;
  position: absolute;
  right: -6px;
  top: calc(50% - 1px);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 767px) {
  .btn-bottom-plan:hover {
    background: rgba(44, 44, 44, 0.1);
  }
  .btn-bottom-plan:hover span:before {
    width: 45px;
    right: -10px;
  }
  .btn-bottom-plan:hover span:after {
    right: -11px;
  }
}

.line-title {
    margin-top: 100px;
    margin-bottom: 40px;
    font-size: 21px;
    font-family: "リュウミン R-KL";
    letter-spacing: 0.2em;
    text-align: center;
}
.line-title span {
    display: inline-block;
    min-width: 400px;
    padding: 0 130px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.line-title span:before, .line-title span:after {
    content: "";
    display: block;
    background: #CBCBCB;
    width: 100px;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
}
.line-title span:before {
    left: 0px;
}
.line-title span:after {
    right: 0px;
}

@media only screen and (max-width: 960px){
.line-title span {
    min-width: auto;
}
}
@media only screen and (max-width: 767px){
.line-title span {
    min-width: auto;
    padding: 0 50px;
}
.line-title span:before, .line-title span:after {
    width: 40px;
}   
}
/*20191031*/
.select_new{
font-size: 13px;
position: absolute;
display: block;
width: 100%;
/* height: 5%;*/
line-height: 18px;
background: #9a8626;
color: #ffffff;
left: 0;
top: -30px;
text-align: center;
z-index: 99;
padding: 1.5% 0;
}

.select_coming{
font-size: 13px;
position: absolute;
display: block;
width: 100%;
/* height: 5%;*/
line-height: 18px;
background: #8e8e8e;
color: #ffffff;
left: 0;
top: 0px;
text-align: center;
z-index: 99;
padding: 1.5% 0;
}

@media only screen and (max-width: 767px){
.select_new{
font-size: 11px;
padding: 0.5% 0;
}

.select_coming{
font-size: 11px;
padding: 0.5% 0;
}

}
/*20191031*/
/*20191101*/
@media only screen and (min-width: 768px) {
  .pc-none {
    display: none;
  }
}
.ttl-group-block {
  display: none;
}
.ttl-group-block.is-show-ttl {
  display: block;
}
.conte-group {
  max-width: 760px;
  margin: 0 auto 2rem auto;
  position: relative;
}
.conte-group-block {
  display: none;
}
.conte-group-block img {
  width: 100%;
}
.conte-group-block.is-show-conte {
  display: block;
}
.tab-group {
  display: flex;
  justify-content: space-between;
  max-width: 760px;
  margin: 0 auto;
}
.tab-group >li {
  background-color: #334458;
  color: #fff;
  padding: 1rem 0;
  width: 50%;
  text-align: center;
  cursor: pointer;
  transition: 0;
}
.tab-group >li.line_2_tab {
  background-color: #334458;
  color: #fff;
  padding: 1rem 0;
  width: 50%;
  text-align: center;
  cursor: pointer;
  transition: 0;
}


.tab-group >li:hover {
  background-color: #6c8baf;
  transition: .3s;
}
.tab-group >li.is-active {
  background-color: #fff;
  color: #334458;
}
.conte-group >.btn {
  position: absolute;
  top: 50%;
}
.conte-group .btn-back {
  left: -68px;
}
.conte-group .btn-next {
  right: -68px;
}
@media only screen and (max-width: 900px){
  .tab-group >li {
    font-size: 12px;
  }
  .conte-group >.btn {
    width: 30px;
  }
  .conte-group .btn-back {
    left: 10px;
  }
  .conte-group .btn-next {
    right: 10px;
  }
}
.cap.tab-have {
  max-width: 760px;
  margin: 0 auto 2rem auto;
}
.cap.tab-have >img {
  display: block;
  margin-bottom: 5px;
  height: 14px;
  width: auto;
}
/*@media only screen and (max-width: 900px){
  .cap.tab-have >img {
    height: 14px;
    width: auto;
  }
}*/




/*供給済み*/

.soldOut_td{
        background: #ccc;
        vertical-align: middle;
}

.soldOut {
/*    background-image: url(../imgs/medal.svg);
    background-repeat: no-repeat;
    background-position: 3px 4px;
    background-size: 14%;*/
    padding: 4px 0;
}

@media only screen and (max-width: 767px){
.soldOut {
/*    background-size: 32%;*/
    padding: 8px 0;
    }
}



/*フローティングバナー*/
.float-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.float-banner .btn-close {
  width: 30px;
  height: 30px;
  background: #403B3F;
  position: absolute;
  right: 0;
  top: -30px;
}
.float-banner .btn-close:before, .float-banner .btn-close:after {
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.float-banner .btn-close:before {
  width: 1px;
  height: 27px;
  margin: -13px 0 0 0px;
}
.float-banner .btn-close:after {
  width: 27px;
  height: 1px;
  margin: 0px 0 0 -13px;
}
.float-banner a:hover {
  opacity: 0.8;
  transition: 0.2s all ease 0s;
}

@media only screen and (max-width: 480px) {
  .float-banner {
    width: 100%;
  }
  .float-banner img {
    width: 100%;
  }
}


/* 200220 追加 */

.plan_txtbox{
background: #fff;
margin: .5rem auto;
color:#BE272E;
}





/* VRバナー */

.vr{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 40px;  
}

.vr p{ margin: 1rem auto;}

.vr img:hover{
    opacity: 80%;
    transition: 0.3s ease;
}




/* 価格注釈 */
.floor-wrapper-note {
    font-size: 12px;
    margin-bottom: 4px;
}

@media only screen and (max-width: 480px) {
.floor-wrapper-note {
    font-size: 10px;
}
}


/*鳥かご sp修正*/
@media only screen and (max-width: 480px) {
.birdcage table {
  height: 1px;
}
.birdcage table td a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
}

/*プレミアムバナー*/
.premium-banner {
	text-align: center;
	margin-bottom: 50px;
}
