@charset "utf-8";
/* CSS Document */
@media(max-width:1290px){
/* Header */
header{ height:56px;}
header h1{ position:absolute; top:0; left:0 ; width:180px; height:56px; background-color:#3D9FD3; color:#ffffff; text-align:center; z-index:103;}
header h1 a{ display:block;height:56px; padding-top:14px;}
header h1 img{ width:160px;}
/* Nav */
nav.header-nav{right:10px;top:11px;}
nav.header-nav ul li {margin-right:25px;}
nav.header-nav ul li:nth-of-type(5) {margin-right:15px;}
nav.header-nav ul li.lang{ height:35px; width:109px;line-height:35px; font-size:100%;}
nav.header-nav ul li.lang{ margin-right:1px;}
nav.header-nav ul li.lang a { display:block; height:35px;line-height:35px;}
/* MainVisual */
#main-visual{padding-top:56px;}
/* TopInformation1 */
#top-info1 .detail{ padding:0 20px;}
#top-info1 .detail h2{ margin-bottom:15px;}
/* TopBottomBtn */
#top-wrapper-btn ul li{font-size:143%;}

/* UL */
#ul-contents{ padding-top:56px;}
#ul-contents .reservation-form .select{display:table; width:920px;}
#ul-contents .reservation-form .select p{ margin-right:10px;}
#ul-contents .reservation-form .select .schedule .s1,#ul-contents .reservation-form .select .schedule .s2{margin-right:6px;}
#ul-contents .reservation-form .select .days{padding-right:10px;}
#ul-contents .reservation-form .select .many{padding-right:10px;}
/* General */
#ul-contents .gl-btmbtn ul li{font-size:143%;}
}
@media(max-width:990px){
/* Nav */
nav.header-nav{top:14px;}
nav.header-nav ul{ text-align:right; vertical-align:middle;}
nav.header-nav ul li {margin-right:20px; font-size:100%; vertical-align:middle; letter-spacing:-0.05em;}
nav.header-nav ul li:nth-of-type(5) {margin-right:14px;}
nav.header-nav ul li.lang{ height:18px; width:46px;font-size:80%; vertical-align:middle;}
nav.header-nav ul li.crt { line-height:1em; padding-top:8px;}
nav.header-nav ul li.lang a {height:18px;line-height:1em; padding-top:8px; vertical-align:middle; margin-top:-4px;}
/* TopInformation1 */
#top-info1{ display:block; background-color:#ffffff;}
#top-info1 .image{ display:block;width:auto;}
#top-info1 .detail{ display:block;width:auto; padding:30px 20px 34px 20px; margin-top:3px; background-color:#EEEEEE;}
#top-info1 .detail h2{ margin-bottom:14px;}
#top-info1 a:hover { background-color:transparent;}#top-info1 a:hover .detail{ background-color:#F6F6F6;}
/* TopMiddle */
#top-wrapper-tb .left{width:72%;}
#top-wrapper-tb .right{width:28%;}
#top-wrapper-tb .right .news dl{ margin:0 20px 23px 20px;}
#top-wrapper-tb .left .story .stcont section div h3{ height:148px; padding:13px 18px 0 18px;}
#top-wrapper-tb .left .story .stcont section div span{ bottom:11px; right:18px;}
/* UL */
#ul-nav ul{font-size:100%;}
#ul-nav ul li{margin:0 15px;}
#ul-contents .top-sentence p{ width:auto; margin:0 21px;}
#ul-contents .reservation-management .detail{ width:auto; margin:0 10px; display:block; padding:0; text-align:center;}
#ul-contents .reservation-management .detail .left{display:block; width:auto; padding-bottom:10px; margin-bottom:10px; border-right:0;border-bottom:1px solid #333333; text-align:center;}
#ul-contents .reservation-management .detail .right{display:block; width:auto;padding-left:0; text-align:center;}
#ul-contents .reservation-management .detail ul{ text-align:center; border-right:none; padding-right:0;}
#ul-contents .bhdetail .maintitlearea h2{ width:auto; margin:0 20px 20px 20px;}
#ul-contents .bhdetail .maintitlearea p{ width:auto; margin:0 20px;}
#ul-contents .bhdetail .room{ width:auto; margin:73px 20px 136px 20px;}
#ul-contents .bhdetail .room .roomtype .roomdescription{padding:40px;}
#ul-contents .bhdetail .room .roomspec{ padding:78px 60px 59px 60px;}
/* form */
#ul-contents .reservation-form .select{display:table; width:729px; padding:0 auto;}
#ul-contents .reservation-form .select h3{width:120px;}
#ul-contents .reservation-form .select p{ margin-right:6px;}
#ul-contents .reservation-form .select .schedule input[type=text]{padding: 0 0 0 10px;background-size:13px auto;}
#ul-contents .reservation-form .select .schedule .s1{width:85px;margin-right:6px;}
#ul-contents .reservation-form .select .schedule .s2{width:70px;margin-right:6px;}
#ul-contents .reservation-form .select .schedule .s1 input[type=text]{ width:65px;}
#ul-contents .reservation-form .select .schedule .s2 input[type=text]{ width:50px;}
#ul-contents .reservation-form .select .btn{display:table-cell; width:80px; vertical-align:middle;}
#ul-contents .reservation-form .select .btn input[type=button]{ font-size:100%;width:78px;}

/* */
#ul-contents .guest-type{ padding:40px 20px;}
#ul-contents .guest-type .gtimage .gttypetitle{ padding:20px 0 14px 0;}
#ul-contents .guest-type .gtimage{/*margin-bottom:20px;*/}
#ul-contents .guest-type .attention .detail{ padding:30px;}
#ul-contents .program{ margin:30px 20px;}
/* Note */
#ul-contents .top-sentence2 p{ width:auto; margin:0 21px;}
#ul-contents .notelist .note{width:46%; margin-right:8%;}
#ul-contents .notelist .note:nth-child(3n){ margin-right:8%;}
#ul-contents .notelist .note:nth-child(2n){ margin-right:0;}
#ul-contents .notelist .note.gl-photoblock .category{left:5px;top:5px;}
#ul-contents .notelist .note .btnblock{ display:block; width:auto;border-spacing:0;}
#ul-contents .notelist .note .btnblock .btn{ display:block;width:auto; margin-bottom:6px; font-size:86%;}
#ul-contents .notelist .note.gl-photoblock .clm{ margin:0 0 24px 0;}
/* Story */
#ul-contents.story article{ width:auto; margin:0 20px;}
#ul-contents.story article figure{ width:auto !important;}
#ul-contents.story article figure.image1{ width:auto;}
#ul-contents.story article figure.image2{ width:auto;}
/* FaqNewsPress */
#ul-contents.fnp .title{padding:60px 20px 70px 20px;}
#ul-contents.fnp .selectcategory{padding:32px 20px 23px 20px;}
#ul-contents.fnp .selectcategory .wrp{ width:auto; margin:0 20px;}
#ul-contents.fnp .selectcategory .wrp p{width:10%;}
#ul-contents.fnp .selectcategory .wrp ul{width:90%;}
#ul-contents.fnp .fnpwrapper{ width:auto; margin:0 20px;}
#ul-contents.fnp .fnpwrleft{ width:26%; margin-right:8%;}
#ul-contents.fnp .fnpwrapper .right{ width:66%;}
/* General */
#ul-contents .rs-information .detail{ padding:30px 20px 20px 20px;}
#ul-contents .gl-photoblock .photo{ margin-bottom:11px;}
#ul-contents .gl-photoblock .glphoto-title{ margin:0 10px;}
#ul-contents .gl-photoblock hr{padding:0 0 15px 0;margin:12px auto 0 auto; }
#ul-contents .gl-photoblock p{ margin:0 10px;}
/**/
#ul-contents .gl-bnarea ul{ width:auto; margin:0 20px;}
/**/
#ul-contents .gl-infoblock .glinfo-detail{ padding:30px;}
/* TopBottomBtn */
#top-wrapper-btn ul li{font-size:115%; height:160px;}
/**/
#ul-contents .gl-btmbtn ul li{font-size:115%; height:160px;}
/* FooterNav */
#ffwrapper{width:auto; margin:82px 20px 0 20px;}
#ffwrapper .fnav .n1,#fnav .n2{ padding-right:20px;}
/* Footer */
footer .cont{ width:auto; margin:0 20px;}
/* STAY */
#ul-contents .reservation-management .situation{ display:block; padding-left:0; padding-top:10px; margin-top:10px; border-top:1px solid #333333;}
#ul-contents .reservation-management .situation.ensty{ border-left:none;}
}
@media(max-width:768px){
/* Header */
.head-wrapper{ border-bottom:none;}
header{ height:40px;background-color:#3D9FD3;}
header h1{ position:absolute; top:0; left:0; width:100%; height:40px; background-color:#3D9FD3; text-align:left; padding-left:24px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
header h1 a{height:30px; padding-top:10px;}
header h1 img{ width:151px;}
/* Nav */
.spnav{ display:block; position:absolute; top:0;right:0; width:50px; height:40px; z-index:103; background-image:url(../img/spnav_toclose.png); background-repeat:no-repeat; background-position:top left; background-size:50px auto;}
.spnav:hover{ cursor:pointer;}
.spnav.active img{filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
nav.header-nav{right:auto; left:0;top:0;position:fixed; overflow-y:auto;width:100%;height:100%; padding:50px 10px 0 10px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; display:none;margin-left:-100%;z-index:102;}
div#navbox-bg{right:auto; left:0;top:0;position:fixed; width:100%;height:150%; background-color:rgba(0,0,0,0.9); display:none;margin-left:-100%;z-index:101;}
nav.header-nav ul{ text-align:left; margin-bottom:10px;}
nav.header-nav ul li { display:block; margin-right:0; font-size:12px; border-bottom:1px solid #ffffff;}
nav.header-nav ul li:nth-of-type(5){ border-bottom:none;margin-right:0;}
nav.header-nav ul li a{ display:block; background-color:#3D9FD2; color:#ffffff; padding:18px 44px 18px 32px; background-image:url(../img/spnav_list_toopen.png); background-repeat:no-repeat; background-position:right center; background-size:37px auto;}
nav.header-nav ul li span.close a{ background-image:url(../img/spnav_list_toclose.png); }
nav.header-nav ul li.gl-crt a{ color:#ffffff;}
nav.header-nav ul li.lang{ float:left; height:48px; width:49.5%;line-height:48px; font-size:100%;margin-right:0;margin-top:11px; padding:0; border-bottom:none;}
nav.header-nav ul li.lang:nth-child(2n){margin-right:1%;}
nav.header-nav ul li.lang a { display:block; height:48px;line-height:48px; background-image:none; padding:0; margin-top:0;}
nav.header-nav ul li.lang a:hover {color:#3D9FD3; background-color:#eeeeee;}
/* UlNav */
nav.header-nav ul li ul{ display:none; margin-bottom:0;}
nav.header-nav ul li ul li{ border-bottom:none;}
nav.header-nav ul li ul li a{ background-color:#ffffff; color:#878787;padding:11px 10px 11px 32px; background-image:none;}
nav.header-nav ul li ul li:nth-child(2n) a{ background-color:#eeeeee;}
nav.header-nav ul li.gl-crt ul li a{color:#878787;}
/* MainVisual */
#main-visual{margin-bottom:2px;padding-top:40px;}	
/* TopContents */
.top-contents{margin:0;}	
/* TopInformation1 */
#top-info1{ margin:11px 0;}
#top-info1 .image{ margin:0 2px;}
#top-info1 .detail h2{font-size:115%;}
#top-info1 .detail p{font-size:86%;}
/* TopInformation2 */
#top-info2{margin-bottom:0; padding:19px 0;background-image:none; border-bottom:1px solid #cccccc;}
#top-info2 .emcontents{display: block;width:auto;background-image:none; border:1px dashed #D80101; margin:0 10px; padding:22px 20px 0 20px;}
#top-info2 .emcontents h2{display: block;width:auto;background-image:none; font-size:115%;}
#top-info2 .emcontents .detail{display: block;width:auto; padding:20px 0 0 0;background-image:none;}
#top-info2 .emcontents .detail dl{display: block;width:auto; margin-bottom:16px; font-size:72%;}
#top-info2 .emcontents .detail dt,#top-info2 .emcontents .detail dd{display: block;width:auto; line-height:1.4em;}
#top-info2 .emcontents .detail dt{ margin-bottom:5px; line-height:1em;}
/* TopContentsNav */
#contents-nav ul{margin:20px 10px 6px 10px;}
#contents-nav ul li{ width:49%; margin-right:2%; margin-bottom:13px;}
#contents-nav ul li:nth-child(2n){margin-right:0;}
#contents-nav ul li span.title{font-size:86%;padding-top:10px}
#contents-nav ul li span.day{ display:none;}
/* TopMiddle */
#top-wrapper-tb .left,#top-wrapper-tb .right{ float:none; width:auto; }
#top-wrapper-tb .left h2,#top-wrapper-tb .right h2{height:60px; font-size:115%; line-height:60px;}
#top-wrapper-tb .left .story .stcont{ display:block;word-spacing:-.40em;}
#top-wrapper-tb .left .story .stcont section{ display:inline-block; word-spacing:normal;width:50%;font-size:72%;-moz-box-sizing: border-box;-box-sizing: border-box;box-sizing: border-box;border-right:none;}
#top-wrapper-tb .left .story .stcont section div{border-right:1px solid #cccccc;}
#top-wrapper-tb .left .story .stcont section:nth-child(2n) div{border-right:1px solid #ffffff;}
#top-wrapper-tb .left .story .stcont section div span{font-size:115%;}
#top-wrapper-tb .left .story .stcont section div h3{ height:97px; line-height:1.4em; padding:13px 11px 0 11px;}
#top-wrapper-tb .left .story .stcont section div p{ display:none;}
#top-wrapper-tb .right .news .photo{ display:none;}
/* TopBottom */
#top-wrapper-bt .access,#top-wrapper-bt .enjoy{ float:none; width:auto;}
#top-wrapper-bt .access h2,#top-wrapper-bt .enjoy h2{font-size:115%;border:none;height:60px; line-height:60px;}
#top-wrapper-tb .right .news .list{margin:0 22px 30px 22px;}
#top-wrapper-tb .right .news dl dt{}
#top-wrapper-tb .right .news dl dt span.category{font-size:72%; padding:3px 4px 2px 4px;}
#top-wrapper-tb .right .news dl dt span.day{ font-size:72%;}
#top-wrapper-tb .right .news dl dd{font-size:86%;}
#top-wrapper-bt .access .photo,#top-wrapper-bt .enjoy .photo{ max-height:304px;}
/* TopBottomBtn */
#top-wrapper-btn ul{ display:block;border-top:1px solid #cccccc;word-spacing:-.40em;}
#top-wrapper-btn ul li{ display:inline-block; word-spacing:normal;width:50%; height:44px; border-bottom:1px solid #cccccc;font-size:86%; line-height:44px;border-right:none;}
#top-wrapper-btn ul li a{ display:block; height:44px;border-right:1px solid #cccccc;}
#top-wrapper-btn ul li:last-child{border-bottom:none;}
#top-wrapper-btn ul li:nth-child(2n) a{border-right:none;}

/* Ul */
#ul-contents{border-bottom:none;}
#ul-nav{ display:none;}
#ul-contents{ padding-top:40px;}
#ul-contents .contents-adj{ padding-top:0;}
#ul-contents .top-sentence{ margin-top:20px;margin-bottom:34px;}
#ul-contents .top-sentence h2{margin-bottom: 20px;font-size: 115%;}
#ul-contents .top-sentence p{font-size: 86%;line-height: 1.5em;text-align: center;margin-bottom: 20px;}
/* form */
#ul-contents .reservation-form{padding:30px 0;}
#ul-contents .reservation-form .select{display:block; width:auto; margin:0 20px; text-align:center;}
#ul-contents .reservation-form .select h3{display:block; width:auto; text-align:center; font-size:86%; margin-bottom:20px; line-height:1em;}
#ul-contents .reservation-form .select p{ margin-right:0; margin-bottom:5px; display:block; font-size:72%; line-height:1em; text-align:left;}
#ul-contents .reservation-form .select .schedule{display:inline-block; vertical-align:top; margin-bottom:10px; margin-right:23px;}
#ul-contents .reservation-form .select .schedule .s1{ width:78px;margin-right:20px;display:inline-block; text-align:left;}
#ul-contents .reservation-form .select .schedule .s2{ width:78px;margin-right:20px;display:inline-block; text-align:left;}
#ul-contents .reservation-form .select .schedule .s2:nth-of-type(4){margin-right:0;}
#ul-contents .reservation-form .select .psub{font-size:65%;}
#ul-contents .reservation-form .select .schedule input[type=text]{padding: 0 0 0 6px;height:27px;line-height:27px;font-size:65%;}
#ul-contents .reservation-form .select .schedule .s1 input[type=text],#ul-contents .reservation-form .select .schedule .s2 input[type=text]{ width:58px;}
#ul-contents .reservation-form .select .days{display:inline-block;width:78px;margin-right:20px; padding-right:0; text-align:left;}
#ul-contents .reservation-form .select .many{display:inline-block;width:78px;margin-right:0; text-align:left; padding-right:0;}
#ul-contents .reservation-form .select .btn{display:block; width:212px;  margin:20px auto 0 auto;}
#ul-contents .reservation-form .select .btn input[type=button]{ font-size:86%;width:200px; height:26px; line-height:22px;}
/**/
#ul-contents .program{ margin:9px 10px;}
#ul-contents .program .introduction{ width:48.3%; margin-right:3.4%;}
#ul-contents .program .introduction:nth-child(3n){ margin-right:3.4%;}
#ul-contents .program .introduction:nth-child(2n){ margin-right:0;}
/* BenesseHouse */
#ul-contents .reservation-management{ padding:15px 0 0 0; margin-top:25px;}
#ul-contents .reservation-management.enrmt{ padding:15px 0 5px 0;}
#ul-contents .reservation-management .detail{ width:auto; margin:0 10px; display:block; padding:0; text-align:center;}
#ul-contents .reservation-management .detail .left{padding-bottom:0; margin-bottom:15px;}
#ul-contents .reservation-management .detail .right{display:block;padding-left:0;}
#ul-contents .reservation-management .detail a:hover{ text-decoration:underline; color:#3D9FD2;}
#ul-contents .reservation-management .detail .title{display: block;margin-right: 0;margin-bottom: 12px;font-size: 86%;line-height: 1em;}
#ul-contents .reservation-management .detail ul{ display:inline-block; width:100%;}
#ul-contents .reservation-management .detail ul li{display: inline-block;margin-right: 10px;margin-bottom:0;font-size: 72%;line-height: 1em;text-align:right;}
#ul-contents .reservation-management .detail ul li:last-child{margin-right:0;}
#ul-contents .reservation-management .detail ul.pack li{ display:inline-block; margin-right:16px; vertical-align:top;}
#ul-contents .reservation-management .detail ul.pack li:last-child{margin-right:0;}
#ul-contents .bhfacility {}
#ul-contents .bhfacility ul{ margin-bottom:15px; margin:11px 10px 0 10px;}
#ul-contents .bhfacility ul li{ display:inline-block;width:48.3%; margin-right:3.4%; margin-bottom:15px;}
#ul-contents .bhfacility ul li span.title{font-size:86%;padding-top:10px; }
#ul-contents .bhfacility ul li:nth-child(2n){ margin-right:0;}
#ul-contents .bhfacility ul.second{ margin-top:0;}
#ul-contents .bhfacility ul.second li{ width:100%; margin-right:0;}
#ul-contents .bhfacility .map{ margin:0 10px 15px 10px;  border:1px solid #cccccc;}
#ul-contents .bhdetail .maintitlearea{ padding:20px 0 25px 0;}
#ul-contents .bhdetail .maintitlearea h2{ margin:0 10px 20px 10px; text-align:center; font-size:115%;}
#ul-contents .bhdetail .maintitlearea p{font-size: 86%;line-height: 1.6em;}
#ul-contents .bhdetail .room{ width:auto; margin:0; padding:14px 0 0 0; background-color:#ffffff;}
#ul-contents .bhdetail .room figure{ margin:0 10px;}
#ul-contents .bhdetail .room .roomtype{ display:block; width:auto; table-layout:auto; margin-right:10px;margin-left:10px;}
#ul-contents .bhdetail .room .roomtype .roomname{width: auto;display: block;padding: 20px 10px;font-size: 115%;}
#ul-contents .bhdetail .room .roomtype .roomdescription{display: block;padding: 26px 34px;font-size: 86%;line-height: 1.6em;}
#ul-contents .bhdetail .room .roomspec{ padding:21px 10px 20px 10px;}
#ul-contents .bhdetail .room .roomspec dl{ margin-bottom:20px;font-size:86%; line-height:1.6em; padding:0 12px;}
#ul-contents .bhdetail .room .roomspec dl.artwork{ border-bottom:1px solid #cccccc; padding-bottom:20px;}
#ul-contents .bhdetail .room .roomspec dl dt{width: 80px;}
#ul-contents .bhdetail .room .information{ margin:0; padding:19px 19px 16px 19px; background-color:#eeeeee;}
#ul-contents .bhdetail .room .information .infotitle{font-size: 115%;margin-bottom: 15px;}
#ul-contents .bhdetail .room .information .infodetail{line-height: 1.8em;font-size: 86%;text-align: left;}
/* Note */
#ul-contents .top-sentence2{ padding:30px 0;}
#ul-contents .top-sentence2 h2{margin-bottom: 20px;font-size: 115%;}
#ul-contents .top-sentence2 p{font-size: 86%;line-height: 1.6em;}
#ul-contents .notelist{padding:30px 20px 0 20px;}
#ul-contents .notelist .note.gl-photoblock .photo{ height:auto; text-align:left;}
#ul-contents .notelist .note.gl-photoblock .photo .pscenter{ display:block; text-align:center;}
#ul-contents .notelist .note.gl-photoblock p{margin:0 0 10px 0;font-size: 86%;}
#ul-contents .notelist .note.gl-photoblock .category{position: static;font-size: 86%;margin-bottom: 5px;padding: 5px 6px;}
/* Story */
#ul-contents .top-sentence.ulstory{ margin-top:20px;}
#ul-contents.story time{ margin-bottom:5px; font-size:72%;}
#ul-contents.story .top-sentence{ margin-bottom:0;}
#ul-contents.story .category{ margin-bottom:20px;}
#ul-contents.story .category .gl-category{font-size:10px !important;}
#ul-contents.story article{margin:0 10px; padding-bottom:0;}
#ul-contents.story article h3{ font-size:100%; margin-bottom:15px;}
#ul-contents.story article p{ font-size:86%; margin-bottom:23px;}
#ul-contents.story article figure{ margin:0 auto 30px auto;}
#ul-contents.story article figure figcaption{ margin-top:8px; font-size:72%; line-height:1.6em;}
#ul-contents.story .storyarchive { padding:14px 10px 14px 10px; border-top:1px solid #d5d5d5;}
#ul-contents.story .storyarchive .otherarticle{ width:48%; margin-right:4%; margin-bottom:10px;}
#ul-contents.story .storyarchive .otherarticle:nth-child(3n){ margin-right:4%;}
#ul-contents.story .storyarchive .otherarticle:nth-child(2n){ margin-right:0;}
#ul-contents.story .storyarchive .otherarticle .postday{margin:5px 0 12px 0;}
#ul-contents.story .storyarchive .otherarticle .oatitle{ font-size:86%;margin-bottom:5px;}
#ul-contents.story .storyarchive .otherarticle p{font-size:86%; line-height:1.6em;}
#ul-contents.story .storyarchive .otherarticle p span{font-size:100%; margin-top:0px;}
#ul-contents.story .storyarchive .otherarticle .ptarticlecategory{ top:5px;left:5px;padding:4px 6px 4px 6px;font-size:86%;}
/* FaqNewsPress */
#ul-contents.fnp .title{padding:29px 0 23px 0;background-color:#ffffff;border-bottom:1px solid #cccccc;}
#ul-contents.fnp .title h2{ font-size:115%; margin:0 25px;}
#ul-contents.fnp .title p{ font-size:86%;margin:20px 25px 0 25px; line-height:1.6em;}
#ul-contents.fnp .selectcategory{padding:20px 0; display:table; width:100%;}
#ul-contents.fnp .selectcategory .wrp p{ display:table-cell;width:56px;float:none; font-size:72%; vertical-align:top; padding-top:4px;}
#ul-contents.fnp .selectcategory .wrp ul{display:table-cell;width:auto; float:none; font-size:72%;vertical-align:top;}
#ul-contents.fnp .selectcategory .wrp ul li{margin-right:6px; margin-bottom:5px;border:1px solid #cccccc; background-color:#ffffff; padding:6px 9px; line-height:1em;}
#ul-contents.fnp .selectcategory .wrp ul li:last-child{margin-right:0;}
#ul-contents.fnp .selectcategory .wrp ul li:before{ display:none;}
#ul-contents.fnp .selectcategory ul li:hover:before{}
#ul-contents.fnp .selectcategory ul li.active-category:before{}
#ul-contents.fnp .selectcategory .wrp ul li:after{content:""; display:inline-block; margin-left:4px; vertical-align:middle; width:6px; height:6px; border:1px solid #cccccc; background-color:#ffffff;}
#ul-contents.fnp .selectcategory ul li:hover:after{background-color:#ffffff; border-color:#cccccc;}
#ul-contents.fnp .selectcategory ul li.active-category:after{background-color:#3D9FD3; border-color:#3D9FD3;}
#ul-contents.fnp .fnpwrapper{padding-top:20px; margin:0;}
#ul-contents.fnp .fnpwrleft{ width:auto; float:none; margin-right:0; margin-top:20px; margin-bottom:0;}
#ul-contents.fnp .fnpwrleft a{ text-decoration:none;}
#ul-contents.fnp .fnpwrleft ul{ width:63%; height:24px; margin:0 auto; overflow:hidden;}
#ul-contents.fnp .fnpwrleft ul li{border-bottom:1px solid #cccccc;}
#ul-contents.fnp .fnpwrleft ul li a{padding:8px 30px 8px 30px;  font-size:72%; }
#ul-contents.fnp .fnpwrleft ul li:first-child{ background-image:url(../img/icon_select.png); background-repeat:no-repeat; background-position:right center; background-size:23px auto; }
#ul-contents.fnp .fnpwrapper .right{ width:auto; float:none; margin:0;}
#ul-contents.fnp .fnpwrapper .right h3{ font-size:115%; margin:0 20px 18px 20px;}
#ul-contents.fnp .fnpwrapper .right h4{ font-size:86%; margin-bottom:18px; margin-left:20px;}
#ul-contents.fnp .fnpwrapper .right.faq{ margin-bottom:30px;}
#ul-contents.fnp .fnpwrapper .right.faq dl{ margin:0 14px 0 14px;font-size:86%; }
#ul-contents.fnp .fnpwrapper .right.faq dl dt{text-indent:-1.5em; padding-left:1.5em; margin-bottom:10px; line-height:1.6em; font-weight:normal;}
#ul-contents.fnp .fnpwrapper .right.faq dl dt:before{ content:"Q"; margin-right:7px; font-weight:bold;font-size:120%;}
#ul-contents.fnp .fnpwrapper .right.faq dl dd{ margin-bottom:22px; text-indent:-1.5em;padding-left:1.5em; line-height:1.6em;}
#ul-contents.fnp .fnpwrapper .right.faq dl dd:before{ content:"A"; margin-right:7px;font-weight:bold;font-size:120%;}
/* faq */ 
.faq-entry-list {display:none; padding: 0 0 20px 0;}
/* News */
#ul-contents.fnp .selectcategory .wrp.news ul li{margin-right:6px;}
#ul-contents.fnp .fnpwrapper .right.news-ind dl{ margin:0 20px 30px 20px; font-size:86%; line-height:1.2em;}
#ul-contents.fnp .fnpwrapper .right.news-ind dl dt{ margin-bottom:10px; display:table; width:100%;}
#ul-contents.fnp .fnpwrapper .right.news-ind dl dt .news-ind-day{display:table-cell; vertical-align:top; width:107px;}
#ul-contents.fnp .fnpwrapper .right.news-ind dl dt .news-ind-category{ display:table-cell; vertical-align:top;}
#ul-contents.fnp .fnpwrapper .right.news-ind dl dd{ font-size:100%; color:#767676; clear:both;}
#ul-contents.fnp .fnpwrapper .right.news-ind dl dt span.gl-category{ min-width:33px; text-align:center; margin-left:2px;margin-bottom:2px; font-size:10px !important;}
/* Press */
#ul-contents.fnp .fnpwrapper .right h3#sort-category{ margin-bottom:10px;}
#ul-contents.fnp .fnpwrapper .right .ttlexp{  margin-bottom:6px; margin-right:20px;}
#ul-contents.fnp .fnpwrapper .right .parag{ margin-bottom:45px;}
#ul-contents.fnp .fnpwrapper .right.press { margin-bottom:40px;}
#ul-contents.fnp .fnpwrapper .right.press p{margin:0 20px 15px 20px; font-size:86%;}
#ul-contents.fnp .fnpwrapper .right.press ul{ margin:0 20px; font-size:86%;}
#ul-contents.fnp .fnpwrapper .right.press ul li{margin-bottom:6px; text-indent:-1.5em; padding-left:1.5em; line-height:1.6em;}
#ul-contents.fnp .fnpwrapper .right.press ul li:before{width:7px; height:7px; margin-right:8px;}
#ul-contents.fnp .fnpwrapper .right.press .gl-btn{ margin-bottom:15px; text-align:center;}
#ul-contents.fnp .fnpwrapper .right.press .rental{ margin:0 20px; padding-top:0; font-size:86%;}
#ul-contents.fnp .fnpwrapper .right.press .rental table{display:block;border:none;}
#ul-contents.fnp .fnpwrapper .right.press .rental table tr th,#ul-contents.fnp .fnpwrapper .right.press .rental table tr td{ display:block; padding:10px; vertical-align:top; border:none;}
#ul-contents.fnp .fnpwrapper .right .font-red{font-size:86%;}
#ul-contents.fnp .fnpwrapper .right p .font-red{font-size:100%;}
#ul-contents.fnp .fnpwrapper .right.press .rental table{ display:none;}
#ul-contents.fnp .fnpwrapper .right.press .rental dl{ display:block;}
#ul-contents.fnp .fnpwrapper .right.press .rental dl dt{ font-weight:bold; margin-bottom:6px;}
#ul-contents.fnp .fnpwrapper .right.press .rental dl dd{ margin-bottom:20px; line-height:1.6em;}
#ul-contents.fnp .fnpwrleft #press-pulldown{ margin-bottom:20px;}
/* General */
.gl-btn a{ height:30px; line-height:30px;font-size:86%;}
.gl-btn a:hover{background-color:#ffffff; color:#3D9FD2 !important;}
#ul-contents .b_title{padding:23px 0; font-size:115%;}
#ul-contents .g_title{text-align:center; padding:23px 0; line-height:1.2em; font-size:115%;}
/**/
#ul-contents .rs-information{ display:block; width:auto;}
#ul-contents .rs-information h3{display: block;width: auto;font-size: 115%;padding: 20px 10px;}
#ul-contents .rs-information .detail{display:block; width:auto; padding:30px 12px 20px 12px;}
#ul-contents .rs-information .detail dl{display: table;margin-bottom: 14px;font-size: 72%;}
#ul-contents .rs-information .detail dl dt{ display:table-cell; width:95px; vertical-align:top; line-height:1.5em; margin-bottom:0;}
#ul-contents .rs-information .detail dl dt span.category{ display:none;}
#ul-contents .rs-information .detail dl dt span.day{margin-right:9px;}
#ul-contents .rs-information .detail dl dd{display:table-cell;  vertical-align:top;}
#ul-contents .guest-type{ padding:15px 10px 11px 10px;}
#ul-contents .guest-type .gtimage{ width:auto; margin:0 0 10px 0;float:none;}
#ul-contents .guest-type .gtimage .gttypetitle{ padding:13px 0 10px 0;font-size:86%;}
#ul-contents .guest-type .attention{ display:block; width:auto; clear:both;}
#ul-contents .guest-type .attention h2{ display:block; width:auto; font-size:86%; padding:11px 0;}
#ul-contents .guest-type .attention .detail{display: block;width: auto;padding: 14px 12px 16px 12px;font-size: 72%;line-height: 1.6em;}
/**/
#ul-contents .gl-photoblock{ margin-bottom:21px;}
#ul-contents .gl-photoblock .photo{ margin-bottom:11px;}
#ul-contents .gl-photoblock .glphoto-title{text-align: left;margin: 0;font-size: 86%;margin-bottom: 8px;line-height: 1.5em;}
#ul-contents .gl-photoblock hr{ display:none;}
#ul-contents .gl-photoblock p{line-height: 1.6em;margin: 0;font-family: "游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif;font-size: 72%;}
/**/
#ul-contents .gl-bnarea{ padding:15px 10px 5px 10px;}
#ul-contents .gl-bnarea ul{ width:auto; text-align:center;margin:0;}
#ul-contents .gl-bnarea ul li{ display:inline-block; vertical-align:top; width:120px; margin-right:35px;margin-bottom:10px; float:none;}
#ul-contents .gl-bnarea ul li.jal img{ padding-top:6px;}
#ul-contents .gl-bnarea ul li.ana img{ padding-top:5px;}
#ul-contents .gl-bnarea ul li a{ width:118px; height:30px; display:block; vertical-align:top;}
#ul-contents .gl-bnarea ul li a img{ width:50%;}
#ul-contents .gl-bnarea ul li:nth-child(2n){ margin-right:0;}
/**/
#ul-contents .gl-btmbtn ul{ display:block;border-top:1px solid #cccccc;word-spacing:-.40em;}
#ul-contents .gl-btmbtn ul li{display:inline-block; word-spacing:normal;width:50%; padding:0; height:44px; border-bottom:1px solid #cccccc;font-size:86%;border-right:none; line-height:1.3em;}
#ul-contents .gl-btmbtn ul li a{ display:block; height:37px;border-right:1px solid #cccccc; padding-top:7px;}
#ul-contents .gl-btmbtn ul li:nth-of-type(1) a{ letter-spacing:-0.1em;}
#ul-contents .gl-btmbtn ul li:nth-of-type(3) a{height:28px; padding-top:16px; line-height:1em;}
#ul-contents .gl-btmbtn ul li:nth-of-type(4) a{height:28px; padding-top:16px; line-height:1em;}
#ul-contents .gl-btmbtn ul li:nth-child(2n) a{border-right:none;}
#ul-contents .gl-btmbtn.accessbtmnav ul li a{ letter-spacing:normal;height:28px;padding-top:16px; line-height:1em;}
/**/
#ul-contents .gl-infoblock { display:block;}
#ul-contents .gl-infoblock .glinfo-title{display: block;width: auto;text-align: left;font-size: 115%;padding: 20px 30px;}
#ul-contents .gl-infoblock .glinfo-detail{display: block;width: auto;padding: 20px 30px;font-size: 86%;line-height: 1.6em;}

/* FooterBn */
.ul-footer{ display:none;}
#ffwrapper .btm-banner{margin-bottom:27px;}
#ffwrapper .btm-banner ul{text-align:center;}
#ffwrapper .btm-banner ul li{ float:left; width:49%; padding-right:0; margin-right:2%;margin-bottom:10px;}
#ffwrapper .btm-banner ul li:nth-child(2n){margin-right:0;}
#ffwrapper .btm-banner ul li img{ width:100%;}
/* FooterNav */
#ffwrapper{ margin:11px 10px 0 10px;}
#ffwrapper.ulffwradj{ margin-top:0;}
#ffwrapper .fnav{ display:none;}
/* FooterSocial */
#ffwrapper .social{margin-bottom:30px;}
#ffwrapper .social ul{ text-align:center;}
#ffwrapper .social ul li{ display:inline-block; vertical-align:top;padding-right:0;}
#ffwrapper .social .tw,#ffwrapper .social .ig,#ffwrapper .social .fb{ width:30px;}
#ffwrapper .social .fb{ padding-right:0;}
#ffwrapper .social .naoshimanote{ display:block; padding-top:38px; padding-right:0; margin:0 auto;}
/* Footer */
footer{padding:26px 0 13px 0;}
footer .cont p.site{ font-size:129%; margin-bottom:25px;}
footer .cont nav.footer-nav ul li{ display:block; margin-right:0;margin-bottom:18px; font-size:86%; line-height:1em;}
footer .cont p.copyright{ position:static;text-align:left;font-size:72%; padding-top:15px;}
/* STAY */
#ul-contents .reservation-management .situation{ margin-top:0; padding-top:8px; padding-bottom:10px; font-size:86%;}
#ul-contents .reservation-management .situation.ensty{ padding-top:5px; padding-bottom:6px;}

#ul-contents .calendar-multilist{ font-size:86%;}
#ul-contents .calendar-multilist a{ padding:13px 20px;}

/* mov */
.youtube-ww-wrap { margin-bottom:30px;}
.mv-caption{ font-size:10px !important; margin-top:-22px !important;margin-bottom:30px !important; line-height:1.6em;}
}
@media(max-width:530px){
/* form */
#ul-contents .reservation-form .select{text-align:left; width:280px; margin:0 auto;}
#ul-contents .reservation-form .select .schedule{display:block; vertical-align:top;margin-right:0;margin-bottom:20px;}
#ul-contents .reservation-form .select .btn{margin:29px auto 0 auto;}
}
@media(max-width:380px){
/**/
#ul-contents .bhfacility ul.second li span.phadj{ display:block; height:106px; overflow:hidden; position:relative;}
#ul-contents .bhfacility ul.second li span.phadj img{ position:absolute; bottom:0; left:0;}
}