@charset "UTF-8";

/*==========特　別　料　金==========*/

.headkakaku{
 
 background-image:url(photo/walking.jpg);
 background-size:cover;
 background-position:50% 65%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}

.headkakaku h2{
 color:#FFD700;
 font-size:200%;
 text-shadow:0 0 10px #444444; 
 width:100%; 
 text-align:center;
 box-sizing:border-box;
 letter-spacing:0.3em;

}

.container .kakaku{
padding:20px;

background-color:#ffffff;
}

.kakaku .tokuten{

 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;

}

.kakaku .tokuten div:nth-child(odd){

 text-align:left;
 width:100%;
 background-color:rgba(245,209,0,0.1);
 margin-top:20px;
 margin-bottom:20px;
 padding:10px;
 box-sizing:border-box;
 border:solid 5px #FFD700;


}




.kakaku .plus{

 text-align:center;

 display:inline-block;
 position:relative;

 width:25px;
 height:25px;
 margin:0 5px;

}

.kakaku .plus::before,.kakaku .plus::after{
 
 display:block;
 content:"";
 background-color:#000000;
 border-radius:10px;
 position:absolute;
 width:25px;
 height:5px;
 top:9.5px;
 left:0;

}

.kakaku .plus::before{

 width:5px;
 height:25px;
 top:0;
 left:9.5px;

}




.kakaku h2{

 margin:0;
 font-size:x-large;
 text-align:left;

}

.kakaku h2:nth-child(1){

 color:#000000;
 margin-bottom:15px;
 padding-bottom:0;
}

.kakaku h2:nth-child(1){

 color:#000000;
 border-bottom:solid 5px #F5D100; 
 margin-top:0;
 padding-top:0;
}


.kakaku h3:nth-child(1){

 margin-top:15px;
 
}



.tablehead li{
  background-color:#F5D100;  
  color:#ffffff;
}

.container .kakaku ul{
 padding:0; 
 margin:0;
 display:flex;
 aligin-items:center;
 justify-content:center;
  
}

.container .kakaku li{
 list-style:none;
 width:20%;
 font-size:10px;
 padding-top:15px; 
 padding-bottom:15px; 

}


.container .kakaku li:not(:last-child){
 border:solid 1px #cccccc;
}

.container .kakaku li:last-child{
 border-right:solid 1px #cccccc;
 padding-bottom:0; 
 
}

.container .kakaku .kes{
 border-bottom:solid 1px #cccccc;
}

.frame{

 background-color:#edebeb;

 padding:15px;

}

.container .kakaku .sodan li:nth-child(2){

 border-right:solid 1px #ffffff;

}

.container .kakaku .sodan li:nth-child(3){

 border-left:solid 1px #ffffff;
 border-right:solid 1px #ffffff;
 text-align:center;
}

.container .kakaku .sodan li:nth-child(4){

 border-left:solid 1px #ffffff;

}


.container .kakaku article:nth-child(2){

 margin-top:15px;
 padding:10px;
 background-color:rgba(245,209,0,0.1);
 border-top:solid 5px #F5D100;
}

.kakaku figure{

 text-align:center;
 margin:0;
 margin-bottom:15px;
 width:100%;

}

.kakaku img{

 
 max-height:600px;
 max-width:100%;

}

.sr{

 display: block;
 overflow-x: scroll;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
 -ms-overflow-style: none;    /* IE, Edge 対応 */
 scrollbar-width: none;       /* Firefox 対応 */

}

.sr::-webkit-scrollbar{

 display:none; /*Chrome,safari*/

}


.premiumtable{

 border-collapse:collapse;
 width:100%;
 

}

.premiumtable th{

 border:solid 0.7px #000;
 background-color:#F5D100;
 color:#fff;
 font-size:10px;
 width:20%;
}

.premiumtable td{

 border:solid 0.7px #000;
 text-align:right; 
 font-size:10px;

}

.premiumtable td:nth-child(1),.premiumtable td:nth-child(5){

 border:solid 0.7px #000;
 text-align:center; 

}

/*=============PC版設定=============*/

@media (min-width:1025px){


/*===========料金=============*/


.container .kakaku li{
 
 font-size:20px;
 

}

.kakaku h2{

 margin-top:0;
 font-size:xx-large;


}


.kakaku .tokuten h3{

 font-size:x-large;

}

.kakaku .tokuten p{

 font-size:x-large;

}

.premiumtable th{

 font-size:large;
 padding:10px;
}

.premiumtable td{

 font-size:large;
 padding:10px;
}

/*=============PC版設定ここまで=============*/