img{ vertical-align:bottom;} .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .cf:before, .cf:after {content: " ";display:table;} .cf:after {clear: both;} .cf {*zoom: 1;} html,body{ height:100%; } body{ background:#fff; } .sec{padding:75px 0 150px 0;border-top:10px solid #0c0844; width:100%;} .sec > .inner{width:1100px; margin:0 auto;} .sec > .inner > h2{ text-align:center;margin-bottom:76px;} .secVisual{ margin-bottom:50px;} .indent01{margin:0 50px;} .indent02{margin:0 50px;} .bar{ clear:both; width:100%; max-width:1000px; margin:0 auto 55px auto; display:block;} #contents{ background:#fff;} @media(max-width:640px){ .sec > .inner{width:95%; margin:0 auto;} .secVisual{ margin-bottom:1em;} .secVisual img{ width:100%;} .bar{ margin-bottom:2em; margin-top:1em; width:100%; clear:both;} .indent01{margin:0 1em;} .indent02{margin:0 1em;} } /* Responsive End */ #slideBox{ text-align:center; margin-bottom:50px;} .serif{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;} /* --------------------------------------------------------------------------------- onebox */ .onebox01{ width:auto; display:table; margin-bottom:40px;} .onebox01 .imgbox{ display:table-cell;} .onebox01 .imgbox img{ margin-right:40px} .onebox01 .textbox{ display:table-cell; vertical-align:middle;} .onebox01 .textbox h3{ font-size:140%; margin-bottom:0.8em; color:#846d5c;} .onebox01 .textbox p{ line-height:1.8em; font-size:90%;} .onebox01:before, .onebox01:after {content: " ";display:table;} .onebox01:after {clear: both;} .onebox01{*zoom: 1;} .onebox02{ width:206px; height:200px; margin-right:20px; float:left;} .onebox02.last{ margin-right:0; } .onebox02 .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox03{ width:277px; height:250px; margin-right:20px; float:left;} .onebox03.last{ margin-right:0; } .onebox03 .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox04{ width:550px; margin:0 auto; display:table; margin-bottom:50px; } .onebox04 .imgbox{ display:table-cell; vertical-align:text-top; padding-right:0.5em;} .onebox04 .textbox{ display:table-cell; vertical-align: middle} .onebox04 .textbox p{ font-size:90%;} .onebox04 .textbox p strong{ font-size:140%;} .onebox05{ width:auto; display:table; margin-bottom:40px;} .onebox05 .imgbox{ display:table-cell;} .onebox05 .imgbox img{ margin-right:40px} .onebox05 .imgbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox05 .textbox{ display:table-cell; vertical-align:middle;} .onebox05 .textbox h3{ font-size:140%; margin-bottom:0.8em; color:#846d5c;} .onebox05 .textbox p{ line-height:1.8em; font-size:90%;} .onebox03a{ width:431px; height:300px; margin-right:20px; float:left;} .onebox03a.last{ margin-right:0; } .onebox03a .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox03b{ width:206px; height:250px; margin-right:20px; float:left;} .onebox03b.last{ margin-right:0; } .onebox03b .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox03c{ width:206px; height:250px; margin-right:0; float:left;} .onebox03c.last{ margin-right:0; } .onebox03c .textbox p{ text-align:left; font-size:90%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .hotelamn{} .hotelamn ul{} .hotelamn li{ width:166px; height:32px; float:left;} .hotelamn ul:before, .hotelamn ul:after {content: " ";display:table;} .hotelamn ul:after {clear: both;} .hotelamn ul{*zoom: 1;} @media(max-width:640px){ .onebox01{ width:auto; display:block; margin-bottom:40px;} .onebox01 .imgbox{ display:block; text-align:center;} .onebox01 .imgbox img{ margin-right:0; width:80%} .onebox01 .textbox{ display:block;} .onebox01 .textbox h3{ font-size:140%; margin-bottom:0.8em;margin-top:0.8em; color:#846d5c;} .onebox01 .textbox p{ line-height:1.8em; font-size:90%;} .onebox02{ width:60%; height:auto; margin-right:0; margin:0 auto 2em auto; float:none;} .onebox02 .imgbox img{ width:100%;} .onebox02.last{ margin-right:auto; } .onebox02 .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox03{ width:auto; height:auto; margin-right:20px; float:left;} .onebox03.last{ margin-right:0; } .onebox03 .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox03a{ width:auto; height:auto; margin-right:0; float:none; margin-bottom:2em;} .onebox03a.last{ margin-right:0; } .onebox03a .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox03a img{ width:100%;} .onebox03b{ width:auto; height:auto; margin-right:0; float:none; margin-bottom:2em;} .onebox03b.last{ margin-right:0; } .onebox03b .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox03b .imgbox{ text-align:center;} .onebox03b .imgbox img{ width:60%;} .onebox03c{ width:auto; height:auto; margin-right:0; float:none; margin-bottom:2em;} .onebox03c.last{ margin-right:0; } .onebox03c .textbox p{ text-align:left; font-size:90%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox04{ width:550px; margin:0 auto; display:table; margin-bottom:50px;} .onebox04 .imgbox{ display:table-cell; vertical-align:text-top; padding-right:1em;} .onebox04 .textbox{ display:table-cell; vertical-align: middle} .onebox04 .textbox p{ font-size:90%;} .onebox04 .textbox p strong{ font-size:110%;} .onebox05{ width:auto; display:block; margin-bottom:40px;} .onebox05 .imgbox{ display:block; text-align:center;} .onebox05 .imgbox img{ margin-right:0; width:80%} .onebox05 .imgbox p{text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;} .onebox05 .textbox{ display:block;} .onebox05 .textbox h3{ font-size:140%; margin-bottom:0.8em;margin-top:0.8em; color:#846d5c;} .onebox05 .textbox p{ line-height:1.8em; font-size:90%;} .hotelamn{} .hotelamn ul{} .hotelamn li{ width:166px; height:32px; float:left;} } /* --------------------------------------------------------------------------------- section */ section h3{ color:#543625; font-size:150%; margin-bottom:50px; font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif;} section h4{ color:#846d5c; font-size:110%; margin-bottom:25px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; clear:both;} @media(max-width:640px){ section h3{ font-size:130%; margin-bottom:2em; line-height:1.5em; } section h4{ margin-bottom:1em; line-height:1.5em;} } /* --------------------------------------------------------------------------------- navigation */ @media(max-width:640px){ #smpMenuList{ display:none;} #smpMenu{width:60px; height:60px;display:block; position:fixed; top:1em; right:1em;} #smpMenu.menuOff{background:url(../images/sp/menu_onbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;z-index:100;} #smpMenu.menuOn{ background:url(../images/sp/menu_offbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;z-index:100;} #smpMenuList{ position:fixed; background:#fafafa; width:90%;margin:0 5%;margin-top:100px;z-index:10000; border:10px solid #0e0954; box-sizing:border-box; box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);} #smpMenuList ul{width:auto;} #smpMenuList ul li{} #smpMenuList ul li a{ font-size:20px; display:block;padding:20px 20px;color:#555; border-bottom:1px solid #0e0954;} #smpMenuList ul li span{} #smpMenuList dl{ font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif;} #smpMenuList dl dt{font-size:120%; font-weight:bold; display:block;padding:0.5em 1em;color:#fff; background:#0e0954; border-bottom:1px solid #0e0954;} #smpMenuList dl dd{ border-bottom:1px dashed #0e0954; font-weight:bold;} #smpMenuList dl dd.last{ border-bottom:none;} #smpMenuList dl dt a{ } #smpMenuList dl dd a{ font-size:120%; display:block;padding:1em 1em;color:#555;} #smpMenuList dl dd.spSNS a{ font-size:20px; display:inline-block;padding:25px 25px;color:#555;} #smpMenuList dl dt span{} #smpMenuList dl dd span{} } /* Responsive End */ /* mainvisual ----------------------------------------*/ #toparea{ display:table; width:100%;} #toparea >.inner{ display:table-cell; vertical-align:middle; text-align:center;} #mainVisual{ width:100%; margin:0 auto; height:100%; overflow:hidden; position:fixed; z-index:0;} .bx-wrapper{ height:100%;} .bx-viewport{ height:100% !important;} .bxslider{width:100%; height:100%; overflow:hidden; position:absolute; z-index:10} #mainVisual ul li{width:100%; height:100%; background-size:cover;} #mainVisual ul li img{ } #amime{width:100%; height:100%; position:absolute; z-index:99; display:block;} #amime h1{ width:660px; margin:0 auto; text-align:right; padding-top:70px; font-size:12px; font-weight:normal;} .subBGarea{ background:url(../images/background_leather.jpg) repeat-y center top; padding-top:33px;} .bx-controls-direction{display:none;} .grandopen{ display:table-cell; vertical-align:middle; text-align:center;} .grandopen img{ height:348px;} .grandopen2{ display:table-cell; vertical-align:middle; text-align:center;} .grandopen2 img{ height:231px;} @media(max-width:640px){ #toparea{position:absolute; height:400px; top:-400px; z-index:50;} #toparea >.inner{} #toparea >.inner img{ width:60%;} #mainVisual{height:auto; position:static;} .bxslider{ height:400px; } #mainVisual ul li{height:100%;} #amime{ height:100px;} #amime h1{ width:auto; margin:0; text-align:left; padding-top:2em; position:fixed;z-index:100;} #amime h1 img{ height:60px;} #sub #amime{ height:105px; background:url(../images/01_top/about01.jpg) no-repeat center center; background-size:cover;} #sub.page_restaurant #amime{ height:105px; background:url(../images/sphd/restaurant.jpg) no-repeat center center; background-size:cover;} #sub.page_floor #amime{ height:105px; background:url(../images/sphd/floor.jpg) no-repeat center center; background-size:cover;} #sub.page_guestroom #amime{ height:105px; background:url(../images/sphd/guestroom.jpg) no-repeat center center; background-size:cover;} .grandopen{ display:table-cell; vertical-align:middle; text-align:center;} .grandopen img{ width:80%; height:auto; } .grandopen2{ display:table-cell; vertical-align:middle; text-align:center;} .grandopen2 img{ width:50%; height:auto; } } /* --------------------------------------------------------------------------------- header */ #top header{ width:100%; z-index:50; height:60px; background:url(../images/01_top/hd_dot.png) repeat; position:fixed;} #sub header{ width:100%; z-index:50; background:url(../images/02_room/submenuBG.png) repeat-x;height:120px; position:fixed} header .inner{ width:1100px; margin:0 auto; position:relative;} header .h1{ width:212px; height:60px; top:0; left:0; position:absolute; background:#0C0844;} header .h1 img{ width:100%;} header .pc nav{ width:860px; height:60px; position:absolute; top:0; left:230px;} header .pc nav ul{} header .pc nav li{ display:block; float:left; width:137px; height:60px; font-size:13px;} header .pc nav li a{ color:#fff; text-align:center; display:block; background:url(../images/01_top/menusepa.png) no-repeat left center;padding:19px 0;} header .pc nav li a:hover{ font-weight:bold; text-decoration:none;} #sub header .pc nav li a{ color:#0c0844;} header .pc nav ul:before, header .pc nav ul:after {content: " ";display:table;} header .pc nav ul:after {clear: both;} header .pc nav ul{*zoom: 1;} .mvCheckText01{ position:relative;width:1100px;margin:0 auto; z-index:100;} .mvCheckText01 p{ font-size:70%; width:100%;position:absolute; right:0; top:120px; text-align:right;} @media(max-width:640px){ #top header{ height:auto; background:none; position:fixed;} #sub header{ width:100%; z-index:50; background:none;height:60px; position:fixed} } /* Responsive End */ /* --------------------------------------------------------------------------------- noOpen Open */ #noOpen{background:#eee;padding:70px;} #Open{background:url(../images/dottile.jpg);padding:30px; box-sizing:border-box; position:absolute; margin-top:-104px; width:100%;} #Open img{ height:120px;} #top #contents_inner{margin-top:0;} /*#top #contents_inner{margin-top:76px;}*/ #sub #contents_inner{padding-top:200px;} @media(max-width:640px){ #noOpen{padding:2em;} #noOpen img{ width:60%;} #Open{background:url(../images/dottile.jpg);padding:30px; box-sizing:border-box; position:relative; margin-top:0; width:100%; text-align:center;} #Open img{ width:100%; height:auto;} #contents_inner{margin-top:0;} } /* Responsive End */ /* --------------------------------------------------------------------------------- reserveForm */ #reserveForm{ background:#0c0844; color:#fff; line-height:1.3em;font-size:90%;z-index:51;} section#reserveForm h4{ display:none;} .shhTitle{ color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; display: inline-block; } #reserveForm.sec{padding:15px 0;border-top:0; width:100%;} #reserveForm br{ display:none;} #sub #reserveForm{ background:none; position:fixed; top:60px; width:100%; z-index:51;} #sub #reserveForm.sec{padding:10px 0;} @media(max-width:640px){ #reserveForm{ font-size:80%;} #sub #reserveForm{ background:#0c0844; position:relative; top:105px; width:auto; z-index:49;} } /* --------------------------------------------------------------------------------- toppage */ #top_3btns{ width:auto; margin: 0 auto;} #top_3btns h2{ font-size:150%; color:#525252; text-align:center; padding:75px 0; font-weight:normal;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;} #top_3btns ul{ width:1000px; margin:0 auto 50px auto;} #top_3btns ul li{ width:300px; margin-right:50px; float:left;} #top_3btns ul li:nth-child(3n){ margin-right:0;} #top_3btns ul li img{ width:100%;} #top_3btns ul:before, #top_3btns ul:after {content: " ";display:table;} #top_3btns ul:after {clear: both;} #top_3btns ul {*zoom: 1;} #top_3btns .imgbox{ margin-bottom:20px; display:block;box-sizing:border-box;border:4px solid #ddd;} #top_3btns .imgbox img{width:100%;} #top_3btns .imgbox:hover{border:4px solid #0c0844;} #top_3btns dl{ text-align:center; line-height:1.5em;} #top_3btns dt{ font-size:150%; margin-bottom:10px; display:block;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;} #top_3btns dd{ font-size:80%; line-height:1.6em} @media(max-width:640px){ #top_3btns ul{ width:80%; margin:auto;} #top_3btns ul li{ width:100%; margin-right:0; margin-bottom:2em; float:none;} } #ct_Area{ width:1000px; margin: 0 auto; padding-bottom: 50px} #ct_Area h2{ font-size:150%; color:#525252; text-align:center; padding:75px 0; font-weight:normal;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif; border-top: 5px solid #c6c6c6} #ct_Area ul{ width:1000px; margin:0 auto 50px auto;} #ct_Area ul li{ width:300px; margin-right:50px; float:left;} #ct_Area ul li:nth-child(3n){ margin-right:0;} #ct_Area ul li img{ width:100%;} #ct_Area ul:before, #ct_Area ul:after {content: " ";display:table;} #ct_Area ul:after {clear: both;} #ct_Area ul {*zoom: 1;} #ct_Area .imgbox{ margin-bottom:20px; display:block;box-sizing:border-box;border:4px solid #ddd;} #ct_Area .imgbox img{width:100%;} #ct_Area .imgbox:hover{border:4px solid #0c0844;} #ct_Area dl{ text-align:center; line-height:1.5em;} #ct_Area dt{ font-size:150%; margin-bottom:10px; display:block;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;} #ct_Area dd{ font-size:80%; line-height:1.6em} @media(max-width:640px){ #ct_Area{ width:auto; margin: 0 auto;} #ct_Area ul{ width:90%; margin:0 auto 50px auto;} #ct_Area ul li{ width:31.3%; margin-right:3%; margin-bottom:2em; } #ct_Area ul li:last-child{ margin-right: 0;} } #newsTopics{ width:1000px; margin:0 auto 100px auto;} #newsTopics:before, #newsTopics:after {content: " ";display:table;} #newsTopics:after {clear: both;} #newsTopics{*zoom: 1;} #topnews{ width:475px; float:left; margin-right:50px;} #NewsList{ width:600px; float:none; margin:0 auto 50px;} #toptopics{ width:475px; float:left;} .entryArea{} .entryArea .h2Area{ border-bottom:4px solid #c6c6c6; color:#0C0844;padding-bottom:8px;} .entryArea .h2Area span{ font-size:25px; display:inline-block; margin-right:10px;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;} .entryArea .h2Area h2{ font-size:14px; display:inline-block;} .entry{} .entry a{ text-decoration:none;} .entry a:hover{ text-decoration:none; background:#f8f8f8; color:#333;} .entry >.inner{ padding:25px; display:block; border-bottom:1px dashed #C3C3C3;} .entry h3{ display:block; padding-bottom:10px; margin-bottom:0; font-size:16px; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .entry h3 +p{ font-size:14px;} .entryArea a.arrowBtn{margin-top:25px;} #NewsList .entry >.inner{ padding:25px; display:block; border-top:1px dashed #C3C3C3; border-bottom:none;} #NewsList .entry >.inner:last-child{ border-bottom:1px dashed #C3C3C3;} @media(max-width:640px){ #newsTopics{ width:80%; margin:0 auto 100px auto;} #topnews{ width:auto; float:none; margin-right:0; margin-bottom:4em;} #toptopics{ width:auto; float:none;} .entryArea .h2Area span{ font-size:110%; } .entryArea .h2Area h2{ font-size:70%;} .entry h3{ font-size:100%} .entry h3 +p{ font-size:90%} } a.arrowBtn{ display:block; color:#fff; font-weight:bold; background:#0c0844; text-align:center;padding:15px; position:relative; margin-left:auto; margin-right:auto; /* box-shadow */ box-shadow:-2px 0px 0px -50px #75dc90; /* border-radius */ border-radius:5px; } .w400{ width:400px;} a.arrowBtn::after{ content:""; display: block; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left:20px; top:50%; margin-top:-4px; } a.arrowBtn:hover{ text-decoration:none; background-color:#383566;} #topAbout{} #topAbout >.inner{ width:1000px; margin:0 auto;} .Mainh2Area{ color:#0C0844;padding-bottom:8px; line-height:1em; text-align:center; background:url(../images/01_top/h2BG.png) no-repeat center top; width:532px; margin:0 auto 50px auto;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;} .Mainh2Area span{ font-size:25px; display:block; margin-bottom:15px;} .Mainh2Area h2{ font-size:18px; display:inline-block;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif; } .Mainh2Area h1{ font-size:18px; display:inline-block;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif; } @media(max-width:640px){ #topAbout >.inner{ width:80%; margin:0 auto;} .Mainh2Area{ width:100%; margin:0 auto 50px auto;} .Mainh2Area span{ font-size:140%;} .Mainh2Area h2{ font-size:80%; } .Mainh2Area h1{ font-size:80%; } } .introImg01{margin-bottom:50px; text-align:center;} .introImg01 img{ width:100%;} .introPtn01{margin-bottom:50px; text-align:center;} ul.photolist5{ width:950px; margin:0 auto 50px auto;} ul.photolist5 li{ width:170px; height:123px; margin-right:25px; float:left;} ul.photolist5 li:last-child{ margin-right:0;} ul.photolist5 li img{ width:100%;} ul.btnList3{ width:950px; margin:0 auto 100px auto;} ul.btnList3 li{ width:283px; height:90px; margin-right:50px; float:left;} ul.btnList3 li:last-child{ margin-right:0;} #topAbout a.arrowBtn{padding:35px 0;} @media(max-width:640px){ ul.photolist5{ width:auto; margin:0 auto 50px auto;} ul.photolist5 li{ width:235px; height:auto; margin-right:25px; margin-bottom:25px; float:left;} ul.photolist5 li:nth-child(2n){ margin-right:0;} ul.btnList3{ width:auto; margin:0 auto 100px auto;} ul.btnList3 li{ width:100%; height:90px; margin-right:50px; float:none; margin-bottom:25px;} ul.btnList3 li:last-child{ margin-right:0;} } /* --------------------------------------------------------------------------------- page_guestroom */ #page_guestroom{} #page_guestroom >.inner{ width:1000px; margin:0 auto;} .introheader{ text-align:center;} .introPtn01{ text-align:center; line-height:1.5em;} #roomDetail{ width:900px; margin:0 auto 50px auto;} #roomDetail .left{ width:310px; float:left; box-sizing:border-box; border:1px solid #ddd5cd; background:#fdf7f2; margin-bottom:50px;} #roomDetail .left img{ width:100%; height:auto} #roomDetail .right{width:540px; float:right;margin-bottom:50px;} #roomDetail .right h4{ font-size:18px; border-bottom:4px solid #c6c6c6; padding:0 0 10px 0; color:#0c0844;} #roomDetail dl{ font-size:14px;margin:15px;} #roomDetail dt{ float:left; width:160px;padding-bottom:8px; color:#0c0844; font-weight:bold;} #roomDetail dd{ float:left; width:320px;padding-bottom:8px;} ul.photolist6{ width:auto; margin:0 auto 0 auto;} ul.photolist6 li{ width:170px; height:123px;margin-bottom:13px;margin-right:13px; float:left;} ul.photolist6 li:nth-child(3n){ margin-right:0;} ul.photolist6 li img{ width:100%;} @media(max-width:640px){ #page_guestroom{} #page_guestroom >.inner{ width:80%; margin:0 auto;} #page_guestroom .introPtn01{ text-align:center; line-height:1.5em; font-size:80%} #roomDetail{ width:auto; margin:0 auto 50px auto;} #roomDetail .left{ width:auto; float:none; text-align:center;} #roomDetail .right{width:auto; float:none;margin-bottom:50px;} #roomDetail dl{ font-size:90%;margin:15px;} #roomDetail dd{ margin-bottom:10px;} ul.photolist6{ width:auto; margin:0 auto 50px auto;} ul.photolist6 li{ width:235px; height:auto; margin-right:10px; margin-bottom:25px; float:left;} ul.photolist6 li:nth-child(3n){ margin-right:10px;} ul.photolist6 li:nth-child(2n){ margin-right:0;} } #page_guestroom2{} #page_guestroom2 >.inner{ width:900px; margin:0 auto;} .arwtxt{ text-align:center; font-size:12px; color:#0c0844; padding:4px; display:block; margin-bottom:50px;} #amnList{ box-sizing:border-box; border:1px solid #ddd5cd; background:#fdf7f2;padding:49px 49px 0 49px; margin-bottom:100px;} #amnList h3{ width:170px; display:inline-box; color:#fff; font-size:14px;padding:5px 0; font-weight:bold; background:#0c0844; text-align:center; margin-bottom:25px;} ul.photolist6a{ width:auto; margin:0 auto 0 auto;} ul.photolist6a li{ width:124px; height:90px;margin-bottom:12px;margin-right:11px; float:left; border:1px solid #E7E7E7; box-sizing:border-box;} ul.photolist6a li:nth-child(6n){ margin-right:0;} ul.photolist6a li img{ width:100%;} ul.photolist6a +p{ font-size:12px; text-align:center; margin-bottom:50px;} @media(max-width:640px){ #page_guestroom2{} #page_guestroom2 >.inner{ width:80%; margin:0 auto;} #page_guestroom2 .onebox01{} #page_guestroom2 .onebox01 .imgbox img{ width:100%; margin-bottom:10px} #page_guestroom2 .onebox01{} #page_guestroom2 .onebox01{} #amnList{ box-sizing:border-box; border:1px solid #ddd5cd; background:#fdf7f2;padding:25px 25px 0 25px; margin-bottom:100px;} #amnList h3{ width:40%; display:inline-box; color:#fff; font-size:85%;padding:5px 0; font-weight:bold; background:#0c0844; text-align:center; margin-bottom:25px;} ul.photolist6a{ width:auto; margin:0 auto 0 auto;} ul.photolist6a li{ width:135px; height:auto; margin-right:10px; margin-bottom:10px; float:left;} ul.photolist6a li:nth-child(3n){ margin-right:0;} ul.photolist6a li:nth-child(2n){ margin-right:10px;} ul.photolist6a +p{ font-size:80%; text-align:center; margin-bottom:50px;} } /* --------------------------------------------------------------------------------- floor */ #page_floor{} #page_floor >.inner{ width:80%; margin:0 auto;} #page_floor2{} #page_floor2 >.inner{ width:80%; margin:0 auto;} ul.photolist5a{ width:888px; margin:0 auto 50px auto;} ul.photolist5a li{ width:168px; height:123px;margin-bottom:12px;margin-right:12px; float:left;} ul.photolist5a li:nth-child(6n){ margin-right:0;} ul.photolist5a li img{ width:100%;} ul.photolist5a +p{ font-size:12px; text-align:center; margin-bottom:50px;} @media(max-width:640px){ ul.photolist5a{ width:auto; margin:0 auto 50px auto;} ul.photolist5a li{ width:235px; height:auto; margin-right:25px; margin-bottom:25px; float:left;} ul.photolist5a li:nth-child(2n){ margin-right:0;} } .rightimgBox{ width:900px; margin:0 auto; display:table; margin-bottom:50px;} .rightimgBox .textBox{ width:450px; position:relative; display:table-cell; vertical-align:top;} .rightimgBox .textBox h3, .rightimgBox .textBox h4{ font-size:16px; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom:20px; color:#0C0844;} .rightimgBox .textBox h5{ font-size:16px; font-weight:normal; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:20px; color:#5a3a29;} .rightimgBox .textBox p{ font-size:14px; line-height:1.5em; margin-bottom:25px;} .rightimgBox .imgBox{ width:450px; display:table-cell;} .rightimgBox .imgBox img{ width:100%;} .rightimgBox .textBox .arrowBtn{ position:absolute; bottom:0; width:60%;} .rightimgBox:before, .rightimgBox:after {content: " ";display:table;} .rightimgBox:after {clear: both;} .rightimgBox{*zoom: 1;} @media(max-width:640px){ .rightimgBox{ width:100%; margin:0 auto; display:block; margin-bottom:50px;} .rightimgBox .textBox{ width:auto; position:relative; display:block; margin-bottom:2em;} .rightimgBox .textBox h3, .rightimgBox .textBox h4{ font-size:120%; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom:20px; color:#0C0844;} .rightimgBox .textBox h5{ font-size:110%; font-weight:normal; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:20px; color:#5a3a29;} .rightimgBox .textBox p{ font-size:80%; line-height:1.5em; margin-bottom:25px;} .rightimgBox .imgBox{ width:auto; display:block;} .rightimgBox .imgBox img{ width:100%;} .rightimgBox .textBox .arrowBtn{ position:relative; bottom:0; width:60%;} } .entBox .textBox{ width:450px; position:relative; display:table-cell; vertical-align:top;} .entBox .textBox h3, .entBox .textBox h4{ font-size:16px; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom:20px; color:#0C0844;} .entBox .textBox h5{ font-size:16px; font-weight:normal; margin-bottom:20px; color:#5a3a29;} .entBox .textBox p{ font-size:14px; line-height:1.5em; margin-bottom:25px;} .entBox .textBox .arrowBtn{ position:absolute; bottom:0; width:60%;} @media(max-width:640px){ .entBox{ width:100%; margin:0 auto; display:block; margin-bottom:50px;} .entBox .textBox{ width:auto; position:relative; display:block; margin-bottom:2em;} .entBox .textBox h3, .entBox .textBox h4{ font-size:120%; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom:20px; color:#0C0844;} .entBox .textBox h5{ font-size:120%; font-weight:normal;margin-bottom:20px; color:#5a3a29;} .entBox .textBox p{ font-size:80%; line-height:1.5em; margin-bottom:25px;} .entBox .textBox .arrowBtn{ position:relative; bottom:0; width:60%;} } .setsubiList{} ul.setsubiList{ width:900px; margin:0 auto 50px auto;} ul.setsubiList li{ width:266px; margin-right:50px; float:left;} ul.setsubiList li:nth-child(3n){ margin-right:0;} ul.setsubiList li img{ width:100%;} .setsubiList .imgbox{ margin-bottom:15px; display:block;} .setsubiList .imgbox img{width:100%;} .setsubiList dl{ text-align:left; line-height:1.5em;} .setsubiList dt{ font-size:16px; margin-bottom:10px; display:block; color:#0C0844;} .setsubiList dd{ font-size:14px;} @media(max-width:640px){ .setsubiList{} ul.setsubiList{ width:auto; margin:0 auto 50px auto;} ul.setsubiList li{ width:auto; margin-right:0; float:none; margin-bottom:2em;} ul.setsubiList li:nth-child(3n){margin-right:0} ul.setsubiList li:nth-child(2n){ margin-right:0;} .setsubiList dt{ font-size:130%; } .setsubiList dd{ font-size:80%;} } .entBox{ width:900px; height:335px; margin:0 auto 50px; position:relative;} .entBox li{ position:absolute;} .entBox li span{ text-align:center; padding:5px 0; font-size:13px; display:block;} .entBox li img{ width:100%;} .entBox .entPhoto01{ width:450px; height:304px;} .entBox .entPhoto02{ width:198px; height:126px; left:480px;} .entBox .entPhoto03{ width:198px; height:126px;left:702px;} .entBox .entPhoto04{ width:198px; height:126px; top:177px;left:480px;} .entBox .entPhoto05{ width:198px; height:126px; top:177px; left:702px;} @media(max-width:640px){ .entBox{ width:auto; height:auto; margin-bottom:50px; position:relative;} .entBox li{ position:relative; margin-bottom:2em;} .entBox li span{ text-align:center; padding:5px 0; font-size:80%;display:block;} .entBox .entPhoto01{ width:100%; height:auto;} .entBox .entPhoto02{ width:100%; height:auto; left:0;} .entBox .entPhoto03{ width:100%; height:auto;left:0;} .entBox .entPhoto04{ width:100%; height:auto; top:0;left:0;} .entBox .entPhoto05{ width:100%; height:auto; top:0; left:0;} .entBox li img{ width:100%;} } /* --------------------------------------------------------------------------------- room */ #room .introText{ font-weight:normal; text-align:center; color:#525252; font-size:200%; line-height:1em; margin-bottom:60px;} .tuikaIMG{ text-align:center; margin-bottom:60px;} .tuikaIMG img{margin-bottom:1em;} @media(max-width:640px){ #room .introText{ line-height:1.4em; margin-bottom:2em; margin-top:2em;} .tuikaIMG{ text-align:center;padding:3em;} .tuikaIMG img{margin-bottom:1em; width:90%;} } #room dl{ width:800px;margin:0 auto 60px auto; font-size:90%;} #room dt{ color:#846d5c; font-size:110%;} #room dd{ padding:0.7em 0 2em 1em;} @media(max-width:640px){ #room dl{ width:auto;} } /* --------------------------------------------------------------------------------- access */ #access{} #access >.inner{ width:1100px; margin:0 auto;} #access dl{ width:320px; float:left; font-size:90%;} #access dt{ color:#846d5c; font-size:110%;} #access dd{ padding:0.7em 0 2em 1em;} #access dd ul{margin:1em 0;} #access dd li{ list-style:circle; margin-left:1.5em;} #access .imgArea{ width:580px; float:right;} #access .imgArea img{margin-bottom:1em; width:100%;} section#access h3{ margin-bottom:25px;} p.accessText01{ margin-left:1em;margin-bottom:1em; line-height:1.5em;font-weight:bold;} p.accessText02{ margin-left:1em; font-size:90%; line-height:1.5em;} .aeonImage{ float:left; margin-right:10px; width:150px;} @media(max-width:640px){ #access >.inner{ width:auto; margin:0 auto;} #access dl{ width:auto; float:none; font-size:90%;} #access .imgArea{ width:100%; margin:0 auto; float:none;} #access .imgArea img{ width:100%;} .aeonImage{ float:none; margin-bottom:0.5em; width:200px;} #company{ width:90%; margin:0 auto;} } .setTable02{ width:900px; margin:0 auto;margin-bottom:50px;} .setTable02 dl{ display:table; font-size:90%;} .setTable02 dt{ display:table-cell;padding-right:25px; padding-bottom:25px;color:#83768C; font-weight:bold;} .setTable02 dt span{ width:150px; padding:8px 0; text-align:center; border-top:1px solid #6B6177; background:none;display:block; box-sizing:border-box;} .setTable02 dd{ display:table-cell;padding:8px 8px 25px 8px; border-top:1px solid #D7D7D7; width:100%; font-size:95%} @media(max-width:640px){ .setTable02{ width:auto; margin:0 auto;margin-bottom:50px;} } /* --------------------------------------------------------------------------------- restaurant */ #page_restaurant{} #page_restaurant >.inner{ width:900px; margin:0 auto 50px} .sec900 >.inner{ width:900px; margin:0 auto 50px} .sec900 h3{ text-align:center; font-size:25px;} .rest2Btn{ width:800px; margin:0 auto 50px;} .rest2Btn li{ width:375px; display:block; float:left;} .rest2Btn li img{ width:100%;} .rest2Btn li:last-child{ margin-left:50px;} .rest2Btn a{ display:block; box-sizing:border-box;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;} .rest2Btn a:hover{ text-decoration:none;} .rest2Btn a img{ border:4px solid #ddd;} .rest2Btn a:hover img{ border:4px solid #0c0844;} .rest2Btn a:hover span{ color:#333;} .rest2Btn span{ display:block; padding:15px; font-size:30px; text-align:center;} .sec900 .setsubiList + p{ text-align:center; font-size:16px; line-height:1.6em;margin-bottom:50px;} @media(max-width:640px){ #page_restaurant{} #page_restaurant >.inner{ width:80%; margin:0 auto;} .rest2Btn{ width:auto;} .rest2Btn li{ width:100%; display:block; float:none; margin-bottom:2em;} .rest2Btn li:last-child{ margin-left:0;} #page_restaurant2 >.inner{ width:80%; margin:0 auto;} #page_restaurant3 >.inner{ width:80%; margin:0 auto;} #page_restaurant4 >.inner{ width:80%; margin:0 auto;} } #dinnersArea{ box-sizing:border-box; border:1px solid #ddd5cd; background:#fdf7f2;padding:49px 49px 0 49px; margin-bottom:100px;} #dinnersArea{} #dinnersArea ul{ display:block; position:relative; height:360px;} #dinnersArea li{ position:absolute;} #dinnersArea li img{ width:100%;} #dinnersArea li span{ display:block; padding:10px; text-align:center; font-size:13px; line-height:1.5em;} #dinnersArea li.foods01{ width:198px; height:126px; top:0; left:0;} #dinnersArea li.foods02{ width:198px; height:126px; top:0; left:221px;} #dinnersArea li.foods03{ width:198px; height:126px; top:176px; left:0;} #dinnersArea li.foods04{ width:198px; height:126px; top:176px; left:221px;} #dinnersArea li.foods05{ width:332px; height:212px; top:0; left:469px;} @media(max-width:640px){ .boxintroText{ font-size:100%;} #dinnersArea{padding:35px 35px 0 35px; margin-bottom:100px;} #dinnersArea{} #dinnersArea ul{ display:block; position:relative; height:auto;} #dinnersArea li{ position:static; margin-bottom:2em;} #dinnersArea li img{ width:100%;} #dinnersArea li span{ display:block; padding:10px; text-align:center; font-size:100%; line-height:1.5em;} #dinnersArea li.foods01{ width:100%; height:auto; top:0; left:0;} #dinnersArea li.foods02{ width:100%; height:auto; top:0; left:0;} #dinnersArea li.foods03{ width:100%; height:auto; top:0; left:0;} #dinnersArea li.foods04{ width:100%; height:auto; top:0; left:0;} #dinnersArea li.foods05{ width:100%; height:auto; top:0; left:0;} } #page_restaurant4{} #page_restaurant4 .onebox01 dl{} #page_restaurant4 .onebox01 dt{ font-size:20px; margin-bottom:10px;} #page_restaurant4 .onebox01 dd{ font-size:14px; line-height:1.6em;} .w60p{ width:60%;} @media(max-width:640px){ #page_restaurant4 { margin-bottom:2em;} #page_restaurant4 .onebox01 dt{ font-size:120%; margin:1em; text-align:center;} #page_restaurant4 .onebox01 dd{ font-size:90%; line-height:1.6em;} } /* --------------------------------------------------------------------------------- contact */ #contact{} #contact >.inner{ width:1000px; margin:0 auto;} #contact >.inner >p{ text-align:center; margin:0 auto 50px auto; line-height:1.6em;} #contact h2 + p{ font-size:90%; line-height:1.8em;margin-bottom:40px; text-align:center;} #contact ul.contactIcon{margin:0; text-align:center; margin-bottom:3em;} #contact ul.contactIcon li{margin:0 20px 0 0; display:inline-block;} @media(max-width:640px){ #contact >.inner{ width:auto; margin:0 auto;} #contact >.inner >p{ text-align:center; margin:0 auto 50px auto; line-height:1.6em; font-size:90%;} #contact h2 + p{ font-size:20px;} #contact ul h3{ font-size:22px;} #contact ul.contactIcon{margin-bottom:2em;text-align:center;} #contact ul.contactIcon li{margin:0 0 1em 0; display:block;} #contact ul.contactIcon li img{ width:70%; margin:0 auto;} } /* --------------------------------------------------------------------------------- privacy */ #privacy{} #privacy .privacyArea{margin:0 40px 40px 40px; border:1px solid #ddd;} #privacy .privacyArea > .inner{padding:40px;} #privacy .privacyArea .overflowBox{height:200px;overflow:auto; font-size:14px;} #privacy .privacyArea h3{background:url(../images/infobar.png) no-repeat left top;color:#9d1627; font-size:18px;padding:10px 10px 10px 16px; margin-bottom:10px;} @media(max-width:640px){ #privacy .privacyArea{margin:0 0 40px 0; border:1px solid #ddd;} #privacy .privacyArea .overflowBox{ font-size:18px; line-height:1.6em;} } /* Responsive End */ /* contact --------------------------------------------------------*/ #contactform{ width:700px; margin:0 auto 100px auto;background:#eee;padding-bottom:25px;} #contactform h3{ font-size:110%;} #contactform form{padding:55px 0 0 35px;} #contactform .typeSelect{padding:55px 0 0 35px;} #contactform2{ width:700px; margin:0 auto;background:#eee;padding-bottom:50px;} #contactform2 h3{ font-size:110%;} #contactform2 form{padding:55px 0 0 35px;} #contactform2 .typeSelect{padding:55px 0 0 35px;} dl.formtable{width:100%; margin:0 auto;} dl.formtable, dl.formtable > dt, dl.formtable > dd { box-sizing: border-box; font-size:95%; } dl.formtable > dt { width: 32%; float: left; background:url(../images/arrow.png) no-repeat left 7px;padding-left:10px; font-weight:bold;} dl.formtable > dd { margin-left:32%; padding-bottom: 10px;margin-bottom:2em; line-height:1.8em;} dl.formtable > dd:after { content: ''; display: block; clear: both;} .Tbox{ width:100%;} .Tarea{width:100%; height:80px;} .submitBtn{ display:inline-block; border:2px solid #514946; background:#292466; color:#fff; padding:1em 5em; font-size: 120%; font-weight: bold;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif;} dl.formtable dt > span{ color:#ff6666; padding:3px; font-size:90%; line-height:1.5em; font-weight:bold;} dl.formtable dd > ul{} dl.formtable dd > ul li{ color:#96e3a6;} .hidden_genba,.hidden_siryo{padding-left:5%;} .checkText{ font-size:90%; color:#2D388A; font-weight:bold;} .formCheck{ text-align:center;margin-bottom:2em; color:#ff6666; } .typeSelect{ width:700px; margin:0 auto;} .typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; line-height:1.2em; box-sizing:border-box;padding:20px; border-top:4px solid #292466;} .typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;} #form_houjin{ margin-right:2%;} #form_houjin span{ font-size:130%;} #form_kojin{} #form_kojin span{ font-size:130%;} @media(max-width:640px){ #contactform{ width:80%; margin:0 auto 50px auto; background:#eee;} #contactform h3{ font-size:110%;} #contactform form{padding:1em;} #contactform2{ width:80%; margin:0 auto; background:#eee;} #contactform2 h3{ font-size:110%;} #contactform2 form{padding:1em;} dl.formtable{width:100%; margin:0 auto;} dl.formtable, dl.formtable > dt, dl.formtable > dd { box-sizing: border-box; } dl.formtable > dt { width: 100%; float: none; background:none;padding-left:0;font-size:120%;} dl.formtable > dd { margin-left:10%; padding-bottom: 0;margin-bottom:2em; line-height:1.8em;font-size:110%;} dl.formtable > dd:after { content: ''; display: block; clear: both;} .Tbox{ width:100%;} .Tarea{width:100%;} .submitBtn{ display:inline-block; border:2px solid #514946; background:#292466; color:#fff; padding:1em; font-size: 120%; font-weight: bold; width:100%; text-align: center;} dl.formtable dt > span{ color:#ee9797; display:inline-block; padding:0 0 0 0.5em; font-size:90%; line-height:1.5em;} dl.formtable dd > ul{} dl.formtable dd > ul li{ color:#96e3a6;} .typeSelect{ width:80%; margin:0 auto;} .typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; box-sizing:border-box;padding:20px; border-top:4px solid #292466;} .typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;} #form_houjin{ margin-right:2%;} #form_houjin span{ font-size:130%;} #form_kojin{} #form_kojin span{ font-size:130%;} } /* Responsive End */ /* --------------------------------------------------------------------------------- footer */ footer{ background:#ece6e1 url(../images/footer_bg.png) repeat-x left top; height:180px;} footer p{ font-size:60%; padding-top:50px;} @media(max-width:640px){ footer p{ font-size:80%; padding-top:50px;} } /* Responsive End */ /* --------------------------------------------------------------------------------- pagetop */ #pagetop{ position:absolute;} #gotop { position: fixed; bottom: 0px; right: 20px; width: 137px; height: 77px; z-index: 5; } #btnscrollArea{ position:relative;} .clear{ clear:both;} .tac{ text-align:center !important;} @media(min-width:641px){ .sp{ display:none !important;} } /* Responsive End */ @media(max-width:640px){ .pc{ display:none !important; } } /* Responsive End */ @media(max-width:640px){ #commonFooter{ display:none !important; } } @media(max-width:640px){ #commonFooter{ display:none !important; } } @media(max-width:640px){ .tac_pc{ text-align:left !important;} .tac_sp{ text-align:center !important;} } @media(min-width:641px){ .tac_pc{ text-align:center !important;} .tac_sp{ text-align:left !important;} }