@charset "utf-8";

/************************************************************
 * common
 ************************************************************/

/* common */
html{font:inherit;}
body{-webkit-text-size-adjust:100%;}
.respShow{display:none !important;}
.respShowBlock{display:none !important;}
.respShowTable{display:none !important;}
.respShowTr{display:none !important;}
img.respShow{max-width: 100%;}

/* h1-h6 reset, override *******************/
h1, h2, h3, h4, h5, h6{margin:0;padding:0;float:none;width:auto;height:auto;overflow:visible;position:static;min-height:auto;line-height:inherit;font-size:inherit;font-weight:bold;display:block;text-align:left;background:transparent none 0 0 repeat;border:0;color:inherit;top:0;left:0;}
/* mono_770.css */
#CONTENTS.mono div.h2 h1{padding:0 5px;font-weight:bold;}
#CONTENTS.mono h2{margin-top:20px;padding:4px 0 4px 5px;font-weight:bold;}
#CONTENTS.mono div.main_content div.left_main div.h3_line h2{margin-top:20px;padding:4px 0 4px 5px;font-weight:bold;}
#CONTENTS.mono h3{margin-top:10px;padding:2px 5px;font-weight:bold;}
#CONTENTS.mono h4{margin-top:10px;font-weight:bold;}
#CONTENTS.mono div.h2 h1{text-align:left;}
#CONTENTS.mono div.main_content ul.detail_tab li.current h2{font-weight:bold;}
#CONTENTS.mono div.main_content div.formH3Left h2,#CONTENTS.mono div.main_content div.formH3Right h2{margin:0;padding:4px 7px;font-weight:bold;border:none;color:#333333;}
#CONTENTS.mono div.main_content table.reviewA table.typeA th h3{font-weight:bold;}
div.left_nav h2{border:none!important;color:#ffffff!important;padding:6px 10px 5px!important;background-color:#8ca8e2;margin-top:0!important;}
div.right_content h2{border:none!important;color:#ffffff!important;padding:6px 10px 5px!important;background-color:#8ca8e2;margin-top:0!important;}
div.right_content h3{border:none!important;font-weight:bold;margin-top:0!important;padding:7px 10px 6px!important;float:left;}
div.right_content h3 a{font-weight:bold;}
div.right_content div.ttl h3 a{margin-right:7px;}
div.right_content div.subelement h4{font-weight:normal!important;color:#333333!important;margin-top:0!important;float:left;}
div.right_content div.subelement h4 span{font-weight:bold;font-size:1.2em;line-height:1;/*line-height:1.5;*/}
div.right_content div.subelement h4 img{/*vertical-align:middle;padding:0 7px 4px;*/vertical-align:top;padding:0 7px 0;}
.roomTBL02 th.satCOL{background-color:#0091ff !important;}
.roomTBL02 th.sunCOL{background-color:#ff6464 !important;}
#CONTENTS.mono div.main_content td.hover span.point02{color:#333;}
/* color_blue01.css */
#CONTENTS.top div.h1{background-color:#000066 !important;}
#CONTENTS.top div.h2 h1,#CONTENTS.top div.h2_link h1{border-left:3px solid #FFFFFF !important;color:#FFFFFF !important;}
#CONTENTS.top div.left_main div.h3 h2{color:#FFFFFF !important;}
#CONTENTS.main div.h2 h1{border-left:3px solid #FFFFFF !important;color:#FFFFFF !important;}
#CONTENTS.main div.h2_link h1{border-left:3px solid #FFFFFF !important;color:#FFFFFF !important;}
#CONTENTS.main div.left_main div.h3 h2,#CONTENTS.main div.left_main div.h3_mono h2,#CONTENTS.main div.right_sub div.h3 h2{color:#FFFFFF !important;}
#CONTENTS.main div.main_content div.right_sub div.content h3.h4_line{color:#6985BD;border-bottom:1px solid #8CA8E2;}
#CONTENTS.dual div.h2 h1{border-left:3px solid #FFFFFF !important;color:#FFFFFF !important;}
#CONTENTS.dual div.h2_link h1{border-left:3px solid #FFFFFF !important;color:#FFFFFF !important;}
body.signin_iframe div.h2 h1{border-left:3px solid #FFFFFF;color:#FFFFFF;}
#CONTENTS.dual div.left_main div.h3 h2,#CONTENTS.dual div.left_main div.h3_mono h2,#CONTENTS.dual div.right_sub div.h3 h2{color:#FFFFFF !important;}
#CONTENTS.dual h3{border-left:5px solid #000066;color:#000066;}
#CONTENTS.dual div.main_content div.right_sub div.content h3.h4_line{color:#6985BD;border-bottom:1px solid #8CA8E2;}
#CONTENTS.dual div.main_content div.left_main div.h3_line h2{border-left:5px solid #000066;border-bottom:3px solid #000066;color:#000066;}
#CONTENTS.dual div.main_content div.left_main h4{color:#000066;}
#CONTENTS.mono div.h2 h1{border-left:3px solid #FFFFFF;color:#FFFFFF;}
#CONTENTS.mono div.h2_link h1.left{border-left:3px solid #FFFFFF !important;}
#CONTENTS.mono h2{border-left:5px solid #000066;border-bottom:3px solid #000066;color:#000066;}
#CONTENTS.mono h3{border-left:5px solid #000066;color:#000066;}
#CONTENTS.mono h4{color:#000066;}
#CONTENTS.mono_970 div.h2_link h1.left{border-left:3px solid #FFFFFF !important;}
#CONTENTS.forprint div.h2 h1{border-left:3px solid #FFFFFF;color:#FFFFFF;}
#CONTENTS.forprint h2{border-left:5px solid #000066;border-bottom:3px solid #000066;color:#000066;}
#CONTENTS.forprint h3{border-left:5px solid #000066;color:#000066;}
#CONTENTS.forprint h4{color:#000066;}
/* basic.css */
h2, h3, h4, h5{margin:0;padding:0;}
/* layout */
#PHOTO-LARGE .title h2{float:left;}
/* module.css */
h3.addbullet{min-height:14px;height:14px !important;height:14px;padding:1px 0 0 10px;line-height:1;/* background */}
#TITLE h1{font-size:150%;float:left;/* white-space: nowrap; */min-height:22px;height: auto !important;height:22px;line-height:1;}
#MAIN .leftFunction .searchContainer .inner .conditionTbl th h3{padding-top:0.25em;}
#MAIN .leftFunction .searchContainer .inner h3 span{padding-left:1em;font-weight:normal;font-size:85%;}
#MAIN .flatContainer h2{padding:7px 9px 2px;}
#MAIN .detailContents .detailTab li h2{display:block;padding:13px 0 10px 0;width:160px;text-align:center;font-weight:bold;/* color */}
#MAIN .detailContents .photoGallery h3{padding-top:10px;background-position:0 9px;height:25px;}
#MAIN .detailContents .reviewCom .commentItem .comments .balloon .title h3{float:left;width:510px;}
#MAIN .leftFunction .searchContainer h2{width:190px;height:32px;}
#MAIN .leftFunction .searchContainer h2.area{/* background: */}
#MAIN .leftFunction .searchContainer h2.condition{/* background: */}
#MAIN .leftFunction .searchContainer h2.plan{/* background: */}
#MAIN .leftFunction .searchContainer h2 span{display:inline-block;height:0;width:0;overflow:hidden;position:absolute;}
/* reserve.css */
h3{padding:0 !important;border:none !important;background none !important; color:inheir !important;font-size:inherit !important;}
h3.addbullet{border:none !important;min-height:14px;height:14px !important;height:14px;padding:1px 0 0 10px !important;line-height:1;background:url(/images/icn/icn_h4.gif) no-repeat left top !important;color:#333333 !important;}
#TITLE h1{font-weight: bold;}
h2{padding:0 10px 5px !important;border:none !important;border-bottom:2px solid #959595 !important;background:url(/images/icn/icn_h3.gif) no-repeat !important;color:#333333 !important;font-size:120% !important;}
#CONTENTS #contents770 h2{margin-top:20px;padding:4px 0 4px 5px;font-weight:bold;}
#PHOTO-LARGE .title h2{padding:0 0 0 0 !important;border:none !important;font-size:100% !important;background:none !important;}
.recomOtherReserve dd table td h3.addbullet{border-bottom:dotted 1px #ccc !important;position:relative;}
.recomOtherReserve dd table td h3.addbullet img{position:absolute;right:0;bottom:1px;}
#CONTENTS .piHandling h3{margin:0 !important;padding:0 !important;border-bottom:1px solid #c3d0fd !important;background:none !important;color:#676769 !important;}
.roomTBL02 td.satCOL{background-color:#e5f0ff;}
.roomTBL02 td.sunCOL{background-color:#ffe5e5;}
.roomTBL02 td.hover{background-color:#ff6800;}
/***********************/

/* HEADER */
#HEADER.notab #HEADER-MAIN{padding-left:10px;}
#HEADER #HEADER-MAIN .naviArea {float:none;width:auto;}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks ul{text-align:right;}
#HEADER #HEADER-MAIN .ci{margin-left:0;padding-top:6px;height:35px;}
#HEADER #HEADER-MAIN .ci #header_logo img{vertical-align:bottom;}
#HEADER p.head_task{padding-left:10px;padding-right:10px;}

/* CONTENTS */
#CONTENTS.mono div.main_content table.roomTBL02{width:100%;}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td a{width:auto;}

/* FOOTER */
#FOOTER p.foot_task{padding-left:10px;padding-right:10px;}
#FOOTER div.footer{padding-left:10px;padding-right:10px;}
#FOOTER div.footer ul.utilityLinks{display:none;}
#FOOTER div.footer ul.foot-menu-list:after{content:"";display:block;height:0;clear:both;visibility:hidden;}

/* 30 */
#detailBasicInfo table{width:100%;}
#detailBasicInfo .condition div p{display:inline;margin-right:1em;}
.planHead{display:table;width:100%;}
/* except IE<=7 */
html>/**/body .planHead .texts, html>/**/body .planHead .photos{display:table-cell;vertical-align:top;float:none;}
html>/**/body .planHead .texts{width:100%;padding-right:20px;}
/* */
.iconRoomEmpty, .iconRoomLittle, .iconRoomFull{font-size:128.57%;}
.rooms .texts{width:auto;float:none;margin-right:270px;}

/* 31 */
@media screen and (min-width:640px){
#checkChangeBody .linkBtn a{background:none !important;}
}
.roomChild .roomChildInner{padding:0 10px 0 20px;}
.roomChild .roomChildhead, .roomChild table, .roomChild p{margin-left:0 !important;margin-right:0 !important;}
.roomChild .roomChildhead .cleared{clear:both;height:0;overflow:hidden;visibility:hidden;}
.roomChild table{width:100% !important;}
#dvbook input{vertical-align:bottom;}

/* 39 */
#contents770{margin:0 auto;}
#detailBasicInfo h2{margin:0 0 10px !important;padding:0 !important;border:0 !important;background:none !important;font-size:133% !important;}
#CONTENTS .piHandling{background:#FFEBDA;}
#CONTENTS .piHandling h3{border-bottom-color:#f9a953 !important;}

/* 20150521 */
table.otherCancel{border: 1px solid #949CA3;}
table.otherCancel th{border: 1px solid #949CA3;}
table.otherCancel tr{border: 1px solid #949CA3;}
table.otherCancel td{border: 1px solid #949CA3;}

/* 20150703 カレンダー合計料金表示 */
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.roomEmpty02 {
color: #00C !important;
}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td a{
font-weight: bold;
}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.price{
padding-top: 3px;
}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.price_sumArea{
display: block;
margin-top: 5px;
padding-top: 5px;
text-align: center;
}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.price_sum{
border-top: 1px dotted #828282;
padding-left: 25px;
padding-right: 10px;
padding-top: 5px;
background: transparent url("/images/icn/cal_icon.png") no-repeat scroll 0px 2px;
}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.getPoint{
padding-bottom:3px;
}

/************************************************************
 * -970px
 ************************************************************/
@media screen and (max-width:970px){
#CONTAINER{width:auto;}
}

/************************************************************
 * -790px
 ************************************************************/
@media screen and (max-width:790px){
#CONTENTS.mono{width:auto;}
#CONTENTS.mono .main_content{width:auto;margin:0 10px;}
#CONTENTS{width:auto;}
#CONTENTS #contents770{width:auto;margin:0 10px;}
#CONTENTS .sysFlow table tbody td ul{padding-top:3px;}
#CONTENTS .sysFlow table tbody td ul li{margin-top:6px;}
#CONTENTS table.inputTbl{width:100%;}
#CONTENTS.mono .main_content #contents770{margin:0;}
/* 41 */
.recomOtherReserve{width:100%;}
.recomOtherReserve dd table thead th div.innerCell{width:auto;}
.recomOtherReserve dd table td div.innerCell{width:auto;}
.recomOtherReserve dd table thead th, .recomOtherReserve dd table thead td{width:33%;}
#CONTENTS table.resDtlSave{table-layout:fixed;}
#CONTENTS table.resDtlSave th p{width:auto;}
#CONTENTS div.twoClms div.left, #CONTENTS div.twoClms div.right{width:48.7%;}
#CONTENTS div.twoClms table.inputTbl{width:100% !important;}
iframe.recomIF{display:none;}
/* 33 */
#SECOND-CONTAINER_S #CONTENTS.mono .main_content{width:auto;margin:0 0 40px;}

/* 20190109 詳細ページ_レコメンド */
#hotel_recommend_title,
#hotel_browsing_title,
#detail_recommend_list,
#detail_browsing_history{margin: 0 10px;}

}

/* 33 */
/************************************************************
 * -660px
 ************************************************************/
@media screen and (max-width:660px){
#SECOND-CONTAINER_S{width:auto;}
#SECOND-CONTAINER_S #HEADER_S{margin:0 auto;}
#SECOND-CONTAINER_S #CONTENTS.mono{margin:0 10px;width:auto;}
#SECOND-CONTAINER_S #CONTENTS.mono #FOOTER_S{width:auto;}
#SECOND-CONTAINER_S #CONTENTS.mono table.inputTbl{width:100% !important;}
}

/************************************************************
 * -639px
 ************************************************************/
@media screen and (max-width:639px){
/* reset */
body{font-size:14px; line-height:1.4;}

/* common */
.respNone{display:none !important;}
.respShow{display:inline !important;}
.respShowBlock{display:block !important;}
.respShowTable{display:table !important;}
.respShowTr{display:table-row !important;}
.respBlock{display:block;margin-top:0.5em !important;}
.linkBtn{display:block;margin:0.5em 0 0.8em;}
.linkBtn:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.linkBtn .inner{display:block;float:left;border:1px solid #b2c1d4;
background-clip:padding-box;
background-clip:padding;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafffc), color-stop(100%, #e5faff));
background:-webkit-linear-gradient(top, #fafffc, #e5faff);
background:-moz-linear-gradient(top, #fafffc, #e5faff);
background:-o-linear-gradient(top, #fafffc, #e5faff);
background:linear-gradient(to bottom, #fafffc, #e5faff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafffc', endColorstr='#e5faff', GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafffc', endColorstr='#e5faff', GradientType=0);
}
.linkBtn .inner.left{float:left;}
.linkBtn .inner.right{float:right;}
.linkBtn .inner a{display:block;border:2px solid #fff;background-position:6px center !important;padding-right:12px;padding-left:12px;text-align:left;margin:0 !important;}
.linkBtn .inner a.blank, .linkBtn .inner a.atlWin, .linkBtn .inner a.addAbox{padding-left:20px;}
input,select,textarea{font-size:16px;}
input.respFull,select.respFull,textarea.respFull{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100% !important;}
input.respHalf,select.respHalf,textarea.respHalf{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:50% !important;}
input.respThird,select.respThird,textarea.respThird{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:33% !important;}
#CONTENTS.mono div.main_content select.width280{width:auto !important;}
#CONTENTS.mono div.main_content select.width90{width:auto !important;}
#CONTENTS.mono div.main_content select.width80{width:auto !important;}
#CONTENTS.mono div.main_content select.width78{width:auto !important;}
#CONTENTS.mono div.main_content select.width70{width:auto !important;}
#CONTENTS.mono div.main_content select.width60{width:auto !important;}
#CONTENTS.mono div.main_content select.width40{width:auto !important;}
#CONTENTS.mono div.main_content select.width100{width:auto !important;}
#CONTENTS.mono div.main_content select.width130{width:auto !important;}
#CONTENTS.mono div.main_content select.width150{width:auto !important;}
#CONTENTS.mono div.main_content select.width200{width:auto !important;}
#CONTENTS.mono div.main_content select.width400{width:auto !important;}

/* HEADER */
#HEADER #HEADER-MAIN{padding-bottom:10px !important;}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks ul.utilityLinks{display:none;}
#HEADER #HEADER-MAIN .ci{float:none;}

#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks p{float:left; padding-top: 1px!important; margin-left:0px !important}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks p span{float:left; padding-top: 1px!important; margin-left:0px !important}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks p strong{float:left;}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks p > span{float:left;}
#HEADER #loginName{display:none;}
#HEADER p.head_task{display:none;}

/* CONTENTS */
#CONTENTS.mono div.main_content table.roomTBL02 tbody td{word-break:break-all;word-wrap:break-word;}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td a{padding-left:1px;padding-right:1px;}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td.noHref{padding-left:1px;padding-right:1px;}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.room02{font-size:128.57%;}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.room03{font-size:128.57%;}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.price{font-size:71.42%;}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.getPoint{font-size:78.57%;}

/* TOPICPATH */
#TOPICPATH li{line-height:2;}

/* FOOTER */
#FOOTER p.foot_task{border-top:1px solid #E5E5E5;margin-top:0 !important;padding-top:5px;}
#FOOTER div.footer{line-height:3;border-top:0;margin-top:0;padding-bottom:0;}
#FOOTER div.footer div.footerInner{padding:0 10px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;box-shadow:0 0 5px 0 #999;-moz-box-shadow:0 0 5px 0 #999;-webkit-box-shadow:0 0 5px 0 #999;-o-box-shadow:0 0 5px 0 #999;-ms-box-shadow:0 0 5px 0 #999;}
#FOOTER div.footer div.footerInner li{text-align:left;border-bottom:1px dotted #595959;}
#FOOTER div.footer div.footerInner ul.foot-menu-list li:last-child{border-bottom:0;}
#FOOTER div.footer ul.utilityLinks{display:block;}
#FOOTER div.footer ul.foot-menu-list li{float:none;}
#FOOTER div.footer p.copyright-paragraph{float:none;text-align:right;}
#FOOTER div.footer div.cleared{display:none;}

/* movePagetop */
.movePagetop:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.movePagetop a{display:block;float:right;border:1px solid #949BA2;padding:2px 5px 2px 17px;background-position:5px center;}

/* tab */
#roomList{background:none;}
#roomList ul{width:100%;}
#roomList li{background:#CCC;margin:0;font-size:85.71%;width:25%;}
#roomList li span{display:block;margin:0 1px 1px 0;background:#FFF;padding:2px;}
#roomList li:nth-child(1) span, #roomList li:nth-child(2) span, #roomList li:nth-child(3) span, #roomList li:nth-child(4) span{margin-top:1px;}
#roomList li:nth-child(4n+1) span{margin-left:1px;}
#roomList li strong{display:block;vertical-align:middle;text-align:center;font-weight:bold;color:#676767;padding:0 2px;line-height:1.2;width:100%;height:100%;padding:5px 0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background:-webkit-linear-gradient(top, #ffffff, #eeeeee);
background:-moz-linear-gradient(top, #ffffff, #eeeeee);
background:-o-linear-gradient(top, #ffffff, #eeeeee);
background:linear-gradient(to bottom, #ffffff, #eeeeee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
#roomList li a{display:block;vertical-align:middle;text-align:center;font-weight:bold;padding:0 2px;line-height:1.2;width:100%;height:100%;text-decoration:underline;padding:5px 0;color:#00C;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6ecf9), color-stop(100%, #ffffff));
background:-webkit-linear-gradient(top, #d6ecf9, #ffffff);
background:-moz-linear-gradient(top, #d6ecf9, #ffffff);
background:-o-linear-gradient(top, #d6ecf9, #ffffff);
background:linear-gradient(to bottom, #d6ecf9, #ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6ecf9', endColorstr='#ffffff', GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6ecf9', endColorstr='#ffffff', GradientType=0);
}
/*
#roomList li.cur strong{background-image:url("/images/icn/icn_arrow_box_down.png");}
#roomList li.cur a{background-image:url("/images/icn/icn_arrow_box_down.png");}
*/

/* rcrumbs */
div.rcrumbs{white-space:nowrap;overflow-x:hidden;}
div.rcrumbs #TOPICPATH{padding:0;list-style:none;min-height:27.94px;}
div.rcrumbs #TOPICPATH li{overflow:hidden;display:none;}
div.rcrumbs #TOPICPATH li.show{display:inline-block;}
div.rcrumbs #TOPICPATH li.ellipsis{text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}


/* 30 */
#detailBasicInfo table{display:block;margin-bottom:3px;}
#detailBasicInfo table *{display:block;}
#detailBasicInfo td.icon{text-align:left;}
#detailBasicInfo .icon img{display:inline;margin-left:0;margin-right:5px;}
#detailBasicInfo .condition{line-height:1.4;}
#detailBasicInfo .condition:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
#detailBasicInfo .condition div p{display:block;margin-right:0;}
#detailBasicInfo + p.taRight{text-align:left !important;}
.anchorArea li{width:auto;padding:0 1em;}
.anchorArea li.first{padding-left: 0;}
.planHead{display:block;}
.planHead .texts, .planHead .photos{display:block !important;}
.planHead .texts{padding-right:0 !important;}
.planHead .photos{margin:10px auto 0;}
table.faceTypeA th, table.faceTypeA td{display:block;padding:10px;}
table.faceTypeA th{padding-bottom:0;width:auto;}
table.faceTypeA tr.addLine td{border-top:0;}
table.faceTypeA tr.addLine td:not(:target){border-top:1px solid #C1C1C1\9;} /* ie9 */
table.icon td{font-size:85.71%;padding:2px;}
.monthRoll ul li{width:auto;padding:0 0.4em;}
.monthRoll ul li:first-child{padding-left:0;}
.monthRoll ul li:last-child{padding-right:0;}

.rooms .photos{margin:0 auto;float:none;}
.texts .photos{margin:15px auto 0;}
.rooms .texts{margin-right:0;}

/* 31 */
#roomTable{border-bottom:1px solid #ccc;}
table.faceTypeB{border-collapse:separate;border:0;}
table.faceTypeB th, table.faceTypeB td{display:block;padding-left:0;padding-right:0;clear:left;float:left;width:100%;}
table.faceTypeB th:after, table.faceTypeB td:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
table.faceTypeB th{border:solid #ccc;border-width:1px 0;}
table.faceTypeB td{border:0px solid #ccc;padding:10px 0;}
table.faceTypeB th > span{display:block;padding:0 10px;}
table.faceTypeB th span.floLeft{float:none;margin-right:20px;}
table.faceTypeB a img[src*="icn_close.gif"]{width:16px;height:16px;vertical-align:middle;}
#checkChangeBody{float:none !important;clear:both;padding-top:5px;}
#checkChangeBody .linkBtn a{background:url(/resources/images/icn/icn_resp_open.png) 6px center no-repeat;padding-left:26px;}
table.faceTypeB .checkChangeTbl th, table.faceTypeB .checkChangeTbl td{display:table-cell;clear:none;float:none;padding:4px;}
#checkChangeFloat{width:100%;max-width:500px;top:3em !important;padding-left:1px;padding-right:1px;}
#checkChangeFloat .ccfHead{width:auto;padding:0 5px;}
#checkChangeFloat .ccfHead a{font-size:142.85%;line-height:1;}
#checkChangeFloat .checkChangeTbl{width:100%;table-layout:fixed;}
#checkChangeFloat .checkChangeTbl th, #checkChangeFloat .checkChangeTbl td{font-size:71.42%;width:auto;}
#checkChangeFloat .checkChangeTbl th > span{display:inline;padding:0;}
table.faceTypeB .childSetting td.parson{padding-bottom:0.5em !important;width:auto;}
table.faceTypeB .childSetting td.child{float:right;width:auto;clear:none;}
table.faceTypeB .childSetting td.stayPrice{clear:both;float:left;text-align:left;width:100%;}
table.faceTypeB .childSetting .linkBtn{margin-top:0;margin-bottom:0.5em;}
table.faceTypeB .childSetting .childState a{font-weight:normal;color:inherit;color:#00c;}
table.faceTypeB .childSetting .childState a:hover{color:#ff6800;}
table.faceTypeB .childSetting .linkBtn .roomPlus a{background:url(/resources/images/icn/icn_resp_open.png) 6px center no-repeat;padding-left:26px;}
table.faceTypeB .childSetting .linkBtn .roomMinus a{background:url(/resources/images/icn/icn_resp_close.png) 6px center no-repeat;padding-left:26px;}
.roomChild .roomChildInner{padding:0 10px;}
table.faceTypeB .roomChild th, table.faceTypeB .roomChild td{clear:none;float:none;display:table-cell;}
.roomChild .roomChildhead .floRight{padding-top:4px;}
.roomChild .roomChildhead img{margin-right:0;}
.roomChild .typeD th{white-space:normal;}
.roomChild .typeD th, .roomChild .typeD td{font-size:85.71%;width:auto;}
.roomChild .typeD .child_kbn{width:2em;}
#btnRoomCountUp .linkBtn a{background:url(/resources/images/icn/icn_resp_open.png) 6px center no-repeat;padding-left:26px;}
#cancelChargeView .linkBtn a{background:url(/resources/images/icn/icn_resp_open.png) 6px center no-repeat;padding-left:26px;}
#cancelChargeHide .linkBtn a{background:url(/resources/images/icn/icn_resp_close.png) 6px center no-repeat;padding-left:26px;}
#cancelCharge th, #cancelCharge td{font-size:78.57%;word-break:break-all;word-wrap:break-word;padding:1px !important;}
#cancelCharge td{min-width:1.4em;}
#_ctl4_dvCancelCharge th, #_ctl4_dvCancelCharge td{font-size:78.57%;word-break:break-all;word-wrap:break-word;padding:1px !important;}
#_ctl4_dvCancelCharge td{min-width:1.4em;}
table.faceTypeC{border-collapse:separate;border:0;}
table.faceTypeC th, table.faceTypeC td, table.faceTypeC td.addTD, table.faceTypeC td.total.addTD{display:block;padding-left:0;padding-right:0;clear:left;float:left;width:100%;}
table.faceTypeC th:after, table.faceTypeC td:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
table.faceTypeC th{border:solid #ccc;border-width:1px 0;}
table.faceTypeC td{border:0px solid #ccc;padding:10px 0;}
table.faceTypeC th > span{display:block;padding:0 10px;}
table.faceTypeC th span.floLeft{float:none;margin-right:20px;}

/* 39 */
#CONTENTS .sysFlow table tbody td{text-align:left;}
#CONTENTS .sysFlow table tbody td ul li{width:80px !important;}
#CONTENTS .sysFlow table tbody td ul li, #CONTENTS .sysFlow table tbody td ul li div{background-size:cover;}
#CONTENTS .sysFlow table tbody td ul li div{width:auto !important;padding-left:2px;padding-right:2px;}
#CONTENTS .sysFlow table tbody td ul li.arrow{width:16px !important;}
#CONTENTS .sysFlow table tbody td ul li.arrow div{width:auto !important;}
#CONTENTS table.inputTbl th, #CONTENTS table.inputTbl td{display:block;padding:5px 0;clear:left;float:left;width:100%;}
#CONTENTS table.inputTbl td{border:0px solid #ccc;padding:5px 0 10px;}
#CONTENTS table.inputTbl th > *{display:block;padding:0 10px;}
#CONTENTS table.inputTbl td label[for="public"]{margin-right:1em;}
#CONTENTS table.inputTbl td label[for="male"]{margin-right:1em;}
#CONTENTS table.inputTbl td label[for="male-second"]{margin-right:1em;}
#CONTENTS table.inputTbl td table.innerTbl{border:0;}
#CONTENTS table.inputTbl td table.innerTbl th, #CONTENTS table.inputTbl td table.innerTbl td{display:table-cell;clear:none;float:none;width:12% !important;padding-top:3px;padding-bottom:3px;padding-left:0;padding-right:0;font-size:85.71%;border-left:1px solid #fff !important;}
#CONTENTS table.inputTbl td table.innerTbl tr.roomHead th{font-weight:bold;}
#CONTENTS table.inputTbl td p.note{margin-top:10px;}
#CONTENTS table.inputTbl td p textarea{width:100%;}
#CONTENTS table.inputTbl tr#_ctl4_validyearmonth td{vertical-align:middle;}
#CONTENTS #cardInputTbl{display:none;}
#CONTENTS #pointInput{display:none;}
#CONTENTS #cpInput{display:none;}
#CONTENTS #cpInput .label{display:inline-block;width:7em;}
#CONTENTS .honbunPad{padding-left:0;padding-right:0;}
#CONTENTS div.submitBtnArea{padding-left:0;padding-right:0;margin-top:30px;}
#CONTENTS div.submitBtnArea p{margin:0 auto;}
#CONTENTS div.submitBtnArea p input{vertical-align:bottom;}
#CONTENTS .btnMember .linkBtn a{background:url(/resources/images/icn/icn_resp_open.png) 6px center no-repeat;padding-left:26px;}
#CONTENTS label[for="credit"]{display:block;margin-bottom:10px;}
#CONTENTS #contents770 .piHandling h3 {margin-top:0 !important;}
#CONTENTS div.mailmagInput{padding-bottom:10px;}
#CONTENTS div.mailmagInput p.bnr{position:static;text-align:center;}
#CONTENTS div.mailmagInput div.inputArea{padding:0;}
#CONTENTS div.mailmagInput div.inputArea dl{float:none;clear:left;width:auto;}
#CONTENTS div.mailmagInput div.inputArea dl dd{float:left;width:50%;}
#CONTENTS div.mailmagInput div.inputArea dl dd label{padding-right:10px;display:table;}
#CONTENTS div.mailmagInput div.inputArea dl dd label input{display:table-cell;}
#CONTENTS div.mailmagInput div.inputArea dl dd label span{display:table-cell;}
.respOnlyNone{display:none !important;}
.respOnlyShowBlock{display:block !important;}
.respOnlyShowTable{display:table !important;}

/* 40 */
#CONTENTS #contents770 h2{margin-top:25px;}
#CONTENTS #contents770 h3{margin-top:25px !important;}
#CONTENTS table.inputTbl td table.innerTbl2 th, #CONTENTS table.inputTbl td table.innerTbl2 td{width:auto !important;padding:5px !important;}
#CONTENTS table.inputTbl td table.innerTbl2 th{white-space:nowrap;}
#CONTENTS table.inputTbl td table.innerTbl2 th p{padding:0;margin:0;white-space:nowrap;}
#CONTENTS table.inputTbl table.layoutTbl th, #CONTENTS table.inputTbl table.layoutTbl td{clear:none;float:none;display:table-cell;width:auto;}

/* 41 */
#CONTENTS .lastAtt{padding-bottom:4px;}
#CONTENTS .lastAtt .linkBtn a{width:9.5em;white-space:nowrap;}
.linkBtn1 .inner a{height:2.8em;background-position:6px 5px !important;}
.linkBtn1 .inner:first-child{margin-right:10px;}
.linkBtn1 .inner:first-child a{line-height:2.8em;background-position:6px center !important;}
#CONTENTS div.twoClms div.left, #CONTENTS div.twoClms div.right{float:none;width:100%;}

/* 46 */
#CONTENTS dl.resStatus dd{text-align:left;}
table.typeD2{font-size:71.42%;}

/* 33 */
#SECOND-CONTAINER_S #HEADER_S{width:auto;}
#SECOND-CONTAINER_S #HEADER_S p.head_task{display:none;}
#SECOND-CONTAINER_S #CONTENTS .sysFlow{margin:0;}
#SECOND-CONTAINER_S .linkBtn .inner a.close_m{padding-left:23px;}
#SECOND-CONTAINER_S textarea{height:8em;}
#SECOND-CONTAINER_S .decimalList input{margin-bottom:0.2em;}
#SECOND-CONTAINER_S .decimalList li{padding-bottom:0.7em;}

/* 20150703 カレンダー合計料金表示 */
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.price{
padding-bottom:3px;
}
#CONTENTS.mono div.main_content table.roomTBL02 tbody td span.price_sum{
font-size:71.42%;
border-top: 1px dotted #828282;
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
background: transparent url("http://www.jtb.co.jp/kokunai_htl/resources/images/detail/cal_icon.png") no-repeat scroll 0px 2px;
}

/* 20190109 詳細ページ_レコメンド */
#hotel_recommend_title,
#hotel_browsing_title{margin: 0;overflow: hidden;clear: both;}
#hotel_recommend_title h3.addbullet,
#hotel_browsing_title h3.addbullet{height: auto !important;min-height: 25px !important;padding: 4px 10px;background: #369ef0 !important;border: none !important;color: #fff !important;font-size: 16px !important;line-height: 25px !important;white-space: normal;}
#detail_recommend_list,
#detail_browsing_history{margin: 0 0 10px;}
#detail_recommend_list ul,
#detail_browsing_history ul{padding-bottom: 10px;overflow: auto;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;clear: both;}
#detail_recommend_list ul.clearfix:after,
#detail_browsing_history ul.clearfix:after{display: none;}
#detail_recommend_list li.recommend_list,
#detail_browsing_history li.browsing_list{width: 40%;margin: 0 5px;padding: 5px;background-color: #fff;border: 1px solid #ccc;border-radius: 3px;white-space: normal;line-height: 0;}
#detail_recommend_list li.recommend_list>div,
#detail_browsing_history li.browsing_list>div{line-height: 1;}
#detail_recommend_list li.recommend_list a,
#detail_browsing_history li.browsing_list a{display: block;}
#detail_recommend_list li.recommend_list h4,
#detail_browsing_history li.browsing_list h4{margin: 0;padding: 0;color: #339;border: none;}
#detail_recommend_list li.recommend_list a:visited h4,
#detail_browsing_history li.browsing_list a:visited h4{color: #66c;}
#detail_recommend_list li.recommend_list a:hover h4,
#detail_browsing_history li.browsing_list a:hover h4{color: #33c;}
#detail_recommend_list li.recommend_list p,
#detail_browsing_history li.browsing_list p{width: 100%;font-size: 10px;}
#detail_recommend_list li.recommend_list p:first-child,
#detail_browsing_history li.browsing_list p:first-child{width: auto !important;min-height: 90px;}
#detail_recommend_list li.recommend_list .review,
#detail_browsing_history li.browsing_list .review{display: inline-block;}
#detail_recommend_list li.recommend_list .review:first-child,
#detail_browsing_history li.browsing_list .review:first-child{width:78px;}
}

.goto-regional-coupon-announce {
    background-color: #ffebda;
    padding: .75rem;
}
.goto-regional-coupon-announce .goto-regional-coupon-price{
    text-align: right;
}
.goto-regional-coupon-announce a.outer-link{
    background: url(/images/icn/icn_blank.gif) no-repeat 0 .1rem;
    padding-left: 1rem;
}