@charset "utf-8";

/**********************************************************************　スマホ　*******************************************************************************/
html { font-size: 90% }
body { margin: 0 0 0 0;} 
.pc,.anch,.daiza {display: none;}

.jokin { text-align: center; }
.jokin img { width: 100%; margin: 0px auto 50px; }

.yoyaku { width: calc(100% - 40px); margin: 10px auto; padding: 20px; }
.yoyaku div { border: #0071bc 1px solid; border-radius: 0px }
.yoyaku img { width: 100%; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:0px; }

h1 { font-size: 1.3em }
h2 { font-size: 1.1em }
h3 { font-size: 1.1em }

.markfhead { padding: 5px 0 2px 35px ; }

h2.markfhead { background-size: auto 30px ; }
h3.markfhead { background-size: auto 26px ; }
h4.markfhead { background-size: auto 26px ; }


/**********************************************************************　デザイン　*******************************************************************************/


.id-box {  }

.bgph { background-size: auto 100%; background-position: center center }

.tray { margin-bottom: 10px; width: 95% }

/**********************************************************************　画像サイズの調整　*******************************************************************************/

.p-wide-90p { width: 80%;margin-right: 15%;margin-left: 5% }
.p-wide-80p { width: 70%;margin-right: 23%;margin-left: 12% }
.p-wide-70p { width: 60%;margin-right: 33%;margin-left: 17% }

.zu img { width: 100% ; height: auto ; padding: 0 0% }

/**********************************************************************　タイポグラフィー　*******************************************************************************/

span.spkaig:before { content: "\A";white-space: pre ; }
span.maru { padding-left: 0.4em }
.read { text-align: justify; padding-left: 5%;padding-right: 5%; }
.copy { text-align: justify; padding-left: 0;padding-right: 0; }

.kg { display: block }

/**********************************************************************　サイズの調整　*******************************************************************************/

.swiper-container { width: 90% ; padding: 0 5% 40px 5%  }

.niretsu.reigai { padding-bottom: 20px ; }
.niretsu.reigai .lft { width: 48% ; float: left ; }
.niretsu.reigai .rgt { width: 48% ; float: right ; }

/***********************************************************************　固定ヘッダー　******************************************************************************/

header {}
body.infopage section { padding-top: 80px }

/************************* 　ロゴ　***************************/

.logoen p { height: 37px ; padding: 22px 0 0 ; font-size: 1.0em;line-height: 1.0em ; }
.logoen p span.Tpgrh { padding-left: 4% }

.logol p {top: 100px ; left: 5% ; width: 30%; } 

.video-nowrap { padding-top: 59px }

body.infopage .logos { width: 40% ; margin: 0 30% 20px ; font-size:0.6em ;  line-height: 2.0em}

/******************************************************************** photos（スライドショー大きい画面） ************************************************************************/

#demo-1 { min-height: 80%; }

#photos{ margin: 0 0 0 0; }

.swiper-pagination{ height: 20px; position: absolute;left: 0;bottom: 0 }

/******************************************************************************* multi （スワイプで切り替え）*********************************************************************************/


/***********************************************************************footer******************************************************************************/

.logof img { width: 40%;height: auto; }

.sitemap  {
	width: 80% ; padding: 10px 10% 10px ;margin: 0 0; 
	display: block;
	background-color: #aaaaaa; 
}

.sitemap a {
	width: 47% ; height: 30px; padding: 10px 0 0 0;margin: 1%; 
	border: 1px solid #ccc;border-radius: 5px;
	color: #000;
	display: block;
	float: left;
	background-color: #ffffff; 
}

/**********************************************************************  商品一覧  *******************************************************************************/

.card { width: 94.0%;margin-bottom: 5%;}

.card.card02 { width: 44.5%; margin-right: 5% ;margin-bottom: 5%;}
.card.card06 { width: 29.0%; margin-right: 3% ;margin-bottom: 5%;}

.card.card03 { width: 86.0%; margin-right: 0px ;margin-bottom: 20px;}
.card.card04 { width: 50%; margin-right: 0px ;margin-bottom: 0px ;text-align: left; }

.card.card03 a img
{width: 100%;height: auto; padding-bottom: 10px;}

.card.card04 a img
{width: 100%;height: auto; padding-bottom: 10px;}

.card.card03 span 
{ width: 58%;float: left;padding-left: 10px ;text-align: left }

.card.card03 span.cardp 
{ width: 30%;float: left;padding-right: 10px ; }


a.card-link { background-color: rgba(68,88,164,0.0) }
a.card-link strong { color: rgba(71,89,159,1.0) }

.sdan2 .thmbph { width: 46%; margin-left: 2%; margin-right: 2%;margin-bottom: 20px;padding-bottom: 10px }

.tray img{ width: 100%;height: auto; padding-bottom: 0; }

.advan-box a { float: left ; width:calc(50% - 12px); text-align: center ; font-size: .8em ; border: solid 1px #ddd ;margin: 5px }

.others .yondan { margin-top: 20px ;  padding-top: 20px ; border-top: 1px dotted #bbb; }

.yondan .lft,.yondan .rgt { width: 50% ; float: left ; padding-bottom: 20px ; }


/**********************************************************************  ズームボックス  *******************************************************************************/

/**　　　　　左右３列　　　　　　　**/

.zoom-box.sandan div { width: 30%; }
.zoom-box.nanadan div { width: 50%; }
.zoom-box.nanadan div#dtt, .zoom-box.nanadan div#dfa, .zoom-box.nanadan div#dyn
{ width: 50%; }
.zoom-box.sandan div.zb-lft { margin-right: 4% }
.zoom-box.nanadan div.zb-lft { margin-right: 0% }

td span {display: block}


/**********************************************************************　テーブルのようなリスト　*******************************************************************************/

ul.tblike.pref li.thbox {width: 100%;border-bottom: 1px solid #CCCCCC;}
ul.tblike.pref li.tdbox {display: none}

ul.tblike.pref li.tdbox{width: 95%;text-align: left;padding-left: 5%;}
ul.tblike.pref li.tdbox.brn{width: 95%;text-align: left;padding-left: 5%;}
ul.tblike.pref li.tdbox.add{width: 95%;text-align: left;padding-left: 5%;}

ul.tblike li.end{float: none;clear: left;border-bottom: 0px solid #CCCCCC;}
ul.tblike.nidan {border-top: 1px solid #CCCCCC;}
ul.tblike.nidan li.tdbox{width: 100%;}

.kazai { width: 40%; padding: 0 5% ;margin: 10px 0 }

p.codebtn,
.bribt a { width: 80%;height: 40px;padding: 10px 0 0 0;margin: 20px auto 0 auto; }

header ul li  { padding: 0 }
header ul li a { font-size: 16px;line-height: 16px;padding: 10px 0; }
header ul li.fobt a { background-color: #f1f1f1; }

@media screen and (min-width: 641px) {
body {display: none}
}

/**********************************************************************　サイズ調整　*******************************************************************************/

/*---------------------　スマホ用　---------------------*/

.w-wide { width: 90%;margin-left:5% }
.busnav {  padding-left: 20px; }
table.bustime th { line-height: 1.2em; }


/**********************************************************************　ボタン類　*******************************************************************************/

#reservation a.btn.sp { display: block ; width: 95% ; padding: 20px 0 ; text-align: center }


/****************************　　指定　　****************************/


/* 大枠 */
#recommend .PlanView {  }

/* 文章の大枠 */
#recommend .explan { float:none; width:100%; margin:0 0 5px; }

/* 画像 */
#recommend .picture { float:none; width:95%; }
#recommend .main_picture { width:100%; }
#recommend .yoyakuban_main_picture_img { margin:10px 0px 10px 5px; }

/* 名 */
#recommend .PlanView .plan { width:95%;margin-bottom:10px; padding:3px 0 0 0; font-size:1.2em; }

/* プラン一覧のコメント */
#recommend .explan .comment { display: none }

/* リスト */
#recommend .explan div.roomlist{ width:93% ; margin:5px 0 50px 0; padding:5px 7px 0 5px; }
#recommend .roomlist li { padding:2px 0 2px 2px ; margin-bottom:5px;}
#recommend .roomlist li a{ padding:10px }

#recommend .explan .roomlist p.room_list_header{ display:none; /* padding-bottom:5px; */ }

#recommend{ width:100%; margin:0; }