@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------
 スマホ表示用
----------------------------------------------------------------------------------------------*/
body{ min-width:100%; font-size:14px; line-height:1.4; word-wrap:break-word;}
img{ max-width:100%;}

/* 横幅指定解除*/
.main_image .inner,
.container,
.footer .inner
{ width:auto;}

/* 非表示*/
.pcDisplay,
.js-clingify-placeholder,
.nav{ display:none!important;}

.spDisplay { display:inherit!important;}

/* ヘッダ*/
.header{ padding-top:5px;}
.header .inner{ width:100%; margin:0 auto; display: block;}
.header .logoarea{display: inline-block; width: 100%; display: block;text-align: center;}
.header .logo_img{float: none;width:100px;margin:2px auto;}
.header .logoarea .site_desc{font-size:80%;margin-left: 0; margin-top:0; display: inline-block;margin-bottom: 5px;}

.header .contact{display:none;}


.menu_btn{ display:inline-block; position:absolute; right:8px; top:10px;}
.menu_btn .fa{ font-size:35px; color: #9dc814;}
#modalmenu{}
#modalmenu .ttl{ background:#9dc814; color:#fff; padding: 10px; font-size:18px; text-align:left;}
#modalmenu ul{ background:#fff;}
#modalmenu ul li{ border-bottom:1px solid #9dc814;}
#modalmenu ul li:last-child{ border-bottom:0;}
#modalmenu ul li a{ display:block;  text-decoration:none; font-size:16px; padding:10px;color: #9dc814;}

/* メインイメージ*/
.main_image{ min-width:inherit; height:auto; background-size:cover;}
.main_image .inner{ padding:15px 10px; height: auto;}
.main_image .woman{width:100%;max-width: 100%;height: auto; display: none;}
.main_image .inner .fukidashi01{ position:inherit;}
.main_image .inner .ttl{ position:inherit; margin-top:15px;}
.main_image .inner .tx01{padding:5px 15px; font-size: 16px; margin-bottom: 10px;}
.main_image .inner .fukidashi02{ width:30%; top:45%; left:auto; right:10px;}
.main_image .inner .price_area{ position:inherit; margin-top:20px;}
.main_image .inner .price{ width:70%;}
.main_image .inner .ribon{ width: 90%; position:inherit; margin-top:5px;}
.main_image .inner .tx02{ font-size: 4.5vw; position: absolute;bottom: 10%;left: 15%;width: 70%;}


/* コンテンツ*/
.container{ padding:20px 10px;}

.campaign_block{max-width: 100%;width: 100%;height: auto;padding: 10px; margin:10px 0 10px;display: block;}
.campaign_block .icon{top:-15px; left: -18px;width: 75px;}
.campaign_block .woman{width: 65px;}
.campaign_block .tx1{font-size: 21px;line-height: 1.2;display:block;margin: 0 auto;}
.campaign_block .tx1 .small{font-size: 12px; font-weight: normal;margin-top: 5px;}

.section_ttl{ text-align:center; position:relative; background-color: #f0ea0c; padding: 10px 0;}
.section_ttl .tx1{ font-size:18px; padding:0 10px;}
.section_ttl .tx1.txbig{font-size:18px;}
.section_ttl .tx2{ font-size:14px; letter-spacing:0.2em; color:#333;}

.cont_block{ margin-bottom:20px;}
.cont_block .nayami_catch{font-size: 20px;padding: 10px 0;}


.cont_block .can{ padding: 0 10px;}
.cont_block .can .ttlbar{ margin: 0 -10px;}
.cont_block .can .ttlbar .can_logo{display: none;}
.cont_block .can .ttlbar .ttlarea{margin-left: 0;width: 100%; }
.cont_block .can .ttlbar .ttl_desc{font-size:90%;margin-bottom: 0;}
.cont_block .can .ttlbar .ttl{font-size: 19px; font-weight: bold;}
.cont_block .can ul{padding:0; font-size: 21px;text-align: left;}
.cont_block .can ul li{padding:8px 0;}
.cont_block .can ul li p{ font-size: 16px;display: table-cell;float: none;}
.cont_block .can ul li img{width: 50px;display: block;}

.cont_block .gaiyo{margin:0 -10px 10px; border: none; border-radius: 0; padding:20px 10px;background: #f8ffe3;}
.cont_block .gaiyo .img_area{float:none; width: 100%; margin-bottom: 10px;padding-top: 0;}
.cont_block .gaiyo .img_area img{width:100%;}
.cont_block .gaiyo .tx_area{float:none;text-align: left; width: 100%;}
.cont_block .gaiyo .ttl{font-size:20px;margin-bottom: 5px;}
.cont_block .gaiyo .tx_area .desc{padding-left: 0;}


.cont_block .check{margin-bottom: 0px;}
.cont_block .check .check01,.cont_block .check .check02{float:none; width: 100%;}
.cont_block .check .check01 .ttl, .cont_block .check .check02 .ttl{font-size: 18px;}
.cont_block .check .check01 .desc, .cont_block .check .check02 .desc{font-size: 14px;}

.cont_block ul.merit_list{margin-bottom: 30px;}
.cont_block ul.merit_list li.merit{width: 50%;margin-right:0;margin-bottom: 10px;}
.cont_block ul.merit_list li.merit img{width: 50%;}
.cont_block ul.merit_list li.merit p{font-size: 13px;}

.cont_block .type{margin-bottom: 40px;}
.cont_block .type .tx{margin-bottom: 10px; margin-top: -10px;}

ul.caution{ margin-bottom:30px;}
ul.caution li{ font-size:12px;}

.cont_block .type{margin-bottom: 30px;}
.cont_block .type .tx{margin-bottom: 10px; margin-top: -10px;}

.cont_block .subttl{margin-bottom:20px;}
.cont_block .subttl .line{top: 15px;}
.cont_block .subttl .tx{font-size: 20px;padding: 0 10px; }

.cont_block .exsample img{margin-bottom: 20px;}
.cont_block .exsample .desc{font-size: 16px;}

.cont_block .access{margin-bottom: 30px;}
.cont_block .access .access_data{float:none;}
.cont_block .access .access_data .tx{font-size: 16px;}
.cont_block .access .access_data .car,.cont_block .access_data .train{margin-top: 10px;}

.cont_block .access .access_photo{float: none; margin-bottom: 10px;}

.cont_block iframe{max-width: 100%; height: 300px;}

.cont_block .layout{float:none;width: auto;}
.cont_block .room{float:none;width: auto;}


/* よくある質問*/
.faq_list{ width:auto; margin:0 auto 20px;}
.faq_list ul li .q_area{ font-size:16px; padding:10px 0;}
.faq_list ul li .q_area .icon_q{ background-size:24px auto; width:24px; height:24px; }
.faq_list ul li .q_area .tx{ line-height:1.3;}
.faq_list ul li .a_area{ display:none; padding:10px 20px 20px 10px;}
.faq_list ul li .a_area .icon_a{ background-size:24px auto; width:24px; height:24px;}

/* 問合せ*/
.contact_block{ margin: 20px 0;padding:10px 10px 15px;border: 2px solid #e13321;}
.contact_block img{margin: 0 auto 10px; width: 70px;} 
.contact_block .tx{ font-size:14px;}
.contact_block .contact_ttl{width: 100%;height: 40px;}
.contact_block .contact_ttl:before {display: none;}
.contact_block .contact_ttl:after {display: none;}
.contact_block .contact_ttl .ttl{ font-size: 16px;}

.contact_block .tel .number{ font-size:16px;}
.contact_block .tel .number span{ font-size:20px;} 

.contact_block .mail{ font-size:16px;}
.contact_block .mail a{font-size:18px;}


/* フッター*/
.pagetop{ bottom:auto; right:auto; position:inherit;}
.pagetop a { background:#fff6e4; padding:10px 0; display:block; text-align:center; font-size:15px;}
.pagetop .fa{ margin-right:10px; display:inline-block;}
.footer .inner{ padding:0;}
.footer .fnav li{ float:left; width:50%; text-align:center; margin-right:0; border-bottom:1px dotted #ef9413; border-right:1px dotted #ef9413; box-sizing:border-box;}
.footer .fnav li:nth-child(2n){ border-right:0;}
.footer .fnav li:after{ content:""; margin-left:0;}
.footer .fnav li:last-child{ float:left; width:100%; border-right:0;}
.footer .fnav li a{ display:block; padding:13px 10px; text-decoration:none;}
.footer .flogo{ margin-top:20px; margin-bottom:15px;}
.footer .flogo img{ width:90px;}
.footer .flogo .site_desc{ font-size:12px;}
.footer .copyright{ font-size:10px;}


/* 汎用*/
.tx_large{ font-size:115%!important;}
.alignright,.alignleft{ margin:0 0 20px; float:none;}
.btn_large{ font-size:18px!important; padding:10px 15px!important;}
.sp_img_small{ width:70%;}
.cont_thumb{ text-align:center;}
.sp_disp{display: none;}
 

.tbl_scroll{box-sizing: border-box; border-right: 1px solid #ccc;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.tbl_scroll table{ border-right: none;}

table.table{ table-layout: fixed;border-top: none;}
table.table tr:first-of-type th { border-top:1px solid #cbcbcb;}
table.table th,table.table td{ border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding:6px 8px; }
table.table th{ background:#f5f5f5; font-weight:bold; text-align:center;}
table.table td img{width: 150px; padding:10px 5px;}

.bg_orange{ background:#ffe2c8!important;}

table.t-center-all th,table.t-center-all td{ text-align:center; background: #fff;}