@charset "utf-8";

#main { width:100%;}
#main .sp { display:none !important; }
#main .pc_inline { display:inline !important; }
#main .sp_inline { display:none !important; }
#wrapper .navi_wrapperInner{z-index:20;}



/************************************************ .set1  ************************************************/
/* hdg */
.set1 .hdg_l2 { background: #ff9059; background: linear-gradient(to bottom, #ff9059 0%,#ff8345 49%,#ff7835 50%,#ff894d 100%); }
.set1 .hdg_l3,
#wrapper .set1 .privilege > h3,
#wrapper .set1 .privilege .privilege_box > h3 { background: #18377E; background: linear-gradient(to bottom, #18377E 0%,#152F70 50%,#122864 51%,#163377 100%); }
.set1 .hdg_l4 { background:url('../images/com_hotel_titmark2.gif') no-repeat; background-position:left center; line-height: 56px; font-feature-settings:"palt"; }

/* bg */
.set1 .mv, .set1 .privilege, .set1 .hotel_room, .set1 .hotel_charm, .set1 .hotel_rest, .set1 .hotel_movie, .set1 .hotel_spa { background:url('../images/com_bg_mv.gif'); }

/* colorset */
.set1 .mv { border-top: 5px solid #2450a4; }
.set1 .hotel_name { color: #2450a4; }
.set1 .hotel_txt { background:#f2efe1; }
.set1 .hotel_txt + .hotel_charm { padding-top: 60px; }
.set1 .privilege .privilege_box { width:100%; }
.set1 .bd_btm { border-bottom: 4px #2450A4 solid; }
.set1 .hotel_name { background-color: rgba(255, 255, 255, 0.75); color: #2450a4 !important; }
.set1 .room_info p.room_comment { background:#e5e4d5; }
.set1 .hotel_rest_cont:last-child { border-bottom: 4px #2450A4 solid; }
.set1 .hotel_rest_cont p.rest_txt { background: #e5e4d5; }
.set1 .cont4subtit { color:#6688cc; }

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

/* hdg */
.set1 .hdg_l2 + .sp,
.set1 .hdg_l3 + .sp,
#wrapper .set1 .hotel_info h3,
#wrapper .set1 .privilege > h3,
#wrapper .set1 .privilege .privilege_box > h3 { background: #18377E; background: linear-gradient(to bottom, #18377E 0%,#152F70 50%,#122864 51%,#163377 100%) !important; }
.set1 .hdg_l4 + .sp { background:url('../images/com_hotel_titmark2.gif') no-repeat; background-position:left center; line-height: 56px; font-feature-settings:"palt"; }

/* bg */
.set1 .privilege, .set1 .hotel_charm, .set1 .hotel_room, .set1 .hotel_spa { background:url('../images/com_bg_mv.gif'); }

/* colorset */
#main.set1 { background:#f2efe1; }
.set1 mv { border-top: 5px solid #2450A4; }
.set1 .hotel_txt { background:#f2efe1; }
.set1 .hotel_link.btm_link { background: #f2efe1; }
.set1 .privilege .privilege_inner { background:#fff; }
.set1 .hotel_rest_cont:last-child { border-bottom: 4px #2450A4 solid; }
.set1 .room_info p, 
.set1 .hotel_rest_cont p { border: 2px solid #e5e4d5; }
}


/************************************************ .set2  ************************************************/
/* hdg */
.set2 .hdg_l2 { background: #ff9059; background: linear-gradient(to bottom, #ff9059 0%,#ff8345 49%,#ff7835 50%,#ff894d 100%); }
.set2 .hdg_l3,
#wrapper .set2 .privilege > h3,
#wrapper .set2 .privilege .privilege_box > h3 { background: #33CBDB; background: linear-gradient(to bottom, #33CBDB 0%,#2EC2D5 50%,#29BACF 51%,#2EC2D5 100%); }
#wrapper .set2 .privilege .privilege_box > h3 > br{display: none;}
.set2 .hdg_l4 { background:url('../images/com_hotel_titmark.gif') no-repeat; background-position:left center; line-height: 56px; font-feature-settings:"palt"; }

/* bg */
.set2 .mv, .set2 .privilege, .set2 .hotel_charm, .set2 .hotel_room, .set2 .hotel_rest, .set2 .hotel_movie, .set2 .hotel_spa { background: url('../images/com_bg_mv.jpg'); }

/* colorset */
.set2 .mv { border-top: 5px solid #1798A5; }
.set2 .hotel_name { color: #1798A5 !important; }
.set2 .hotel_txt { background:#CFF2EF; }
.set2 .hotel_txt + .hotel_charm { padding-top: 60px; }
.set2 .privilege .privilege_box { width:100%; }
.set2 .bd_btm { border-bottom: 4px #2398a4 solid; }
.set2 .room_info p.room_comment { background: #dbf0f2; }
.set2 .hotel_rest_cont:last-child { border-bottom: 4px #1798A5 solid; }
.set2 .hotel_rest_cont p.rest_txt { background: #dbf0f2; }
.set2 .cont4subtit { color:#97dfed; }

@media screen and (max-width: 768px) {	
/* hdg */
.set2 .hdg_l2 + .sp,
.set2 .hdg_l3 + .sp,
.set2 .hotel_info h3,
#wrapper .set2 .privilege > h3,
#wrapper .set2 .privilege .privilege_box > h3 { background: linear-gradient(to bottom, #33CBDB 0%,#2EC2D5 50%,#29BACF 51%,#2EC2D5 100%); }
#wrapper .set2 .privilege .privilege_box > h3 > br{display: block;}
.set2 .hdg_l4 + .sp { background:url('../images/com_hotel_titmark.gif') no-repeat; background-position:left center; line-height: 56px; font-feature-settings:"palt"; }

/* bg */
.set2 .privilege, .set2 .hotel_charm, .set2 .hotel_room,.set2 .hotel_charm,.set2 .hotel_rest, .set2 .hotel_spa { background:url('../images/com_bg_mv.jpg'); }

/* colorset */
#main.set2 { background:#cff2ef; }
.set2 .mv { border-top: 5px solid #1798A5; }
.set2 .hotel_txt { background:#cff2ef; }
.set2 .hotel_link.btm_link { background: #cff2ef; }
.set2 .privilege .privilege_inner { background:#fff; }
.set2 .hotel_rest_cont:last-child { border-bottom: 4px #2398a4 solid; }
.set2 .room_info p, 
.set2 .hotel_rest_cont p { border: 2px solid #dbf0f2; }
}

/************************************************ .set3  ************************************************/
/* hdg */
.set3 .hdg_l2 { background: #ff9059; background: linear-gradient(to bottom, #ff9059 0%,#ff8345 49%,#ff7835 50%,#ff894d 100%); }
.set3 .hdg_l3,
#wrapper .set3 .privilege > h3,
#wrapper .set3 .privilege .privilege_box > h3 { background: rgba(151,113,38,1); background: linear-gradient(to bottom, rgba(151,113,38,1) 0%, rgba(151,113,38,1) 50%, rgba(138,92,0,1) 51%, rgba(138,92,0,1) 100%); }
#wrapper .set3 .privilege .privilege_box > h3 > br{display: none;}
.set3 .hdg_l4 { background:url('../images/com_hotel_titmark.gif') no-repeat; background-position:left center; line-height: 56px; font-feature-settings:"palt"; }

/* bg */
.set3 .mv, .set3 .privilege, .set3 .hotel_charm, .set3 .hotel_room, .set3 .hotel_rest, .set3 .hotel_movie, .set3 .hotel_spa { background: url('../images/com_bg_mv_asia.jpg'); }

/* colorset */
.set3 .mv { border-top: 5px solid #997326; }
.set3 .hotel_name { color: #997326 !important; }
.set3 .hotel_txt { background:#f2efe1; }
.set3 .hotel_txt + .hotel_charm { padding-top: 60px; }
.set3 .privilege .privilege_box { width:100%; }
.set3 .bd_btm { border-bottom: 4px #2398a4 solid; }
.set3 .room_info p.room_comment { background: #e5e4d5; }
.set3 .hotel_rest_cont:last-child { border-bottom: 4px #1798A5 solid; }
.set3 .hotel_rest_cont p.rest_txt { background: #e5e4d5; }
.set3 .cont4subtit { color:#73561d; }

@media screen and (max-width: 768px) {	
/* hdg */
.set3 .hdg_l2 + .sp,
.set3 .hdg_l3 + .sp,
.set3 .hotel_info h3,
#wrapper .set3 .privilege > h3,
#wrapper .set3 .privilege .privilege_box > h3 { background: linear-gradient(to bottom, rgba(151,113,38,1) 0%, rgba(151,113,38,1) 50%, rgba(138,92,0,1) 51%, rgba(138,92,0,1) 100%) !important; }
#wrapper .set3 .privilege .privilege_box > h3 > br {display: block;}
.set3 .hdg_l4 + .sp { background:url('../images/com_hotel_titmark.gif') no-repeat; background-position:left center; line-height: 56px; font-feature-settings:"palt"; }

/* bg */
.set3 .privilege, .set3 .hotel_charm, .set3 .hotel_room,.set3 .hotel_charm,.set3 .hotel_rest, .set3 .hotel_spa { background:url('../images/com_bg_mv_asia.jpg'); }

/* colorset */
#main.set3 { background:#f2efe1; }
.set3 .mv { border-top: 5px solid #997326; }
.set3 .hotel_txt { background:#f2efe1; }
.set3 .hotel_link.btm_link { background: #f2efe1; }
.set3 .privilege .privilege_inner { background:#fff; }
.set3 .hotel_rest_cont:last-child { border-bottom: 4px #2398a4 solid; }
.set3 .room_info p, 
.set3 .hotel_rest_cont p { border: 2px solid #dbf0f2; }
}



/************************************************ .common  ************************************************/

/* init ==============================================*/
[class*="set"] *  { font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-shadow:none !important; }
.hotel_info [class^="info_list"] *{font-family: "游ゴシック体","YuGothic","HiraginoSans-W0","ヒラギノ角ゴシック W0" !important;}
#wrapper [class*="set"] .hdg_l2,
#wrapper [class*="set"] .hdg_l3 { width: 1100px; height:auto; box-sizing:border-box; font-size:36px; color: #fff; font-weight:normal; margin:0 auto; padding-left:30px; position:relative; box-sizing:border-box; }
#wrapper [class*="set"] .hdg_l2 span,
#wrapper [class*="set"] .hdg_l3 span { font-size:30px; }
#wrapper [class*="set"] .hdg_l4 { color:#000; font-size: 32px; margin-bottom:3px; padding:0 0 0 40px; vertical-align:middle; font-weight:normal; line-height: 48px; border-bottom: 2px solid #000; position: relative; box-sizing:border-box; }

/* mv ==============================================*/
.mv { position:relative; width:100%; border-top: 5px solid #1798A5; z-index:10; }
.mv_slider { height:730px; overflow:hidden; }
/*kuni*/
ul.mv_slider > li > p {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	max-height: 3em;
	background: #fff;
	text-align: center;
}
.mv_slider_wrap, .mv_slider_nav { width:1100px; margin:0 auto; background-color: #000; }
.mv_slider_nav div { float:left; box-sizing:border-box; border:5px solid #000; }
.mv_slider_nav div img { width:100%; }
#wrapper .hotel_name { width:1100px; text-align: center; background-color: rgba(255, 255, 255, 0.75); font-size:40px; line-height: 1.2em; position: absolute; left: 50%; padding:15px 0px 10px; margin: 0 0 0 -550px; z-index:2; }
.hotel_name span { font-size:25px; }

/* hotel_description ==============================================*/
.hotel_txt { width:100%; background:#CFF2EF; padding: 0 0 30px 0; }
.hotel_txt p.hotel_point { padding: 0 0 50px 0; font-size: 16px; line-height:1.6em; }
.hotel_txt_wrap { width: 1100px; margin: 0 auto; padding: 40px 0 0 0; }
.hotel_txt_tl { width: 100% !important; text-align: center !important; }
#wrapper .hotel_link a { display: block; box-sizing:border-box; width: 817px; height: 83px; margin: 0 auto 30px;  background: #ff4040 url('../images/com_link_mark.gif') no-repeat right; color: #FFF; text-align:center; border: 3px solid #e60000; line-height:1.1em; font-size: 28px; padding: 8px 50px 0 0; text-decoration:none; }
.hotel_link a span {font-size:20px;}
#wrapper .hotel_link a:hover { opacity:0.6;}
#wrapper .recom_tour { width: 1006px; margin: 0 auto 40px auto; background: #ffffd9; border: 1px solid #FFF; padding: 8px; box-sizing:border-box; }
#wrapper .recom_tour h3 { width:790px; color:#34b31b; font-weight:bold; font-size:24px; margin:0 0 5px 0; padding:0; line-height: 160%; float:right; }
#wrapper .recom_tour_img { width: 179px; height: 135px; float:left; margin-right:15px; }
#wrapper .recom_tour_img img { width:100%; }
#wrapper .departure { width:790px; margin:0 0 10px 0; padding:0; float:right; }
#wrapper .departure dt { float:left; box-sizing:border-box; background:#34b31b; color:#FFF; font-weight:bold; border-radius:5px; padding:5px 10px; margin:0 10px 0 0; font-size:16px; line-height:24px; }
#wrapper .departure dd { font-size:14px; }
#wrapper .tour_details { float:left; padding:0; font-size: 16px; line-height:1.6em; }
#wrapper .red { color: #f00; font-weight: bold; }
#wrapper .fs_28_1,#wrapper .fs_28_2 { font-size:28px; font-weight: bold; }
#wrapper .tourLink_box a { float:right; display: inline-block; background: #34b31b; color: #FFF; font-weight: bold; font-size: 18px; float: right; padding: 5px 20px; text-decoration:none; line-height:25px;}

/* privilege ==============================================*/
#wrapper .privilege { width: 100%; }
#wrapper .privilege::after { content:""; display:block; clear:both; }
#wrapper .privilege .privilege_inner { width:1100px; margin:0 auto; padding:60px 0; display: flex; justify-content: space-between; }
#wrapper .privilege .privilege_box { width:540px; background:#fff; }
#wrapper .privilege .privilege_box.col1 { width:100%; }
#wrapper .privilege .privilege_box h3 { width:100%; box-sizing:border-box; text-align: center; color: #fff; font-size: 22px; font-weight:normal; padding:0 0 57px; position: relative; line-height:57px; letter-spacing:-1px; }
#wrapper .privilege .privilege_box h3:before { width: 29px; height: 16px; position: absolute; content: ""; background: url(../images/com_cont_tit_left.png) 0 0 no-repeat; left: 20px; top: 50%; margin-top: -8px; }
#wrapper .privilege .privilege_box h3:after { width: 29px; height: 16px; position: absolute; content: ""; background: url(../images/com_cont_tit_right.png) 0 0 no-repeat; right: 20px; top: 50%; margin-top: -8px; }
#wrapper .privilege .privilege_box ul { padding:18px 10px 18px 20px; font-size:0; }
#wrapper .privilege .privilege_box li { display:inline-block; width:100%; padding: 0 20px 10px 20px; font-size:16px; line-height:1.4; background: url(../images/com_maru.gif) 0 6px no-repeat;  box-sizing:border-box; vertical-align:top;}
#wrapper .privilege .privilege_box.col1 li { display:inline-block; width:50%; padding: 0 20px 10px 20px; }
#wrapper .privilege .privilege_box p { padding:0 60px 15px; font-size:16px; line-height:2.3em; letter-spacing: -1px; }
#wrapper .privilege .privilege_box .img { display:block; margin:10px; }
/*kuni*/
#wrapper .privilege .privilege_box > small {
display: block;
font-size: 1.2em;
padding: 0 10px 18px 2em;
}

/* hotel_charm ==============================================*/
.hotel_charm { width:100%; padding-bottom:30px; }
.hotel_charm_cont { width:1100px; box-sizing:border-box; margin:0 auto; padding: 40px 50px 0; background: #fffbe5; }
.hotel_charm_cont:last-child { padding-bottom:60px; }
.bd_btm { border-bottom: 4px #2398a4 solid; padding-bottom:50px; }
.hotel_charm_cont_wrap { float:left; width:460px; padding:0; }
.hotel_charm_cont h4 { color: #f00; font-size: 20px; padding: 5px 0 10px 0; font-weight: bold; line-height:1.3em; }
.hotel_charm_cont h4 span { float: left; padding: 0 10px 0 0; }
.hotel_charm_cont p { width:100%; font-size: 16px; line-height: 1.8em; color:#f00; }
.charm_pic { float:right; }
.midashi{color: #f00 !important; font-style:italic !important; font-size: 50px !important; padding: 5px 0 0 0; font-weight: bold; height:50px; line-height:50px;}

/* staff_report ==============================================*/
.staff_report { background: #fff; width:1100px; margin:0 auto; padding: 0 0 10px 0;}
.staff_report h4 { box-sizing:border-box; width: 184px; height: 112px; background: #2398a4 url(../images/com_hotel_con2_tit2bg.png) no-repeat right bottom; color: #FFF; padding: 13px 0 0 15px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; float: left; margin: 0 30px 0 0; line-height:2.4em; }
.staff_report h4 .f20 { font-size: 20px; }
.staff_report h4 .f30 { font-size: 30px; }
.reportbox_inner { width: 820px; float: left; padding: 20px 20px 0 0; }
.reportbox_inner li { padding: 0 0 10px 0; }
.reportbox_inner li img { float: left; width: 120px; height: 90px; margin: 0 20px 0 0; }
.reportbox_inner li a { color: #333; text-decoration: none; }
.reportbox_inner li dt { font-size: 16px; line-height:1.6em; }
.reportbox_inner li dd { font-size: 14px; line-height:1.6em; }

/* hotel_room & hotel_rest & room_info  ==============================================*/
.hotel_room, .hotel_rest { width:100%; padding-bottom:30px; }
.hotel_room_cont, .hotel_rest_cont { width:1100px; box-sizing:border-box; margin:0 auto; padding: 20px 50px 10px; background: #fff; box-sizing:border-box; }
.hotel_rest_cont:last-child { border-bottom: 4px #1798A5 solid; padding-bottom:50px; }
.hotel_rest_cont_wrap { float:right; width:470px; padding:0; }
.rest_pic { float:left; }

.room_read { margin-bottom: 10px; line-height: 1.8; font-size: 14px; }

.room_info p, .room_info p > span, .hotel_rest_cont p { font-family:"游ゴシック体","YuGothic","HiraginoSans-W0","ヒラギノ角ゴシック W0"; font-size:14px; line-height: 1.6em; padding:20px 20px 20px 0; font-weight:bold; }
.room_info p.room_comment, .hotel_rest_cont p.rest_txt { background: #dbf0f2; font-weight:normal; padding-left:20px; }
.room_info p > span{font-weight:bold;}
.room_info { margin-bottom:40px; }
.room_pic + .room_pic { padding-right:0; }
.room_pic { width:499px; height:auto; display:table-cell; box-sizing:border-box; vertical-align:top; padding-left:2px; }

.cont4subtit { font-size: 24px !important; line-height:100%; padding:43px 10px 0 0; position:absolute; bottom:10px; right:10px; }
.pc_room_pic_wrap { margin-bottom:10px; }
.pc_room_pic_wrap img { width:100%; }
.sp_bx_roomPic { display:none; }
.rest_pic { float:left; }

/* hotel_movie & hotel_spa ==============================================*/
.hotel_movie, .hotel_spa { width: 100%; padding-bottom: 30px; }
#wrapper .hotel_movie h3, #wrapper .hotel_spa h3 { width: 1100px; height: auto; box-sizing: border-box; font-size: 30px;  color: #fff; margin:0 auto; }
#wrapper .hotel_spa h3 { font-weight: bold; padding-left: 30px; }
.hotel_movie [class*="tgl_wrap"], .hotel_spa [class*="tgl_wrap"] { background: #fff; max-width: 1100px; margin: 0 auto; padding: 35px 0; }
.video-container { max-width:640px; margin:0 auto; }

/* hotel_info ==============================================*/
.hotel_info { width:100%; padding:50px 0 0; background:#fff;  }
#wrapper .hotel_info h3 {width: 1100px; height:auto; box-sizing:border-box; font-size: 30px; color: #fff; margin:0 auto 20px; padding:0 0 0 25px; font-weight:normal; background: #4d4c45; }
#wrapper .hotel_info h3.sp { background: linear-gradient(to bottom, #33CBDB 0%,#2EC2D5 50%,#29BACF 51%,#2EC2D5 100%);}
#wrapper .hotel_info h4 { width: 1100px; height:auto; box-sizing:border-box; margin:0 auto; font-size: 22px; line-height:45px; background: #4d4c45; color: #FFF; padding-left:30px;}
.hotel_info_wrap { font-family:"游ゴシック体","YuGothic","HiraginoSans-W0","ヒラギノ角ゴシック W0";  margin-bottom:0; }
.hotel_info_wrap.mb_30 { margin-bottom:30px; }
.hotel_info_wrap .info_list01,.hotel_info_wrap .info_list02{width:1100px; margin:0 auto; box-sizing:border-box; background: #f2f0da; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
.hotel_info_wrap .info_list01 dt,
.hotel_info_wrap .info_list02 dt { float:left; width:25%; box-sizing:border-box; padding:10px 0 10px 30px; border-top: 1px solid #bfbfbf; font-size:14px; font-weight:bold; }
.hotel_info_wrap .info_list01 dd { width:75%; box-sizing:border-box; margin:0 0 0 25%; padding:10px 0 10px 30px; background: #fff; border-top: 1px solid #bfbfbf; font-size:14px; }
.hotel_info_wrap .info_list01 dd .gmap { float:left; margin-right:20px; }
.hotel_info_wrap .info_list02 dd { float:left; width:25%; box-sizing:border-box; padding:10px 0 10px 30px; border-top: 1px solid #bfbfbf; font-size:14px; background: #fff; }
.hotel_info_wrap .info_list02 dd.lastdd { width:75%; }

/* fotter ==============================================*/
.foot_txt { width:1100px; margin:0 auto; padding: 30px 0; font-size:16px; line-height:1.6em; }
.pc_footlinkbox { text-align: center; margin: 20px auto; }
.pc_footlinkbox a { font-size: 14px; text-decoration: underline; }
.pc_footlinkbox a span { display: inline-block; text-decoration: none; color: #e60012; }
.sp_footlinkbox { display:none; }

/* Page top ==============================================*/
.toPagetop { width:1100px; margin:0 auto 30px; }
.toPagetop a { display: block; float: right; width: 140px; text-align: center; background-color: rgba(255, 255, 255, 0.75); padding: 5px 0 5px 0; margin: 2px 0 0 0; text-decoration:none; }
.toPagetop a:hover { text-decoration:underline; }


/*----------------------スマホ版-----------------------*/
@media screen and (max-width: 768px) {
#main .pc { display:none !important; }
#main .pc_inline { display:none !important; }
#main .sp { display:block !important; }
#main .sp_inline { display:inline !important; }
img { max-width: 100%; height: auto; width /***/:auto; }

#main { background:#cff2ef; }
#sp_header,.nav.gmenu{z-index:1001;}

/* hdg */
#wrapper [class*="set"] .hdg_l2 + .sp,
#wrapper [class*="set"] .hdg_l3 + .sp { width:100%; font-size: 25px; margin:0; padding:0 0 0 20px; box-sizing:border-box; height:auto; }
#wrapper [class*="set"] .hdg_l4 { font-size:24px; margin-bottom:10px; padding-left:25px; line-height: 1.5em; border-bottom: 2px solid #000; }

/* bg */
.hotel_charm, .hotel_room, .hotel_rest, .hotel_spa { max-width:768px; width:100%; overflow:hidden; padding-bottom:1px; }

/* mv ==============================================*/
.mv { max-width:768px; width:100%; overflow:hidden; margin:0 0 25px; z-index:0; }
#wrapper h2.hotel_name { width: 100%; text-align: center; font-size: 20px; line-height: 90%; position:static; padding:10px 0; margin:0; line-height:1.3em; z-index:10; }
.hotel_name span { font-size: 18px; }
.mv_slider_wrap { position:relative; max-width:640px; width:100%; margin:0; z-index:0;}
.mv_sp_slider_nav {width:100%; margin:0; background:#000;}
.mv_sp_slider_nav div { float:left; box-sizing:border-box; border:5px solid #000; }

/* hotel_description ==============================================*/
.hotel_txt { max-width:768px; width:100%; overflow:hidden; background:#cff2ef; padding: 0 0 30px 0; }
.hotel_txt p.hotel_point { width:90%; margin:0 5%; box-sizing:border-box; text-align: left; padding: 0 1% 30px; font-size: 15px; line-height:1.6em; }
.hotel_txt_wrap { width:100%; margin: 0 auto; padding: 40px 0 0 0; }
.hotel_txt_tl { margin-bottom: 20px; padding-left: 6% !important; text-align: left !important; line-height: 1.5 !important; font-size: 16px !important; }
#wrapper .hotel_link a {max-width:768px; width:90%; height: auto; margin: 0 5%; font-size: 18px; padding:10px 30px 10px 0;}
#wrapper .hotel_link a span {font-size:14px;}
#wrapper .hotel_link.btm_link{margin-bottom:-5px; padding:20px 0; }
#wrapper .recom_tour{max-width:768px; width: 100%; margin:0;}
#wrapper .recom_tour h3{max-width:768px; width: 100%; font-size:16px; margin:0 0 8px 0; padding:0; line-height: 160%; float:none;}
#wrapper .recom_tour_img{width: 45%; margin:0 20px 0 0;}
#wrapper .departure{width: auto; box-sizing:border-box; margin:0 0 10px 0; float:none;}
#wrapper .departure dt{display:inline-block; float:none; width:auto; box-sizing:border-box; background:#34b31b; color:#FFF; font-weight:bold; border-radius:5px; padding:5px 10px; margin:0 0 8px; font-size:16px; line-height:24px;}
#wrapper .departure dd{font-size:16px; line-height:1.5em; box-sizing:border-box; width:auto;}
#wrapper .tour_details{float:right; max-width:768px; width:100%; padding:0; font-size: 16px; line-height:1.6em;}
#wrapper .red { color: #f00; font-weight: bold; }
#wrapper .fs_28_1 { font-size:18px; font-weight: bold; }
/*.fs_28_2{font-size:28px; font-weight: bold;}*/
#wrapper .tourLink_box a{float:right; max-width:768px; width:100%; display: inline-block; text-align:center; box-sizing:border-box; line-height:45px;}

/* privilege ==============================================*/
#wrapper .privilege h3 { width:100%; height:auto; font-size: 25px; margin:0 0 1px; padding-left:20px; color:#ffffff; box-sizing: border-box; }
#wrapper .privilege { width:100%; }
#wrapper .privilege .privilege_inner { width: 100%; float: none; padding:20px 0; margin: 0; background:#fff; flex-direction: column; }
#wrapper .privilege .privilege_box { width:100%; }
#wrapper .privilege .privilege_box.col1 > ul > li{
	display: block;
	width: 100%; 
}
#wrapper .privilege .privilege_box h3 { width:95%; margin:0 auto; padding:0; position: relative; line-height:32px; font-size:18px; font-weight:normal; }
#wrapper .privilege .privilege_box:first-child ul { margin-bottom:25px; }
#wrapper .privilege .privilege_box h3:before { width: 29px; height: 16px; position: absolute; content: ""; background: url(../images/com_cont_tit_left.png) 0 0 no-repeat; left: 20px; top: 50%; margin-top: -8px; }
#wrapper .privilege .privilege_box h3:after { width: 29px; height: 16px; position: absolute; content: ""; background: url(../images/com_cont_tit_right.png) 0 0 no-repeat; right: 20px; top: 50%; margin-top: -8px; }
#wrapper .privilege .privilege_box ul { padding:10px 20px 0; background:#fff; }
#wrapper .privilege .privilege_box ul li { float:none; width:100%; padding: 0 0 0 17px; font-size:16px; line-height:1.8em; background: url(../images/com_maru.gif) 0 6px no-repeat; letter-spacing: -1px;margin-top: 5px; }
#wrapper .privilege .privilege_box p { padding:0 20px 20px; line-height:1.6em; }

/* hotel_charm ==============================================*/
.hotel_charm_cont { width:100%; margin:0; padding: 20px 5% 30px; }
.hotel_charm_cont_wrap { float:none; width:100%; padding:0; }
.hotel_charm_cont p { width:100%; font-size: 16px; line-height: 1.6em; }
.charm_pic { float:none; margin:0 0 10px 0; }

/* staff_report ==============================================*/
.staff_report { max-width:768px; width:100%; margin:0; background: #ffffd9; padding: 0; }
.staff_report h4 { width: auto; height: auto; padding: 15px 0 15px 15px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; float: none; margin: 0 20px; }
.staff_report h4 .f20 { font-size: 13px; }
.staff_report h4 .f30 { font-size: 18px; }
.reportbox_inner { width: 90%; margin: 0 auto; float: none; padding: 20px 0 20px 0; }
.reportbox_inner li { padding: 0 0 10px 0;}
.reportbox_inner li img { float: left; width: 120px; height: 90px; margin: 0 20px 0 0; }
.reportbox_inner li a { color: #333; text-decoration: none; }
.reportbox_inner li dt { font-size: 16px; line-height:1.6em; }
.reportbox_inner li dd { font-size: 14px; line-height:1.6em; }

/* hotel_room & hotel_rest ==============================================*/
.room_info p, .hotel_rest_cont p { background:none; width:100%; box-sizing:border-box; font-size:14px; line-height: 1.6em; padding: 5px; margin:0 0 10px; }
.room_info p.room_comment, .hotel_rest p.rest_txt { background:none !important; padding:0; border:none; }
.hotel_room_cont { max-width:768px; width:100%; margin:0; padding: 20px; }
/*.room_read { margin-bottom: 10px; font-size: 14px; }*/
.room_info { width:100%; margin-bottom:20px; }
.pc_room_pic_wrap { display:none !important; }
.sp_bx_roomPic { display:block; margin:0 0 10px 0; }
	.room_info p {
    padding: 10px 20px;
}
.room_info p > span {
	display: block;
	    padding: 0;

}

/* hotel_rest ==============================================*/
.hotel_rest_cont { width:100%; margin:0; padding: 20px 20px 0; }
.hotel_rest_cont:last-child { border-bottom: 4px #2398a4 solid; }
.hotel_rest_cont .rest_pic { margin-bottom:10px; }
.hotel_rest_cont_wrap { float:none; width:100%; padding:0; }
.hotel_rest_cont:last-child { padding-bottom:20px; }
.rest_pic { float:none; }

/* hotel_spa ==============================================*/
.hotel_spa_cont { width:100%; margin:0; padding: 20px 20px 0; }
.hotel_spa_cont:last-child { border-bottom: 4px #2398a4 solid; }
.hotel_spa_cont .spa_pic { margin-bottom:10px; }
.hotel_spa_cont_wrap { float:none; width:100%; padding:0; }
.hotel_spa_cont h4 { background-size:auto 85%; font-size:24px; margin-bottom:10px; padding-left:30px; line-height: 1.5em; border-bottom: 2px solid #000; }
.hotel_spa_cont p { width:100%; box-sizing:border-box; font-size: 14px; line-height: 1.6em; border: 2px solid #dbf0f2; padding: 5px 5px 3px 5px; margin:0 0 15px 0; }
.rest_pic { float:none; }

/* hotel_movie ==============================================*/
.hotel_movie { max-width:768px; width:100%; overflow:hidden; padding:0 0 1px 0; background:fff; }
.hotel_movie [class*="tgl_wrap"] { padding: 20px 0 0; }
#wrapper .hotel_movie h4 { width:100%; height:auto; box-sizing:border-box; margin:0 auto; font-size: 22px; line-height:45px; padding-left:20px; background: #4d4c45; color: #FFF; }
.video-container { position: relative; padding:30px 0 56.25%; height: 0; overflow: hidden; }
.video-container iframe { position: absolute; top: 0; left: 5%; width: 90%; height: 90%; }

/* hotel_info ==============================================*/
.hotel_info { max-width:768px; width:100%; overflow:hidden; padding:0 0 1px 0; background:fff; }
#wrapper .hotel_info h3 { width:100%; font-size: 25px; margin:0; padding-left:20px; }
#wrapper .hotel_info h3 p:after { float:left; }
#wrapper .hotel_info h3 span { display:block; float:right; padding-right:20px; }
#wrapper .hotel_info h4 { width:100%; height:auto; box-sizing:border-box; margin:0 auto; font-size: 22px; line-height:45px; padding-left:20px; background: #4d4c45; color: #FFF; }
.hotel_info_wrap { margin-bottom:30px; }
.hotel_info_wrap .info_list01, .hotel_info_wrap .info_list02 { max-width:768px; width:100%; margin:0; }
.hotel_info_wrap .info_list01 dt { width:53%; font-size:12px; padding: 10px 0 10px 3px; }
.hotel_info_wrap .info_list01 dd { width:47%; margin:0 0 0 53%; padding: 10px 0 10px 10px; background: #fff; border-top: 1px solid #bfbfbf; font-size:14px; word-wrap: break-word; }
.hotel_info_wrap .info_list01 dd .gmap { float:left; margin-right:20px; }
.hotel_info_wrap .info_list02 dt { width:53%; font-size:14px; padding: 10px 0 10px 3px; box-sizing:border-box; }
.hotel_info_wrap .info_list02 dd,.hotel_info_wrap .info_list02 dd.lastdd { width:47%; float:none; margin:0 0 0 53%; padding: 10px 0 10px 10px; background: #fff; border-top: 1px solid #bfbfbf; font-size:14px; box-sizing:border-box;}
.hotel_info_wrap .sp_gmap { text-align:center; padding:10px 0; }
.foot_txt { max-width:768px; width:100%; box-sizing:border-box; margin:0; padding: 10px 5% 20px; font-size:14px; line-height:1.8em; }

/*  footer ==============================================*/
.sp_footlinkbox { display:block; text-align: center; margin:20px auto; }
.sp_footlinkbox a { display: inline-block;  margin: 0; }
.sp_footlinkbox a span { display: inline-block; text-decoration: none; color: #e60012; }
.pc_footlinkbox { display:none; }

/* Tgl set ==============================================*/
[class*="tglBtn"] p { position:relative; width:100%; margin-right:30px; color:#FFFFFF; }
[class*="tglBtn"] p:after { content:url('../images/com_tgl_off.png'); position:absolute; top:40%; right:10px; }
[class*="tglBtn"].active p:after { content:url('../images/com_tgl_on.png'); }
[class*="tgl_wrap"] { display:none; padding:0; }

/* Page top ==============================================*/
.toPagetop { width:100%; margin:0; }
.toPagetop a { display: block; float: right; width: 140px; text-align: center; background-color: rgba(255, 255, 255, 0.75); padding: 5px 0 5px 0; margin: 2px 0 0 0; }
}


/*----------------------topへ戻る----------------------*/
#return_top { text-align:center; margin:10px; }
#return_top a { background: url("https://image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }