@charset "shift_jis";
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
  .br-pc { display:block; }
  .br-sp { display:none; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
  .br-pc { display:none; }
  .br-sp { display:block; }}


#VIP_cmp{
 background-image: url(img/BG2.png); 
}

.haikei_test{
 background-image: url(img/bg01.jpg); 
}


.head{
  text-align: center;
  margin: 0 auto;
}


.head_moji {
  color: #231815;
  font-size: 15px;
}


.line{
  width:100%;
  vertical-align: bottom;
}

.contents{
 margin:0 auto;
 padding: 10px 0 30px 0px;
 background-image: url(img/BG.png); 
}

.logo {
  text-align: center;
  margin: 10px;
}


.nakami {
 margin: 30px 7px 0px 7px;
}

.travel,.hotel,.leisure,.movie {
 margin: 20px auto 30px auto;
 width: 85%;
 overflow : hidden;
}


.chusyaku {
  margin: 10px;
  color: #3e0707;
  font-size: 12px;
}

.chui {
  border: 2px solid #78C2C4;
  margin-top: 30px;
  padding: 40px;
  color: #3e0707;
  font-size: 13px;
}

.chui_title{
 background: #e7ede4;
 padding:3px;
 font-weight: bold;
}



/* 回り込みFLOAT */

.left,.right{
 color: #3e0707;
 display: block;
 font-size: 18px;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }




/* テーブルタグ */
.viptable{
 text-align: center;
 padding: 30px;
 }


table , td, th, tr {
 width: 90%;
 vertical-align: middle;
 margin: 0 auto;
}
td, th, tr { width:30%; height: 40px; font-size:20px; 
font-weight: bold; padding: 10px;}

.table_std{ 
 border: 1px solid #73c2c7;
 border-left: 2px solid #73c2c7;
 background: #faf7eb; color:#3e0707;}

th.table_std_top{
 border: 1px solid #73c2c7;
 border-left: 2px solid #73c2c7;
 background: #dceae3; color:#3e0707;}

.table_title{
 background: #e7ede4; color:#3e0707; 
 border: 1px solid #73c2c7;
 border-left: 1px solid #73c2c7;}

td.table_vip{ 
 border: 1px solid #fff;
 border-left: 2px solid #bc002d;
 border-right: 2px solid #bc002d;
 background: #f2ded8 ; color:#3e0707;}

.table_vip_top{ 
 border: 2px solid #bc002d;
 background: #bc002d; color:#fff;}

.table_vip_bottom{ 
 border-left: 2px solid #bc002d;
 border-right: 2px solid #bc002d;
 border-bottom: 2px solid #bc002d;
 background: #f2ded8; color:#3e0707;}
 
.table_guidebook{ 
 color: #3e0707;
 background: #e7ede4;
 border: 1px solid #73c2c7; }

td p {
  line-height: 20px;
}
span.table_chui{ color:#3e0707; font-size:13px; font-weight:initial;}


/* リンクボタン */
.container { text-align: center; margin:10px; 
font-weight:bold; color:#bc002d;
font-size: 16px;}

.container a img{
 margin:0 auto;
  opacity: 1;
  transition: 0.1s;}

.container a:hover img{
  opacity: .2;}





/* スマホ対応 */

@media only screen and (max-width: 480px) {


.head img, .logo img, .container a img, .viptable img, .contents img{
 width:100%;
}

.head p {
 font-size: 13px;
}

.nakami,.nakami p {
 margin: 1px;
 font-size: 15px;
 color: #000;
}
.viptable{
 text-align: center;
 padding: 1px;
 }

table , td, th, tr {
 width: 100%;
 vertical-align: middle;
 margin: 0 auto;
}
td,th, tr { width: 32%; height: 30px; font-size:14px;
font-weight: bold; padding: 3px; }


td p { line-height: 13px; }

span.table_chui { color: #3e0707; font-size:11px;
font-weight:initial; line-height: 5px; }

td p { color:#3e0707; }

.chusyaku p { color:#3e0707; font-size: 11px; }

.chui{ padding: 5px; color: #3e0707; }

.chui, .chui p{ color: #3e0707; font-size: 12px; }

.chui_title{
 background: #e7ede4;
 padding:3px;
 font-weight: bold;
 font-size: 15px;
}

}