@charset "UTF-8";

body{}

.color_w{ color: #FFF; }

.bg_ptn{ background:url(../img/cmn/ptn.png) top center repeat; }

.font_b46_w{ font-size: 46px !important; font-weight: bold; color: #FFF;}
.font_b28_w{ font-size: 28px; font-weight: bold; color: #FFF; display: block;}
.font_b20_w{ font-size: 20px; font-weight: bold; color: #FFF; display: block;}
.font_b14_w{ font-size: 20px; font-weight: bold; color: #FFF; display: block; }

.e-sec01{padding: 2em 0;}

.bold{font-weight: bold;}

.font28{font-size: 28px;}
.font20{font-size: 20px;}
.font19{font-size: 19px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}
.vip_color{ color: #ccc3a7; }

@media screen and (min-width:200px) and (max-width:640px) {
.font28{font-size: 28px;}
.font20{font-size: 18px;}
.font19{font-size: 17px;}
.font16{font-size: 15px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}

}

/*========================
club_tamashii
========================*/

.ttl_cbt .cbt_logo{
  vertical-align: text-bottom;
}
.ttl_cbt .cbt_logo img{
  vertical-align: sub;
}

.cbt_wrap{
  margin-top: 1em;
}
.cbt_wrap li{
  width:32%;
  margin-right: 2%;
  margin-bottom: 1%;
}


.cbt_wrap li:nth-child(3n){
  margin-right: 0;
}


.cbt_wrap li img{
  width:100%;
  max-width: 320px;
}


.acceptance_box{
width: 80%;
max-width: 500px;
padding: 1em;
border: 1px solid #FFF;
vertical-align: top;
margin: 0 auto;
text-align: center;
}

.privilege .small{
  margin:1em;
  font-size: 12px;
  line-height: 1.5em;
}

.privilege .invitation ul{padding: 1em;}
.privilege .invitation ul li {display: inline-block; margin-right: 1em; text-align: center; width: 60%;}
.privilege .invitation ul li:nth-child(2){margin-right: 0; width: 33%;}

.privilege .invitation ul li p{background: #fff; color: #14b5ff; text-align: center; margin-bottom: 1em;}
.privilege .invitation ul li img{width: 100%; max-width: 148px;}
.privilege .invitation ul li img:last-child{margin-right: 0;}

.privilege .border{border-bottom:1px #fff solid; margin-top:2em; }

.tocbt{
  width: 48.5%;
  display: inline-block;
  margin-right: 0;
  background: #000;
  position: relative;
  z-index: 100;
}
.tocbt:first-child{
  margin-right: 2%;
}
.tocbt a.bg{
  background: url(../img/cmn/cbt_btn_bg.png) no-repeat top center;
}

.tocbt a.bg2{
  background: url(../img/cmn/cbt_btn_bg2.png) no-repeat top center;
}


.tocbt a{
  text-align: center;
  border: 1px solid #999;
  border-radius: 5px;
  padding: 1em;
  vertical-align: middle;
  width: 100%;
  display: inline-block;
  color:#fff;
  text-decoration: none;
  font-size: 23px;
}

.tocbt a img,
.tocbt a span{
  vertical-align: middle;
}

.tocbt a img{
  max-width:120px;
  margin-right:.5em;
}
.frame{ margin: 3em auto; padding: 2em 1em; color: #FFF; /*border: 3px solid #fff;*/ width: 100%; background: #00a0e9; position: relative; z-index: 100;}

.pre-nights_box{width:100%; text-align:left; margin: 0 auto 1em; font-weight: bold;}

.pre-nights_box ul{ padding-left:20px;  }
.pre-nights_box ul li{ list-style: outside disc;}


@media screen and (min-width:200px) and (max-width:640px) {
  .tocbt{width: 100%!important}
  .tocbt a{font-size: 16px;}
  .tocbt:first-child{
  margin-right: 0%;
}
  .privilege .invitation ul{padding: 0!important; width: 90%; margin: 0 auto;}
  .privilege .invitation ul li{width: 100%; text-align: center;}
  .privilege .invitation ul li:nth-child(2){width: 100%;}
  .privilege .invitation ul li img{width: 20%; text-align: center;}
  .acceptance_box span{font-size: 20px!important;}
}
@media screen and (min-width:640px) and (max-width:1000px) {
.privilege .invitation ul{padding: 0!important;}
.privilege .invitation ul li{width: 100%;}
.privilege .invitation ul li:nth-child(2){width: 100%;}
}

/* ==================
.card_table
================== */

.card_table{
width: 100%;
border-collapse: collapse;
font-size: 0.8em;
background: #202020;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
color: #FFF;
}

.card_table .bg{
  background: #dadada;
    color: #000;
    padding: 0.6%;
    font-weight: bold;
  }

.card_table td {
    vertical-align: middle;
    padding: 0.5em 0.3em;
    text-align: center;
    border-right: #efefef 1px solid;
    border-bottom: #efefef 1px solid;
}
.card_table td.card_img{width: 11.8%;}
.card_table td.card_img img{
  width: 100%;
}
.card_table.sp{display: none;}


@media screen and (min-width:200px) and (max-width:740px) {
  .card_table td{ padding: 0.4em;}
  .card_table{
    width: 100%;
    }
    .card_table .color{font-size: 0.65em;}

    .card_table.pc{display: none;}
    .card_table.sp{display: block; margin-bottom: 1.5em;}
}

/* ==================
stamp
================== */

ul.stamp_map-qr{ padding: 2em 0 4em; }
ul.stamp_map-qr li{
  display: inline-block; width: 68%; margin:0 2% 0 0;
}
ul.stamp_map-qr li:last-child{ width: 29%; margin-right: 0;}

@media screen and (min-width:200px) and (max-width:740px) {
ul.stamp_map-qr{ padding: 1em 0 2em; }
ul.stamp_map-qr li{ width: 100%; margin:0;}
ul.stamp_map-qr li:last-child{width: 60%; display: block; margin:1em auto; text-align: center;}
}  
/* ==================
vip
================== */

.vip_lounge_bg{ background:url(../img/cmn/viplounge_bg.jpg) no-repeat top center; }
.vip_container{ color: #FFF; width: 100%; padding-left: 40%; text-align: left !important; letter-spacing: .1em;}
.vip_container .timeschedule-table ul{}
.vip_container ul.timeschedule-table li{list-style: none; display: inline-block; max-width: 400px; width:100%;}
.vip_container ul.timeschedule-table li:last-child{ margin-right: 0%; }


@media screen and (min-width:200px) and (max-width:740px) {
.vip_container{ width: 100%; padding-left: 20%;  }  
.vip_container ul.timeschedule-table li{list-style: none; display: inline-block; width: 100%; margin-right: 1%; padding-top: 1em; }
}