@charset "utf-8"; /* Theme Name: 舞子リゾート Theme URI: http://www.maiko-resort.com/ Description: 舞子リゾート Version: 2.00β Author: 舞子リゾート Author URI: http://www.maiko-resort.com/ */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body { line-height:1;} eader,hgroup,menu,nav,section { display:block;} nav ul { list-style:none;} blockquote, q { quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} ins { background-color:#ff9; color:#000; text-decoration:none;} mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;} table { border-collapse:collapse; border-spacing:0;} hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} input, select { vertical-align:middle;} /*--- base ---*/ * { margin:0px; padding:0px;} html { font-size: 62.5%;} body { font-family: 'Open Sans',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.8; text-align: left; color:#3e3a39; -webkit-text-size-adjust: 100%; font-size: 1.4rem; font-size: 3.73333vw; background: #F7F4F1;} .singleBody { background: #FFF; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: 500;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;} a:link,a:visited { color: #595757; text-decoration: none; opacity: 1;} a:active,a:hover { color: #595757; text-decoration: none; opacity: 0.8;} a:link img,a:visited img { opacity: 1;} a:active img,a:hover img { opacity: 0.8;} a,a img { transition: all .2s ease-in-out; backface-visibility:hidden; outline: none;} img { max-width: 100%; height: auto;} img.imgCh { width: auto;} img[src$=".svg"] { width: 100%;} /*loder*/ #loadingBg { position: fixed; left: 0; top: 0; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #ffffff; opacity: 0.95; z-index: 1000;} #loading { position: fixed; top: 49%; left: 5%; width: 90%; padding: 20px; margin: -70px 0 0; box-sizing: border-box; z-index: 1100;} #loading #percent { display: none; margin-bottom: 5px; text-align: center;} #loading #gauge { width: 0px; height: 2px; transition: all .1s ease-in-out;} .loader, .loader:before, .loader:after { border-radius: 2.5em; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out;} .loader { color: #000f3a; font-size: 1.0rem; margin: 10px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s;} .loader:before, .loader:after { content: ''; position: absolute; top: 0;} .loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s;} .loader:after { left: 3.5em;} @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; }} @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; }} /*--- header ---*/ header { position: absolute; top: 0; left: 0; width: 100%; z-index: 10;} #title { overflow: hidden; padding: 16px; } #title img { width: 102px; height: auto;} header.headerLogo { position: relative; top: auto; left: auto; width: 100%; height: 48px; overflow: hidden; background: #FFF;} header.headerLogo #title { overflow: hidden; padding: 12px 16px 0 16px; text-align: center;} header.headerLogo #title img { width: auto; height: 24px;} #barNav { margin-bottom: 28px; } /*.pagePtIndex #barNav,*/ #winterBody #barNav, #hotelBody #barNav { margin-bottom: 0px; } #liftNav { margin-bottom: 28px; } .id-17193 #liftNav { margin-bottom: 0 !important; } #barNavClone { } #barNavClone #barNav { display: none; } #fixedClone { display: none; } #barNav01 { overflow: hidden; font-style: italic; font-weight: 600; font-size: 1.7rem; font-size: 4.53333vw; line-height: 1.2; padding: 0; background: rgba(255,255,255,1);} #barNav01 > li { float: left; width: 50%; text-align: center;} #barNav01 > li > a { display: block; padding: 12px; background: rgba(0,0,0,0.15); border-bottom: #FFF 1px solid; border-right: #FFF 1px solid;} #barNav01 > li:nth-child(2n) > a { border-right: none;} #barNav0101 a { color: #03073c; letter-spacing: 0.64em;} #indexBody #barNav0101 a, #barNav0101 a:active,#barNav0101 a:hover { background: #03073c; color: #FFF;} #barNav0102 a { color: #34648c; letter-spacing: 0.24em;} #winterBody #barNav0102 a, #barNav0102 a:active,#barNav0102 a:hover { background: #34648c; color: #FFF;} #barNav0103 a { color: #a3593f; letter-spacing: 0.44em;} #hotelBody #barNav0103 a, #barNav0103 a:active,#barNav0103 a:hover { background: #a3593f; color: #FFF;} #barNav0104 a { color: #219e89; letter-spacing: 0.14em;} #summerBody #barNav0104 a, #barNav0104 a:active,#barNav0104 a:hover { background: #219e89; color: #FFF;} #climateInfo { overflow: hidden; background: #000F3A; color: #FFF; line-height: 1.2; padding: 18px 4%;} #climateInfo > dt { font-weight: 700; font-size: 1.6rem; font-size: 4.26667vw; letter-spacing: 0.1em; text-align: center;} #climateInfo > dt img { width: 102px; margin-left: 1em;} #winterBody #climateInfo { background: #76BBCB;} #summerBody #climateInfo { background: #5ab3a1;} #climateIcon { text-align: center; overflow: hidden; padding: 18px 0; } #climateIconTxt { display: inline-block; font-weight: 700;} #climateIconTxt01 { font-size: 2.7rem; font-size: 7.2vw; } #climateIconTxt02 { font-size: 2.2rem; font-size: 5.86667vw; } #climateIconImgs { overflow: hidden; width: 175px; margin: 0 auto 18px;} #climateIconImgs li { float: left;} #climateIconImgs img { height: auto;} #climateIconImgs #climateIconImg01 img { width: 70px;} #climateIconImgs #climateIconImg02 img { width: 35px;} #climateIconImgs #climateIconImg03 img { width: 70px;} #climateTxt { font-weight: 400; } #climateTxt > li { margin: 0 0 8px; float: left; width: 50%; box-sizing: border-box;} #climateTxt > li:last-child() { width: 100%;} #climateTxt > li li { clear: both; margin: 0 0 8px;} #climateTxt > li > dl > dt { float: left; margin-right: 1em; } #climateTxt > li > dl > dd { overflow: hidden;} #climateTxt > li > dl > dt dd { overflow: hidden;} #climateTxt > li > dl > dd dt { float: left; } #climateTxt > li > dl > dd dt:after { content: "：";} #localNav { display: none; } #localNavSummer { display: none; } #localNavTop { display: none; } #localNavHotel { display: none; } /*--- footer ---*/ footer { overflow: hidden; clear: both; background: #4C89B0 !important; padding: 32px 0 0; width: 100%; color: #FFF;} #footerSec01 { overflow: hidden; padding: 0 4%; } #footerTitle { text-align: center; overflow: hidden; padding: 0 0 16px; } #footerTitle img { width: 116px; } #footerSec01List01 { overflow: hidden; padding: 0 0 24px; text-align: center; font-style: italic; font-weight: 800; letter-spacing: 0.8em;} #footerSec02 { overflow: hidden; padding: 0 4% 0; } #footerAccess01 { text-align: center; padding: 0 0 30px; margin-bottom: 40px; } #footerAccess01 > li { margin-bottom: 30px; line-height: 1.357;} #footerAccess01 > li:last-child { margin-bottom: 0;} #footerAccess01 > li > dl > dt { overflow: hidden; padding: 62px 0 0; margin: 0 0 16px; font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.2; background: url(images/icon_access01.png) 50% 0 no-repeat; background-size: 51px 45px;} #footerAccess01 > li > dl > dt > span { display: block; padding: 0 0 4px; border-bottom: #FFF 1px solid;} .footerAccess01Txt01 { font-weight: bold; font-size: 1.6rem; font-size: 4.26667vw; padding: 0 0 16px;} .footerAccess01Txt02 { padding: 0 0 14px; font-size: 1.6rem; font-size: 4.26667vw; font-weight: 700; letter-spacing: 0.1em;} .footerAccess01Txt02 a { display: inline-block; padding: 0 0 0 18px; background: url(images/icon_tel.png) 0 50% no-repeat; background-size: 10px 16px; } #footerAccess02 { text-align: center; padding: 0 0 30px; border-bottom: #FFF 1px solid;} #footerAccess02 > li { margin-bottom: 30px; line-height: 1.357;} #footerAccess02 > li:last-child { margin-bottom: 0;} #footerAccess02 > li > dl > dt { overflow: hidden; padding: 40px 0 0; margin: 0 0 10px; line-height: 1.2;} #footerAccess0201 { background: url(images/icon_bullet-train.png) 50% 0 no-repeat; background-size: 121px 33px;} #footerAccess0202 { background: url(images/icon_car.png) 50% 0 no-repeat; background-size: 64px 29px;} #footerAccess02 > li > dl > dt > span { display: block; padding: 18px 0 0; border-top: #FFF 1px solid; font-weight: bold;} #footerAccess02 > li > dl > dd { line-height: 1.67;} footer #footerSec02 a:link,footer #footerSec02 a:visited { color: #FFF;} footer #footerSec02 a:active,footer #footerSec02 a:hover { color: #FFF;} #footerSec03 { overflow: hidden; padding: 0 4% 16px; } #footerSec0301 > dl { overflow: hidden; padding: 14px 0; border-bottom: #FFF 1px solid;} #footerSec0301 > dl > dt { font-weight: 700; position: relative; display: block; line-height: 1.2;} #footerSec0301 > dl > dt > a { display: block;} #footerSec0301 > dl > dt a:before { content: ''; display: block; position: absolute; top: 9px; left: 5em; width: 14px; height: 2px; background: #FFF; } #footerSec0301 > dl > dt a:after { content: ''; display: block; position: absolute; top: 3px; left: 5em; margin-left: 6px; width: 2px; height: 14px; background: #FFF; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #footerSec0301 > dl > dt.active a:after { -webkit-transform: translateY(0) translateX(0) rotate(90deg); -ms-transform: translateY(0) translateX(0) rotate(90deg); transform: translateY(0) translateX(0) rotate(90deg); opacity: 0;} #footerSec0301 > dl > dd { display: none; font-size: 1.2rem; font-size: 3.2vw;} #footerSec0301 > dl > dd dl span { display: inline; line-height: 1.2; font-size: 1.2rem; font-size: 3.2vw;} #footerSec0301 > dl > dd dd { padding-left: 1em;} #footerSec0301 > dl > dd dd dd { padding-left: 0;} #footerSec03 > ul { overflow: hidden; padding: 14px 0; border-bottom: #FFF 1px solid;} #footerSec03 dd a, #footerSec03 ul a { display: block; margin-left: 1em; text-indent: -1em;} #footerSec03 dd a:before, #footerSec03 ul a:before { content: "・";} footer #footerSec03 a:link,footer #footerSec03 a:visited { color: #FFF;} footer #footerSec03 a:active,footer #footerSec03 a:hover { color: #FFF;} a.fLinkPt01 { display: inline-block; padding: 0 24px; margin: 8px 0 0; background: #FFF; } a.fLinkPt01:before { content: "" !important; } footer a.fLinkPt01:link,footer a.fLinkPt01:visited { color: #4c89b0 !important;} footer a.fLinkPt01:active,footer a.fLinkPt01:hover { color: #4c89b0 !important;} #footerSec04 { overflow: hidden; background: #4f8aae; padding: 0 0 32px; color: #FFF; font-size: 1.2rem; font-size: 3.2vw;} #footerSec04 a:before { content: "・"; position: absolute; top: 0; left: 0; } #footerSec04 a { position: relative; display: inline-block; padding-left: 1em;} footer #footerSec04 a:link,footer #footerSec04 a:visited { color: #FFF;} footer #footerSec04 a:active,footer #footerSec04 a:hover { color: #FFF;} #footerSec0401 { overflow: hidden; padding: 0 4% 16px; border-bottom: #FFF solid 1px;} #footerSec0402 { overflow: hidden; } #footerSec0402Title { text-align: center; } #footerSec0402Title img { width: 71px; } .footerSec04Dl01 dt { padding: 0 0 16px; font-weight: 700; text-align: center;} .footerSec04Dl01 ul { overflow: hidden; } .footerSec04Dl01 ul li { width: 50%; float: left; } #footerSec0402 { overflow: hidden; padding: 16px 4%; border-bottom: #FFF solid 1px;} .footerSec04Dl02 dt { padding: 0 0 16px; text-align: center;} .footerSec04Dl02 dt a:before { display: none;} .footerSec04Dl02 dt img { width: auto; height: 24px;} .footerSec04Dl02 ul { overflow: hidden; } .footerSec04Dl02 ul li { width: 50%; float: left; } footer small { display: block; text-align: center; padding: 0 0 32px;} footer a:link,footer a:visited { color: #FFF;} footer a:active,footer a:hover { color: #FFF;} #toTop { position: fixed; bottom: 32px; right: 4%; display: none;} #fixedAccessBtn { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; text-align: center;} #fixedAccessBtn a { display: block; background: #4C9DB8; padding: 12px 0;} #fixedAccessBtn a img { width: auto; height: 28px;} /*--- general ---*//*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .listBtns { overflow: hidden; display: flex; flex-wrap: wrap;} #winterBody .listBtns li .listBtnsImg { background-color: #000f3a; } #summerBody .listBtns li .listBtnsImg { background-color: #000; } #hotelBody .listBtns li .listBtnsImg { background-color: #40210f; } .listBtns li { position: relative; width: 50%; line-height: 1.2; box-sizing: border-box; background: #FFF;} /*.listBtnsBg {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}*/ .listBtns li img { width: 100%;} .listBtns li:hover img { transition: all .2s ease-in-out;} .listBtns li:hover a img { opacity: 0.5;} .listBtns li a { color: #FFF; display: block; /*width: 100%; height: 30vw;*/ padding: 0; box-sizing: border-box;} .listBtns li a:hover { opacity: 1 !important;} .listBtns li a .listBtnsImg { display: block;} .listBtns li a .listBtnTxt { display: block; background: #FFF; padding: 10px 10px 20px; box-sizing: border-box; } #winterBody .listBtns li a .listBtnTxt { color: #000f3a; } #hotelBody .listBtns li a .listBtnTxt { color: #40210f; } #summerBody .listBtns li a .listBtnTxt { color: #3c9e89; } .newsList01 { overflow: hidden; margin-bottom: 38px; display: flex; flex-wrap: wrap; justify-content: space-between;} .newsList01 li { position: relative; overflow: hidden; width: 48%; margin: 0 0 24px; transition: all .2s ease-in-out; } .newsList01 li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 10px 10px 20px; background: #FFF; position: relative; line-height: 1.2; color: #40210F;} .newsList01 li a:after { content: ""; display: block; width: 40px; height: 40px; background: #baa480; position: absolute; bottom: -24px; right: -24px; -webkit-transform: translateY(0) translateX(0) rotate(45deg); -ms-transform: translateY(0) translateX(0) rotate(45deg); transform: translateY(0) translateX(0) rotate(45deg);} .newsList01Img { margin: 0 0 16px; } .newsList01 li dt { font-size: 1.5rem; font-size: 4vw; padding: 0 0 12px;} .newsList01 li dd { font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.6;} .newsList01Badge { background: #ff8aeb; color: #FFF; display: block; width: 120px; height: 120px; position: absolute; top: 0; left: 0; line-height: 1.2; -webkit-transform: translateY(-60px) translateX(-64px) rotate(-48deg); -ms-transform: translateY(-60px) translateX(-64px) rotate(-48deg); transform: translateY(-60px) translateX(-64px) rotate(-48deg);} .newsList01Badge span { display: block; position: absolute; bottom: 6px; left: 0; width: 100%; font-size: 1.3rem; font-size: 3.46667vw; text-align: center;} .historyBack { text-align: center; margin: 40px 0 0;} .historyBack a { display: inline-block; border-radius: 8px; padding: 1em 2em; background: #40210F; color: #FFF; line-height: 1;} .sightseeingList { overflow: hidden; margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between;} #sightseeingListPare .bx-wrapper { margin-bottom: 0; } .sightseeingList > li { position: relative; overflow: hidden; float: left; width: 48%; margin: 0 0 24px; } .sightseeingList > li:nth-child(2n) { float: right;} .sightseeingList > li:nth-child(2n+1) { clear: left;} .sightseeingList > li > .sightseeingListLink { display: block; padding: 10px 10px 20px; position: relative; line-height: 1.2; color: #40210F;} .sightseeingList > li .frameSightseeing { display: block; width: 20px; height: 20px; background: url(images/icon_tri02.png) 100% 100% no-repeat; background-size: 100% 100%; position: absolute; bottom: 0px; right: 0px;} .sightseeingListImg { margin: 0 0 16px; } .sightseeingList > li dt { font-size: 1.5rem; font-size: 4vw; padding: 0 0 12px;} .sightseeingList > li dd { font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.6; height: 4.8em; overflow: hidden;} .sightseeingListBadge { background: #ff8aeb; color: #FFF; display: block; width: 120px; height: 120px; position: absolute; top: 0; left: 0; line-height: 1.2; -webkit-transform: translateY(-60px) translateX(-64px) rotate(-48deg); -ms-transform: translateY(-60px) translateX(-64px) rotate(-48deg); transform: translateY(-60px) translateX(-64px) rotate(-48deg);} .sightseeingListBadge span { display: block; position: absolute; bottom: 6px; left: 0; width: 100%; font-size: 1.3rem; font-size: 3.46667vw; text-align: center;} .sightseeingBtnList { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .sightseeingBtnList li { margin: 0; width: calc( (100% - 16px)/2 );} .sightseeingBtnList .linkBtn01.linkBtn01W100 { width: 100%; padding: 20px 0;} #loadMore { position: relative; display: inline-block; padding: 20px 136px; font-size: 1.7rem; font-size: 4.53333vw; background: #40210F; color: #FFF; text-align: center; line-height: 1.2;} #hotelBody #loadMore { font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;} .loadMoreLoader, .loadMoreLoader:before, .loadMoreLoader:after { border-radius: 50%; width: 1.5em; height: 1.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loadMore 1.8s infinite ease-in-out; animation: loadMore 1.8s infinite ease-in-out;} .loadMoreLoader { color: #000f3a; font-size: 1.0rem; margin: 40px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s;} .loadMoreLoader:before, .loadMoreLoader:after { content: ''; position: absolute; top: 0;} .loadMoreLoader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s;} .loadMoreLoader:after { left: 3.5em;} @-webkit-keyframes loadMore { 0%, 80%, 100% { box-shadow: 0 1.5em 0 -1.3em; } 40% { box-shadow: 0 1.5em 0 0; }} @keyframes loadMore { 0%, 80%, 100% { box-shadow: 0 1.5em 0 -1.3em; } 40% { box-shadow: 0 1.5em 0 0; }} .mtssb-daily-action { display: none; } .summerReservation { width: 92%; margin: 0 auto 32px; box-sizing: border-box; padding: 24px; background: #FFF; border: #99dacf 3px solid; line-height: 1.4;} .summerReservation01 { display: flex; flex-wrap: wrap; } .summerReservation01 > dt { width: 5.5em;} .summerReservation01 > dd { width: calc( 100% - 5.5em );} .suspension { position: relative; } .suspensionTxt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.755); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; } .suspensionTxt > span { display: inline-block; } /*--- general pages ---*//*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #contentArticle { color: #40210F;} #contentArticle a:link,#contentArticle a:visited { color: #40210F; text-decoration: none; opacity: 1;} #contentArticle a:active,#contentArticle a:hover { color: #40210F; text-decoration: none; opacity: 0.8;} .pageBgW { background: #FFF; } .pageW { min-width: 0 !important;} .w670 { overflow: hidden; padding-left: 4%; padding-right: 4%;} .w680 { overflow: hidden; padding-left: 4%; padding-right: 4%;} .w800 { overflow: hidden; padding-left: 4%; padding-right: 4%;} .w800-02 { padding-left: 4%; padding-right: 4%;} .secW800L01 { overflow: hidden; padding: 0 0 24px; } .secW800R01 { overflow: hidden; padding: 0 0 0;} .w840 { overflow: hidden; padding-left: 4%; padding-right: 4%;} .w860 { overflow: hidden; padding-left: 4%; padding-right: 4%;} .w860-800 { overflow: hidden; padding-left: 4%; padding-right: 4%;} .w900 { overflow: hidden; padding-left: 4%; padding-right: 4%;} .secW900L01 { overflow: hidden; padding: 0 0 40px; } .secW900R01 { overflow: hidden; padding: 0 0 40px;} #borderWrap { position: relative; overflow: visible; margin: 94px 4%; padding: 0; border: #461719 solid 1px; background: #FFF;} #borderWrapCh { padding: 0 4% 64px;} .secBB01 { overflow: hidden; padding-bottom: 30px; border-bottom: #40210F solid 1px; } .ytMovie { position:relative; width:100%; padding-top:56.25%;} .ytMovie iframe{ position:absolute; top:0; right:0; width:100%; height:100%;} .twoColConPt01L { overflow: hidden;} .twoColConPt01R { overflow: hidden;} .twoColConPt03L { overflow: hidden;} .twoColConPt03R { overflow: hidden;} .hTxt01 { font-size: 1.9rem; font-size: 5.06667vw; text-align: center; line-height: 1.2; padding-bottom: 8px; margin-bottom: 40px; border-bottom: #40210F 1px solid; } .hTxt02 { position: relative; text-align: center; margin: 0 0 20px; line-height: 1.2;} .hTxt02:after { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background: #40210F; z-index: -1;} .hTxt0201 { display: inline-block; padding: 0 8px; background: #F6F1EC;} .hTxt02En { display: inline-block; font-size: 2.2rem; font-size: 5.86667vw; font-weight: 600; font-style: italic; } .hTxt02Jp { display: inline-block; font-size: 1.6rem; font-size: 4.26667vw; padding-left: 0.5em; } .spMW75 { max-width: 75%; } .hTxt03 { position: relative; text-align: center; margin: 0 0 20px; line-height: 1.2; -webkit-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0);} .hTxt03:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 157px; height: 157px; border: #75B0B0 solid 1px; border-radius: 157px; z-index: -1; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: -1; background: #FFF;} .hTxt0301 { display: inline-block; padding: 0 8px; background: #FFF;} .hTxt03En { display: inline-block; font-size: 2.2rem; font-size: 5.86667vw; font-weight: 600; font-style: italic; } .hTxt03Jp { display: inline-block; font-size: 1.6rem; font-size: 4.26667vw; padding-left: 0.5em; } .hTxt04 { padding: 28px 0; margin-bottom: 8px; line-height: 1.2; border-bottom: #4F978E solid 1px; border-top: #4F978E solid 1px; text-align: center;} .txtBB01 { border-bottom: #4F978E solid 1px; line-height: 1.2; padding-bottom: 8px; margin-bottom: 10px;} .txtBB01.colPt02 { border-bottom: #000F3A solid 1px;} .txtBB02 { position: relative; line-height: 1.2;} .txtBB02:after { content: ''; display: block; width: 100%; height: 1px; background: #000F3A; position: absolute; bottom: 4px; left: 0;} .hTxt05 { position: relative; text-align: center; margin: 0 0 20px; line-height: 1.2; font-weight: bold;} .hTxt05:after { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background: #000f3a; z-index: 0;} .hTxt05.hTxt05B4:after { height: 4px;} .hTxt0501 { position: relative; z-index: 1; display: inline-block; padding: 0 8px; background: #F6F1EC; max-width: 80%;} .hTxt06 { font-size: 1.9rem; font-size: 5.06667vw; text-align: center; font-weight: bold; padding-bottom: 26px; line-height: 1.2;} .hTxt06:before { display: block; content: '・・・';} .hTxt06:after { display: block; content: '・・・';} .hTxt07 { position: relative; text-align: center; margin: 0 0 20px; line-height: 1.2; font-weight: bold;} .hTxt07:after { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 4px; background: url(images/h-txt07_bg.png); z-index: -1;} .hTxt0701 { display: inline-block; padding: 0 20px; background: #F6F1EC; max-width: 75%;} .tableWrap { overflow-x: auto; -webkit-overflow-scrolling: touch;} .tableWrap{ overflow: auto; white-space: nowrap; } .tableWrap::-webkit-scrollbar{ height: 5px; } .tableWrap::-webkit-scrollbar-track { background: #F1F1F1; } .tableWrap::-webkit-scrollbar-thumb { background: #BCBCBC; } .priceTable01 { width: 100%; } .priceTable01 th,.priceTable01 td {} .priceTable01 th { font-weight: normal; } .priceTable01 td { text-align: right; white-space: nowrap; padding-right: 1em; } .table01 { width: 100%; } .table01 th,.table01 td { line-height: 2.28; display: block; width: 100%; box-sizing: border-box; font-weight: 500;} .table01 th { padding: 10px 0 0 0; white-space: nowrap;} .table01 td { padding: 0 0 10px 0; } .table02 { border-collapse: collapse; width: 800px;} .table02 td, .table02 th { border: 1px solid #523525; padding: 5px; font-weight: 500; line-height: 1.2;} .table02Tr01 th { width: 25%; border: none; } .table02AC th,.table02AC td { text-align: center; } .table0201 td,.table0201 th { border-left: none; border-right: none;} .table0201 td.BR { border-right: 1px solid #523525; } .table0201 .BL { border-left: 1px solid #523525; } .table0201 td { font-size: 1.6rem; font-size: 4.26667vw; } .bPt01 { padding: 10px 0; border-right: 1px solid #523525; border-left: 1px solid #523525; } .bPt02 { padding: 10px 0; border-right: 1px solid #523525; } .table03 { width: 800px; } .table03 th,.table03 td { line-height: 1.4; box-sizing: border-box; font-weight: 500; border: #40210F solid 1px;} .table03 th { padding: 18px 56px 18px 28px; white-space: nowrap; border-right: none;} .table03 td { padding: 18px 20px; border-left: #b2a49a 1px dashed;} .table04 { width: 800px; } .table04.wPt01 { width: 99% !important; } .table04 th,.table04 td { padding: 18px; line-height: 1.4; box-sizing: border-box; font-weight: 500; border: #40210F solid 1px;} .table04.fwB th,.table04.fwB td { font-weight: bold;} .table04 th[scope='col'] { text-align: center;} .table04.table04Rental01 tr:first-child th,.table04.table04Rental01 tr:first-child td { border: none; } .table04 .table04W01 { width: 360px; } .table05 { width: 100%; border-top: #000f3a solid 1px;} .table05 th,.table05 td { display: block; width: 100%; padding: 18px; line-height: 1.4; box-sizing: border-box; font-weight: 500; border: #000f3a solid 1px; border-top: none; color: #000F3A;} .table05.fwB th,.table05.fwB td { font-weight: bold;} .table05 th { font-weight: bold;} .table06 { width: 800px; border-top: #000f3a solid 1px;} .table06 th,.table06 td { width: 100%; padding: 18px; line-height: 1.4; box-sizing: border-box; font-weight: 500; border: #000f3a solid 1px; border-top: none; color: #000F3A; vertical-align: middle;} .table06 .bgBl th,.table06 .bgBl td { background: #D4EAF2; } .table06 th { font-weight: bold;} .table06 th.w100, .table06 td.w100 { width: 100px !important; box-sizing: border-box;} .table06 th.w300, .table06 td.w300 { width: 300px !important; box-sizing: border-box;} .table06 td.hasFullImg { padding: 0; } .table06 td.hasFullImg img { width: 100%;} .table06 th[scope='row'] { width: 1%; text-align: center; padding-left: 60px; padding-right: 60px;} .table06 td.bRDash { border-right: #a0a6b6 dashed 1px; width: 1%; white-space: nowrap; padding-left: 40px; padding-right: 40px;text-align: center;} .table06 td.bRDash02 { border-right: #a0a6b6 dashed 1px; } .table06 td.bLNone { border-left: none; } .table07 { width: 800px; } .table07.table07W400 { width: 400px; } .table07.table07W600 { width: 600px; } .table07.fwB th,.table07.fwB td { font-weight: bold;} .table07 th,.table07 td { border: #503423 solid 1px; border-right: #c2b5ac dashed 1px; border-left: #c2b5ac dashed 1px; line-height: 1.2; text-align: center;} .table07.table07Pt04BRS th,.table07.table07Pt04BRS td { border: #503423 solid 1px;} .table07.aC th,.table07.aC td { text-align: center !important;} .table07 th.bgW,.table07 td.bgW { background: #FFF !important;} .table07.table07Pt03 th,.table07.table07Pt03 td { line-height: 1.75;} .table07.table07Pt04 th,.table07.table07Pt04 td { line-height: 1.75;} .table07 th { padding: 20px 20px; white-space: nowrap;} .table07 td { padding: 20px; } .table07 th.hasFullImg, .table07 td.hasFullImg { padding: 0 !important; width: 1%; vertical-align: top; line-height: 1;} .table07 th.hasFullImg img, .table07 td.hasFullImg img { max-width: none;} .table07 th.pTBNone, .table07 td.pTBNone { padding-top: 0 !important; padding-bottom: 0 !important;} .table07.table07Pt04 th { padding: 12px 20px; white-space: nowrap;} .table07.table07Pt04 th.pLRNarrow { padding: 12px 14px; white-space: nowrap;} .table07 .pLR40 { padding-left: 40px !important; padding-right: 40px !important;} .table07.table07Pt04 td { padding: 12px; text-align: left;} .table07.table07Pt04 th.w50, .table07.table07Pt04 td.w50 { width: 50%; } .table07.table07Pt04 th.table07Pt04WPt01, .table07.table07Pt04 td.table07Pt04WPt01 { width: 200px; box-sizing: border-box;} .table07.table07Pt04 th.table07Pt04WPt02, .table07.table07Pt04 td.table07Pt04WPt02 { width: 120px; box-sizing: border-box;} .table07.table07Pt04 th.table07Pt04WPt03, .table07.table07Pt04 td.table07Pt04WPt03 { width: 100px; box-sizing: border-box;} .table07.table07Pt04 th.table07Pt04WPt04, .table07.table07Pt04 td.table07Pt04WPt04 { width: 130px; box-sizing: border-box;} .table07 tr.table07Header th,.table07 tr.table07Header td { border: none; padding: 10px 0;} .table07 tr:nth-child(2n) th,.table07 tr:nth-child(2n) td { background: #ece5e0;} .table07.table07Pt02 tr:nth-child(2n) th,.table07.table07Pt02 tr:nth-child(2n) td { background: transparent;} .table07.table07Pt02 tr:nth-child(2n+1) th,.table07.table07Pt02 tr:nth-child(2n+1) td { background: #ece5e0;} .table07.table07Pt03 tr th,.table07.table07Pt03 tr td { vertical-align: middle;} .table07.table07Pt03 tr:nth-child(2n) th,.table07.table07Pt03 tr:nth-child(2n) td { background: transparent;} .table07.table07Pt03 tr:nth-child(2n+1) th,.table07.table07Pt03 tr:nth-child(2n+1) td { background: transparent;} .table07.table07Pt04 tr th,.table07.table07Pt04 tr td { vertical-align: middle;} .table07.table07Pt04 tr:nth-child(2n) th,.table07.table07Pt04 tr:nth-child(2n) td { background: transparent;} .table07.table07Pt04 tr:nth-child(2n+1) th,.table07.table07Pt04 tr:nth-child(2n+1) td { background: transparent;} .table07 tr.bgTrans th,.table07 tr.bgTrans td { background: transparent !important;} .table07 th:first-child,.table07 td:first-child { border-left: #503423 solid 1px;} .table07 th:last-child,.table07 td:last-child { border-right: #503423 solid 1px;} .table07 th.bLS,.table07 td.bLS { border-left: #503423 solid 1px;} .table07 th.bLN,.table07 td.bLN { border-left: none;} .table07 th.bRS,.table07 td.bRS { border-right: #503423 solid 1px;} .table07 th.bRN,.table07 td.bRN { border-right: none;} .table07 th.bBD,.table07 td.bBD { border-bottom: #c2b5ac dashed 1px;} .table07 th.bTD,.table07 td.bTD { border-top: #c2b5ac dashed 1px;} .table07 th.bLD,.table07 td.bLD { border-left: #c2b5ac dashed 1px;} .table07 th.bgPt01,.table07 td.bgPt01 { background: #fcfbf9 !important;} .table08 { width: 800px; } .table08 th,.table08 td { padding: 16px 60px; border: #0F1D45 solid 1px; color: #000F3A; vertical-align: middle;} .table08 tr:nth-child(2n-1) th,.table08 tr:nth-child(2n-1) td { background: #E9E5E2;} .table08.table0801 tr:nth-child(2n-1) th,.table08.table0801 tr:nth-child(2n-1) td { background: transparent;} .table08 td.hasTable { padding: 0;} .table08 td.hasTable p { border-bottom: #6C7288 dotted 1px; padding: 20px 60px; margin: 0 0 10px;} .table08 td.hasTable table { margin: 0 0 16px 60px;} .table08 td.hasTable th,.table08 td.hasTable td { border: none; padding: 5px 12px; background: transparent; font-weight: normal;} .table08 td.hasTable th[scope=col] { font-weight: bold; text-align: center;} .table08 td.hasTable td { text-align: center;} .table08 td.hasTable02 { padding: 0;} .table08 td.hasTable02 p { border-bottom: #6C7288 dotted 1px; padding: 20px 60px; margin: 0 0 10px;} .table08 td.hasTable02 table { margin: 0 0 16px 60px;} .table08 td.hasTable02 th,.table08 td.hasTable02 td { border: none; padding: 5px 12px; background: transparent; font-weight: normal; border: #000F3A solid 1px;} .table08 td.hasTable02 tr:first-child th,.table08 td.hasTable02 tr:first-child td { background: #000F3A; color: #FFF; } .table08 td.hasTable02 th[scope=col] { font-weight: bold; text-align: center;} .table08 td.hasTable02 td { text-align: center;} .table09 { width: auto; border-top: #000F3A solid 1px;} .table09 th,.table09 td { line-height: 1.2; padding: 10px; box-sizing: border-box; border: #000F3A solid 1px;} .table09 th { width: 1%; white-space: nowrap;} .table10 { width: 800px; } .table10.wPt01 { width: 99% !important; } .table10 th,.table10 td { padding: 8px; line-height: 1.4; box-sizing: border-box; font-weight: 500; border: #40210F solid 1px; white-space: normal; vertical-align: middle;} .table10.fwB th,.table10.fwB td { font-weight: bold;} .table10 td.table10Img { vertical-align: top;} .table10 td.table10Price { width: 1%; white-space: nowrap;} .table10 th[scope='row'] { white-space: nowrap; font-weight: bold;} .table10 th[scope='col'] { padding: 8px; text-align: center; white-space: nowrap;} .table10 tr:first-child th,.table10 tr:first-child td { border: none; } .table11 { width: 100%; border-top: #000f3a solid 1px;} .table11 th,.table11 td { display: block; width: 100%; padding: 18px; line-height: 1.4; box-sizing: border-box; font-weight: 500; border: #000f3a solid 1px; border-top: none; color: #000F3A;} .table11.fwB th,.table11.fwB td { font-weight: bold;} .table11 th { font-weight: bold;} .lessonDateTable01 { width: 100%; } .lessonDateTable01 th,.lessonDateTable01 td { padding: 8px; border: #000F3A 1px solid; vertical-align: middle; box-sizing: border-box;} .lessonDateTable01 th[scope=col] { text-align: center; background: #000F3A; color: #FFF;} .lessonDateTable01 th[scope=row] { text-align: right; width: 120px;} .tableRecruit { border-top: #000f3a solid 1px;} .tableRecruit th,.tableRecruit td { width: 100%; padding: 18px; line-height: 1.4; box-sizing: border-box; font-weight: 500; border: #000f3a solid 1px; border-top: none; color: #000F3A; vertical-align: middle;} .tableRecruit .bgBl th,.tableRecruit .bgBl td { background: #D4EAF2; } .tableRecruit th { font-weight: bold;} .tableRecruit th.w100, .tableRecruit td.w100 { width: 100px !important; box-sizing: border-box;} .tableRecruit th.w300, .tableRecruit td.w300 { width: 300px !important; box-sizing: border-box;} .tableRecruit td.hasFullImg { padding: 0; } .tableRecruit td.hasFullImg img { width: 100%;} .tableRecruit th[scope='row'] { width: 1%; text-align: center; padding-left: 18px; padding-right: 18px; white-space: nowrap;} .tableRecruit td.bRDash { border-right: #a0a6b6 dashed 1px; width: 1%; white-space: nowrap; padding-left: 40px; padding-right: 40px;text-align: center;} .tableRecruit td.bRDash02 { border-right: #a0a6b6 dashed 1px; } .tableRecruit td.bLNone { border-left: none; } .tableBus { width: 640px; border: #503423 solid 1px;} .tableBus.fwB th,.tableBus.fwB td { font-weight: bold;} .tableBus th,.tableBus td { border: #503423 solid 1px; border-right: #c2b5ac dashed 1px; border-left: #c2b5ac dashed 1px; line-height: 1.2; text-align: center; vertical-align: middle; box-sizing: border-box;} .tableBus.aC th,.tableBus.aC td { text-align: center !important;} .tableBus th { padding: 10px 0; white-space: nowrap;} .tableBus td { padding: 10px; } .tableBus.tableBus01 tr:nth-child(2n) th,.tableBus.tableBus01 tr:nth-child(2n) td { background: #ece5e0;} .wPt01 { width: 18.4%; } .wPt02 { width: 2%; } .tableBus02 { width: 100%; border: #503423 solid 1px;} .tableBus02.fwB th,.tableBus02.fwB td { font-weight: bold;} .tableBus02 th,.tableBus02 td { border: #503423 solid 1px; border-right: #c2b5ac dashed 1px; border-left: #c2b5ac dashed 1px; line-height: 1.2; text-align: center; vertical-align: middle; box-sizing: border-box;} .tableBus02 th { padding: 10px 0; font-size: 1.2rem; font-size: 3.2vw;} .tableBus02 th.wPt01 { width: calc( (100% - 3.5em)/2 );} .tableBus02 th.wPt02 { width: 3.5em;} .tableBus02 td { padding: 10px 0; } .tableBus02Txt01 { font-size: 1.2rem; font-size: 3.2vw; } .formTable { width: 100%; margin-bottom: 12px;} .formTable th,.formTable td { display: block; padding: 5px 0; box-sizing: border-box;} .formTable th { font-size: 1.2rem; font-size: 3.2vw; } .formTable td input[ type=text ], .formTable td input[ type=email ], .formTable td input[ type=tel ] { width: 100%; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .formTable td textarea { width: 100%; height: 10em; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .formTable td select { width: 100%; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .formTablePt02 td input[ type=text ], .formTablePt02 td input[ type=email ], .formTablePt02 td input[ type=tel ] { border: #CCC solid 1px !important;} .formTablePt02 td textarea { border: #CCC solid 1px !important;} .formTable02 { width: 100%; margin-bottom: 12px;} .formTable02 th,.formTable02 td { display: block; padding: 8px 0; box-sizing: border-box;} .formTable02 th { font-size: 1.2rem; font-size: 3.2vw; } .formTable02 td input[ type=text ], .formTable02 td input[ type=email ], .formTable02 td input[ type=tel ] { width: 100%; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .formTable02 td textarea { width: 100%; height: 10em; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .formTable02 td select { width: auto; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .formW01 { width: 3em !important; } .formAge input { width: 3em !important; } .formZip input { width: 5em !important; } .formTel input { width: 4em !important; } .formDate input { width: 9em !important; } .formDate input[type=radio] { width: auto !important; } .formJobHistory > span { display: list-item; white-space: nowrap; list-style-type: none; float: left; margin: 0 1em 1em 0 !important;} .formJobHistory span span { display: inline;} .formJobHistory p { clear: both;} .formJob dl { overflow: hidden; clear: both;} .formJob dl dd { overflow: hidden; clear: both;} .formJob dl dd { border-bottom: #EEE 1px solid; padding: 0 0 0; margin: 0 0 16px;} .formJob dl dd:last-child { border-bottom: none; padding: 0; margin: 0;} .formJob dl dt { clear: both; font-size: 1.2rem; font-size: 3.2vw; font-weight: bold; padding-bottom: 8px;} .formJob dl dd > span { display: list-item; white-space: nowrap; list-style-type: none; float: left; margin: 0 1em 1em 0 !important;} .formJob dl dd span span { display: inline;} .fomrList01 {} .fomrList01 li { float: left; margin: 0 1.5em 0.5em 0; } .fomrList01 li input, .fomrList01 li button { margin-right: 0.5em;} .formBtn { text-align: center; } .formBtn li { display: inline-block; margin: 0 1em;} .formBtn input, .formBtn button { padding: 0.5em 2em;} .content-form table { width: 100%; margin-bottom: 12px;} .content-form table th,.content-form table td { display: block; padding: 5px 0; box-sizing: border-box; text-align: left; border: none;} .content-form table th { font-size: 1.2rem; font-size: 3.2vw; } .content-form table td input[ type=text ], .content-form table td input[ type=email ], .content-form table td input[ type=tel ] { width: 100%; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .content-form table td input#client-age { width: 4em; margin-right: 0.5em;} #form_birthday_year, #form_birthday_month, #form_birthday_day { margin-right: 0.5em; } #form_birthday_month, #form_birthday_day { margin-left: 0.5em; } .content-form table td textarea { width: 100%; height: 10em; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .content-form table td select { padding: 0.4em; border: #CCC solid 1px;} .option-note { display: block; padding: 0.5em 0 0; font-weight: bold; color: #F00;} .option-confirm-note { display: none; } #booking-option-table label { display: block; margin: 8px 0 0;} #booking-option-table td label:first-child { margin: 0;} .indentTxt { margin-left: 1em; text-indent: -1em; } .noteTxt { margin-left: 1em; text-indent: -1em; } .noteTxt:before { content: '※'; } .noteList li {margin-left: 1em; text-indent: -1em;} .noteList li:before { content: '※'; } .noteBox { border: #FF0000 1px solid; color: #F00; font-weight: bold; padding: 24px; background: #FFF;} .noteBox a { display: inline-block; color: #FF0000; border-bottom: #F00 dashed 2px; padding: 0 0.25em; margin: 0 0.25em;} .imgTxtCol2 { overflow: hidden; } .imgTxtCol2 li { width: 48%; float: left; margin: 0 0 16px ; line-height: 1.2;} .imgTxtCol2 li:nth-child(2n) { float: right;} .imgTxtCol2Img { padding: 0 0 8px; } .imgTxtCol2 li dt { font-size: 1.5rem; font-size: 4vw; font-weight: bold; padding: 6px 0 4px;} .imgTxtCol2 li dd { font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.8;} .imgTxtCol2-01 { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;} .imgTxtCol2-01 li { width: 48%; margin: 40px 0 0; line-height: 1.2;} .imgTxtCol2-01 li:nth-child( -n + 2 ) { margin-top: 0;} .imgTxtCol2-01Img { padding: 0 0 8px; } .imgTxtCol2-01 li dt { padding: 6px 0 4px;} .imgTxtCol2-01 li dd { line-height: 1.8;} .imgTxtCol2Pt02 { overflow: hidden; } .imgTxtCol2Pt02 li { width: 100%; float: left; margin: 0 0 16px ; line-height: 1.2;} .imgTxtCol2Pt02 li:nth-child(2n) { float: right;} .imgTxtCol2Pt02Img { padding: 0 0 8px; } .imgTxtCol2Pt02 li dl { padding: 0 8px;} .imgTxtCol2Pt02 li dt { font-size: 1.5rem; font-size: 4vw; font-weight: bold; padding: 6px 0 4px;} .imgTxtCol2Pt02 li dd { font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.8;} .imgTxtCol3 { overflow: hidden; } .imgTxtCol3 li { width: 31%; float: left; margin: 0 3.33% 16px 0; line-height: 1.2;} .imgTxtCol3 li:nth-child(3n) { margin-right: 0;} .imgTxtCol3Img { padding: 0 0 8px; } .imgTxtCol3 li dt { font-size: 1.5rem; font-size: 4vw; font-weight: bold; padding: 6px 0 4px;} .imgTxtCol3 li dd { font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.8;} .imgTxtCol4 { overflow: hidden; } .imgTxtCol4 li { width: 48%; float: left; margin: 0 0 16px ; line-height: 1.2;} .imgTxtCol4 li:nth-child(2n) { float: right;} .imgTxtCol4Img { padding: 0 0 8px; } .twoColImg { overflow: hidden; } .twoColImg li { width: 48%; float: left; margin: 0 0 16px ; line-height: 1.2;} .twoColImg li:nth-child(2n) { float: right;} .twoColImgPt02 { overflow: hidden; } .twoColImgPt02 li { width: 50%; float: left; margin: 0 0 16px ; line-height: 1.2;} .twoColImgPt02 li:nth-child(2n) { float: right;} .twoColImgPtNarrow { overflow: hidden; } .twoColImgPtNarrow li { width: 48%; float: left; margin: 0 0 16px ; line-height: 1.2;} .twoColImgPtNarrow li:nth-child(2n) { float: right;} .imgListC01 { overflow: hidden; text-align: center;} .imgListC01 li { display: inline-block; max-width: 20%; padding: 0 2px; box-sizing: border-box;} .twoColTxt { display: flex; flex-wrap: wrap; justify-content: space-between;} .twoColTxt li { width: 48%; box-sizing: border-box;} .threeColTxt { overflow: hidden;} .threeColTxt li { float: left; width: 33.3%; } .dlSquare01 dt { margin-left: 1.5em; text-indent: -1.5em; } .dlSquare01 dt:before { content: '■ '; } .dlSquare01 dd { padding-left: 1.5em; } .listLine li { white-space: nowrap; padding-right: 1em; } .listLine li:last-child { padding-left: 0; } .listLine02 li { display: inline-block; white-space: nowrap;} .listLine02 li.wB { white-space: normal;} .listLine02 li:last-child { padding-left: 0; } .listPt01Pare { display: flex; flex-wrap: wrap; justify-content: center; } .listPt01 { } .listPt01 > li {} .listPt01 > li > dl { display: flex; flex-wrap: wrap; } .listPt01 > li > dl > dt { width: 3em; } .listPt01 > li > dl > dd { width: calc(100% - 3em); } .middotList li { position: relative; padding-left: 1em;} .middotList li:before { content: "・"; position: absolute; top: 0; left: 0; } .middotTxt { display: inline-block; position: relative; padding-left: 1em;} .middotTxt:before { content: "・"; position: absolute; top: 0; left: 0; } .circleList li { position: relative; padding-left: 1em;} .circleList li:before { content: "●"; position: absolute; top: 0; left: 0; } .iconList { overflow: hidden; padding: 0 0 8px; margin: 0 0 20px; border-bottom: #987C7B solid 2px; line-height: 1.2;} .iconList li { float: left; margin-right: 15px; line-height: 1;} .iconList li img { vertical-align: baseline;} .dlLine01 { overflow: hidden; display: inline;} .dlLine01 dt { float: left; padding-right: 0.2em;} .dlLine01 dd { overflow: hidden; } .dlLine02 { overflow: hidden; display: inline;} .dlLine02 dt { float: left; padding-right: 1em;} .dlLine02 dt.w10 { width: 10em; } .dlLine02 dt.w13 { width: 13em; } .dlLine02 dd { overflow: hidden; } .dlLine03 dt { display: inline-block; padding-right: 1em;} .dlLine03 dd { display: inline-block; } .dlLine04 dt { display: inline-block; padding-right: 1em; width: 10.5em;} .dlLine04 dt:before { content: '◯ ';} .dlLine04 dd { display: inline-block; } .dlPt01 { overflow: hidden;} .dlPt01 > dt { overflow: hidden; font-size: 1.6rem; font-size: 4.26667vw; font-weight: bold; } .dlPt01 > dd { } .dlPt02 { overflow: hidden;} .dlPt02 > dt { margin-left: 1em; text-indent: -1em; font-weight: bold;} .dlPt02 > dt:before { content: "■";} .dlPt02 > dd { overflow: hidden; padding-bottom: 32px; } .dlPt03 { overflow: hidden;} .dlPt03 > dt { margin-left: 1em; text-indent: -1em; font-weight: bold;} .dlPt03 > dt:before { content: "〇";} .dlPt03 > dd { overflow: hidden; padding: 0 0 28px 1em; } .priceList01 { text-align: center; } .priceList01 li { overflow: hidden; clear: both;} .priceList01 dt { float: left; margin-right: 1em; vertical-align: top; text-align: left;} .priceList01.inddor dt { width: 6em; text-indent: -0.5em;} .priceList01 dd { overflow: hidden; text-align: left;} .priceList02 { } .priceList02 li { overflow: hidden; clear: both; margin: 0 0 16px;} .priceList02 dt { text-indent: -0.5em;} .priceList02 dd { } .dlBox01 { overflow: hidden; } .dlBox01 > dt { overflow: hidden; background: #40210F; color: #FFF; font-size: 1.6rem; font-size: 4.26667vw; text-align: center; line-height: 1.2; padding: 15px; box-sizing: border-box;} .dlBox01.bgNy > dt { background: #000f3a;} .dlBox01 > dd { border: #40210F solid 1px; padding: 18px 30px 30px;} .dlBox01.bgNy > dd { border: #000f3a solid 1px;} .faqDl dt { padding: 0 0 5px; font-size: 1.5rem; font-size: 4vw; font-weight: bold; color: #6BA3E9; } .faqDl dd { overflow: hidden; padding-bottom: 44px; line-height: 2.14;} .bnrDl01 dt { text-align: center; padding: 0 0 20px;} .bnrDl01 dd { text-align: center; line-height: 1.4;} .box01 { display: block; padding: 14px; color: #FFF; background: #73AFAF url(images/icon_br-square01.jpg) 100% 100% no-repeat; } .box01Dl01 > dt { display: block; padding: 18px 0 32px; text-align: center; border-bottom: #FFF 1px solid;} .box01Dl01 > dd { overflow: hidden; padding: 32px 0 0; } .box01 a { color: #FFF !important; } .iconGlass { font-size: 1.6rem; font-size: 4.26667vw; font-weight: bold; text-align: center; line-height: 1.2;} .iconGlass span { display: inline-block; padding: 48px 0 0; background: url(images/icon_glass.png) 50% 0% no-repeat;} .iconNoSmoke span { display: inline-block; padding: 2px 0 4px 48px; background: url(images/icon_no-smoke.png) 0 0 no-repeat;} .iconSquare01 { margin-left: 1em; text-indent: -1em; } .iconSquare01:before { content: "■ ";} .iconSquare02 { margin-left: 1em; text-indent: -1em; } .iconSquare02:before { content: "◆ ";} .iconSquareList li { margin-left: 1em; text-indent: -1em; } .iconSquareList li:before { content: "■ ";} .iconSquare02List li { margin-left: 1em; text-indent: -1em; } .iconSquare02List li:before { content: "◆ ";} .iconSquare03List li { margin-left: 1em; text-indent: -1em; line-height: 1.86;} .iconSquare03List li:before { content: "□ ";} .numList li { list-style: decimal; margin-left: 1.5em;} .linkTxt01 { color: #4C89B0 !important; border-bottom: dashed 1px; display: inline; padding: 0 0.25em;} .linkBtnBg0101 { display: inline-block; width: 170px; height: 34px; line-height: 34px; text-align: center; color: #FFF !important; background: url(images/icon_bg01-01.png);} .linkBtn01 { display: inline-block; padding: 12px 65px; background: #73afaf; font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.2; color: #FFF !important; text-align: center; box-sizing: border-box;} .linkBtn01.linkBtn01Narrow { padding: 12px 16px;} .linkBtn01.linkBtn01Narrow02 { padding: 24px 16px;} .linkBtn01.linkBtn01Narrow03 { padding: 12px 32px;} .linkBtn01.linkBtn01W100 { width: 100%;} .linkBtn01.linkBtn01ColBn { background: #40210F;} .linkBtn02Pare { text-align: center; position: relative; } .linkBtn02Pare:after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #522628; z-index: -1;} .linkBtn02 { display: inline-block; padding: 6px; border: #522628 solid 1px; font-size: 1.6rem; font-size: 4.26667vw; background: #FFF; line-height: 1.2;} .linkBtn02 span { display: inline-block; padding: 12px 82px; border: #522628 solid 1px;} a.linkBtn02:link,a.linkBtn02:visited { opacity: 1;} a.linkBtn02:active,a.linkBtn02:hover { opacity: 1;} .linkBtn03 { line-height: 1.2; display: block; padding: 30px 0; margin-left: auto; margin-right: auto; background: #FFF; border: #40210F solid 1px; box-sizing: border-box;} .linkBtn04 { display: inline-block; line-height: 1.2; padding: 10px 32px; background: #40210f; box-sizing: border-box; border-radius: 255px; color: #FFF !important;} .linkBtn05 { display: inline-block; line-height: 1.2; padding: 10px; background: #40210f; box-sizing: border-box; border-radius: 8px; color: #FFF !important;} a.linkTel01 { display: inline-block; background: url(images/icon_tel04.png) 0 0 no-repeat; background-size: auto 1.2em; padding: 0 0 0 16px;} a.linkTel01:link,a.linkTel01:visited { color: #000F3A; } a.linkTel01:active,a.linkTel01:hover { color: #000F3A; } .selectBtnPare { position: relative; background: #54ACCD; color: #FFF; padding: 5px; box-sizing: border-box;} .selectBtnPare select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; color: inherit; box-sizing: content-box; border: #FFF 1px solid; background: #54ACCD; color: #FFF; padding: 1.5em 0 1.5em 4em; width: 100%; line-height: 1.2; box-sizing: border-box; outline: none;} .selectBtnPare option { outline: none;} .linkBtnCTA01 { overflow: hidden; background: #40210F; padding: 10px;} .linkBtnCTA01 li a { display: block; text-align: center; line-height: 1.2;} .linkBtnCTA01Tel { padding: 10px 0 0; color: #FFF !important; letter-spacing: 0.1em; width: 216px;} .linkBtnCTA01Reservation { padding: 5px 0 2px; background: #FFF; width: 325px;} .ctaTel01 { overflow: hidden; display: inline-block; background: #40210F; padding: 10px; color: #FFF;} .ctaTel01 p { box-sizing: border-box; text-align: center; font-weight: bold;} .ctaTel01 p.ctaTel01Txt { border-bottom: #FFF 1px solid;} .ctaTel01 p a { color: #FFF !important; line-height: 1.2;} .linkBtnBox01 { display: block; background: #FFF; border: #40210F solid 2px; color: #40210F !important;} .linkBtnBox01 dt { overflow: hidden; padding: 12px 0; text-align: center; color: #FFF; background: #40210F; line-height: 1.2; font-weight: bold;} #rodgeImg09 { padding: 14px 0 14px 100px; background: url(images/rodge_img09.png) 16px 50% no-repeat; line-height: 1.2;} #rodgeImg10 { padding: 14px 0 14px 100px; background: url(images/rodge_img10.png) 12px 50% no-repeat; line-height: 1.2;} .linkIconBook { overflow: hidden; display: inline-block; padding: 13px 25px; line-height: 1.2; font-size: 1.6rem; font-size: 4.26667vw; background: #73AFAF; color: #FFF !important;} .linkIconBook span { display: inline-block; padding: 0.5em 0 0.5em 2.6em; background: url(images/icon_book.png) 0 50% no-repeat; background-size: auto 2em;} .linkBtnStar01 { display: inline-block; padding: 28px 14px; background: #171C61; line-height: 1.2; color: #FFF !important;} .linkBtnStar01 span { display: inline-block; } .linkBtnStar0101 { padding-left: 48px; background: url(images/icon_star01.png) 0 50% no-repeat; } .linkBtnStar0102 { padding-right: 48px; background: url(images/icon_star01.png) 100% 50% no-repeat;} .iconStar02 { text-align: center; color: #182985;} .iconStar0201 { display: inline-block; background: url(images/icon_star02.png) 0 0 no-repeat; padding-left: 40px;} .iconStar0202 { display: inline-block; background: url(images/icon_star02.png) 100% 0 no-repeat; padding-right: 40px;} .linkBtnSki01 { display: inline-block; padding: 28px 4px 28px 14px; background: #171C61; line-height: 1.2; color: #FFF !important;} .linkBtnSki01 span { display: inline-block; } .linkBtnSki0101 { padding-left: 23px; background: url(images/icon_ski01.png) 0 50% no-repeat; background-size: auto 24px;} .linkBtnSki0102 { padding-right: 50px; background: url(images/icon_ski02.png) 100% 50% no-repeat; background-size: auto 24px;} .bnrList01 li { float: left; width: 48%; } .bnrList01 li:nth-child(2n) { float: right;} .bnrList01 li a { display: block; padding: 8px; border: #000F3A solid 1px;} .cardList { overflow: hidden; } .cardList li { float: left; margin-right: 5px; margin-bottom: 5px; } .btnList { overflow: hidden; } .btnList li { float: left; width: 48%; margin-bottom: 10px;} .btnList li:nth-child(2n) { float: right;} .busSub01 { line-height: 1.2; padding: 12px 0; font-size: 1.5rem; font-size: 4vw; margin-bottom: 24px;} .busSub01A { background: #C00000 !important; color: #FFF; } .busSub01B { background: #00b0f0 !important; color: #FFF; } .busSub01C { background: #ffff00 !important; } .busNav { overflow: hidden; margin-bottom: 24px; border-bottom: #40210F solid 1px; line-height: 1.2;} .busNav li { float: left; text-align: center; width: 50%; box-sizing: border-box; border: #40210F solid 1px; border-bottom: none;} .busNav li:nth-child(2n) { border-left: none; } .busNav li a { display: block; padding: 12px 8px;} .busNav02 { overflow: hidden; margin-bottom: 24px; border-top: #40210F solid 1px; line-height: 1.2;} .busNav02 li { float: left; text-align: center; width: 50%; box-sizing: border-box; border: #40210F solid 1px; border-top: none;} .busNav02 li:nth-child(2n) { border-left: none; } .busNav02 li a { display: block; padding: 12px 8px;} .liftTermNav { overflow: hidden; margin-bottom: 24px; line-height: 1.2;} .liftTermNav li { float: left; text-align: center; width: 50%; box-sizing: border-box; border: #40210F solid 1px;} .liftTermNav li:nth-child(2n) { border-left: none; } .liftTermNav li:nth-child(2) { } .liftTermNav li:nth-child(3) { border-top: none;} .liftTermNav li a { display: block; padding: 12px 8px;} .busRoute { overflow: hidden; margin: 0 0 24px; text-align: center;} .busRoute li { padding: 8px;} .busRoute01 { background: #fff9eb; } .busRoute02 { background: #ddedf3; } /*slideHasNav*/ .slideHasNavPare { position: relative; } .slideNavPt01 { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;} .slideNavPt01 li { width: calc( (100% - 18px)/2 ); margin: 18px 0 0; text-align: center; line-height: 1.2;} .slideNavPt01 li:nth-child( -n + 2 ) { margin-top: 0;} .slideNavPt01 li dt { position: relative; font-weight: bold; padding: 0 0 16px;} .slideNavPt01 li dd { font-weight: 700;} .slideNavPt01 li a { display: block; opacity: 0.5 !important;} .slideNavPt01 li a.active { opacity: 1 !important;} .slideNavPt01 li a.active dt:after { content: ""; display: block; width: 100%; height: 2px; background: #40210F; position: absolute; bottom: 8px; left: 0; } .slideNavPt02 { overflow: hidden; margin: 0 0 50px; } .slideNavPt02 li { position: relative; width: 48.5%; margin: 0 0 24px; float: left; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.5rem; font-size: 4vw;} .slideNavPt02 li:nth-child(2n) { float: right; } .slideNavPt02 li:nth-child(3) { margin-left: 25%; margin-bottom: 0;} .slideNavPt02 li a { display: block; position: relative; padding: 0 0 20px; color: #000F3A; z-index: 10; cursor: pointer;} .slideNavPt02.colBn li a { color: #40210F;} .slideNavPt02 a:after { content: ''; display: block; width: 100%; height: 10px; border: #000f3a 1px solid; position: absolute; bottom: 0; left: 0; box-sizing: border-box;} .slideNavPt02 a.active:after { background: #000F3A;} .slideNavPt03 { overflow: hidden;} .slideNavPt03 li { position: relative; width: 50%; float: left; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.5rem; font-size: 4vw; border: #40210F solid 1px; box-sizing: border-box;} .slideNavPt03 li:nth-child(2n) { border-left: none; } .slideNavPt03 li a { display: block; padding: 14px 0; background: transparent; color: #9c8b7f !important;} .slideNavPt03 a.active { background: #40210F; color: #FFF !important;} .slideNavPt04 { overflow: hidden; display: flex; flex-wrap: wrap;} .slideNavPt04 li { width: calc( (100% - 18px)/2 ); margin: 18px 0 0; text-align: center; line-height: 1.2;} .slideNavPt01 li:nth-child( -n + 2 ) { margin-top: 0;} .slideNavPt04 li a { display: block; opacity: 0.5 !important;} .slideNavPt04 li a.active { opacity: 1 !important;} .slideNavPt04 li a.active dt:after { content: ""; display: block; width: 100%; height: 2px; background: #40210F; position: absolute; bottom: 8px; left: 0; } /*slideRestraunt*/ #slideRestrauntPare { overflow: hidden; } .slideRestraunt-Nav { overflow: hidden;} .slideRestraunt-Nav li { position: relative; width: 50%; float: left; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.5rem; font-size: 4vw; border: #40210F solid 1px; box-sizing: border-box;} .slideRestraunt-Nav li:nth-child(2n) { border-left: none; } .slideRestraunt-Nav li a { display: block; padding: 14px 0; background: transparent; color: #9c8b7f !important;} .slideRestraunt-Nav a.active { background: #40210F; color: #FFF !important;} /*slideRestraunt*/ /*slideHasNavAutoCamp*/ .slideHasNavAutoCamp-Nav { overflow: hidden;} .slideHasNavAutoCamp-Nav li { position: relative; width: 50%; float: left; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.5rem; font-size: 4vw; border: #73aeae solid 2px; border-top: none; box-sizing: border-box;} .slideHasNavAutoCamp-Nav li:nth-child(1) { border-top: #73aeae solid 2px; } .slideHasNavAutoCamp-Nav li:nth-child(2) { border-top: #73aeae solid 2px; } .slideHasNavAutoCamp-Nav li:nth-child(2n) { border-left: none; } .slideHasNavAutoCamp-Nav li a { display: block; padding: 14px 0; background: transparent; color: #73aeae !important;} .slideHasNavAutoCamp-Nav a.active { background: #73aeae; color: #FFF !important;} /*slideHasNavAutoCamp*/ /*slideHasNavAutoCampArea-Nav*/ .slideHasNavAutoCampArea-Nav { overflow: hidden; margin: 0 0 50px; } .slideHasNavAutoCampArea-Nav li { position: relative; width: 48.5%; margin: 0 0 24px; float: left; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.5rem; font-size: 4vw;} .slideHasNavAutoCampArea-Nav li:nth-child(2n) { float: right; } .slideHasNavAutoCampArea-Nav li:nth-child(3), .slideHasNavAutoCampArea-Nav li:nth-child(4) { margin-bottom: 0;} .slideHasNavAutoCampArea-Nav li a { display: block; position: relative; padding: 0 0 20px; color: #9f9087 !important; z-index: 10;} .slideHasNavAutoCampArea-Nav a:after { content: ''; display: block; width: 100%; height: 10px; position: absolute; bottom: 0; left: 0; box-sizing: border-box;} .slideHasNavAutoCampArea-Nav li:nth-child(1) a:after { border: #dc0000 1px solid;} .slideHasNavAutoCampArea-Nav li:nth-child(2) a:after { border: #ff9c50 1px solid;} .slideHasNavAutoCampArea-Nav li:nth-child(3) a:after { border: #3ba1dc 1px solid;} .slideHasNavAutoCampArea-Nav li:nth-child(4) a:after { border: #8e4c9a 1px solid;} .slideHasNavAutoCampArea-Nav li:nth-child(1) a.active:after { background: #dc0000;} .slideHasNavAutoCampArea-Nav li:nth-child(2) a.active:after { background: #ff9c50;} .slideHasNavAutoCampArea-Nav li:nth-child(3) a.active:after { background: #3ba1dc;} .slideHasNavAutoCampArea-Nav li:nth-child(4) a.active:after { background: #8e4c9a;} .slideHasNavAutoCampArea-Nav li a.active { color: #40210f !important;} /*slideHasNavAutoCampArea-Nav*/ /*slideHasNavSchool-Nav*/ .slideHasNavSchool-Nav { overflow: hidden; border-top: #54accd solid 1px;} .slideHasNavSchool-Nav li { position: relative; width: 100%; float: left; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.5rem; font-size: 4vw; border: #54accd solid 1px; border-top: none; box-sizing: border-box;} .slideHasNavSchool-Nav li:nth-child(n+4) { width: 50%;} .slideHasNavSchool-Nav li:nth-child(5) { border-left: none;} .slideHasNavSchool-Nav li:nth-child(7) { border-left: none;} .slideHasNavSchool-Nav li a { display: block; padding: 14px 0; background: transparent; color: #54accd !important;} .slideHasNavSchool-Nav a.active { background: #54accd; color: #FFF !important;} .slideHasNavSchool-Nav-Last { position: relative; width: 50%; float: left; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.5rem; font-size: 4vw; border: #54accd solid 1px; border-top: none; box-sizing: border-box; } .slideHasNavSchool-Nav-Last a { display: block; padding: 14px 0; background: transparent; color: #54accd !important;} /*slideHasNavSchool-Nav*/ /*slideHasNavSchoolCertification-Nav*/ .slideHasNavSchoolCertification-Nav { overflow: hidden; border-top: #000f3a solid 1px;} .slideHasNavSchoolCertification-Nav li { position: relative; width: 100%; float: left; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.5rem; font-size: 4vw; border: #000f3a solid 1px; border-top: none; box-sizing: border-box;} .slideHasNavSchoolCertification-Nav li a { display: block; padding: 14px 0; background: transparent; color: #000f3a !important;} .slideHasNavSchoolCertification-Nav a.active { background: #000f3a; color: #FFF !important;} /*slideHasNavSchoolCertification-Nav*/ /*restrauntSlide01*/ #restrauntSlide01-01 { min-height: 23.53vw; } .restrauntSlide01 { box-sizing: border-box; overflow: hidden;} .restrauntSlide01 li { margin: 0 5px; } /*restrauntSlide01*/ /*restrauntSlide02*/ #restrauntSlide02 { box-sizing: border-box; overflow: hidden;} #restrauntSlide02 li { margin: 0 5px; } /*restrauntSlide02*/ #languageFixedLink { display: none; } .youtube { position: relative; width: 100%; padding-top: 56.25%;} .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;} .mTM10 { margin-top: -10px !important; } .mT30 { margin-top: 30px !important; } .pL1em { padding-left: 1em; } .pL10 { padding-left: 10px; } .pL40 { padding-left: 40px; } .txtInMHalf { margin-left: -0.5em; } .imgL { text-align: center; padding-bottom: 16px;} .imgR { text-align: center; padding-bottom: 16px;} .ofH { overflow: hidden;} .wsN { white-space: nowrap; display: inline-block;} .posRel { position: relative; } #hotelBody .ffMinHotel, .ffMin { font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;} .ffMin02 { font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;} .ffOS { font-family:'Open Sans',sans-serif;} .ffD { font-family: 'Dancing Script', cursive;} .lh120 { line-height: 1.2; } .lh140 { line-height: 1.4; } .lh180 { line-height: 1.80; } .lh186 { line-height: 1.86; } .lh200 { line-height: 2; } .ls100 { letter-spacing: 0.1em; } .lsm50 { letter-spacing: -0.05em; } .lsm100 { letter-spacing: -0.1em; } #summerBody .catColTxt { color: #73AFAF !important; } #winterBody .catColTxt { color: #000f3a !important; } .colW { color: #FFF !important;} .colNy { color: #000F3A !important;} .colGn { color: #45C443 !important;} .colGn02 { color: #00959a !important;} .colGn03 { color: #006b3a !important;} .colGn04 { color: #007900 !important;} .colGn05 { color: #1ea739 !important;} .colGy { color: #717071 !important;} .colBn { color: #40210F !important;} .colR01 { color: #89171d !important;} .colR02 { color: #FF0000 !important;} .colPk01 { color: #A20045 !important;} .colPk02 { color: #d56bc8 !important;} .colBl01 { color: #3182A5 !important;} .colBl02 { color: #4c89b0 !important;} .colBl03 { color: #00238e !important;} .colBl04 { color: #036eb4 !important;} .colOg { color: #E65513 !important;} .colOg02 { color: #EF9300 !important;} .col-brown { color: #40210F !important; } .col-navy { color: #000F3A !important; } .col-blue { color: #3182A5 !important; } .col-green { color: #45C443 !important; } .fsI { font-style: italic; } .fL { float: left;} .fR { float: right;} .aL { text-align: left !important;} .aC { text-align: center !important;} .aR { text-align: right !important;} .fwB { font-weight: bold !important;} .fwN { font-weight: normal !important;} .clB { clear: both !important;} .wSN { white-space: nowrap !important;} .lSN { letter-spacing: 0 !important;} .dIB { display: inline-block; } /*--- pages ---*//*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- index ---*//*---------------------------------------------------------------------------------------------------------------------------------------------*/ #indexMain { position: relative; overflow: hidden; width: 100%; margin: 0; padding: 0; background: #FFF;} #indexMain video { max-width: 100%; width: 100%; margin: 0; vertical-align: bottom;} .partnerBnr { overflow: hidden; margin: 30px 0 20px; text-align: center; width: 100%;} .partnerBnr li { margin: 0 4px 10px; display: inline-block !important;} .partnerBnr li img { width: 162px;} /*.partnerBnr li a { display: flex; flex-wrap: wrap; align-items: center; }*/ /*indexBtn*/ #indexBtn01 { overflow: hidden;} #indexBtn01 li { position: relative; float: left; width: 33.3%;} .indexBtn01Txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #FFF; z-index: 10; text-align: center; padding: 7px 0; line-height: 1.2; box-sizing: border-box;} #indexBtn01Txt01 { background: rgba(255,166,0,0.51); } #indexBtn01Txt02 { background: rgba(45,165,216,0.57); } #indexBtn01Txt03 { background: rgba(33,158,137,0.5); } .indexBtn01Txt span { display: block; } .indexBtn01TxtEn { font-style: italic; font-size: 1.8rem; font-size: 4.8vw;} /*indexNewsInfo*/ #indexNewsInfo { clear: both; overflow: hidden; padding: 32px 4%;} #indexNews { overflow: hidden; padding: 0 0 60px; box-sizing: border-box; } #indexNewsList li { clear: both; overflow: hidden; margin: 0 0 12px; color: #000F3A;} #indexNewsList li:last-child { margin-bottom: 0;} #indexNewsList li a { color: #000F3A;} #indexNewsList li dt { overflow: hidden; border-bottom: #03072D solid 2px; padding: 0 0 4px; margin: 0 0 4px;} .indexNewsListNew { display: inline-block; width: 72px; font-style: italic; font-weight: 800; color: #03073C; font-size: 1.3rem; font-size: 3.46667vw; letter-spacing: 0.1em; background: #7EFFE3; margin: 0 8px; padding: 3px 0; box-sizing: border-box; text-align: center; line-height: 1;} .indexNewsListCat { display: inline-block; margin-right: 1em;} .indexNewsListDate { display: inline-block; font-style: italic;} #indexNewsList li dd { overflow: hidden; padding: 0 8px; line-height: 1.5;} #indexNewsList li dd img { width: auto; height: 1em; line-height: 1; vertical-align: middle;} #indexInsta { overflow: hidden; padding: 0 4%;} #instaTitle { text-align: center; margin: 0 0 10px;} #instaTitle img { width: 101px; height: auto;} #sb_instagram, #sb_instagram.sbi_fixed_height { box-sizing: border-box; } #sb_instagram { width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box;} #sb_instagram:after { content: ""; display: table; clear: both;} #sb_instagram.sbi_fixed_height { overflow: hidden; overflow-y: auto; box-sizing: border-box;} #sb_instagram #sbi_images { width: 100%; float: left; box-sizing: border-box;} #sb_instagram #sbi_images .sbi_item { display: inline-block; vertical-align: top; zoom: 1; padding: inherit!important; margin: 0!important; text-decoration: none; box-sizing: border-box;} #sb_instagram.sbi_col_1 #sbi_images .sbi_item { width: 100%;} #sb_instagram.sbi_col_2 #sbi_images .sbi_item { width: 50%;} #sb_instagram.sbi_col_3 #sbi_images .sbi_item { width: 33.33%;} #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: 25%;} #sb_instagram.sbi_col_5 #sbi_images .sbi_item { width: 20%;} #sb_instagram.sbi_col_6 #sbi_images .sbi_item { width: 16.66%;} #sb_instagram.sbi_col_7 #sbi_images .sbi_item { width: 14.28%;} #sb_instagram.sbi_col_8 #sbi_images .sbi_item { width: 12.5%;} #sb_instagram.sbi_col_9 #sbi_images .sbi_item { width: 11.11%;} #sb_instagram.sbi_col_10 #sbi_images .sbi_item { width: 10%;} #sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item { width: 100%;} #sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item { width: 50%;} #sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item { width: 33.33%;} #sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item { width: 25%;} #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item { width: 20%;} #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item { width: 16.66%;} #sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item { width: 14.28%;} #sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item { width: 12.5%;} #sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item { width: 11.11%;} #sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item { width: 10%;} #sb_instagram .sbi_photo_wrap { position: relative;} #sb_instagram .sbi_photo { display: block; text-decoration: none;} #sb_instagram .sbi_photo img { width: 100%; height: auto;} #sb_instagram a, #sb_instagram a:active, #sb_instagram a:focus, #sb_instagram a:hover { outline: 0;} #sb_instagram img { display: block; padding: 0!important; margin: 0!important; max-width: 100%!important; opacity: 1!important;} #sb_instagram .sbi_link { display: none; position: absolute; bottom: 0; right: 0; width: 100%; padding: 10px 0; background: rgba(0, 0, 0, .5); text-align: center; color: #fff; font-size: 1.2rem; font-size: 3.2vw; line-height: 1.1;} #sb_instagram .sbi_link a { padding: 0 6px; text-decoration: none; color: #fff; font-size: 1.2rem; font-size: 3.2vw; line-height: 1.1; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;} #sb_instagram .sbi_link .sbi_lightbox_link { padding-bottom: 5px;} #sb_instagram .sbi_link a:focus, #sb_instagram .sbi_link a:hover { text-decoration: underline;} #sb_instagram .sbi_photo_wrap:focus .sbi_link, #sb_instagram .sbi_photo_wrap:hover .sbi_link { display: block;} #sb_instagram .sbi_type_video .sbi_playbtn { display: block!important; position: absolute; z-index: 0; top: 50%; left: 50%; margin-top: -24px; margin-left: -19px; padding: 0; font-size: 2.8rem; font-size: 7.46667vw; color: #fff; color: rgba(255, 255, 255, .9); font-style: normal!important; text-shadow: 0 0 8px rgba(0, 0, 0, .8);} #sb_instagram .sbi_loader { position: relative; left: 50%; width: 16px; height: 16px; margin: 10px 0 10px -8px; background: url(../img/loader.png) no-repeat;} #sb_instagram .sb_instagram_header { float: left; clear: both; margin: 0 0 15px; padding: 0; line-height: 1.2; width: 100%;} #sb_instagram .sb_instagram_header a { float: left; display: block; min-width: 100%\9; text-decoration: none;} #sb_instagram .sbi_header_img { float: left; position: relative; width: 50px; margin: 0 0 0 -100%!important; overflow: hidden; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;} #sb_instagram .sbi_header_img img { float: left; margin: 0!important; padding: 0!important; border: none!important; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;} #sb_instagram .sbi_header_img_hover { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; text-align: center; color: #fff; background: rgba(0, 0, 0, .75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border-radius: 40px; transition: opacity .2s;} #sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover, #sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover { opacity: 1;} #sb_instagram .sbi_header_img_hover i { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; width: 24px; height: 24px; overflow: hidden; background: url(../img/small-logo.png) no-repeat;} #sb_instagram .sbi_header_text { float: left; width: 100%; padding-top: 5px;} #sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3 { float: left; clear: both; width: auto; margin: 0 0 0 60px!important; padding: 0!important;} #sb_instagram #sbi_load, #sb_instagram .sb_instagram_error { width: 100%; text-align: center;} #sb_instagram .sb_instagram_header h3 { font-size: 1.5rem; font-size: 4vw; line-height: 1.3;} #sb_instagram .sb_instagram_header p { font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.3;} #sb_instagram .sb_instagram_header h3.sbi_no_bio { padding-top: 9px!important;} #sb_instagram .sbi_header_text img.emoji { margin-right: 3px!important;} #sb_instagram #sbi_load { float: left; clear: both;} #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; padding: 7px 14px; margin: 5px auto 0; background: #333; border: none; color: #fff; text-decoration: none; font-size: 1.3rem; font-size: 3.46667vw; line-height: 1.5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #sb_instagram .sbi_follow_btn { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; text-align: center;} #sb_instagram .sbi_follow_btn.sbi_top { display: block; margin-bottom: 5px;} #sb_instagram .sbi_follow_btn a { background: #517fa4; color: #fff;} #sb_instagram #sbi_load .sbi_load_btn:focus, #sb_instagram #sbi_load .sbi_load_btn:hover, #sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover { filter: alpha(opacity=85); opacity: .85;} #sb_instagram #sbi_load .fa, #sb_instagram .sbi_follow_btn .fa { margin-bottom: -1px; margin-right: 7px; font-size: 1.5rem; font-size: 4vw;} #sb_instagram #sbi_load .sbi_follow_btn { margin-left: 5px;} #sbi_mod_error { display: none; border: 1px solid #ddd; background: #eee; color: #333; margin: 0; padding: 10px 15px; font-size: 1.3rem; font-size: 3.46667vw; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} #sbi_mod_error p { padding: 5px 0!important; margin: 0!important; line-height: 1.3!important;} #sbi_mod_error ol, #sbi_mod_error ul { padding: 5px 0 5px 20px!important; margin: 0!important;} #sbi_mod_error li { padding: 1px 0!important; margin: 0!important;} #sbi_mod_error span { font-size: 1.2rem; font-size: 3.2vw;} #sb_instagram.sbi_medium .sbi_playbtn { font-size: 1.9rem; font-size: 5.06667vw; margin-top: -12px; margin-left: -9px;} #sb_instagram.sbi_small .sbi_playbtn { font-size: 1.6rem; font-size: 4.26667vw; margin-top: -9px; margin-left: -7px;} @media all and (max-width:640px) { #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item { width: 50%;} #sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item { width: 25%;} #sb_instagram.sbi_width_resp { width: 100%!important;} } @media all and (max-width:480px) { #sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item { width: 100%;} } /*indexEventCampaing*/ #indexEventCampaing { overflow: hidden; padding: 0 0 48px;} #indexEvent { overflow: hidden; padding: 0 0 64px; } #indexEvent #indexEventSub01 { text-align: center; line-height: 1.2; font-style: italic; color: #000F3A; padding: 0 0 16px;} #summerBody #indexEvent #indexEventSub01 { color: #439086;} #indexEvent #indexEventSub01 span { display: block; letter-spacing: 0.1em;} #indexEventSub0101 { font-size: 2.3rem; font-size: 6.13333vw; } #indexEventSub0102 { font-size: 1.8rem; font-size: 4.8vw; } #indexEventBtn { display: block; width: 162px; height: 170px; margin: 0 auto; padding: 36px 0 0; line-height: 1.2; text-align: center; background: url(images/icon_cal.png) 0 0 no-repeat; background-size: 100% 100%; box-sizing: border-box; color: #517FA3; letter-spacing: 0.1em;} #summerBody #indexEventBtn { background: url(images/icon_cal02.png) 0 0 no-repeat; background-size: 100% 100%; color: #439086;} #indexEventBtn span { display: block; } #indexEventBtn01 { font-size: 1.8rem; font-size: 4.8vw; font-style: italic;} #indexEventBtn02 { font-size: 2.0rem; font-size: 5.33333vw; font-style: italic;} #indexEventBtn03 { font-size: 1.5rem; font-size: 4vw; font-style: italic;} #indexEventBtn04 { font-size: 1.2rem; font-size: 3.2vw; } #indexEventBtn05 { font-size: 2.0rem; font-size: 5.33333vw; } #indexCampaingWrap { padding: 0 4%; } #indexCampaingSub01 { overflow: hidden; padding: 0 0 16px; text-align: center; font-size: 2.3rem; font-size: 6.13333vw; color: #000F3A; font-style: italic; line-height: 1;} #indexCampaingTxt01 { overflow: hidden; padding: 0 0 24px; text-align: center; font-size: 1.5rem; font-size: 4vw; color: #000F3A; line-height: 1.2;} #summerBody #indexCampaingSub01 { color: #439086;} #summerBody #indexCampaingTxt01 { color: #439086;} #indexCampaingDetail { overflow: hidden; width: 133px; height: 57px; padding: 4px 0 0 24px; margin: 0 auto 40px; background: url(images/icon_bg01.png) 0 0 no-repeat; background-size: 100% 100%; box-sizing: border-box;} #indexCampaingDetail a { color: #FFF; } #winterBody #indexCampaingDetail a { color: #517FA3; } #summerBody #indexCampaingDetail { background: url(images/icon_bg02.png) 0 0 no-repeat; background-size: 100% 100%; } #summerBody #indexCampaingDetail a { color: #439086; } #CampaingSlide li { margin: 0 10px; } #calendarWrap { padding: 40px 4%; } #calendar { } .calCat { overflow: hidden; margin: 0 0 40px;} .calCat li { float: left; width: 30%; margin: 0 5% 10px 0; text-align: center; border-radius: 4px; line-height: 1.2; padding: 4px 0; box-sizing: border-box;} .calCat li:nth-child(3n) { margin-right: 0;} .calCat li.cal01 { background: #E6A000; color: #FFF;} .calCat li.cal02 { background: #008CD2; color: #FFF;} .calCat li.cal03 { background: #5AB3A1; color: #FFF;} .calCat li.cal04 { background: #da6474; color: #FFF;} .calCat li.cal05 { background: #ada173; color: #FFF;} #indexBtns01Pare { overflow: hidden; clear: both; padding: 0 4%; margin: 24px 0 0;} /*indexCommunication*/ #indexCommunication { overflow: hidden; padding: 0 0 64px; } #snsList { text-align: center; } #snsList li { overflow: hidden; margin: 0 0 40px; } #snsList li:last-child { margin-bottom: 0;} #snsList dt { text-align: center; margin: 0 0 24px;} #snsListFB img { width: 42px; } #snsListTW img { width: 55px; } #snsListLINE img { width: 43px; } #snsList dd { overflow: hidden; padding: 0 4%; line-height: 1.2;} /* winter index *//*---------------------------------------------------------------------------------------------------------------------------------------------*/ /*shigemotoFlip*/ #shigemoto { padding: 0 4% 40px; color: #171c61;} .shigemotoFlip { overflow: hidden; padding: 16px 0; margin: 0 0 32px; } .shigemotoFlip li { width: 33%; cursor: pointer;} .shigemotoFlip li img { box-shadow:0px 6px 12px -3px #171c61;} #shigemoto .slick-current { position: relative; z-index: 10; } #shigemoto .flipEl { display: block; transition: all .1s linear;} #shigemoto .slick-current .flipEl { transform: rotateY(0deg);} #shigemoto .flipAfter { transform: rotateY(-35deg);} #shigemoto .flipBefore { transform: rotateY(35deg);} #shigemoto .slick-slide img { transform: scale(0.75); transition: all .2s ease-in-out;} #shigemoto .slick-slide img { transform: scale(0.75); transition: all .2s ease-in-out;} #shigemoto .slick-current img { transform: scale(1); } #shigemoto .slick-list { overflow: visible; } .shigemotoTxt01 { font-size: 1.6rem; font-size: 4.26667vw; } .shigemotoTxt02 { } .shigemotoTxt03 { } .shigemotoTxt03 a { color: #171C61;} .flipster__container { will-change: transform; transform: rotate(0.1deg); } /*liftNav*/ #liftNav { background: #BCD7DF; color: #000F3A; overflow: hidden; padding: 16px 4%;} #liftNav dt { overflow: hidden; padding: 48px 0 0; margin: 0 0 16px; font-size: 1.5rem; font-size: 4vw; font-weight: bold; text-align: center; background: url(images/icon_lift-nav.png) 50% 0 no-repeat; background-size: auto 36px;} #liftNav dd li { float: left; width: 100%; } #liftNav dd li span { display: inline-block; width: 11.5em;} #liftNav a { color: #000F3A;} #liftNav li:before { content: "・";} /*winter index*/ #winterWelcome { overflow: hidden; padding: 32px 4% 64px; } #winterClose01 { overflow: hidden; margin: 64px 4% 64px; color: #e85764; text-align: center; font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; line-height: 1.4;} #winterClose02 { overflow: hidden; padding: 0 4% 32px; text-align: center; font-size: 1.6rem; font-size: 4.26667vw; line-height: 1.4;} .winterClose03 { overflow: hidden; margin: 0 0 16px; color: #e85764; text-align: center; font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; line-height: 1.4;} .winterClose04 { overflow: hidden; margin: 0 0 32px; color: #e85764; text-align: center; font-size: 1.6rem; font-size: 4.27vw; font-weight: bold; line-height: 1.4;} #summerClose01 { overflow: hidden; margin: 64px 4% 64px; color: #e85764; text-align: center; font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; line-height: 1.4;} .closeTxt01 { overflow: hidden; margin: 64px 4% 64px; color: #e85764; text-align: center; font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; line-height: 1.4;} .closeTxt02 { overflow: hidden; margin: 0 4% 32px; color: #e85764; text-align: center; font-size: 1.6rem; font-size: 4.26667vw; font-weight: bold; line-height: 1.4;} .closeTxt02.sppT01 { padding-top: 32px;} .closeTxt02 a { color: #e85764 !important;} #summerClose02 { overflow: hidden; margin: 64px 4% 64px; color: #e85764;} #summerClose02.summerClose0201 { color: #3e3a39; margin-top: 0;} #summerClose02 dt { padding: 0 0 16px; text-align: center; font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; line-height: 1.4;} #summerClose02 dd { font-size: 1.4rem; font-size: 3.73335vw; } /*winterSecMovie*/ /*winterSecWelcome*/ .bgParallax {} .bgParallaxImg { display: block; width: 100%; height: 56.26vw; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .bgParallaxImgList { position: relative; display: block; width: 100%; height: 56.26vw;} .bgParallaxImgList > li { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); display: block; width: 100%; height: 56.26vw; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; opacity: 0; transition: opacity .5s ease-in-out;} .bgParallaxImgList.active > li { opacity: 1;} .bgParallaxImgList > li:nth-child(1) { transition-delay: 0s; } .bgParallaxImgList > li:nth-child(2) { transition-delay: 0.1s; } .bgParallaxImgList > li:nth-child(3) { transition-delay: 0.2s; } .bgParallaxImgList > li:nth-child(4) { transition-delay: 0.3s; } .bgParallaxImgList > li:nth-child(5) { transition-delay: 0.4s; } .bgParallaxImgList > li:nth-child(6) { transition-delay: 0.5s; } .bgParallaxImgList > li:nth-child(7) { transition-delay: 0.6s; } .bgParallaxImgList > li:nth-child(8) { transition-delay: 0.7s; } .bgParallaxImgList > li:nth-child(9) { transition-delay: 0.8s; } .bgParallaxImgList > li:nth-child(10) { transition-delay: 0.9s; } .bgParallaxImgList > li:nth-child(11) { transition-delay: 1.0s; } .bgParallaxImgList > li:nth-child(12) { transition-delay: 1.1s; } .bgParallaxImgList > li:nth-child(13) { transition-delay: 1.2s; } .bgParallaxImgList > li:nth-child(14) { transition-delay: 1.3s; } .bgParallaxCh { margin: 0 0 24px; padding: 0 4%; } /*winterSecBg01*/ .winterSecBg01 { color: #000F3A;} #winterSecBg01Bg { background-image: url(images/winter_bg01-1.jpg); } #winterSecBg01-2 { background-image: url(images/winter_bg01-2.jpg); } #winterSecBg01-3 { background-image: url(images/winter_bg01-3.jpg); } #winterSecBg01-4 { background-image: url(images/winter_bg01-4.jpg); } #winterSecBg01-5 { background-image: url(images/winter_bg01-5.jpg); } #winterSecBg01-6 { background-image: url(images/winter_bg01-6.jpg); } #winterSecBg01-7 { background-image: url(images/winter_bg01-7.jpg); } #winterSecBg01-8 { background-image: url(images/winter_bg01-8.jpg); } #winterSecBg01-9 { background-image: url(images/winter_bg01-9.jpg); } #winterSecBg01-10 { background-image: url(images/winter_bg01-10.jpg); } #winterSecBg01-11 { background-image: url(images/winter_bg01-11.jpg); } #winterSecBg01-12 { background-image: url(images/winter_bg01-12.jpg); } /*winterSecFacilities*/ .winterSecFacilitiesWrap { overflow: hidden; padding: 56px 0 0; } #winterSecFacilitiesSec01 { overflow: hidden; padding: 0 4% 90px; } #winterSecFacilitiesSec01List01 li { margin: 0 0 40px; } #winterSecFacilitiesSec01List01 li:last-child { margin: 0; } #winterSecFacilitiesSec01List01 dt { font-size: 1.6rem; font-size: 4.26667vw; color: #4C89B0; font-weight: bold; background-repeat: no-repeat; background-position: 50% 0; text-align: center;} #winterSecFacilitiesSec01List0101 dt { padding: 70px 0 0; background-image: url(images/icon_day-trip.png); background-size: auto 62px;} #winterSecFacilitiesSec01List0102 dt { padding: 86px 0 0; background-image: url(images/icon_stay.png); background-size: auto 78px;} #winterSecFacilitiesSec01List01 dd { font-size: 1.5rem; font-size: 4vw; } #winterSecFacilitiesSec01List01 dd a { color: #4c89b0; } #winterSecFacilitiesSec0201 { overflow: hidden; padding: 187px 0 80px; background: url(images/winter_img_family.png) 50% 0 no-repeat; background-size: auto 177px;} #winterSecFacilitiesSec0202 { overflow: hidden; padding: 172px 0 0; background: url(images/winter_img_people.png) 50% 0 no-repeat; background-size: auto 162px;} .winterStayPt01 { word-break: break-all; } .winterStayPt01 li { width: 50%; padding: 20px 20px 14px; line-height: 1.2; float: left; text-align: center; box-sizing: border-box;} .winterStayPt01 dt { padding: 0 0 12px; margin: 0 0 12px; font-style: italic;} .winterStayPt01 a { display: block; } .winterStayPt01 a:link,.winterStayPt01 a:visited { opacity: 1 !important; } .winterStayPt01 a:active,.winterStayPt01 a:hover { opacity: 0.5 !important; } .winterStayCol01 { background: #EBE0C7; color: #D97707;} .winterStayCol01 dt { border-bottom: #DC8827 solid 2px;} .winterStayCol01 a { color: #D97707;} .winterStayCol02 { background: #f2be53; color: #FFF;} .winterStayCol02 dt { border-bottom: #FFF solid 2px;} .winterStayCol02 a { color: #FFF;} .winterStayCol03 { background: #e3dee3; color: #c55395;} .winterStayCol03 dt { border-bottom: #c55395 solid 2px;} .winterStayCol03 a { color: #c55395;} .winterStayCol04 { background: #d0accd; color: #FFF;} .winterStayCol04 dt { border-bottom: #FFF solid 2px;} .winterStayCol04 a { color: #FFF;} #winterSecFacilitiesSec03 { clear: both; overflow: hidden; padding: 56px 4% 36px; background: #FFF; } #winterSecFacilitiesSec03List01 { text-align: center; padding: 0 0 30px;} #winterSecFacilitiesSec03List01 li { padding: 0 0 86px; margin: 0 0 32px; background: url(images/icon_cross.png) 50% 100% no-repeat; background-size: auto 56px;} #winterSecFacilitiesSec03List01 li:last-child { padding: 0; margin: 0; background: none;} #winterSecFacilitiesSec03List01 img { width: auto; height: 47px; } .btnBg01 { display: block; font-size: 1.4rem; font-size: 3.73335vw; line-height: 30px; width: 253px; height: 30px; margin: 0 auto; background: url(images/btn_bg01.png) 0 0 no-repeat; background-size: 253px 30px; box-sizing: border-box; color: #4C89B0 !important;} /*winterSecBg02*/ #winterSecBg02 { color: #000F3A; padding: 24px 0 0;} #winterSecBg02Bg { background-image: url(images/winter_bg02-1.jpg); } #winterSecBg02-2 { background-image: url(images/winter_bg02-2.jpg); } #winterSecBg02-3 { background-image: url(images/winter_bg02-3.jpg); } #winterSecBg02-4 { background-image: url(images/winter_bg02-4.jpg); } #winterSecBg02-5 { background-image: url(images/winter_bg02-5.jpg); } #winterSecBg02-6 { background-image: url(images/winter_bg02-6.jpg); } #winterSecBg02-7 { background-image: url(images/winter_bg02-7.jpg); } #winterSecBg02-8 { background-image: url(images/winter_bg02-8.jpg); } #winterSecBg02-9 { background-image: url(images/winter_bg02-9.jpg); } #winterSecBg02-10 { background-image: url(images/winter_bg02-10.jpg); } #winterSecBg02-11 { background-image: url(images/winter_bg02-11.jpg); } #winterSecBg02-12 { background-image: url(images/winter_bg02-12.jpg); } #winterSecBg02-13 { background-image: url(images/winter_bg02-13.jpg); } #winterSecBg02-14 { background-image: url(images/winter_bg02-14.jpg); } /*winterSecListBtns*/ .winterSecListBtns { overflow: hidden; } .listBtnsEn { font-size: 1.8rem; font-size: 4.8vw; font-style: italic; } .listBtnsJp { font-size: 1.5rem; font-size: 4vw; display: block;} /*ski center*/ .skiCenterSub01 { margin: 0 0 10px 3em; text-indent: -2em; line-height: 1.2;} /*nap room*/ .napRoomTd01 { background: #D3EDF9; text-align: center;} .napRoomTd01 th,.napRoomTd01 td { border: none; display: table-cell; text-align: left; padding: 8px !important; width: auto; line-height: 1.6; vertical-align: top;} .napRoomTd01 th { width: 1%; white-space: nowrap; padding-left: 0 !important;} /*rental*/ .rentalLogoList { text-align: center; } .rentalLogoList li { display: inline-block; padding: 8px;} /*access*/ #mapCanvas { width: 100%; height: 400px; } #accessGMapPare { position: relative; overflow: hidden; height: 400px; } #accessGMap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;} #accessGMap iframe, #accessGMap object, #accessGMap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #mapCanvasEnlarge a { display: block; padding: 1em; background: rgba(84,173,206,0.73); line-height: 1.2; text-align: center; color: #FFF; -webkit-transform: translateY(-100%) translateX(0); -ms-transform: translateY(-100%) translateX(0); transform: translateY(-100%) translateX(0);} .slideAccessNav { position: relative; z-index: 10; overflow: hidden; margin: 0 0 24px;} .slideAccessNav:before { content: ""; width: 100%; height: 10px; position: absolute; top: 26px; left: 0; border: #000F3A 1px solid; box-sizing: border-box;} .slideAccessNav li { width: 33.3%; float: left; text-align: center; line-height: 1.2;} .slideAccessNav li a { position: relative; display: block; padding: 40px 0 0; background-position: 50% 0; background-repeat: no-repeat; background-size: auto 25px; font-weight: bold; color: #000F3A; cursor: pointer;} .slideAccessNav li a.active:after { content: ""; width: 100%; height: 10px; position: absolute; top: 26px; left: 0; box-sizing: border-box;background: #000F3A;} #slideAccessNav-01 { background-image: url(images/winter_slide-nav_icon01.png); } #slideAccessNav-02 { background-image: url(images/winter_slide-nav_icon02.png); } #slideAccessNav-03 { background-image: url(images/winter_slide-nav_icon03.png); } .accessList01 { overflow: hidden; } .accessList01 li { float: left; width: 100%; margin: 0 0 30px; } .accessList01 li dt { padding: 0 0 12px; margin: 0 0 16px; font-size: 1.5rem; font-size: 4vw; font-weight: bold; text-align: center; border-bottom: #000f3a 1px solid; line-height: 1.2;} .accessList01 li dd { text-align: center;} .accessList01Dd01 { padding: 0 0 36px; margin: 0 0 14px; background: url(images/icon_tri01.png) 50% 100% no-repeat; } .shuttleBusList { overflow: hidden; padding-bottom: 32px;} .shuttleBusList li { float: left; width: 50%; padding: 0 8px; box-sizing: border-box; text-align: center;} .shuttleBusList p { font-weight: 900; font-size: 1.5rem; font-size: 4vw; padding: 0 0 10px;} .shuttleBusList li.shuttleBusListW p { color: #00238D;} .shuttleBusList li.shuttleBusListS p { color: #34a693;} /*lift*/ .liftList01 { overflow: hidden; margin: 0 0 35px;} .liftList01 li { float: left; width: 50%; margin: 0 0 20px; text-align: center; box-sizing: border-box;} .liftList01 li:nth-child(3) { margin-left: 25%; } .liftList01 li img { width: 90%;} .liftList02 { overflow: hidden; margin: 0 0 35px;} .liftList02 li { float: left; width: 50%; margin: 0 0 20px; text-align: center; box-sizing: border-box;} .liftList02 li:nth-child(3) { margin-left: 25%; } .liftList02 li img { width: 90%;} .liftSub01 { position: relative; font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; text-align: center; border-bottom: #000F3A solid 1px; padding: 64px 0 0; margin-bottom: 24px; color: #000F3A;} .liftSub01 img { position: absolute; top: 0; left: 50%; width: 60px; -webkit-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%);} /*gelande*/ .slideGelendeHasNav { overflow: hidden; } .slideGelendeHasNav li { float: left; width: 50%; font-size: 1.5rem; font-size: 4vw; font-weight: bold; line-height: 1.4; text-align: center; border: #54ACCD solid 1px; border-left: none; border-right: none; box-sizing: border-box;} .slideGelendeHasNav li:nth-child(1) { border-left: #54ACCD solid 1px; border-bottom: none;} .slideGelendeHasNav li:nth-child(2) { border-right: #54ACCD solid 1px; border-bottom: none;} .slideGelendeHasNav li:nth-child(3) { border-left: #54ACCD solid 1px; border-top: none;} .slideGelendeHasNav li:nth-child(4) { border-right: #54ACCD solid 1px; border-top: none;} .slideGelendeHasNav li a { display: block; padding: 1em 0.25em; color: #54ACCD;} .slideGelendeHasNav li a.active { background: #54ACCD; color: #FFF;} #slideGelendeHasNav-Last { float: right; width: 50%; font-size: 1.5rem; font-size: 4vw; font-weight: bold; line-height: 1.4; text-align: center; border: #54ACCD solid 1px; border-left: none; border-top: none; box-sizing: border-box; -webkit-transform: translateY(-100%) translateX(0); -ms-transform: translateY(-100%) translateX(0); transform: translateY(-100%) translateX(0);} #slideGelendeHasNav-Last a { display: block; padding: 1em 0.25em; color: #54ACCD;} #gelandeTabNav { position: relative; overflow: hidden; border-radius: 4px; border: #000F3A solid 1px; text-align: center; margin: 0 0 50px;} #gelandeTabNav li a { display: block; position: relative; font-size: 1.6rem; font-size: 4.26667vw; font-weight: bold; z-index: 1;} .gelandeTabNav01 a { padding: 25px 0 50px; background: url(images/icon_gelande_select03-off.png) 50% 100% no-repeat;} .gelandeTabNav01 a:after { content: ""; width: calc( 100% - 8px ); height: calc( 100% - 4px ); position: absolute; top: 4px; left: 4px; border-radius: 4px; border: #000F3A solid 1px; border-bottom: none; z-index: 0;} .gelandeTabNav01 a.active { background: #000F3A url(images/icon_gelande_select03-on.png) 50% 100% no-repeat; color: #FFF;} .gelandeTabNav01 a.active:after { content: ""; width: calc( 100% - 8px ); height: calc( 100% - 4px ); position: absolute; top: 4px; left: 4px; border-radius: 4px; border: #FFF solid 1px; border-bottom: none; z-index: 0;} .gelandeTabNav02 a { padding: 50px 0 25px; background: url(images/icon_gelande_select04-off.png) 50% 0 no-repeat;} .gelandeTabNav02 a:after { content: ""; width: calc( 100% - 8px ); height: calc( 100% - 4px ); position: absolute; bottom: 4px; left: 4px; border-radius: 4px; border: #000F3A solid 1px; border-top: none; z-index: 0;} .gelandeTabNav02 a.active { background: #000F3A url(images/icon_gelande_select04-on.png) 50% 0% no-repeat; color: #FFF;} .gelandeTabNav02 a.active:after { content: ""; width: calc( 100% - 8px ); height: calc( 100% - 4px ); position: absolute; bottom: 4px; left: 4px; border-radius: 4px; border: #FFF solid 1px; border-top: none;} #button-group-area { overflow: hidden; color: #000F3A; margin: 0 0 40px;} #button-group-area li { float: left; width: 33.3%; margin: 0; text-align: center; line-height: 1.2;} #button-group-area li p { font-size: 1.2rem; font-size: 3.2vw; font-weight: bold; color: #000F3A; padding: 0 0 4px;} #button-group-area li .button { padding: 1em 0.5em; margin: 0 0 8px; background: #FFF; border: #54accd 1px solid; border-right: none; box-sizing: border-box; color: #7D8294; font-weight: bold; font-family: 'Open Sans',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500;} .button { outline: none; cursor: pointer;} #button-group-area li:nth-child(2n) .button { border-left: none; } #button-group-area li:nth-child(3n) .button { border-left: none; border-right: #54accd 1px solid; } #button-group-area li .button.is-checked { background: #54accd; color: #FFF;} #button-group-area li dl { padding: 0 8px; } #button-group-area li dt { font-weight: bold; padding: 0 0 8px;} #button-group-area li dd { font-size: 1.2rem; font-size: 3.2vw; } #button-group-level { overflow: hidden; margin: 0 0 30px; } #button-group-level li { float: left; width: 23.5%; margin-right: 2%;} #button-group-level li:nth-child(4n) { margin-right: 0;} #button-group-level li .button { line-height: 1.2; font-weight: bold; padding: 1em 0.2em; background: transparent; font-family: 'Open Sans',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500;} #button-group-level li:nth-child(1) .button { border: #0F1D45 solid 1px; color: #0F1D45;} #button-group-level li:nth-child(1) .button.is-checked { background: #0F1D45; color: #FFF;} #button-group-level li:nth-child(2) .button { border: #3c9f8c solid 1px; color: #3c9f8c;} #button-group-level li:nth-child(2) .button.is-checked { background: #3c9f8c; color: #FFF;} #button-group-level li:nth-child(3) .button { border: #d56365 solid 1px; color: #d56365;} #button-group-level li:nth-child(3) .button.is-checked { background: #d56365; color: #FFF;} #button-group-level li:nth-child(4) .button { border: #3469b1 solid 1px; color: #3469b1;} #button-group-level li:nth-child(4) .button.is-checked { background: #3469b1; color: #FFF;} .gelandeCourseList li { float: left; width: 100%; border: #FFF 1px solid; margin: 0 0 32px; box-sizing: border-box;} .gelandeCourseListCh01 { overflow: hidden; background: #FFF; } .gelandeCourseListImg img { width: 100%; } .gelandeCourseList dl { overflow: hidden; text-align: center;} .gelandeCourseList .gelandeCourseListDl > dt { padding: 5px 0; font-weight: bold; color: #FFF; line-height: 1.2; font-size: 1.5rem; font-size: 4vw;} .gelandeCourseList .beginner .gelandeCourseListDl > dt { background: #3c9f8c;} .gelandeCourseList .intermediate .gelandeCourseListDl > dt { background: #D56365;} .gelandeCourseList .senior .gelandeCourseListDl > dt { background: #3469B1;} .gelandeCourseList .gelandeCourseListDl > dd { line-height: 1.5; padding: 8px 0;} .gelandeCourseListTxt01 { text-align: center; overflow: hidden; clear: both; font-size: 1.3rem; font-size: 3.46667vw; color: #4C88AF; padding: 8px 0; line-height: 1.5;} .iconCaution { text-align: center; position: relative; margin: 0 0 14px;} .iconCaution:after { content: ""; width: 100%; height: 1px; display: block; background: #000f3a; position: absolute; top: 50%; left: 0; z-index: -1;} .gelandeSnowParkSec02 { overflow: hidden; padding-bottom: 15px; border-bottom: #000F3A solid 1px; } /*family*/ .familyList01 li { overflow: hidden; } .familyList01 dt { float: left; width: 10em; } .familyList01 dd { overflow: hidden;} #familyRentalBtn01 { text-align: center; padding: 0 0 24px; } /*how to play*/ .htpSub01 { overflow: hidden; padding: 20px; text-align: center; line-height: 1.2; margin: 0 0 40px;} .htpSub01 p { margin: 0 0 14px; padding: 0 0 10px;} .htpList01 { overflow: hidden; margin: -24px 0 0;} .htpList01 > li { position: relative; padding: 0 0 64px;} .htpList01 > li:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 50%;} .htpList01 > li:last-child { padding: 0;} .htpList01 > li:last-child:after { display: none;} .htpBtn05 { display: inline-block; line-height: 1.2; padding: 12px; box-sizing: border-box; text-align: center; font-weight: bold;} .htpList01L .htpBtn05 { display: block; } .htpImgPt01 { text-align: center; position: relative; z-index: 10;} .htpList01L { position: relative; z-index: 10; background: #F7F4F1; padding: 24px 0 16px;} .htpList01R { position: relative; z-index: 10; background: #F7F4F1; padding: 0 16px 24px;} .htpList01-listBtns { overflow: hidden; } .htpList01-listBtns li { margin: 0 0 10px; } .htpList01-listBtns li:last-child { margin: 0; } .htpSub01.col01 { background: #F5E6CB; color: #D87707;} .htpSub01.col01 p { border-bottom: #D87707 solid 1px;} .htpList01.col01 > li:after { background: #e49f74;} .col01 .htpBtn05 { background: #e49f74; color: #FFF !important;} .htpSub01.col02 { background: #f4bf55; color: #FFF;} .htpSub01.col02 p { border-bottom: #FFF solid 1px;} .htpList01.col02 > li:after { background: #f4bf55;} .col02 .htpBtn05 { background: #f4bf55; color: #FFF !important;} .htpSub01.col03 { background: #ede4e6; color: #c45394;} .htpSub01.col03 p { border-bottom: #c45394 solid 1px;} .htpList01.col03 > li:after { background: #adbbdd;} .col03 .htpBtn05 { background: #adbbdd; color: #FFF !important;} .htpSub01.col04 { background: #cfabcc; color: #FFF;} .htpSub01.col04 p { border-bottom: #FFF solid 1px;} .htpList01.col04 > li:after { background: #dfb9c7;} .col04 .htpBtn05 { background: #dfb9c7; color: #FFF !important;} /*school*/ #newsList li { clear: both; overflow: hidden; margin: 0 0 12px; color: #000F3A;} #newsList li:last-child { margin-bottom: 0;} #newsList li a { color: #000F3A;} #newsList li dt { overflow: hidden; border-bottom: #03072D solid 2px; padding: 0 0 4px; margin: 0 0 4px;} .newsListNew { display: inline-block; width: 72px; font-style: italic; font-weight: 800; color: #03073C; font-size: 1.3rem; font-size: 3.46667vw; letter-spacing: 0.1em; background: #7EFFE3; margin: 0 8px; padding: 3px 0; box-sizing: border-box; text-align: center; line-height: 1;} .newsListCat { display: inline-block; margin-right: 1em;} .newsListDate { display: inline-block; font-style: italic;} #newsList li dd { overflow: hidden; padding: 0 8px; line-height: 1.5;} #newsList li dd img { width: auto; height: 1em; line-height: 1; vertical-align: middle;} .slideHasNavSchool-Target { overflow: hidden; padding-bottom: 120px; } .schoolList01 { overflow: hidden; } .schoolList01 li { overflow: hidden; margin: 0 0 10px; } .schoolList01 li a { display: block; background: #5FCDDC url(images/icon_arrow02.png) 100% 50% no-repeat; background-size: 40px 100%; color: #FFF;} .schoolList01Img01 { float: left; margin-right: 5px;} .schoolList01Img02 { overflow: hidden;} .schoolList01Txt01 { overflow: hidden; clear: both; padding: 2px 12px;} .schoolSSList01 li { overflow: hidden; padding: 0 0 32px; } .schoolSSList01 li:last-child { padding: 0; } .schoolSSList01 dt { font-size: 1.6rem; font-size: 4.26667vw; font-weight: bold; line-height: 1.2; margin: 0 0 18px; text-indent: -0.5em;} .schoolSSList01 dd { font-size: 1.3rem; font-size: 3.46667vw; } .schoolSSList02 { text-align: center; } .schoolSSList02 li { margin: 0 0 16px;} #schoolSnowSchoolImg01 { text-align: center; } #schoolSnowSchoolImg01 span { display: inline-block; padding: 3px 0 0 82px; background: url(images/school_snow-school_img01.png) 0 0 no-repeat; } .staffList li { float: left; width: 48%; margin: 0 0 55px;} .staffList li:nth-child(2n) { float: right; } .staffList li:nth-child(2n+1) { clear: left;} .staffListImg { padding: 0 0 16px; } .staffList li dt { text-align: center; font-size: 1.8rem; font-size: 4.8vw; line-height: 1.2;} .staffList li dd { padding: 0 20px;} .selectTarget { overflow: hidden; } #selectTarget { overflow: hidden; } .schoolRsrvSub01 { font-size: 1.9rem; font-size: 5.06667vw; color: #54ACCD; font-weight: bold; line-height: 1.2; padding: 0 0 16px; } .schoolRsrvList01 { font-size: 1.5rem; font-size: 4vw; font-weight: bold; line-height: 1.86;} .schoolRsrvList01 li { overflow: hidden; } .schoolRsrvList01 dt { float: left;} .schoolRsrvList01 dd { overflow: hidden; } .schoolRsrvTxtPt01 { font-size: 1.5rem; font-size: 4vw; font-weight: bold; line-height: 1.86;} .schoolRsrvDl01 dt { float: left;} .schoolRsrvDl01 dd { overflow: hidden; } .schoolRsrvFlg li { display: inline-block; padding-right: 1em; font-size: 1.5rem; font-size: 4vw; font-weight: bold;} .schoolSub01 { width: auto; max-height: 48px; } /*season tickets*/ .seasonTicketSec { padding: 12px; margin: 0 0 48px; background: #FFF;} .seasonTicketSecL01 { overflow: hidden; padding: 0 0 24px; } .seasonTicketSecR01 {} .seasonTicketSub01 { font-weight: bold; font-size: 1.8rem; font-size: 4.8vw; line-height: 1.4; padding: 0 0 12px;} .seasonTicketTxt01 { padding-bottom: 24px; } .seasonTicketSub02 { font-weight: bold; font-size: 1.5rem; font-size: 4vw; padding: 0 0 8px;} .seasonTicketSub03 { font-weight: bold; font-size: 1.8rem; font-size: 4.8vw; line-height: 1.4; padding: 8px; margin: 0 0 16px; background: #EA5514; color: #FFF;} .seasonTicketSub03 span { display: block; ont-size: 1.1rem; font-size: 2.93333vw; } .seasonTicketSub04 { font-weight: bold; font-size: 1.5rem; font-size: 4vw; padding: 0 0 8px; color: #EA5514;} .seasonTicketList01 { overflow: hidden; padding: 0 0 24px; } .seasonTicketList01 li { float: left; width: calc( 50% - 10px ); margin: 0 0 10px;} .seasonTicketList01 li:nth-child(2n) { float: right;} .seasonTicketList01 li:nth-child(2n-1) { clear: left;} .seasonTicketList01 li p { 10 font-size: 1.0rem; font-size: 2.66667vw; text-align: center;} .seasonTicketList02 {} .seasonTicketList02 li { margin-left: 1em; text-indent: -1em; } .seasonTicketList02 li:before { content: '■'; } .seasonTicketTable { width: 100%; clear: both; } .seasonTicketTable { } .seasonTicketTable th,.seasonTicketTable td { vertical-align: middle; padding: 4px; text-align: center;} .seasonTicketTable tr:nth-child(2) th,.seasonTicketTable tr:nth-child(2) td { font-weight: bold;} .seasonTicketTable th { font-size: 1.2rem; font-size: 3.2vw;} .seasonTicketTable th[scope=row] { text-align: left;} .seasonTicketTable td { font-size: 1.5rem; font-size: 4vw;} .seasonTicketTable th span { display: block; 10 font-size: 1.0rem; font-size: 2.66667vw;} .seasonTicketTable02 { width: 100%; margin: 0 0 24px;} .seasonTicketTable02 th,.seasonTicketTable02 td { border-bottom: #AA8C00 solid 2px; vertical-align: bottom; padding: 0 0 6px; line-height: 1.2;} .seasonTicketTable02 .seasonTicketTable02Td01 { line-height: 1.2; font-weight: bold; font-size: 1.2rem; font-size: 3.2vw;} .seasonTicketTable02Td0201 { display: inline-block; border-radius: 4px; border: #AA8C00 solid 1px; padding: 2px;} .seasonTicketTable02Td0202 { display: inline-block; padding: 0.2em 0.5em; background: #231815; color: #FFF;} .seasonTicketTable02Td0203 { display: inline-block; font-size: 1.6rem; font-size: 4.26667vw;} .seasonTicketTable02Td0204 { display: block; color: #AA8C00; font-weight: bold; font-size: 2.3rem; font-size: 6.13333vw;} .seasonTicketUl01 { overflow: hidden; border-radius: 8px; border: #AA8C00 solid 1px; padding: 8px; font-size: 1.2rem; font-size: 3.2vw; line-height: 1.4;} .seasonTicketUl01 dt { padding: 0 0 8px;} .seasonTicketUl01 dd { padding: 0 0 24px 0; position: relative; margin-left: 2em; text-indent: -1em;} .seasonTicketUl01 dd:before { content: "▶"; } .seasonTicketBox01 { overflow: hidden; border-radius: 8px; background: #D83374; padding: 4px; font-size: 1.2rem; font-size: 3.2vw;} .seasonTicketBox01Con { overflow: hidden; padding: 4px; border-radius: 0 0 8px 8px; background: #FFF; } .seasonTicketBox01Txt01 { line-height: 1.2; color: #FFF; padding: 0 0 4px 30px; background: url(images/icon_caution.png) 0 50% no-repeat; background-size: 24px auto;} .seasonTicketBox01Con table { width: 100%;} .seasonTicketBox01Con table th { vertical-align: middle; padding: 0 0.5em; white-space: nowrap;} .seasonTicketTable03 { width: 100%; } .seasonTicketTable03 th,.seasonTicketTable03 td { padding: 8px; border-bottom: #A9ACAB solid 1px; line-height: 1.2; vertical-align: middle;} .seasonTicketTable03 td { text-align: center;} .seasonTicketTable03 th { font-size: 1.2rem; font-size: 3.2vw; letter-spacing: -0.1em; padding: 8px 2px;} .seasonTicketTable03 th[scope=row] { white-space: nowrap; text-align: right;} .seasonTicketTable03 th[scope=col] { width: 10%; vertical-align: bottom; text-align: center;} .seasonTicketTable03Maiko th,.seasonTicketTable03Maiko td { background: #ECF4FA; color: #0097C5;} .seasonTicketTable03Kids th,.seasonTicketTable03Kids td { background: #F5F9EB; color: #95C51B;} .seasonTicketTable03Premium th,.seasonTicketTable03Premium td { background: #F7F3E5; color: #AA8C00;} .seasonTicketTable03Smile th,.seasonTicketTable03Smile td { background: #FBEEF1; color: #D83374;} .seasonTicketTable04 { width: 100%; } .seasonTicketTable04 th,.seasonTicketTable04 td { padding: 16px 0; line-height: 1.4; vertical-align: middle; text-align: center; font-weight: bold;} .seasonTicketTable04 td { width: 60%;} .seasonTicketTable04 th { background: #FFF; border: #EA5514 solid 2px; color: #EA5514;} .seasonTicketMaiko { border: #17A0CA solid 2px; } .seasonTicketMaiko .seasonTicketSub01 { color: #17A0CA; } .seasonTicketMaiko .seasonTicketSub02 { color: #17A0CA; } .seasonTicketMaiko .seasonTicketList01 li img { border: #17A0CA solid 2px; box-sizing: border-box;} .seasonTicketMaiko .seasonTicketTable th,.seasonTicketMaiko .seasonTicketTable td { border-bottom: #17A0CA solid 2px;} .seasonTicketMaiko .seasonTicketTable th[scope=row] { color: #17A0CA;} .seasonTicketKids { border: #95c51b solid 2px; } .seasonTicketKids .seasonTicketSub01 { color: #95c51b; } .seasonTicketKids .seasonTicketSub02 { color: #95c51b; } .seasonTicketKids .seasonTicketSub02 span { background: #95c51b; color: #FFF; display: inline-block; padding: 0 1em;} .seasonTicketKids .seasonTicketList01 li img { border: #95c51b solid 2px; box-sizing: border-box;} .seasonTicketKids .seasonTicketTable th,.seasonTicketKids .seasonTicketTable td { border-bottom: #95c51b solid 2px;} .seasonTicketKids .seasonTicketTable th[scope=row] { color: #95c51b;} .seasonTicketPremium { border: #aa8c00 solid 2px; } .seasonTicketPremium .seasonTicketSub01 { color: #aa8c00; } .seasonTicketPremium .seasonTicketSub02 { color: #aa8c00; } .seasonTicketPremium .seasonTicketList01 li img { border: #aa8c00 solid 2px; box-sizing: border-box;} .seasonTicketPremium .seasonTicketTable th,.seasonTicketPremium .seasonTicketTable td { border-bottom: #aa8c00 solid 2px;} .seasonTicketPremium .seasonTicketTable th[scope=row] { color: #aa8c00;} .seasonTicketSmile { border: #d83374 solid 2px; } .seasonTicketSmile .seasonTicketSub01 { color: #d83374; } .seasonTicketSmile .seasonTicketSub02 { color: #d83374; } .seasonTicketSmile .seasonTicketList01 li img { border: #d83374 solid 2px; box-sizing: border-box;} .seasonTicketSmile .seasonTicketTable th,.seasonTicketSmile .seasonTicketTable td { border-bottom: #d83374 solid 2px;} .seasonTicketSmile .seasonTicketTable th[scope=row] { color: #d83374;} /* 月間予約カレンダー、複合カレンダー、時間割カレンダー、リストカレンダー、ミックスカレンダー */ .mix-calendar, .list-calendar, .timetbale-calendar, .multiple-calendar, .monthly-calendar { clear: both; font-family: sans-serif; margin-bottom: 1.5rem;} .list-calendar h3, .timetable-calendar h3, .multiple-calendar h3, .monthly-calendar h3 { font-size: 1.1rem; margin: 0.5rem 0;} .mix-calendar table, .timetable-calendar table, .multiple-calendar table, .monthly-calendar table { width: 98%;} .mix-calendar table caption, .list-calendar table caption, .timetable-calendar table caption, .multiple-calendar table caption, .monthly-calendar table caption { font-size: 1.2rem; text-align: center;} .mix-calendar th, .mix-calendar td, .timetable-calendar th, .timetable-calendar td, .multiple-calendar th, .multiple-calendar td, .monthly-calendar th, .monthly-calendar td { text-align: center; width: 14%; background: #FFF; border: #EEE 1px solid;} .mix-calendar th, .timetable-calendar th, .multiple-calendar th, .monthly-calendar th { font-size: 1.1rem; font-weight: bold;} .monthly-calendar caption { display: table-caption; } .header-row th { padding-top: 14px; padding-bottom: 14px; } .calendar-title { text-align: center; padding: 16px 0 0;} .list-calendar table { width: auto;} .list-calendar th, .list-calendar td { border: 1px solid #dddddd; text-align: center;} .list-calendar th { font-size: 1.1em; padding: 0.6em 1em;} .list-calendar td { text-align: center; font-size: 1.1em; padding: 0.6em;} .mix-calendar .header-row .sun, .list-box.sun, .week-title.sun, .day-box.sun .day-number { color: #ff6347;} .mix-calendar .header-row .sat, .list-box.sat, .week-title.sat, .day-box.sat .day-number { color: #4169e1;} .list-box.holiday, .day-box.holiday .day-number { color: #ff6347;} caption.holiday, caption.sun { color: #ff6347;} caption.sat { color: #4169e1;} .mix-calendar td, .multiple-calendar td, .monthly-calendar td { padding: 6px 0;} .day-box.no-day { background-color: #f0f0f0;} .day-box.today { background-color: #ffffe0;} .monthly-prev-next { font-size: 1rem; width: 98%;} .monthly-prev { float: left;} .monthly-next { float: right;} .calendar-time-mark, .calendar-mark { color: #888888; font-family: serif; font-size: 1.4rem;} .calendar-mark .article-name { font-family: sans-serif;} .calendar-time-disable { color: #888888; font-size: 1.4rem;} .calendar-time-mark { line-height: 1.5rem;} .calendar-time-mark .time-string { font-size: 0.8rem;} .calendar-mark .article-name { font-size: 0.8rem;} /* ウィジェットのミックスカレンダー */ .mix-widget-calendar table { margin: 1em; width: 90%;} .mix-widget-calendar .monthly-prev-next { margin: 1em; width: 90%;} .mix-widget-calendar caption { text-align: center;} .mix-widget-calendar th, .mix-widget-calendar td { border-bottom: 1px solid #dddddd; padding-bottom: 0.2em; text-align: center; width: 14%;} .mix-widget-calendar .day-number { margin: 0.5em 0 0.2em;} .mix-widget-calendar .header-row .sun { color: #ff6347;} .mix-widget-calendar .header-row .sat { color: #4169e1;} .mix-widget-calendar .schedule-note { font-size: 0.5em;} /* 指定日予約状況表示 */ .day-calendar { font-family: sans-serif; margin-bottom: 1.5rem;} .day-calendar h3 { font-size: 1.1rem; margin: 10px 0;} .day-calendar table { border: none; border-collapse: separate; border-spacing: 1px 5px; width: 80%;} .day-calendar th, .day-calendar td { font-size: 1rem; text-align: center; padding: 0; vertical-align: middle; width: 50%;} th.day-left { -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #dddddd; line-height: 2.5rem;} th.day-right { -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #dddddd;} td.day-right { -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #dddddd; font-size: 1.5rem;} a.booking-timelink { display: block;} /* ミックスカレンダーデイリー */ .day-mix-calendar { font-family: sans-serif; margin-bottom: 1.5rem;} .day-mix-calendar table { width: 98%;} .day-mix-calendar .article-name { width: 20%;} .day-mix-calendar .schedule-note { width: 15%;} .day-mix-calendar th, .day-mix-calendar td { border: 1px solid #dddddd; font-size: 1rem; text-align: center; vertical-align: middle;} .mix-dayrow.space-line { border-left-style: none; border-right-style: none; height: 1rem;} /* 時間割選択 */ .timetable-select { margin-right: 0.5em; font-size: 1.2em; padding: 2px; vertical-align: middle;} .select-timetable input { padding: 0.1em 0.5em; font-size: 0.9em;} /* 予約フォーム */ .content-form { margin-bottom: 1rem;} .content-form .form-message { background-color: #ffffe0; border: 1px solid #e6db55; margin-bottom: 1rem; padding: 0.5rem; width: 99%;} .content-form .form-message.error { background-color: #ffebe8; border: 1px solid #f08080;} .content-form fieldset { border: 1px solid #dddddd; padding: 10px 0 0 10px; margin: 0 0 1.5rem 0; width: 98%;} .content-form legend { font-size: 1.1rem; font-weight: bold; padding: 0 5px;} .content-form table { border: none; border-collapse: separate; border-spacing: 5px; margin: 0 0 5px 0; width: 99%;} .content-form th, .content-form td { border-top: none; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: none; padding: 2px; vertical-align: middle;} .content-form th { font-size: 1rem; line-height: 2.2rem; padding-right: 10px; text-align: right; vertical-align: top; width: 30%;} .content-form td { font-size: 0.9rem;} .content-form input, .content-form textarea { padding: 3px; margin-bottom: 3px; font-size: 1rem;} .content-form button { padding: 3px 7px;} .content-text.small { width: 3rem;} .content-text.medium { width: 48%;} .content-text.fat { width: 95%;} .input-number { float: left; margin-right: 1rem; text-align: center;} input.right { text-align: right;} .content-form .error-message { clear: both; color: red;} .content-form .required { color: red;} .content-form .unit-price { clear: both;} /* 予約フォーム料金表 */ .bill-details td { padding-right: 0.5rem;} .bill-details td.bill-number { text-align: center;} .bill-details td.bill-unit, .bill-details td.bill-cost { text-align: right;} .bill-total, .bill-tax { padding-right: 1.5rem; text-align: right;} /* 予約フォーム　同意書　送信ボタン */ #terms-conditions, #accedence-box, #button-message { margin: 1rem 0;} #action-button { position: relative; text-align: center;} #action-button-cover { position: absolute; top: 0; height: 100%; width: 100%; background-color: #ffffff; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;} /* 予約フォーム オプション表示項目 */ .content-form input.booking-option-number { text-align: right; width: 3rem;} .content-form label.field-item { margin-right: 0.4rem;} .content-form label.field-item input { margin-right: 0.15rem;} .content-form select { font-size: 1rem; padding: 0.1rem 0.15rem;} /* 予約確認 キャンセル */ th.subscription-header { text-align: left;} .subscription-title { font-size: 1.2rem;} .subscription-cancel { display: block; float: right;} .schoolCertificationIcon { text-align: center; padding: 0 0 24px; } .schoolCertificationSub { overflow: hidden; padding: 0 0 40px;} .schoolCertificationSub h3 { padding: 0 0 18px; font-size: 1.9rem; font-size: 5.06667vw; font-weight: bold; line-height: 1.2;} .schoolCertificationSub p { line-height: 1.85; } .schoolCertificationSec01 { overflow: hidden; clear: both; } .schoolCertificationSec01 h4 { border-bottom: #000F3A solid 1px; font-weight: bold; line-height: 1.2; padding: 0 0 4px 18px; margin: 0 0 12px;} .schoolCertificationSec01L { overflow: hidden; padding: 0 0 40px; } .schoolCertificationSec01LWrap { overflow: hidden; padding: 0 0 0 18px; } .schoolCertificationSec01LDl01 { font-weight: bold; } .schoolCertificationSec01LDl01 dt { margin-left: 1em; text-indent: -1em;} .schoolCertificationSec01LDl01 dt:before { content: "■";} .schoolCertificationYear { float: left; margin-right: 1em;} .schoolCertificationDate { overflow: hidden; } .schoolCertificationSec01RWrap { overflow: hidden; padding: 0 0 0 18px; } .schoolCertificationSec01RList01 { overflow: hidden; padding: 0 0 18px;} .schoolCertificationSec01RList01 li { overflow: hidden; } .schoolCertificationSec01RList01 dt { float: left; width: 105px; margin-right: 20px; text-align: right;} .schoolCertificationSec01RList01 dd { overflow: hidden; } .schoolCertificationTable { width: 560px; } .schoolCertificationTable th,.schoolCertificationTable td { padding: 15px; border: #000F3A solid 1px; box-sizing: border-box; line-height: 1.2;} .schoolCertificationTable td { text-align: right;} .schoolCertificationTable td { width: 90px; white-space: nowrap;} .schoolCertificationTable td:last-child { text-align: left; width: auto; white-space: normal;} .schoolCertificationTable th { text-align: center; white-space: nowrap;} .schoolCertificationTable th:last-child { text-align: left;} .schoolCertificationTable th:last-child[scope=col] { width: auto; } /*lodge*/ #lodgeReservationBtn { background: #40210F; width: 100%; padding: 14px; box-sizing: border-box; text-align: center;} #lodgeReservationBtnBorder { display: inline-block; width: 100%; box-sizing: border-box; border: #FFF 1px solid;} #lodgeReservationBtn a span { display: block;} #lodgeReservationBtn01 { display: inline-block; width: 100%; padding: 65px 0 20px; box-sizing: border-box; line-height: 1.2; color: #FFF; background: url(images/icon_lodge_reservation.png) 50% 14px no-repeat; background-size: auto 45px;} #lodgeReservationBtn01 .lodgeReservationBtnEn { font-size: 2.4rem; font-size: 6.4vw; font-weight: bold; font-style: italic; } #lodgeReservationBtn01 .lodgeReservationBtnJp { font-size: 1.5rem; font-size: 4vw; } #lodgeReservationBtnList {} #lodgeReservationBtnList li { line-height: 1.2; font-size: 1.6rem; font-size: 4.26667vw;} #lodgeReservationBtnList li a { display: block; color: #FFF; padding: 10px;} #lodgeReservationBtnList li:nth-child(1) a { background: #C59E6C;} #lodgeReservationBtnList li:nth-child(2) a { background: #a98458;} #lodgeReservationBtnList li:nth-child(3) a { background: #835f3d;} #lodgeReservationBtnList li:nth-child(4) a { background: #664429;} #lodgeReservationFloating { display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; text-align: center;} #lodgeReservationFloating li { float: left; width: 50%; line-height: 1.2;} #lodgeReservationFloating li a { display: block; color: #FFF; padding: 10px;} #lodgeReservationFloating li:nth-child(1) a { background: #C59E6C;} #lodgeReservationFloating li:nth-child(2) a { background: #a98458;} #lodgeReservationFloating li:nth-child(3) a { background: #835f3d;} #lodgeReservationFloating li:nth-child(4) a { background: #664429;} /* summer index *//*---------------------------------------------------------------------------------------------------------------------------------------------*/ /*summer index*/ #summerWelcome { overflow: hidden; padding: 0 4% 64px; } /*outdoor activities*/ #outdoorTabContentNav { float: left; width: 100%; margin: 0 0 64px; box-sizing: border-box;} #outdoorTabContentNav li { float: left; width: 30%; margin: 0 5% 0 0; text-align: center; line-height: 1.2;} #outdoorTabContentNav li:nth-child(3n) { margin-right: 0; } #outdoorTabContentNav li a { position: relative; display: block; padding: 20px 0; background: #73AFAF; font-size: 1.6rem; font-size: 4.26667vw; color: #FFF; z-index: 10;} #outdoorTabContentNav li a.active:after { content: ''; width: 40px; height: 40px; position: absolute; bottom: 0; left: 50%; display: block; display: block; background: #73AFAF; z-index: -1; -webkit-transform: translateY(0px) translateX(-50%) rotate(45deg); -ms-transform: translateY(0px) translateX(-50%) rotate(45deg); transform: translateY(0px) translateX(-50%) rotate(45deg); } #outdoorTabContentNav li a { opacity: 0.6; color: #FFF !important;} #outdoorTabContentNav li a.active { opacity: 1;} /*pre season tickets*/ .preSeasonTicketList01 { overflow: hidden; } .preSeasonTicketList01 li { width: 48%; float: left; text-align: center; margin-bottom: 36px;} .preSeasonTicketList01 li.w100 { width: 100%;} .preSeasonTicketList01 li:nth-child(2n) { float: right; } .preSeasonTicketList01 li dt { border-bottom: #8ABAB4 solid 1px; line-height: 1.2; padding-bottom: 8px; margin-bottom: 24px;} .preSeasonTicketApply { font-size: 1.3rem; font-size: 3.46667vw; } .preSeasonTicketApplyDl dd { padding-bottom: 36px; } /*ground golf rule*/ .groundGolfRuleList01 { overflow: hidden; } .groundGolfRuleList01 li { clear: both; overflow: hidden; position: relative; margin: 0 0 16px;} .groundGolfRuleList01Img { float: left; width: 30%; } .groundGolfRuleList01 dl { overflow: hidden; position: absolute; top: 50%; left: 40%; width: 60%; -webkit-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0);} .groundGolfRuleList01 dt { font-weight: bold;} .groundGolfRuleList02 { text-align: center; } .groundGolfRuleList02 li { display: inline-block; } .groundGolfRuleList02 li:before { content: "・";} .groundGolfRuleList03 { text-align: center; } .groundGolfRuleList03 li:before { content: "・";} .groundGolfRuleSec01 { overflow: hidden; background: #E8F1D7; padding: 40px 4% 66px; } .groundGolfRuleSec01Sub { position: relative; z-index: 1; } #groundGolfRuleSec01Img { margin-top: -16px; position: relative; z-index: 0;} /*glamping*/ .glampingSUb01 { text-align: center; overflow: hidden; padding: 0 0 20px;} .glampingSUb01 h3 { font-size: 1.8rem; font-size: 4.8vw; font-weight: bold; margin: 0 0 6px;} #day01 { background: url(images/glamping_day01.png) 50% 0 no-repeat; padding-top: 141px !important;} #day02 { background: url(images/glamping_day02.png) 50% 0 no-repeat; padding-top: 141px !important;} .glampingImgList { text-align: center; } .glampingImgList li { float: left;} .glampingImgList li:nth-child(2n) { float: right;} .glampingImgList li.w37-8 { width: 37.8%;} .glampingImgList li.w56-8 { width: 56.8%;} .glampingImgList li.w53-4 { width: 53.4%;} .glampingImgList li.w45 { width: 45%;} .glampingImgList li.w50 { width: 50%;} .glampingBtnList { overflow: hidden; } .glampingBtnList li { margin: 0 0 16px;} .glampingBtnList li .linkBtn01 { padding-left: 0; padding-right: 0;} .glampingBtnList li:last-child { margin: 0;} .glampingSec01 { position: relative; padding: 110px 0 0; color: #40210F;} #glampingDay01 { position: absolute; top: -24px; left: 0; } #glampingDay02 { position: absolute; top: -156px; left: -10px; width: 90px;} .glampingSec02 { color: #40210F;} .glampingSec03 { color: #40210F; padding-bottom: 60px;} .glampingSec0301 { position: relative; } .slickWide .slick-dots { width: 100%; z-index: 10;} .slickWide .slick-dots li button { border: #3a070a 1px solid;} .slickWide .slick-active button { background: #3a070a !important;} .glampingPoint { padding: 63px 0 0; font-size: 2.4rem; font-size: 6.4vw; font-style: italic; font-weight: bold; margin: 0 auto 16px; border: #40210f 1px solid; border-radius: 8px; width: 160px; height: 100px; box-sizing: border-box; text-align: center; line-height: 1; background-repeat: no-repeat; background-position: 50% 5px; background-size: auto 62px;} #glampingPoint01 { background-image: url(images/glamping_icon01.png);} #glampingPoint02 { background-image: url(images/glamping_icon02.png);} #glampingPoint03 { background-image: url(images/glamping_icon03.png);} #glampingPoint04 { background-image: url(images/glamping_icon04.png);} #glampingPoint05 { background-image: url(images/glamping_icon05.png);} #glampingPoint06 { background-image: url(images/glamping_icon06.png);} #glampingPoint07 { background-image: url(images/glamping_icon07.png);} .glampingCircleDl { border: #40210f 1px solid; border-radius: 50%; background: #F3EEE9; width: 110px; height: 110px; position: absolute; z-index: 10; top: -64px; left: 0; transform: translateY(-50%) translateX(0); line-height: 1; text-align: center;} .glampingCircleDl dt { padding: 34px 0 4px; font-size: 2.0rem; font-size: 5.33333vw; font-weight: bold; font-style: italic; letter-spacing: 0.1em;} .glampingCircleDl dd { font-size: 1.2rem; font-size: 3.2vw; font-weight: bold;} .glampingSec01 .glampingCircleDl { top: 0; left: 50%; transform: translateY(0) translateX(-50%);} .glampingSec01 .glampingCircleDl dt { padding: 32px 0 4px;} .glampingSec01 .glampingCircleDl dd { font-size: 1.5rem; font-size: 4vw;} .glampingSec04 { position: relative; padding: 110px 0 0; color: #40210F;} .glampingSec04 .glampingCircleDl { top: 0; left: 50%; transform: translateY(0) translateX(-50%);} .glampingSec04 .glampingCircleDl dt { padding: 32px 0 4px;} /*auto camp*/ #autoCmapCTA li { margin: 0 auto; font-weight: bold; font-size: 1.5rem; font-size: 4vw;} #autoCmapCTA01 { width: 333px; height: 68px;} #autoCmapCTA02 { width: 303px; height: 68px;} #autoCmapCTA a { display: block; color: #FFF !important; box-sizing: border-box;} #autoCmapCTA01 a { width: 333px; height: 68px; padding: 30px 0 0 130px; background: url(images/auto-cmap-cta_bg01.png); } #autoCmapCTA02 a { width: 303px; height: 68px; padding: 25px 0 0 40px; background: url(images/auto-cmap-cta_bg02.png); } #autoCmapCTA02 a span { font-size: 120%; padding: 5px 0 5px 20px; margin: 0 0 0 16px; background: url(images/icon_tel03.png) 0 50% no-repeat;} .autoCampAreaList { overflow: hidden; } .autoCampAreaList li { float: left; width: 48%; margin: 0 0 24px; line-height: 1.2; text-align: center;} .autoCampAreaList li:nth-child(2n) { float: right;} .autoCampAreaListImg { margin-bottom: 10px; } .autoCampRentalList { overflow: hidden; } .autoCampRentalList li { float: left; width: 48%; margin: 0 0 24px; line-height: 1.2; text-align: center;} .autoCampRentalList li:nth-child(2n) { float: right;} .autoCampRentalList li:nth-child(2n+1) { clear: left;} .autoCampRentalListImg { margin-bottom: 10px; } .autoCampBT01 { border-top: #40210F solid 1px; padding: 16px;} /* hotel index *//*---------------------------------------------------------------------------------------------------------------------------------------------*/ /*hotel*/ #hotelReservationBtn { background: #40210F; width: 100%; padding: 14px; margin: 0 0 28px; box-sizing: border-box; text-align: center;} #hotelReservationBtnBorder { display: inline-block; width: 100%; box-sizing: border-box; border: #FFF 1px solid;} #hotelReservationBtn a span { display: block;} #hotelReservationBtn01 { display: inline-block; width: 100%; padding: 65px 0 20px; box-sizing: border-box; line-height: 1.2; color: #FFF; background: url(images/icon_reservation.png) 50% 14px no-repeat; background-size: auto 45px;} #hotelReservationBtn01 .hotelReservationBtnEn { font-size: 2.4rem; font-size: 6.4vw; font-weight: bold; font-style: italic; } #hotelReservationBtn01 .hotelReservationBtnJp { font-size: 1.5rem; font-size: 4vw; } #hotelReservationBtnList {} #hotelReservationBtnList li { line-height: 1.2; font-size: 1.6rem; font-size: 4.26667vw;} #hotelReservationBtnList li a { display: block; color: #FFF; padding: 10px;} #hotelReservationBtnList li:nth-child(1) a { background: #C59E6C;} #hotelReservationBtnList li:nth-child(2) a { background: #a98458;} #hotelReservationBtnList li:nth-child(3) a { background: #835f3d;} #hotelReservationBtnList li:nth-child(4) a { background: #664429;} #hotelReservationFloating { display: none; position: fixed; bottom: 52px; left: 0; width: 100%; z-index: 100; text-align: center;} #hotelReservationFloating li { float: left; width: 50%; line-height: 1.2;} #hotelReservationFloating li a { display: block; color: #FFF; padding: 10px;} #hotelReservationFloating li:nth-child(1) a { background: #C59E6C;} #hotelReservationFloating li:nth-child(2) a { background: #a98458;} #hotelReservationFloating li:nth-child(3) a { background: #835f3d;} #hotelReservationFloating li:nth-child(4) a { background: #664429;} #hotelSec01 { overflow: hidden; padding: 0 4% 40px; box-sizing: border-box;} #hotelSec02 { overflow: hidden; padding: 0 4% 72px; box-sizing: border-box;} #hotelSec02Sub01 { position: relative; font-size: 1.7rem; font-size: 4.53333vw; text-align: center; color: #40210F;} #hotelSec02Sub01 span { display: inline-block; min-height: 53px; padding: 16px 0 20px 100px; margin: 0 0 0 -100px; background: url(images/icon_hotel01.png) 0 50% no-repeat; background-size: 92px auto; box-sizing: border-box;} #hotelSec02Sub01:after { content: ''; display: block; position: absolute; bottom: 14px; left: 0; width: 100%; height: 1px; background: #40210f; } /*room*/ #givSub01 { position: relative; margin: 0 0 56px; padding: 40px 0 0; background: url(images/icon_google.png) 50% 0 no-repeat; text-align: center;} #givSub01:after { content: ""; display: block; width: 100%; height: 1px; background: #40210F; position: absolute; bottom: 1px; left: 0; z-index: 0;} #givSub01 a { line-height: 1.6; display: inline-block; text-align: left; position: relative; padding: 0 35px 0 0; background: url(images/icon_indoor-view.jpg) 100% 100% no-repeat; background-size: auto 31px; z-index: 1;} #givSub01 a span { font-size: 1.7rem; font-size: 4.53333vw; font-weight: 700;} /*restraunt*/ .restrauntSlidePickUp { overflow: hidden; padding: 0 4% 32px; text-align: center; line-height: 1.2; transition: all .2s ease-in-out;} .restrauntSlidePickUp dt { margin-bottom: 8px; } .restrauntSlidePickUp dt img { width: 100%;} .restrauntSlidePickUp dd {} .restrauntMenu { overflow: hidden; padding: 0 0 30px;} .restrauntMenu dt { margin-left: 1em; text-indent: -1em; } .restrauntMenu dt:before { content: '□'; } .restrauntMenu dd li { margin-left: 1em; text-indent: -1em; } .restrauntMenu dd li:before { content: '・';} .additionalMenuList { overflow: hidden;} .additionalMenuList li { overflow: hidden; margin: 0 0 10px; } .additionalMenuList li:nth-child(2n+1) { clear: left;} .additionalMenuListImg { float: left; width: 35%; margin-right: 10px;} #additionalMenuList02 { display: flex; flex-wrap: wrap;} #additionalMenuList02 li { width: calc( (100% - 20px)/3 ); margin: 10px 10px 0 0;} #additionalMenuList02 li:nth-child( -n + 3 ) { margin-top: 0; } #additionalMenuList02 li:nth-child( 3n ) { margin-right: 0; } #additionalMenuList02 .additionalMenuListImg { float: none; width: 100%; margin-right: 0;} .restrauntBanquetSlideTxt { overflow: hidden; padding: 16px 0 0; } .restrauntBanquetSlideTxt dt { font-weight: bold;} .restrauntBanquetSlideTxt dd { } .restrauntBanquetSec { padding: 0 0 48px; } .restrauntBanquetImg { overflow: hidden; padding: 0 0 16px; } .restrauntBanquetImg li { width: 50%; float: left; } /*family*/ .hotelFamilySec01 { padding: 0 0 48px; } .hotelFamilySec02 { margin: 0 0 24px; } .hotelFamilySec03 { text-align: center; margin: 0 0 16px;} /*maikoya*/ #maikoyaTitle {} #maikoyaTitle img { width: auto; max-height: 48px; } /* corporate *//*---------------------------------------------------------------------------------------------------------------------------------------------*/ /*plivacy policy*/ .plivacyDl { line-height: 2; } .plivacyDl dt { text-indent: -0.5em; } .plivacyDl dd { padding-left: 1em; padding-bottom: 32px;} .plivacyDl dd li { margin-left: 2.5em; text-indent: -2.5em;} /*.plivacyDl dd li { list-style: decimal; margin-left: 1em;}*/ /*use policy*/ .usePolicyDl dd { padding-bottom: 32px; } /*contact*/ .formSec { overflow: hidden; padding: 0 0 20px; margin: 0 0 20px; border-bottom: #A9B1BE solid 1px;} .privacyDl { 10 font-size: 1.0rem; font-size: 2.66667vw; } .privacyDl dt { text-indent: -0.5em; } .privacyDl dd { padding: 0 0 26px;} /*--- blog ---*/ #blogWrapper { width: 100%; margin: 60px auto; padding: 0 4%; box-sizing: border-box;} #blogWrapper a { } .blogHead { overflow: hidden; padding: 0 0 20px; line-height: 1.2;} .blogHead .postDate { padding: 0; float: right;} .blogHead .postTitle { font-size: 1.8rem; font-size: 4.8vw; overflow: hidden; font-weight: bold;} .blogHead .postTitle a { color: #000F3A;} .blogBody { overflow: hidden; padding: 0 0 40px; } .blogBody p { padding: 0 0 24px;} .grayBtn { width: 150px; margin-left: auto; margin-right: auto;} .grayBtn a { display: block; text-align: center; line-height: 1.2; padding: 1em; box-sizing: border-box; background: #dcdddd; color: #000;} #closeColorBox { margin-bottom: 40px;} #backToHistorySP { display: none; margin-bottom: 40px;} .pagerPare { text-align: center; margin: 0 0 40px; } #prevPagePare { overflow: hidden; padding: 0 0 32px; clear: both;} .toIndex { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; padding: 47px 0 0;} .singlePager { overflow: hidden; padding: 0; clear: both;} .singlePager .prev { float: left; } .singlePager .next { float: right; } .toList { text-align: center; margin-top: -1.6em;} .entry-content img { margin: 0 0 1.5em 0; } .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .alignnone, img.alignnone { margin-right: auto; margin-left: auto; display: block; clear: both;} .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 1.0rem; margin: 0; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} /*regal*/ .regalCardList { overflow: hidden; } .regalCardList li { float: left; margin-right: 8px; } .regalCardList li img { height: 28px; } /*wedding*/ .weddingBody .parallaxCon { background: #FFF; } .weddingContactList01 {} .weddingContactList01 li { margin-bottom: 16px; } .weddingContactList01 li dt { padding: 0.5em 0; font-size: 1.2rem; font-size: 3.2vw; float: left; width: 3em;} .weddingContactList01 li dd { overflow: hidden;} #weddingBody { background: #FFF; } #indexMain.weddingMain { background: url(images/wedding_main.jpg) no-repeat 50% 50% / cover; width: 100vw; height: 68vw; overflow: visible; overflow-x: hidden;} #indexMain.weddingMain p { position: absolute;} #weddingTitle { width: 21.3vw; top: 1.9vw; left: 13vw;} #weddingMainImg01 { width: 16.9vw; top: 0; right: 2vw;} #weddingMainImg02 { width: 33.5vw; bottom: -8vw; left: -5.3vw;} #weddingMainImg03 { width: 32.9vw; bottom: -3.2vw; right: -5.2vw;} #weddingSec01 { overflow: visible; position: relative; padding-left: 4%; padding-right: 4%; padding-bottom: 40px;} #weddingSub01 { text-align: center; padding: 0 8%; margin: -20vw 0 0;} #weddingLogo01Pare { text-align: center; } #weddingLogo01 { display: inline-block; text-align: left; color: #A58C4B; padding: 70px 17.5vw 0 0; margin: 24px 0 48px; line-height: 1.2; letter-spacing: 0.1em; background: url(images/wedding_logo01.png) no-repeat 100% 0/35vw auto;} #weddingLogo01 span { display: inline-block;} #weddingLogo0101 { padding-bottom: 8px; } #weddingLogo0102 { padding-bottom: 4px; } #weddingLogo0103 {} .weddingSec02 { position: relative; padding-left: 4%; padding-right: 4%; padding-bottom: 40px; overflow: hidden;} .weddingImgpT01 { position: absolute; top: 8vw; right: -4vw; padding-left: 4vw;} .weddingSub01 { position: relative; z-index: 10; } .weddingSub01Img { display: block; width: 57.3vw; margin-left: -4vw; } .weddingSub0101 { display: block; text-align: center; position: absolute; top: 0; margin-left: -4vw; width: 56vw; background: #000;} .weddingSub010101 { display: block; position: absolute; top: 14.5vw; left: 0; width: 56vw; line-height: 1.4; font-size: 1.6rem; font-size: 4.26667vw;} .weddingSub010102 { display: block; position: absolute; top: 42vw; left: 0; width: 56vw; line-height: 1.2; font-size: 1.5rem; font-size: 4vw;} .weddingImgpT02 { width: 75vw; margin-left: -4vw; } .weddingBox01 { float: right; position: relative; z-index: 1; width: 60vw; margin: -35vw -4vw 0 0; background: #FFF; padding: 16px; box-sizing: border-box;} .weddingBox02 { overflow: hidden; clear: both; padding-top: 10px;} .weddingBox0201 { display: block; float: right; width: 50vw; margin-right: -4vw; margin-left: 16px; } .weddingBox0202 { display: block; overflow: hidden; padding: 16px 0 0;} #weddingBox02-02.weddingBox02 { position: relative;} #weddingBox02-02 .weddingBox0201 { position: absolute; top: 10px; right: 0; float: none; width: 50vw; margin-right: 0; margin-left: 0; } #weddingBox02-02 .weddingBox0202 { } .weddingSec0201 { position: relative;} .weddingSec0201:after { opacity: 0; content: ''; display: block; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 75vw; height: 75vw; border-radius: 100%; border: #a89051 solid 1px; transition: all 1s ease-in-out; transition-delay: 1s !important;} .weddingSec0201.aniDisp:after { opacity: 1;} .weddingIcon01 { padding: 44px 0 0; background: url(images/wedding_icon01.png) no-repeat 0 0 / auto; } .weddingPartyTxt01 { padding: 24px 0 0 24px; } .weddingPartyTxt02 { padding: 0 0 0 24px; line-height: 1.4;} .weddingSec03 { padding-left: 4%; padding-right: 4%; padding-bottom: 40px; padding-top: 40px; overflow: hidden; border-top: #C1B083 solid 1px;} #weddingOptionImg01 { text-align: center; padding: 0 0 24px;} .weddingSec03Sub01 { padding: 15px 0 10px 20px; margin: 0 0 10px; position: relative; background: #EEE5E9; line-height: 1.2;} .weddingSec03Sub01:after { content: ""; display: block; width: 100%; height: 1px; background: #FFF; position: absolute; bottom: 4px; left: 0; } .weddingSec03Sub02 { padding: 15px 0 10px 20px; margin: 0 0 10px; position: relative; background: #c6e2eb; line-height: 1.2;} .weddingSec03Sub02 span { font-size: 1.2rem; font-size: 3.2vw;} .weddingSec03Sub02:after { content: ""; display: block; width: 100%; height: 1px; background: #FFF; position: absolute; bottom: 4px; left: 0; } .weddingSec03Txt { padding-left: 20px; } #weddingLogo02 { text-align: center; margin: 0 0 16px;} .weddingCTA { text-align: center; } .weddingCTA li { line-height: 1.4; height: 70px; margin-bottom: 6px; box-sizing: border-box;} .weddingCTA li a { width: 300px; height: 70px; overflow: hidden; position: relative; display: inline-block; color: #005E79 !important; background: #C6E2EB;} .weddingCTA li a:after { content: ""; display: block; width: 70px; height: 70px; position: absolute; top: 0; left: 0; background: url(images/wedding_tel.png) no-repeat 50% 50%/auto #AED6E3;} .weddingCTA li:nth-child(2) a:after { background: url(images/wedding_mail.png) no-repeat 50% 50%/auto #AED6E3;} .weddingCTA li a > span { padding: 4px 0 0; display: block; width: 230px; position: absolute; top: 50%; left: 70px; transform: translateY(-50%);} .weddingBnr01 { text-align: center; padding: 0 4% 48px; } .weddingBnr02 { text-align: center; padding: 0 4% 80px; } .weddingBnr03 { text-align: center; padding: 48px 4%; } .bnr01 { text-align: center; padding-left: 4%; padding-right: 4%; } .recruitBnr01 { text-align: center; padding: 0 4% 64px; } /*animation */ .aniObj { transition: all 1s ease-in-out; opacity: 0; transform-origin: left top; } .aniDisp { opacity: 1 !important; transform: translateY(0) translateX(0) rotate(0) !important; } .aniDispC { opacity: 1 !important; transform: translateY(0) translateX(-50%) rotate(0) !important; } .aniObjY01 { transform: translateY(20px); } .aniObjFixedPcLeft { transform: translateY(20px) translateX(0); } .aniDispFixedPcLeft { opacity: 1 !important; transform: translateY(0) translateX(0) rotate(0) !important; } @media print, screen and ( min-width: 600px ) { .aniObjFixedPcLeft { transform: translateY(20px) translateX(0); } .aniDispFixedPcLeft { opacity: 1 !important; transform: translateY(0) translateX(0%) rotate(0) !important; } } .aniObjR01 { transform: translateX(20px); } .aniObjL01 { transform: translateX(-20px); } .aniObjD0 { transition-delay: 0s !important; } .aniObjD1 { transition-delay: 0.1s !important; } .aniObjD2 { transition-delay: 0.2s !important; } .aniObjD3 { transition-delay: 0.3s !important; } .aniObjD4 { transition-delay: 0.4s !important; } .aniObjD5 { transition-delay: 0.5s !important; } .aniObjD6 { transition-delay: 0.6s !important; } .aniObjD7 { transition-delay: 0.7s !important; } .aniObjD8 { transition-delay: 0.8s !important; } .aniObjD9 { transition-delay: 0.9s !important; } .aniObjD10 { transition-delay: 1s !important; } .aniObjD11 { transition-delay: 1.1s !important; } .aniObjD12 { transition-delay: 1.2s !important; } .aniObjD13 { transition-delay: 1.3s !important; } .aniObjD14 { transition-delay: 1.4s !important; } .aniObjD15 { transition-delay: 1.5s !important; } .aniObjD16 { transition-delay: 1.6s !important; } .aniObjD17 { transition-delay: 1.7s !important; } .aniObjD18 { transition-delay: 1.8s !important; } .aniObjD19 { transition-delay: 1.9s !important; } .aniObjD20 { transition-delay: 2s !important; } .aniObjD21 { transition-delay: 2.1s !important; } .aniObjD22 { transition-delay: 2.2s !important; } .aniObjD23 { transition-delay: 2.3s !important; } .aniObjD24 { transition-delay: 2.4s !important; } .aniObjD25 { transition-delay: 2.5s !important; } .aniObjD26 { transition-delay: 2.6s !important; } .aniObjD27 { transition-delay: 2.7s !important; } .aniObjD28 { transition-delay: 2.8s !important; } .aniObjD29 { transition-delay: 2.9s !important; } .aniObjD30 { transition-delay: 3s !important; } /* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 600px ) { .navLock { height: 100%; overflow: hidden; } #glNav { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 48px 0 0; box-sizing: border-box; z-index: 200; overflow: auto;} #glNavBG { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 48px 0 0; z-index: 200; background: rgba(0,15,58,0.5);} #spMenu { width: 48px; height: 48px; background: #FFF; position: fixed; top: 0; right: 0; padding: 15px 0 0; box-sizing: border-box; z-index: 500;} #spMenu span { display: block; width: 18px; height: 2px; margin-left: 15px; margin-top: 2px; background: #000F3A; transition: all .2s ease-in-out;} #spMenu.active #spMenu01 { -webkit-transform: translateY(4px) translateX(0) rotate(45deg); -ms-transform: translateY(4px) translateX(0) rotate(45deg); transform: translateY(4px) translateX(0) rotate(45deg);} #spMenu.active #spMenu02 { -webkit-transform: translateY(0) translateX(0) rotate(-45deg); -ms-transform: translateY(0) translateX(0) rotate(-45deg); transform: translateY(0) translateX(0) rotate(-45deg);} #spMenu.active #spMenu03 { display: none;} #glNavTop { position: relative; overflow: hidden; margin: 0; width: 100%; padding: 14px 4% 0; background: rgba(255,255,255,1); z-index: 200; box-sizing: border-box;} #glNavTop a { font-weight: bold; display: block; padding: 0.25em 0; letter-spacing: -0.1em; border-bottom: #000f3a 1px solid;} #glNav > dl { position: relative; overflow: hidden; margin: 0; width: 100%; padding: 0 4%; background: rgba(255,255,255,1); z-index: 200; box-sizing: border-box;} #glNav > dl > dt { font-weight: bold; border-bottom: #000f3a 1px solid;} #glNav > dl > dt > a { display: block; position: relative; padding: 0.5em 0;} #glNav > dl > dt a:before { content: ''; display: block; position: absolute; top: 19px; left: 5em; width: 14px; height: 2px; background: #000f3a; } #glNav > dl > dt a:after { content: ''; display: block; position: absolute; top: 13px; left: 5em; width: 2px; height: 14px; margin-left: 6px; background: #000f3a; transition: all .2s ease-in-out;} #glNav > dl > dt.active a:after { -webkit-transform: translateY(0) translateX(0) rotate(90deg); -ms-transform: translateY(0) translateX(0) rotate(90deg); transform: translateY(0) translateX(0) rotate(90deg); opacity: 0;} #glNav > dl > dd { display: none;} #glNav li { float: left; width: 50%; border-bottom: rgba(0,15,58,0.25) 1px solid; box-sizing: border-box;} #glNav li:nth-child(2n-1) { border-right: rgba(0,15,58,0.25) 1px solid;} #glNav li.w100 :nth-child(2n-1) { border-right: none;} #glNav li.bRNone { border-right: none;} #glNav li.bRDisp { border-right: rgba(0,15,58,0.25) 1px solid;} #glNav li.w100 { width: 100%; border-bottom: none;} #glNav li.w100 dl { overflow: hidden; box-sizing: border-box;} #glNav li.w100 dt { border-bottom: rgba(0,15,58,0.25) 1px dashed; } #glNav li.w100 dt a:before { content: "";} #glNav li.w100 dd dd { overflow: hidden; border-bottom: rgba(0,15,58,0.25) 1px dashed; box-sizing: border-box;} #glNav li.w100 dd dd:last-child { border-bottom: rgba(0,15,58,0.25) 1px solid;} #glNav li.w100 dd dt { margin-left: 1em; border-bottom: rgba(0,15,58,0.1) 1px dashed; } #glNav li.w100 dd dd { padding-left: 1em;} #glNav li.w100 dd li { border-bottom: none; border-right: none;} #glNav li a { display: block; padding: 0.25em 0; letter-spacing: -0.1em;;} #glNav li a:before { content: "・";} #glNav > ul { position: relative; overflow: hidden; margin: 0; width: 100%; padding: 14px 4%; background: rgba(255,255,255,1); z-index: 200; box-sizing: border-box;} #glNav > ul > li { width: 33.3%; border-bottom: none; border-right: none !important;} #glNav > #languageLink > dl { position: relative; overflow: hidden; margin: 0; width: 100%; padding: 0 20px 14px; box-sizing: border-box; z-index: 200; text-align: center; background: #FFF;} #glNav > #languageLink > dl > dt { line-height: 1;} #glNav > #languageLink > dl > dt > a { display: block; padding: 0.75em; border: #000 1px solid;} #glNav > #languageLink > dl > dt > a > span { display: inline-block; background: url(images/icon_language.svg) no-repeat 0 50% / auto 1em; padding-left: 1.5em;} #glNav > #languageLink > dl > dd { display: none; overflow: hidden; border-left: #BFC3CE solid 1px; border-right: #BFC3CE solid 1px;} #glNav > #languageLink > dl > li { display: inline-block; overflow: hidden; width: auto; margin: 0 8px; float: none;line-height: 1;} #glNav > #languageLink > dl > li > a { padding: 0; letter-spacing: 0; border: #CCC 1px solid; } .spaC { text-align: center; } .spaL { text-align: left; } .pcDisp { display: none; } .pLRSP { padding-left: 4%; padding-right: 4%;} .sppL20 { padding-left: 20px; } .sppB0 { padding-bottom: 0px !important;} .sppB1 { padding-bottom: 1px !important;} .sppB2 { padding-bottom: 2px !important;} .sppB3 { padding-bottom: 3px !important;} .sppB4 { padding-bottom: 4px !important;} .sppB5 { padding-bottom: 5px !important;} .sppB6 { padding-bottom: 6px !important;} .sppB7 { padding-bottom: 7px !important;} .sppB8 { padding-bottom: 8px !important;} .sppB9 { padding-bottom: 9px !important;} .sppB10 { padding-bottom: 10px !important;} .sppB11 { padding-bottom: 11px !important;} .sppB12 { padding-bottom: 12px !important;} .sppB13 { padding-bottom: 13px !important;} .sppB14 { padding-bottom: 14px !important;} .sppB15 { padding-bottom: 15px !important;} .sppB16 { padding-bottom: 16px !important;} .sppB17 { padding-bottom: 17px !important;} .sppB18 { padding-bottom: 18px !important;} .sppB19 { padding-bottom: 19px !important;} .sppB20 { padding-bottom: 20px !important;} .sppB21 { padding-bottom: 21px !important;} .sppB22 { padding-bottom: 22px !important;} .sppB23 { padding-bottom: 23px !important;} .sppB24 { padding-bottom: 24px !important;} .sppB25 { padding-bottom: 25px !important;} .sppB26 { padding-bottom: 26px !important;} .sppB27 { padding-bottom: 27px !important;} .sppB28 { padding-bottom: 28px !important;} .sppB29 { padding-bottom: 29px !important;} .sppB30 { padding-bottom: 30px !important;} .sppB31 { padding-bottom: 31px !important;} .sppB32 { padding-bottom: 32px !important;} .sppB33 { padding-bottom: 33px !important;} .sppB34 { padding-bottom: 34px !important;} .sppB35 { padding-bottom: 35px !important;} .sppB36 { padding-bottom: 36px !important;} .sppB37 { padding-bottom: 37px !important;} .sppB38 { padding-bottom: 38px !important;} .sppB39 { padding-bottom: 39px !important;} .sppB40 { padding-bottom: 40px !important;} .sppB41 { padding-bottom: 41px !important;} .sppB42 { padding-bottom: 42px !important;} .sppB43 { padding-bottom: 43px !important;} .sppB44 { padding-bottom: 44px !important;} .sppB45 { padding-bottom: 45px !important;} .sppB46 { padding-bottom: 46px !important;} .sppB47 { padding-bottom: 47px !important;} .sppB48 { padding-bottom: 48px !important;} .sppB49 { padding-bottom: 49px !important;} .sppB50 { padding-bottom: 50px !important;} .sppB51 { padding-bottom: 51px !important;} .sppB52 { padding-bottom: 52px !important;} .sppB53 { padding-bottom: 53px !important;} .sppB54 { padding-bottom: 54px !important;} .sppB55 { padding-bottom: 55px !important;} .sppB56 { padding-bottom: 56px !important;} .sppB57 { padding-bottom: 57px !important;} .sppB58 { padding-bottom: 58px !important;} .sppB59 { padding-bottom: 59px !important;} .sppB60 { padding-bottom: 60px !important;} .sppB61 { padding-bottom: 61px !important;} .sppB62 { padding-bottom: 62px !important;} .sppB63 { padding-bottom: 63px !important;} .sppB64 { padding-bottom: 64px !important;} .sppB65 { padding-bottom: 65px !important;} .sppB66 { padding-bottom: 66px !important;} .sppB67 { padding-bottom: 67px !important;} .sppB68 { padding-bottom: 68px !important;} .sppB69 { padding-bottom: 69px !important;} .sppB70 { padding-bottom: 70px !important;} .sppB71 { padding-bottom: 71px !important;} .sppB72 { padding-bottom: 72px !important;} .sppB73 { padding-bottom: 73px !important;} .sppB74 { padding-bottom: 74px !important;} .sppB75 { padding-bottom: 75px !important;} .sppB76 { padding-bottom: 76px !important;} .sppB77 { padding-bottom: 77px !important;} .sppB78 { padding-bottom: 78px !important;} .sppB79 { padding-bottom: 79px !important;} .sppB80 { padding-bottom: 80px !important;} .sppB81 { padding-bottom: 81px !important;} .sppB82 { padding-bottom: 82px !important;} .sppB83 { padding-bottom: 83px !important;} .sppB84 { padding-bottom: 84px !important;} .sppB85 { padding-bottom: 85px !important;} .sppB86 { padding-bottom: 86px !important;} .sppB87 { padding-bottom: 87px !important;} .sppB88 { padding-bottom: 88px !important;} .sppB89 { padding-bottom: 89px !important;} .sppB90 { padding-bottom: 90px !important;} .sppB91 { padding-bottom: 91px !important;} .sppB92 { padding-bottom: 92px !important;} .sppB93 { padding-bottom: 93px !important;} .sppB94 { padding-bottom: 94px !important;} .sppB95 { padding-bottom: 95px !important;} .sppB96 { padding-bottom: 96px !important;} .sppB97 { padding-bottom: 97px !important;} .sppB98 { padding-bottom: 98px !important;} .sppB99 { padding-bottom: 99px !important;} .sppB100 { padding-bottom: 100px !important;} .sppB101 { padding-bottom: 101px !important;} .sppB102 { padding-bottom: 102px !important;} .sppB103 { padding-bottom: 103px !important;} .sppB104 { padding-bottom: 104px !important;} .sppB105 { padding-bottom: 105px !important;} .sppB106 { padding-bottom: 106px !important;} .sppB107 { padding-bottom: 107px !important;} .sppB108 { padding-bottom: 108px !important;} .sppB109 { padding-bottom: 109px !important;} .sppB110 { padding-bottom: 110px !important;} .sppB111 { padding-bottom: 111px !important;} .sppB112 { padding-bottom: 112px !important;} .sppB113 { padding-bottom: 113px !important;} .sppB114 { padding-bottom: 114px !important;} .sppB115 { padding-bottom: 115px !important;} .sppB116 { padding-bottom: 116px !important;} .sppB117 { padding-bottom: 117px !important;} .sppB118 { padding-bottom: 118px !important;} .sppB119 { padding-bottom: 119px !important;} .sppB120 { padding-bottom: 120px !important;} .sppT0 { padding-top: 0px !important;} .sppT1 { padding-top: 1px !important;} .sppT2 { padding-top: 2px !important;} .sppT3 { padding-top: 3px !important;} .sppT4 { padding-top: 4px !important;} .sppT5 { padding-top: 5px !important;} .sppT6 { padding-top: 6px !important;} .sppT7 { padding-top: 7px !important;} .sppT8 { padding-top: 8px !important;} .sppT9 { padding-top: 9px !important;} .sppT10 { padding-top: 10px !important;} .sppT11 { padding-top: 11px !important;} .sppT12 { padding-top: 12px !important;} .sppT13 { padding-top: 13px !important;} .sppT14 { padding-top: 14px !important;} .sppT15 { padding-top: 15px !important;} .sppT16 { padding-top: 16px !important;} .sppT17 { padding-top: 17px !important;} .sppT18 { padding-top: 18px !important;} .sppT19 { padding-top: 19px !important;} .sppT20 { padding-top: 20px !important;} .sppT21 { padding-top: 21px !important;} .sppT22 { padding-top: 22px !important;} .sppT23 { padding-top: 23px !important;} .sppT24 { padding-top: 24px !important;} .sppT25 { padding-top: 25px !important;} .sppT26 { padding-top: 26px !important;} .sppT27 { padding-top: 27px !important;} .sppT28 { padding-top: 28px !important;} .sppT29 { padding-top: 29px !important;} .sppT30 { padding-top: 30px !important;} .sppT31 { padding-top: 31px !important;} .sppT32 { padding-top: 32px !important;} .sppT33 { padding-top: 33px !important;} .sppT34 { padding-top: 34px !important;} .sppT35 { padding-top: 35px !important;} .sppT36 { padding-top: 36px !important;} .sppT37 { padding-top: 37px !important;} .sppT38 { padding-top: 38px !important;} .sppT39 { padding-top: 39px !important;} .sppT40 { padding-top: 40px !important;} .sppT41 { padding-top: 41px !important;} .sppT42 { padding-top: 42px !important;} .sppT43 { padding-top: 43px !important;} .sppT44 { padding-top: 44px !important;} .sppT45 { padding-top: 45px !important;} .sppT46 { padding-top: 46px !important;} .sppT47 { padding-top: 47px !important;} .sppT48 { padding-top: 48px !important;} .sppT49 { padding-top: 49px !important;} .sppT50 { padding-top: 50px !important;} .sppT51 { padding-top: 51px !important;} .sppT52 { padding-top: 52px !important;} .sppT53 { padding-top: 53px !important;} .sppT54 { padding-top: 54px !important;} .sppT55 { padding-top: 55px !important;} .sppT56 { padding-top: 56px !important;} .sppT57 { padding-top: 57px !important;} .sppT58 { padding-top: 58px !important;} .sppT59 { padding-top: 59px !important;} .sppT60 { padding-top: 60px !important;} .sppT61 { padding-top: 61px !important;} .sppT62 { padding-top: 62px !important;} .sppT63 { padding-top: 63px !important;} .sppT64 { padding-top: 64px !important;} .sppT65 { padding-top: 65px !important;} .sppT66 { padding-top: 66px !important;} .sppT67 { padding-top: 67px !important;} .sppT68 { padding-top: 68px !important;} .sppT69 { padding-top: 69px !important;} .sppT70 { padding-top: 70px !important;} .sppT71 { padding-top: 71px !important;} .sppT72 { padding-top: 72px !important;} .sppT73 { padding-top: 73px !important;} .sppT74 { padding-top: 74px !important;} .sppT75 { padding-top: 75px !important;} .sppT76 { padding-top: 76px !important;} .sppT77 { padding-top: 77px !important;} .sppT78 { padding-top: 78px !important;} .sppT79 { padding-top: 79px !important;} .sppT80 { padding-top: 80px !important;} .sppT81 { padding-top: 81px !important;} .sppT82 { padding-top: 82px !important;} .sppT83 { padding-top: 83px !important;} .sppT84 { padding-top: 84px !important;} .sppT85 { padding-top: 85px !important;} .sppT86 { padding-top: 86px !important;} .sppT87 { padding-top: 87px !important;} .sppT88 { padding-top: 88px !important;} .sppT89 { padding-top: 89px !important;} .sppT90 { padding-top: 90px !important;} .sppT91 { padding-top: 91px !important;} .sppT92 { padding-top: 92px !important;} .sppT93 { padding-top: 93px !important;} .sppT94 { padding-top: 94px !important;} .sppT95 { padding-top: 95px !important;} .sppT96 { padding-top: 96px !important;} .sppT97 { padding-top: 97px !important;} .sppT98 { padding-top: 98px !important;} .sppT99 { padding-top: 99px !important;} .sppT100 { padding-top: 100px !important;} .sppT101 { padding-top: 101px !important;} .sppT102 { padding-top: 102px !important;} .sppT103 { padding-top: 103px !important;} .sppT104 { padding-top: 104px !important;} .sppT105 { padding-top: 105px !important;} .sppT106 { padding-top: 106px !important;} .sppT107 { padding-top: 107px !important;} .sppT108 { padding-top: 108px !important;} .sppT109 { padding-top: 109px !important;} .sppT110 { padding-top: 110px !important;} .sppT111 { padding-top: 111px !important;} .sppT112 { padding-top: 112px !important;} .sppT113 { padding-top: 113px !important;} .sppT114 { padding-top: 114px !important;} .sppT115 { padding-top: 115px !important;} .sppT116 { padding-top: 116px !important;} .sppT117 { padding-top: 117px !important;} .sppT118 { padding-top: 118px !important;} .sppT119 { padding-top: 119px !important;} .sppT120 { padding-top: 120px !important;} .spmB0 { margin-bottom: 0px !important;} .spmB1 { margin-bottom: 1px !important;} .spmB2 { margin-bottom: 2px !important;} .spmB3 { margin-bottom: 3px !important;} .spmB4 { margin-bottom: 4px !important;} .spmB5 { margin-bottom: 5px !important;} .spmB6 { margin-bottom: 6px !important;} .spmB7 { margin-bottom: 7px !important;} .spmB8 { margin-bottom: 8px !important;} .spmB9 { margin-bottom: 9px !important;} .spmB10 { margin-bottom: 10px !important;} .spmB11 { margin-bottom: 11px !important;} .spmB12 { margin-bottom: 12px !important;} .spmB13 { margin-bottom: 13px !important;} .spmB14 { margin-bottom: 14px !important;} .spmB15 { margin-bottom: 15px !important;} .spmB16 { margin-bottom: 16px !important;} .spmB17 { margin-bottom: 17px !important;} .spmB18 { margin-bottom: 18px !important;} .spmB19 { margin-bottom: 19px !important;} .spmB20 { margin-bottom: 20px !important;} .spmB21 { margin-bottom: 21px !important;} .spmB22 { margin-bottom: 22px !important;} .spmB23 { margin-bottom: 23px !important;} .spmB24 { margin-bottom: 24px !important;} .spmB25 { margin-bottom: 25px !important;} .spmB26 { margin-bottom: 26px !important;} .spmB27 { margin-bottom: 27px !important;} .spmB28 { margin-bottom: 28px !important;} .spmB29 { margin-bottom: 29px !important;} .spmB30 { margin-bottom: 30px !important;} .spmB31 { margin-bottom: 31px !important;} .spmB32 { margin-bottom: 32px !important;} .spmB33 { margin-bottom: 33px !important;} .spmB34 { margin-bottom: 34px !important;} .spmB35 { margin-bottom: 35px !important;} .spmB36 { margin-bottom: 36px !important;} .spmB37 { margin-bottom: 37px !important;} .spmB38 { margin-bottom: 38px !important;} .spmB39 { margin-bottom: 39px !important;} .spmB40 { margin-bottom: 40px !important;} .spmB41 { margin-bottom: 41px !important;} .spmB42 { margin-bottom: 42px !important;} .spmB43 { margin-bottom: 43px !important;} .spmB44 { margin-bottom: 44px !important;} .spmB45 { margin-bottom: 45px !important;} .spmB46 { margin-bottom: 46px !important;} .spmB47 { margin-bottom: 47px !important;} .spmB48 { margin-bottom: 48px !important;} .spmB49 { margin-bottom: 49px !important;} .spmB50 { margin-bottom: 50px !important;} .spmB51 { margin-bottom: 51px !important;} .spmB52 { margin-bottom: 52px !important;} .spmB53 { margin-bottom: 53px !important;} .spmB54 { margin-bottom: 54px !important;} .spmB55 { margin-bottom: 55px !important;} .spmB56 { margin-bottom: 56px !important;} .spmB57 { margin-bottom: 57px !important;} .spmB58 { margin-bottom: 58px !important;} .spmB59 { margin-bottom: 59px !important;} .spmB60 { margin-bottom: 60px !important;} .spmB61 { margin-bottom: 61px !important;} .spmB62 { margin-bottom: 62px !important;} .spmB63 { margin-bottom: 63px !important;} .spmB64 { margin-bottom: 64px !important;} .spmB65 { margin-bottom: 65px !important;} .spmB66 { margin-bottom: 66px !important;} .spmB67 { margin-bottom: 67px !important;} .spmB68 { margin-bottom: 68px !important;} .spmB69 { margin-bottom: 69px !important;} .spmB70 { margin-bottom: 70px !important;} .spmB71 { margin-bottom: 71px !important;} .spmB72 { margin-bottom: 72px !important;} .spmB73 { margin-bottom: 73px !important;} .spmB74 { margin-bottom: 74px !important;} .spmB75 { margin-bottom: 75px !important;} .spmB76 { margin-bottom: 76px !important;} .spmB77 { margin-bottom: 77px !important;} .spmB78 { margin-bottom: 78px !important;} .spmB79 { margin-bottom: 79px !important;} .spmB80 { margin-bottom: 80px !important;} .spmB81 { margin-bottom: 81px !important;} .spmB82 { margin-bottom: 82px !important;} .spmB83 { margin-bottom: 83px !important;} .spmB84 { margin-bottom: 84px !important;} .spmB85 { margin-bottom: 85px !important;} .spmB86 { margin-bottom: 86px !important;} .spmB87 { margin-bottom: 87px !important;} .spmB88 { margin-bottom: 88px !important;} .spmB89 { margin-bottom: 89px !important;} .spmB90 { margin-bottom: 90px !important;} .spmB91 { margin-bottom: 91px !important;} .spmB92 { margin-bottom: 92px !important;} .spmB93 { margin-bottom: 93px !important;} .spmB94 { margin-bottom: 94px !important;} .spmB95 { margin-bottom: 95px !important;} .spmB96 { margin-bottom: 96px !important;} .spmB97 { margin-bottom: 97px !important;} .spmB98 { margin-bottom: 98px !important;} .spmB99 { margin-bottom: 99px !important;} .spmB100 { margin-bottom: 100px !important;} .spmB101 { margin-bottom: 101px !important;} .spmB102 { margin-bottom: 102px !important;} .spmB103 { margin-bottom: 103px !important;} .spmB104 { margin-bottom: 104px !important;} .spmB105 { margin-bottom: 105px !important;} .spmB106 { margin-bottom: 106px !important;} .spmB107 { margin-bottom: 107px !important;} .spmB108 { margin-bottom: 108px !important;} .spmB109 { margin-bottom: 109px !important;} .spmB110 { margin-bottom: 110px !important;} .spmB111 { margin-bottom: 111px !important;} .spmB112 { margin-bottom: 112px !important;} .spmB113 { margin-bottom: 113px !important;} .spmB114 { margin-bottom: 114px !important;} .spmB115 { margin-bottom: 115px !important;} .spmB116 { margin-bottom: 116px !important;} .spmB117 { margin-bottom: 117px !important;} .spmB118 { margin-bottom: 118px !important;} .spmB119 { margin-bottom: 119px !important;} .spmB120 { margin-bottom: 120px !important;} .spmT0 { margin-top: 0px !important;} .spmT1 { margin-top: 1px !important;} .spmT2 { margin-top: 2px !important;} .spmT3 { margin-top: 3px !important;} .spmT4 { margin-top: 4px !important;} .spmT5 { margin-top: 5px !important;} .spmT6 { margin-top: 6px !important;} .spmT7 { margin-top: 7px !important;} .spmT8 { margin-top: 8px !important;} .spmT9 { margin-top: 9px !important;} .spmT10 { margin-top: 10px !important;} .spmT11 { margin-top: 11px !important;} .spmT12 { margin-top: 12px !important;} .spmT13 { margin-top: 13px !important;} .spmT14 { margin-top: 14px !important;} .spmT15 { margin-top: 15px !important;} .spmT16 { margin-top: 16px !important;} .spmT17 { margin-top: 17px !important;} .spmT18 { margin-top: 18px !important;} .spmT19 { margin-top: 19px !important;} .spmT20 { margin-top: 20px !important;} .spmT21 { margin-top: 21px !important;} .spmT22 { margin-top: 22px !important;} .spmT23 { margin-top: 23px !important;} .spmT24 { margin-top: 24px !important;} .spmT25 { margin-top: 25px !important;} .spmT26 { margin-top: 26px !important;} .spmT27 { margin-top: 27px !important;} .spmT28 { margin-top: 28px !important;} .spmT29 { margin-top: 29px !important;} .spmT30 { margin-top: 30px !important;} .spmT31 { margin-top: 31px !important;} .spmT32 { margin-top: 32px !important;} .spmT33 { margin-top: 33px !important;} .spmT34 { margin-top: 34px !important;} .spmT35 { margin-top: 35px !important;} .spmT36 { margin-top: 36px !important;} .spmT37 { margin-top: 37px !important;} .spmT38 { margin-top: 38px !important;} .spmT39 { margin-top: 39px !important;} .spmT40 { margin-top: 40px !important;} .spmT41 { margin-top: 41px !important;} .spmT42 { margin-top: 42px !important;} .spmT43 { margin-top: 43px !important;} .spmT44 { margin-top: 44px !important;} .spmT45 { margin-top: 45px !important;} .spmT46 { margin-top: 46px !important;} .spmT47 { margin-top: 47px !important;} .spmT48 { margin-top: 48px !important;} .spmT49 { margin-top: 49px !important;} .spmT50 { margin-top: 50px !important;} .spmT51 { margin-top: 51px !important;} .spmT52 { margin-top: 52px !important;} .spmT53 { margin-top: 53px !important;} .spmT54 { margin-top: 54px !important;} .spmT55 { margin-top: 55px !important;} .spmT56 { margin-top: 56px !important;} .spmT57 { margin-top: 57px !important;} .spmT58 { margin-top: 58px !important;} .spmT59 { margin-top: 59px !important;} .spmT60 { margin-top: 60px !important;} .spmT61 { margin-top: 61px !important;} .spmT62 { margin-top: 62px !important;} .spmT63 { margin-top: 63px !important;} .spmT64 { margin-top: 64px !important;} .spmT65 { margin-top: 65px !important;} .spmT66 { margin-top: 66px !important;} .spmT67 { margin-top: 67px !important;} .spmT68 { margin-top: 68px !important;} .spmT69 { margin-top: 69px !important;} .spmT70 { margin-top: 70px !important;} .spmT71 { margin-top: 71px !important;} .spmT72 { margin-top: 72px !important;} .spmT73 { margin-top: 73px !important;} .spmT74 { margin-top: 74px !important;} .spmT75 { margin-top: 75px !important;} .spmT76 { margin-top: 76px !important;} .spmT77 { margin-top: 77px !important;} .spmT78 { margin-top: 78px !important;} .spmT79 { margin-top: 79px !important;} .spmT80 { margin-top: 80px !important;} .spmT81 { margin-top: 81px !important;} .spmT82 { margin-top: 82px !important;} .spmT83 { margin-top: 83px !important;} .spmT84 { margin-top: 84px !important;} .spmT85 { margin-top: 85px !important;} .spmT86 { margin-top: 86px !important;} .spmT87 { margin-top: 87px !important;} .spmT88 { margin-top: 88px !important;} .spmT89 { margin-top: 89px !important;} .spmT90 { margin-top: 90px !important;} .spmT91 { margin-top: 91px !important;} .spmT92 { margin-top: 92px !important;} .spmT93 { margin-top: 93px !important;} .spmT94 { margin-top: 94px !important;} .spmT95 { margin-top: 95px !important;} .spmT96 { margin-top: 96px !important;} .spmT97 { margin-top: 97px !important;} .spmT98 { margin-top: 98px !important;} .spmT99 { margin-top: 99px !important;} .spmT100 { margin-top: 100px !important;} .spmT101 { margin-top: 101px !important;} .spmT102 { margin-top: 102px !important;} .spmT103 { margin-top: 103px !important;} .spmT104 { margin-top: 104px !important;} .spmT105 { margin-top: 105px !important;} .spmT106 { margin-top: 106px !important;} .spmT107 { margin-top: 107px !important;} .spmT108 { margin-top: 108px !important;} .spmT109 { margin-top: 109px !important;} .spmT110 { margin-top: 110px !important;} .spmT111 { margin-top: 111px !important;} .spmT112 { margin-top: 112px !important;} .spmT113 { margin-top: 113px !important;} .spmT114 { margin-top: 114px !important;} .spmT115 { margin-top: 115px !important;} .spmT116 { margin-top: 116px !important;} .spmT117 { margin-top: 117px !important;} .spmT118 { margin-top: 118px !important;} .spmT119 { margin-top: 119px !important;} .spmT120 { margin-top: 120px !important;} .spfs8 { font-size: 0.8rem; font-size: 2.13333vw; } .spfs9 { font-size: 0.9rem; font-size: 2.4vw; } .spfs10 { font-size: 1.0rem; font-size: 2.66667vw; } .spfs11 { font-size: 1.1rem; font-size: 2.93333vw; } .spfs12 { font-size: 1.2rem; font-size: 3.2vw; } .spfs13 { font-size: 1.3rem; font-size: 3.46667vw; } .spfs14 { font-size: 1.4rem; font-size: 3.73333vw; } .spfs15 { font-size: 1.5rem; font-size: 4vw; } .spfs16 { font-size: 1.6rem; font-size: 4.26667vw; } .spfs17 { font-size: 1.7rem; font-size: 4.53333vw; } .spfs18 { font-size: 1.8rem; font-size: 4.8vw; } .spfs19 { font-size: 1.9rem; font-size: 5.06667vw; } .spfs20 { font-size: 2.0rem; font-size: 5.33333vw; } .spfs21 { font-size: 2.1rem; font-size: 5.6vw; } .spfs22 { font-size: 2.2rem; font-size: 5.86667vw; } .spfs23 { font-size: 2.3rem; font-size: 6.13333vw; } .spfs24 { font-size: 2.4rem; font-size: 6.4vw; } .spfs25 { font-size: 2.5rem; font-size: 6.66667vw; } .spfs26 { font-size: 2.6rem; font-size: 6.93333vw; } .spfs27 { font-size: 2.7rem; font-size: 7.2vw; } .spfs28 { font-size: 2.8rem; font-size: 7.46667vw; } .spfs29 { font-size: 2.9rem; font-size: 7.73333vw; } .spfs30 { font-size: 3.0rem; font-size: 8vw; } .spfs31 { font-size: 3.1rem; font-size: 8.26667vw; } .spfs32 { font-size: 3.2rem; font-size: 8.53333vw; } .spfs33 { font-size: 3.3rem; font-size: 8.8vw; } .spfs34 { font-size: 3.4rem; font-size: 9.06667vw; } .spfs35 { font-size: 3.5rem; font-size: 9.33333vw; } .spfs36 { font-size: 3.6rem; font-size: 9.6vw; } .spfs37 { font-size: 3.7rem; font-size: 9.86667vw; } .spfs38 { font-size: 3.8rem; font-size: 10.13333vw; } .spfs39 { font-size: 3.9rem; font-size: 10.4vw; } .spfs40 { font-size: 4.0rem; font-size: 10.66667vw; } .spfs41 { font-size: 4.1rem; font-size: 10.93333vw; } .spfs42 { font-size: 4.2rem; font-size: 11.2vw; } .spfs43 { font-size: 4.3rem; font-size: 11.46667vw; } .spfs44 { font-size: 4.4rem; font-size: 11.73333vw; } .spfs45 { font-size: 4.5rem; font-size: 12vw; } .spfs46 { font-size: 4.6rem; font-size: 12.26667vw; } .spfs47 { font-size: 4.7rem; font-size: 12.53333vw; } .spfs48 { font-size: 4.8rem; font-size: 12.8vw; } .spfs49 { font-size: 4.9rem; font-size: 13.06667vw; } .spfs50 { font-size: 5.0rem; font-size: 13.33333vw; } .spfs51 { font-size: 5.1rem; font-size: 13.6vw; } .spfs52 { font-size: 5.2rem; font-size: 13.86667vw; } .spfs53 { font-size: 5.3rem; font-size: 14.13333vw; } .spfs54 { font-size: 5.4rem; font-size: 14.4vw; } .spfs55 { font-size: 5.5rem; font-size: 14.66667vw; } .spfs56 { font-size: 5.6rem; font-size: 14.93333vw; } .spfs57 { font-size: 5.7rem; font-size: 15.2vw; } .spfs58 { font-size: 5.8rem; font-size: 15.46667vw; } .spfs59 { font-size: 5.9rem; font-size: 15.73333vw; } .spfs60 { font-size: 6.0rem; font-size: 16vw; } .spfs61 { font-size: 6.1rem; font-size: 16.26667vw; } .spfs62 { font-size: 6.2rem; font-size: 16.53333vw; } .spfs63 { font-size: 6.3rem; font-size: 16.8vw; } .spfs64 { font-size: 6.4rem; font-size: 17.06667vw; } .spfs65 { font-size: 6.5rem; font-size: 17.33333vw; } .spfs66 { font-size: 6.6rem; font-size: 17.6vw; } .spfs67 { font-size: 6.7rem; font-size: 17.86667vw; } .spfs68 { font-size: 6.8rem; font-size: 18.13333vw; } .spfs69 { font-size: 6.9rem; font-size: 18.4vw; } .spfs70 { font-size: 7.0rem; font-size: 18.66667vw; } .spfs71 { font-size: 7.1rem; font-size: 18.93333vw; } .spfs72 { font-size: 7.2rem; font-size: 19.2vw; } .spfs73 { font-size: 7.3rem; font-size: 19.46667vw; } .spfs74 { font-size: 7.4rem; font-size: 19.73333vw; } .spfs75 { font-size: 7.5rem; font-size: 20vw; } .spfs76 { font-size: 7.6rem; font-size: 20.26667vw; } .spfs77 { font-size: 7.7rem; font-size: 20.53333vw; } .spfs78 { font-size: 7.8rem; font-size: 20.8vw; } .spfs79 { font-size: 7.9rem; font-size: 21.06667vw; } .spfs80 { font-size: 8.0rem; font-size: 21.33333vw; } .spfs81 { font-size: 8.1rem; font-size: 21.6vw; } .spfs82 { font-size: 8.2rem; font-size: 21.86667vw; } .spfs83 { font-size: 8.3rem; font-size: 22.13333vw; } .spfs84 { font-size: 8.4rem; font-size: 22.4vw; } .spfs85 { font-size: 8.5rem; font-size: 22.66667vw; } .spfs86 { font-size: 8.6rem; font-size: 22.93333vw; } .spfs87 { font-size: 8.7rem; font-size: 23.2vw; } .spfs88 { font-size: 8.8rem; font-size: 23.46667vw; } .spfs89 { font-size: 8.9rem; font-size: 23.73333vw; } .spfs90 { font-size: 9.0rem; font-size: 24vw; } .spfs91 { font-size: 9.1rem; font-size: 24.26667vw; } .spfs92 { font-size: 9.2rem; font-size: 24.53333vw; } .spfs93 { font-size: 9.3rem; font-size: 24.8vw; } .spfs94 { font-size: 9.4rem; font-size: 25.06667vw; } .spfs95 { font-size: 9.5rem; font-size: 25.33333vw; } .spfs96 { font-size: 9.6rem; font-size: 25.6vw; } .spfs97 { font-size: 9.7rem; font-size: 25.86667vw; } .spfs98 { font-size: 9.8rem; font-size: 26.13333vw; } .spfs99 { font-size: 9.9rem; font-size: 26.4vw; } .spfs100 { font-size: 10.0rem; font-size: 26.66667vw; } } /* Tablet向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 600px ) { body { font-size: 1.4rem; min-width: 1000px; position: relative;} .pcls100 { letter-spacing: 0.1em; } .singleBody, iframe body { min-width: 0; } #indexBody, #topBody, #winterBody, #summerBody, #hotelBody { min-width: 1000px; } #glNav { display: none; } #spMenu { display: none; } /*--- header ---*/ header { width: 1000px;} #title { overflow: hidden; padding: 0; position: absolute; top: 32px; left: 50%; margin-left: -465px;} header.headerLogo { position: relative; top: auto; left: auto; width: 100%; height: 64px; background: #FFF;} header.headerLogo #title { position: relative; top: auto; left: auto; padding: 20px 0 0 0; text-align: center; margin: 0;} header.headerLogo #title img { width: auto; height: 24px;} /*nav*/ #barNav { margin-bottom: 56px; } /*.pagePtIndex #barNav,*/ #winterBody #barNav, #hotelBody #barNav { margin-bottom: 0px; } #liftNav { margin-bottom: 56px; } #barNav { width: 100%; height: 100px; overflow: hidden; z-index: 10; position: relative; background: #E5E6E6;} #winterBody #barNav {} #summerBody #barNav {} #hotelBody #barNav {} #barNavClone { display: block; width: 100%; position: fixed; top: 0; left: 0; z-index: 500; will-change: transform; transform: matrix(1, 0, 0, 1, 0, -100); transition: transform .25s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; background: #E5E6E6;} .navScroll #barNavClone { transform: matrix(1, 0, 0, 1, 0, 0);} #hotelBody #barNavClone { transform: matrix(1, 0, 0, 1, 0, -136);} #hotelBody.navScroll #barNavClone { transform: matrix(1, 0, 0, 1, 0, 0);} #barNavClone #barNav { display: block; margin: 0 !important; } #winterBody.contentPage #barNav #climateInfo { display: none;} #topBody.contentPage #barNav #climateInfo { display: none;} #navWrap { width: 1000px; margin: 0 auto; overflow: hidden;} #barNav01 { position: relative; float: left; width: 203px; height: 100px; margin: 0 0 0 30px; box-sizing: border-box; font-size: 1.5rem; background: #e5e6e6;} #barNav01 > li > a { padding: 17px 11px; background: transparent; border: none;} #barNav:after { content: ''; display: block; width: 100vw; height: 100px; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -275px; background: rgba(0,15,58,1);} #winterBody #barNav:after { background: rgba(84,173,206,1); } #summerBody #barNav:after { background: rgba(90,179,161,1); } #hotelBody #barNav:after { background: rgba(214,200,179,1); } #climateInfo { overflow: hidden; width: 667px; height: 100px; padding: 17px 0 17px 20px; box-sizing: border-box; transition: all .3s ease-in-out;} #climateInfo > dt { font-size: 1.7rem; float: left; text-align: left; margin: 8px 20px 0 0;} #climateInfo > dt span { display: block; margin: 0 0 5px; } #climateInfo > dt img { margin-left: 0; width: 72px;} #climateInfo > dd { overflow: hidden;} #climateInfoPare { background: #76BBCB; } #climateInfoPare #climateInfo { margin: 0 auto; } #winterBody.pagePtIndex #climateInfo { background: rgba(84,173,206,1); } #climateIcon { float: left; text-align: left; padding: 0; margin: 0;} #climateIconTxt { display: block; float: left; margin-right: 20px;} #climateIconTxt01 { font-size: 4.7rem; -webkit-transform: translateY(-13px); transform: translateY(-13px);} #climateIconTxt02 { font-size: 2.7rem; } #climateIconImgs { width: 125px; margin: 10px auto 0; float: left;} #climateIconImgs li { } #climateIconImgs img { } #climateIconImgs #climateIconImg01 img { width: 50px;} #climateIconImgs #climateIconImg02 img { width: 25px;} #climateIconImgs #climateIconImg03 img { width: 50px;} #climateTxt { overflow: hidden; width: 290px; float: right;} #climateTxt > li { margin: 0 0 11px; float: none; clear: both; width: 100%;} #climateTxt > li:last-child { margin: 0;} #climateTxt > li li { clear: none; float: left; width: 120px; margin: 0;} #climateTxt > li:nth-child(2) > dl > dt { margin-right: 3.5em;} #localNav, #localNavSummer, #localNavTop { display: block; overflow: hidden; float: right; width: 767px; height: 100px; padding: 4px 0 17px 17px; margin-left: -267px; box-sizing: border-box; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #localNav01 { float: left; width: 550px; margin-right: 18px;} #localNav01 ul { overflow: hidden; } #localNav01 li { float: left; height: 30px;} #localNav01 li a { display: inline-block; position: relative; height: 30px; padding-left: 1em; box-sizing: border-box; text-align: center;} #localNav01 li a:before { content: '・'; color: #FFF; display: block; position: absolute; top: 0.15em; left: 0; text-align: left;} #localNav01 li#localNav01Winter01 a:before, #localNav01 li#localNav01Winter06 a:before, #localNav01 li#localNav01Winter12 a:before, #localNav01 li#localNav01Summer01 a:before, #localNav01 li#localNav01Summer05 a:before, #localNav01 li#localNav01Summer08 a:before { display: none; padding-left: 0;} #localNav01 li#localNav01Winter01 .localNavJp, #localNav01 li#localNav01Winter06 .localNavJp, #localNav01 li#localNav01Winter12 .localNavJp { text-align: left;} #localNav01 li#localNav01Winter01 .localNavJp { letter-spacing: 0.5em;} #localNav01 li#localNav01Winter12 .localNavJp { letter-spacing: 1.5em;} #localNav01 li#localNav01Summer01 .localNavJp, #localNav01 li#localNav01Summer05 .localNavJp, #localNav01 li#localNav01Summer08 .localNavJp { text-align: left; padding-left: 30px;} .localNavJp { color: #FFF;} .localNavEn { font-style: italic; font-weight: 600; color: #7EFFE3; font-size: 1.3rem; opacity: 0;} #localNav01 li a span { position: absolute; top: 0; left: 0; display: inline-block; height: 30px; line-height: 30px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #localNav01Winter01,#localNav01Winter01 a,#localNav01Winter01 span { width: 77px;} #localNav01Winter02,#localNav01Winter02 a,#localNav01Winter02 span { width: 98px;} #localNav01Winter03,#localNav01Winter03 a,#localNav01Winter03 span { width: 166px;} #localNav01Winter04,#localNav01Winter04 a,#localNav01Winter04 span { width: 97px;} #localNav01Winter05,#localNav01Winter05 a,#localNav01Winter05 span { width: 112px;} #localNav01Winter06,#localNav01Winter06 a,#localNav01Winter06 span { width: 77px;} #localNav01Winter07,#localNav01Winter07 a,#localNav01Winter07 span { width: 98px;} #localNav01Winter08,#localNav01Winter08 a,#localNav01Winter08 span { width: 83px;} #localNav01Winter09,#localNav01Winter09 a,#localNav01Winter09 span { width: 83px;} #localNav01Winter10,#localNav01Winter10 a,#localNav01Winter10 span { width: 97px;} #localNav01Winter11,#localNav01Winter11 a,#localNav01Winter11 span { width: 112px;} #localNav01Winter11 .localNavJp { letter-spacing: -0.2em;} #localNav01Winter12,#localNav01Winter12 a,#localNav01Winter12 span { width: 77px;} #localNav01Winter13,#localNav01Winter13 a,#localNav01Winter13 span { width: 83px;} #localNav01Winter14,#localNav01Winter14 a,#localNav01Winter14 span { width: 83px;} #localNav01Summer01,#localNav01Summer01 a,#localNav01Summer01 span { width: 100px;} #localNav01Summer02,#localNav01Summer02 a,#localNav01Summer02 span { width: 118px;} #localNav01Summer03,#localNav01Summer03 a,#localNav01Summer03 span { width: 149px;} #localNav01Summer04,#localNav01Summer04 a,#localNav01Summer04 span { width: 181px;} #localNav01Summer05,#localNav01Summer05 a,#localNav01Summer05 span { width: 218px;} #localNav01Summer06,#localNav01Summer06 a,#localNav01Summer06 span { width: 186px;} #localNav01Summer07,#localNav01Summer07 a,#localNav01Summer07 span { width: 146px;} #localNav01Summer08,#localNav01Summer08 a,#localNav01Summer08 span { width: 155px;} #localNav01Summer09,#localNav01Summer09 a,#localNav01Summer09 span { width: 63px;} #localNav01Summer10,#localNav01Summer10 a,#localNav01Summer10 span { width: 109px;} #localNav01Summer11,#localNav01Summer11 a,#localNav01Summer11 span { width: 79px;} #localNav01Summer12,#localNav01Summer12 a,#localNav01Summer12 span { width: 86px;} #localNav01 li a:active .localNavJp,#localNav01 li a:hover .localNavJp { opacity: 0; } #localNav01 li a:active .localNavEn,#localNav01 li a:hover .localNavEn { opacity: 1; } #localNav02 { overflow: hidden; height: 88px; border-left: #FFF 2px solid; box-sizing: border-box; margin: 2px; color: #FFF;} #localNav02 ul { text-align: center; line-height: 1.2; width: 164px; padding: 4px 18px 0; box-sizing: border-box;} #localNav02 ul li { margin: 0 0 12px;} #localNav02 ul li:last-child { margin: 0;} #localNav02 dt { font-size: 1.1rem; letter-spacing: -0.1em;} #localNav02 dd { font-size: 1.7rem; font-style: italic; } #localNav02 dd a { display: inline-block; background: url(images/icon_tel.png) 0 0 no-repeat; background-size: auto 1.2em; padding: 0 0 0 16px;} #localNav02 li a:link,#localNav02 li a:visited { color: #FFF; } #localNav02 li a:active,#localNav02 li a:hover { color: #FFF; } #localNav02.localNavHotel02 { border-left: #40210f 2px solid; color: #40210f;} #localNav02.localNavHotel02 dd a { background: url(images/icon_tel02.png) 0 0 no-repeat; background-size: auto 1.2em;} #localNav02.localNavHotel02 li a:link,#localNav02.localNavHotel02 li a:visited { color: #40210f; } #localNav02.localNavHotel02 li a:active,#localNav02.localNavHotel02 li a:hover { color: #40210f; } #localNavHotel { display: block; overflow: hidden; float: right; width: 767px; height: 100px; padding: 4px 0 17px 17px; margin-left: -267px; box-sizing: border-box;transition: all .3s ease-in-out;} #localNavHotel01 { float: left; width: 550px; margin-right: 18px;} #localNavHotel01 ul { overflow: hidden; padding: 4px 0 0; } #localNavHotel01 li { float: left; height: 30px;} #localNavHotel01 li a { display: inline-block; position: relative; height: 30px; padding-left: 1em; box-sizing: border-box; text-align: center;} #localNavHotel01 li a:before { content: '・'; color: #40210f; display: block; position: absolute; top: 0.2em; left: 0; text-align: left;} #localNavHotel01 li#localNavHotel0101 a:before ,#localNavHotel01 li#localNavHotel0107 a:before ,#localNavHotel01 li#localNavHotel0110 a:before { display: none; padding-left: 0;} #localNavHotel01 li#localNavHotel0101 .localNavHotelJp ,#localNavHotel01 li#localNavHotel0107 .localNavHotelJp ,#localNavHotel01 li#localNavHotel0110 .localNavHotelJp { text-align: left; padding-left: 20px;} .localNavHotelJp { color: #40210f;} .localNavHotelEn { font-style: italic; font-weight: 600; color: #FFF; font-size: 1.3rem; opacity: 0;} #localNavHotel01 li a span { position: absolute; top: 0; left: 0; display: inline-block; height: 30px; line-height: 30px; transition: all .2s ease-in-out;} #localNavHotel0101,#localNavHotel0101 a,#localNavHotel0101 span { width: 77px;} #localNavHotel0102,#localNavHotel0102 a,#localNavHotel0102 span { width: 81px;} #localNavHotel0103,#localNavHotel0103 a,#localNavHotel0103 span { width: 102px;} #localNavHotel0104,#localNavHotel0104 a,#localNavHotel0104 span { width: 104px;} #localNavHotel0105,#localNavHotel0105 a,#localNavHotel0105 span { width: 81px;} #localNavHotel0106,#localNavHotel0106 a,#localNavHotel0106 span { width: 104px;} #localNavHotel0107,#localNavHotel0107 a,#localNavHotel0107 span { width: 182px;} #localNavHotel0108,#localNavHotel0108 a,#localNavHotel0108 span { width: 194px;} #localNavHotel0109,#localNavHotel0109 a,#localNavHotel0109 span { width: 132px;} #localNavHotel0110,#localNavHotel0110 a,#localNavHotel0110 span { width: 81px;} #localNavHotel0111,#localNavHotel0111 a,#localNavHotel0111 span { width: 91px;} #localNavHotel01 li a:active .localNavHotelJp,#localNavHotel01 li a:hover .localNavHotelJp { opacity: 0; } #localNavHotel01 li a:active .localNavHotelEn,#localNavHotel01 li a:hover .localNavHotelEn { opacity: 1; } /*--- footer ---*/ #footerSec01 { position: relative; padding: 0; width: 810px; margin: 0 auto; } #footerTitle { padding: 0 0 48px; } #footerSec01List01 { padding: 0; } #footerSec01List01 li { text-align: left; position: absolute; top: 6px; left: 0;} #footerSec01List01 li:nth-child(2) { text-align: right;left: auto; right: 0;} #footerSec02 { padding: 0; width: 960px; margin: 0 auto;} #footerAccess01 { overflow: hidden; padding: 0 0 16px; border-bottom: #FFF 1px solid;} #footerAccess01 > li { margin: 0 30px 0 0; float: left; width: 300px;} #footerAccess01 > li:last-child { margin: 0;} #footerAccess01 > li > dl > dt { font-size: 1.3rem;} .footerAccess01Txt01 { font-size: 1.7rem;} .footerAccess01Txt02 { font-size: 1.7rem;} #footerAccess02 { overflow: hidden; padding: 0 0 32px; border-bottom: none;} #footerAccess02 > li { float: left; width: 300px; margin: 0 30px 0 0;} #footerAccess02 > li:first-child { margin-left: 150px;} #footerAccess02 > li:last-child { margin: 0;} #footerAccess02 > li > dl > dd { font-size: 1.2rem;} #footerSec03 { overflow: hidden; padding: 32px 0; width: 960px; margin: 0 auto;} #footerSec0301 > dl { width: 33.3%; float: left; padding: 0 14px 32px; border-bottom: none; box-sizing: border-box;} #footerSec0301 > dl > dt a:before { display: none;} #footerSec0301 > dl > dt a:after { display: none;} #footerSec0301 > dl > dd { display: block; font-size: 1.2rem;} #footerSec0301 > dl > dd dl span { font-size: 1.0rem;} #footerSec03 > ul { clear: both; overflow: hidden; padding: 5px 0; margin: 0 0 32px; border-top: #FFF 1px solid;} #footerSec03 > ul li { float: left; width: 33.3%; padding: 0 14px; box-sizing: border-box; border-right: #FFF 1px solid; text-align: center;} #footerSec03 > ul li:last-child { border-right: none; } #footerSec03 > ul li > a { display: inline-block; padding: 14px 0; line-height: 1.2;} #footerSec03 dd a:before, #footerSec03 ul a:before { content: "・"; } #footerSec04 { font-size: 1.2rem; padding: 32px 0;} #footerSec04Wrap { width: 900px; margin: 0 auto; } #footerSec0401 { overflow: hidden; padding: 0; border-bottom: none;} #footerSec0402 { overflow: hidden; } #footerSec0402Title { text-align: center; } #footerSec0402Title img { width: 71px; } .footerSec04Dl01 { text-align: center; line-height: 1; padding: 20px 0; border-top: #FFF 1px solid; border-bottom: #FFF solid 1px;} .footerSec04Dl01 dt { display: block; float: left; padding: 0 0.5em 0 0; } .footerSec04Dl01 dd { display: block; overflow: hidden; padding: 0; text-align: left;} .footerSec04Dl01 ul { display: block; overflow: hidden; } .footerSec04Dl01 ul li { display: block; width: auto; float: left; padding: 0 0.4em 1em;} .footerSec04Dl01 ul li:nth-child(n + 9) { padding-bottom: 0;} #footerSec0402 { overflow: hidden; padding: 24px 0 16px; border-bottom: #FFF solid 1px;} .footerSec04Dl02 dt { float: left; width: 130px; padding: 10px 0 0; margin: 0 40px;} .footerSec04Dl02 dt a:before { display: none;} .footerSec04Dl02 dt img { width: 118px; height: 27px;} .footerSec04Dl02 dd { overflow: hidden;} .footerSec04Dl02 ul { overflow: hidden; } .footerSec04Dl02 ul li { width: 33%; float: left; margin: 0 0 4px;} #footerProduce { overflow: hidden; padding: 0 0 16px; text-align: center; line-height: 1;} #footerProduce img { width: 50%; } #toTop { position: fixed; bottom: 32px; right: 4%; display: none;} /*winterBody*/ /*--- general index ---*//*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .spDisp { display: none; } .listBtns li { position: relative; width: 33.3%;} .listBtns li:nth-child(3n) { width: 33.4%;} .listBtns li img { width: 100%; height: 20vw;} .listBtns li:hover img {} .listBtns li:hover a img { } .listBtns li a { color: #FFF;} .listBtns li a:hover { opacity: 1 !important;} .listBtns li a .listBtnTxt { position: absolute; top: 0; left: 0; background: transparent; padding: 20px; color: #FFF !important;} .listBtns.twoCol li { width: 50%;} .listBtns.twoCol li:nth-child(3n) { width: 50%;} .listBtns.twoCol li img { height: 20vw;} .listBtns.fourCol li { width: 25%;} .listBtns.fourCol li:nth-child(3n) { width: 25%;} .listBtns.fourCol li img { height: 15vw;} .listBtnsEn { font-size: 2.0rem; } .listBtnsEn:after { content: " / ";} .listBtnsJp { font-size: 1.6rem; display: inline-block;} .newsList01 { width: 840px; margin-left: auto; margin-right: auto; } .newsList01 li { width: 260px; margin: 0 30px 30px 0; } .newsList01 li:nth-child(3n) { margin-right: 0;} .newsList01 li dt { font-size: 1.5rem;} .newsList01 li dd { font-size: 1.3rem;} .newsList01Img { width: 240px; height: 160px; overflow: hidden;} .newsList01Img img { width: 100%; } .newsList01Badge span { font-size: 1.3rem;} .sightseeingList { width: 840px; margin-left: auto; margin-right: auto; } .sightseeingList > li { width: 260px; margin: 0 30px 30px 0; } .sightseeingList > li:nth-child(2n) { float: left;} .sightseeingList > li:nth-child(3n) { margin-right: 0;} .sightseeingList > li:nth-child(3n+1) { clear: left;} .sightseeingList > li:nth-child(2n+1) { clear: none;} .sightseeingList > li dt { font-size: 1.5rem;} .sightseeingList > li dd { font-size: 1.3rem;} .sightseeingListBadge span {font-size: 1.3rem;} .sightseeingBtnList { overflow: hidden; width: 680px; margin: 0 auto;} .sightseeingBtnList li { margin: 0; width: 320px; float: left;} .sightseeingBtnList li:last-child { margin: 0; float: right;} .sightseeingBtnList .linkBtn01.linkBtn01W100 { width: 100%; padding: 20px 0;} #loadMore { display: inline-block; padding: 20px 136px; font-size: 1.9rem; background: #40210F; color: #FFF; text-align: center; line-height: 1.2;} #hotelBody #loadMore { font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;} .loadMoreLoader { font-size: 1.0rem;} .summerReservation { width: 800px; margin: 0 auto 32px;} .summerReservation01 { display: flex; flex-wrap: wrap; justify-content: center;} .summerReservation01 > dt { width: auto; margin-right: 1em;} .summerReservation01 > dd { width: auto;} /*--- general pages ---*//*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .w440 { width: 440px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w480 { width: 480px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w530 { width: 530px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w600 { width: 600px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w660 { width: 660px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w670 { width: 670px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w680 { width: 680px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w800 { width: 800px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w800-02 { width: 800px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w800-pl100 { width: 800px; margin-left: auto; margin-right: auto; padding-left: 100px; padding-right: 0; box-sizing: border-box;} .w800-690 { width: 690px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .secW800L01 { padding: 0; width: 390px; float: left;} .secW800R01 { padding: 0; width: 390px; float: right;} .w840 { width: 840px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w860 { width: 860px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w860-800 { width: 800px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .w900 { width: 900px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} .secW900L01 { padding: 0; width: 390px; float: left;} .secW900R01 { padding: 0; float: right; width: 456px;} .parts-w427 { width: 427px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} #borderWrap { margin: 94px auto; padding: 0; width: 800px;} #borderWrapCh { padding: 0 0 64px;} .twoColConPt01L { width: 50%; float: left;} .twoColConPt01R { width: 50%; float: right;} .twoColConPt02L { width: 47.5%; float: left;} .twoColConPt02R { width: 47.5%; float: right;} .twoColConPt03L { width: 50%; padding-left: 33px; padding-right: 33px; float: left; box-sizing: border-box;} .twoColConPt03R { width: 50%; padding-left: 33px; padding-right: 33px; float: right; box-sizing: border-box;} .hTxt01 { font-size: 2.2rem;} .hTxt02En { font-size: 2.8rem;} .hTxt02Jp { font-size: 1.7rem;} .hTxt03En { font-size: 2.8rem;} .hTxt03Jp { font-size: 1.7rem;} .hTxt06 { font-size: 2.3rem;} .hTxt06:before { display: inline-block;} .hTxt06:after { display: inline-block;} .tableWrap { overflow: visible;} .tableWrap{ overflow: visible; white-space: normal; } .tableWrap::-webkit-scrollbar{ height: 0; } .tableWrap::-webkit-scrollbar-track { background: transparent; } .tableWrap::-webkit-scrollbar-thumb { background: transparent; } .table01 th,.table01 td { display: table-cell; width: auto;} .table01 th { width: 1%; padding: 3px 25px 3px 20px;} .table01 td { padding: 3px 0;} .table01.table01Pt02 th { padding: 3px 25px 3px 0;} .table02 { width: 798px; box-sizing: border-box;} .table0201 td { font-size: 1.8rem; } .tableBus02 th { font-size: 1.2rem;} .tableBus02Txt01 { font-size: 1.0rem; } .table04 { max-width: 799px;} .table04 th { white-space: nowrap; } .table04.table04Rental01 th { white-space: normal; } .table04.table04Rental01 th,.table04.table04Rental01 td { text-align: center; vertical-align: middle;} .table04Rental01 th { padding-left: 8px; padding-right: 8px;} .table04Rental01 th.table04Rental01Th01 { width: 190px;} .table04Rental01 th.table04Rental01Th02 { width: 140px;} .table05 { width: 100%; border: none;} .table05 th,.table05 td { padding: 18px 36px 18px 90px; display: table-cell; width: auto; border: #000f3a solid 1px;} .table05.fs15 th,.table05.fs15 td { font-size: 1.5rem;} .table05 th { font-weight: normal;} .table06 { width: 100%;} .table06 th { white-space: nowrap;} .table07 { width: 799px; } .table07.table07W400 { margin: 0 auto;} .table07.table07W600 { margin: 0 auto;} .table08 { width: 799px; } .table08Th01 { width: 240px; box-sizing: border-box;} .table09.tW420 { width: 420px;} .table10 { max-width: 799px;} .table10 th { } .table10 th { box-sizing: border-box;} .table10 th.table04Banquet01Th01 { width: auto;} .table10 th.table04Banquet01Th02 { width: auto;} .table10 th.table04Banquet01Th03 { width: auto;} .table10 th.table04Banquet01Th04 { width: 180px;} .table11 { width: 100%; border: none;} .table11 th,.table11 td { padding: 18px; display: table-cell; width: auto; border: #000f3a solid 1px;} .table11 th { white-space: nowrap; font-weight: normal;} .tableRecruit th[scope='row'] { padding-left: 60px; padding-right: 60px;} .tableBus02 { } .tableBus02.fwB th,.tableBus02.fwB td { } .tableBus02 th,.tableBus02 td { } .tableBus02 th { font-size: 1.4rem;} .tableBus02 th.wPt01 { } .tableBus02 th.wPt02 { } .tableBus02 td { } .tableBus02Txt01 { font-size: 1.2rem; } .formTable th { font-size: 1.2rem; } .formTable02 th { font-size: 1.2rem; } .formTable02 { } .formTable02 th,.formTable02 td { display: table-cell; padding: 16px 0; border-bottom: #EEE 1px solid;} .formTable02 .formNB th,.formTable02 .formNB td { border-bottom: none;} .formTable02 th { white-space: nowrap; width: 1%; padding-right: 24px; vertical-align: top;} .formTable02 td input[ type=text ], .formTable02 td input[ type=email ], .formTable02 td input[ type=tel ] { width: 100%; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .formTable02 td textarea { width: 100%; height: 10em; padding: 0.5em; border: #CCC solid 1px; box-sizing: border-box;} .formTable02 .formW01 { width: 3em !important; } .fomrList01 {} .fomrList01 li { float: left; margin: 0 1.5em 0.5em 0; } .fomrList01 li input { margin-right: 0.5em;} .formBtn { text-align: center; } .formBtn li { display: inline-block; margin: 0 1em;} .formBtn input { padding: 0.5em 2em;} .formJob dl dt { font-size: 1.2rem;} .content-form table th { font-size: 1.2rem; } .content-form table { } .content-form table th,.content-form table td { display: table-cell; border-bottom: #CCC 1px solid;} .content-form table tr:last-child th,.content-form table tr:last-child td { border-bottom: none;} .content-form table th { } .content-form table td input[ type=text ], .content-form table td input[ type=email ], .content-form table td input[ type=tel ] { } .content-form table td textarea { } .noteTxt { margin-left: 1em; text-indent: -1em; } .noteTxt:before { content: '※'; } .noteList li {margin-left: 1em; text-indent: -1em;} .noteList li:before { content: '※'; } .imgTxtCol2-01 li { width: 48.75%;} .imgTxtCol2Pt02 li { width: 50%;} .imgTxtCol2 li dt { font-size: 1.5rem;} .imgTxtCol2 li dd { font-size: 1.3rem;} .imgTxtCol2Pt02 li dt { font-size: 1.5rem;} .imgTxtCol2Pt02 li dd { font-size: 1.3rem;} .imgTxtCol3 li dt { font-size: 1.5rem;} .imgTxtCol3 li dd { font-size: 1.3rem;} .imgTxtCol4 { overflow: hidden; } .imgTxtCol4 li { width: 22.5%; margin: 0 3.33% 26px 0;} .imgTxtCol4 li:nth-child(2n) { float: left;} .imgTxtCol4 li:nth-child(4n) { margin-right: 0;} .twoColImg { overflow: hidden; } .twoColImg li { width: 47.5%; float: left; margin: 0 0 40px 0; line-height: 1.2;} .twoColImg li:nth-child(2n) { float: right;} .listLine li { display: inline-block; } .priceList01 { } .priceList01 li { } .priceList01.inddor01 li { width: 360px; margin: 0 auto;} .priceList01.inddor02 li { width: 400px; margin: 0 auto;} .priceList01 dt { } .priceList01.inddor dt { } .priceList01 dd { } .bnrDl01 { width: 660px; margin: 0 auto; } .bnrDl01 dt { padding: 0; float: left; margin-right: 20px;} .bnrDl01 dd { text-align: left; overflow: hidden;} .box01Dl01 > dt { float: left; width: 270px; padding: 12px 0px; border-bottom: none; box-sizing: border-box;} .box01Dl01 > dd { width: 500px; padding: 0 0 0 20px; box-sizing: border-box; border-left: #FFF 1px solid;} .dlPt01 > dt { font-size: 1.7rem; } .dlBox01 > dt { font-size: 1.8rem;} .faqDl dt { font-size: 1.6rem; } .iconGlass { font-size: 1.7rem;} .iconGlass span { padding: 14px 48px 14px 0; background: url(images/icon_glass.png) 100% 50% no-repeat;} .linkBtn01 { font-size: 1.3rem;} .linkBtn02Pare { float: left; width: 100%;} .linkBtn02 { font-size: 1.8rem;} .linkBtn03 { width: 500px; } .selectBtnPare { width: 306px; margin-left: auto; margin-right: auto;} .ctaTel01 { overflow: hidden; width: 500px; margin: 0 auto; box-sizing: border-box; background: #40210F; padding: 10px; color: #FFF; display: flex; flex-wrap: wrap;} .ctaTel01 p { /*float: left;*/ width: 240px; box-sizing: border-box; text-align: center; font-weight: bold;} .ctaTel01 p.ctaTel01Txt { border-bottom: none; border-right: #FFF 1px solid;} .ctaTel01 p a { height: 100%; color: #FFF !important; line-height: 1.2; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #rodgeImg09 { padding: 12px 0 12px 126px; background: url(images/rodge_img09.png) 26px 50% no-repeat;} #rodgeImg10 { padding: 12px 0 12px 120px; background: url(images/rodge_img10.png) 19px 50% no-repeat;} .linkBtnStar01 { display: inline-block; width: 100%; } .linkBtnSki01 { display: inline-block; width: 100%; padding: 8px 4px 8px 14px;} .linkBtnSki0101 { padding-left: 108px; background: url(images/icon_ski01.png) 0 50% no-repeat; background-size: auto;} .linkBtnSki0102 { padding: 20px 160px 20px 0; background: url(images/icon_ski02.png) 100% 50% no-repeat; background-size: auto;} .bnrList01 { width: 600px; margin: 0 auto; } .bnrList01 li { width: 280px; } .cardList { overflow: hidden; } .cardList li { float: left; margin-right: 5px; margin-bottom: 5px; } .btnList { width: 790px; margin-left: auto; margin-right: auto; } .btnList li { float: left; width: 190px; margin: 0 10px 10px 0;} .btnList li:nth-child(2n) { float: left;} .btnList li:nth-child(4n) { margin-right: 0; } .linkIconBook { font-size: 1.8rem;} .busSub01 { padding: 14px 0; font-size: 1.8rem;} .busSub01A { } .busSub01B { } .busSub01C { } .busSec01 { width: 640px; margin-left: auto; margin-right: auto; } .busNav { border-bottom: #40210F solid 1px; font-size: 1.2rem; border-left: #40210F solid 1px;} .busNav li { float: left; text-align: center; width: 25%; box-sizing: border-box; border: #40210F solid 1px; border-bottom: none; border-left: none;} .busNav li:nth-child(7), .busNav li:nth-child(8) { width: 50%;} .busNav li a { display: block; padding: 12px 8px;} .liftTermNavSec01 { width: 640px; margin-left: auto; margin-right: auto; } .liftTermNav { border-bottom: #40210F solid 1px; font-size: 1.2rem; border-left: #40210F solid 1px;} .liftTermNav li { float: left; text-align: center; width: 33.3%; box-sizing: border-box; border: #40210F solid 1px; border-bottom: none; border-left: none;} .liftTermNav li:nth-child(3) { border-top: #40210F solid 1px;} .liftTermNav li a { display: block; padding: 12px 8px;} .busRoute { overflow: hidden; margin: 0 0 24px; } .busRoute li { padding: 8px;} .busRoute01 { } .busRoute02 { } /*slideHasNav*/ .slideHasNavPare { position: relative; } .slideNavPt01 { } .slideNavPt01 li { width: calc( (100% - 18px)/2 ); margin: 0;} .slideNavPt01.slideNavPt01-fourCol li { width: 200px;} .slideNavPt01.slideNavPt01-fiveCol li { width: 160px;} .slideNavPt01 li:nth-child( -n + 10 ) { margin-top: 0;} .slideNavPt01 li dt { } .slideNavPt01 li dd { } .slideNavPt01 li a { } .slideNavPt01 li a.active { } .slideNavPt01 li a.active dt:after { } .slideNavPt02 li { width: 31.25%; margin: 0 3.125% 0 0; font-size: 1.6rem;} .slideNavPt02 li:nth-child(2n) { float: left; } .slideNavPt02 li:nth-child(3) { margin-left: 0; margin-right: 0;} .slideNavPt03 li { font-size: 1.6rem; } .slideNavPt04 { overflow: hidden; justify-content: center;} .slideNavPt04 li { width: 200px; margin-top: 0;} .slideRestraunt-Nav li { font-size: 1.6rem; } /*slideHasNavAutoCamp*/ .slideHasNavAutoCamp-Nav li { font-size: 1.5rem; width: 20%; border: #73aeae solid 2px; border-left: none; border-right: none;} .slideHasNavAutoCamp-Nav li:first-child { border-left: #73aeae solid 2px;} .slideHasNavAutoCamp-Nav li:last-child { border-right: #73aeae solid 2px;} /*slideHasNavAutoCamp*/ /*slideHasNavAutoCampArea-Nav*/ .slideHasNavAutoCampArea-Nav li { font-size: 1.6rem; width: 175px; margin: 0 25px 0 0; } .slideHasNavAutoCampArea-Nav li:nth-child(2n) { float: left; } .slideHasNavAutoCampArea-Nav li:nth-child(3) { margin-right: 25px;} /*slideHasNavAutoCampArea-Nav*/ /*slideHasNavSchool-Nav*/ .slideHasNavSchool-Nav { overflow: hidden; top} .slideHasNavSchool-Nav li { font-size: 1.5rem; } .slideHasNavSchool-Nav li:nth-child(1) { width: 266px; border-right: none;} .slideHasNavSchool-Nav li:nth-child(2) { width: 266px; border-right: none;} .slideHasNavSchool-Nav li:nth-child(3) { width: 268px;} .slideHasNavSchool-Nav li:nth-child(n+4) { width: 20%;} .slideHasNavSchool-Nav li:nth-child(5) { border-left: none; border-right: none;} .slideHasNavSchool-Nav li:nth-child(7) { border-left: none; border-right: none;} .slideHasNavSchool-Nav li a { display: block; padding: 14px 0; background: transparent; color: #54accd !important;} .slideHasNavSchool-Nav a.active { background: #54accd; color: #FFF !important;} .slideHasNavSchool-Nav-Last { font-size: 1.5rem; width: 20%; float: right; -webkit-transform: translateY(-100%) translateX(0); -ms-transform: translateY(-100%) translateX(0); transform: translateY(-100%) translateX(0);} /*slideHasNavSchool-Nav*/ /*slideHasNavSchoolCertification-Nav*/ .slideHasNavSchoolCertification-Nav li { width: 25%; font-size: 1.4rem; border: #000f3a solid 1px; border-top: none; border-right: none;} .slideHasNavSchoolCertification-Nav li:nth-child(4) { border-right: #000f3a solid 1px;} /*slideHasNavSchoolCertification-Nav*/ /*restrauntSlide01*/ #restrauntSlide01-01 { min-height: 109px; } .restrauntSlide01 { box-sizing: border-box; overflow: hidden; text-align: center;} .restrauntSlide01 li { margin: 0 5px; display: inline;} /*restrauntSlide01*/ /*restrauntSlide02*/ #restrauntSlide02 { box-sizing: border-box; overflow: hidden; text-align: center;} #restrauntSlide02 li { margin: 0 5px; display: inline;} /*restrauntSlide02*/ #languageFixedLink { display: block; position: absolute; top: 32px; right: 16px; z-index: 700; transition: all .2s ease-in-out;} #languageFixedLink > dt { line-height: 1; width: 120px;} #languageFixedLink > dt > a { display: block; padding: 8px 0; border: #000f3a 1px solid; color: #000f3a; background: #FFF; text-align: center;} #languageFixedLink > dt > a > span { display: inline-block; background: url(images/icon_language.svg) no-repeat 0 50% / auto 1em; padding-left: 1.5em;} #languageFixedLink > dd { display: none; overflow: hidden; border: #000f3a solid 1px; background: #FFF; padding: 12px;} #languageFixedLink > dd > ul > li { overflow: hidden;} #languageFixedLink > dd > ul > li > a { display: block; padding: 4px 0;} #languageFixedLinkClose { position: absolute; top: 6px; right: 6px; width: 20px; height: 20px;} #languageFixedLinkClose > a { display: block; width: 20px; height: 20px;} #languageFixedLinkClose:before, #languageFixedLinkClose:after { content: ""; display: block; width: 100%; height: 1px; background: #000F3A; position: absolute; top: 0; left: 0;} #languageFixedLinkClose:before { transform: translateY(9px) translateX(0) rotate(45deg);} #languageFixedLinkClose:after { transform: translateY(9px) translateX(0) rotate(-45deg);} #fixedAccessBtn { position: absolute; bottom: auto; top: 116px; left: auto; right: 16px; z-index: 600; width: 120px; transition: all .2s ease-in-out;} #languageFixedLink { top: 32px;} .navScroll #languageFixedLink { } .contentPage.navScroll #languageFixedLink { } .contentPage #languageFixedLink { top: 16px; right: 96px; z-index: 100;} #fixedAccessBtn { top: 116px;} .navScroll #fixedAccessBtn { } .contentPage.navScroll #fixedAccessBtn { } .contentPage #fixedAccessBtn { width: 64px; top: 8px; right: 16px; z-index: 100;} .contentPage #fixedAccessBtn img { width: auto; height: 48px;} #fixedAccessBtn a { background: transparent; padding: 0;} #fixedAccessBtn a img { width: auto; height: 68px;} #fixedClone { display: block; position: fixed; bottom: 0; right: 16px; padding: 0 0 16px; display: flex; flex-wrap: wrap; align-items: flex-end; transform: translateY(100%); transition: all .2s ease-in-out;} .navScroll #fixedClone { transform: translateY(0);} #fixedClone #languageFixedLink { position: relative; top: auto; left: auto; right: auto; } #fixedClone #fixedAccessBtn { position: relative; top: auto; left: auto; right: auto; width: 64px; margin-left: 16px;} #fixedClone #fixedAccessBtn img { width: auto; height: 48px;} .pcaC { text-align: center !important; } .imgL { text-align: left; padding-bottom: 0; float: left; margin-right: 30px;} .imgR { text-align: left; padding-bottom: 0; float: right; margin-left: 30px;} .pclsM050 { letter-spacing: -0.05em; } .pcpL40 { padding-left: 40px; } .pcPl20 { padding-left: 20px; } .pcPl140 { padding-left: 140px; } .pcMB54 { margin-bottom: 54px; } .pcpB0 { padding-bottom: 0px !important;} .pcpB1 { padding-bottom: 1px !important;} .pcpB2 { padding-bottom: 2px !important;} .pcpB3 { padding-bottom: 3px !important;} .pcpB4 { padding-bottom: 4px !important;} .pcpB5 { padding-bottom: 5px !important;} .pcpB6 { padding-bottom: 6px !important;} .pcpB7 { padding-bottom: 7px !important;} .pcpB8 { padding-bottom: 8px !important;} .pcpB9 { padding-bottom: 9px !important;} .pcpB10 { padding-bottom: 10px !important;} .pcpB11 { padding-bottom: 11px !important;} .pcpB12 { padding-bottom: 12px !important;} .pcpB13 { padding-bottom: 13px !important;} .pcpB14 { padding-bottom: 14px !important;} .pcpB15 { padding-bottom: 15px !important;} .pcpB16 { padding-bottom: 16px !important;} .pcpB17 { padding-bottom: 17px !important;} .pcpB18 { padding-bottom: 18px !important;} .pcpB19 { padding-bottom: 19px !important;} .pcpB20 { padding-bottom: 20px !important;} .pcpB21 { padding-bottom: 21px !important;} .pcpB22 { padding-bottom: 22px !important;} .pcpB23 { padding-bottom: 23px !important;} .pcpB24 { padding-bottom: 24px !important;} .pcpB25 { padding-bottom: 25px !important;} .pcpB26 { padding-bottom: 26px !important;} .pcpB27 { padding-bottom: 27px !important;} .pcpB28 { padding-bottom: 28px !important;} .pcpB29 { padding-bottom: 29px !important;} .pcpB30 { padding-bottom: 30px !important;} .pcpB31 { padding-bottom: 31px !important;} .pcpB32 { padding-bottom: 32px !important;} .pcpB33 { padding-bottom: 33px !important;} .pcpB34 { padding-bottom: 34px !important;} .pcpB35 { padding-bottom: 35px !important;} .pcpB36 { padding-bottom: 36px !important;} .pcpB37 { padding-bottom: 37px !important;} .pcpB38 { padding-bottom: 38px !important;} .pcpB39 { padding-bottom: 39px !important;} .pcpB40 { padding-bottom: 40px !important;} .pcpB41 { padding-bottom: 41px !important;} .pcpB42 { padding-bottom: 42px !important;} .pcpB43 { padding-bottom: 43px !important;} .pcpB44 { padding-bottom: 44px !important;} .pcpB45 { padding-bottom: 45px !important;} .pcpB46 { padding-bottom: 46px !important;} .pcpB47 { padding-bottom: 47px !important;} .pcpB48 { padding-bottom: 48px !important;} .pcpB49 { padding-bottom: 49px !important;} .pcpB50 { padding-bottom: 50px !important;} .pcpB51 { padding-bottom: 51px !important;} .pcpB52 { padding-bottom: 52px !important;} .pcpB53 { padding-bottom: 53px !important;} .pcpB54 { padding-bottom: 54px !important;} .pcpB55 { padding-bottom: 55px !important;} .pcpB56 { padding-bottom: 56px !important;} .pcpB57 { padding-bottom: 57px !important;} .pcpB58 { padding-bottom: 58px !important;} .pcpB59 { padding-bottom: 59px !important;} .pcpB60 { padding-bottom: 60px !important;} .pcpB61 { padding-bottom: 61px !important;} .pcpB62 { padding-bottom: 62px !important;} .pcpB63 { padding-bottom: 63px !important;} .pcpB64 { padding-bottom: 64px !important;} .pcpB65 { padding-bottom: 65px !important;} .pcpB66 { padding-bottom: 66px !important;} .pcpB67 { padding-bottom: 67px !important;} .pcpB68 { padding-bottom: 68px !important;} .pcpB69 { padding-bottom: 69px !important;} .pcpB70 { padding-bottom: 70px !important;} .pcpB71 { padding-bottom: 71px !important;} .pcpB72 { padding-bottom: 72px !important;} .pcpB73 { padding-bottom: 73px !important;} .pcpB74 { padding-bottom: 74px !important;} .pcpB75 { padding-bottom: 75px !important;} .pcpB76 { padding-bottom: 76px !important;} .pcpB77 { padding-bottom: 77px !important;} .pcpB78 { padding-bottom: 78px !important;} .pcpB79 { padding-bottom: 79px !important;} .pcpB80 { padding-bottom: 80px !important;} .pcpB81 { padding-bottom: 81px !important;} .pcpB82 { padding-bottom: 82px !important;} .pcpB83 { padding-bottom: 83px !important;} .pcpB84 { padding-bottom: 84px !important;} .pcpB85 { padding-bottom: 85px !important;} .pcpB86 { padding-bottom: 86px !important;} .pcpB87 { padding-bottom: 87px !important;} .pcpB88 { padding-bottom: 88px !important;} .pcpB89 { padding-bottom: 89px !important;} .pcpB90 { padding-bottom: 90px !important;} .pcpB91 { padding-bottom: 91px !important;} .pcpB92 { padding-bottom: 92px !important;} .pcpB93 { padding-bottom: 93px !important;} .pcpB94 { padding-bottom: 94px !important;} .pcpB95 { padding-bottom: 95px !important;} .pcpB96 { padding-bottom: 96px !important;} .pcpB97 { padding-bottom: 97px !important;} .pcpB98 { padding-bottom: 98px !important;} .pcpB99 { padding-bottom: 99px !important;} .pcpB100 { padding-bottom: 100px !important;} .pcpB101 { padding-bottom: 101px !important;} .pcpB102 { padding-bottom: 102px !important;} .pcpB103 { padding-bottom: 103px !important;} .pcpB104 { padding-bottom: 104px !important;} .pcpB105 { padding-bottom: 105px !important;} .pcpB106 { padding-bottom: 106px !important;} .pcpB107 { padding-bottom: 107px !important;} .pcpB108 { padding-bottom: 108px !important;} .pcpB109 { padding-bottom: 109px !important;} .pcpB110 { padding-bottom: 110px !important;} .pcpB111 { padding-bottom: 111px !important;} .pcpB112 { padding-bottom: 112px !important;} .pcpB113 { padding-bottom: 113px !important;} .pcpB114 { padding-bottom: 114px !important;} .pcpB115 { padding-bottom: 115px !important;} .pcpB116 { padding-bottom: 116px !important;} .pcpB117 { padding-bottom: 117px !important;} .pcpB118 { padding-bottom: 118px !important;} .pcpB119 { padding-bottom: 119px !important;} .pcpB120 { padding-bottom: 120px !important;} .pcpB128 { padding-bottom: 128px !important;} .pcpB145 { padding-bottom: 145px !important;} .pcpB180 { padding-bottom: 180px !important;} .pcpT0 { padding-top: 0px !important;} .pcpT1 { padding-top: 1px !important;} .pcpT2 { padding-top: 2px !important;} .pcpT3 { padding-top: 3px !important;} .pcpT4 { padding-top: 4px !important;} .pcpT5 { padding-top: 5px !important;} .pcpT6 { padding-top: 6px !important;} .pcpT7 { padding-top: 7px !important;} .pcpT8 { padding-top: 8px !important;} .pcpT9 { padding-top: 9px !important;} .pcpT10 { padding-top: 10px !important;} .pcpT11 { padding-top: 11px !important;} .pcpT12 { padding-top: 12px !important;} .pcpT13 { padding-top: 13px !important;} .pcpT14 { padding-top: 14px !important;} .pcpT15 { padding-top: 15px !important;} .pcpT16 { padding-top: 16px !important;} .pcpT17 { padding-top: 17px !important;} .pcpT18 { padding-top: 18px !important;} .pcpT19 { padding-top: 19px !important;} .pcpT20 { padding-top: 20px !important;} .pcpT21 { padding-top: 21px !important;} .pcpT22 { padding-top: 22px !important;} .pcpT23 { padding-top: 23px !important;} .pcpT24 { padding-top: 24px !important;} .pcpT25 { padding-top: 25px !important;} .pcpT26 { padding-top: 26px !important;} .pcpT27 { padding-top: 27px !important;} .pcpT28 { padding-top: 28px !important;} .pcpT29 { padding-top: 29px !important;} .pcpT30 { padding-top: 30px !important;} .pcpT31 { padding-top: 31px !important;} .pcpT32 { padding-top: 32px !important;} .pcpT33 { padding-top: 33px !important;} .pcpT34 { padding-top: 34px !important;} .pcpT35 { padding-top: 35px !important;} .pcpT36 { padding-top: 36px !important;} .pcpT37 { padding-top: 37px !important;} .pcpT38 { padding-top: 38px !important;} .pcpT39 { padding-top: 39px !important;} .pcpT40 { padding-top: 40px !important;} .pcpT41 { padding-top: 41px !important;} .pcpT42 { padding-top: 42px !important;} .pcpT43 { padding-top: 43px !important;} .pcpT44 { padding-top: 44px !important;} .pcpT45 { padding-top: 45px !important;} .pcpT46 { padding-top: 46px !important;} .pcpT47 { padding-top: 47px !important;} .pcpT48 { padding-top: 48px !important;} .pcpT49 { padding-top: 49px !important;} .pcpT50 { padding-top: 50px !important;} .pcpT51 { padding-top: 51px !important;} .pcpT52 { padding-top: 52px !important;} .pcpT53 { padding-top: 53px !important;} .pcpT54 { padding-top: 54px !important;} .pcpT55 { padding-top: 55px !important;} .pcpT56 { padding-top: 56px !important;} .pcpT57 { padding-top: 57px !important;} .pcpT58 { padding-top: 58px !important;} .pcpT59 { padding-top: 59px !important;} .pcpT60 { padding-top: 60px !important;} .pcpT61 { padding-top: 61px !important;} .pcpT62 { padding-top: 62px !important;} .pcpT63 { padding-top: 63px !important;} .pcpT64 { padding-top: 64px !important;} .pcpT65 { padding-top: 65px !important;} .pcpT66 { padding-top: 66px !important;} .pcpT67 { padding-top: 67px !important;} .pcpT68 { padding-top: 68px !important;} .pcpT69 { padding-top: 69px !important;} .pcpT70 { padding-top: 70px !important;} .pcpT71 { padding-top: 71px !important;} .pcpT72 { padding-top: 72px !important;} .pcpT73 { padding-top: 73px !important;} .pcpT74 { padding-top: 74px !important;} .pcpT75 { padding-top: 75px !important;} .pcpT76 { padding-top: 76px !important;} .pcpT77 { padding-top: 77px !important;} .pcpT78 { padding-top: 78px !important;} .pcpT79 { padding-top: 79px !important;} .pcpT80 { padding-top: 80px !important;} .pcpT81 { padding-top: 81px !important;} .pcpT82 { padding-top: 82px !important;} .pcpT83 { padding-top: 83px !important;} .pcpT84 { padding-top: 84px !important;} .pcpT85 { padding-top: 85px !important;} .pcpT86 { padding-top: 86px !important;} .pcpT87 { padding-top: 87px !important;} .pcpT88 { padding-top: 88px !important;} .pcpT89 { padding-top: 89px !important;} .pcpT90 { padding-top: 90px !important;} .pcpT91 { padding-top: 91px !important;} .pcpT92 { padding-top: 92px !important;} .pcpT93 { padding-top: 93px !important;} .pcpT94 { padding-top: 94px !important;} .pcpT95 { padding-top: 95px !important;} .pcpT96 { padding-top: 96px !important;} .pcpT97 { padding-top: 97px !important;} .pcpT98 { padding-top: 98px !important;} .pcpT99 { padding-top: 99px !important;} .pcpT100 { padding-top: 100px !important;} .pcpT101 { padding-top: 101px !important;} .pcpT102 { padding-top: 102px !important;} .pcpT103 { padding-top: 103px !important;} .pcpT104 { padding-top: 104px !important;} .pcpT105 { padding-top: 105px !important;} .pcpT106 { padding-top: 106px !important;} .pcpT107 { padding-top: 107px !important;} .pcpT108 { padding-top: 108px !important;} .pcpT109 { padding-top: 109px !important;} .pcpT110 { padding-top: 110px !important;} .pcpT111 { padding-top: 111px !important;} .pcpT112 { padding-top: 112px !important;} .pcpT113 { padding-top: 113px !important;} .pcpT114 { padding-top: 114px !important;} .pcpT115 { padding-top: 115px !important;} .pcpT116 { padding-top: 116px !important;} .pcpT117 { padding-top: 117px !important;} .pcpT118 { padding-top: 118px !important;} .pcpT119 { padding-top: 119px !important;} .pcpT120 { padding-top: 120px !important;} .pcmB0 { margin-bottom: 0px !important;} .pcmB1 { margin-bottom: 1px !important;} .pcmB2 { margin-bottom: 2px !important;} .pcmB3 { margin-bottom: 3px !important;} .pcmB4 { margin-bottom: 4px !important;} .pcmB5 { margin-bottom: 5px !important;} .pcmB6 { margin-bottom: 6px !important;} .pcmB7 { margin-bottom: 7px !important;} .pcmB8 { margin-bottom: 8px !important;} .pcmB9 { margin-bottom: 9px !important;} .pcmB10 { margin-bottom: 10px !important;} .pcmB11 { margin-bottom: 11px !important;} .pcmB12 { margin-bottom: 12px !important;} .pcmB13 { margin-bottom: 13px !important;} .pcmB14 { margin-bottom: 14px !important;} .pcmB15 { margin-bottom: 15px !important;} .pcmB16 { margin-bottom: 16px !important;} .pcmB17 { margin-bottom: 17px !important;} .pcmB18 { margin-bottom: 18px !important;} .pcmB19 { margin-bottom: 19px !important;} .pcmB20 { margin-bottom: 20px !important;} .pcmB21 { margin-bottom: 21px !important;} .pcmB22 { margin-bottom: 22px !important;} .pcmB23 { margin-bottom: 23px !important;} .pcmB24 { margin-bottom: 24px !important;} .pcmB25 { margin-bottom: 25px !important;} .pcmB26 { margin-bottom: 26px !important;} .pcmB27 { margin-bottom: 27px !important;} .pcmB28 { margin-bottom: 28px !important;} .pcmB29 { margin-bottom: 29px !important;} .pcmB30 { margin-bottom: 30px !important;} .pcmB31 { margin-bottom: 31px !important;} .pcmB32 { margin-bottom: 32px !important;} .pcmB33 { margin-bottom: 33px !important;} .pcmB34 { margin-bottom: 34px !important;} .pcmB35 { margin-bottom: 35px !important;} .pcmB36 { margin-bottom: 36px !important;} .pcmB37 { margin-bottom: 37px !important;} .pcmB38 { margin-bottom: 38px !important;} .pcmB39 { margin-bottom: 39px !important;} .pcmB40 { margin-bottom: 40px !important;} .pcmB41 { margin-bottom: 41px !important;} .pcmB42 { margin-bottom: 42px !important;} .pcmB43 { margin-bottom: 43px !important;} .pcmB44 { margin-bottom: 44px !important;} .pcmB45 { margin-bottom: 45px !important;} .pcmB46 { margin-bottom: 46px !important;} .pcmB47 { margin-bottom: 47px !important;} .pcmB48 { margin-bottom: 48px !important;} .pcmB49 { margin-bottom: 49px !important;} .pcmB50 { margin-bottom: 50px !important;} .pcmB51 { margin-bottom: 51px !important;} .pcmB52 { margin-bottom: 52px !important;} .pcmB53 { margin-bottom: 53px !important;} .pcmB54 { margin-bottom: 54px !important;} .pcmB55 { margin-bottom: 55px !important;} .pcmB56 { margin-bottom: 56px !important;} .pcmB57 { margin-bottom: 57px !important;} .pcmB58 { margin-bottom: 58px !important;} .pcmB59 { margin-bottom: 59px !important;} .pcmB60 { margin-bottom: 60px !important;} .pcmB61 { margin-bottom: 61px !important;} .pcmB62 { margin-bottom: 62px !important;} .pcmB63 { margin-bottom: 63px !important;} .pcmB64 { margin-bottom: 64px !important;} .pcmB65 { margin-bottom: 65px !important;} .pcmB66 { margin-bottom: 66px !important;} .pcmB67 { margin-bottom: 67px !important;} .pcmB68 { margin-bottom: 68px !important;} .pcmB69 { margin-bottom: 69px !important;} .pcmB70 { margin-bottom: 70px !important;} .pcmB71 { margin-bottom: 71px !important;} .pcmB72 { margin-bottom: 72px !important;} .pcmB73 { margin-bottom: 73px !important;} .pcmB74 { margin-bottom: 74px !important;} .pcmB75 { margin-bottom: 75px !important;} .pcmB76 { margin-bottom: 76px !important;} .pcmB77 { margin-bottom: 77px !important;} .pcmB78 { margin-bottom: 78px !important;} .pcmB79 { margin-bottom: 79px !important;} .pcmB80 { margin-bottom: 80px !important;} .pcmB81 { margin-bottom: 81px !important;} .pcmB82 { margin-bottom: 82px !important;} .pcmB83 { margin-bottom: 83px !important;} .pcmB84 { margin-bottom: 84px !important;} .pcmB85 { margin-bottom: 85px !important;} .pcmB86 { margin-bottom: 86px !important;} .pcmB87 { margin-bottom: 87px !important;} .pcmB88 { margin-bottom: 88px !important;} .pcmB89 { margin-bottom: 89px !important;} .pcmB90 { margin-bottom: 90px !important;} .pcmB91 { margin-bottom: 91px !important;} .pcmB92 { margin-bottom: 92px !important;} .pcmB93 { margin-bottom: 93px !important;} .pcmB94 { margin-bottom: 94px !important;} .pcmB95 { margin-bottom: 95px !important;} .pcmB96 { margin-bottom: 96px !important;} .pcmB97 { margin-bottom: 97px !important;} .pcmB98 { margin-bottom: 98px !important;} .pcmB99 { margin-bottom: 99px !important;} .pcmB100 { margin-bottom: 100px !important;} .pcmB101 { margin-bottom: 101px !important;} .pcmB102 { margin-bottom: 102px !important;} .pcmB103 { margin-bottom: 103px !important;} .pcmB104 { margin-bottom: 104px !important;} .pcmB105 { margin-bottom: 105px !important;} .pcmB106 { margin-bottom: 106px !important;} .pcmB107 { margin-bottom: 107px !important;} .pcmB108 { margin-bottom: 108px !important;} .pcmB109 { margin-bottom: 109px !important;} .pcmB110 { margin-bottom: 110px !important;} .pcmB111 { margin-bottom: 111px !important;} .pcmB112 { margin-bottom: 112px !important;} .pcmB113 { margin-bottom: 113px !important;} .pcmB114 { margin-bottom: 114px !important;} .pcmB115 { margin-bottom: 115px !important;} .pcmB116 { margin-bottom: 116px !important;} .pcmB117 { margin-bottom: 117px !important;} .pcmB118 { margin-bottom: 118px !important;} .pcmB119 { margin-bottom: 119px !important;} .pcmB120 { margin-bottom: 120px !important;} .pcmB128 { margin-bottom: 128px !important;} .pcmB144 { margin-bottom: 144px !important;} .pcmB146 { margin-bottom: 146px !important;} .pcmB168 { margin-bottom: 168px !important;} .pcmB170 { margin-bottom: 170px !important;} .pcmB200 { margin-bottom: 200px !important;} .pcmB270 { margin-bottom: 270px !important;} .pcmT0 { margin-top: 0px !important;} .pcmT1 { margin-top: 1px !important;} .pcmT2 { margin-top: 2px !important;} .pcmT3 { margin-top: 3px !important;} .pcmT4 { margin-top: 4px !important;} .pcmT5 { margin-top: 5px !important;} .pcmT6 { margin-top: 6px !important;} .pcmT7 { margin-top: 7px !important;} .pcmT8 { margin-top: 8px !important;} .pcmT9 { margin-top: 9px !important;} .pcmT10 { margin-top: 10px !important;} .pcmT11 { margin-top: 11px !important;} .pcmT12 { margin-top: 12px !important;} .pcmT13 { margin-top: 13px !important;} .pcmT14 { margin-top: 14px !important;} .pcmT15 { margin-top: 15px !important;} .pcmT16 { margin-top: 16px !important;} .pcmT17 { margin-top: 17px !important;} .pcmT18 { margin-top: 18px !important;} .pcmT19 { margin-top: 19px !important;} .pcmT20 { margin-top: 20px !important;} .pcmT21 { margin-top: 21px !important;} .pcmT22 { margin-top: 22px !important;} .pcmT23 { margin-top: 23px !important;} .pcmT24 { margin-top: 24px !important;} .pcmT25 { margin-top: 25px !important;} .pcmT26 { margin-top: 26px !important;} .pcmT27 { margin-top: 27px !important;} .pcmT28 { margin-top: 28px !important;} .pcmT29 { margin-top: 29px !important;} .pcmT30 { margin-top: 30px !important;} .pcmT31 { margin-top: 31px !important;} .pcmT32 { margin-top: 32px !important;} .pcmT33 { margin-top: 33px !important;} .pcmT34 { margin-top: 34px !important;} .pcmT35 { margin-top: 35px !important;} .pcmT36 { margin-top: 36px !important;} .pcmT37 { margin-top: 37px !important;} .pcmT38 { margin-top: 38px !important;} .pcmT39 { margin-top: 39px !important;} .pcmT40 { margin-top: 40px !important;} .pcmT41 { margin-top: 41px !important;} .pcmT42 { margin-top: 42px !important;} .pcmT43 { margin-top: 43px !important;} .pcmT44 { margin-top: 44px !important;} .pcmT45 { margin-top: 45px !important;} .pcmT46 { margin-top: 46px !important;} .pcmT47 { margin-top: 47px !important;} .pcmT48 { margin-top: 48px !important;} .pcmT49 { margin-top: 49px !important;} .pcmT50 { margin-top: 50px !important;} .pcmT51 { margin-top: 51px !important;} .pcmT52 { margin-top: 52px !important;} .pcmT53 { margin-top: 53px !important;} .pcmT54 { margin-top: 54px !important;} .pcmT55 { margin-top: 55px !important;} .pcmT56 { margin-top: 56px !important;} .pcmT57 { margin-top: 57px !important;} .pcmT58 { margin-top: 58px !important;} .pcmT59 { margin-top: 59px !important;} .pcmT60 { margin-top: 60px !important;} .pcmT61 { margin-top: 61px !important;} .pcmT62 { margin-top: 62px !important;} .pcmT63 { margin-top: 63px !important;} .pcmT64 { margin-top: 64px !important;} .pcmT65 { margin-top: 65px !important;} .pcmT66 { margin-top: 66px !important;} .pcmT67 { margin-top: 67px !important;} .pcmT68 { margin-top: 68px !important;} .pcmT69 { margin-top: 69px !important;} .pcmT70 { margin-top: 70px !important;} .pcmT71 { margin-top: 71px !important;} .pcmT72 { margin-top: 72px !important;} .pcmT73 { margin-top: 73px !important;} .pcmT74 { margin-top: 74px !important;} .pcmT75 { margin-top: 75px !important;} .pcmT76 { margin-top: 76px !important;} .pcmT77 { margin-top: 77px !important;} .pcmT78 { margin-top: 78px !important;} .pcmT79 { margin-top: 79px !important;} .pcmT80 { margin-top: 80px !important;} .pcmT81 { margin-top: 81px !important;} .pcmT82 { margin-top: 82px !important;} .pcmT83 { margin-top: 83px !important;} .pcmT84 { margin-top: 84px !important;} .pcmT85 { margin-top: 85px !important;} .pcmT86 { margin-top: 86px !important;} .pcmT87 { margin-top: 87px !important;} .pcmT88 { margin-top: 88px !important;} .pcmT89 { margin-top: 89px !important;} .pcmT90 { margin-top: 90px !important;} .pcmT91 { margin-top: 91px !important;} .pcmT92 { margin-top: 92px !important;} .pcmT93 { margin-top: 93px !important;} .pcmT94 { margin-top: 94px !important;} .pcmT95 { margin-top: 95px !important;} .pcmT96 { margin-top: 96px !important;} .pcmT97 { margin-top: 97px !important;} .pcmT98 { margin-top: 98px !important;} .pcmT99 { margin-top: 99px !important;} .pcmT100 { margin-top: 100px !important;} .pcmT101 { margin-top: 101px !important;} .pcmT102 { margin-top: 102px !important;} .pcmT103 { margin-top: 103px !important;} .pcmT104 { margin-top: 104px !important;} .pcmT105 { margin-top: 105px !important;} .pcmT106 { margin-top: 106px !important;} .pcmT107 { margin-top: 107px !important;} .pcmT108 { margin-top: 108px !important;} .pcmT109 { margin-top: 109px !important;} .pcmT110 { margin-top: 110px !important;} .pcmT111 { margin-top: 111px !important;} .pcmT112 { margin-top: 112px !important;} .pcmT113 { margin-top: 113px !important;} .pcmT114 { margin-top: 114px !important;} .pcmT115 { margin-top: 115px !important;} .pcmT116 { margin-top: 116px !important;} .pcmT117 { margin-top: 117px !important;} .pcmT118 { margin-top: 118px !important;} .pcmT119 { margin-top: 119px !important;} .pcmT120 { margin-top: 120px !important;} .pcfs8 { font-size: 0.8rem;} .pcfs9 { font-size: 0.9rem;} .pcfs10 { font-size: 1rem;} .pcfs11 { font-size: 1.1rem;} .pcfs12 { font-size: 1.2rem;} .pcfs13 { font-size: 1.3rem;} .pcfs14 { font-size: 1.4rem;} .pcfs15 { font-size: 1.5rem;} .pcfs16 { font-size: 1.6rem;} .pcfs17 { font-size: 1.7rem;} .pcfs18 { font-size: 1.8rem;} .pcfs19 { font-size: 1.9rem;} .pcfs20 { font-size: 2rem;} .pcfs21 { font-size: 2.1rem;} .pcfs22 { font-size: 2.2rem;} .pcfs23 { font-size: 2.3rem;} .pcfs24 { font-size: 2.4rem;} .pcfs25 { font-size: 2.5rem;} .pcfs26 { font-size: 2.6rem;} .pcfs27 { font-size: 2.7rem;} .pcfs28 { font-size: 2.8rem;} .pcfs29 { font-size: 2.9rem;} .pcfs30 { font-size: 3rem;} .pcfs31 { font-size: 3.1rem;} .pcfs32 { font-size: 3.2rem;} .pcfs33 { font-size: 3.3rem;} .pcfs34 { font-size: 3.4rem;} .pcfs35 { font-size: 3.5rem;} .pcfs36 { font-size: 3.6rem;} .pcfs37 { font-size: 3.7rem;} .pcfs38 { font-size: 3.8rem;} .pcfs39 { font-size: 3.9rem;} .pcfs40 { font-size: 4rem;} .pcfs41 { font-size: 4.1rem;} .pcfs42 { font-size: 4.2rem;} .pcfs43 { font-size: 4.3rem;} .pcfs44 { font-size: 4.4rem;} .pcfs45 { font-size: 4.5rem;} .pcfs46 { font-size: 4.6rem;} .pcfs47 { font-size: 4.7rem;} .pcfs48 { font-size: 4.8rem;} .pcfs49 { font-size: 4.9rem;} .pcfs50 { font-size: 5rem;} .pcfs51 { font-size: 5.1rem;} .pcfs52 { font-size: 5.2rem;} .pcfs53 { font-size: 5.3rem;} .pcfs54 { font-size: 5.4rem;} .pcfs55 { font-size: 5.5rem;} .pcfs56 { font-size: 5.6rem;} .pcfs57 { font-size: 5.7rem;} .pcfs58 { font-size: 5.8rem;} .pcfs59 { font-size: 5.9rem;} .pcfs60 { font-size: 6rem;} .pcfs61 { font-size: 6.1rem;} .pcfs62 { font-size: 6.2rem;} .pcfs63 { font-size: 6.3rem;} .pcfs64 { font-size: 6.4rem;} .pcfs65 { font-size: 6.5rem;} .pcfs66 { font-size: 6.6rem;} .pcfs67 { font-size: 6.7rem;} .pcfs68 { font-size: 6.8rem;} .pcfs69 { font-size: 6.9rem;} .pcfs70 { font-size: 7rem;} .pcfs71 { font-size: 7.1rem;} .pcfs72 { font-size: 7.2rem;} .pcfs73 { font-size: 7.3rem;} .pcfs74 { font-size: 7.4rem;} .pcfs75 { font-size: 7.5rem;} .pcfs76 { font-size: 7.6rem;} .pcfs77 { font-size: 7.7rem;} .pcfs78 { font-size: 7.8rem;} .pcfs79 { font-size: 7.9rem;} .pcfs80 { font-size: 8rem;} .pcfs81 { font-size: 8.1rem;} .pcfs82 { font-size: 8.2rem;} .pcfs83 { font-size: 8.3rem;} .pcfs84 { font-size: 8.4rem;} .pcfs85 { font-size: 8.5rem;} .pcfs86 { font-size: 8.6rem;} .pcfs87 { font-size: 8.7rem;} .pcfs88 { font-size: 8.8rem;} .pcfs89 { font-size: 8.9rem;} .pcfs90 { font-size: 9rem;} .pcfs91 { font-size: 9.1rem;} .pcfs92 { font-size: 9.2rem;} .pcfs93 { font-size: 9.3rem;} .pcfs94 { font-size: 9.4rem;} .pcfs95 { font-size: 9.5rem;} .pcfs96 { font-size: 9.6rem;} .pcfs97 { font-size: 9.7rem;} .pcfs98 { font-size: 9.8rem;} .pcfs99 { font-size: 9.9rem;} .pcfs100 { font-size: 10rem;} .pcfs103 { font-size: 10.3rem;} /*--- pages ---*//*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- index ---*//*---------------------------------------------------------------------------------------------------------------------------------------------*/ #indexMain { height: 562px;} #indexMain video { width: 1000px; height: 562px;} /*indexBtn*/ .indexBtn01Txt { position: absolute; top: 0; left: 0; width: 100%; height: auto; padding: 13px 0;} .indexBtn01Txt span { display: inline-block; } .indexBtn01TxtJp:before { content: "/"; display: inline-block; padding: 0 0.5em; } #indexBtn01 a:link,#indexBtn01 a:visited { opacity: 1;} #indexBtn01 a:active,#indexBtn01 a:hover { opacity: 1;} .indexBtn01TxtEn { font-size: 2.0rem;} .indexNewsListNew { font-size: 1.3rem;} /*indexNewsInfo*/ #indexNewsInfo { padding: 58px 0; width: 888px; margin: 0 auto;} #indexNews { width: 500px; float: left; padding: 16px 0 0; margin: 0 60px 0 0;} #indexInsta { float: right; overflow: hidden; padding: 0; width: 320px;} #instaTitle { margin: 0 0 10px;} #sb_instagram .sbi_link { font-size: 12px;} #sb_instagram .sbi_link a { font-size: 1.2rem;} #sb_instagram .sbi_type_video .sbi_playbtn { font-size: 48px;} #sb_instagram .sb_instagram_header h3 { font-size: 1.6rem;} #sb_instagram .sb_instagram_header p { font-size: 1.3rem;} #sb_instagram .sbi_follow_btn a { font-size: 1.3rem;} #sb_instagram .sbi_follow_btn .fa { font-size: 1.5rem;} #sbi_mod_error { font-size: 1.3rem;} #sbi_mod_error span { font-size: 1.2rem;} #sb_instagram.sbi_medium .sbi_playbtn { font-size: 2.3rem; } #sb_instagram.sbi_small .sbi_playbtn { font-size: 1.8rem; } /*indexEventCampaing*/ #indexEventCampaing { position: relative; min-height: 247px;} #indexEvent { position: absolute; top: 0; left: 50%; width: 162px; padding: 0; margin: 0 0 0 -440px;} #indexEventSub0101 { font-size: 3.0rem; } #indexEventSub0102 { font-size: 2.1rem; } #indexEventBtn01 { font-size: 2.0rem; } #indexEventBtn02 { font-size: 2.4rem; } #indexEventBtn03 { font-size: 1.5rem; } #indexEventBtn04 { font-size: 1.2rem; } #indexEventBtn05 { font-size: 2.5rem; } #indexCampaingSub01 { font-size: 3.0rem; } #indexCampaingTxt01 { font-size: 1.5rem;} #indexCampaing { position: absolute; top: 0; left: 50%; margin: 0 0 0 -225px; width: 1600px;} #indexCampaing.summerCampaing { left: 50%; margin: 0 0 0 -500px; width: 1600px;} #indexCampaingWrap { padding: 0; } #indexCampaing.summerCampaing #indexCampaingWrap { padding: 0 0 0 200px; } #indexCampaingSub01 { padding: 0 0 16px; text-align: left;} #indexCampaingTxt01 { padding: 0 0 24px; text-align: left;} #indexCampaingDetail { position: absolute; top: 0; left: 530px;} #indexCampaing.summerCampaing #indexCampaingDetail { left: 750px;} #indexCampaingDetail a { color: #FFF; } #CampaingSlide .slick-slide { width: 250px; max-height: 160px; margin: 0 10px; overflow: hidden;} #CampaingSlide .slick-slide img { width: auto; max-height: 160px;} #calendarWrap { padding: 40px 0; width: 860px; margin: 0 auto; } #calendar { } .calCat { overflow: hidden; margin: 0 0 40px;} .calCat li { float: left; width: 120px; margin: 0 20px 0 0; text-align: center; border-radius: 4px; line-height: 1.2; padding: 4px 0; box-sizing: border-box;} .calCat li:nth-child(3n) { margin-right: 20px; } .calCat li.cal01 { } .calCat li.cal02 { } .calCat li.cal03 { } #indexBtns01Pare { overflow: hidden; clear: both; padding: 48px 0 0; margin: 0 auto; width: 910px; text-align: center; letter-spacing: -0.4em;} #indexBtns01Pare li { width: 420px; display: inline-block; margin: 0 16px;} #indexBtns01Pare li:nth-child(2n) {} /*indexCommunication*/ #indexCommunication { width: 920px; margin: 0 auto; } #snsList li { overflow: hidden; margin: 0 40px 0 0; width: 280px; float: left;} #snsList li:last-child { margin: 0;} #snsList dt { margin: 0; height: 64px;} #snsList dd { overflow: hidden; padding: 0;} /*--- winter index ---*//*---------------------------------------------------------------------------------------------------------------------------------------------*/ /*shigemotoFlip*/ #shigemoto { padding: 32px 0 40px;} .shigemotoFlip { padding: 56px 0;} .shigemotoFlip li { width: 290px; perspective: 800px;} .shigemotoFlip li img { width: 100%; transform-origin: 50% 50%;} #shigemoto .slick-current { } #shigemoto .slick-slide img { transform: scale(0.85);} #shigemoto .slick-current img { transform: scale(1.2); } #shigemoto .slick-list { overflow: visible; } .shigemotoTxt01 { font-size: 2.4rem; } .shigemotoTxt02 { } .shigemotoTxt03 { } .shigemotoTxt03 a { color: #171C61;} /*liftNav*/ #liftNav { background: #BCD7DF; color: #000F3A; overflow: hidden; padding: 16px 0;} #liftNavWrap { width: 940px; margin: 0 auto; } #liftNav dt { font-size: 1.5rem; float: left; width: 205px; padding: 41px 0 0; margin: 18px 24px 0 0; } #liftNav dd { overflow: hidden; } #liftNav dd ul { float: left; width: 33%; } #liftNav dd li { float: left; width: 100%; } #liftNav dd #liftNav01 li span { width: 8.5em;} #liftNav dd #liftNav02 li span { width: 10em;} #liftNav dd #liftNav03 li span { width: 8em;} /*winter index*/ #winterWelcome { padding: 32px 0 64px;} #winterClose01 { margin: 64px auto 64px; width: 1000px; font-size: 3.2rem;} #winterClose02 { font-size: 1.8rem;} .winterClose03 { margin: 48px auto 16px; width: 100%; font-size: 2.0rem; line-height: 2;} .winterClose04 { margin: 0 auto 48px; width: 100%; font-size: 2.0rem; line-height: 2;} #summerClose01 { margin: 64px auto 16px; width: auto; text-align: center; font-size: 3.2rem;} .closeTxt01 { margin: 64px auto 16px; width: auto; text-align: center; font-size: 3.2rem;} .closeTxt02 { margin: 64px auto 64px; width: auto; text-align: center; font-size: 2.4rem;} .closeTxt02.sppT01 { padding-top: 0;} .closeTxt02 a { } #summerClose01 { font-size: 2.0rem;} .closeTxt01 { font-size: 2.0rem;} .closeTxt02 { font-size: 1.8rem;} #summerClose02 { margin: 64px auto 48px;} #summerClose02 dt { font-size: 2.0rem;} #summerClose02 dd { font-size: 1.4rem; text-align: center;} /*winterSecMovie*/ /*winterSecWelcome*/ .bgParallax { position: relative; overflow: hidden; } .bgParallaxImg { height: 562px;} .bgParallaxImgList { height: 562px;} .bgParallaxImgList > li { height: 562px;} .bgParallaxImgList.active > li { } .bgParallaxImgList > li:nth-child(1) { } .bgParallaxImgList > li:nth-child(2) { } .bgParallaxImgList > li:nth-child(3) { } .bgParallaxImgList > li:nth-child(4) { } .bgParallaxImgList > li:nth-child(5) { } .bgParallaxImgList > li:nth-child(6) { } .bgParallaxImgList > li:nth-child(7) { } .bgParallaxImgList > li:nth-child(8) { } .bgParallaxImgList > li:nth-child(9) { } .bgParallaxImgList > li:nth-child(10) { } .bgParallaxImgList > li:nth-child(11) { } .bgParallaxImgList > li:nth-child(12) { } .bgParallaxImgList > li:nth-child(13) { } .bgParallaxImgList > li:nth-child(14) { } .bgParallaxCh { margin: 0; padding: 0; position: absolute; top: 50%; left: 0; z-index: 10; width: 100%; transform: translateY(-50%);} /*winterSecBg01*/ #winterSecBg01 .bgParallaxCh { color: #FFF; margin-top: -160px;} /*winterSecFacilities*/ #winterSecFacilitiesSec01 { width: 810px; margin: 0 auto; padding: 0 0 90px; } #winterSecFacilitiesSec01List01 li { background-repeat: no-repeat; } #winterSecFacilitiesSec01List01 dt { font-size: 1.8rem; background-position: 0 0; text-align: left;} #winterSecFacilitiesSec01List0101 { padding: 0 0 0 156px; background-image: url(images/icon_day-trip.png); background-size: auto 62px;} #winterSecFacilitiesSec01List0102 { padding: 0 0 0 156px; background-image: url(images/icon_stay.png); background-size: auto 78px;} #winterSecFacilitiesSec01List0101 dt { padding: 0; background-image: none;} #winterSecFacilitiesSec01List0102 dt { padding: 0; background-image: none;} #winterSecFacilitiesSec01List01 dd { margin-left: -0.5em; font-size: 1.5rem; } #winterSecFacilitiesSec03 { padding: 56px 0 36px; } #winterSecFacilitiesSec03List01 { width: 850px; margin: 0 auto 36px;} #winterSecFacilitiesSec03List01 li { float: left; padding: 0 86px 0 0; margin: 0 32px 0 0; background: url(images/icon_cross.png) 100% 50% no-repeat; box-sizing: border-box; background-size: 56px 56px;} #winterSecFacilitiesSec03List01 li:last-child { padding: 0; margin: 0; background: none;} #winterSecFacilitiesSec03List01 img { width: auto; height: 47px; } #winterSecFacilitiesSec03List0101 { width: 305px; } #winterSecFacilitiesSec03List0102 { width: 248px; } #winterSecFacilitiesSec03List0103 { width: 162px; } .btnBg01 { display: inline-block; font-size: 1.4rem;} /*winterSecBg02*/ #winterSecBg02 .bgParallaxCh { padding: 0; color: #FFF; margin-top: -140px;} /*winterSecListBtns*/ .winterSecListBtns { overflow: hidden; } /*ski center*/ .skicenterDl01 dt { float: left; width: 10em; margin-right: 2em; } .skicenterDl01 dd { overflow: hidden; } /*nap room*/ .napRoomDl01 { width: 560px; margin: 0 auto; } .napRoomDl01 dt { float: left; } .napRoomDl01 dd { overflow: hidden; } /*rental*/ .rentalLogoList { text-align: center; } .rentalLogoList li { display: inline-block; padding: 16px;} /*access*/ #mapCanvas { width: 400px; height: 400px; } #accessGMapPare { } #accessGMap { } #accessGMap iframe, #accessGMap object, #accessGMap embed { } .slideAccessNav { margin-bottom: 32px;} .slideAccessNav:before { absolute; top: 51px;} .slideAccessNav li a { padding: 72px 0 0; background-size: auto; } .slideAccessNav li a.active:after { top: 51px;} .accessList01 { overflow: hidden; } .accessList01 li { float: left; width: 32.5%; margin: 0 1.25% 30px 0; } .accessList01 li dt { font-size: 1.6rem;} .accessList01.accessList01Pt01 li:nth-child(1) { margin-left: 17.5%;} .accessList01Summer li:first-child { margin-left: 16.25%; } .accessList01 li:nth-child(3n) { margin-right: 0;} .shuttleBusList { width: 262px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;} .shuttleBusList li { float: none; width: 111px; padding: 0; margin-right: 40px;} .shuttleBusList li:nth-child(2) { margin-right: 0;} .shuttleBusList p { font-size: 1.6rem;} .shuttleBusList li.shuttleBusListW p { } .shuttleBusList li.shuttleBusListS p { } /*lift*/ .liftList01 li { width: 33.3%;} .liftList01 li:nth-child(3) { margin-left: 0; } .liftList01 li img { width: auto;} .liftList02 { padding-left: 150px;} .liftList02 li { width: 275px;} .liftList02 li:nth-child(3) { margin-left: 0; } .liftList02 li img { width: auto;} .liftSub01 { font-size: 2.1rem; padding: 32px 0 0; margin-bottom: 24px;} .liftSub01 img { position: absolute; top: 0; left: 56px; width: 120px; -webkit-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0);} /*gelande*/ .slideGelendeHasNav li { font-size: 1.6rem; width: 25%;} .slideGelendeHasNav li:nth-child(1) { border-bottom: #54ACCD solid 1px;} .slideGelendeHasNav li:nth-child(2) { border-bottom: #54ACCD solid 1px; border-right: none;} .slideGelendeHasNav li:nth-child(3) { border-top: #54ACCD solid 1px; border-left: none;} .slideGelendeHasNav li:nth-child(4) { border-top: #54ACCD solid 1px;} .slideGelendeHasNav li a { display: block; padding: 12px 0; color: #54ACCD;} .slideGelendeHasNav li a.active { background: #54ACCD; color: #FFF;} #slideGelendeHasNav-Last { font-size: 1.6rem; width: 25%; border-top: #54ACCD solid 1px;} #slideGelendeHasNav-Last a { padding: 12px } #gelandeTabNav li { float: left; width: 50%; } #gelandeTabNav li a { font-size: 1.8rem;} .gelandeTabNav01 a { padding: 25px 0; background: url(images/icon_gelande_select01-off.png) 100% 50% no-repeat;} .gelandeTabNav01 a:after { width: calc( 100% - 4px ); height: calc( 100% - 8px ); position: absolute; top: 4px; left: 4px; border-radius: 4px 0 0 4px; border: #000F3A solid 1px; border-right: none;} .gelandeTabNav01 a.active { background: #000F3A url(images/icon_gelande_select01-on.png) 100% 50% no-repeat; color: #FFF;} .gelandeTabNav01 a.active:after { width: calc( 100% - 4px ); height: calc( 100% - 8px ); border-radius: 4px; border: #FFF solid 1px; border-right: none;} .gelandeTabNav02 a { padding: 25px 0; background: url(images/icon_gelande_select02-off.png) 0% 50% no-repeat;} .gelandeTabNav02 a:after { width: calc( 100% - 4px ); height: calc( 100% - 8px ); bottom: 3px; left: auto; right: 4px; border: #000F3A solid 1px; border-left: none; border-radius: 0 4px 4px 0;} .gelandeTabNav02 a.active { background: #000F3A url(images/icon_gelande_select02-on.png) 0% 50% no-repeat; color: #FFF;} .gelandeTabNav02 a.active:after { width: calc( 100% - 4px ); height: calc( 100% - 8px ); position: absolute; bottom: 4px; left: auto; right: 4px; border-radius: 0 4px 4px 0; border: #FFF solid 1px; border-left: none;} #button-group-area li p { font-size: 1.6rem; font-weight: bold; color: #000F3A; padding: 0 0 8px;} #button-group-area li .button { margin: 0 0 20px; width: 100%; font-size: 1.6rem;} #button-group-area li dl { padding: 0; } #button-group-area li dt { padding: 0 0 12px;} #button-group-area li dd { font-size: 1.3rem; line-height: 1.6;} #button-group-level { padding: 0 20px;} #button-group-level li { float: left; width: 23.5%; margin-right: 2%;} #button-group-level li:nth-child(4n) { margin-right: 0;} #button-group-level li .button { width: 100%; } .gelandeCourseList { overflow: hidden; width: 850px; margin-left: -40px; } .gelandeCourseList li { width: 380px; min-height: 235px; float: left; border: #FFF 1px solid; margin: 0 0 40px 40px;} .gelandeCourseListCh01 { overflow: hidden; background: #FFF; } .gelandeCourseListImg { float: left; width: 50%; } .gelandeCourseListImg img { width: 100%; } .gelandeCourseList dl { overflow: hidden; text-align: center;} .gelandeCourseList .gelandeCourseListDl > dt { padding: 5px 0; font-weight: bold; color: #FFF; line-height: 1.2; font-size: 1.6rem;} .gelandeCourseList .beginner .gelandeCourseListDl > dt { background: #3c9f8c;} .gelandeCourseList .intermediate .gelandeCourseListDl > dt { background: #D56365;} .gelandeCourseList .senior .gelandeCourseListDl > dt { background: #3469B1;} .gelandeCourseList .gelandeCourseListDl > dd { line-height: 1.5; padding: 8px 0;} .gelandeCourseListTxt01 { text-align: center; overflow: hidden; clear: both; font-size: 1.3rem; color: #4C88AF; padding: 8px 0; line-height: 1.5;} .iconCaution { text-align: center; position: relative; margin: 0 0 14px;} .iconCaution:after { content: ""; width: 100%; height: 1px; display: block; background: #000f3a; position: absolute; top: 50%; left: 0; z-index: -1;} .gelandeSnowParkSec02 { overflow: hidden; clear: both; padding-bottom: 15px; padding-top: 12px;} /*.gelandeSnowParkSec01L { float: left; width: 50%; box-sizing: border-box;}*/ .gelandeSnowParkSec01L { width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between;} .gelandeSnowParkSec01L dl { width: 50%;} .gelandeSnowParkSec01R { float: right; width: 50%; box-sizing: border-box;} /*.gelandeSnowParkSec02L { float: left; width: 50%; box-sizing: border-box;}*/ .gelandeSnowParkSec02L { width: 100%; box-sizing: border-box;} .gelandeSnowParkSec02L dl dd ul { display: flex; flex-wrap: wrap; justify-content: space-between;} .gelandeSnowParkSec02L dl dd ul li { width: 50%; box-sizing: border-box; padding-right: 16px;} .gelandeSnowParkSec02R { float: right; width: 50%; box-sizing: border-box;} .gelandeSnowParkSec03L { float: left; width: 50%; padding-left: 34px; padding-right: 12px; box-sizing: border-box;} .gelandeSnowParkSec03R { float: right; width: 50%; padding-left: 26px; box-sizing: border-box;} .gelandeSnowParkSec02L dd, .gelandeSnowParkSec02R dd { padding-top: 24px;} /*.gelandeSnowParkSec02L dd { box-sizing: border-box; border-right: #000F3A solid 1px; padding-left: 14px;}*/ .gelandeSnowParkSec02R dd { padding-left: 48px;} /*family*/ #familyRentalBtn01 { text-align: left; padding: 0; position: absolute; top: 0; right: 80px;} /*maikoya*/ #maikoyaTitle {} #maikoyaTitle img { width: auto; max-height: none; } /*how to play*/ .htpSub01 { width: 500px; margin: 0 auto 40px;} .htpList01 { margin: -65px 0 0;} .htpList01 > li { padding: 0 0 20px; clear: both; overflow: hidden;} .htpList01 > li:after { left: 120px;} .htpList01 > li:first-child .htpList01R { padding-top: 55px; } .htpBtn05 { display: inline-block; line-height: 1.2; padding: 12px; box-sizing: border-box; text-align: center; font-weight: bold;} .htpList01L .htpBtn05 { display: block; } .htpList01L { padding: 0; width: 240px; float: left; margin-right: 20px; background: transparent;} .htpList01R { padding: 0; overflow: hidden; background: transparent;} .htpList01-listBtns { overflow: hidden; } .htpList01-listBtns li { margin: 0 0 10px; position: relative; z-index: 10;} .htpList01-listBtns li:last-child { margin: 0; } .htpList01-listBtns { position: relative;} .htpList01-listBtns:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 120px;} .col01 .htpList01-listBtns:after { background: #E49F74; } /*school*/ .schoolList01 { overflow: hidden; } .schoolList01 li a { display: block; min-height: 62px; background: #5FCDDC url(images/icon_arrow02.png) 100% 50% no-repeat; background-size: 40px 100%; color: #FFF;} .schoolList01Img01 { float: left; margin-right: 5px;} .schoolList01Img02 { float: left; margin-right: 5px;} .schoolList01Txt01 { overflow: hidden; clear: none; padding: 12px 40px 12px 0; line-height: 1.4;} .schoolSSList01 { overflow: hidden; } .schoolSSList01 li { float: left; width: 50%; padding: 0 0 32px 30px; box-sizing: border-box;} .schoolSSList01 li:nth-child(2n+1) { clear: left;} .schoolSSList01 li:last-child { padding: 0 0 32px 30px;} .schoolSSList01 dt { font-size: 1.7rem;} .schoolSSList01 dd { font-size: 1.3rem; } .schoolSSList02 { text-align: center; } .schoolSSList02 li { display: inline-block; margin: 0 8px;} .staffList li { float: left; width: 220px; margin: 0 70px 55px 0;} .staffList li:nth-child(2n) { float: left; } .staffList li:nth-child(2n+1) { clear: none;} .staffList li:nth-child(3n) { margin-right: 0;} .staffList li:nth-child(3n+1) { clear: left !important;} .staffList li dt { font-size: 2.1rem;} .schoolRsrvWrap { width: 460px; margin-left: auto; margin-right: auto; } .monthly-calendar table { width: 100%; margin-left: auto; margin-right: auto;} .schoolCertificationIcon { padding: 0; float: left; width: 221px; margin-right: 20px;} .schoolCertificationSub { padding: 20px 0 0;} .schoolCertificationSub h3 { font-size: 2.3rem;} .schoolCertificationSec01 { overflow: hidden; padding: 40px 0 0; } .schoolCertificationSec01 h4 { border-bottom: #000F3A solid 1px; font-weight: bold; line-height: 1.2; padding: 0 0 4px 18px; margin: 0 0 12px;} .schoolCertificationSec01L { padding: 0; width: 221px; float: left;} .schoolCertificationSec01R { overflow: hidden; } .schoolCertificationSec01RList01 { overflow: hidden; padding: 0 0 18px;} .schoolCertificationSec01RList01 li { overflow: hidden; } .schoolCertificationSec01RList01 dt { float: left; width: 105px; margin-right: 20px; text-align: right;} .schoolCertificationSec01RList01 dd { overflow: hidden; } .schoolCertificationTable { width: 560px; } .skiLessonFH01 { min-height: 430px; } .skiLessonFH02 { min-height: 377px; } .skiLessonFH03 {} .schoolRsrvSub01 { font-size: 1.9rem; } .schoolRsrvList01 { font-size: 1.5rem;} .schoolRsrvTxtPt01 { font-size: 1.5rem;} .schoolRsrvFlg li { font-size: 1.6rem;} .schoolSub01 { width: auto; max-height: none; } /*season tickets*/ .seasonTicketSec { padding: 24px;} .seasonTicketSub01 { font-weight: bold; font-size: 2.8rem;} .seasonTicketTxt01 { } .seasonTicketSub02 { font-size: 2.0rem;} .seasonTicketSub03 { font-size: 2.0rem; } .seasonTicketSub03 span { font-size: 1.5rem; } .seasonTicketSub04 { font-size: 1.6rem;} .seasonTicketList01 { } .seasonTicketList01 li { width: 200px; margin: 0 9px 10px 0;} .seasonTicketList01 li:nth-child(2n) { float: left;} .seasonTicketList01 li:nth-child(2n-1) { clear: none;} .seasonTicketList01 li:nth-child(3n) { margin-right: 0;} .seasonTicketList01 li p { font-size: 1.2rem; } .seasonTicketTable { } .seasonTicketTable { } .seasonTicketTable th,.seasonTicketTable td { padding: 8px;} .seasonTicketTable tr:nth-child(2) th,.seasonTicketTable tr:nth-child(2) td { } .seasonTicketTable th { font-size: 1.4rem;} .seasonTicketTable th[scope=row] { } .seasonTicketTable td { font-size: 3.0rem;} .seasonTicketTable th span { font-size: 1.4rem;} .seasonTicketTable02 { } .seasonTicketTable02 th,.seasonTicketTable02 td { } .seasonTicketTable02 .seasonTicketTable02Td01 { font-size: 1.4rem;} .seasonTicketTable02Td0201 { margin-right: 1em;} .seasonTicketTable02Td0202 { padding: 0.2em 1em; background: #231815; color: #FFF;} .seasonTicketTable02Td0203 { font-size: 2.8rem;} .seasonTicketTable02Td0204 { display: inline-block; font-size: 4.0rem;} .seasonTicketTable03 th { font-size: 1.2rem;} .seasonTicketUl01 { padding: 16px; font-size: 1.4rem;} .seasonTicketUl01 dt { } .seasonTicketUl01 dd { } .seasonTicketUl01 dd:before { } .seasonTicketBox01 { padding: 4px; font-size: 1.4rem;} .seasonTicketBox01Con { padding: 16px; } .seasonTicketBox01Txt01 { line-height: 1.4; padding: 0 0 4px 40px; background: url(images/icon_caution.png) 4px 50% no-repeat; background-size: 32px auto;} .seasonTicketBox01Con table { } .seasonTicketBox01Con table th { padding: 0 1em;} /* 月間予約カレンダー、複合カレンダー、時間割カレンダー、リストカレンダー、ミックスカレンダー */ .monthly-calendar h3 { font-size: 1.1rem;} .monthly-calendar table caption { font-size: 1.2rem;} .monthly-calendar th { font-size: 1.1rem; } .list-calendar th { font-size: 1.1em; } .list-calendar td { font-size: 1.1em;} .monthly-prev-next { font-size: 1rem;} .calendar-mark { font-size: 1.4rem;} .calendar-time-disable { font-size: 1.4rem;} .calendar-time-mark .time-string { font-size: 0.8rem;} .calendar-mark .article-name { font-size: 0.8rem;} .mix-widget-calendar .schedule-note { font-size: 0.5em;} .day-calendar h3 { font-size: 1.1rem;} .day-calendar td { font-size: 1rem;} td.day-right { font-size: 1.5rem;} .day-mix-calendar th, .day-mix-calendar td { font-size: 1rem;} .timetable-select { font-size: 1.2em;} .select-timetable input { font-size: 0.9em;} .content-form legend { font-size: 1.1rem;} .content-form th { font-size: 1rem;} .content-form td { font-size: 0.9rem;} .content-form textarea { font-size: 1rem;} .content-form select { font-size: 1rem;} .subscription-title { font-size: 1.2rem;} /*lodge*/ #lodgeReservationBtn { background: #40210F; width: 100%; padding: 14px; box-sizing: border-box; text-align: center;} #lodgeReservationBtnBorder { display: inline-block; width: 100%; box-sizing: border-box; border: #FFF 1px solid;} #lodgeReservationBtn a span { display: block;} #lodgeReservationBtn01 { display: inline-block; width: 100%; padding: 0; box-sizing: border-box; line-height: 1.2; color: #FFF; background: none;} .lodgeReservationBtnWrap { display: inline-block !important; padding: 24px 0 29px 132px; background: url(images/icon_lodge_reservation.png) 0% 50% no-repeat; background-size: auto 62px; } .lodgeReservationBtnWrap > span { display: inline-block !important;} #lodgeReservationBtn01 .lodgeReservationBtnEn { font-size: 3.2rem; padding-right: 0.5em;} #lodgeReservationBtn01 .lodgeReservationBtnJp { font-size: 2.2rem; } #lodgeReservationBtn01 .lodgeReservationBtnJp:before { content: '[ '; } #lodgeReservationBtn01 .lodgeReservationBtnJp:after { content: ' ]'; } #lodgeReservationBtnList {} #lodgeReservationBtnList li { font-size: 1.6rem; float: left; width: 50%;} #lodgeReservationBtnList li a { } #lodgeReservationBtnList li:nth-child(1) a { } #lodgeReservationBtnList li:nth-child(2) a { } #lodgeReservationBtnList li:nth-child(3) a { } #lodgeReservationBtnList li:nth-child(4) a { } #lodgeReservationFloating { display: none; top: 100px; bottom: auto; z-index: 500; } #lodgeReservationFloating li { } #lodgeReservationFloating li a { } #lodgeReservationFloating li:nth-child(1) a { } #lodgeReservationFloating li:nth-child(2) a { } #lodgeReservationFloating li:nth-child(3) a { } #lodgeReservationFloating li:nth-child(4) a { } #outdoorTabContentNav li a { font-size: 1.8rem; } /*--- summer index ---*//*---------------------------------------------------------------------------------------------------------------------------------------------*/ #summerWelcome { padding: 0 0 64px;} /*outdoor activities*/ #outdoorActivitiecSub01 { float: left; margin-right: 1em; } /*pre season tickets*/ /*ground golf rule*/ .groundGolfRuleList01 { overflow: hidden; } .groundGolfRuleList01 li { clear: none; float: left; width: 33.3%; margin: 0; text-align: center;} .groundGolfRuleList01Img { float: none; width: auto; } .groundGolfRuleList01 dl { overflow: hidden; position: relative; top: auto; left: auto; width: 100%; -webkit-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0);} .groundGolfRuleList01 dt { font-weight: bold;} .groundGolfRuleList02 { text-align: center; } .groundGolfRuleList02 li { display: inline-block; } .groundGolfRuleList02 li:before { content: "・";} .groundGolfRuleList03 { text-align: center; } .groundGolfRuleList03 li:before { content: "・";} .groundGolfRuleSec01 { overflow: hidden; background: #E8F1D7; padding: 40px 4% 66px; } .groundGolfRuleSec01Sub { position: relative; z-index: 1; } #groundGolfRuleSec01Img { margin-top: -16px; position: relative; z-index: 0;} .preSeasonTicketApply { font-size: 1.3rem; } /*glamping*/ #day01 { background: url(images/glamping_day01.png) 24% 0 no-repeat; padding-top: 50px !important;} #day02 { background: url(images/glamping_day02.png) 24% 0 no-repeat; padding-top: 60px !important;} .glampingImgList {width: 528px; margin: 0 auto;} .glampingImgList li img { width: 100%; } .glampingBtnList { overflow: hidden; width: 680px; margin: 0 auto;} .glampingBtnList li { margin: 0; width: 320px; float: left;} .glampingBtnList li:last-child { margin: 0; float: right;} .glampingBtnList .linkBtn01.linkBtn01W100 { width: 100%; padding: 20px 0;} .glampingSUb01 h3 { font-size: 2.1rem;} .glampingSec01 { position: relative; padding: 0;} #glampingDay01 { position: absolute; top: -44px; left: -45px;} #glampingDay02 { position: absolute; top: -156px; left: -10px; width: 90px;} .glampingSec02 {} .glampingSec03 { padding-bottom: 120px;} .glampingSec0301 { position: relative; } .slickWide .slick-dots { bottom: -40px;} .glampingPoint { float: left; padding: 63px 0 0; font-size: 3.1rem; margin: 0 40px 0 0;} #glampingPoint01 { } #glampingPoint02 { } #glampingPoint03 { } #glampingPoint04 { } #glampingPoint05 { } .glampingCircleDl { width: 160px; height: 160px; top: -105px; left: 90px;} .glampingCircleDl dt { padding: 48px 0 4px; font-size: 4.0rem;} .glampingCircleDl dd { font-size: 1.7rem;} .glampingSec01 .glampingCircleDl { position: relative; top: auto; left: auto; transform: translateY(0) translateX(0); float: left; margin: 0 40px 0 0;} .glampingSec01 .glampingCircleDl dt { padding: 48px 0 4px;} .glampingSec01 .glampingCircleDl dd { font-size: 2.3rem;} .glampingSec04 { padding: 180px 0 0;} .glampingSec04 .glampingCircleDl { top: 0; left: 50%; transform: translateY(0) translateX(-50%);} .glampingSec04 .glampingCircleDl dt { padding: 48px 0 4px;} .glampingSec04 .glampingCircleDl dd { font-size: 2.0rem;} /*auto camp*/ #autoCmapCTA { overflow: hidden; width: 645px; margin-left: auto; margin-right: auto; } #autoCmapCTA li { float: left; font-size: 1.5rem;} #autoCmapCTA02 a span { font-size: 1.7rem;} .autoCampAreaList { width: 647px; margin-left: auto; margin-right: auto; } .autoCampAreaList li { width: 189px; margin: 0 40px 34px 0;} .autoCampAreaList li:nth-child(2n) { float: left;} .autoCampAreaList li:nth-child(3n) { margin-right: 0;} .autoCampRentalList { overflow: hidden; } .autoCampRentalList li { float: left; width: 25%; margin: 0 0 34px;} .autoCampRentalList li:nth-child(2n) { float: left;} .autoCampRentalList li:nth-child(2n+1) { clear: none;} .autoCampRentalList li:nth-child(4n+1) { clear: left;} .autoCampRentalList li dl { text-align: center; line-height: 2;} .autoCampRentalList li dt { display: inline-block;} .autoCampRentalList li dd { display: inline-block;} .autoCampBT01 { padding: 30px;} /*--- hotel index ---*//*---------------------------------------------------------------------------------------------------------------------------------------------*/ #hotelReservationBtn { background: #40210F; width: 100%; margin-bottom: 56px; padding: 14px; box-sizing: border-box; text-align: center;} #hotelReservationBtnBorder { display: inline-block; width: 100%; box-sizing: border-box; border: #FFF 1px solid;} #hotelReservationBtn a span { display: block;} #hotelReservationBtn01 { display: inline-block; width: 100%; padding: 0; box-sizing: border-box; line-height: 1.2; color: #FFF; background: none;} .hotelReservationBtnWrap { display: inline-block !important; padding: 24px 0 29px 116px; background: url(images/icon_reservation.png) 0% 50% no-repeat; background-size: auto 62px; } .hotelReservationBtnWrap > span { display: inline-block !important;} #hotelReservationBtn01 .hotelReservationBtnEn { font-size: 3.2rem; padding-right: 0.5em;} #hotelReservationBtn01 .hotelReservationBtnJp { font-size: 2.2rem; } #hotelReservationBtn01 .hotelReservationBtnJp:before { content: '[ '; } #hotelReservationBtn01 .hotelReservationBtnJp:after { content: ' ]'; } #hotelReservationBtn01 .hotelReservationBtnJp02 { font-size: 1.7rem;} #hotelReservationBtnList {} #hotelReservationBtnList li { font-size: 1.6rem; float: left; width: 25%;} #hotelReservationBtnList li a { } #hotelReservationBtnList li:nth-child(1) a { } #hotelReservationBtnList li:nth-child(2) a { } #hotelReservationBtnList li:nth-child(3) a { } #hotelReservationBtnList li:nth-child(4) a { } #hotelReservationFloating { display: block; position: relative; top: auto; bottom: auto; left: auto; z-index: 500;} #hotelReservationFloating li { width: 25%;} #hotelReservationFloating li a { } #hotelReservationFloating li:nth-child(1) a { } #hotelReservationFloating li:nth-child(2) a { } #hotelReservationFloating li:nth-child(3) a { } #hotelReservationFloating li:nth-child(4) a { } #hotelSec01 { padding: 0 0 40px; width: 860px; margin: 0 auto;} #hotelSec02 { padding: 0 0 72px; width: 860px; margin: 0 auto;} #hotelSec02Sub01 { font-size: 1.9rem; } /*room*/ #givSub01 { padding: 0; background: none;} #givSub0101 { display: inline-block; padding: 0 0 0 135px; background: url(images/icon_google.png) 0 10px no-repeat; } #givSub01 a { padding: 10px 70px 0 0; background: url(images/icon_indoor-view.jpg) 100% 100% no-repeat; background-size: auto;} #givSub01 a span { font-size: 1.9rem; } /*restraunt*/ .restrauntSlidePickUp { width: auto; margin: 0 auto; padding: 0 0 32px;} .restrauntSlidePickUp dt { } .restrauntSlidePickUp dt img { width: auto; height: 443px;} .restrauntSlidePickUp dd {} .restrauntMenu { padding: 0 64px 30px 0; float: left;} .restrauntMenu dt { margin-left: 1em; text-indent: -1em; } .restrauntMenu dt:before { content: '□'; } .restrauntMenu dd li { margin-left: 1em; text-indent: -1em; } .restrauntMenu dd li:before { content: '・';} .additionalMenuList li { width: 32.5%; float: left; margin: 0 1.25% 10px 0; line-height: 1.4;} .additionalMenuList li:nth-child(3n) { margin-right: 0;} .additionalMenuList li:nth-child(2n+1) { clear: none;} .additionalMenuList li:nth-child(3n+1) { clear: left !important;} .additionalMenuListImg { float: none; width: 260px; height: 180px; overflow: hidden; margin: 0 0 10px;} .additionalMenuListImg img { width: auto; max-width: none; height: 180px;} .restrauntBanquetSec { float: left; width: 50%; padding: 0 16px 48px; box-sizing: border-box;} .restrauntBanquetSec.clL { } .restrauntBanquetSec:nth-child(3) { clear: left;} .restrauntBanquetImg { overflow: hidden; padding: 0 0 16px; } .restrauntBanquetImg li { width: 50%; float: left; } .restrauntBanquetSecCh { padding: 0; } /*family*/ .hotelFamilySec01 { width: 620px; margin: 0 0 16px; overflow: hidden;} .hotelFamilySec02 { margin: 0 0 16px; width: 636px; float: left;} .hotelFamilySec02 table { width: 100% !important; } .hotelFamilySec03 { float: right; margin: 0; width: 190px; line-height: 1.4;} /* corporate *//*---------------------------------------------------------------------------------------------------------------------------------------------*/ /*plivacy policy*/ /*use policy*/ /*contact*/ .formSec { float: left; width: 400px; padding: 0 50px 0 0; margin: 0; border-bottom: none; border-right: #A9B1BE solid 1px; box-sizing: border-box;} .privacySec { overflow: hidden; width: 270px; padding: 0 0 0 20px; box-sizing: border-box;} .privacyDl { font-size: 1.0rem; } /*--- blog ---*/ #blogWrapper { width: 640px; margin: 60px auto; padding: 0;} #blogWrapper a { } .blogHead { overflow: hidden; padding: 0 0 20px; line-height: 1.2;} .blogHead .postDate { padding: 0; float: right;} .blogHead .postTitle { font-size: 2.0rem; overflow: hidden; font-weight: bold;} .blogHead .postTitle a { color: #000F3A;} .blogBody { overflow: hidden; padding: 0 0 40px; } .blogBody p { padding: 0 0 24px;} .grayBtn { width: 150px; margin-left: auto; margin-right: auto;} .grayBtn a { display: block; text-align: center; line-height: 1.2; padding: 1em; box-sizing: border-box; background: #dcdddd; color: #000;} #closeColorBox { margin-bottom: 40px;} #backToHistorySP { display: none; margin-bottom: 40px;} .pagerPare { text-align: center; margin: 0 0 40px; } #prevPagePare { overflow: hidden; padding: 0 0 32px; clear: both;} .toIndex { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; padding: 47px 0 0;} .singlePager { overflow: hidden; padding: 0; clear: both;} .singlePager .prev { float: left; } .singlePager .next { float: right; } .toList { text-align: center; margin-top: -1.6em;} .wp-caption p.wp-caption-text { font-size: 1.0rem;} /*wedding*/ .weddingContactList01 {} .weddingContactList01 li { } .weddingContactList01 li dt { font-size: 1.2rem;} .weddingContactList01 li dd { } #weddingBody { background: #FFF; min-width: 1000px; } #weddingBody .parallaxCon { background-color: #FFF;} #weddingBody #contents1 { overflow: hidden; padding: 0 0 81px; } #indexMain.weddingMain { width: 100%; height: 680px; overflow: visible; z-index: 0;} #indexMain.weddingMain p { } #weddingTitle { width: 213px; top: 19px; left: 50%; margin-left: -370px;} #weddingMainImg01 { width: 169px; top: 0; right: auto; left: 50%; margin-left: 305px;} #weddingMainImg02 { width: 335px; bottom: -80px; left: 50%; margin-left: -550px;} #weddingMainImg03 { width: 329px; bottom: -32px; right: auto; left: 50%; margin-left: 257px;} #weddingSec01 { overflow: visible; position: relative; padding-left: 105px; padding-right: 105px; margin-left: auto; margin-right: auto; width: 1000px; padding-bottom: 64px; padding-top: 60px; box-sizing: border-box; } #weddingSub01 { position: absolute; top: 0; left: 50%; padding: 0; margin: -122px 0 0;} #weddingLogo01Pare { text-align: left; } #weddingLogo01 { width: 390px; padding: 68px 0 0; margin: 0 0 100px; line-height: 1.2; letter-spacing: 0.1em; background: url(images/wedding_logo01.png) no-repeat 100% 0/auto;} #weddingLogo01 span { } #weddingLogo0101 { padding-bottom: 24px; } #weddingLogo0102 { padding-bottom: 16px; } #weddingLogo0103 {} .weddingSec02 { position: relative; padding-left: 0; padding-right: 0; padding-bottom: 150px; margin-left: auto; margin-right: auto; width: 1000px;} .weddingImgpT01 { position: absolute; top: 22px; right: auto; left: 50%; padding-left: 0; margin-left: -410px; width: 1000px;} .weddingSub01 { } .weddingSub01Img { width: 314px; height: 328px; margin-left: 140px; } .weddingSub0101 { display: block; text-align: center; position: absolute; top: 0; margin-left: 140px; width: 302px;} .weddingSub010101 { top: 90px; width: 302px; font-size: 2.7rem;} .weddingSub010102 { top: 230px; width: 302px; font-size: 2.0rem;} .weddingImgpT02 { position: relative; z-index: 1; width: 605px; margin-left: 0; } .weddingImgpT02#weddingImgpT02Party { width: 583px;} .weddingBox01 { width: 620px; margin: -246px 0 0 0; padding: 60px 0 60px 70px;} .weddingBox01#weddingBox01Party { padding: 20px 0 20px 70px;} .weddingBox02 { overflow: hidden; clear: both; padding-top: 30px;} .weddingBox0201 { position: relative; z-index: 1; width: 382px; margin-right: 0; margin-left: 0; } .weddingBox0202 { padding: 32px 0 0 100px;} .weddingBox0202#weddingBox0202Party { padding: 10px 0 0 190px;} .weddingSec0201 { position: relative;} .weddingSec0201:after { width: 627px; height: 627px; margin-left: -50px; z-index: 0;} #weddingBox02-02.weddingBox02 { position: static;} #weddingBox02-02 .weddingBox0201 { position: relative; top: auto; right: auto; float: right; width: 382px;} .weddingIcon01 { padding: 44px 0 0; background: url(images/wedding_icon01.png) no-repeat 0 0 / auto; } .weddingPartyTxt01 { padding: 40px 0 0 70px; } .weddingPartyTxt02 { padding: 0 0 0 64px; line-height: 1.4;} .weddingSec03 { width: 890px; margin: 0 auto; padding-left: 0; padding-right: 0; padding-bottom: 100px; padding-top: 56px; overflow: hidden; border-top: #C1B083 solid 1px; box-sizing: border-box;} #weddingOptionImg01 { float: left; margin: 0 60px 0 40px; padding: 0;} .weddingSec03Sub01 { } .weddingSec03Sub01:after { } .weddingSec03Sub02 { } .weddingSec03Sub02 span { font-size: 1.2rem;} .weddingSec03Sub02:after { } .weddingSec03Txt { } #weddingLogo02 { float: left; margin: 0 69px 0 28px;} .weddingCTA { text-align: center; padding-top: 10px;} .weddingCTA li { margin: 0 10px 0 0; float: left;} .weddingCTA li:nth-child(2n) { margin-right: 0;} .weddingCTA li a { } .weddingCTA li a:after { } .weddingCTA li:nth-child(2) a:after { } .weddingCTA li a > span { } .weddingBnr01 { padding: 48px 0 64px; } .weddingBnr02 { padding: 0 0 80px; } .weddingBnr03 { padding: 80px 0 50px; } .recruitBnr01 { text-align: center; padding: 0 0 80px; } } /* colorbox *//***************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 800px ) { .historyBack { display: none;} .historyBack a {} } /* PC向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 1001px ) { body { min-width: 0; } #indexBody, #topBody, #winterBody, #summerBody, #hotelBody { min-width: 1000px;} #indexMain { height: 100vh; width: 100%; position: relative; z-index: -1; will-change: transform; transition: transform 0s linear; transform: matrix(1, 0, 0, 1, 0, 0)); -webkit-backface-visibility:hidden; backface-visibility:hidden;} #indexMain video { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); min-width: 100%; min-height: 100vh; max-width: none; width: auto; height: auto;} #barNav { /*margin: -100px 0 0;*/ position: relative;} .pagePtIndex #barNav { margin: -100px 0 0;} #barNav { margin-bottom: 56px !important; } /*.pagePtIndex #barNav,*/ #topBody #barNav, #winterBody #barNav, #hotelBody #barNav { margin-bottom: 0px !important; } #liftNav { margin-bottom: 56px !important; } #restrauntSlide01-01 { min-height: 180px; } /*winterSecWelcome*/ .bgParallax { position: relative; overflow: hidden; height: 100vh;} .bgParallaxImg { position: absolute; top: 0; left: 0; width: 100%; height: 130vh; background-position: 50% 100%; will-change: transform; transition: transform 0s linear; transform: matrix(1, 0, 0, 1, 0, 0)); -webkit-backface-visibility:hidden; backface-visibility:hidden;} .bgParallaxImgList { position: absolute; top: 0; left: 0; width: 100%; height: 100%; will-change: transform; -webkit-backface-visibility:hidden; backface-visibility:hidden;} .bgParallaxImgList > li { height: 100%; background-position: 50% 100%; will-change: transform; -webkit-backface-visibility:hidden; backface-visibility:hidden;} .bgParallaxImgList.active > li { } .bgParallaxImgList > li:nth-child(1) { } .bgParallaxImgList > li:nth-child(2) { } .bgParallaxImgList > li:nth-child(3) { } .bgParallaxImgList > li:nth-child(4) { } .bgParallaxImgList > li:nth-child(5) { } .bgParallaxImgList > li:nth-child(6) { } .bgParallaxImgList > li:nth-child(7) { } .bgParallaxImgList > li:nth-child(8) { } .bgParallaxImgList > li:nth-child(9) { } .bgParallaxImgList > li:nth-child(10) { } .bgParallaxImgList > li:nth-child(11) { } .bgParallaxImgList > li:nth-child(12) { } .bgParallaxImgList > li:nth-child(13) { } .bgParallaxImgList > li:nth-child(14) { } .bgParallaxCh { margin: 0; padding: 0; position: absolute; top: 50%; left: 0; z-index: 10; width: 100%; transform: translateY(-50%);} /*winterSecBg02*/ #winterSecBg02 { padding: 0;} /*--- parallax ---*/ .parallaxCon { background-color: #F7F4F1; } } .id-17141 #contact-form.content-form, .id-17957 #contact-form.content-form { display: none; } .mw_wp_form .error { font-weight: 700; display: inline-block !important; background: #fcd9e8; padding: 0.1em 0.5em;} hr.pdfBreak { display: none; } @media print { #loadingBg, #loading { display: none; } .pdfNone { display: none; } .pdfpB24 { padding-bottom: 0 !important;} #borderWrap { margin: 0 auto; border: none;} hr.pdfBreak { display: block; background: #FFF; border: none; page-break-before: always;} } /*covid19Btn*/ #fixedAccessBtn { bottom: 83px;} #covid19Btn { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; height: 83px; text-align: center;} #covid19Btn a { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100%; background: #0095a6; padding: 0; color: #FFF !important; font-weight: bold; } #covid19Btn a:before,#covid19Btn a:after { content: ""; display: block; width: 100%; height: 2px; background: #F2B800; position: absolute; left: 0;} #covid19Btn a:before { top: 10px;} #covid19Btn a:after { bottom: 10px;} #covid19Btn a span { font-size: 15px; display: block; width: 100%; text-align: center;} #covid19BtnsPare { display: flex; flex-wrap: wrap; position: fixed; bottom: 0; left: 0; z-index: 120; width: 100%; height: 83px; text-align: center; border-top: #FFF solid 1px;} #covid19BtnsPare > p { width: 50%; height: 83px;} #covid19Btns { } #covid19Btns a { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100%; background: #0095a6; padding: 0; color: #FFF !important; font-weight: bold; text-decoration: none;} #covid19Btns a:before,#covid19Btns a:after { content: ""; display: block; width: 100%; height: 2px; background: #F2B800; position: absolute; left: 0;} #covid19Btns a:before { top: 10px;} #covid19Btns a:after { bottom: 10px;} #covid19Btns a span { font-size: 12px; display: block; width: 100%; text-align: center;} #covid19BtnsGuideLine { } #covid19BtnsGuideLine a { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100%; background: #000f3a; padding: 0; color: #FFF !important; font-weight: bold; text-decoration: none;} #covid19BtnsGuideLine a:before,#covid19BtnsGuideLine a:after { content: ""; display: block; width: 100%; height: 2px; background: #F2B800; position: absolute; left: 0;} #covid19BtnsGuideLine a:before { top: 10px;} #covid19BtnsGuideLine a:after { bottom: 10px;} #covid19BtnsGuideLine a span { letter-spacing: -0.05em; font-size: 12px; display: inline-block; width: 100%; text-align: center;} @media only print, screen and ( max-width: 600px ) { .pcDisp { display: none;v } } @media print, screen and ( min-width: 600px ) { #fixedAccessBtn { bottom: auto;} #covid19Btn { position: fixed; bottom: auto; top: 210px; left: auto; right: 0; width: 150px; } #covid19Btn a { } #covid19Btn a:before,#covid19Btn a:after {} #covid19Btn a:before { } #covid19Btn a:after { } #covid19Btn a span { font-size: 14px;} #covid19BtnsPare { position: fixed; bottom: auto; top: 130px; left: auto; right: 0; width: 150px; border-top: none;} #covid19BtnsPare > p { width: 100%; height: 83px;} #covid19Btns { margin-bottom: 8px; } #covid19Btns a { } #covid19Btns a:before,#covid19Btns a:after {} #covid19Btns a:before { } #covid19Btns a:after { } #covid19Btns a span { font-size: 14px;} #covid19BtnsGuideLine {} #covid19BtnsGuideLine a { line-height: 1.1;} #covid19BtnsGuideLine a:before,#covid19BtnsGuideLine a:after { } #covid19BtnsGuideLine a:before { } #covid19BtnsGuideLine a:after { } #covid19BtnsGuideLine a span { letter-spacing: -0.05em; font-size: 12px; display: inline-block; width: 100%; text-align: center;} #covid19BtnsGuideLine a span.pcDisp { width: auto;} .covid19BtnsGuideLineTxt01 {} }