@charset "utf-8"; /* Theme Name: CUPID VALLEY Theme URI: http://yukidaruma-kogen.com/ Description: CUPID VALLEY Version: 1.00β Author: CUPID VALLEY Author URI: http://yukidaruma-kogen.com/ */ /* reset CSS html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ 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;} /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none;} /* change colours to suit your needs */ 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;} /* change border colour to suit your needs */ 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: 87.5%;} body { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.7; text-align: left; color:#595757; -webkit-text-size-adjust: 100%; font-size: 100%; font-weight: 500;} 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: #717071; 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 { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; /* -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-style: preserve-3d; */} img { max-width: 100%; height: auto;} img.imgCh { width: auto;} img[src$=".svg"] { width: 100%;} img.w100{width: 100%;} /*--- header ---*/ header { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background: #FFF; /* -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; */ -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow: hidden; } #header01 { position: relative; padding: 16px 3.125% 8px; width: 100%; height: 142px; background: #EEEBE5; line-height: 1.2; box-sizing: border-box;} #headerBg01 { width: 100%; height: 142px; overflow: hidden; display: block; position: absolute; top: 0; left: 0;} #header01C { position: relative; overflow: hidden; z-index: 1;} #logo { overflow: hidden; padding: 0 0 8px; z-index: 100;} #logo img { width: 50%;} #logo a { display: block;} #leadTxt { font-size: 78.5%; padding: 0 0 16px;} #title { position: relative; margin: 0; font-family: 'Fjalla One', sans-serif; font-weight: 300; font-size: 285.7%; letter-spacing: 0.1em; line-height: 1; text-align: center;}/*fs47*/ #title:after { content: ""; display: block; position: absolute; bottom: 0.1em; left: 0; width: 100%; height: 1px; background: #595757;} #headerResv { clear: both; overflow: hidden; margin: 0 0 16px; text-align: center;} #headerResv a { display: block; padding: 27px 0 8px; background: url(images/header_reserv_bg.png) 50% 0 no-repeat; line-height: 1.6;} #glNav {} #glNav dt { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 92.9%; text-align: center; position: absolute; top: 8px; right: 8px; width: 48px; height: 48px; z-index: 1000;} #glNav dt span { position: absolute; left: 0; width: 48px; height: 1px; background: #454444; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #glNav dt span:nth-child(1) { top: 20px;} #glNav dt span:nth-child(2) { top: 28px;} #glNav dt span:nth-child(3) { top: 36px;} #glNav dt.active span:nth-child(1) { top: 13px; -webkit-transform: translateY(7px) translateX(0) rotate(-45deg); transform: translateY(7px) translateX(0) rotate(-45deg);} #glNav dt.active span:nth-child(2) { display: none;} #glNav dt.active span:nth-child(3) { top: 27px; -webkit-transform: translateY(-7px) translateX(0) rotate(45deg); transform: translateY(-7px) translateX(0) rotate(45deg);} /*#glNav dd { display: none; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform: translateY(100%) translateX(0); transform: translateY(100%) translateX(0); z-index: 1000;}*/ #glNav dd { display: none; position: absolute; top: 142px; left: 0; width: 100%; z-index: 1000; background: #FFF;} nav ul { overflow: hidden; margin: 0 0 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 121.4%;} nav ul li { display: inline-block; width: 50%; float: left; text-align: center; margin: 0; border-bottom: #CCC 1px solid; box-sizing: border-box;} nav ul li:nth-child(2n) { border-left: #CCC 1px solid;} nav ul li a { display: block; position: relative; width: 100%; height: 56px; /*letter-spacing: 0.1em;*/ text-align: center; line-height: 1.2; box-sizing: border-box;} nav ul li a span { display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); width: 100%; padding: 0 1em; text-align: center; box-sizing: border-box;} nav ul li a:link,nav ul li a:visited { color: #595757;} nav ul li a:active,nav ul li a:hover { color: #999999;} .englishLink { position: absolute; top: 22px; right: 72px; width: 36px; height: 24px; z-index: 1000;} /*--- footer ---*/ footer { overflow: hidden; padding: 26px 3.125% 48px; background: #EEEBE5 !important;} #footerTitle { position: relative; margin: 0 0 6px; font-family: 'Fjalla One', sans-serif; font-weight: 300; font-size: 271.4%; letter-spacing: 0.1em; line-height: 1; text-align: center;} #footerLogo { text-align: center; padding: 0 0 24px;} #footerLogo img { width: 164px; } .footerInfo { padding: 0 0 40px; } .footerInfoIcon { margin: 0 0 24px; padding: 0 0 8px; text-align: center; line-height: 1; border-bottom: #A7A6A6 solid 1px;} /*footerInfo01*/ #footerInfo01 { text-align: center; } #footerInfo01Logo { text-align: center; margin: 0 0 24px;} #footerInfo01Logo img { width: 160px; } #footerInfo01Tel { padding: 0 0 4px; font-size: 164.3%; text-align: center; line-height: 1.0;} #footerInfo01Tel a { display: inline-block; padding-left: 1em; background: url(images/icon_tel01.png) 0 50% no-repeat; background-size: auto 1em;} #footerInfo01Txt01 { padding: 0 0 20px; font-size: 92.9%; } #footerInfo01Txt02 { font-size: 85.7%; } /*footerInfo02*/ #footerInfo02 {} #footerInfo02Map { padding: 0 0 14px; } #footerInfo02Txt01 { text-align: right; font-size: 85.7%;} /*footerInfo03*/ #footerInfo03 {} #footerInfo03Ul01 {} #footerInfo03Ul01 li {} #footerInfo03Ul01 li:before { content: "〇"; } #footerInfo03Txt01 { text-align: center; } /*footerLinkSec*/ #footerLinkSec {} #footerLinkUl {} #footerLinkUl > li > dl > dt { padding: 0 0 0 26px; margin-bottom: 16px; border-bottom: #A7A6A6 solid 1px; font-weight: bold;} #footerLinkUl > li > dl > dd { margin: 0 0 40px; } #footerLinkUl > li > dl > dd > ul { margin: 0 0 0 26px; } #footerLinkUl > li > dl > dd > ul > li { text-indent: -13px; line-height: 1.2; margin: 0 0 12px;} #footerLinkUl > li > dl > dd > ul > li:last-child { margin: 0;} #footerLinkUl > li > dl > dd > ul > li:before { content: "・"; } #footerLinkUl02 { margin-top: 12px !important; } #footerLinkUl > li#footerLinkUlLi02 > dl > dt { padding: 0 0 4px 26px; margin-bottom: 16px; border-bottom: #A7A6A6 solid 1px; font-weight: bold;} #footerLinkUl > li#footerLinkUlLi02 ul { font-size: 90%;} #footerLinkUl > li#footerLinkUlLi02 > dl > dt img { width: auto; height: 1.5em; } small { display: block; text-align: center; font-size: 71.4%;} .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: 100%; max-width: 200px;} #bnrs { padding: 48px 20px 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #bnrs > li { width: calc( (100% - 16px)/2 ); margin: 16px 16px 0 0; border: #EEE 1px solid; box-sizing: border-box;} #bnrs > li:nth-child( -n + 2 ) { margin-top: 0; } #bnrs > li:nth-child( 2n ) { margin-right: 0; } #bnrs > li a { display: block; } #bnrs > li a img { width: 100%;} /*--- general ---*/ .vaM { vertical-align: middle !important; } #loadingBg { position: fixed; left: 0; top: 0; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #ffffff; opacity: 0.95; z-index: 10000;} #loading { position: fixed; top: 50%; left: 5%; width: 90%; padding: 20px; margin: -70px 0 0;/* background: url(images/loading.gif) 50% 0% no-repeat;*/ box-sizing: border-box; z-index: 10000;} #loading #percent { margin-bottom: 5px; text-align: center;} #loading #gauge { width: 0px; height: 2px; /*background: #738963;*/ -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .loader, .loader:before, .loader:after { /*border-radius: 50%; width: 2.5em; height: 2.5em;*/ width: 0; height: 0; border-style: solid; border-width: 0 20px 34.6px 20px; border-color: transparent transparent #bfd3ac transparent; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.2s infinite ease-in-out; animation: load7 1.2s infinite ease-in-out; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .loader { color: #000; font-size: 10px; margin: 10px auto; position: relative; text-indent: -9999em; -webkit-animation-delay: -0.2s; animation-delay: -0.2s;} .loader:before, .loader:after { content: ''; position: absolute; top: 0;} .loader:before { left: -64px; -webkit-animation-delay: -0.4s; animation-delay: -0.4s;} .loader:after { left: 24px;} @-webkit-keyframes load7 { 0%, 80%, 100% { opacity: 0; } 40% { opacity: 1; }} @keyframes load7 { 0%, 80%, 100% { opacity: 0; } 40% { opacity: 1; }} .pageTitle { overflow: hidden; padding: 0 0 10px; font-size: 257.1%; font-family: 'Open Sans', sans-serif; font-weight: 300; text-align: center; letter-spacing: 0.3em; line-height: 1.2;} .pageTitleSubEn {font-size: 335.7%; font-family: 'Open Sans', sans-serif; font-weight: 300;letter-spacing: 0.3em; line-height: 1.2;} .hTxt01 { overflow: hidden; text-align: center; padding: 0 0 24px; line-height: 1.2; font-size: 157.1%; } .hTxt02 { overflow: hidden; padding: 0 0 14px; font-size: 142.9%; font-weight: bold; text-align: center; line-height: 1.2;} .hTxt03 { overflow: hidden; padding: 0 0 16px; color: #729BC9; text-align: center; line-height: 1; font-family: 'Dancing Script', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;} .hTxt03En { display: block; font-size: 235.7%;} .hTxt03Jp { display: block; font-size: 114.3%; padding: 12px 0 0;} .hTxt04 { line-height: 1.2; padding: 6px 0; margin: 0 0 8px; border-top: #90B49E solid 1px; border-bottom: #90B49E solid 1px; text-align: center;} .hTxt04 span { display: inline-block; padding: 0.32em 0 0.32em 2.9em; background-size: auto 1.64em;} .iconSun { background: url(images/icon_sun_gn.png) 0 50% no-repeat; } .iconMoon{ background: url(images/icon_moon_gn.png) 0 50% no-repeat; } .hTxtHasIcon { overflow: hidden; margin: 0 0 32px; text-align: center; line-height: 1.2; font-family: 'Dancing Script', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 0 4px rgba(255,255,255,1),0 0 4px rgba(255,255,255,1),0 0 4px rgba(255,255,255,1),0 0 4px rgba(255,255,255,1),0 0 4px rgba(255,255,255,1);} .hTxtHasIconEn { font-size: 235.7%; display: block;} .hTxtHasIconJp { font-size: 114.3%; display: block;} .hTxtHasIconBg { background-repeat: no-repeat; display: block;} #campTitleBg01 { min-height: 117px; background: url(images/summer_camp_sub0101.png) 0 0 no-repeat; background-size: auto 117px;} #campTitleBg01 .hTxtHasIconEn { padding-top: 54px; } #campTitleBg02 { min-height: 117px; background: url(images/summer_camp_sub0102.png) 90% 0 no-repeat; background-size: auto 117px;} #ipTitleBg01 { min-height: 88px; background: url(images/summer_ip_sub0101.png) 10% 0 no-repeat; background-size: auto 88px;} #ipTitleBg01 .hTxtHasIconEn { padding-top: 26px; } #ipTitleBg01 .hTxtHasIconJp { letter-spacing: 0.5em;} #ipTitleBg02 { min-height: 88px; background: url(images/summer_ip_sub0102.png) 90% 0 no-repeat; background-size: auto 88px;} #srTitleBg01 { min-height: 79px; background: url(images/summer_sr_sub0101.png) 10% 0 no-repeat; background-size: auto 79px;} #srTitleBg01 .hTxtHasIconEn { padding-top: 16px; } #srTitleBg01 .hTxtHasIconJp { letter-spacing: 0.5em;} #srTitleBg02 { min-height: 79px; background: url(images/summer_sr_sub0102.png) 90% 0 no-repeat; background-size: auto 79px;} #ncTitleBg01 { min-height: 103px; background: url(images/summer_nc_sub0101.png) 5% 0 no-repeat; background-size: auto 103px;} #ncTitleBg01 .hTxtHasIconEn { padding-top: 32px; } #ncTitleBg02 { min-height: 103px; background: url(images/summer_nc_sub0102.png) 95% 0 no-repeat; background-size: auto 103px;} .summerCampSec01 { padding-left: 3.125%; padding-right: 3.125%; } .summerCampSec01Pt02 { padding-bottom: 72px; } .summerCampSec01Ch { position: relative; padding-top: 50px; text-align: center;} #summerCampSec01Ch01 {} #summerCampSec01Ch02 {} #summerCampSec01Ch03 {} #summerCampSec01Ch04 { padding-top: 36px; } #summerCampSec01Ch05 { padding-top: 36px;} #summerCampSec01Ch06 { padding-top: 36px;} .summerCampSec01ChBox { padding-top: 60px; padding-left: 16px; padding-right: 16px; padding-bottom: 8px; margin-bottom: 14px; box-sizing: border-box; border-radius: 8px; border: #231815 solid 1px; } #summerCampSec01Ch01 .summerCampSec01ChBox { padding-top: 48px; margin-bottom: 6px; } #summerCampSec01Ch01Txt { margin-bottom: 14px;} #summerCampSec01Ch02 .summerCampSec01ChBox {} #summerCampSec01Ch03 .summerCampSec01ChBox {} #summerCampSec01Ch03 ul { text-align: left; padding-left: 32px;} #summerCampSec01Ch03 dt { float: left; width: 7.5em; margin-right: 1em; } #summerCampSec01Ch03 dd { overflow: hidden; } #summerCampSec01Ch04 .summerCampSec01ChBox {} #summerCampSec01Ch05 .summerCampSec01ChBox {} #summerCampSec01Ch06 .summerCampSec01ChBox {} .summerCampIcon { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } #summerCampIcon01 {} #summerCampIcon02 {} #summerCampIcon03 { top: 8px; } #summerCampIcon04 { top: 10px; } #summerCampSec01Ch04Txt01 { position: absolute; top: 48px; left: 20px; color: #B26C31;} #summerCampIcon05 {} #summerCampIcon06 {} .summerCampSec01Note { } .summerCampSec01Note li { margin-left: 1em; text-indent: -1em; } #summerCampSec02 { padding-left: 3.125%; padding-right: 3.125%; padding-bottom: 48px; } #summerCampSec02 ul { overflow: hidden;} #summerCampSec02 ul li { float: left; width: 48%; margin: 0 0 16px;} #summerCampSec02 ul li:nth-child(2n) { float: right;} #summerCampSec03 { padding-left: 3.125%; padding-right: 3.125%; padding-bottom: 48px; } #summerCampSec0301 { overflow: hidden; padding: 126px 0 0; background: url(images/summer_camp_icon07_sp.png) 50% 0 no-repeat; } #summerCampSec0302 { } #fatTitleBg01 { min-height: 103px; padding: 84px 0 0; background: url(images/summer_fat_sub0101_sp.png) 50% 0 no-repeat; background-size: auto; line-height: 1.2;} #fatTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #231815; font-size: 178.6%; font-weight: bold;} #fatTitleBg01 .hTxtHasIconJp span { color: #eeac2c;} #fatTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #182980; font-size: 200.0%;} #fatTitleBg02 { min-height: 103px; padding: 0 0 44px; background: url(images/summer_fat_sub0102_sp.png) 50% 100% no-repeat; background-size: auto;} #bgTitleBg01 { min-height: 103px; padding: 94px 0 0; background: url(images/summer_bg_sub0101_sp.png) 50% 0 no-repeat; background-size: auto; line-height: 1.2;} #bgTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #006934; font-size: 178.6%; font-weight: bold;} #bgTitleBg01 .hTxtHasIconJp span { color: #e98d00;} #bgTitleBg01 .hTxtHasIconEn { padding-top: 6px; color: #006934; font-size: 200.0%;} #bgTitleBg02 { min-height: 103px; padding: 0 0 44px; background: url(images/summer_bg_sub0102_sp.png) 50% 100% no-repeat; background-size: auto;} #concerttTitleBg01 { min-height: 103px; padding: 94px 0 0; background: url(images/summer_concert_sub0101_sp.png) 50% 0 no-repeat; background-size: auto; line-height: 1.2;} #concerttTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #006934; font-size: 178.6%; font-weight: bold;} #concerttTitleBg01 .hTxtHasIconJp span { color: #e05513;} #concerttTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #006934; font-size: 200.0%;} #concerttTitleBg02 { min-height: 103px; padding: 0 0 44px; background: url(images/summer_concert_sub0102_sp.png) 50% 100% no-repeat; background-size: auto;} #barTitleBg01 { min-height: 103px; padding: 94px 0 0; background: url(images/summer_bar_sub0101_sp.png) 50% 0 no-repeat; background-size: auto; line-height: 1.2;} #barTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #006934; font-size: 178.6%; font-weight: bold;} #barTitleBg01 .hTxtHasIconJp span { color: #e05513;} #barTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #006934; font-size: 200.0%;} #barTitleBg02 { min-height: 103px; padding: 0 0 44px; background: url(images/summer_bar_sub0102_sp.png) 50% 100% no-repeat; background-size: auto;} #specialMenuTitleBg01 { min-height: 103px; padding: 94px 0 0; background: url(images/summer_special-menu_sub0101_sp.png) 50% 0 no-repeat; background-size: auto; line-height: 1.2;} #specialMenuTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #e05513; font-size: 178.6%; font-weight: bold;} #specialMenuTitleBg01 .hTxtHasIconJp span { } #specialMenuTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #182980; font-size: 200.0%;} #specialMenuTitleBg02 { min-height: 103px; padding: 0 0 44px; background: url(images/summer_special-menu_sub0102_sp.png) 50% 100% no-repeat; background-size: auto;} .specialMenuList { font-size: 114.3%; font-weight: bold; } .specialMenuList li { overflow: hidden; clear: both; line-height: 1.2; padding: 0 0 1em;} .specialMenuList dt { float: left; width: calc( 100% - 6em ); margin-right: 2em; } .specialMenuList dd { overflow: hidden; text-align: right;} #jpTitleBg01 { min-height: 103px; padding: 94px 0 0; background: url(images/summer_journey-play_sub0101_sp.png) 50% 0 no-repeat; background-size: auto; line-height: 1.2;} #jpTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #e05513; font-size: 178.6%; font-weight: bold;} #jpTitleBg01 .hTxtHasIconJp span { } #jpTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #182980; font-size: 200.0%;} #jpTitleBg02 { min-height: 103px; padding: 0 0 44px; background: url(images/summer_journey-play_sub0102_sp.png) 50% 100% no-repeat; background-size: auto;} #sfTitleBg01 { min-height: 103px; padding: 94px 0 0; background: url(images/summer_slow-food_sub0101_sp.png) 50% 0 no-repeat; background-size: auto; line-height: 1.2;} #sfTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #006934; font-size: 178.6%; font-weight: bold;} #sfTitleBg01 .hTxtHasIconJp span { } #sfTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #182980; font-size: 200.0%;} #sfTitleBg02 { min-height: 103px; padding: 0 0 44px; background: url(images/summer_slow-food_sub0102_sp.png) 50% 100% no-repeat; background-size: auto;} #shinetsuTitleBg01 { min-height: 103px; padding: 94px 0 0; background: url(images/summer_shinetsu-trail_sub0101_sp.png) 50% 0 no-repeat; background-size: auto; line-height: 1.2;} #shinetsuTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #e05513; font-size: 178.6%; font-weight: bold;} #shinetsuTitleBg01 .hTxtHasIconJp span { } #shinetsuTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #182980; font-size: 200.0%;} #shinetsuTitleBg02 { min-height: 103px; padding: 0 0 44px; background: url(images/summer_shinetsu-trail_sub0102_sp.png) 50% 100% no-repeat; background-size: auto;} .hTxtCircle { position: relative; overflow: hidden; width: 140px; height: 140px; margin: -70px auto 16px; border-radius: 70px; background: rgba(77,129,97,0.8); /*-webkit-transform: translateY(-50%); transform: translateY(-50%);*/ z-index: 10; color: #FFF; line-height: 1.2; text-align: center; font-family: 'Dancing Script', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;} .hTxtCircle01 { display: block; width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .hTxtCircleEn { display: block; font-size: 178.6%; padding: 0 0 28px;} .hTxtCircleJp { display: block; font-size: 114.3%;} .hTxtCircleJp02 { display: block; font-size: 100%;} .localNav { overflow: hidden; margin: -16px 0 40px; } .localNav li { margin: 16px 0 0; width: 48.5%; float: left; font-family: 'Open Sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.2;} .localNav li:nth-child(2n) { float: right;} .localNav li.posCen { float: left !important; margin-left: 24.25%;} .localNav a { position: relative; display: block; width: 100%; height: 96px; background: url(images/local_nav_bg01.png) 50% 0 no-repeat; text-align: center;} .localNavTxt { display: block; position: absolute; bottom: 0; left: 0; width: 100%;} .localNavEn { display: block; font-size: 121.4%; padding-bottom: 10px; font-weight: 300;} .localNavjp { display: block; font-size: 107.1%;} #contentArticle { margin: 142px 0 0; padding: 20px 0 0; overflow: hidden;} .neTitle { position: relative; width: 184px; height: 125px; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; line-height: 1.2;} .neTitleJp { position: absolute; bottom: 17px; right: 11px; font-size: 128.6%; } .neTitleEn { position: absolute; bottom: 38px; left: -32px; font-size: 214.3%; letter-spacing: 0.5em; font-family: 'Open Sans', sans-serif; font-weight: 300; } #newsTilte { background-image: url(images/news_title.png); } #eventTilte { background-image: url(images/event_title.png); } .neWrap { width: 100%; margin: 0 0 30px; overflow: auto; position: relative; box-sizing: border-box;} #indexBody .neWrap { overflow: hidden;} .neList { overflow: hidden; margin: -40px 0 0;} #indexBody .neList, .neList.sX { width: 960px; overflow: hidden; margin: -40px 0 0;} .neList li { overflow: hidden; width: 100%; float: left; margin: 40px 0 0 0; background: #F4F1E5;} #indexBody .neList li, .neList.sX li { width: 184px; float: left; margin: 40px 10px 0 0;} #indexBody .neList li:nth-child(5n), .neList.sX li:nth-child(5n) { margin: 40px 0 0;} .neListImg img { width: 100%; } .neList li dl { overflow: hidden; padding: 16px 10px; } .neList li dt, .neListTitle { font-size: 114.2%; line-height: 1.375; padding: 16px 10px; text-align: center;} .neList li dd { font-size: 85.7%;} .neListDate { padding: 0 10px 16px; text-align: right; line-height: 1.2;} #infoMore { text-align: center; } #infoMore a { position: relative; overflow: hidden; display: inline-block; padding: 1em 5em; background: #96b9a4; font-size: 92.9%; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.2; er-spacing: 0.2em; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #infoMore a:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #D1A68F; -webkit-transform: scale(0); transform: scale(0); z-index: -1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #infoMore a:hover { background: transparent;} #infoMore a:hover:after { -webkit-transform: scale(1); transform: scale(1);} #winterMore { text-align: center; } #winterMore a { position: relative; overflow: hidden; display: inline-block; padding: 1em 5em; background: #92bfdc; font-size: 107.1%; color: #FFF; font-family: Fjalla One; font-weight: 300; line-height: 1.2; er-spacing: 0.2em; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #winterMore a:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #D1A68F; -webkit-transform: scale(0); transform: scale(0); z-index: -1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #winterMore a:hover { background: transparent;} #winterMore a:hover:after { -webkit-transform: scale(1); transform: scale(1);} .rsvBox01 { clear: both; } .rsvBox01Txt01 { font-family: 'Dancing Script', cursive; font-size: 214.3%; line-height: 1.2;} .rsvBox01 a { display: block; padding: 78px 8px 8px 8px; text-align: center; background: #90B49E url(images/icon_tent01.png) 50% 8px no-repeat; color: #FFF; line-height: 1.2; background-size: 85px 55px;} .rsvBox01Txt02 { display: inline-block; padding: 0 0 8px; } .rsvDl {} .rsvDl dt { font-family: 'Dancing Script', cursive; font-size: 214.3%; line-height: 1.2; margin-bottom: 8px; color: #90B49E; text-align: center;} .rsvDl dd { } .rsvDl dd iframe { width: 100%; } .rsvCampRsv {} .rsvCampRsv > li { margin-bottom: 24px; padding-bottom: 4px; } .secL01 { overflow: hidden; padding-bottom: 48px;} .secR01 { overflow: hidden; padding-bottom: 48px;} .secL02 { overflow: hidden; padding-bottom: 4px; width: 50%; float: left;padding-right: 2px;box-sizing: border-box;} .secR02 { overflow: hidden; padding-bottom: 4px; width: 50%; float: left;padding-left: 2px;box-sizing: border-box;} .secL03 { overflow: hidden; width: 50%; float: left;box-sizing: border-box;} .secR03 { overflow: hidden; width: 50%; float: left;box-sizing: border-box;} .secL02 img, .secR02 img, .secL03 img, .secR03 img{width: 100%;} .spPRL { overflow: hidden; padding-left: 3.125%; padding-right: 3.125%;} .dlPt01 {} .dlPt01 > dt { float: left; } .dlPt01 > dt:after { content: "／"; } .dlPt01 > dd { overflow: hidden; } .slashList {} .slashList li { display: inline;} .slashList li:after { content: "／"; } .middotList01 { overflow: hidden; margin-top: 0; } .middotList01 li { margin-left: 1em; text-indent: -1em; margin-top: 8px;} .middotList01 li:before { content: '・'; } .iconList01 {} .iconList01 > li { font-size: 114.3%; margin: 14px 0 0;} .iconList01 li:first-child { margin: 0;} .iconList01 li dt { float: left; padding: 0.6em 50px 0.6em 0; background-size: 34px 34px; margin-right: 20px; background-position: 100% 50%; background-repeat: no-repeat;} .iconList01 li dd { overflow: hidden; padding: 0.6em 0 0;} .iconList02 {} .iconList02 li { font-size: 114.3%; margin: 28px 0 0; padding: 50px 0 0; line-height: 1.875; background-position: 50% 0%; text-align: center; background-repeat: no-repeat; background-size: 34px 34px;} .iconList02 li:first-child { margin: 0;} .iconCalBl { background-image: url(images/icon_cal_bl.png);} .iconClockBl { background-image: url(images/icon_clock_bl.png);} .iconFeeBl { background-image: url(images/icon_fee_bl.png);} .iconNoteBl { background-image: url(images/icon_note_bl.png);} .iconCalGn { background-image: url(images/icon_cal_gn.png);} .iconClockGn { background-image: url(images/icon_clock_gn.png);} .iconFeeGn { background-image: url(images/icon_fee_gn.png);} .iconNoteGn { background-image: url(images/icon_note_gn.png);} .iconCalBn { background-image: url(images/icon_cal_bn.png);} .iconClockBn { background-image: url(images/icon_clock_bn.png);} .iconFeeBn { background-image: url(images/icon_fee_bn.png);} .iconNoteBn { background-image: url(images/icon_note_bn.png);} .iconCalNv { background-image: url(images/icon_cal_nv.png);} .iconClockNv { background-image: url(images/icon_clock_nv.png);} .iconFeeNv { background-image: url(images/icon_fee_nv.png);} .iconNoteNv { background-image: url(images/icon_note_nv.png);} .iconCalGr { background-image: url(images/icon_cal_gr.png);} .iconClockGr { background-image: url(images/icon_clock_gr.png);} .iconFeeGr { background-image: url(images/icon_fee_gr.png);} .iconNoteGr { background-image: url(images/icon_note_gr.png);} .iconHouseGr { background-image: url(images/icon_house_gr.png);} .indentList {} .indentList > li { margin-left: 1em; text-indent: -1em;} .noteList01 {} .noteList01 li { clear: both; margin: 0 0 16px 1em; text-indent: -1em;} .noteList01.noteList01Pt02 li { margin: 0 0 0 1em;} .noteList01 li:last-child { margin: 0 0 0 1em;} .noteList01 li:before { content: "※"; } .noteTxt { clear: both; margin: 0 0 16px 1em; text-indent: -1em;} .noteTxt.noteTxtPt02 { margin-bottom: 0;} .noteTxt:before { content: "※"; } .noteTxt01 { clear: both; margin: 0 0 0 1em; text-indent: -1em;} .noteTxt01:before { content: "○"; } .spaNote { background: #EEEBE6; padding: 32px; margin: 0 0 32px; } .spaNote dt { overflow: hidden; text-align: center; padding: 0 0 32px; line-height: 1.2; font-size: 171.4%;} .spaNote dd {font-size: 114.3%;} .twoColImg { overflow: hidden; margin: -2px 0 0; } .twoColImg li { margin: 2px 0 0; } .threeColImgUl { overflow: hidden; margin: -8px 0 0; } .threeColImgUl li { margin: 8px 0 0; text-align: center;} .autoScrollImgs {} .autoScrollImgs li { margin: 0 5px; } .autoScrollImgs li img { width: 100%;} .bB01 { border-bottom: #5c8bb0 solid 1px; } .bBNone { border-bottom: none !important; } .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; } .table01 { width: 100%; } .table01 th,.table01 td { padding: 12px; border: #6692B5 solid 1px; line-height: 1.2; text-align: center; background: #DEE8EF; box-sizing: border-box;} .table01 th[scope=col] { padding: 16px; background: #A2D4DE; color: #FFF;} .table01 th.courseItem { padding: 8px; color: #595757;} .table01 th[scope=row] { text-align: left;} .table01 th.w23Per { width: 23%;} .table01 tr:nth-child(2n) th,.table01 tr:nth-child(2n) td { background: #FFF;} .coueseNumTh { text-align: center !important;} .couseNum--01 { display: inline-block; position: relative; color: #FFF;} .couseNum--01 > span { position: relative; z-index: 1;} .couseNum--01:before { content: ''; display: block; width: 1.5em; height: 1.5em; border-radius: 1.5em; background: #009944; position: absolute; top: 50%; left: 50%; z-index: 0; transform: translateY(-50%) translateX(-50%);} .couseNum--02 { display: inline-block; position: relative; color: #FFF;} .couseNum--02 > span { position: relative; z-index: 1;} .couseNum--02:before { content: ''; display: block; width: 1.5em; height: 1.5em; background: #e60012; position: absolute; top: 50%; left: 50%; z-index: 0; transform: translateY(-50%) translateX(-50%);} .couseNum--03 { display: inline-block; position: relative; color: #FFF;} .couseNum--03 > span { position: relative; z-index: 1;} .couseNum--03:before { content: ''; display: block; width: 1.5em; height: 1.5em; background: #231815; position: absolute; top: 50%; left: 50%; z-index: 0; transform: translateY(-50%) translateX(-50%) rotate(45deg);} .table02 { width: 100%; } .table02 th,.table02 td { padding: 10px; border: #6692B5 solid 1px; line-height: 1.2; text-align: center; background: #DEE8EF; vertical-align: middle;} .table02 th[scope=col] { padding: 10px; background: #A2D4DE; color: #FFF;} .table02 th[scope=row] { text-align: left;} .table02 th.w12Per { width: 12%;} .table02 th.w23Per { width: 23%;} .table02 th.w30Per { width: 30%;} .table02 tr:nth-child(2n) th,.table02 tr:nth-child(2n) td { background: #FFF;} .table02 tr:nth-child(2n) th.table02Bg01,.table02 tr:nth-child(2n) td.table02Bg01 { background: #A2D4DE; color: #FFF;} .table03 { width: 100%; } .table03 th,.table03 td { padding: 10px 8px; border: #5c8bb0 solid 1px; line-height: 1.2; text-align: center; vertical-align: middle;} .table03.fwB th,.table03.fwB td { font-weight: bold;} .table03 th[scope=row] { text-align: left;} .table04 { width: 100%; } .table04.liftTable01 {} .table04 th,.table04 td { padding: 16px; border: #5c8bb0 solid 1px; line-height: 1.2; text-align: center; vertical-align: middle;} .table04.schoolTable th,.table04.schoolTable td { padding: 16px 8px; text-align: center;} .table04.fwB th,.table04.fwB td { font-weight: bold;} .table04.fwB td:last-child { text-align: left;} .table04.schoolTable td:last-child { text-align: center;} .table04 th[scope=row] { text-align: left;} .table04.liftTable01 > tbody > tr > td { text-align: left;} .table04.liftTable01 > tbody > tr > th[scope=row] { text-align: center;} .table05 { width: 100%; } .table05 th,.table05 td { padding: 6px 0; border: none; line-height: 1.2; text-align: left; vertical-align: middle;} .table05 th { padding-right: 8px;} .spaTable01 { width: 100%; } .spaTable01 > tbody > tr > th,.spaTable01 > tbody > tr > td { padding: 10px; border: #6692B5 solid 1px; line-height: 1.2; text-align: center; background: #DEE8EF; vertical-align: middle;} .spaTable01 > tbody > tr > th[scope=col] { padding: 10px 0; background: #A2D4DE; color: #FFF;} .spaTable01 > tbody > tr > th[scope=row] { text-align: left;} .txtV { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} .spaTable01 > tbody > tr > th.w10Per { width: 10%; letter-spacing: 0.5em;} .spaTable01 > tbody > tr > th.w20Per { width: 20%; letter-spacing: 0.5em;} .spaTable01 > tbody > tr > th.w30Per { width: 30%;} .spaTable01 > tbody > tr:nth-child(2n) th,.spaTable01 > tbody > tr:nth-child(2n) td { background: #FFF;} .spaTable01 > tbody > tr:nth-child(2n) th.spaTable01Bg01,.spaTable01 > tbody > tr:nth-child(2n) td.spaTable01Bg01 { background: #A2D4DE; color: #FFF;} .spaTable01 > tbody > tr td.spaTable01BgWh { background: #FFF;} .spaTable01 > tbody > tr > td { } .spaTable01 .vaM > th, .spaTable01 .vaM > td { vertical-align: middle;} .spaTable01 th.thpR1em { padding-right: 1em; } .btnLink02 { display: inline-block; padding: 12px 34px; line-height: 1.2; background: #92BFDC; color: #FFF !important;} .btnLink03 { display: inline-block; padding: 8px 34px; line-height: 1.2; border: #231815 1px solid; color: #231815 !important;} .colPur { color: #845268 !important; } .colGr { color: #86AA94 !important; } .colGr02 { color: rgb(0,90,0) !important; } .colGr03 { color: #90B49E !important; } .colGr04 { color: #006934 !important; } .colBl { color: #729BC9 !important; } .colBl02 { color: #5c8bb0 !important; } .colBl03 { color: #47a0e1 !important; } .colBl04 { color: #008C8D !important; } .colBr { color: #956800 !important; } .colBn { color: #804F21 !important; } .colNv { color: #182980 !important; } .colGy { color: #717071 !important; } .colGy01 { color: #595757 !important; } .colR01 { color: #DC0012 !important; } .colR02 { color: #E73828 !important; } .colOr01 { color: #e95704 !important; } .lh140 { line-height: 1.4; } .mB6 { margin-bottom: 6px !important; } .mB7 { margin-bottom: 7px !important; } .mB8 { margin-bottom: 8px !important; } .mB9 { margin-bottom: 9px !important; } .mB10 { margin-bottom: 10px !important; } .mB11 { margin-bottom: 11px !important; } .mB12 { margin-bottom: 12px !important; } .mB13 { margin-bottom: 13px !important; } .mB14 { margin-bottom: 14px !important; } .mB15 { margin-bottom: 15px !important; } .mB16 { margin-bottom: 16px !important; } .mB17 { margin-bottom: 17px !important; } .mB18 { margin-bottom: 18px !important; } .mB19 { margin-bottom: 19px !important; } .mB20 { margin-bottom: 20px !important; } .mB21 { margin-bottom: 21px !important; } .mB22 { margin-bottom: 22px !important; } .mB23 { margin-bottom: 23px !important; } .mB24 { margin-bottom: 24px !important; } .mB25 { margin-bottom: 25px !important; } .mB26 { margin-bottom: 26px !important; } .mB27 { margin-bottom: 27px !important; } .mB28 { margin-bottom: 28px !important; } .mB29 { margin-bottom: 29px !important; } .mB30 { margin-bottom: 30px !important; } .mB31 { margin-bottom: 31px !important; } .mB32 { margin-bottom: 32px !important; } .mB33 { margin-bottom: 33px !important; } .mB34 { margin-bottom: 34px !important; } .mB35 { margin-bottom: 35px !important; } .mB36 { margin-bottom: 36px !important; } .mB37 { margin-bottom: 37px !important; } .mB38 { margin-bottom: 38px !important; } .mB39 { margin-bottom: 39px !important; } .mB40 { margin-bottom: 40px !important; } .mB41 { margin-bottom: 41px !important; } .mB42 { margin-bottom: 42px !important; } .mB43 { margin-bottom: 43px !important; } .mB44 { margin-bottom: 44px !important; } .mB45 { margin-bottom: 45px !important; } .mB46 { margin-bottom: 46px !important; } .mB47 { margin-bottom: 47px !important; } .mB48 { margin-bottom: 48px !important; } .mB49 { margin-bottom: 49px !important; } .mB50 { margin-bottom: 50px !important; } .mB51 { margin-bottom: 51px !important; } .mB52 { margin-bottom: 52px !important; } .mB53 { margin-bottom: 53px !important; } .mB54 { margin-bottom: 54px !important; } .mB55 { margin-bottom: 55px !important; } .mB56 { margin-bottom: 56px !important; } .mB57 { margin-bottom: 57px !important; } .mB58 { margin-bottom: 58px !important; } .mB59 { margin-bottom: 59px !important; } .mB60 { margin-bottom: 60px !important; } .mB61 { margin-bottom: 61px !important; } .mB62 { margin-bottom: 62px !important; } .mB63 { margin-bottom: 63px !important; } .mB64 { margin-bottom: 64px !important; } .mB65 { margin-bottom: 65px !important; } .mB66 { margin-bottom: 66px !important; } .mB67 { margin-bottom: 67px !important; } .mB68 { margin-bottom: 68px !important; } .mB69 { margin-bottom: 69px !important; } .mB70 { margin-bottom: 70px !important; } .mB71 { margin-bottom: 71px !important; } .mB72 { margin-bottom: 72px !important; } .mB73 { margin-bottom: 73px !important; } .mB74 { margin-bottom: 74px !important; } .mB75 { margin-bottom: 75px !important; } .mB76 { margin-bottom: 76px !important; } .mB77 { margin-bottom: 77px !important; } .mB78 { margin-bottom: 78px !important; } .mB79 { margin-bottom: 79px !important; } .mB80 { margin-bottom: 80px !important; } .mB81 { margin-bottom: 81px !important; } .mB82 { margin-bottom: 82px !important; } .mB83 { margin-bottom: 83px !important; } .mB84 { margin-bottom: 84px !important; } .mB85 { margin-bottom: 85px !important; } .mB86 { margin-bottom: 86px !important; } .mB87 { margin-bottom: 87px !important; } .mB88 { margin-bottom: 88px !important; } .mB89 { margin-bottom: 89px !important; } .mB90 { margin-bottom: 90px !important; } .pT0 { padding-top: 0px !important;}.pT6 { padding-top: 6px !important;} .pT7 { padding-top: 7px !important;} .pT8 { padding-top: 8px !important;} .pT9 { padding-top: 9px !important;} .pT10 { padding-top: 10px !important;} .pT11 { padding-top: 11px !important;} .pT12 { padding-top: 12px !important;} .pT13 { padding-top: 13px !important;} .pT14 { padding-top: 14px !important;} .pT15 { padding-top: 15px !important;} .pT16 { padding-top: 16px !important;} .pT17 { padding-top: 17px !important;} .pT18 { padding-top: 18px !important;} .pT19 { padding-top: 19px !important;} .pT20 { padding-top: 20px !important;} .pT21 { padding-top: 21px !important;} .pT22 { padding-top: 22px !important;} .pT23 { padding-top: 23px !important;} .pT24 { padding-top: 24px !important;} .pT25 { padding-top: 25px !important;} .pT26 { padding-top: 26px !important;} .pT27 { padding-top: 27px !important;} .pT28 { padding-top: 28px !important;} .pT29 { padding-top: 29px !important;} .pT30 { padding-top: 30px !important;} .pT31 { padding-top: 31px !important;} .pT32 { padding-top: 32px !important;} .pT33 { padding-top: 33px !important;} .pT34 { padding-top: 34px !important;} .pT35 { padding-top: 35px !important;} .pT36 { padding-top: 36px !important;} .pT37 { padding-top: 37px !important;} .pT38 { padding-top: 38px !important;} .pT39 { padding-top: 39px !important;} .pT40 { padding-top: 40px !important;} .pT41 { padding-top: 41px !important;} .pT42 { padding-top: 42px !important;} .pT43 { padding-top: 43px !important;} .pT44 { padding-top: 44px !important;} .pT45 { padding-top: 45px !important;} .pT46 { padding-top: 46px !important;} .pT47 { padding-top: 47px !important;} .pT48 { padding-top: 48px !important;} .pT49 { padding-top: 49px !important;} .pT50 { padding-top: 50px !important;} .pT51 { padding-top: 51px !important;} .pT52 { padding-top: 52px !important;} .pT53 { padding-top: 53px !important;} .pT54 { padding-top: 54px !important;} .pT55 { padding-top: 55px !important;} .pT56 { padding-top: 56px !important;} .pT57 { padding-top: 57px !important;} .pT58 { padding-top: 58px !important;} .pT59 { padding-top: 59px !important;} .pT60 { padding-top: 60px !important;} .pT61 { padding-top: 61px !important;} .pT62 { padding-top: 62px !important;} .pT63 { padding-top: 63px !important;} .pT64 { padding-top: 64px !important;} .pT65 { padding-top: 65px !important;} .pT66 { padding-top: 66px !important;} .pT67 { padding-top: 67px !important;} .pT68 { padding-top: 68px !important;} .pT69 { padding-top: 69px !important;} .pT70 { padding-top: 70px !important;} .pT71 { padding-top: 71px !important;} .pT72 { padding-top: 72px !important;} .pT73 { padding-top: 73px !important;} .pT74 { padding-top: 74px !important;} .pT75 { padding-top: 75px !important;} .pT76 { padding-top: 76px !important;} .pT77 { padding-top: 77px !important;} .pT78 { padding-top: 78px !important;} .pT79 { padding-top: 79px !important;} .pT80 { padding-top: 80px !important;} .pT81 { padding-top: 81px !important;} .pT82 { padding-top: 82px !important;} .pT83 { padding-top: 83px !important;} .pT84 { padding-top: 84px !important;} .pT85 { padding-top: 85px !important;} .pT86 { padding-top: 86px !important;} .pT87 { padding-top: 87px !important;} .pT88 { padding-top: 88px !important;} .pT89 { padding-top: 89px !important;} .pT90 { padding-top: 90px !important;} .pB1Line { padding-bottom: 1.7em !important;} .pB6 { padding-bottom: 6px !important;} .pB7 { padding-bottom: 7px !important;} .pB8 { padding-bottom: 8px !important;} .pB9 { padding-bottom: 9px !important;} .pB10 { padding-bottom: 10px !important;} .pB11 { padding-bottom: 11px !important;} .pB12 { padding-bottom: 12px !important;} .pB13 { padding-bottom: 13px !important;} .pB14 { padding-bottom: 14px !important;} .pB15 { padding-bottom: 15px !important;} .pB16 { padding-bottom: 16px !important;} .pB17 { padding-bottom: 17px !important;} .pB18 { padding-bottom: 18px !important;} .pB19 { padding-bottom: 19px !important;} .pB20 { padding-bottom: 20px !important;} .pB21 { padding-bottom: 21px !important;} .pB22 { padding-bottom: 22px !important;} .pB23 { padding-bottom: 23px !important;} .pB24 { padding-bottom: 24px !important;} .pB25 { padding-bottom: 25px !important;} .pB26 { padding-bottom: 26px !important;} .pB27 { padding-bottom: 27px !important;} .pB28 { padding-bottom: 28px !important;} .pB29 { padding-bottom: 29px !important;} .pB30 { padding-bottom: 30px !important;} .pB31 { padding-bottom: 31px !important;} .pB32 { padding-bottom: 32px !important;} .pB33 { padding-bottom: 33px !important;} .pB34 { padding-bottom: 34px !important;} .pB35 { padding-bottom: 35px !important;} .pB36 { padding-bottom: 36px !important;} .pB37 { padding-bottom: 37px !important;} .pB38 { padding-bottom: 38px !important;} .pB39 { padding-bottom: 39px !important;} .pB40 { padding-bottom: 40px !important;} .pB41 { padding-bottom: 41px !important;} .pB42 { padding-bottom: 42px !important;} .pB43 { padding-bottom: 43px !important;} .pB44 { padding-bottom: 44px !important;} .pB45 { padding-bottom: 45px !important;} .pB46 { padding-bottom: 46px !important;} .pB47 { padding-bottom: 47px !important;} .pB48 { padding-bottom: 48px !important;} .pB49 { padding-bottom: 49px !important;} .pB50 { padding-bottom: 50px !important;} .pB51 { padding-bottom: 51px !important;} .pB52 { padding-bottom: 52px !important;} .pB53 { padding-bottom: 53px !important;} .pB54 { padding-bottom: 54px !important;} .pB55 { padding-bottom: 55px !important;} .pB56 { padding-bottom: 56px !important;} .pB57 { padding-bottom: 57px !important;} .pB58 { padding-bottom: 58px !important;} .pB59 { padding-bottom: 59px !important;} .pB60 { padding-bottom: 60px !important;} .pB61 { padding-bottom: 61px !important;} .pB62 { padding-bottom: 62px !important;} .pB63 { padding-bottom: 63px !important;} .pB64 { padding-bottom: 64px !important;} .pB65 { padding-bottom: 65px !important;} .pB66 { padding-bottom: 66px !important;} .pB67 { padding-bottom: 67px !important;} .pB68 { padding-bottom: 68px !important;} .pB69 { padding-bottom: 69px !important;} .pB70 { padding-bottom: 70px !important;} .pB71 { padding-bottom: 71px !important;} .pB72 { padding-bottom: 72px !important;} .pB73 { padding-bottom: 73px !important;} .pB74 { padding-bottom: 74px !important;} .pB75 { padding-bottom: 75px !important;} .pB76 { padding-bottom: 76px !important;} .pB77 { padding-bottom: 77px !important;} .pB78 { padding-bottom: 78px !important;} .pB79 { padding-bottom: 79px !important;} .pB80 { padding-bottom: 80px !important;} .pB81 { padding-bottom: 81px !important;} .pB82 { padding-bottom: 82px !important;} .pB83 { padding-bottom: 83px !important;} .pB84 { padding-bottom: 84px !important;} .pB85 { padding-bottom: 85px !important;} .pB86 { padding-bottom: 86px !important;} .pB87 { padding-bottom: 87px !important;} .pB88 { padding-bottom: 88px !important;} .pB89 { padding-bottom: 89px !important;} .pB90 { padding-bottom: 90px !important;} .pB100 { padding-bottom: 100px !important;} .pB110 { padding-bottom: 110px !important;} .mTm21 { margin-top: -21px !important; } .pL14 { padding-left: 14px !important; } .pLPt01 { padding-left: 1.5em; } .pB80 { padding-bottom: 80px !important;} .pB100 { padding-bottom: 100px !important;} .pT14 { padding-top: 14px !important;} .pT16 { padding-top: 16px !important;} .pT20 { padding-top: 20px !important;} .pT24 { padding-top: 24px !important;} .pT32 { padding-top: 32px !important;} .pT40 { padding-top: 40px !important;} .pT48 { padding-top: 48px !important;} .pT64 { padding-top: 64px !important;} .fs10 { font-size: 71.4% !important;} .fs12 { font-size: 85.7% !important;} .fs13 { font-size: 92.9% !important;} .fs14 { font-size: 100.0% !important;} .fs15 { font-size: 107.1% !important;} .fs16 { font-size: 114.3% !important;} .fs17 { font-size: 121.4% !important;} .fs18 { font-size: 128.6% !important;} .fs19 { font-size: 135.7% !important;} .fs20 { font-size: 142.9% !important;} .fs21 { font-size: 150.0% !important;} .fs22 { font-size: 157.1% !important;} .fs23 { font-size: 164.3% !important;} .fs24 { font-size: 171.4% !important;} .fs25 { font-size: 178.6% !important;} .fs26 { font-size: 185.7% !important;} .fs27 { font-size: 192.9% !important;} .fs28 { font-size: 200.0% !important;} .fs29 { font-size: 207.1% !important;} .fs30 { font-size: 214.3% !important;} .fs31 { font-size: 221.4% !important;} .fs32 { font-size: 228.6% !important;} .fs33 { font-size: 235.7% !important;} .fs34 { font-size: 242.9% !important;} .fs35 { font-size: 250.0% !important;} .fs36 { font-size: 257.1% !important;} .fs37 { font-size: 264.3% !important;} .fs38 { font-size: 271.4% !important;} .fs39 { font-size: 278.6% !important;} .fs40 { font-size: 285.7% !important;} .fs16-14 { font-size: 87.5%;} .fs16-19 { font-size: 118.7%;} .fs16-22 { font-size: 137.5%;} .lsM100 { letter-spacing: -0.1em; } .ls100 { letter-spacing: 0.1em; } .ls300 { letter-spacing: 0.3em; } .txtInMHalf { text-indent: -0.5em; } .lh120 { line-height: 1.2; } .lh187 { line-height: 1.87; } .lh213 { line-height: 2.13; } .imgL { text-align: center; padding-bottom: 24px;} .imgR { text-align: center; padding-bottom: 24px;} .indent01{ padding-left: 6em; text-indent: -6em; } .posRel { position: relative; } .dB { display: block; } .pcDisp,.pcDispIn { display: none;} .spDisp {} .ffMin { } .ffGoth { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;} .ffC { font-family: 'Cinzel', serif;} .ffO { font-family: 'Oranienbaum', serif;} .ffR { font-family: 'Rochester', cursive;} .ffD { font-family: 'Dancing Script', cursive;} .ffOS { font-family: 'Open Sans', sans-serif;} .ffF {font-family: 'Fjalla One', sans-serif;} .ofH { overflow: hidden;} .ofV { overflow: visible;} .fL,.l { float: left;} .fR,.r { 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;} /*animation*//*****************************************************************************************************************************************************************************************/ .animationObjY { opacity: 0; -webkit-transform: translateY(8px) translateX(0); transform: translateY(8px) translateX(0); -webkit-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; } /* .animationObjY, #indexBody .neList li { opacity: 0; -webkit-transform: translateY(8px) translateX(0); transform: translateY(8px) translateX(0); -webkit-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; } */ .animationObjX { opacity: 0; -webkit-transform: translateY(0) translateX(8px); transform: translateY(0) translateX(8px); -webkit-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; } #indexResortTxt01 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s;} #indexResortTxt02 { -webkit-transition-delay: 0.75s; transition-delay: 0.75s;} #indexResortTxt03 { -webkit-transition-delay: 1s; transition-delay: 1s;} #indexResort03Winter { -webkit-transition-delay: 0.75s; transition-delay: 0s;} #indexResort03Summer { -webkit-transition-delay: 0; transition-delay: 0.25s;} #indexResort03Stay { -webkit-transition-delay: 0.25s; transition-delay: 0.5s;} #indexResort03Spa { -webkit-transition-delay: 0.5s; transition-delay: 0.75s;} #indexBody #newsList li:nth-child(1) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s;} #indexBody #newsList li:nth-child(2) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s;} #indexBody #newsList li:nth-child(3) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s;} #indexBody #newsList li:nth-child(4) { -webkit-transition-delay: 1s; transition-delay: 1s;} #indexBody #newsList li:nth-child(5) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s;} #indexBody #eventList li:nth-child(1) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s;} #indexBody #eventList li:nth-child(2) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s;} #indexBody #eventList li:nth-child(3) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s;} #indexBody #eventList li:nth-child(4) { -webkit-transition-delay: 1s; transition-delay: 1s;} #indexBody #eventList li:nth-child(5) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s;} /*animation*//*****************************************************************************************************************************************************************************************/ /*--- pages ---*/ /*--- index ---*/ #indexMain { overflow: hidden; position: relative; margin: 0 0 30px; } #indexMain video { max-width: 100%; } #indexMainSlide { height: 200px; position: relative; z-index: 10;} #indexMainSlide li { width: 100%; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;} #indexMainSlide01 { background-image: url(images/index_slide01.jpg);} #indexMainSlide02 { background-image: url(images/index_slide02.jpg);} #indexMainSlide03 { background-image: url(images/index_slide03.jpg);} #indexMainSlide04 { background-image: url(images/index_slide04.jpg);} #indexMainSlide05 { background-image: url(images/index_slide05.jpg);} #indexMainTxt { padding: 24px; } #indexMainTxt01 { position: absolute; z-index: 10; bottom: 16px; left: 0; text-align: center; width: 100%; font-weight: bold; color: #003987; line-height: 1; font-size: 16px;font-style: italic;} #indexMainTxt01 > span { display: inline-block; border-radius: 8px; background: #A8D6E5; padding: 0.5em 1em;} /*indexResort*/ #indexResort { overflow: hidden; padding: 0 0 72px;} #indexResort01 { overflow: hidden; padding: 0 3.125% 30px; } #indexResortSub { position: relative; padding: 0 0 24px; line-height: 1.2; } #indexResortSubEn { font-size: 328.6%; color: #e3ece7; font-family: 'Rochester', cursive;}/*f92*/ #indexResortSubJp { position: absolute; top: 1.5em; left: 0; width: 100%; font-size: 142.9%; font-weight: 700; letter-spacing: 0.1em; color: #7CA08A; text-align: center; }/*fs26*/ #indexResort02 { position: relative; height: 200px; background: url(images/index_img01.jpg) 50% 0% no-repeat; background-size: cover;} #indexResort02Bg { height: 200px; background: url(images/index_img01_bg.png) 0% 100% no-repeat; background-size: 100% auto;} #indexResort02Txt01 { position: absolute; bottom: 16px; right: 3.125%; font-size: 328.6%; color: #FFF; font-family: 'Rochester', cursive; line-height: 1;} #indexResort03 { background: #CBDAD4; overflow: hidden;} #indexResort03 > div > ul { } #indexResort03 > div > ul > li { overflow: hidden; width: calc( 50% - 0.5px); float: left; margin-bottom: 1px; padding: 1em 0 0; position: relative;} #indexResort03 > div > ul > li:nth-child(2n) { float: right;} #indexResort03 > div > ul > li dt { position: absolute; top: 0; left: 0; width: 100%; padding: 3px 0 0 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; box-sizing: border-box; letter-spacing: 0.1em; font-size: 135.7%; } #indexResort03 > div > ul > li dd { padding: 8px 0; font-size: 107.1%; line-height: 1.5; background: #4F9572; color: #FFF; text-align: center; } #indexResort03Summer dt { color: #006934; } #indexResort03Winter dt { color: #036eaf; } #indexResort03Stay dt { color: #956800; } #indexResort03Spa dt { color: #845268; } /*#indexNews*/ #indexNews { overflow: hidden; padding: 0 3.125% 88px; } #indexNewsSub { overflow: hidden; padding: 0 0 32px; font-size: 221.4%; letter-spacing: 0.2em; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1; } #indexEvent { overflow: hidden; padding: 0 3.125% 88px; } /*indexSNS*/ #indexSNS { padding: 0 3.125%; margin-bottom: 30px;} #indexSNS > div > ul { } #indexSNS > div > ul > li { overflow: hidden; margin: 0 0 60px; } #indexSNS > div > ul > li:last-child { margin: 0;} #indexSNS > div > ul > li > dl > dt { text-align: center; margin: 0 0 22px;} #indexSNS > div > ul > li > dl > dd { text-align: center; } .snsWrap { width: 290px; margin: 0 auto; } .btnIndexRecruit { padding: 0 4% 24px; text-align: center;} .btnIndexCamera { padding: 0 4%; text-align: center;} .tripSales { padding: 0 3.125%; margin-bottom: 48px;} .tripSales01 { margin-bottom: 24px;} .tripSalesSub01 { text-align: center; font-weight: 700; font-size: 20px; color: #5a858f; line-height: 1.2; margin-bottom: 16px; letter-spacing: 0.1em;} .tripSales01__txt01 { margin-bottom: 16px;} .tripSales01__list01 {} .tripSales01__list01 > li { margin-left: 1em; text-indent: -1em;} .tripSales01__list01 > li:before { content: '※';} .tripSales02 {} .tripSales02__list01 { display: flex; flex-wrap: wrap; margin-bottom: 10px;} .tripSales02__list01 > li { display: flex; flex-wrap: wrap; justify-content: center; width: calc( 50% - 8px); margin: 16px 16px 0 0; border: #5a858f solid 1px; box-sizing: border-box; padding: 16px 8px; line-height: 1.2; text-align: center; font-weight: 700;} .tripSales02__list01 > li:nth-child(2n) { margin-right: 0;} .tripSales02__list01 > li:nth-child(-n + 2) { margin-top: 0;} .tripSales02__list01 > li > div { position: relative; width: 100%; padding-bottom: 32px;} .tripSales02__txt01 { margin-bottom: 16px; color: #5a858f; font-size: 18px;} .tripSales02__txt02 { margin-bottom: 16px; border-top: 1px solid #5a858f; border-bottom: 1px solid #5a858f; padding: 4px 0;} .tripSales02__txt03 { margin-bottom: 16px;} .tripSales02__txt04 { position: absolute; bottom: 0; left: 0; width: 100%;} .tripSales02__txt05 { margin-top: 16px; background: #5a858f; color: #FFF; padding: 0.5em; letter-spacing: 0.1em;} /*spa*/ #spaSec01 {} #spaSec01Wrap {} #spaSec0101 { overflow: hidden; padding: 0 3.125%; } #spaImg01 { position: relative; width: 100%; height: 240px; background: url(images/spa_img01.jpg) 50% 50% no-repeat; background-size: cover;} /*#spaImg01.stay { background: url(images/stay_main_img01.jpg) 50% 50% no-repeat; background-size: cover;}*/ #spaImg01 p { opacity: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); width: 100%; font-size: 171.4%; color: #FFF; text-align: center; text-shadow: 0 0 8px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,1); -webkit-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; }/*fs29*/ #spaSec02 { background-image: url(images/spa_img02.jpg); } /*#spaSec02.stay { background-image: url(images/stay_main_img02.jpg); }*/ #spaSec02 .parallaxImgCh p { text-align: center; color: #000;} /*#spaSec02.stay .parallaxImgCh p { color: #000; line-height: 1.2; padding:3%;font-size: 131.4%;}*/ /*#spaSec02.stay .parallaxImgCh p span.txS { font-size: 62%; display: block; margin-top: 5px;line-height: 1.8;}*/ #spaSec03 {} #spaSec0301 { overflow: hidden; padding: 48px 3.125%; box-sizing: border-box;} #spaSec0302 { overflow: hidden; padding: 20px 3.125%; background: #EEEBE6;} .spaDl01 { font-size: 107.1%; } .spaDl01 dt { float: left;} .spaDl01 dt:before { content: "●"; } .spaDl01 dt:after { content: "："; } .spaDl01 dd { overflow: hidden;} .spaDl01 dd li { display: inline-block; } .spaDl01 dd li:after { content: '、'; letter-spacing: -0.5em;} .spaDl01 dd li:last-child:after { content: ''; } #spaBtnBox { overflow: hidden; } #spaBtnBox ul { overflow: hidden; padding: 13px 0; background: #845369; color: #FFF; text-align: center; line-height: 1.2; margin: -8px 0 0;} #spaBtnBox ul li { margin: 8px 0 0; } #spaBtnBox a { display: block; padding: 12px 0; background: #BA9EAA; text-align: center; line-height: 1.2; font-size: 157.1%; color: #845268;} #spaSec04 { overflow: hidden; padding: 56px 0; } #spaSec05 {overflow: hidden; padding: 48px 3.125%; box-sizing: border-box;} #amenityUl01 { } #spaFloorGuide { } #spaFloorGuide > li { border-bottom: #787675 solid 1px; padding: 0 0 40px; margin: 0 0 40px;} #spaFloorGuide > li:last-child { border-bottom: none;} #spaFloorGuide dt { float: left; font-size: 178.6%; margin-right: 16px;} #spaFloorGuide dt span { font-size: 148%;} #spaFloorGuide dd { overflow: hidden; font-size: 135.7%; padding: 16px 0 0;} #spaPlans {} #spaPlans li { font-size: 142.9%; position: relative; float: left; width: 50%; color: #FFF; text-align: center;} .spaPlansImg {} .spaPlansImg img { color: #FFF; } .spaPlansTxt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5em 0; line-height: 1.2; background: rgba(0,0,0,0.5); } #spaPlans a { color: #FFF; } #scheY { background: #EEEBE5; overflow: hidden; clear: both; padding: 56px 0; margin: 0 0 50px; text-align: center; font-size: 142.9%;} #scheY a { display: inline-block; padding: 80px 0 0; background: url(images/spa_img08.png) 50% 0% no-repeat; background-size: 62px 63px; } /*stay*/ #staySec01 {} #staySec01Wrap {} #staySec0101 { overflow: hidden; padding: 0 3.125%; } #stayImg01 { position: relative; width: 100%; height: 240px; background: url(images/stay_img01.jpg) 50% 50% no-repeat; background-size: cover;} #stayImg01 { background: url(images/stay_main_img01.jpg) 50% 50% no-repeat; background-size: cover;} #stayImg01 p { opacity: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); width: 100%; font-size: 171.4%; color: #FFF; text-align: center; text-shadow: 0 0 8px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,1); -webkit-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; }/*fs29*/ #staySec02 { background-image: url(images/stay_main_img02.jpg); } #staySec02 .parallaxImgCh p { text-align: center; color: #000;} #staySec02 .parallaxImgCh p { color: #000; line-height: 1.2; padding:3%;font-size: 131.4%;} #staySec02 .parallaxImgCh p span.txS { font-size: 62%; display: block; margin-top: 5px;line-height: 1.8;} #staySec03 {} #staySec0301 { overflow: hidden; padding: 48px 3.125%; box-sizing: border-box;} #staySec0302 { overflow: hidden; padding: 20px 3.125%; background: #EEEBE6;} /*summer*/ #summerSec01 {} #summerSec02 { background-image: url(images/summer_pp_img01.jpg);} #summerSec02 .parallaxImgCh p { left: auto; right: 3.125%; width: auto; font-family: 'Dancing Script', cursive !important; color: #FFF; font-size: 221.4%; line-height: 1.2;}/*fs62*/ #summerSec03 {} #summerSec0301 { overflow: hidden; padding: 32px 0 0; } .summerUl01 { overflow: hidden; margin: -32px 0 0; } .summerUl01 li { width: 48.5%; float: left; margin: 32px 0 0; text-align: center; line-height: 1.2; color: #729BC9; font-family: 'Dancing Script', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;} .summerUl01 li:nth-child(2n) { float: right;} .summerUl01 li.posCen { float: left !important; margin-left: 24.25%;} .summerUl01 li dt { font-size: 178.6%; padding: 0 0 14px;} .summerUl01 li .summerUl01Txt01 { padding: 0 0 10px;} .summerTxt01 { text-align: center; font-size: 178.6%; line-height: 1.2; padding: 8px 0 0; color: #729BC9; font-family: 'Dancing Script', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;} .summerTxt01 span { display: block; font-size: 56%;} #summerSec04 {} #summerSec05 { background-image: url(images/summer_ip_img01.jpg); } #summerSec05 .parallaxImgCh p { font-size: 100%; line-height: 1.2; color: #FFF;}/*fs62*/ #summerSec05 .parallaxImgCh p #summerSec0501 { display: block; text-align: center; font-family: 'Dancing Script', cursive !important; font-size: 221.4%;}/*fs62*/ #summerSec05 .parallaxImgCh p #summerSec0502 { display: block; text-align: center; font-size: 128.6%;}/*fs23*/ #summerSec06 { padding: 32px 0 0; } #summerSec07 { background-image: url(images/summer_sr_img01.jpg); } #summerSec07 .parallaxImgCh p { font-size: 100%; line-height: 1.2; color: #231815; text-shadow: 0 0 4px rgba(255,255,255,1),0 0 4px rgba(255,255,255,1),0 0 4px rgba(255,255,255,1),0 0 4px rgba(255,255,255,1);}/*fs62*/ #summerSec07 .parallaxImgCh p #summerSec0701 { display: block; text-align: center; font-family: 'Dancing Script', cursive !important; font-size: 221.4%;}/*fs62*/ #summerSec07 .parallaxImgCh p #summerSec0702 { display: block; text-align: center; font-size: 128.6%;}/*fs23*/ #summerSec08 {} #summerSec0801 { overflow: hidden; padding-top: 32px; padding-bottom: 48px; } #summerSec09 { background-image: url(images/summer_nc_img01.jpg); text-shadow: 0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1);} #summerSec09 .parallaxImgCh p { font-size: 100%; line-height: 1.2; color: #FFF;}/*fs62*/ #summerSec09 .parallaxImgCh p #summerSec0901 { display: block; text-align: center; font-family: 'Dancing Script', cursive !important; font-size: 221.4%;}/*fs62*/ #summerSec09 .parallaxImgCh p #summerSec0902 { display: block; text-align: center; font-size: 128.6%;}/*fs23*/ #summerSec10 {} #summerSec1001 { overflow: hidden; padding-top: 32px; padding-bottom: 48px; } .summerSec11 { overflow: hidden; padding: 0 0 32px; } .summerSec11-01 { } .summerSec11-02 { } .summerSec12 { overflow: hidden; padding: 0 0 32px; } .summerSec12-01 { } .summerSec12-02 { } .summerTwoColImg { overflow: hidden;} .summerTwoColImg li { padding: 0 0 32px; } .summerTwoColImg li:last-child { padding-bottom: 0; } .summerSec11 .hTxt03, .summerSec12 .hTxt03, .summerTwoColImg .hTxt03 { padding-bottom: 32px; } .restraeuntEnlargeL { margin: 0 0 32px; text-align: center; } /*.restraeuntEnlargeR*/ .summerSec14 { overflow: hidden; padding: 0 0 32px; } .summerSec14-01 { } .summerSec14-02 { } /* #summerImg01 { } #summerImg10 { margin-bottom: 40px;}*/ /*how to play*/ .btnLink01{text-align: center;margin-top: 33px;} .btnLink01 a{background: #90b49e;padding:10px 15px;color: #fff;font-weight: normal;} /*Stay*/ .w730InL01{ width: 100%;float: left;} .w730InL01 img{width: 100%;margin-bottom: 29px;} .w730InR01{ width: 100%;float: right;} .w730InR01 dl dt{border-bottom: 1px solid #956800;padding:0 10px;box-sizing: border-box;font-size: #135.7%;color: #956800;} .w730InR01 dl dd{padding:0 10px;font-size: 92.9%;margin-bottom: 29px;} .secReservation{overflow: hidden; padding: 0 3.125%; width: 100%; box-sizing: border-box;} .secReservation p.imgIco{display: none;} .secReservation li{width: 100%;height: 80px;float: left;background-color: #956800;margin-bottom: 25px;} .secReservation li a{color: #fff;border:1px solid #fff;display: block; height: 70px;margin:1%;box-sizing: border-box;line-height: 70px;text-align: center;font-size: 118.6%;font-weight: normal;overflow: hidden;width: 98%;} .secReservation li.btn01{margin-right: 0px;} .secReservation li a span{font-size: 118.6%;} .secStayBg01{width: 100%;height: auto;padding: 48% 0 0;background: url(images/stay_img08.jpg) no-repeat center bottom;background-size: cover;margin-bottom: 20px;} .staySec01 { background-image: none; } .staySec01 { overflow: hidden; padding: 20px 3.125%; background: #EEEBE6;} .Item5 li{width: 20%;float: left;margin-bottom: 20px;} .stayList01 {} .stayList01 dt { float: left; } .stayList01 dt:after { content: "：";} .stayList01 dd { overflow: hidden; } .stayList01 dd ul { } .stayList01 dd ul li { float: left;} .stayList01 dd ul li:after { content: '/'; } .stayList01 dd ul li:last-child:after { content: ''; } .stayList01 {} .stayList01 dt { float: left; } .stayList01 dt:after { content: "：";} .stayList01 dd { overflow: hidden; } .stayList01 dd ul { } .stayList01 dd ul li { float: left;} .stayList01 dd ul li:after { content: '/'; } .stayList01 dd ul li:last-child:after { content: ''; } #staySec04 { background-image: url(images/stay_camp_img01.jpg); height: 480px;} #staySec04 .parallaxImgCh { color: #FFF;} #staySec0401 { display: block; text-align: center; font-family: 'Dancing Script', cursive !important; font-size: 221.4%;} #staySec0402 { display: block; text-align: center; font-size: 128.6%;} #staySec05 { overflow: hidden; padding-top: 32px; } /*inquiry*/ .inquiryIcoPhone{background: url(images/contact_ico01.png) no-repeat 5px 7px;padding-left: 75px;font-size: 107.1%;line-height: 1.5;} .inquiryIcoPhone span{font-size: 192.9%;letter-spacing: 0.07em;} .inquiryIcoTransportation{background: url(images/contact_ico02.png) no-repeat 5px center;padding: 10px 0 10px 75px;font-size: 157.1%;} .inquiryIcoMap{ background: url(images/contact_ico03.png) no-repeat 5px center;padding: 15px 0 7px 45px;font-size: 135.7%;margin:20px 0 10px 10px;} .secReservationIco{background: url(images/contact_ico04.png) no-repeat 5px center;padding: 10px 0 10px 75px;font-size: 157.1%;margin-bottom: 16px;} .inquiryMap iframe{width: 100%;} /*winter*/ .seasonNotice { text-align: center; font-weight: 700; font-size: 125%; padding: 0 0 24px; color: #5C8CB1;} #openTxt01 { text-align: center; width: 100%; font-weight: bold; color: #003987; line-height: 1; font-size: 16px;font-style: italic; margin-bottom: 24px;} #openTxt01 > span { display: inline-block; border-radius: 8px; background: #A8D6E5; padding: 0.5em 1em;} .winterOpenDate { padding: 0;/* background: #e6f9f5;*/} .winterOpenDateTxt01 {font-weight: 700; font-size: 150%; color: #5C8CB1;} .winterOpenDateTxt01Note {font-weight: 700; padding-bottom: 24px;} .winterOpenDateTxt02 {font-weight: 700; font-size: 150%; color: #5C8CB1;} .winterOpenDateTxt03 { padding: 16px 0 0; } .winterDate { margin-bottom: 24px; font-size: 125%; font-weight: 700; color: #63899c;} .winterDateWrap { padding: 16px; border: #92c0dd solid 1px; background: #ddebf4;} #indexMain .winterDate { padding: 16px 20px 0;} #winterBody #contentArticle { margin: 0; padding-top: 0;} #winterCS { padding: 80px 0; text-align: center; font-size: 271.4%;} .todaysCupidSubPc { display: none; } .todaysCupid { background: #93C0DD; color: #FFF; margin: -20px 0 0;} .todaysCupidTxt01 { text-align: center; font-size: 100%; padding: 16px; background: #61899C; color: #FFF; line-height: 1.2;} #todaysCupidTitle { text-align: center; font-size: 157.1%; padding: 16px 3.125%; letter-spacing: 0.3em; line-height: 1.2;} .todaysCupidSub { text-align: center; overflow: hidden; padding: 20px 3.125%; background: #DCEBF4; color: #61899C; font-weight: bold; line-height: 1.2;} .todaysCupidList > li > dl > dd { overflow: hidden; padding: 16px 3.125%; } .todaysCupidList { font-weight: bold;} .todaysCupidTime { overflow: hidden; } .todaysCupidTime li { overflow: hidden; text-align: center; margin: 0 0 16px;} .todaysCupidTime li:last-child { margin: 0;} .todaysCupidTime dl,.todaysCupidTime dt,.todaysCupidTime dd { display: inline-block;} .todaysCupidTime li dt { padding-right: 1em; font-size: 85.7%;} .todaysCupidTime li p { font-size: 114.2%; letter-spacing: 0.1em;} .todaysCupidClimate { text-align: center; } .todaysCupidClimate li { display: inline-block; padding: 0 16px; text-align: center; line-height: 1.2;} .todaysCupidClimate li dt { padding: 0 0 12px; font-size: 85.7%;} .todaysCupidClimate li dd { } .todaysCupidLift { text-align: center; width: 100%; box-sizing: border-box;} .todaysCupidLift li { display: block; float: left; width: 33%; line-height: 1.2; margin: 16px 0 0;} .todaysCupidLift li:nth-child( -n + 3 ) { margin: 0;} .todaysCupidLift li dt { font-size: 85.7%; padding: 0 0 16px;} .todaysCupidLift li dd { } .todaysCupidLiftImg { padding: 0 0 10px; } .todaysCupidLiftTxt { color: #FFFF00; font-weight: bold; font-size: 142.9%; text-shadow: 0px 0px 1px #ffff00, 0px 0px 1px #ffff00;} .todaysCupidDataHead { width: 80%; float: right; } .todaysCupidDataHead li { width: 25%; float: left; } .todaysCupidDataBody {} .todaysCupidDataBody table { width: 100%; } .todaysCupidDataBody table th,.todaysCupidDataBody table td { width: 20%; padding: 10px 0; box-sizing: border-box; line-height: 1.2;} .todaysCupidDataBody table td { text-align: center;} #winterSec01 { margin: 162px 0 0; } #winterSec02 { } #winterSlide { width: 100%; height: 66vw; overflow: hidden;} #winterSlide li { width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} #winterSlide01 { background-image: url(images/winter_slide01.jpg); } #winterSlide02 { background-image: url(images/winter_slide02.jpg);} #winterSlide03 { background-image: url(images/winter_slide03.jpg);} #winterSlide04 { background-image: url(images/winter_slide04.jpg);} #winterSlide05 { background-image: url(images/winter_slide05.jpg);} #winterSec03 {} .winterTarget { overflow: hidden; padding: 0 4% 48px; } .winterTargetNav { overflow: hidden; padding: 32px 0 0 ; margin: 0 0 34px; } .winterTargetNav li { position: relative; float: left; width: 48.5%; margin: 0 0 30px; text-align: center; font-weight: bold; line-height: 1.2; font-size: 107.1%; } .winterTargetNav li:nth-child(2n) { float: right;} .winterTargetNav li a { display: block; color: #5C8CB1;} .winterTargetNav li a:after { content: ""; display: block; position: absolute; top: 50%; left: 5%; width: 90%; height: 5px; background: #CEDCE7;} .winterTargetNav li a dt { padding: 0 0 26px; } .winterTargetNav li a dd { font-family: 'Fjalla One', sans-serif; font-weight: normal;} .winterTargetNav li a.active:after { background: #5c8cb1;} .winterTarget h2 { overflow: hidden; margin: 0 0 36px; position: relative; font-family: 'Fjalla One', sans-serif; font-weight: normal; line-height: 1.2; color: #5C8CB1; font-size: 178.6%; text-align: center; } .winterTarget h2:after { content: ""; width: 100%; height: 1px; background: #5C8CB1; position: absolute; bottom: 0.2em; left: 0; } .winterNewsNav { overflow: hidden; margin: 0 0 20px; } .winterNewsNav li { position: relative; width: 32%; float: left; margin: 0 2% 8px 0 ; text-align: center;} .winterNewsNav li:nth-child(3n) { margin-right: 0;} .winterNewsNav li a { display: block; line-height: 1.2; padding: 10px 0; box-sizing: border-box; color: #5C8CB1 !important; font-size: 107.1%; font-weight: bold;} .winterNewsNav li a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/winter-news-nav_bg.png) 0 0 no-repeat; background-size: 100% 100%; z-index: -1; opacity: 0.53;} .winterNewsNav li a.active span { opacity: 1;} .winterSub01 { position: relative; line-height: 1; margin: 0 0 20px;} .winterSub0101 { position: absolute; bottom: 37%; left: 9%; font-family: 'Fjalla One', sans-serif; font-size: 171.4%; font-weight: bold; letter-spacing: 0.5em;} .winterSub0102 { position: absolute; bottom: 10%; right: 13.48%; font-weight: bold;} #liftBnrUl {} #liftBnrUl li { float: left; width: 48%; margin: 0 0 16px;} #liftBnrUl li:nth-child(1) { width: 100%; } #liftBnrUl li:nth-child(2) { } #liftBnrUl li:nth-child(3) { float: right;} #liftBnrUl li:nth-child(4) { } #liftBnrUl li:nth-child(5) { float: right;} #liftBnrUl li:nth-child(6) { } #winterSlideNav { overflow: hidden; border: #5C8BB0 solid 4px; line-height: 1.2; text-align: center;} #winterSlideNav li { float: left; width: 50%; } #winterSlideNav li:nth-child(1) a:after { content: "◀"; display: block;} #winterSlideNav li:nth-child(2) a:after { content: "▶"; display: block;} #winterSlideNav li a { display: block; padding: 14px; color: #5C8BB0;} #winterSlideNav li a.active { color: #FFF; background: #5C8BB0;} .winterTargetNavEn { display: block; padding: 0 0 8px; font-size: 178.6%; font-family: 'Fjalla One', sans-serif; letter-spacing: 0.1em;} #winterSlideNav li a.active .winterTargetNavEn { color: #ffff00;} .winterTargetNavJp { display: block; padding: 0 0 8px; font-weight: bold;} .courseBox01 { overflow: hidden; margin: -6px 0 0; padding: 24px; border: #5C8BB0 solid 1px; border-radius: 4px; box-sizing: border-box;} .courseBox01 li { margin-left: 1.5em; text-indent: -1.5em; line-height: 1.2; margin-bottom: 16px;} .courseBox01 li:last-child { margin-bottom: 0;} .courseBox01 li:before { content: "▲ "; color: #5C8BB0;} #liverCamera {} #liverCameraImg { width: 100%; } .winterCourseList01 {} .winterCourseList01 li { overflow: hidden; clear: both; padding: 0 0 36px; } .winterCourseList01 li:last-child { padding: 0; } .winterCourseList01 li dt { margin-left: 1em; text-indent: -1em; padding: 0 0 12px;} .winterCourseList01 li dt:before { content: "□"; } .winterCourseList01 li dd {} .brandViking img { width: 66vw; } .rentalUl01 {} .rentalUl01 li { overflow: hidden; margin: 0 0 40px; } .rentalUl01 li dt { padding: 0 0 8px; text-align: center; font-size: 107.1%; font-weight: bold; color: #5C8BB0; line-height: 1.2;} .rentalUl01Img { text-align: center; padding: 0 0 14px;} .rentalTable01 { width: 100%; /*border: #010101 solid 1px;*/} .rentalTable01 th,.rentalTable01 td { padding: 5px 10px; line-height: 1.2; border: #dfdfdf solid 1px;} .rentalTable01 td:last-child, .rentalTable01 th[scope=row]:nth-child(1) { border-left: #010101 solid 1px; border-right: #010101 solid 1px;} .rentalTable01Bt { border-top: #010101 solid 1px !important;} .rentalTable01Br { border-right: #010101 solid 1px !important;} .rentalTable01Bb { border-bottom: #010101 solid 1px !important;} .rentalTable01Bl { border-left: #010101 solid 1px !important;} .rentalLogoList { text-align: center; } .rentalLogoList li { display: inline-block; padding: 8px;} .eventCont { offset-anchor: ;} .eventContSub01 { font-weight: 700; font-size: 16px; color: rgb(0, 161, 233); border-bottom: 1px solid ; margin-bottom: 18px;} .eventContDate { font-weight: 700; font-style: 16px; margin-bottom: 16px;} .schoolNav { display: flex; flex-wrap: wrap; margin-bottom: 24px; font-size: 12px;} .schoolNav > li { width: calc( 100% / 3 );} .schoolNav > li > a { display: block; width: 100%; background: #5C8BB0; font-weight: bold; color: #FFF; text-align: center; line-height: 1.2; padding: 1em 0; border-right: #FFF 1px solid; box-sizing: border-box;} .schoolNav > li:nth-child(3n) > a { border-right: none;} .schoolL01 { padding: 0 4% 40px; } .schoolR01 { padding: 0 4%; } .schoolDl01 { overflow: hidden; } .schoolDl01 dt { float: left; margin-right: 1em;} .schoolDl01Dt01 { width: 100%; margin-right: 0; float: none;} .schoolDl01 dd { overflow: hidden; position: relative; padding-left: 1em;} .schoolDl01 dd:before { content: "・"; display: block; position: absolute; top: 0; left: 0;} .schoolDl02 { overflow: hidden; } .schoolDl02 dt { font-weight: bold;} .schoolDl02Dt01 {} .schoolDl02 dd { padding-left: 1em; font-size: 12px; margin-bottom: 1em;} .schoolDl02 dd:before { } .schoolFirstLesson { position: relative; border: #89B076 solid 1px; margin-top: 64px;} .schoolFirstLesson dt { font-size: 171.4%; color: #89B076; font-weight: bold; text-align: center; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0);} .schoolFirstLesson dt span { display: inline-block; background: #FFF; padding: 0 0.5em; line-height: 1.2;} .schoolFirstLesson dd { padding: 16px; color: #40210F; font-weight: bold; -webkit-transform: translateY(-20px) translateX(0); transform: translateY(-20px) translateX(0);} /*#schoolImg04 { position: absolute; top: -106px; left: 106px; width: 209px;}*/ .winterRestrauntTxt01Pare { overflow: hidden; padding: 18px 0; margin: 0 0 20px; border-top: #6692B5 solid 1px; border-bottom: #6692B5 solid 1px; } .winterRestrauntTxt01 { overflow: hidden; padding: 0 4%; color: #5C8BB0; font-weight: 107.1%; line-height: 1.2;} .winterRestrauntTxt01 li { margin: 0 0 16px; font-size: 107.1%;} .winterRestrauntTxt01 li:last-child { margin: 0; } .winterRestrauntTxt01 dt { text-indent: -0.5em; padding: 0 0 8px;} .winterRestrauntTxt01 dd { } .winterRestrauntImg01 { vertical-align: bottom; line-height: 0; margin: 0 0 14px;} .winterRestrauntImg01 li { } .winterRestrauntImg01 img { display: block; } .winterRestrauntImg02 { overflow: hidden; } .winterRestrauntImg02 li { float: left; width: 50%; } .winterRestrauntImg02 img { display: block; width: 100%; } .winterRestrauntImg03 { overflow: hidden; } .winterRestrauntImg03 li { float: left; width: 48.5%; text-align: center; margin: 0 0 20px; color: #6A3906;} .winterRestrauntImg03 li:nth-child(2n) { float: right;} .winterRestrauntImg03 li:nth-child(2n+1) { clear: left;} .winterRestrauntImg03 img { display: block; width: 100%; } .winterRestrauntImg03Img { margin: 0 0 20px; } .winterRestrauntImg03Txt {} .winterRestrauntBtn { display: inline-block; line-height: 1.2; padding: 10px 30px; background: #df9480; color: #FFF !important; font-size: 92.9%;} .restrauntPaymentStep { display: flex; flex-wrap: wrap; margin-bottom: 24px;} .restrauntPaymentStep > li { width: calc( (100% - 16px)/3 ); margin: 8px 8px 0 0;} .restrauntPaymentStep > li:nth-child( -n + 3 ) { margin-top: 0;} .restrauntPaymentStep > li:nth-child( 3n ) { margin-right: 0;} .winterRestrauntTimeDl > dt { font-weight: bold; text-indent: -0.5em; } .winterRestrauntTime { margin-bottom: 24px; } .winterRestrauntTime dl { display: flex; flex-wrap: wrap; width: 100%;} .winterRestrauntTime dl dt { width: 8em;} .winterRestrauntTime dl dd { width: calc( 100% - 8em);} .winterRestrauntMenu01 { border-bottom: #CCC 1px dotted; padding: 0 0 24px; margin: 0 0 24px;} .winterRestrauntMenuList01 { line-height: 1.2; display: flex; flex-wrap: wrap;} .winterRestrauntMenuList01 > li { width: calc( (100% - 16px)/2); margin: 16px 16px 0 0;} .winterRestrauntMenuList01 > li:nth-child( -n + 2 ) { margin-top: 0;} .winterRestrauntMenuList01 > li:nth-child( 2n ) { margin-right: 0;} .winterRestrauntMenuListPrice01 { } .winterRestrauntMenuListPrice01 dt { position: relative;} .winterRestrauntMenuListPrice01 dt.toGo { text-indent: -1em; margin-left: 1em;} .winterRestrauntMenuListPrice01 dd { padding-top: 8px; text-align: right;} .toGo { text-indent: -1em; margin-left: 1em;} .winterRestrauntMenuListPrice01Comment { display: inline-block; background: #44a0e3; color: #FFF; border-radius: 8px; line-height: 1.2; padding: 4px 8px; margin-bottom: 8px;} /*blanc Neige*/ .winterTarget#blancNeige { padding-left: 0; padding-right: 0; } #blancNeigeBody { background: url(images/blanc-neige_bg_sp_body.jpg) 50% 0 no-repeat; background-size: cover; color: #FFF;} #blancNeigeSub01 { padding: 6px 0 1px; text-align: center;} #blancNeigeSub02 { margin: 0 0 18px !important; } #blancNeigeSub02:after { content: "" !important; display: none !important; } .blancNeigeSec01 { padding-left: 12%; padding-right: 12%; } #blancNeigeTime { width: 35%; line-height: 1.2; margin: 0 0 0 9px; float: left;} #blancNeigeFigure01 { width: 52.8%; float: left; margin-left: 22px;} .blancNeigeImgList01 { overflow: hidden; clear: both; padding: 16px 0 0; } .blancNeigeImgList01 li { float: left; width: 45.7%; margin-bottom: 14px;} .blancNeigeImgList01 li:nth-child(1) { margin-right: 8.6%; } .blancNeigeImgList01Img { margin-bottom: 2px; } .blancNeigeImgList01Txt { font-size: 85.7%; line-height: 1.2; text-align: right;} .blancNeigeImgList01 li:nth-child(2) .blancNeigeImgList01Txt { letter-spacing: -0.1em;} .blancNeigeImgList01 li:nth-child(3) { width: 100%; text-align: right; background: url(images/blanc-neige_figure02.png) 0 50% no-repeat; background-size: 45% auto;} .blancNeigeImgList01 li:nth-child(3) img { width: 45.7%;} .blancNeigeImgList02 { overflow: hidden; clear: both; padding: 0 0 50px; } .blancNeigeImgList02 li { float: left; width: 30%; margin: 0 5% 14px 0;} .blancNeigeImgList02 li:nth-child(3n) { margin-right: 0; } .blancNeigeImgList02Img { margin-bottom: 2px; } .blancNeigeImgList02Txt { font-size: 71.4%; line-height: 1.2; text-align: right;} .blancNeigeImgList02 li:nth-child(7) .blancNeigeImgList02Txt { letter-spacing: -0.15em;} #blancNeigeSub03 { margin: 0 0 32px !important; } .blancNeigeSec02 { overflow: hidden; padding-left: 6%; padding-right: 6%; } .blancNeigePrice01 { /*font-size: 85.7%;*/ } .blancNeigePrice01 li { overflow: hidden; } .blancNeigePrice01 li dt { float: left; width: calc( 100% - 3em ); letter-spacing: -0.05em;} .blancNeigePrice01 li dd { overflow: hidden; width: 3em; text-align: right;} .blancNeigePrice01 li.blancNeigePrice0101 dt { width: calc( 100% - 6em );} .blancNeigePrice01 li.blancNeigePrice0101 dd { width: 6em;} /*uchiyama*/ #uchiyamaBody { position: relative; } #uchiyamaBg {} #uchiyamaSub01 { position: absolute; top: 18px; left: 0; text-align: center;} #uchiyamaSub01:after { content: none; display: none; } #uchiyamaSub01 img { width: 86%;} #uchiyamaList01 { overflow: hidden; padding: 8px 0 48px;} #uchiyamaList01 li { float: left; width: 33%; } #uchiyamaList01 li:nth-child(1) {} #uchiyamaList01 li:nth-child(2) {} #uchiyamaList01 li:nth-child(3) {} #uchiyamaList01 li:nth-child(4) { clear: left; } #uchiyamaList01 li:nth-child(5) {} #uchiyamaList01 li:nth-child(6) {} /*privacy policy*/ .privacyDl { line-height: 2; } .privacyDl dt { text-indent: -0.5em; font-size: 114.3%; font-weight: bold;} .privacyDl dd { padding-left: 2em; padding-bottom: 32px;} .privacyDl dd li { margin-left: 2.5em; text-indent: -2.5em;} /*.privacyDl dd li { list-style: decimal; margin-left: 1em;}*/ /*blog*/ #blogWrap { overflow: hidden; padding-left: 3.125%; padding-right: 3.125%; padding-bottom: 80px;} .eyeCatch { padding: 0 0 30px; margin-top: -40px; text-align: center;} .eyeCatch img { max-width: 100%; width: auto; max-height: 300px;} .blogTitle { overflow: hidden; padding: 0 0 16px; text-align: center; color: #717071; font-size: 200.0%; line-height: 1.2; } .blogDate { overflow: hidden; padding: 0 0 20px; text-align: center; color: #717071; font-size: 114.2%; line-height: 1.2; } .blogBody { font-size: 107.1%; } .blogBody p { padding-bottom: 1.6em;} .pagerPare { text-align: center; overflow: hidden; padding: 64px 0 0;} #prevPagePare { padding: 0 4.5% 32px; clear: both;} .toIndex { text-align: center; overflow: hidden; padding: 32px 0 0;} .singlePager { overflow: hidden; padding: 64px 0 0; clear: both;} .singlePager .prev { float: left; } .singlePager .next { float: right; } .toList { text-align: center; margin-top: -1.6em;} .wp-pagenavi { clear: both; text-align: center;} .wp-pagenavi a, .wp-pagenavi span { display: inline-block; text-decoration: none; padding: 0.2em 0.5em !important; margin: 2px; background: #FFF; color: #595757; border: #A7A6A6 solid 1px;} .wp-pagenavi a:hover, .wp-pagenavi span.current { background: #EEEBE5;} .wp-pagenavi span.current { font-weight: bold;} /*single*/ .singleWrapper { overflow: hidden; padding: 40px 4%; box-sizing: border-box;} .singleSec01 { overflow: hidden;} .singleSec0101 { overflow: hidden; padding: 0 20px; } .recruitDl01 { color: #5C8BB0;} .recruitDl01 > li { overflow: hidden; padding: 0 0 32px; line-height: 2.28;} .recruitDl01 > li:last-child { padding: 0; } .recruitDl01 > li dt { font-weight: bold; font-size: 107.1%;} .recruitDl01 > li dd { padding: 0 0 0 1em;} .recruitList01 { padding: 8px 0 0;} .recruitList01 li { position: relative; padding-left: 1em; margin-bottom: 12px; line-height: 1.4;} .recruitList01 li:last-child { margin-bottom: 0;} .recruitList01 li:before { content: '▶'; position: absolute; top: 0; left: 0; font-size: 14px; } .recruitList02 { padding: 8px 0 0;} .recruitList02 li { position: relative; padding-left: 1.5em; margin-bottom: 12px; line-height: 1.4;} .recruitList02 li:last-child { margin-bottom: 0;} .recruitList02 li:before { content: '◯'; position: absolute; top: 0; left: 0; font-size: 14px; } .recruitSub01 { margin: 0 0 40px; position: relative; text-align: center; line-height: 1.2; font-size: 157.1%; font-weight: bold;} .recruitSub01:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 4px; background: #5C8BB0; } .recruitSub01 span { position: relative; padding: 0 14px; z-index: 10; background: #FFF; color: #5C8BB0;} .recruitSub02 { overflow: hidden; padding: 12px; margin: 0 0 18px; line-height: 1.2; background: #92BFDC; color: #FFF; text-align: center; font-size: 107.1%; font-weight: bold;} .recruitBtn01 {} .recruitBtn01 a { display: inline-block; padding: 12px 24px; line-height: 1.2; background: #F2D9DF; color: #E5006C; font-weight: bold; font-size: 107.1%;} .recruitDl02 { font-size: 121.4%; font-weight: bold;} .recruitDl02 dt {} .recruitDl02 dd {} .recruitSub03 { border-bottom: #5C8BB0 solid 2px; } .recruitBox01 { overflow: hidden; padding: 12px; border: #92BFDC solid 1px; text-align: center; font-size: 128.6%; font-weight: bold;} .formTable02 { width: 100%; margin-bottom: 12px;} .formTable02 th,.formTable02 td { display: block; padding: 8px 0; box-sizing: border-box;} .formTable02 th { font-size: 85.7%; } .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;} .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: 85.7%; 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;} .passMarket { text-align: center; } .passMarket dt { font-size: 16px; font-weight: 700; margin-bottom: 16px;} .passMarket dd {} /*--- parallax ---*/ .parallaxCon { width: 100%; position: relative; box-sizing: border-box;} header.parallaxCon { position: fixed;} .parallaxImg { width: 100%; height: 240px; background-position: center center; background-size: cover; background-repeat: no-repeat; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .parallaxImgCh p { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); width: 100%; font-size: 171.4%; box-sizing: border-box;} .parallaxImgChEl { position: absolute;} /* notFound */ #notFoundSec { padding: 48px 0 64px;} /* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 600px ) { #indexBody { padding-top: 142px;} #winterCommingSoonTXt { position: relative; width: 100%; height: calc( 100vh - 180px ); } #winterCommingSoonTXt > div { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center; color: #00518B;} #winterCommingSoonTXt > div > p:nth-child(1) { padding: 0 0 16px; font-style: italic; font-size: 125%;} #winterCommingSoonTXt > div > p:nth-child(2) { font-style: italic; font-size: 300%; } } /* Tablet向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 600px ) { body { min-width: 1000px; } #winterSlide { height: 240px; } #winterSec01 { margin: 180px 0 0; } #stayImg01 { height: 480px;} #stayImg01 p { opacity: 1; } #spaImg01 { height: 480px;} .pcaC { text-align: center; } #winterCommingSoon { width: 100%; height: calc( 100vh - 180px ); background: url(images/winter_coming-soon-bg.jpg) 50% 50% no-repeat; background-size: cover; } #winterCommingSoon a { display: block; position: absolute; top: 15%; left: 50%; transform: translateY(0) translateX(-100%);} #winterCommingSoonTXt { position: relative; width: 100%; height: calc( 50vh ); } #winterCommingSoonTXt > div { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center; color: #00518B;} #winterCommingSoonTXt > div > p:nth-child(1) { padding: 0 0 16px; font-style: italic; font-size: 125%;} #winterCommingSoonTXt > div > p:nth-child(2) { font-style: italic; font-size: 300%; } } /* PC向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 1001px ) { #winterSlide { height: 100vh;} #winterSec01 { margin: 0; } #stayImg01 { height: 100vh;} #spaImg01 { height: 100vh;} /*--- parallax ---*/ .parallaxCon { position: fixed; width: 100%; min-width: 1000px; z-index: 110; background-color: #FFF;} .parallaxImg { padding: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 50; display: flex; flex-wrap: wrap; align-items: center;} .parallaxImgCh { width: 100%; } .parallaxImgCh p { font-size: 207.1%;} .parallaxImgChEl { position: absolute;} } /* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 600px ) { /*--- header ---*/ header { position: relative; height: 180px; overflow: hidden;} #contentBody header { margin-bottom: 20px; } #winterBody header { margin-bottom: 20px; } #header01 { padding: 0; width: 100%; height: 110px;} #headerBg01 { width: 387px; height: 195px; top: 5px; left: 50%; margin-left: -575px; z-index: 1001;} #header01C { width: 960px; height: 180px; margin: 0 auto; z-index: 1002;} #logo { overflow: hidden; padding: 0; position: absolute; top: 46px; left: 10px;} #logo img { width: 136px;} #leadTxt { position: absolute; top: 74px; left: 10px; padding: 0;} #title { position: absolute; top: 42px; left: 0; margin: 0; width: 100%; font-size: 407.1%;} #title:after { } /*#headerResv { position: fixed; top: 20px; left: 50%; clear: both; overflow: hidden; margin: 0 0 0 324px; text-align: center; }*/ #headerResv { position: absolute; top: -90px; right: 30px; clear: both; overflow: hidden; margin: 0 0 16px; text-align: center; } #headerResv a { display: block; padding: 27px 0 8px; background: url(images/header_reserv_bg.png) 50% 0 no-repeat; line-height: 1.6;} #glNav { position: relative; z-index: 2000; } #glNav dt { display: none;} #glNav dt span { } #glNav dt span:nth-child(1) { } #glNav dt span:nth-child(2) { } #glNav dt span:nth-child(3) { } #glNav dt.active span:nth-child(1) { } #glNav dt.active span:nth-child(2) { } #glNav dt.active span:nth-child(3) { } /*#glNav dd { display: none; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform: translateY(100%) translateX(0); transform: translateY(100%) translateX(0); z-index: 1000;}*/ #glNav dd { display: block; position: relative; top: auto; left: auto; width: 960px; margin: 0 auto; background: transparent;} nav ul { margin: 0; z-index: 1003; text-align: center;} nav ul li { width: auto; float: none; margin: 0; border-bottom: none;} nav ul li:nth-child(2n) { border-left: none;} nav ul li a { height: 70px; } /* _::-webkit-full-page-media, _:future, :root nav ul li a { font-weight: normal; } */ nav ul li a span { position: relative; top: auto; left: auto; -webkit-transform: translateY(0%) translateX(0); transform: translateY(0%) translateX(0); padding: 26px 20px 0;} nav ul li a:link,nav ul li a:visited {} nav ul li a:active,nav ul li a:hover {} #fixedNav { display: none; min-height: 70px; position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.75); width: 100%; z-index: 11000;} #fixedNav #glNav { font-size: 85.7%;} #fixedNav #glNav nav ul { text-align: left;} #fixedNav #glNav dd { width: 960px; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-weight: 300;} #fixedNav #headerResv { position: absolute; top: 0px; right: 30px; clear: both; overflow: hidden; margin: 0 0 16px; text-align: center; } #fixedNav nav ul li a span { padding: 26px 0 0; text-align: center;} #fixedNav #glNav01 { width: 80px; } #fixedNav #glNav03 { width: 143px; } #fixedNav #glNav04 { width: 105px; } #fixedNav #glNav05 { width: 100px; } #fixedNav #glNav06 { width: 72px; } #fixedNav #glNav07 { width: 65px; } #fixedNav #glNav02 { width: 155px; } #fixedNav #glNav08 { width: 90px; } .englishLink { position: fixed; top: 16px; right: 16px; z-index: 11001;} /*--- footer ---*/ footer { padding: 23px 0 48px;} #footerWrapper { width: 940px; margin: 0 auto; } #footerTitle { margin: 0 0 2px;} #footerLogo { padding: 0 0 26px;} #footerLogo img { } .footerInfo { padding: 0 0 10px; border-bottom: #A7A6A6 solid 1px;} .footerInfoIcon { margin: 0 0 13px;} /*footerInfo01*/ #footerInfo01 { width: 290px; float: left;} #footerInfo01Logo { margin: 0 0 24px; padding: 6px 0 0;} #footerInfo01Logo img { } #footerInfo01Tel { padding: 0 0 4px;} #footerInfo01Tel a { } #footerInfo01Txt01 { padding: 0 0 10px;} #footerInfo01Txt02 { } /*footerInfo02*/ #footerInfo02 { width: 390px; float: left; margin-left: 20px;} #footerInfo02Map { padding: 0 0 14px; text-align: center;} #footerInfo02Txt01 {} /*footerInfo03*/ #footerInfo03 { width: 220px; float: right; font-size: 85.7%;} #footerInfo03Ul01 { padding-top: 28px; } #footerInfo03Ul01 li {} #footerInfo03Ul01 li:before {} #footerInfo03Txt01 { } /*footerLinkSec*/ #footerLinkSec { clear: both; padding: 48px 0 0;} #footerLinkUl {} #footerLinkUlLi01 { float: left; width: 690px; } #footerLinkUl01 { float: left; padding-right: 16px;} #footerLinkUl02 { } #footerLinkUlLi02 { float: right; width: 250px; } #footerLinkUl > li > dl > dt { padding-bottom: 4px;} #footerLinkUl > li > dl > dd { } #footerLinkUl > li > dl > dd > ul { } #footerLinkUl > li > dl > dd > ul > li { } #footerLinkUl > li > dl > dd > ul > li:last-child { } #footerLinkUl > li > dl > dd > ul > li:before { } #footerLinkUl02 { } #footerLinkUl > li#footerLinkUlLi02 > dl > dt {} #footerLinkUl > li#footerLinkUlLi02 > dl > dt img { } small { clear: both;} #bnrs { padding: 48px 0 80px; width: 960px; margin: 0 auto; justify-content: flex-start; } #bnrs > li { width: 200px; margin: 16px 16px 0 0;} #bnrs > li:nth-child( -n + 2 ) { margin-top: 16px; } #bnrs > li:nth-child( 2n ) { margin-right: 16px; } #bnrs > li:nth-child( -n + 4 ) { margin-top: 0; } #bnrs > li:nth-child( 4n ) { margin-right: 0; } #bnrs > li a { } /*--- general ---*/ .pageTitle { line-height: 1.2;} .hTxt01 {} .hTxt02 {} .hTxt03 { overflow: hidden; padding: 0 0 16px; color: #729BC9; text-align: center; line-height: 1; font-family: 'Dancing Script', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;} .hTxt03En { display: block; font-size: 235.7%;} .hTxt03Jp { display: block; font-size: 114.3%; padding: 12px 0 0;} .hTxt04 { line-height: 1.2; padding: 6px 0; margin: 0 0 8px; border-top: #90B49E solid 1px; border-bottom: #90B49E solid 1px; text-align: center;} .hTxt04 span { display: inline-block; padding: 0.32em 0 0.32em 2.9em; background-size: auto 1.64em;} .iconSun { background: url(images/icon_sun_gn.png) 0 50% no-repeat; } .iconMoon{ background: url(images/icon_moon_gn.png) 0 50% no-repeat; } .hTxtHasIcon { } .hTxtHasIconEn { padding-bottom: 4px; } .hTxtHasIconJp {} .hTxtHasIconBg {} #campTitle { width: 444px; margin-left: auto; margin-right: auto;} #campTitleBg01 { min-height: 117px; background: url(images/summer_camp_sub0101.png) 0 0 no-repeat; background-size: auto 117px;} #campTitleBg01 .hTxtHasIconEn { padding-top: 54px; } #campTitleBg02 { min-height: 117px; background: url(images/summer_camp_sub0102.png) 85% 0 no-repeat; background-size: auto 117px;} #ipTitle { width: 320px; margin-left: auto; margin-right: auto;} #ipTitleBg01 { min-height: 88px; background: url(images/summer_ip_sub0101.png) 0% 0 no-repeat; background-size: auto 88px;} #ipTitleBg01 .hTxtHasIconEn { padding-top: 26px; } #ipTitleBg01 .hTxtHasIconJp { letter-spacing: 0.5em;} #ipTitleBg02 { min-height: 88px; background: url(images/summer_ip_sub0102.png) 100% 0 no-repeat; background-size: auto 88px;} #srTitle { width: 320px; margin-left: auto; margin-right: auto;} #srTitleBg01 { min-height: 79px; background: url(images/summer_sr_sub0101.png) 10% 0 no-repeat; background-size: auto 79px;} #srTitleBg01 .hTxtHasIconEn { padding-top: 16px; } #srTitleBg01 .hTxtHasIconJp { letter-spacing: 0.5em;} #srTitleBg02 { min-height: 79px; background: url(images/summer_sr_sub0102.png) 90% 0 no-repeat; background-size: auto 79px;} #ncTitle { width: 600px; margin-left: auto; margin-right: auto;} #ncTitleBg01 { min-height: 103px; background: url(images/summer_nc_sub0101.png) 10% 0 no-repeat; background-size: auto 103px;} #ncTitleBg01 .hTxtHasIconEn { padding-top: 32px; } #ncTitleBg02 { min-height: 103px; background: url(images/summer_nc_sub0102.png) 100% 0 no-repeat; background-size: auto 103px;} .summerCampSec01 { overflow: hidden; clear: both; padding-left: 0; padding-right: 0; padding-bottom: 52px; width: 884px; margin: 0 auto;} .summerCampSec01Pt02 { padding-bottom: 72px; } .summerCampSec01Ch { overflow: hidden; position: relative; width: 288px; float: left; margin-right: 10px;} .summerCampSec01Ch:nth-child(3n) { float: right; margin-right: 0; } #summerCampSec01Ch01 {} #summerCampSec01Ch02 {} #summerCampSec01Ch03 { } #summerCampSec01Ch04 { } #summerCampSec01Ch05 { } #summerCampSec01Ch06 { } .summerCampSec01ChBox { min-height: 137px; box-sizing: border-box; padding-left: 0; padding-right: 0; margin-bottom: 0;} .summerCampSec01Pt02 .summerCampSec01ChBox { min-height: 126px;} #summerCampSec01Ch01 .summerCampSec01ChBox { } #summerCampSec01Ch01Txt { } #summerCampSec01Ch02 .summerCampSec01ChBox {} #summerCampSec01Ch03 .summerCampSec01ChBox {} #summerCampSec01Ch03 ul { padding-left: 24px;} #summerCampSec01Ch03 dt { } #summerCampSec01Ch03 dd { } #summerCampSec01Ch04 .summerCampSec01ChBox {} #summerCampSec01Ch05 .summerCampSec01ChBox {} #summerCampSec01Ch06 .summerCampSec01ChBox {} .summerCampIcon { } #summerCampIcon01 {} #summerCampIcon02 {} #summerCampIcon03 {} #summerCampIcon04 { } #summerCampSec01Ch04Txt01 { left: 10px;} #summerCampIcon05 {} #summerCampIcon06 {} .summerCampSec01Note { overflow: hidden; clear: both; padding: 8px 0 0; text-align: center;} .summerCampSec01Note li { margin-left: 0; text-indent: 0; display: inline-block;} #summerCampSec02 { padding-left: 0; padding-right: 0; width: 940px; margin: 0 auto;} #summerCampSec02 ul { overflow: hidden;} #summerCampSec02 ul li { float: left; width: 220px; margin: 0 20px 0 0;} #summerCampSec02 ul li:nth-child(2n) { float: left;} #summerCampSec02 ul li:nth-child(4n) { float: left; margin-right: 0;} #summerCampSec03 { padding-left: 0; padding-right: 0; width: 900px; margin: 0 auto;} #summerCampSec0301 { overflow: hidden; padding: 0 0 0 160px; background: url(images/summer_camp_icon07.png) 0 50% no-repeat; } #summerCampSec0302 { overflow: hidden; padding: 0 70px 0 0; background: url(images/summer_camp_icon08.png) 100% 50% no-repeat; } #fatTitleBg01 { width: 643px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/summer_fat_sub0101_pc.png) 0 0 no-repeat;} #fatTitleBg01 .hTxtHasIconJp { } #fatTitleBg01 .hTxtHasIconJp span { } #fatTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #182980; font-size: 200.0%;} #fatTitleBg02 { padding: 36px 0 12px; background: url(images/summer_fat_sub0102_pc.png) 100% 0 no-repeat;} #bgTitleBg01 {width: 643px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/summer_bg_sub0101_pc.png) 0 0 no-repeat;} #bgTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #006934; font-size: 178.6%; font-weight: bold;} #bgTitleBg01 .hTxtHasIconJp span { color: #e98d00;} #bgTitleBg01 .hTxtHasIconEn { padding-top: 6px; color: #006934; font-size: 200.0%;} #bgTitleBg02 { padding: 36px 0 12px; background: url(images/summer_bg_sub0102_pc.png) 100% 0 no-repeat; background-size: auto;} #concerttTitleBg01 { width: 643px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/summer_concert_sub0101_pc.png) 0 0 no-repeat;} #concerttTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #006934; font-size: 178.6%; font-weight: bold;} #concerttTitleBg01 .hTxtHasIconJp span { color: #e05513;} #concerttTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #006934; font-size: 200.0%;} #concerttTitleBg02 { padding: 36px 0 12px; background: url(images/summer_concert_sub0102_pc.png) 100% 0 no-repeat; background-size: auto;} #barTitleBg01 { width: 643px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/summer_bar_sub0101_pc.png) 0 0 no-repeat;} #barTitleBg01 .hTxtHasIconJp { letter-spacing: 0; color: #006934; font-size: 178.6%; font-weight: bold;} #barTitleBg01 .hTxtHasIconJp span { color: #e05513;} #barTitleBg01 .hTxtHasIconEn { padding-top: 12px; color: #006934; font-size: 200.0%;} #barTitleBg02 { padding: 36px 0 12px; background: url(images/summer_bar_sub0102_pc.png) 100% 0 no-repeat; background-size: auto;} #specialMenuTitleBg01 { width: 643px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/summer_special-menu_sub0101_pc.png) 0 0 no-repeat;} #specialMenuTitleBg01 .hTxtHasIconJp { letter-spacing: 0; font-size: 178.6%; font-weight: bold;} #specialMenuTitleBg01 .hTxtHasIconJp span { } #specialMenuTitleBg01 .hTxtHasIconEn { padding-top: 12px; font-size: 200.0%;} #specialMenuTitleBg02 { padding: 36px 0 12px; background: url(images/summer_special-menu_sub0102_pc.png) 100% 0 no-repeat; background-size: auto;} .specialMenuList { float: left; width: 50%; padding-right: 10px; box-sizing: border-box;} .specialMenuList.specialMenuListR { padding-left: 10px;} .specialMenuList li { overflow: hidden; clear: both; line-height: 1.2; padding: 0 0 1em;} .specialMenuList dt { float: left; width: calc( 100% - 6em ); margin-right: 2em; } .specialMenuList dd { overflow: hidden; } #jpTitleBg01 { width: 643px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/summer_journey-play_sub0101_pc.png) 0 0 no-repeat;} #jpTitleBg01 .hTxtHasIconJp { letter-spacing: 0; font-size: 178.6%; font-weight: bold;} #jpTitleBg01 .hTxtHasIconJp span { } #jpTitleBg01 .hTxtHasIconEn { padding-top: 12px; font-size: 200.0%;} #jpTitleBg02 { padding: 36px 0 12px; background: url(images/summer_journey-play_sub0102_pc.png) 100% 0 no-repeat; background-size: auto;} #sfTitleBg01 { width: 643px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/summer_slow-food_sub0101_pc.png) 0 30px no-repeat;} #sfTitleBg01 .hTxtHasIconJp { letter-spacing: 0; font-size: 178.6%; font-weight: bold;} #sfTitleBg01 .hTxtHasIconJp span { } #sfTitleBg01 .hTxtHasIconEn { padding-top: 12px; font-size: 200.0%;} #sfTitleBg02 { padding: 138px 0 12px; background: url(images/summer_slow-food_sub0102_pc.png) 100% 0 no-repeat; background-size: auto;} #shinetsuTitleBg01 { width: 643px; margin-left: auto; margin-right: auto; padding: 0; background: url(images/summer_shinetsu-trail_sub0101_pc.png) 0 0 no-repeat;} #shinetsuTitleBg01 .hTxtHasIconJp { letter-spacing: 0; font-size: 178.6%; font-weight: bold;} #shinetsuTitleBg01 .hTxtHasIconJp span { } #shinetsuTitleBg01 .hTxtHasIconEn { padding-top: 12px; font-size: 200.0%;} #shinetsuTitleBg02 { padding: 36px 0 12px; background: url(images/summer_shinetsu-trail_sub0102_pc.png) 100% 0 no-repeat; background-size: auto;} .hTxtCircle { } .hTxtCircle01 { } .hTxtCircleEn { } .hTxtCircleJp { } .localNav { overflow: hidden; margin: -16px auto 40px; width: 930px; display: flex; flex-wrap: wrap; justify-content: center;} .localNav li { margin: 16px 0 0; width: 186px;} .localNav li:nth-child(2n) { float: left;} .localNav li.posCen { margin-left: 0;} .localNav a { } .localNavTxt { } .localNavEn { } .localNavjp { } #contentArticle { margin: 0; padding: 0;} .neTitle { } .neTitleJp { } .neTitleEn { } #newsTilte { } #eventTilte { } .neWrap { } #indexBody .neWrap { } .neList { width: 960px; display: flex; flex-wrap: wrap; justify-content: center;} #indexBody .neList {} .neList li { overflow: hidden; width: 184px; float: none; margin: 40px 5px 0; background: #F4F1E5;} #indexBody .neList li { width: 184px; float: left; margin: 40px 5px 0;} .neList li:nth-child(5n) { margin: 40px 5px 0;} .neListImg { width: 100%; height: 120px; overflow: hidden;} .neListImg img { width: 100%; } .neList li dl { overflow: hidden; padding: 16px 10px; } .neList li dt, .neListTitle {} .neList li dd {} .neListDate { } #infoMore { } #infoMore a { } #infoMore a:after { } #infoMore a:hover { } #infoMore a:hover:after { } .rsvBox01 { width: 430px; margin: 0 auto; } .rsvBox01Txt01 { } .rsvBox01 a { padding: 24px 8px 20px 108px; text-align: left; background: #90B49E url(images/icon_tent01.png) 8px 8px no-repeat; background-size: 85px 55px;} .rsvBox01Txt02 { display: inline-block; padding: 0 0 4px; } .rsvBox01 .rsvBox01Txt04 { letter-spacing: -0.5em; } .secL01 { overflow: hidden; float: left; width: 498px; padding-bottom: 48px;} .secR01 { overflow: hidden; float: right; width: 498px; padding-bottom: 48px;} .rsvDl {} .rsvDl dt { font-size: 48px; margin-bottom: 16px;} .rsvDl dd { } .rsvDl dd iframe {} .rsvCampRsv { display: flex; flex-wrap: wrap; justify-content: space-between; } .rsvCampRsv > li { width: calc( (100% - 24px)/2 ) ;margin-bottom: 0; padding-bottom: 4px; } .spPRL { overflow: hidden; padding-left: 0; padding-right: 0;} .dlPt01 {} .dlPt01 > dt { } .dlPt01 > dt:after { } .dlPt01 > dd { } .slashList {} .slashList li { } .slashList li:after { } .middotList01 { overflow: hidden; margin-top: 0; } .middotList01 li { margin-left: 1em; text-indent: -1em; margin-top: 8px;} .middotList01 li:before { content: '・'; } .iconList01 {} .iconList01 li {} .iconList01 li:first-child {} .iconList01 li dt { } .iconList01 li dd { } .iconList02 {} .iconList02 li { padding: 40px 0 0; } .iconList02 li:first-child { } .spaNote { padding: 48px; margin: 48px 0 64px; } .spaNote dt { padding: 0 0 32px; font-size: 200.0%;} .spaNote dd { text-align: center; font-size: 128.6%;} .twoColImg { margin: -2px 0 0; } .twoColImg li { margin: 2px 0 0; float: left; padding-right: 2px; width: 500px; box-sizing: border-box;} .twoColImg li:nth-child(2n) { margin: 2px 0 0; float: right; padding-right: 0; padding-left: 2px;} .threeColImgUl { overflow: hidden; margin: -0px 0 0; } .threeColImgUl li { float: left; width: 320px; margin: 0px 10px 0 0; text-align: center;} .threeColImgUl li:nth-child(3) { margin: 0;} .autoScrollImgs {} .autoScrollImgs li { margin: 0 5px; } .table04 { } .table04.liftTable01 { width: 1020px;} .table04 th,.table04 td { padding: 16px 48px;} .table04.liftTable01 > tbody > tr > th,.table04.liftTable01 > tbody > tr > td { width: 33%; padding: 16px 24px;} .table04.fwB th,.table04.fwB td { } .table04.fwB td:last-child { } .table04 th[scope=row] { } .table04.liftTable01 > tbody > tr > td { text-align: left;} .table04.liftTable01 > tbody > tr > th[scope=row] { text-align: center;} .table05 { width: 100%; } .table05 th,.table05 td { padding: 6px 0 !important; border: none; line-height: 1.2; text-align: left; vertical-align: middle;} .table05 th { padding-right: 8px; width: 120px !important; box-sizing: border-box;} .blC { display: flex; flex-wrap: wrap; justify-content: center; } .w380 { overflow: hidden; width: 380px; margin-left: auto; margin-right: auto; } .w630 { overflow: hidden; width: 630px; } .w560 { overflow: hidden; width: 560px; margin-left: auto; margin-right: auto; } .w700 { overflow: hidden; width: 700px; margin-left: auto; margin-right: auto; } .w710 { overflow: hidden; width: 710px; margin-left: auto; margin-right: auto; } .w730 { overflow: hidden; width: 730px; margin-left: auto; margin-right: auto; } .w780 { overflow: hidden; width: 780px; margin-left: auto; margin-right: auto; } .w790 { overflow: hidden; width: 790px; margin-left: auto; margin-right: auto; } .w800 { overflow: hidden; width: 800px; margin-left: auto; margin-right: auto; } .w832 { overflow: hidden; width: 832px; margin-left: auto; margin-right: auto; } .w845 { overflow: hidden; width: 845px; margin-left: auto; margin-right: auto; } .w840 { overflow: hidden; width: 840px; margin-left: auto; margin-right: auto; } .w860 { overflow: hidden; width: 860px; margin-left: auto; margin-right: auto; } .w870 { overflow: hidden; width: 870px; margin-left: auto; margin-right: auto; } .w960 { overflow: hidden; width: 960px; margin-left: auto; margin-right: auto; } .w980 { overflow: hidden; width: 980px; margin-left: auto; margin-right: auto; } .w990 { overflow: hidden; width: 990px; margin-left: auto; margin-right: auto; } .w1000 { overflow: hidden; width: 1000px; margin-left: auto; margin-right: auto; } .w1020 { overflow: hidden; width: 1020px; margin-left: auto; margin-right: auto; } .imgL { padding-bottom: 0; float: left;} .imgL.w465 {width: 465px;} .imgL.mr80 { margin-right: 80px; } .imgL.mr40 { margin-right: 40px; } .imgR { padding-bottom: 0; float: right;} .imgR.ml40 { margin-left: 40px;} .pcDisp { display: block; } .pcDispIn { display: inline; } .spDisp { display: none; } .ofV { overflow: visible !important;} /*--- pages ---*/ /*--- index ---*/ /*#indexMain { position: relative; overflow: hidden; margin: 0 0 10px; padding: 0 0 56.28%; box-sizing: border-box;}*/ #indexMain { position: relative; overflow: hidden; margin: 0 0 10px; padding: 0; box-sizing: border-box;} #indexMain video { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } #indexMainSlide { height: calc( 100vh - 180px);} #indexMainSlide li { height: calc( 100vh - 180px);} #indexMainSlide01 { } #indexMainSlide02 { } #indexMainSlide03 { } #indexMainSlide04 { } #indexMainSlide05 { } #indexMainTxt { padding: 0; position: absolute; z-index: 100000; bottom: 80px; left: 0; width: 100%; text-align: center; color: #FFF; font-size: 114.2%;} #indexMainTxt01 { bottom: 80px; font-size: 24px; letter-spacing: 0.1em;} #indexMainTxt01 > span { display: inline-block; border-radius: 8px; background: #A8D6E5; padding: 0.5em 1em;} /*indexResort*/ #indexResort { } #indexResort01 { overflow: hidden; padding: 0 0 24px; } #indexResortSub { position: relative; padding: 0;} #indexResortSubEn { font-size: 657.1%; padding-left: 70px;} #indexResortSubJp { top: 1.7em; left: 0; letter-spacing: 0.3em; font-size: 185.7%;} #indexResort02 { position: relative; height: 468px; position: relative; background: url(images/index_img01.jpg) 50% 0% no-repeat; background-size: cover;} #indexResort02Bg { height: 198px; position: absolute; bottom: 0; left: 0; width: 100%; background: url(images/index_img01_bg.png) 0% 0% no-repeat; background-size: 100% 100%;} #indexResort02Txt01 { bottom: 46px; right: auto; left: 50%; margin-left: -130px; font-size: 657.1%;} #indexResort03 { } #indexResort03 > div > ul { } #indexResort03 > div > ul > li { width: 250px; margin-bottom: 0; padding: 0;} #indexResort03 > div > ul > li:nth-child(2n) { float: left;} #indexResort03 > div > ul > li dt { } #indexResort03 > div > ul > li dd { position: absolute; width: 100%; min-height: 66px; bottom: 0; left: 0; padding: 8px 0; background: transparent;} #indexResort03 > div > ul > li#indexResort03Winter dd { /*bottom: 20px;*/} #indexResort03Summer dt {} #indexResort03Winter dt {} #indexResort03Stay dt {} #indexResort03Spa dt {} /*#indexNews*/ #indexNews { padding: 0 0 88px; } #indexNewsSub { } #indexEvent { padding: 0 0 88px; } /*indexSNS*/ #indexSNS { padding: 0; width: 960px; margin: 0 auto 64px;} #indexSNS > div > ul { } #indexSNS > div > ul > li { overflow: hidden; width: 298px; float: left; margin: 0 32px 0 0; } #indexSNS > div > ul > li:last-child { margin: 0;} #indexSNS > div > ul > li > dl > dt { text-align: center; margin: 0 0 22px;} #indexSNS > div > ul > li > dl > dd { text-align: center; } .snsWrap { width: 320px; margin: 0 auto; } .btnIndexRecruit { padding: 0; position: absolute; top: 32px; left: 50%; width: 421px; margin: 0 0 0 -480px;} .btnIndexCamera { padding: 0; position: absolute; top: 240px; left: 50%; width: 104px; margin: 0 0 0 -460px; outline: none;} .btnIndexCamera a { outline: none;} .tripSales { padding: 48px 0 0; width: 960px; margin: 0 auto 64px;} .tripSales01 { margin-bottom: 48px;} .tripSalesSub01 { font-size: 28px; margin-bottom: 24px;} .tripSales01__txt01 { text-align: center;} .tripSales01__list01 { text-align: center;} .tripSales01__list01 > li { } .tripSales01__list01 > li:before { } .tripSales02 {} .tripSales02__list01 { margin-bottom: 24px;} .tripSales02__list01 > li { width: 228px; padding: 16px 16px;} .tripSales02__list01 > li:nth-child(2n) { margin-right: 16px; } .tripSales02__list01 > li:nth-child(4n) { margin-right: 0;} .tripSales02__list01 > li:nth-child(-n + 2) { } .tripSales02__list01 > li:nth-child(-n + 4) { margin-top: 0;} .tripSales02__list01 > li > div { padding-bottom: 20px;} .tripSales02__txt01 { margin-bottom: 16px; color: #5a858f; font-size: 18px;} .tripSales02__txt02 { margin-bottom: 16px; border-top: 1px solid #5a858f; border-bottom: 1px solid #5a858f; padding: 4px 0;} .tripSales02__txt03 { margin-bottom: 16px;} .tripSales02__txt04 { position: absolute; bottom: 0; left: 0; width: 100%;} .tripSales02__txt05 { margin-top: 16px; margin-bottom: 16px; background: #5a858f; color: #FFF; padding: 0.5em; letter-spacing: 0.1em;} /*spa*/ #spaSec01 {} #spaSec01Wrap {} #spaSec0101 { padding: 0; } /*#spaImg01 { height: 100vh;}*/ #spaImg01 p { text-shadow: none; font-size: 207.1%;} #spaSec02 { } #spaSec02 .parallaxImgCh p { } #spaSec02.stay .parallaxImgCh p {font-size: 171.4%;} #spaSec03 {} #spaSec0301 { padding: 80px 0;} #spaSec0302 { padding: 0;} #spaSec030201 { padding: 30px 0 0; } .spaDl01 { } .spaDl01 dt { } .spaDl01 dt:before {} .spaDl01 dt:after {} .spaDl01 dd {} .spaDl01 dd li {} .spaDl01 dd li:after { } .spaDl01 dd li:last-child:after { } #spaBtnBox { width: 440px; margin-left: auto; margin-right: auto;} #spaBtnBox ul { padding: 13px 0 13px 20px; text-align: left;} #spaBtnBox ul li { margin: 8px 0 0; } #spaBtnBox a { } #spaImgs { } #spaSec04 { overflow: hidden; padding: 80px 0; } #spaSec05 {overflow: hidden; padding: 16px 0 100px; box-sizing: border-box;} #amenityUl01 { float: left; } #amenityUl02 { overflow: hidden; } #spa01MiddotList01.middotList01 li, #amenityUl01.middotList01 li, #amenityUl02.middotList01 li { margin-top: 0; } #amenityUl02.middotList01 li span { font-size: 85.7%; text-indent: -0.5em;} #spaFloorGuide { overflow: hidden; margin-bottom: 16px;} #spaFloorGuide > li { float: left; width: 330px; height: 150px; border-bottom: none; border-right: #787675 solid 1px; padding: 0 0 0 50px; margin: 0; box-sizing: border-box;} #spaFloorGuide > li:last-child { border-right: none;} #spaFloorGuide dt { } #spaFloorGuide dt span { } #spaFloorGuide dd { } #spaPlans {} #spaPlans li { width: 25%;} .spaPlansImg {} .spaPlansImg img { width: 100%;} .spaPlansTxt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5em 0; line-height: 1.2; background: rgba(0,0,0,0.5); } #scheY { } #scheY a { padding: 20px 0 20px 80px; background: url(images/spa_img08.png) 0% 50% no-repeat; background-size: 62px 63px;} /*stay*/ #staySec01 {} #staySec01Wrap {} #staySec0101 { padding: 0; } /*#stayImg01 { height: 100vh;}*/ #stayImg01 p { text-shadow: none; font-size: 207.1%;} #staySec02 { height: 480px;} #staySec02 .parallaxImgCh p {font-size: 171.4%;} #staySec03 {} #staySec0301 { padding: 80px 0;} #staySec0302 { padding: 0;} #staySec030201 { padding: 30px 0 0; } /*summer*/ /* #summerImg01 { width: 100%; height: 480px; background: url(images/summer_img01.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed;} #summerImg10 { width: 100%; height: 480px; margin-bottom: 40px; background: url(images/summer_img10.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed;} */ /* #spaSec01Wrap { min-height: 100vh; position: relative; } #spaImg01,#spaSec02 { width: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} #spaSec02 { background-image: url(images/spa_img02.jpg);} */ /*summer*/ #summerSec01 {} #summerSec02 { } #summerSec02 .parallaxImgCh p { right: 2%; font-size: 442.9%;} #summerSec03 {} #summerSec03Sub02 { float: left; width: 290px; padding: 46px 0 0;} #summerSec0301 { } .summerUl01 { margin: -32px auto 0; width: 980px;} .summerUl01 li { width: 320px; margin: 32px 0 0 10px;} .summerUl01 li:nth-child(2n) { float: left;} .summerUl01 li:nth-child(1) { margin-left: 0;} .summerUl01 li.posCen { margin-left: 10px;} .summerUl01 li dt { } .summerUl01 li .summerUl01Txt01 { } #summerSec04 {} #summerSec05 { background-image: url(images/summer_ip_img01.jpg); } #summerSec05 .parallaxImgCh p { } #summerSec05 .parallaxImgCh p #summerSec0501 { font-size: 442.9%;} #summerSec05 .parallaxImgCh p #summerSec0502 { font-size: 164.3%;} #summerSec06 { padding: 32px 0 0; } #summerSec06Sub01 { float: left; width: 290px; padding: 68px 0 0;} #summerSec07 { background-image: url(images/summer_sr_img01.jpg); } #summerSec07 .parallaxImgCh p { text-shadow: none;} #summerSec07 .parallaxImgCh p #summerSec0701 { font-size: 442.9%; padding-bottom: 40px;} #summerSec07 .parallaxImgCh p #summerSec0702 { font-size: 164.3%;} #summerSec08 {} #summerSec0801 { overflow: hidden; padding-top: 32px; padding-bottom: 48px; } #summerSec09 { text-shadow: none;} #summerSec09 .parallaxImgCh p { font-size: 100%; line-height: 1.2; color: #FFF;}/*fs62*/ #summerSec09 .parallaxImgCh p #summerSec0901 { font-size: 442.9%; padding-bottom: 40px;} #summerSec09 .parallaxImgCh p #summerSec0902 { font-size: 164.3%;} #summerSec10 {} #summerSec10Sub01 { float: left; width: 290px; padding: 64px 0 0; } #summerSec1001 { overflow: hidden; padding-top: 32px; padding-bottom: 48px; } .summerSec11 { overflow: hidden; padding: 0 0 32px; } .summerSec11-01 { float: left; width: 320px; padding: 170px 0 0; } .summerSec11-02 { overflow: hidden; width: 680px;} .summerSec12 { overflow: hidden; padding: 0 0 32px; } .summerSec12-01 { float: right; width: 320px; padding: 170px 0 0; } .summerSec12-02 { overflow: hidden; width: 680px;} .summerTwoColImg { overflow: hidden; padding-top: 108px;} .summerTwoColImg li { padding: 0; float: left; width: 490px; } .summerTwoColImg li:last-child { float: right; } .summerSec11 .hTxt03, .summerSec12 .hTxt03, .summerTwoColImg .hTxt03 { padding-bottom: 32px; } .restraeuntEnlargeL { float: left; margin-right: 32px; } .restraeuntEnlargeR { overflow: hidden; } /*Stay*/ .w730InL01{ width: 300px;} .w730InR01{ width: 390px;} #stayLN { padding-left: 186px; box-sizing: border-box; } .secReservation{overflow: hidden; padding: 0; width: 860px; margin:0 auto; box-sizing: border-box;} .secReservation p.imgIco{float: left; margin-right: 7px; padding-top: 0px; display: block;} .secReservation li{ width: 356px;height: 80px;float: left;background-color: #956800;} .secReservation li a{margin:5px; width: 346px;} .secReservation li.btn01{margin-right: 10px;} .secReservation li a span{font-size: 128.6%;} .staySec01{ background: #EEEBE6 url(images/stay_img03.jpg) right top no-repeat; background-size: contain;padding:0;} .staySec01.bgNone{background-image: none;} .secStayBg01{height: 480px; padding: 0% 0 0;} .Item5 li{width: 184px;margin:0 10px 0 0;} .Item5 li:last-child{margin-right:0px;} .stayList01 {} .stayList01 dt { } .stayList01 dt:after { } .stayList01 dd { } .stayList01 dd ul { } .stayList01 dd ul li { } .stayList01 dd ul li:after { } .stayList01 dd ul li:last-child:after { } .stayPt25 { padding-top: 25px; } /*inquiry*/ .inquiryTxt{width: 405px;float: left;} .inquiryMap{width: 440px;height: 320px;float: right;position: relative;} .inquiryIcoMap{position: absolute;left:10px;bottom:-10px;} /*winter*/ .seasonNotice { font-size: 150%; padding: 0 0 48px;} #openTxt01 { font-size: 24px; letter-spacing: 0.1em;} #openTxt01 > span { display: inline-block; border-radius: 8px; background: #A8D6E5; padding: 0.5em 1em;} .winterOpenDate { text-align: center; padding: 48px 0 80px;} .winterOpenDateTxt01 { font-size: 200%;} .winterOpenDateTxt02 { font-size: 200%;} .winterOpenDateTxt03 { padding: 16px 0 0; } .winterDate { width: 960px; margin: 0 auto 24px;} .winterDateWrap { text-align: center;} #indexMain .winterDate { position: absolute; top: 48px; left: 50%; z-index: 10; transform: translateX(-50%);} #winterBody #contentArticle { margin: 0; padding-top: 0;} #winterCS { padding: 80px 0 120px; text-align: center; font-size: 271.4%;} .todaysCupidSubPc { display: block; margin: 0 auto; background: #dcebf4;} .todaysCupidSubPc > ul { width: 960px; margin: 0 auto; overflow: hidden;} .todaysCupidSubPc > ul > li { float: left; box-sizing: border-box;} .todaysCupid { margin: 0; position: relative; background: #93c0dd; overflow: hidden;} .todaysCupidTxt01 { text-align: center; font-size: 128.5%; padding: 16px; background: #61899C; color: #FFF; line-height: 1.2;} #todaysCupidTitle { padding: 16px 0;} .todaysCupidListWrap { /*overflow: hidden;*/} .todaysCupidList { width: 960px; margin: 0 auto; } .todaysCupidList li { float: left; box-sizing: border-box; height: 120px; overflow: hidden;} .todaysCupidListCh01 { width: 190px; box-sizing: border-box; border-right: #FFF solid 1px;} .todaysCupidListCh02 { width: 160px; box-sizing: border-box; border-right: #FFF solid 1px;} .todaysCupidListCh03 { width: 300px; box-sizing: border-box; border-right: #FFF solid 1px;} .todaysCupidListCh04 { width: 310px; box-sizing: border-box; } .todaysCupidSub { padding: 20px 0;} .todaysCupidList > li > dl > dd { padding: 16px 14px; } .todaysCupidList { } .todaysCupidSubSp { display: none; } .todaysCupidTime { overflow: hidden; box-sizing: border-box; box-sizing: border-box; padding: 0 !important;} .todaysCupidTime li { margin: 0; float: left; width: 100%; line-height: 1.2;} .todaysCupidTime li:last-child { margin: 0;} .todaysCupidTime dl,.todaysCupidTime dt,.todaysCupidTime dd { display: block;} .todaysCupidTime li dt { padding: 0 0 18px;} .todaysCupidTime li { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .todaysCupidTime li p { line-height: 1.7; } .todaysCupidClimate { text-align: center; } .todaysCupidClimate li { display: block; padding: 0; float: left; width: 50%;} .todaysCupidClimate li dt { } .todaysCupidClimate li dd { } .todaysCupidLift { padding: 16px 0 !important;} .todaysCupidLift li { width: 25%; margin: 0;} .todaysCupidLift li dt { letter-spacing: -0.05em;} .todaysCupidLift li dd { } .todaysCupidLiftImg { padding: 0 8px; margin-bottom: 8px;} .todaysCupidLiftTxt { } .todaysCupidDataHead { } .todaysCupidDataHead li { } .todaysCupidDataBody {} .todaysCupidDataBody table { } .todaysCupidDataBody table th,.todaysCupidDataBody table td { padding: 0 0 16px;} .todaysCupidDataBody table td { } .todaysCupidDataBody table td.windSpeed { white-space: nowrap; font-size: 85.7%; vertical-align: middle;} #winterSec01 { /*margin: 0 ;*/ } #winterSec02 { } #winterSlide { } #winterSlide li { } #winterSlide01 { } #winterSlide02 { } #winterSlide03 { } #winterSlide04 { } #winterSlide05 { } #winterSec03 {} .winterTarget { overflow: hidden; padding: 0 0 48px; margin: 0 auto; } .winterTargetNav { overflow: hidden; padding: 36px 0 0; margin: 0 auto 34px; clear: both; width: 960px;} .winterTargetNav li { width: 160px; margin: 0 0 30px; } .winterTargetNav li:nth-child(2n) { float: left;} .winterTargetNav li a { } .winterTargetNav li a:after { left: 10px; width: 140px;} .winterTargetNav li a dt { } .winterTargetNav li a dd { } .winterTargetNav li a.active:after { } .winterTarget h2 { } .winterTarget h2:after { } .winterNewsNav { overflow: hidden; margin: 0 auto 20px; width: 980px;} .winterNewsNav li { width: 139px; margin: 0 1px 8px 0;} .winterNewsNav li:nth-child(3n) { margin-right: 1px;} .winterNewsNav li a { height: 39px; } .winterNewsNav li a span { } .winterNewsNav li a.active span { } .winterSub01 { margin: 0 auto 20px; width: 408px; height: 84px;} .winterSub0101 { } .winterSub0102 { } #liftBnrUl {} #liftBnrUl li { float: left; width: auto; margin: 0 0 16px;} #liftBnrUl li:nth-child(1) { width: auto; } #liftBnrUl li:nth-child(2) { float: right; padding: 40px 0 0;} #liftBnrUl li:nth-child(3) { float: left; margin-right: 20px;} #liftBnrUl li:nth-child(4) { margin-right: 20px;} #liftBnrUl li:nth-child(5) { float: left; margin-right: 20px;} #liftBnrUl li:nth-child(6) { } #winterSlideNav { } #winterSlideNav li { float: left; width: 50%; text-align: left; position: relative; box-sizing: border-box;} #winterSlideNav li:nth-child(1) a:after { content: "◀"; display: block; font-size: 142.9%; position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0);} #winterSlideNav li:nth-child(2) a:after { content: ""; display: none;} #winterSlideNav li:nth-child(2) a:before { content: "▶"; display: block; font-size: 142.9%; position: absolute; top: 50%; left: 16px; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0);} #winterSlideNav li:nth-child(2) a { padding-left: 42px;} #winterSlideNav li a { display: block; padding: 12px 12px 10px; color: #5C8BB0;} #winterSlideNav li a.active { color: #FFF; background: #5C8BB0;} .winterTargetNavEn { display: inline-block; padding: 0; font-size: 178.6%; font-family: 'Fjalla One', sans-serif;} #winterSlideNav li a.active .winterTargetNavEn { color: #ffff00;} .winterTargetNavJp { display: inline-block; padding: 0 0 0 10px;} /*.courseFacility { min-height: 3437px; }*/ .courseBox01 { padding: 24px 50px; overflow: hidden; box-sizing: border-box;} .courseBox01 ul { float: left; width: 100%; overflow: hidden; box-sizing: border-box;} .courseBox01 li { float: left; width: 45%; box-sizing: border-box;} .courseBox01 li:last-child { margin-bottom: 0; width: 100%; clear: left;} .courseBox01 li:before { content: "▲ "; color: #5C8BB0;} #liverCamera { text-align: center; } #liverCameraImg { width: 60%; height: auto;} .winterCourseList01 {} .winterCourseList01 li { overflow: hidden; clear: both; padding: 0 0 36px 130px; } .winterCourseList01 li:last-child { padding: 0 0 0 130px; } .winterCourseList01 li dt { float: left; width: 240px; margin-left: 1em; text-indent: -1em; padding: 0 0 12px; box-sizing: border-box;} .winterCourseList01 li dt:before { content: "□"; } .winterCourseList01 li dd { overflow: hidden; } .brandViking img { width: 320px; } .rentalUl01 {} .rentalUl01 li { float: left; width: 196px; margin: 0 100px 40px 0; } .rentalUl01 li:nth-child(3n) { margin: 0 0 40px 0; } .rentalUl01 li:nth-child(5) { margin: 0 0 40px 0; } .rentalUl01 li dt { } .rentalUl01Img { } .rentalTable01 { } .rentalTable01 th,.rentalTable01 td { } .rentalTable01 td:last-child, .rentalTable01 th[scope=row]:nth-child(1) { } .rentalTable01Bt { } .rentalTable01Br { } .rentalTable01Bb { } .rentalTable01Bl { } .rentalLogoList { } .rentalLogoList li { } .schoolNav { width: 640px; margin: 0 auto 48px; font-size: 16px;} .schoolNav > li { } .schoolNav > li > a { } .schoolNav > li:nth-child(3n) > a { } .schoolL01 { padding: 0 0 40px; float: left; width: 400px;} .schoolR01 { padding: 0 0 40px; float: right; width: 400px;} .schoolDl01 { } .schoolDl01 dt { } .schoolDl01 dd { } .schoolDl01 dd:before { } .schoolFirstLesson {} .schoolFirstLesson dt {} .schoolFirstLesson dt span {} .schoolFirstLesson dd { text-align: center; } #schoolImg04 { position: absolute; top: 200px; right: 20px; width: 169px;} .winterRestrauntTxt01Pare { } .winterRestrauntTxt01 { padding: 0 0 0 130px;} .winterRestrauntTxt01 li { margin: 0 0 12px;} .winterRestrauntTxt01 li:last-child { margin: 0; } .winterRestrauntTxt01 dt { float: left; padding: 0; margin-right: 2em;} .winterRestrauntTxt01 dd { overflow: hidden;} .winterRestrauntImg01 { overflow: hidden; vertical-align: bottom; line-height: 0; margin: 0 0 14px;} .winterRestrauntImg01 li { float: left; width: 50%;} .winterRestrauntImg01 img { } .winterRestrauntImg02 { overflow: hidden; } .winterRestrauntImg02 li {width: 20%; } .winterRestrauntImg02 img { } .winterRestrauntImg03 { overflow: hidden; padding: 0 35px 0;} .winterRestrauntImg03.winterRestrauntImg0301 { padding-left: 160px;} .winterRestrauntImg03 li { float: left; width: 230px; margin-right: 20px;} .winterRestrauntImg03 li:nth-child(2n) { float: left;} .winterRestrauntImg03 li:nth-child(3n) { margin-right: 0;} .winterRestrauntImg03 li:nth-child(2n+1) { clear: none;} .winterRestrauntImg03 img { } .winterRestrauntImg03Img { } .winterRestrauntImg03Txt {} .winterRestrauntBtn { display: inline-block; line-height: 1.2; padding: 10px 30px; background: #df9480; color: #FFF !important; font-size: 92.9%;} .restrauntPaymentStep { display: flex; flex-wrap: wrap; margin-bottom: 48px; padding-top: 24px;} .restrauntPaymentStep > li { width: calc( (100% - 96px)/5 ); margin: 0 24px 0 0;} .restrauntPaymentStep > li:nth-child( -n + 3 ) { margin-top: 0;} .restrauntPaymentStep > li:nth-child( 3n ) { margin-right: 24px;} .restrauntPaymentStep > li:nth-child( 5n ) { margin-right: 0;} .winterRestrauntTimeDl { padding: 32px 0 48px;} .winterRestrauntTimeDl > dt { font-weight: bold; text-indent: 0; text-align: center;} .winterRestrauntTime { margin-bottom: 48px; padding: 0; } .winterRestrauntTime dl { justify-content: center;} .winterRestrauntTime dl dt { width: 8em;} .winterRestrauntTime dl dd { width: 8em;} .winterRestrauntMenu01 { padding: 0 0 48px; margin: 0 0 48px; overflow: hidden;} .winterRestrauntMenuList01 { } .winterRestrauntMenuList01 > li { width: calc( (100% - 24px)/2); margin: 32px 24px 0 0;} /* .winterRestrauntMenuList01 > li:nth-child( -n + 2 ) { margin-top: 32px;} .winterRestrauntMenuList01 > li:nth-child( 2n ) { margin-right: 24px;} .winterRestrauntMenuList01 > li:nth-child( -n + 3 ) { margin-top: 0;} .winterRestrauntMenuList01 > li:nth-child( 3n ) { margin-right: 0;} */ .winterRestrauntMenuListPrice01 { display: flex; flex-wrap: wrap;} .winterRestrauntMenuListPrice01 dt { width: calc( 100% - 6em);} .winterRestrauntMenuListPrice01 dt.toGo { text-indent: -1em; margin-left: 1em;} .winterRestrauntMenuListPrice01 dd { width: 5em; padding-top: 0;} .toGo { text-indent: -1em; margin-left: 1em;} .winterRestrauntMenuListPrice01Comment { display: inline-block; background: #44a0e3; color: #FFF; border-radius: 8px; line-height: 1.2; padding: 6px 12px; margin-bottom: 8px;} .btnRecruit { width: 421px; margin: 0 auto; } /*blanc Neige*/ .winterTarget#blancNeige { padding-left: 0; padding-right: 0; } #blancNeigeBody { width: 1000px; height: 1865px; position: relative; background: url(images/blanc-neige_bg_pc.jpg) 50% 0 no-repeat; background-size: cover; color: #FFF;} #blancNeigeSub01 { padding: 13px 0 6px; text-align: center;} #blancNeigeSub02 { margin: 0 0 8px !important; } .blancNeigeSec01 { padding-left: 80px; padding-right: 80px; } #blancNeigeTime { width: 188px; margin-left: 30px; margin-bottom: 30px;} #blancNeigeTime li:nth-child(1) { padding: 0 0 8px;} #blancNeigeTime li:nth-child(2) { padding: 0 0 18px;} #blancNeigeFigure01 { width: 326px; float: left; margin-left: 44px;} #blancNeigeFigure02 { position: absolute; top: 90px; right: 40px; width: 205px;} .blancNeigeImgList01 { overflow: hidden; clear: both; padding: 0; } .blancNeigeImgList01 li { float: left; width: 260px; margin: 0 30px 0 0;} .blancNeigeImgList01 li:nth-child(1) { margin-right: 30px; } .blancNeigeImgList01 li:nth-child(3n) { margin-right: 0; } .blancNeigeImgList01Img { margin-bottom: 14px; } .blancNeigeImgList01Txt { font-size: 100%; text-align: left;} .blancNeigeImgList01Txt dt { font-size: 114.3%; text-align: left; float: left;} .blancNeigeImgList01Txt dd { font-size: 107.1%; text-align: right; overflow: hidden;} .blancNeigeImgList01 li:nth-child(2) .blancNeigeImgList01Txt { letter-spacing: normal;} .blancNeigeImgList01 li:nth-child(3) { width: 260px; text-align: left; background: none;} .blancNeigeImgList01 li:nth-child(3) img { width: 260px;} .blancNeigeImgList02 { overflow: hidden; clear: both; padding: 45px 0 50px; } .blancNeigeImgList02 li { float: left; width: 190px; margin: 0 26px 32px 0;} .blancNeigeImgList02 li:nth-child(3n) { margin-right: 26px; } .blancNeigeImgList02 li:nth-child(4n) { margin-right: 0; } .blancNeigeImgList02Img { margin-bottom: 12px; } .blancNeigeImgList02Txt { font-size: 100%; text-align: right;} .blancNeigeImgList02Txt dt { font-size: 114.3%; } .blancNeigeImgList02Txt dd { font-size: 107.1%; } .blancNeigeImgList02 li:nth-child(7) .blancNeigeImgList02Txt { letter-spacing: normal;} #blancNeigeSub03 { text-align: center;} .blancNeigeSec02 { overflow: hidden; padding-left: 0; padding-right: 0; width: 840px; margin: 0 auto;} .blancNeigePrice01 { font-size: 107.1%; float: left; width: 50%; box-sizing: border-box; padding-right: 28px;} .blancNeigePrice01 li { overflow: hidden; } .blancNeigePrice01 li dt { float: left; width: calc( 100% - 3em ); letter-spacing: -0.1em;} .blancNeigePrice01 li dd { overflow: hidden; width: 3em; text-align: right;} /*uchiyama*/ #uchiyamaBody { position: relative; } #uchiyamaBg { margin: 0 0 64px; } #uchiyamaSub01 { top: 40px; left: 48px; text-align: left;} #uchiyamaSub01:after { } #uchiyamaSub01 img { width: auto;} #uchiyamaList01 { padding: 0;} #uchiyamaList01 li { float: none; width: auto; position: absolute; top: 0; } #uchiyamaList01 li:nth-child(1) { width: 173px; top: 216px; left: 83px;} #uchiyamaList01 li:nth-child(2) { width: 147px; top: 194px; left: 702px;} #uchiyamaList01 li:nth-child(3) { width: 134px; top: 359px; left: 807px;} #uchiyamaList01 li:nth-child(4) { width: 144px; top: 420px; left: 243px;} #uchiyamaList01 li:nth-child(5) { width: 163px; top: 546px; left: 714px;} #uchiyamaList01 li:nth-child(6) { width: 145px; top: 591px; left: 123px;} /*blog*/ #blogWrap { padding-left: 0; padding-right: 0; padding-bottom: 80px;} .eyeCatch {} .eyeCatch img {} .blogTitle { } .blogDate { } .blogBody { } .blogBody p { } .pagerPare { } #prevPagePare { padding: 0 0 32px; clear: both;} .toIndex { text-align: center; overflow: hidden; padding: 32px 0 0;} .singlePager { overflow: hidden; padding: 64px 0 0; clear: both; width: 480px; margin: 0 auto;} .singlePager .prev { } .singlePager .next { } .toList {} .wp-pagenavi {} .wp-pagenavi a, .wp-pagenavi span {} .wp-pagenavi a:hover, .wp-pagenavi span.current {} .wp-pagenavi span.current {} /*single*/ .singleWrapper { padding: 40px 0 120px; width: 630px; margin: 0 auto;} .singleSec01 { } .w280 { width: 280px; margin: 0 auto; } .w500 { width: 500px; margin: 0 auto; } .w600 { width: 600px; margin: 0 auto; } .w650 { width: 650px; margin: 0 auto; } .singleSec0101 { } .recruitDl01 { } .recruitDl01 > li { } .recruitDl01 > li:last-child { } .recruitDl01 > li dt { float: left; width: 110px; padding-left: 1em; box-sizing: border-box;} .recruitDl01 > li dd { overflow: hidden;} .recruitList01 { } .recruitList01 li { } .recruitList01 li:last-child { } .recruitList01 li:before { } .recruitList02 { } .recruitList02 li { } .recruitList02 li:last-child { } .recruitList02 li:before { } .recruitSub01 { margin: 0 0 40px; position: relative; text-align: center; line-height: 1.2; font-size: 157.1%; font-weight: bold;} .recruitSub01:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 4px; background: #5C8BB0; } .recruitSub01 span { position: relative; padding: 0 14px; z-index: 10; background: #FFF; color: #5C8BB0;} .recruitSub02 { overflow: hidden; padding: 12px; margin: 0 0 18px; line-height: 1.2; background: #92BFDC; color: #FFF; text-align: center; font-size: 107.1%; font-weight: bold;} .recruitBtn01 {} .recruitBtn01 a { display: inline-block; padding: 12px 24px; line-height: 1.2; background: #F2D9DF; color: #E5006C; font-weight: bold; font-size: 107.1%;} .recruitDl02 { } .recruitDl02 dt { float: left; width: 80px; text-align: left; } .recruitDl02 dd { overflow: hidden; } .recruitSub03 { } .recruitBox01 { } .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;} } /*@media only screen and (min-width: 768px)*/ h3.ttl { font-size: 15px; padding-left: 10px; border-left: 9px solid #3C9EE7; line-height: 1.2em; margin-bottom: 10px; font-weight: bold; } /* rates --------------------------------- */ #rates #main h1.ttl { background-image: url(../img/common/icon_h2_rates.png);} h2.ttl_rates { font-weight: bold; font-size: 17.5px; padding: 5px 0 5px 37px; margin-bottom: 10px; background-position: left center; background-repeat: no-repeat;} #rates01 h2.ttl_rates { background-image: url(../img/naka/rates/icon_ttl01.png); } #rates02 h2.ttl_rates { background-image: url(../img/naka/rates/icon_ttl02.png); } h2.ttl_rates_other { background-image: url(../img/naka/rates/icon_ttl03.png); } .content + .content, .content + h2.ttl_rates { margin-top: 30px;} /* ratesList */ ul.ratesList { margin: 0 -5px;} ul.ratesList li { box-sizing: border-box; float: left; margin-bottom: 10px; padding: 0 5px;} ul.ratesList li .listIn { border-left: 5px solid #5c8bb0; padding: 0 0 10px; /*background: #F2F2F2;*/} ul.ratesList li .listInCh { padding: 10px; color: #358BB2;} ul.ratesList li.col1 { width: 100%;} ul.ratesList li.col2 { width: 50%;} ul.ratesList li.col3 { width: 33.333%;} ul.ratesList li.pop_big .listIn { padding-left: 130px; position: relative;} ul.ratesList li.pop_big .listIn img.pop { position: absolute; left: 15px; top: 10px;} table.rates_option { display: inline-block; *display: inline; *zoom: 1; } table.rates_option + table { margin-left: 20px; } table.rates_option td { line-height: 1.4; padding-bottom: 10px; } ul.ratesList li.r1 .listIn { background: #FCE4E4;} ul.ratesList li .listIn p.ttl { font-weight: bold; margin-bottom: 5px; font-size: 20px; padding: 10px; background: #e1f8fe; color: #5C8BB0;} ul.ratesList li .listIn p.note { line-height: 1.4; margin-bottom: 10px; font-size: 15px;} ul.ratesList li.col3 .listIn p.ttl { font-size: 15px; } ul.ratesList li.col3 .listIn p.note { font-size: 13.5px; } ul.ratesList li .listIn p.sub { padding: 5px 10px; margin-top: 5px; background: #FFF7F8;} table.rates { font-size: 16px; font-weight: normal; color: #358BB2; font-weight: bold;} li.col3 table.rates { font-size: 16px; } table.rates td { padding-right: 10px; padding-left: 10px;} table.rates p { /*border: 1px solid #777; color: #777; background: #FFF; padding: 1px 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;*/ margin-right: 5px; font-weight: normal; font-size: 14px; white-space: nowrap; display: inline-block; *display: inline; *zoom: 1;} li.col3 table.rates p { font-size: 14px; } table.rates th p { color: #358bb2; font-weight: bold; /*border-color: #FF8E98*/;} table.rates td.detail { color: #555; position: relative; line-height: 1.4; padding: 5px 30px 5px 0; vertical-align: top;} li.col1 table.rates td.detail, li.col2 table.rates td.detail { font-size: 86%; } table.rates td.detail:after { content: "▶︎"; color: #AAA; position: absolute; right: 10px; top: 50%; width: 10px; text-align: center; height: 20px; line-height: 20px; margin-top: -10px; font-size: 10px;} table.rates td.detail strong { display: block;} li.col1 table.rates td.detail strong, li.col2 table.rates td.detail strong { font-size: 110%; } table.rates span.red { font-weight: normal;} table.rates span.red strong { font-size: 120%; font-weight: bold;} ul.noteList { margin-bottom: 10px; line-height: 1.5; font-size: 14px;} ul.noteList li { display: inline-block; *display: inline; *zoom: 1; float: none; margin: 0; padding: 0 10px 0 0;} ul.noteList li:before { content: "●"; color: #358BB2; margin-right: 3px;} p.ttl_pop { height: 62px; line-height: 62px;} #rates ul.bnrList { padding: 20px;} #rates ul.bnrList li { margin-bottom: 10px;} #rates ul.bnrList li img { border: 1px solid #CCC;} #rates ul.attList { font-size: 12px;} #rates02 h2.ttl_rates { padding-top: 0; padding-bottom: 0; height: 60px; line-height: 60px;} #rates02 h2.ttl_rates span { display: inline-block; *display: inline; *zoom: 1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; vertical-align: top;} #rates02 h2.ttl_rates span.txt1 { background: #EFEFEF; font-size: 14px; text-align: center; line-height: 20px; padding: 10px 15px; margin-left: 20px; color: #EE0000; position: relative; } #rates02 h2.ttl_rates span.txt1:before { content: ""; width: 0; height: 0; border: 8px solid transparent; border-right: 8px solid #EFEFEF; position: absolute; left: -16px; top: 50%; margin-top: -8px; } #rates02 h2.ttl_rates span.txt1 small { display: block; font-weight: normal; color: #333; font-size: 13px; } #rates02 h2.ttl_rates span.txt1 strong { font-size: 18px; } #rates02 h2.ttl_rates span.txt2 { background: #FFFAC2; font-size: 15px; padding: 0 15px; } #rates table.time { margin: 15px 0 25px; border: 1px solid #79BCF1; width: 100%;} #rates table.time th, #rates table.time td { padding: 7px; font-size: 12.5px; color: #555;} #rates table.time tr:first-child th, #rates table.time tr:first-child td { border-bottom: 1px solid #CCDEEC;} #rates table.time th { background: #E5EEF5;} #rates table.time tr th.ttl { font-weight: bold; font-size: 12px; background: #79BCF1; color: #FFF; line-height: 1.4; border: 0;} #rates table.time th.ttl strong { font-size: 16px; } #rates div.tokuten {} #rates div.tokuten .ttl h3.ttl { border-color: #FF8E98; display: inline-block; *display: inline; *zoom: 1; font-size: 18px;} #rates div.tokuten .ttl ul.ttlList, #rates div.tokuten .ttl ul.ttlList li { display: inline-block; *display: inline; *zoom: 1; line-height: 1.2;} #rates div.tokuten .ttl ul.ttlList { padding-left: 20px;} #rates div.tokuten .ttl ul.ttlList li { border-left: 9px solid #CCC; padding-left: 5px; margin-left: 10px;} #rates div.tokuten .ttl ul.ttlList li.t1 { border-color: #3C9EE7; } #rates div.tokuten .ttl ul.ttlList li.t2 { border-color: #48A300; } #rates div.tokuten .ttl ul.ttlList li.t3 { border: 0; padding-left:15px; background: url(../img/naka/rates/bg_season_common.png) left center no-repeat; } ul.tokutenList { margin: 0 -2px 10px;} ul.tokutenList li { box-sizing: border-box; width: 50%; float: left; padding: 0 2px 4px;} ul.tokutenList li.col1 { width: 100%; } ul.tokutenList li .matchHeight { background: #F2F2F2; font-size: 11px; letter-spacing: 0; padding: 8px 10px;} ul.tokutenList li.winter .matchHeight { border-left: 9px solid #3C9EE7; } ul.tokutenList li.green .matchHeight { border-left: 9px solid #48A300; } ul.tokutenList li.common .matchHeight { padding-left: 20px; background: url(../img/naka/rates/bg_season_common.png) left center no-repeat #F2F2F2; background-size: 9px auto; } ul.tokutenList li .matchHeight strong { font-size: 14px; margin-right: 5px;} ul.tokutenList li table.rates { font-size: 12px;} ul.tokutenList li table.rates th.ttl_special { font-size: 11px; line-height: 1.4; font-weight: normal;} ul.tokutenList li table.rates th.ttl_special strong { font-size: 16px; margin-bottom: 5px;} ul.tokutenList li table.rates td.detail { font-size: 15px; font-weight: bold; vertical-align: middle; padding-left: 15px; color: #333;} table.linkList { padding: 10px; background: #FFFAEA; margin: 15px 0; width: 100%;} table.linkList td a, a.blank { padding: 5px 20px 5px 0; text-decoration: underline; background: url(../img/common/icon_blank.png) right center no-repeat; position: relative; font-size: 13px;} table.linkList td a:hover { text-decoration: none;} table.linkList td:before { content: "●"; font-size: 10px; padding-right: 5px;} #rates #link { padding-bottom: 5px;} p.btn_apply { margin-top: 20px;} p.btn_apply a { display: block; text-align: center; padding: 20px 0; font-size: 20px; font-weight: bold; position: relative; color: #FFF; background: #F5702D;} p.btn_apply a:after { content: ""; width: 0; height: 0; border: 5px solid transparent; border-right: 5px solid #FFF; border-bottom: 5px solid #FFF; position: absolute; right: 3px; bottom: 3px;} p.btn_apply a:hover { text-decoration: none; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} /* course --------------------------------- */ h1.ttl { background-image: url(../img/common/icon_h2_course.png);} #map { width: 1020px;} ul#mapList { width: 1020px; height: 710px; margin: 0 0 16px; background: url(./images/bg_map-2021.jpg); position: relative;} ul#mapList li { display: inline-block; *display: inline; *zoom: 1; position: absolute;} ul#mapList li a { display: inline-block; *display: inline; *zoom: 1; padding: 2px 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; color: #FFF; letter-spacing: 0;} ul#mapList li a:hover { text-decoration: none; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} ul#mapList li.m01 { left: 220px; top: 170px; } ul#mapList li.m02 { left: 313px; top: 410px; } ul#mapList li.m03 { left: 655px; top: 357px; } /* ul#mapList li.m04 { left: 0; top: 0; }*/ ul#mapList li.m05 { left: 445px; top: 173px; } ul#mapList li.m06 { left: 204px; top: 275px; } ul#mapList li.m07 { left: 570px; top: 436px; } ul#mapList li.m08 { left: 300px; top: 217px; } ul#mapList li.m09 { left: 5px; top: 160px; } ul#mapList li.m10 { left: 168px; top: 414px; } ul#mapList li.m11 { left: 444px; top: 383px; } ul#mapList li.m12 { left: 444px; top: 468px; } ul#mapList li.m13 { left: 860px; top: 577px; } ul#mapList li.m14 { left: 330px; top: 130px; } ul#mapList li.m15 { left: 86px; top: 462px; } ul#mapList li.m16 { left: 488px; top: 414px; } ul#mapList li.m17 { left: 394px; top: 528px; } ul#mapList li.m18 { left: 139px; top: 389px; } ul#mapList li.m19 { left: 780px; top: 380px; background: rgba(255,255,255,0.7); width: 200px; font-size: 12px; line-height: 1.4; padding: 10px; box-sizing: border-box; white-space: normal;} ul#mapList li.m19 dl { } ul#mapList li.m19 dl dt { font-weight: bold; color: #000;} ul#mapList li.m19 dl dd { margin-left: 1em;} ul#mapList li.m20 { left: 500px; top: 490px; width: 100px;} #courseList { width: 1020px; overflow: hidden; display: flex; flex-wrap: wrap;} #courseList h3 { padding: 10px 15px; font-weight: bold; color: #FFF; font-size: 21px; background: #83B9E5; width: 140px; box-sizing: border-box;} #courseList .contIn { background: #F6F6F6; padding: 5px; width: 880px; box-sizing: border-box;} .contIn__01 { } .contIn__02 { } #courseList .contIn h4 { font-weight: bold; padding-left: 35px; height: 40px; line-height: 40px; color: #2196DC; font-size: 16px;} #courseList .contIn h4.ttl_course { background: url(./images/icon_course.png) 7px center no-repeat; } #courseList .contIn h4.ttl_park { background: url(./images/icon_park.png) 7px center no-repeat; } #courseList .contIn h4.ttl_kids { background: url(./images/icon_kids.png) 7px center no-repeat; } #courseList .contIn .box { background: #FFF; padding: 10px; display: flex; flex-wrap: wrap; justify-content: space-between;} #courseList .contIn .box .box__01 { width: 33%;} #courseList .contIn .box .box__02 { width: 33%;} #courseList .contIn .box + h4 { margin-top: 5px;} #courseList .contIn .box h5.ttl { width: 100%; text-align: center; color: #FFF; padding: 1px 0; margin-bottom: 5px; font-size: 13.5px;} #courseList .contIn .box h5.ttl01 { background: #008E06; } #courseList .contIn .box h5.ttl02 { background: #F29700; } #courseList .contIn .box h5.ttl03 { background: #D0131A; } #courseList .contIn .box h5.ttl04 { background: #231815; } ul.cList { margin: 0 -1px; overflow: hidden;} ul.cList + h5 { margin-top: 15px;} ul.cList li { box-sizing: border-box; width: 50%; padding: 0 1px 2px; float: left;} ul.cList li.w100 { width: 100%;} ul.cList li a { display: block; color: #555; height: 45px; line-height: 45px; padding-left: 32px; position: relative; font-size: 13px;} ul.cList li a:hover { text-decoration: none; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} ul.cList li a:before { content: "▶︎"; display: block; color: #FFF; font-size: 6px; width: 18px; height: 18px; text-align: center; letter-spacing: -1.5px; line-height: 20px; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; position: absolute; left: 10px; top: 50%; margin-top: -10px;} ul.cList li.m01 a, ul.cList li.m02 a, ul.cList li.m03 a, ul.cList li.m04 a, ul.cList li.m15 a { background: #E3F4E2; } ul.cList li.m01 a:before, ul.cList li.m02 a:before, ul.cList li.m03 a:before, ul.cList li.m04 a:before, ul.cList li.m15 a:before, ul#mapList li.m01 a, ul#mapList li.m02 a, ul#mapList li.m03 a, ul#mapList li.m04 a, ul#mapList li.m15 a, #map01 div.box .courseName p.label, #map02 div.box .courseName p.label, #map03 div.box .courseName p.label, #map04 div.box .courseName p.label, #map15 div.box .courseName p.label { background: #008E06; } #map01 div.box .courseName strong, #map02 div.box .courseName strong, #map03 div.box .courseName strong, #map04 div.box .courseName strong , #map15 div.box .courseName strong { color: #008E06; } /* ul.cList li.m05 a { background: #FFEFCE; } ul.cList li.m05 a:before, ul#mapList li.m05 a, #map05 div.box .courseName p.label { background: #F29700; } #map05 div.box .courseName strong { color: #F29700; } */ ul.cList li.m06 a, ul.cList li.m07 a, ul.cList li.m16 a, ul.cList li.m17 a { background: #FCEAEA; } ul.cList li.m06 a:before, ul.cList li.m07 a:before, ul.cList li.m16 a:before, ul.cList li.m17 a:before, ul#mapList li.m06 a, ul#mapList li.m07 a, ul#mapList li.m16 a, ul#mapList li.m17 a, #map06 div.box .courseName p.label, #map07 div.box .courseName p.label, #map16 div.box .courseName p.label, #map17 div.box .courseName p.label { background: #D01319; } #map06 div.box .courseName strong, #map07 div.box .courseName strong, #map16 div.box .courseName strong, #map17 div.box .courseName strong { color: #D01319; } ul.cList li.m05 a, ul.cList li.m08 a, ul.cList li.m18 a { background: #EBEFFB; } ul.cList li.m05 a:before, ul.cList li.m08 a:before, ul.cList li.m18 a:before, ul#mapList li.m05 a, ul#mapList li.m08 a, ul#mapList li.m18 a, #map05 div.box .courseName p.label, #map08 div.box .courseName p.label, #map09 div.box .courseName p.label, #map18 div.box .courseName p.label { background: #231815; } #map05 div.box .courseName strong, #map08 div.box .courseName strong, #map18 div.box .courseName strong { color: #231815; } /* ul.cList li.m09 a { background: #F6EAF8; } ul.cList li.m09 a:before, ul#mapList li.m09 a { background: #932ABA; } #map09 div.box .courseName strong { color: #932ABA; }*/ ul.cList li.m10 a { background: #EAFBD1; } ul.cList li.m10 a:before, ul#mapList li.m10 a { background: #79C002; } #map10 div.box .courseName strong { color: #79C002; } ul.cList li.m09 a, ul.cList li.m14 a { background: #FFEFCE; } ul.cList li.m09 a:before, ul.cList li.m14 a:before, ul#mapList li.m09 a, ul#mapList li.m14 a, #map09 div.box .courseName p.label, #map14 div.box .courseName p.label { background: #F29700; } #map09 div.box .courseName strong, #map14 div.box .courseName strong { color: #F29700; } ul.cList li.m11 a { background: #EBE9FF; } ul.cList li.m11 a:before, ul#mapList li.m11 a { background: #7268C1; } #map11 div.box .courseName strong { color: #7268C1; } ul.cList li.m12 a { background: #F9EFF7; } ul.cList li.m12 a:before, ul#mapList li.m12 a { background: #D264BA; } #map12 div.box .courseName strong { color: #D264BA; } ul.cList li.m13 a { background: #F8F5E2; } ul.cList li.m13 a:before, ul#mapList li.m13 a { background: #CDB702; } ul#mapList li.m13 a { padding: 2px 5px; } #map13 div.box .courseName strong { color: #CDB702; } .mapPop { width: 880px; background: #FFF; overflow: hidden;} .mapPop p.title { padding-left: 40px; font-weight: bold; height: 55px; line-height: 55px; font-size: 15px; background: url(./images/bg_ttl_course.png) 10px center no-repeat #83B9E5; color: #FFF;} .mapPop p.ttl_park { background-image: url(./images/bg_ttl_park.png); } .mapPop p.ttl_kids { background-image: url(./images/bg_ttl_kids.png); } .mapPop div.box { padding: 15px;} .mapPop div.box .courseName { margin-bottom: 10px; margin-right: 20px;} .mapPop div.box .courseName p.label { display: inline-block; *display: inline; *zoom: 1; padding: 1px 15px; color: #FFF; font-size: 15px; margin-right: 15px; }.mapPop div.box .courseName strong { font-size: 24px; display: inline-block; *display: inline; *zoom: 1; margin: 0 15px 0 0;} .mapPop div.box .courseName small { clear: none; display: inline;} .mapPop div.box .txt { font-size: 12.5px; margin-bottom: 10px;} .mapPop div.box .map { width: 330px;} .mapPop div.box .movie { width: 490px;} .courseMapSubBox { position: relative;} .courseMapSubBox01 {} .courseMapSubBox02 {} .courseMapSubBox03 { position: absolute; right: 0;bottom: 0; } .courseMapSubBox03 a { font-weight: bold; color: #5c8bb0 !important; } #offpistemapPare { display: flex; flex-wrap: wrap; justify-content: space-between; width: 840px; margin: 0 auto;} #offpistemapImg { width: 400px;} #offpistemapImg img { max-width: 100%;} #offpistemapTxt { width: 400px;} #offpistemapTxt > ol { margin-bottom: 48px;} #offpistemapTxt > ol > li { margin-bottom: 16px; position: relative; font-size: 16px; font-weight: 700; line-height: 1; padding: 4px 0 4px 120px;} #offpistemapTxt > ol > li:before { content: ''; display: block; width: 100px; height: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} .offpistemapList01:before { border: #000 solid 2px;} .offpistemapList02:before { background-size: auto auto; background-color: rgba(255, 255, 255, 1); background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(184, 0, 2, 1) 4px, rgba(184, 0, 2, 1) 6px ); border: #b80002 solid 2px;} .offpistemapList03:before { background-size: auto auto; background-color: rgba(255, 255, 255, 1); background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(253, 236, 0, 1) 4px, rgba(253, 236, 0, 1) 6px ); border: #fdec00 solid 2px;} .offpistemapList04 { padding: 4px 0 4px 0 !important; text-align: center;} .offpistemapList04 a {} .offpistemapList04 a > span { display: inline-block; background: #f91c60; color: #FFF; font-weight: 700; border-radius: 8px; padding: 0.75em 1.5em;} .offpistemapList05:before { left: 44px !important; width: 0 !important; height: 0 !important; border-style: solid; border-width: 20px 12px 0 12px; border-color: #000000 transparent transparent transparent;} .offpistemapList06:before { background: #a5c9ed;} .offpistemapList07:before { background: #c00000; height: 4px !important; } .offpistemapLink { font-weight: 700;} .offpistemapLink > span { color: #FFF !important; background: #f91c60; display: inline-block; border-radius: 4px; padding: 0.1em 0.75em;} #offpistemapTxt p { margin-bottom: 16px;} #offpistemapTxt p:last-child { margin-bottom: 0;} .snowmoblieTable {} .snowmoblieTable th,.snowmoblieTable td { font-weight: 400;} .snowmoblieTable th {} .snowmoblieTable td { } @media only print, screen and ( max-width: 600px ) { .snowmoblieTable th { display: block; width: 100%; padding-top: 8px;} .snowmoblieTable td { display: block; padding-left: 1em;} } @media only print, screen and ( min-width: 600px ) { .snowmoblieTable {} .snowmoblieTable th,.snowmoblieTable td { } .snowmoblieTable th { padding-right: 2em;} .snowmoblieTable td { padding-right: 2em;} .snowmoblieTableTd01 { width: 340px; text-align-last: left; padding-right: 0;} .snowmoblieTableTd01__01 { display: inline-block; margin-left: -0.5em; } } /* animation */ ul#mapList {} ul#mapList li a { -webkit-animation-name:btnEffect; -webkit-animation-duration:4s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease; -moz-animation-name:btnEffect; -moz-animation-duration:4s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:ease; animation-name:btnEffect; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:ease;} @-webkit-keyframes btnEffect { 0% { box-shadow: 0 0 1px 1px rgba(255,255,255,0); } 10% { box-shadow: 0 0 6px 3px rgba(255,255,255,0.3); } 20% { box-shadow: 0 0 24px 8px rgba(255,255,220,0.6); transform: scale(1.1); } 50% { box-shadow: 0 0 0 0 rgba(255,255,255,0.1); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }} @-moz-keyframes btnEffect { 0% { box-shadow: 0 0 1px 1px rgba(255,255,255,0); } 10% { box-shadow: 0 0 6px 3px rgba(255,255,255,0.3); } 20% { box-shadow: 0 0 24px 8px rgba(255,255,220,0.6); transform: scale(1.1); } 50% { box-shadow: 0 0 0 0 rgba(255,255,255,0.1); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }} @keyframes btnEffect { 0% { box-shadow: 0 0 1px 1px rgba(255,255,255,0); } 10% { box-shadow: 0 0 6px 3px rgba(255,255,255,0.3); } 20% { box-shadow: 0 0 24px 8px rgba(255,255,220,0.6); transform: scale(1.1); } 50% { box-shadow: 0 0 0 0 rgba(255,255,255,0.1); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }} /*@media only screen and (max-width: 768px) {*/ @media only print, screen and ( max-width: 600px ) { /* rates --------------------------------- */ h2.ttl_rates { font-size: 15px; padding-left: 26px; margin-bottom: 5px; background-size: 20px auto;} .content + .content, .content + h2.ttl_rates { margin-top: 10px;} /* ratesList */ ul.ratesList { margin: 0;} ul.ratesList li { float: none; margin-bottom: 5px; padding: 0;} ul.ratesList li .listIn { } ul.ratesList li.col1, ul.ratesList li.col2, ul.ratesList li.col3 { width: 100%;} ul.ratesList li.pop_big .listIn { padding-left: 60px;} ul.ratesList img.pop { width: 45px; height: auto;} ul.ratesList li.pop_big .listIn img.pop { width: 45px; height: auto; left: 10px;} table.rates_option + table { margin-left: 0; margin-top: 10px; } table.rates_option td { padding-bottom: 0; } table.rates { font-size: 16px;} table.rates th p { letter-spacing: -0.5px; padding: 1px 4px;} p.ttl_pop { height: 41px; line-height: 41px;} #rates ul.bnrList { padding: 15px 0 5px;} #rates02 h2.ttl_rates { height: auto; line-height: 1.4; background-position: left 0;} #rates #rates02 h2.ttl_rates span { display: block; vertical-align: top; padding: 5px; margin: 0 0 5px; font-size: 12px; text-align: center;} #rates #rates02 h2.ttl_rates span.txt1 { margin-top: 10px; font-size: 12px;} #rates #rates02 h2.ttl_rates span.txt1:before { border: 8px solid transparent; border-bottom: 8px solid #EFEFEF; top: -16px; margin: 0 0 0 -8px; left: 50%;} table.table-responsive th, table.table-responsive td { display: block;} table.rates span.red strong { font-size: 100%;} table.rates th p, li.col3 table.rates p { font-size: 16px;} table.rates td.detail { padding-right: 20px;} table.rates td.detail:after { right: 5px;} #rates table.time { margin: 10px 0 15px;} #rates table.time th, #rates table.time td { display: block; padding: 2px 10px;} #rates table.time tr:first-child th, #rates table.time tr:first-child td { border-bottom: 0;} #rates div.tokuten .ttl h3.ttl { margin: 0 0 10px} #rates div.tokuten .ttl ul.ttlList, #rates div.tokuten .ttl ul.ttlList li { display: block;} #rates div.tokuten .ttl ul.ttlList { padding-left: 0; font-size: 12px;} #rates div.tokuten .ttl ul.ttlList li { border-left: 5px solid #CCC; padding-left: 5px; margin-left: 0; margin-bottom: 5px;} #rates div.tokuten .ttl ul.ttlList li.t3 { padding-left:10px; background-size: 5px auto; } ul.tokutenList { margin: 0 0 10px;} ul.tokutenList li { width: 100%; float: none; padding: 0 0 2px;} ul.tokutenList li .matchHeight { font-size: 10px; padding: 5px 6px;} ul.tokutenList li.winter .matchHeight { border-left: 5px solid #3C9EE7; } ul.tokutenList li.green .matchHeight { border-left: 5px solid #48A300; } ul.tokutenList li.common .matchHeight { padding-left: 11px; background-size: 5px auto; }ul.tokutenList li .matchHeight strong { font-size: 13px; margin-right: 0; display: block;} ul.tokutenList li table.rates { font-size: 12px;} ul.tokutenList li table.rates th.ttl_special { font-size: 11px; line-height: 1.2; font-weight: normal;} ul.tokutenList li table.rates th.ttl_special strong { font-size: 14px; margin-bottom: 5px;} ul.tokutenList li table.rates td.detail { font-size: 13px; padding-left: 0;} ul.tokutenList li table.rates td.detail:after { display: none; }ul.tokutenList li table.rates td strong { display: inline;} h2.ttl_rates_other { margin-left: 10px; margin-right: 10px;} table.linkList td a { font-size: 12px;} table.linkList td a:hover { text-decoration: underline;} p.btn_apply { margin-top: 15px;} p.btn_apply a { padding: 10px 0; font-size: 15px;} p.btn_apply a:hover { filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;} /* course --------------------------------- */ #mapListPare { overflow-x: auto; -webkit-overflow-scrolling: touch;} #mapListPare{ overflow: auto; white-space: nowrap; } #mapListPare::-webkit-scrollbar{ height: 5px; } #mapListPare::-webkit-scrollbar-track { background: #F1F1F1; } #mapListPare::-webkit-scrollbar-thumb { background: #BCBCBC; } #map { width: 100%; float: none;} ul#mapList { margin: 0; /*width: 280px; height: 351px; background-size: 280px auto; margin: 0 auto;*/} ul#mapList li a { padding: 1px 5px; letter-spacing: -0.5px; font-size: 10px;} ul#mapList li a:hover { filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;} /* ul#mapList li.m01 { left: 35px; top: 130px; } */ /* ul#mapList li.m02 { left: 100px; top: 130px; } */ /* ul#mapList li.m03 { left: 180px; top: 115px; } */ /* ul#mapList li.m04 { left: 0; top: 0; } */ /* ul#mapList li.m05 { left: 160px; top: 70px; } ul#mapList li.m06 { left: 90px; top: 35px; } ul#mapList li.m07 { left: 110px; top: 155px; } ul#mapList li.m08 { left: 65px; top: 70px; } ul#mapList li.m09 { left: 5px; top: 105px; } ul#mapList li.m10 { left: 70px; top: 195px; } ul#mapList li.m11 { left: auto right: 5px; top: 190px; } ul#mapList li.m12 { left: 150px; top: 220px; } ul#mapList li.m13 { left: 180px; top: 255px; } */ #courseList { width: auto; float: none; margin-top: 10px; display: block;} #courseList h2 { padding: 5px 15px; font-size: 17px;} #courseList .contIn { width: 100%;} #courseList .contIn .box { display: block;} #courseList .contIn .box .box__01 { width: 100%;} #courseList .contIn .box .box__02 { width: 100%;} ul.cList li a { font-size: 12px; letter-spacing: 0; white-space: nowrap; padding-left: 30px;} ul.cList li a:hover { filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;} .mapPop { width: 280px; overflow: hidden;} .mapPop p.title { padding-left: 30px; font-weight: bold; height: 30px; line-height: 30px; font-size: 14px; background-size: 14px auto;} .mapPop div.box { padding: 5px 5px 0;} .mapPop div.box .courseName { margin-bottom: 5px; margin-right: 20px;} .mapPop div.box .courseName p.label { display: block; width: 60%; text-align: center; padding: 0; font-size: 11px; } .mapPop div.box .courseName strong { font-size: 17px; margin: 0 10px 0 0;} .mapPop div.box .txt { font-size: 12px; margin-bottom: 5px;} .mapPop div.box .map, .mapPop div.box .movie { width: auto; float: none; text-align: center;} .mapPop div.box .movie { margin-top: 5px;} .mapPop div.box .movie iframe { width: 270px; height: 160px;} .courseMapSubBox { position: relative;} .courseMapSubBox01 {} .courseMapSubBox02 {} .courseMapSubBox03 { position: relative; right: auto;bottom: auto; } .courseMapSubBox03 a { font-weight: bold; color: #5c8bb0 !important; } #offpistemapPare { display: block; width: 100%; margin: 0 auto;} #offpistemapImg { width: 100%; margin-bottom: 24px;} #offpistemapImg img { } #offpistemapTxt { width: 100%;} #offpistemapTxt > ol { margin-bottom: 24px;} #offpistemapTxt > ol > li { } #offpistemapTxt > ol > li:before { } .offpistemapList01:before { } .offpistemapList02:before { } .offpistemapList03:before { } .offpistemapList04 { } .offpistemapList04 a {} .offpistemapList04 a > span { } .offpistemapList05:before { } .offpistemapList06:before { } .offpistemapList07:before { } .offpistemapLink { } #offpistemapTxt p { } #offpistemapTxt p:last-child { } /*covid19Btn*/ /* footer { margin-bottom: 83px;} #covid19Btn { position: fixed; bottom: 0; left: 0; z-index: 120; width: calc(100%/3); 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: 12px; display: block; width: 100%; text-align: center;} #liveCam { position: fixed; bottom: 0; right: 0; z-index: 120; width: 50%; height: 83px; text-align: center;} #liveCam a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; background: #93c0dd; padding: 0; color: #FFF !important; font-weight: bold; } #liveCam a:before { content: ""; display: block; width: calc( 100% - 11px ); height: calc( 100% - 11px ); border: rgba(255,255,255,0.5) 1px solid; position: absolute; top: 5px; left: 5px;} #liveCam01 { display: block; font-size: 12px; margin-right: 1em;} #liveCam02 { display: block; } #liveCam02 img { width: auto; height: 60px; } #reservationBtn { position: fixed; bottom: 0; right: calc(100%/3); z-index: 120; width: calc(100%/3); height: 83px;} #reservationBtn a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; color: #FFF !important; font-weight: bold; box-sizing: border-box; background: #90B49E;} #reservationBtn a span { display: inline-block; background: url(images/icon_tent01.png) no-repeat 50% 0% / auto 24px; padding: 28px 0 0 0; line-height: 1.4; font-size: 12px;} #reservationBtn a:before { content: ""; display: block; width: calc( 100% - 11px ); height: calc( 100% - 11px ); border: rgba(255,255,255,0.5) 1px solid; position: absolute; top: 5px; left: 5px;} #tukattokuBtn { position: fixed; bottom: 0; right: 0; z-index: 120; width: calc(100%/3); height: 83px;} #tukattokuBtn a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; color: #FFF !important; font-weight: bold; box-sizing: border-box; background: #d584a4; text-align: center;} #tukattokuBtn a span { display: inline-block; background: url(images/tukattoku.png) no-repeat 50% 0 / auto 24px; padding: 28px 0 0 0; line-height: 1.1; font-size: 12px;} #tukattokuBtn a:before { content: ""; display: block; width: calc( 100% - 11px ); height: calc( 100% - 11px ); border: rgba(255,255,255,0.5) 1px solid; position: absolute; top: 5px; left: 5px;} @media only print, screen and ( max-width: 600px ) { .pcDisp { display: none; } } @media print, screen and ( min-width: 600px ) { footer { margin-bottom: 0;} #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;} #liveCam { position: fixed; bottom: auto; top: 297px; right: 0; width: 150px; height: 140px;} #liveCam a { align-content: center;} #liveCam a:before { content: ""; display: block; width: calc( 100% - 8px ); height: calc( 100% - 8px ); border: rgba(255,255,255,0.5) 1px solid; position: absolute; top: 3px; left: 3px;} #liveCam01 { width: 100%; font-size: 10px; margin: 0 0 4px;} #liveCam02 { width: 100%;} #liveCam02 img { width: auto; height: auto; width: 134px; } #reservationBtn { position: fixed; bottom: auto; top: 297px; right: 0; width: 150px; height: 83px;} #reservationBtn a { } #reservationBtn a span { background: url(images/icon_tent01.png) no-repeat 0% 50% / 48px auto ; padding: 0 0 0 56px;font-size: 14px;} #reservationBtn a:before { } #tukattokuBtn { position: fixed; bottom: auto; top: 384px; right: 0; width: 150px; height: 83px;} #tukattokuBtn a { text-align: left;} #tukattokuBtn a span { background: url(images/tukattoku.png) no-repeat 0% 50% / 40px auto ; padding: 0 0 0 48px; font-size: 12px;} #tukattokuBtn a:before { } */ } /*covid19Btn*/ footer { margin-bottom: 83px;} #covid19Btn { position: fixed; bottom: 0; left: 0; z-index: 120; width: 50%; height: 64px; 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: 14px; line-height: 1.2; display: block; width: 100%; text-align: center;} #reservationBtn { position: fixed; bottom: 64px; right: 0; z-index: 120; width: 100%; height: 48px;} #reservationBtn a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; color: #FFF !important; font-weight: bold; box-sizing: border-box; background: #90B49E;} #reservationBtn a span { display: inline-block; background: url(images/icon_tent01.png) no-repeat 0% 0% / auto 24px; padding: 0 0 0 40px; line-height: 1.4; font-size: 12px;} #reservationBtn a:before { content: ""; display: block; width: calc( 100% - 11px ); height: calc( 100% - 11px ); border: rgba(255,255,255,0.5) 1px solid; position: absolute; top: 5px; left: 5px;} #seasonTicketBtn { position: fixed; bottom: 64px; left: 0; z-index: 120; width: 100%; height: 40px;} #seasonTicketBtn a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; color: #003987 !important; font-weight: bold; box-sizing: border-box; background: #a8d6e5; text-align: center;} #seasonTicketBtn a span { display: inline-block; position: relative; padding: 0 0 0 40px; line-height: 1; font-size: 14px; text-align: left;} #seasonTicketBtn a span:before { content: ""; display: block; width: 32px; height: 22px; background: url(images/icon_season.png) no-repeat 0 50% / 100% 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} #seasonTicketBtn a:before { content: ""; width: 100%; height: calc( 100% - 8px ); border: rgba(255,255,255,0.5) 1px solid; border-right: none; border-left: none; position: absolute; top: 2px; left: 0px;} #liveCam { position: fixed; bottom: 0; right: 0; z-index: 120; width: 50%; height: 64px; text-align: center;} #liveCam a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; background: #93c0dd; padding: 0; color: #FFF !important; font-weight: bold; } #liveCam a:before { content: ""; display: block; width: calc( 100% - 11px ); height: calc( 100% - 11px ); border: rgba(255,255,255,0.5) 1px solid; position: absolute; top: 5px; left: 5px;} #liveCam01 { display: block; font-size: 12px; margin-right: 1em;} #liveCam02 { display: block; } #liveCam02 img { width: auto; height: 60px; } #seasonTicket { position: fixed; bottom: 64px; right: 0; z-index: 120; width: 50%; height: 40px;} #seasonTicket a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; background: #00a1e9; padding: 0; color: #FFF !important; font-weight: bold; text-decoration: none;} #seasonTicket a:before { content: ""; display: block; width: calc( 100% - 10px); height: calc( 100% - 10px); border: #FFF 1px solid; position: absolute; top: 4px; left: 4px;} #seasonTicket a span { position: relative; font-size: 12px; letter-spacing: -0.1em; line-height: 1.2; display: inline-block; text-align: left; padding-left: 32px;} #seasonTicket a span:before { content: ''; display: block; width: 26px; height: 41px; background: url(images/ticket.svg) no-repeat 0 0 / 100% 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} /* #oniBnr { position: fixed; bottom: 64px; right: 0; z-index: 120; width: 50%; height: 40px;} */ #oniBnr { position: fixed; bottom: 64px; right: 0; z-index: 120; width: 50%; height: 40px;} #oniBnr a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; color: #FFF !important; font-weight: bold; box-sizing: border-box; background: #ee740d; text-align: center;} #oniBnr a span { display: inline-block; position: relative; padding: 0; line-height: 1; font-size: 13px; text-align: left;} #oniBnr a:before { content: ""; width: 100%; height: calc( 100% - 8px ); border: #fbcb03 1px solid; border-right: none; border-left: none; position: absolute; top: 2px; left: 0px;} @media only print, screen and ( max-width: 600px ) { .pcDisp { display: none; } } @media print, screen and ( min-width: 600px ) { footer { margin-bottom: 0;} #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;} #reservationBtn { position: fixed; bottom: auto; top: 457px; right: 0; width: 150px; height: 83px;} #reservationBtn a { } #reservationBtn a span { background: url(images/icon_tent01.png) no-repeat 0% 50% / 48px auto ; padding: 0 0 0 56px;font-size: 14px;} #reservationBtn a:before { } #seasonTicketBtn { position: fixed; bottom: auto; top: 445px; left: auto; right: 0; width: 150px; height: 83px;} #seasonTicketBtn a { } #seasonTicketBtn a span { text-align: left;} #seasonTicketBtn a span:before {} #seasonTicketBtn a:before { content: ""; display: block; width: calc( 100% - 11px ); height: calc( 100% - 11px ); border: rgba(255,255,255,0.5) 1px solid; position: absolute; top: 5px; left: 5px;} #liveCam { position: fixed; bottom: auto; top: 297px; right: 0; width: 150px; height: 140px;} #liveCam a { align-content: center;} #liveCam a:before { content: ""; display: block; width: calc( 100% - 8px ); height: calc( 100% - 8px ); border: rgba(255,255,255,0.5) 1px solid; position: absolute; top: 3px; left: 3px;} #liveCam01 { width: 100%; font-size: 10px; margin: 0 0 4px;} #liveCam02 { width: 100%;} #liveCam02 img { width: auto; height: auto; width: 134px; } #seasonTicket { position: fixed; bottom: auto; top: 537px; right: 0; width: 150px; height: 83px;} #seasonTicket a { } #seasonTicket a:before { } #seasonTicket a span { font-size: 14px;} #seasonTicket a span:before { } #oniBnr { position: fixed; bottom: auto; top: 537px; right: 0; width: 150px; height: 83px;} #oniBnr a span { font-size: 14px; line-height: 1.4;} }