@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0;text-align:left}hr{display:none;margin:0;padding:0;border:none;font-size:0;line-height:0}a{color:inherit;text-decoration:none}ol,ul{list-style:none}address{font-style:normal}p{line-height:1.8}img{max-width:100%;border:none}.serif{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif}@font-face{font-family:YuGothicM;src:local("Yu Gothic Medium")}body,html{position:relative;width:100%;height:100%}html{font-size:62.5%}body{color:#4c4948;font-size:1em;font-family:"游ゴシック Medium",YuGothic,YuGothicM,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;font-weight:40}body.on{overflow:hidden;width:100%;height:100vh}#wrap{position:relative;z-index:2}.pc{display:block}.sp{display:none}.liquid-inner{width:92.30769%;max-width:1300px;min-width:960px;margin:0 auto;margin:0 auto}.solid-inner{width:960px;margin:0 auto;margin:0 auto}.solid-inner-min{width:880px;margin:0 auto}.gotop{opacity:0;transition:opacity .4s ease}.gotop.on{opacity:1}.gotop.ov{cursor:pointer}.gotop p{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:fixed;right:0;bottom:0;z-index:999;width:64px;height:64px;background-color:#c9dbdd;color:#fff;transition:opacity .4s ease}.gotop p svg{font-size:6rem;line-height:1}.gotop p.ov{cursor:pointer;opacity:.7}@media (max-width:767px){.pc{display:none}.sp{display:block}.liquid-inner{width:87.5%;max-width:87.5%;min-width:87.5%;margin:0 auto}.solid-inner{width:87.5%;max-width:87.5%;min-width:87.5%;margin:0 auto}.solid-inner-min{width:100%;max-width:none;min-width:inherit}.gotop p{bottom:-20vw;width:4rem;height:4rem}.gotop p svg{font-size:4rem}}@media (min-width:768px){.flex-clm{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flex-clm .clm6{width:62.5%}.flex-clm .clm5{width:49%}.flex-clm .clm3{width:31.25%}.foranchors{margin-top:-150px;padding-top:150px}}.btn a{display:block;width:50%;margin:0 auto;padding:1em;border:1px #89b8bd solid;border-radius:0;background-color:#89b8bd;color:#333;font-size:3.125vw;line-height:1;text-align:center}.btn01 a{display:block;width:auto;margin:0 auto;padding:1em;border:1px transparent solid;border-radius:0;background-color:transparent;color:#333;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;border:none;text-align:left;line-height:1}.btn01 a svg{margin-left:.5em;color:#89b8bd;font-size:3.90625vw}.btn02 a{display:block;width:50%;margin:0 auto;padding:1em;border:1px #fff solid;border-radius:0;background-color:#fff;color:#89b8bd;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none}.btn02 a svg{margin-left:.5em;color:#89b8bd;font-size:3.90625vw}.btn04 a{display:block;width:50%;margin:0 auto;padding:1em;border:1px #89b8bd solid;border-radius:0;background-color:#fff;color:#333;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.btn04 a svg{margin-left:.5em;color:#333;font-size:3.90625vw}.btn05 a{display:block;width:100%;margin:0 auto;padding:1em;border:1px transparent solid;border-radius:0;background-color:#89b8bd;color:#333;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;font-size:4.6875vw}.btn05 a svg{color:#333;font-size:3.90625vw}.btn06 a{display:block;width:50%;margin:0 auto;padding:1em;border:1px transparent solid;border-radius:0;background-color:#89b8bd;color:#fff;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;font-size:3.75vw}.btn06 a svg{margin-left:.5em;color:#fff;font-size:3.90625vw}.btn07 a{display:block;width:50%;margin:0 auto;padding:1em;border:1px #89b8bd solid;border-radius:0;background-color:transparent;color:#89b8bd;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:3.75vw}.btn07 a svg{margin-left:.5em;font-size:3.90625vw}.tit01{position:relative;margin-bottom:1em;color:#89b8bd;font-size:5.625vw;font-weight:400}.tit01:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;border-bottom:2px #89b8bd dotted;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tit01 span{position:relative;z-index:1;padding-right:.5em;background-color:#fff}.tit02{font-size:4.6875vw;font-weight:400}.tit03{padding-bottom:1em;color:#89b8bd;font-size:5.625vw;font-weight:400}.list01{list-style-type:disc;padding-left:1.5em}.list01 li:not(:last-child){padding-bottom:.5em}.list02{list-style-type:disc}@media (min-width:768px){.btn a{transition:opacity .4s ease}.btn a.ov{opacity:.7}.btn svg{line-height:1}.btn01 a{display:block;width:auto;margin:0 auto;padding:1em;border:1px transparent solid;border-radius:0;background-color:transparent;color:#333;font-size:1.4rem;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;border:none;text-align:left;line-height:1}.btn01 a svg{margin-left:.5em;color:#89b8bd;font-size:2rem}.btn02 a{display:block;width:320px;margin:0 auto;padding:1em;border:1px #fff solid;border-radius:0;background-color:#fff;color:#89b8bd;font-size:1.4rem;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none}.btn02 a svg{margin-left:.5em;color:#89b8bd;font-size:1.7rem}.btn03 a{display:block;width:320px;margin:0 auto;padding:1em;border:1px #89b8bd solid;border-radius:0;background-color:#fff;color:#333;font-size:1.4rem;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.btn03 a svg{position:absolute;right:1em;color:#333;font-size:1.4rem}.btn04 a{display:block;width:320px;margin:0 auto;padding:1em;border:1px #89b8bd solid;border-radius:0;background-color:#fff;color:#333;font-size:1.4rem;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.btn04 a svg{margin-left:.5em;color:#333;font-size:1.4rem;-webkit-transform:translateY(.1em);transform:translateY(.1em)}.btn05 a{display:block;width:100%;margin:0 auto;padding:1em;border:1px transparent solid;border-radius:0;background-color:#89b8bd;color:#333;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;font-size:1.8rem;font-weight:500}.btn05 a svg{color:#333;font-size:1.7rem}.btn06 a{display:block;width:50%;margin:0 auto;padding:1em;border:1px transparent solid;border-radius:0;background-color:#89b8bd;color:#fff;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;font-size:1.4rem;font-weight:500}.btn06 a svg{color:#fff;font-size:1.7rem}.btn07 a{display:block;width:50%;margin:0 auto;padding:1em;border:1px #89b8bd solid;border-radius:0;background-color:transparent;color:#89b8bd;font-size:3.125vw;line-height:1;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1.4rem;font-weight:500}.btn07 a svg{margin-left:.5em;font-size:1.7rem}.tit01{font-size:2.5rem}.tit02{font-size:2.1rem}.tit03{font-size:2.5rem}}#lower-visual .visual-area{overflow:hidden;position:relative;width:100%;height:0;padding-top:50%}#lower-visual .visual-area-inner{position:absolute;left:0;top:0;width:100%;height:100%}#lower-visual .solid-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;height:100%}#lower-visual h1{position:absolute;left:0;top:0;z-index:50;width:100%;height:100%;margin-top:1.66667%;color:#fff;font-size:3.75vw;font-weight:500;letter-spacing:.2em;text-shadow:0 0 1px rgba(153,153,153,.5),0 0 2px rgba(153,153,153,.5),0 0 3px rgba(153,153,153,.5),0 0 4px rgba(153,153,153,.5),0 0 5px rgba(153,153,153,.5);line-height:1.4}#lower-visual h1 span{font-size:3.125vw}#lower-visual dl{display:none}#lower-visual figure{position:absolute;right:0;bottom:3.125%;width:20%;font-size:0;line-height:0}#lower-visual h2{position:relative;color:#fff;font-size:6.25vw}#lower-visual h2:after{content:"";position:absolute;left:50%;top:100%;width:80%;height:2px;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#lower-visual h2 span{letter-spacing:.2em}#lower-visual nav{display:none}#breadcrumb{margin-bottom:4.6875%;padding:.5em}#breadcrumb ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#breadcrumb ul li{font-size:3.125vw;font-weight:700;color:#999}#breadcrumb ul li a{position:relative;margin-right:.5em;padding-right:1.5em;color:#89b8bd;font-weight:500}#breadcrumb ul li a:after{content:"＞";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width:768px){#lower-visual .visual-area{padding-top:21.5%}#lower-visual h1{margin-top:1.04167%;font-size:2.4rem;line-height:1.2}#lower-visual h1 span{font-size:2rem}#lower-visual h1 a{transition:opacity .4s ease}#lower-visual h1 a.ov{opacity:.7}#lower-visual dl{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:55;width:170px;margin-top:1.5625%}#lower-visual dl dt{position:relative;padding:.2em 1em;color:#fff;font-size:1.6rem;font-weight:700;line-height:1;letter-spacing:.1em;text-align:center;transition:opacity .4s ease}#lower-visual dl dt svg{position:absolute;right:1em;top:50%;font-size:1.2rem;line-height:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#lower-visual dl dd{opacity:0;position:absolute;right:0;top:100%;width:150%;height:0;padding:.5em;background-color:rgba(255,255,255,.8);transition:opacity .4s ease}#lower-visual dl dd ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#lower-visual dl dd ul li{width:49%;margin-right:2%;padding-bottom:5px}#lower-visual dl dd ul li:nth-child(2n){margin-right:0}#lower-visual dl dd ul li:last-child{margin-right:0}#lower-visual dl dd ul li:nth-child(n+5){padding-bottom:0}#lower-visual dl dd ul li a{display:block;position:relative;padding:.5em;border:1px #fff solid;background-color:#89b8bd;color:#fff;font-size:1.4rem;line-height:1;transition:opacity .4s ease}#lower-visual dl dd ul li a.ov{opacity:.7}#lower-visual dl dd ul li a svg{position:absolute;right:.5em;top:50%;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#lower-visual dl.lang-on{overflow:visible}#lower-visual dl.lang-on dt{opacity:.7}#lower-visual dl.lang-on dd{opacity:1;height:auto}#lower-visual figure{bottom:2.08333%}#lower-visual h2{font-size:4rem}#lower-visual nav{display:block;position:relative;left:0;top:0;z-index:10;width:100%;padding:1.8rem 0}#lower-visual nav.fixed-on{position:fixed;z-index:999;background-color:rgba(255,255,255,.9)}#lower-visual nav .navi{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:960px;margin:0 auto}#lower-visual nav .navi>li{position:relative;text-align:center}#lower-visual nav .navi>li.more>p{line-height:inherit}#lower-visual nav .navi a{display:block;width:6em;border-bottom:2px #89b8bd solid;color:#89b8bd;font-size:1.8rem;font-weight:700;text-align:center;letter-spacing:.1em}#lower-visual nav .navi a.ov{border-bottom:none}#lower-visual nav .navi>li ul{display:none;position:absolute;left:0;top:100%;width:14em;background-color:rgba(255,255,255,.9)}#lower-visual nav .navi>li ul a{width:100%;padding:.2em 0;font-size:1.6rem;font-weight:400}#lower-visual nav .navi>li ul a:hover{border-bottom:none}#breadcrumb{margin-bottom:2.30769%}#breadcrumb ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:960px;margin:0 auto;margin:0 auto}#breadcrumb ul li{font-size:1.4rem}#breadcrumb ul li a{text-decoration:underline}#breadcrumb ul li a.ov{text-decoration:none}}#footer{padding-bottom:20vw}#footer #sns{padding-bottom:15.625%}#footer #sns dt{padding-bottom:1em;font-size:3.125vw;text-align:center}#footer #sns ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#footer #sns ul li{font-size:0;line-height:0}#footer #sns ul li:not(:last-child){margin-right:17.1875%}#footer #fbody{padding:4.6875% 0;background-color:#89b8bd}#footer #fbody .address{padding-bottom:19.64286%}#footer #fbody .address dt{padding-bottom:5.35714%;font-size:0;line-height:0}#footer #fbody .address dd{font-size:3.125vw}#footer #fbody .address dd a{color:#fff;text-decoration:underline}#footer #fbody #fnavi{display:none}#footer .copyright{padding-bottom:3em;font-size:3.125vw;text-align:center}@media (min-width:768px){#footer{padding-bottom:0}#footer #sns{padding-bottom:30px}#footer #sns dt{padding-bottom:1em;font-size:2rem}#footer #sns ul li:not(:last-child){margin-right:70px}#footer #fbody{padding:25px 0 30px}#footer #fbody .solid-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:35px}#footer #fbody .address{width:257px;padding-bottom:0}#footer #fbody .address dt{padding-bottom:30px}#footer #fbody .address dt a{transition:opacity .4s ease}#footer #fbody .address dt a.ov{opacity:.7}#footer #fbody .address dd{font-size:1.1rem;line-height:1.6}#footer #fbody .address dd a:hover{text-decoration:none}#footer #fbody #fnavi{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:633px}#footer #fbody #fnavi li{font-size:1.1rem;line-height:2rem}#footer #fbody #fnavi li a{color:#fff}#footer #fbody #fnavi .parents>li{padding-bottom:.5em}#footer #fbody #fnavi .parents>li li{line-height:2}#footer #fbody #fnavi .parents>li li:before{content:"-";margin-right:.5em;color:#fff}#footer .copyright{padding-bottom:0;font-size:1.1rem}}#sp-navi #sp-navi-quick{position:fixed;left:0;bottom:0;z-index:999;width:100%}#sp-navi #sp-navi-quick ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#sp-navi #sp-navi-quick ul li{width:25vw;height:20vw;border-right:1px #fff solid}#sp-navi #sp-navi-quick ul li:last-child{border-right:none}#sp-navi #sp-navi-quick ul li a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;background-color:#89b8bd;color:#fff}#sp-navi #sp-navi-quick ul li a svg{margin-bottom:.2em;font-size:6.25vw}#sp-navi #sp-navi-quick ul .fa-bars{display:block}#sp-navi #sp-navi-quick ul .fa-times{display:none}#sp-navi #sp-navi-quick ul.on .fa-bars{display:none}#sp-navi #sp-navi-quick ul.on .fa-times{display:block}#sp-navi #sp-navi-body{opacity:0;position:absolute;left:0;top:0;z-index:1;width:100%;transition:opacity .4s ease}#sp-navi #sp-navi-body.on{opacity:1;position:fixed;left:0;top:0;z-index:998;width:100%;height:100%;background-color:#fff}#sp-navi #sp-navi-body dl{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:1.5625% 6.25%;background-color:#89b8bd}#sp-navi #sp-navi-body dl dt{color:#fff;font-size:3.75vw;font-weight:400;letter-spacing:.2em;line-height:1.36}#sp-navi #sp-navi-body dl dt span{font-size:3.125vw}#sp-navi #sp-navi-body dl dd{width:28%}#sp-navi #sp-navi-body dl dd ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#sp-navi #sp-navi-body dl dd ul li{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.5em}#sp-navi #sp-navi-body dl dd ul li a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:2em;height:2em;border-radius:100%;border:1px #fff solid;background-color:#ddd;color:#fff;font-size:3.125vw}#sp-navi #sp-navi-body nav{padding:6.25%}#sp-navi #sp-navi-body nav li:not(:last-child){border-bottom:1px #dbdcdc solid}#sp-navi #sp-navi-body nav li.more p{display:none}#sp-navi #sp-navi-body nav li a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.5em 0;font-size:3.125vw}#sp-navi #sp-navi-body nav li a svg{display:inline-block}@media (min-width:768px){#sp-navi{display:none}}#cat-navi{position:relative;z-index:1;padding-bottom:6.25%}#cat-navi ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#cat-navi ul li{width:48%;padding-bottom:1em;font-size:3.75vw}#cat-navi ul li a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;padding:.5em 0;background-color:#c9dbdd}#cat-navi ul li a svg{position:absolute;left:.5em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width:768px){#cat-navi{padding-bottom:20px}#cat-navi ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}#cat-navi ul li{width:19%;margin-right:1.25%;font-size:1.8rem}#cat-navi ul li:nth-child(5n){margin-right:0}#cat-navi ul li a{transition:opacity .4s ease}#cat-navi ul li a.ov{opacity:.7}}#article-navi{padding-bottom:6.25%}#article-navi ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#article-navi ul li{width:48%;padding-bottom:1em;font-size:3.75vw}#article-navi ul li.next{margin-left:auto;text-align:right}#article-navi ul li a{color:#89b8bd}#article-navi ul li a .fa-chevron-circle-left{margin-right:.5em}#article-navi ul li a .fa-chevron-circle-right{margin-left:.5em}@media (min-width:768px){#article-navi{padding-bottom:20px}#article-navi ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#article-navi ul li{font-size:1.8rem}}.articlelist01{width:93.33333%;margin:0 auto}.articlelist01 .article{margin-bottom:7.14286%;padding-bottom:7.14286%;border-bottom:1px #ddd solid}.articlelist01 .article:last-child{margin-bottom:0;padding-bottom:14.28571%;border-bottom:0}.articlelist01 .article figure{width:100%;margin-bottom:3.57143%;font-size:0;line-height:0;text-align:center}.articlelist01 .article figure img{width:100%}.articlelist01 .article .txt-area{width:100%}.articlelist01 .article .txt-area .article-date{font-size:3.75vw}.articlelist01 .article .txt-area .tit02{padding-bottom:.5em}.articlelist01 .article .txt-area .info{padding-bottom:1em;font-size:3.75vw}.articlelist01 .article .txt-area .info li{padding-bottom:.5em}.articlelist01 .article .txt-area .info li dl{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.articlelist01 .article .txt-area .info li dl dt{padding-right:1em}.articlelist01 .article .txt-area .info li a{color:#89b8bd;text-decoration:underline}.articlelist01 .article .txt-area .info li.point span{display:inline-block;margin:0 .5em .5em 0;padding:.2em;background-color:#ddd}.articlelist01 .article .txt-area .info li.event-date dl{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.articlelist01 .article .txt-area .info li.event-date dd{font-size:4.375vw}.articlelist01 .article .txt-area .info li .btn06 a{width:49%;margin:0;color:#fff;text-decoration:none}.articlelist01 .article .txt-area .info li.btn-list .btn06{width:100%;margin-bottom:3.125%}.articlelist01 .article .txt-area .info li.btn-list .btn06 a{width:100%}.articlelist01 .article .txt-area .info li.btn-list .btn07{width:100%}.articlelist01 .article .txt-area .info li.btn-list .btn07 a{width:100%;text-decoration:none}.articlelist01 .article .txt-area .text{padding-bottom:1em;font-size:3.75vw}.articlelist01 .article .txt-area .text p{padding-bottom:1em;font-size:3.75vw}.articlelist01 .article .txt-area .btn04 a{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.articlelist01 .article .txt-area .recommend{padding:3.57143%;border:1px #ddd solid}.articlelist01 .article .txt-area .recommend dt{padding-bottom:.5em;color:#89b8bd;font-size:3.75vw;text-align:center}.articlelist01 .article .txt-area .recommend dd{padding-bottom:1em;font-size:3.75vw;text-align:center}.articlelist01 .article .txt-area .recommend dd strong{font-weight:500}.articlelist01 .article .txt-area .room{margin-top:3.57143%}.articlelist01 .article .txt-area .room ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:1em;font-size:3.75vw}.articlelist01 .article .txt-area .room ul dt{text-align:center}.articlelist01 .article .txt-area .room ul dd{text-align:center}.articlelist01 .article .txt-area .room ul dd span{font-size:4.6875vw;font-weight:500}.articlelist01 .article .txt-area .room p span{display:inline-block;margin:0 .5em .5em 0;padding:.2em;background-color:#c9dbdd;color:#fff;font-size:3.75vw}.articlelist01 .article .txt-area .room .ph-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.articlelist01 .article .txt-area .room .ph-list figure{width:48%;margin-bottom:0;font-size:0;line-height:0}.articlelist01 .article .txt-area .daytrip{margin-top:3.57143%}.articlelist01 .article .txt-area .daytrip dl{padding:3.57143%;border:1px #ddd solid}.articlelist01 .article .txt-area .daytrip dl dt{padding-bottom:.5em;color:#89b8bd;font-size:3.75vw}.articlelist01 .article .txt-area .daytrip dl dd{font-size:3.75vw}@media (min-width:768px){.articlelist01{width:880px;margin:0 auto}.articlelist01 .article{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;padding:0 0 40px}.articlelist01 .article:last-child{padding-bottom:80px}.articlelist01 .article figure{width:30%;margin-bottom:3.33333%;font-size:0;line-height:0;text-align:center}.articlelist01 .article .txt-area{width:65%}.articlelist01 .article .txt-area.w100{width:100%}.articlelist01 .article .txt-area .article-date{font-size:1.4rem}.articlelist01 .article .txt-area .info{font-size:1.4rem}.articlelist01 .article .txt-area .info li a:hover{text-decoration:none}.articlelist01 .article .txt-area .info li.event-date dl{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.articlelist01 .article .txt-area .info li.event-date dd{font-size:1.8rem}.articlelist01 .article .txt-area .info li .btn06 a{width:30%}.articlelist01 .article .txt-area .info li.btn-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.articlelist01 .article .txt-area .info li.btn-list .btn06{width:32%;margin:0 3.125% 0 0}.articlelist01 .article .txt-area .info li.btn-list .btn06 a{border:1px #89b8bd solid}.articlelist01 .article .txt-area .info li.btn-list .btn07{width:45%}.articlelist01 .article .txt-area .text{font-size:1.4rem}.articlelist01 .article .txt-area .text p{font-size:1.4rem}.articlelist01 .article .txt-area .btn04{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.articlelist01 .article .txt-area .btn04 a{margin:0}.articlelist01 .article .txt-area .recommend{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:20px}.articlelist01 .article .txt-area .recommend dl{width:55%}.articlelist01 .article .txt-area .recommend dt{padding-bottom:.5em;font-size:1.4rem}.articlelist01 .article .txt-area .recommend dd{padding-bottom:1em;font-size:1.4rem}.articlelist01 .article .txt-area .recommend figure{width:40%;margin-bottom:0}.articlelist01 .article .txt-area .room{margin-top:20px}.articlelist01 .article .txt-area .room ul{font-size:1.4rem}.articlelist01 .article .txt-area .room ul dd span{font-size:1.8rem}.articlelist01 .article .txt-area .room p{text-align:center}.articlelist01 .article .txt-area .room p span{margin:0 1em .5em 0;padding:.2em .5em;font-size:1.4rem}.articlelist01 .article .txt-area .daytrip{margin-top:20px}.articlelist01 .article .txt-area .daytrip dl{padding:20px}.articlelist01 .article .txt-area .daytrip dl dt{font-size:1.4rem}.articlelist01 .article .txt-area .daytrip dl dd{font-size:1.4rem}}.article-detail{padding-bottom:9.375%}.article-detail .article-date dt{font-size:4.0625vw}.article-detail .article-tit{margin-bottom:1em;padding-bottom:.5em;border-bottom:2px #89b8bd dotted;color:#89b8bd;font-size:5.625vw;font-weight:400}.article-detail .flex-clm{padding-bottom:6.66667%}.article-detail .flex-clm .event-ph{padding-bottom:3.33333%;font-size:0;line-height:0}.article-detail .flex-clm .event-table table{width:100%;border-collapse:collapse;font-size:3.75vw}.article-detail .flex-clm .event-table th{width:30%;padding:.2em .5em;border:1px #ddd solid;border-bottom:1px #fff solid;background-color:#c9dbdd;font-weight:400}.article-detail .flex-clm .event-table td{padding:.2em .5em;border:1px #ddd solid}.article-detail .flex-clm .event-table tr:last-child th{border-bottom:1px #ddd solid}.article-detail .flex-clm .event-table p{padding-bottom:1em;font-size:4.0625vw}.article-detail .article-body{padding-bottom:6.66667%;font-size:4.0625vw;line-height:1.8;word-wrap:break-word}.article-detail .article-body ol,.article-detail .article-body p,.article-detail .article-body ul{padding-bottom:1em}.article-detail .article-body img{height:auto}.article-detail .article-body a{color:#89b8bd;text-decoration:underline}.article-detail .article-body h1{font-size:7.03125vw}.article-detail .article-body ul{list-style:disc;padding-left:2em}.article-detail .article-body ol{list-style:decimal;padding-left:2em}.article-detail .btn04 a{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (min-width:768px){.article-detail{padding-bottom:9.375%}.article-detail .article-date dt{font-size:1.4rem}.article-detail .article-tit{font-size:2.5rem}.article-detail .article-tit a:hover{text-decoration:underline}.article-detail .flex-clm{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:40px}.article-detail .flex-clm .event-ph{width:30%;padding-bottom:0}.article-detail .flex-clm .event-table{width:65%}.article-detail .flex-clm .event-table table{font-size:1.4rem}.article-detail .flex-clm .event-table th{width:30%;padding:.5em 1em}.article-detail .flex-clm .event-table td{padding:.5em 1em}.article-detail .flex-clm .event-table p{font-size:1.6rem}.article-detail .flex-clm .article-date{width:65%}.article-detail .article-body{padding-bottom:40px;font-size:1.6rem}.article-detail .article-body p{padding-bottom:2em}.article-detail .article-body a:hover{text-decoration:none}.article-detail .article-body a img{text-decoration:none;transition:opacity .4s ease}.article-detail .article-body a img:hover{opacity:.7}.article-detail .article-body h1{font-size:2.8rem}.article-detail .btn04 a{transition:opacity .4s ease}.article-detail .btn04 a.ov{opacity:.7}}#lower-visual{background:url(/images/event/visual_sp.jpg) no-repeat center center;background-size:cover}#box01 .remarks{padding-bottom:1em;font-size:3.75vw}@media (min-width:768px){#lower-visual{background:url(/images/event/visual_pc.jpg) no-repeat center center;background-size:cover}#box01 .remarks{padding-bottom:1em;font-size:1.4rem;text-align:center}} .d-flex { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } .flex-wrap { -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-derection-row-reverse { flex-direction: row-reverse } .justify-content-center { -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important} .justify-content-between { -webkit-box-pack:space-between!important; -ms-flex-pack:space-between!important; justify-content:space-between!important} .align-items-center { -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-start { -webkit-box-align:start!important; -ms-flex-align:start!important; align-items:flex-start!important} #wf2024 .clearfix::after, #wf2024 .clearfix::before, #winterfireworks .clearfix::after, #winterfireworks .clearfix::before { display: table; content: " "} #winterfireworks, #winterbus { color: black; font-size: 17px; font-family: 'M PLUS Rounded 1c',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500;} #wf2024 { color: black; font-size: 17px; font-family: 'Zen Maru Gothic',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500;} .fs31 { font-size: 3.1rem} .fs35 { font-size: 3.5rem} .fs50 { font-size: 5rem} .l-flex {display: flex;} #wf2024 .noto { font-family: 'Noto Sans JP', sans-serif;} #wf2024 .maru { font-family: 'M PLUS Rounded 1c', serif;} #wf2024 .cinzel { font-family: 'Cinzel', serif} #wf2024 .f-smaller { font-size: smaller} #wf2024 .headBlk { background-color: black; padding: 35px 0 40px} #wf2024 .headBlk h2 { text-align: center} #wf2024 .contentsbox { width:1200px; margin: 0 auto; font-size:2.2rem} #wf2024 .content-divider { width: 76%; display: block;height: 2px;background-color: black;margin: 20px auto;position: relative; } #wf2024 .intorbox, #wf2024 .period { display: flex; justify-content: space-between; padding: 86px 0; margin: 0 auto;} #wf2024 .period {justify-content: center;} #wf2024 .intorbox { width: 920px; font-size: 2.4rem} #wf2024 .period, #wf2024 .period_detail{ width: 660px; margin: 0 auto;} #wf2024 .period_detail { margin-bottom: 80px} #wf2024 .period_detail dl { display: flex; justify-content: flex-start; margin-bottom: 20px; font-size: 2.4rem} #wf2024 .period_detail dl dt { color: white; min-width: 200px; min-height:50px; background-image: url("../images/winterfireworks/24/period_detail_dt.png"); background-position: top center; text-align: center;background-repeat: no-repeat;padding-top: 8px;} #wf2024 .period_detail dl dd { margin-left: 20px} #wf2024 .period_detail dl.time dd strong { font-size: 4rem; font-weight: 500; line-height: 50px} #wf2024 .period_detail dl.plice dd strong, #wf2024 .period_detail dl.place dd strong{ font-size: 3rem; font-weight: 500; line-height: 50px} #wf2024 .map { text-align: center; margin-bottom: 77px} #wf2024 .map img { margin: 0 auto 23px auto} #wf2024 .map a, #wf2024 .bg2 a{ display: block; width: 350px; height: 50px; line-height: 50px; margin:0 auto; color: white; background-image: url("../images/winterfireworks/24/map_btn.png"); background-position: top center; text-align: center;background-repeat: no-repeat;} #wf2024 .bg1 { background-color: #F8F5DE; padding: 50px 0; color: #103568} #wf2024 .bg1 h3 { width: 800px; padding: 0 15px; margin: 0 auto 20px; background-color:#103568; font-size: 3rem; line-height: 50px; color: white; font-weight: normal; display: flex; justify-content: space-between; align-items: center} #wf2024 .bg1 h3 img { vertical-align: text-top} #wf2024 .bg1 ul { display: flex; justify-content: center; align-items: center;} #wf2024 .bg1 ul.exp li { padding: 0 15px; line-height: 1} #wf2024 .bg1 ul.exp li:first-child { padding-left: 0; border-right: solid 1px #103568 } #wf2024 .bg1 ul.exp li:last-child { padding-right: 0; border-left: solid 1px #103568 } #wf2024 .bg1 p { text-align: center; margin-bottom: 25px} #wf2024 .bg1 a { display: block; width: 464px; height: 50px; line-height: 50px; margin:25px auto 50px; color: white; background-image: url("../images/winterfireworks/24/about_btn.png"); background-position: top center; text-align: center;background-repeat: no-repeat;} #wf2024 .bg1 .content-divider { width: 76%; display: block;height: 5px; background-color:transparent; background-image: url("../images/winterfireworks/24/divider01.png"); background-position: center; text-align: center;background-repeat: no-repeat; } #wf2024 .bg2 { background-color: #DBE4E5; padding: 50px 0; color: #231815} #wf2024 .bg2 .l-flex { justify-content: center;} #wf2024 .imgTtl { width: 198px; margin-right: 50px} #wf2024 .txt { width: 600px} #wf2024 .bg2 h3{ font-size: 1.8rem; color: #103568} #wf2024 .survey { padding: 83px 0 75px} #wf2024 .survey .wrap { background-image: url("../images/winterfireworks/24/survey.png"); background-repeat: no-repeat; background-size: auto; background-position: top center; margin: 0 auto 10px; padding: 20px 20px 70px; width: 502px; } #wf2024 .survey .wrap h3, #wf2024 .survey .wrap p {text-align: center} #wf2024 .survey .wrap h3 { line-height: 2.2;border-bottom: solid 2px black;margin: 0 13px;} #wf2024 .survey .wrap .msg_red{ font-size: 1.8rem;color:#BA272D} #wf2024 .survey .wrap .msg_red span { text-decoration:underline wavy #BA272D} #wf2024 .survey .wrap .dates { font-size: 1.5rem} #wf2024 .survey a { display: block; width: 400px; height: 50px; line-height: 50px; margin: 25px auto 50px; background-image: url(../images/winterfireworks/24/survey_btn.png); background-position: top center; text-align: center; background-repeat: no-repeat; } #wf2024 .bg3 { background-color: #103568; padding: 85px 0 82px; color: white} #wf2024 .bg3 .contentsbox {background-image: url("../images/winterfireworks/24/fun.png"); background-repeat: no-repeat;background-position: top right; background-size: auto;} #wf2024 .bg3 .caption, #wf2024 .bg3 dl, #wf2024 .bg3 p { width: 800px; position: relative; margin: 0 auto;} #wf2024 .bg3 .caption > img { position:absolute; left: -27px; top: -50px} #wf2024 .bg3 h3 { margin: 0 auto 20px; background-color:#103568; font-size: 3rem; line-height: 50px; color: #103568; display: flex; justify-content: flex-start;} #wf2024 .bg3 h3 .ttl_body { line-height: 87px; height: 87px; background-image: url("../images/winterfireworks/24/fun_ttl_body.png"); background-repeat: repeat-x;background-position: center left; background-size: auto; } #wf2024 .bg3 dl { margin-bottom: 30px} #wf2024 .bg3 dt, #wf2024 .bg3 dd, #wf2024 .bg3 p {padding-left: 35px;} #wf2024 .bg3 dt { font-size: 2.4rem; font-weight: bold;margin-bottom: 15px; background-image: url("../images/winterfireworks/24/about_ttl.png"); background-repeat: no-repeat;background-position: 0px 5px;background-size: 28px 28px;} #wf2024 .bg3 dd { font-size: 2rem; font-weight: normal} #wf2024 .bg4 { background-color: #d4e5e6; padding: 80px 0;} #wf2024 .bg4 #fair {display: flex; justify-content:center; align-items: center; margin-bottom: 44px} #wf2024 .bg4 #fair li { width: 59px; height: 59px; line-height: 59px} #wf2024 .bg4 #fair li.txt { background-color: white; width: calc(100% - 118px);line-height: calc(59px / 2);} #wf2024 .bg4 #fair h3 { color: #103568; text-align: center; font-size: 2rem} #wf2024 .bg4 #fair h3 > span {display: none} #wf2024 .bg4 #fair h3 > br {display: block} #wf2024 .bg4 .period_detail dl.time dd strong { font-size: 3.8rem} #wf2024 .bg4 .period_detail dl dd { margin-left: 0px;} #wf2024 .fmenuBlock { padding: 70px 0} #wf2024 .fmenuBlock > .contentsbox {padding: 15px} #wf2024 .fmenuBlock .mainBox { flex-wrap: wrap} #wf2024 .fmenuBlock .fdetail dl { width: 100%; margin-bottom: 20px;} #wf2024 .fmenuBlock .fdetail dt , #wf2024 .fmenuBlock .fdetail dd {line-height: 2.6rem;} #wf2024 .fmenuBlock .fdetail dt { font-size: 2rem; min-width: 100px; text-align: right} #wf2024 .fmenuBlock .fdetail dd { font-size: 2.2rem; } #wf2024 .fmenuBlock .fdetail dd > b { font-size: 2.4rem; } #wf2024 .fmenuBlock .fdetail dd .labal1, #wf2024 .fmenuBlock .fdetail dd .labal2 { margin-top: 20px} #wf2024 .fmenuBlock .fdetail dd .labal1 span, #wf2024 .fmenuBlock .fdetail dd .labal2 span { height: 35px; line-height: 35px; color: white; width: auto; font-size: 1.6rem} #wf2024 .fmenuBlock .fdetail dd .labal1 span.txt { background-color: #c13a3a;} #wf2024 .fmenuBlock .fdetail dd .labal2 span.txt { background-color: #c4a939;} #wf2024 .fmenuBlock .fdetail dd small { font-size: 1.6rem} #wf2024 .fmenuBlock .fdetail hr, #wf2024 .fmenuBlock .fimg_txt hr {border: dashed 1px black;display: block;margin: 15px 0;} #wf2024 .fmenuBlock .fdetail dd small {display: block} #wf2024 .fmenuBlock .fimg .fimg_txt { background-color: #d4e5e6; padding: 15px; border-radius: 0px 0px 15px 15px;} #wf2024 .bg4.fmenuBlock .fimg .fimg_txt { background-color: white; padding: 15px; border-radius: 0px 0px 15px 15px;} @media (min-width: 768px) { #wf2024 .bg4 #fair h3 > span {display: inline} #wf2024 .bg4 #fair h3 > br {display: none} #wf2024 .bg4 #fair li { width:98px; height: 98px; line-height: 98px} #wf2024 .bg4 #fair li.txt { background-color: white; width: calc(100% - 196px);line-height: 98px} } @media (min-width: 1200px) { #wf2024 .bg4 { padding: 85px 0 82px;} #wf2024 .bg4 #fair li { height: 98px; line-height: 98px} #wf2024 .bg4 #fair h3 { color: #103568; text-align: center; font-size: 4.5rem !important} #wf2024 .bg4 #fair h3 > br {display: none} #wf2024 .bg4 .period_detail{ width: 770px; margin: 0 auto;} #wf2024 .bg4 .period_detail dl dd { margin-left: 20px;} #wf2024 .fmenuBlock .mainBox { flex-direction: row-reverse} #wf2024 .fmenuBlock .fdetail dd > b { font-size: 2.6rem; } #wf2024 .fmenuBlock .fimg { width: 420px} #wf2024 .fmenuBlock .fimg li { font-size: 2rem; min-width: 165px} #wf2024 .fmenuBlock .fdetail { width: 478px; margin-left: 48px} } #wf2024 .others {padding: 80px 0 160px; text-align: center;} #wf2024 .others a { display: inline-block; text-align: center; margin: 0 auto; } @media (max-width: 647px) { #wf2024 .period, #wf2024 .period_detail{ width: auto; justify-content: center; margin: 0 15px} #wf2024 .period_detail dl {flex-direction: column;} #wf2024 .bg4 .period_detail {width: 100%; } } @media (max-width: 767px) { #wf2024 .survey .wrap {background-size: cover;width: auto;} } @media (max-width: 799px) { #wf2024 .bg3 .caption, #wf2024 .bg3 dl, #wf2024 .bg3 p { width: auto;} } /*@media (max-width: 767px) {*/ @media (max-width: 1199px) { #wf2024 .contentsbox { width: auto;} #wf2024 .intorbox, #wf2024 .period { flex-wrap: wrap; padding: 43px 0; justify-content: center;} #wf2024 .intorbox { width: auto; margin-left: 15px; margin-right: 15px} #wf2024 .intorbox img { margin-top: 30px} #wf2024 .period { flex-wrap: wrap-reverse;} #wf2024 .bg1 {padding-left:15px; padding-right:15px;} #wf2024 .bg1 h3 {width: auto;} #wf2024 .bg1 ul {flex-direction: column;} #wf2024 .bg1 ul.tickets {flex-direction: row;} #wf2024 .bg1 ul.exp li {line-height: inherit;} #wf2024 .bg1 ul.exp li:first-child {padding-left: 15px;border-right: none;} #wf2024 .bg1 ul.exp li:last-child {padding-right: 15px;border-left: none;} #wf2024 .bg1 p { text-align: left;} #wf2024 .bg1 a {width: auto;background-size: contain;} #wf2024 .bg2 {padding-left:15px; padding-right:15px;} #wf2024 .bg2 .l-flex {flex-direction: column;align-items: center;} #wf2024 .imgTtl {width: auto;margin-right: 0;} #wf2024 .txt {width: auto;} #wf2024 .survey {padding-left:15px; padding-right:15px;} #wf2024 .survey .wrap .msg_red {font-size: 1.6rem;} #wf2024 .bg3 {padding: 85px 15px 41px;} #wf2024 .bg3 h3 {justify-content: center;} #wf2024 .bg3 .caption > img {left: -5px;} } @media (min-width:768px) { #wf2024 .mb_v { display: none} } #winterfireworks .content-divider { display: block; height: 2px; background: #bac8cf; margin: 20px 0; position: relative; } #winterfireworks .contentsbox { margin-left: 15px; margin-right:15px; font-size:1.2rem} #winterfireworks .box00 { background-image: url("../images/winterfireworks/bg00.jpg"); background-repeat: no-repeat;background-position: center 38px; background-size: contain; } #winterfireworks .mainTtl { font-size: 1.6rem; text-align: center} #winterfireworks .box01, #winterfireworks .box02 { margin: 60px auto 0; display: table} #winterfireworks .dates { font-size: 4.5rem; text-align: right; } #winterfireworks .dates span { font-size: 6.5rem; font-weight: 800; } #winterfireworks .img2, #winterfireworks .dtl01 { float: left} #winterfireworks .img2 { width: 25%; margin-right: 15px} #winterfireworks .dtl01 { width: calc( 75% - 15px); margin-top: 11px} #winterfireworks .dtl01 ul { margin-top: 20px;} #winterfireworks .dtl01 li { font-size: 1.8rem;} #winterfireworks .dtl01 .ttl { background: #DAE3E5; border-radius: 20px; text-align: center; padding: 3px 20px; margin: 10px 0 10px; } #winterfireworks .dtl01 .txt {margin-left:20px} #winterfireworks .dtl01 li img { height: 1.8rem; margin-left: 5px;} #winterfireworks .dtl01 li span.c-large { font-size: 3rem;} #winterfireworks .dtl01 li span.c-small { font-size: 1.6rem} #winterfireworks .msg_red, #winterfireworks .box04, #winterfireworks a.btn02 { font-family: "游ゴシック Medium",YuGothic,YuGothicM,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;} #winterfireworks .msg_red { color: #BA272D;} #winterfireworks .dtl01 ul#ul__place { margin-top: 0} #winterfireworks .dtl01 ul#ul__place .ttl { margin-top: 0px;} #winterfireworks .dtl01 ul#ul__place .txt {margin-top:12px} #winterfireworks .box04 h3, #winterfireworks .box05 h3, #winterfireworks .box05 .Ttl, #winterfireworks .pasts { font-size: 2rem;} #winterfireworks .box04 h3 {font-weight: bold} #winterfireworks .box04 { border: 2px solid #bac8cf; margin: 75px 15px 40px; padding: 20px } #winterfireworks .box04 li { font-size: 1.5rem} #winterfireworks .box04 h3, #winterfireworks .box05 h3, #winterfireworks .box07 h2 { border-bottom: 2px solid #bac8cf; margin-bottom: 20px} #winterfireworks .map01 { margin-top: 60px; display: table} #winterfireworks a.btn01, #winterfireworks a.btn02, #winterfireworks a.btn03 { display: block; background: #EBDEB3; border-radius: 45px; text-align: center; padding: 10px 20px; margin: 20px auto; max-width: 333px; font-weight: normal} #winterfireworks a.btn01:hover, #winterfireworks a.btn02:hover, #winterfireworks a.btn03:hover { background: #B0A786; color: white;} #winterfireworks a.btn01, #winterfireworks a.btn02{ font-size: 2rem } #winterfireworks .box07 { background-image: url("../images/winterfireworks/bg02.jpg"); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; } #winterfireworks .box05 { background-image: url("../images/winterfireworks/bg01.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; margin: 50px 15px 10px; padding: 20px 20px 70px; } #winterfireworks .box05 h3, #winterfireworks .box05 p {text-align: center} #winterfireworks .box05 h3 { font-weight: normal; line-height: 4.8rem;} #winterfireworks .box05 p { font-size: 1.6rem } #winterfireworks .box05 .msg_red span { text-decoration:underline wavy #BA272D} #winterfireworks .box05 .dates { font-size: 1.5rem} #winterfireworks .box06 { margin: 80px 15px 15px} #winterfireworks .pasts { font-weight: normal; text-align: center; margin-bottom: 20px} #winterfireworks .box07 { padding: 20px} #winterfireworks .box07, #winterfireworks a.btn04, #winterfireworks a.btn05 { border: 2px solid #bac8cf; margin-bottom: 20px; } #winterfireworks .box07 h2 { font-size: 3rem; font-weight: normal; margin-bottom: 10px;} #winterfireworks .box07 p { line-height: 1.5} #winterfireworks a.btn03 { display: inline-block; margin: 15px 0 0; padding: 5px 20px;} #winterfireworks a.btn04, #winterfireworks a.btn05, #winterfireworks a.btn06 { display: block; width: 100%; text-align: center} #winterfireworks a.btn04, #winterfireworks a.btn05 { width: 100%; height: 103px; padding: 10px;} #winterfireworks a.btn06 { margin-top: 80px} #winterfireworks .logotate { margin: 100px auto; display: table} /* teaser start*/ #winterfireworks .mainTtl.teaser {font-size: 3.3rem;min-height: 158px;} #winterfireworks ul.teaserUL {display: flex; flex-wrap: wrap; margin-bottom: 1rem} #winterfireworks ul.teaserUL li { font-size:2rem; margin-right: 1rem} /* teaser end*/ @media (min-width:768px) { #winterfireworks .contentsbox { font-size:1.6rem} #winterfireworks .mb_v { display: none} #winterfireworks .mainTtl { font-size: 2.7rem} #winterfireworks .mainTtl.teaser {font-size: 7.3rem;min-height: 194px;} #winterfireworks .contentsbox { width: 971px; display: table; margin: auto} #winterfireworks .img2 { margin-right: 30px} #winterfireworks .dtl01 { width: calc( 75% - 30px); margin-top: 35px} #winterfireworks .box01 p {margin-left: 40px} #winterfireworks .dtl01 li { font-size: 2.2rem} #winterfireworks .dtl01 li span.c-large { font-size: 4rem; line-height: 1} #winterfireworks .dtl01 li span.c-small { font-size: 1.7rem} #winterfireworks .box04 h3 { font-size: 1.9rem} #winterfireworks .box05 { background-size: contain; margin: 50px auto 10px; padding: 40px 30px 70px; width: 588px; } #winterfireworks a.btn02 { height: 46px; max-width: 373px} #winterfireworks .box06 { width: 803px; display: table; margin-left: auto; margin-right: auto} #winterfireworks .box07 h2, #winterfireworks .box07 p { padding-left: 15px} #winterfireworks a.btn04 { width: calc( 50% - 7px); margin-right: 7px} #winterfireworks a.btn05 { width: calc( 50% - 8px); margin-left: 8px} } @media (min-width:992px) { #winterfireworks ul.teaserUL { width: 75%; margin-right: auto; margin-left: auto} #winterfireworks ul.teaserUL li { font-size:2.5rem;} } @media (min-width:1200px) { #winterfireworks { width: 1200px; margin: auto} } #winterbus { background-image: url("../images/ipass/bg.jpg"), url("../images/ipass/bg.png"); background-repeat: no-repeat, repeat; background-position: center top, center top; background-size: auto, auto; padding-top: 115px; min-height: 334px; } #winterbus .btn { background: #B60005; font-size: 21px; line-height: 1.3; color: #FFFFFF; display: block; margin: 30px auto; padding: 20px 0px; border-radius: 2px; max-width: 410px; width: 100%; text-align: center; transform: rotate(0.05deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #winterbus .ttlBlk { flex-direction: column;} #winterbus .prcBlk { flex-wrap:wrap} #winterbus .imgGeo { text-align: center; width: 100%; margin-bottom: 60px} #winterbus .ttlSub { text-align: center; max-width: 85%; margin: 0 auto 20px;} #winterbus .ttlMain, #winterbus .dateBlk { text-align: center; max-width: calc(100% - 30px); margin:0 auto 60px} #winterbus .imgPrc { text-align: center; max-width: calc(100% - 30px); margin: 0 auto 20px} #winterbus .routeBlk { font-size:small;text-align: center; max-width: calc(100% - 30px); border: solid 1px #7EC8C8; padding: 5px 10px; margin: 0 auto 15px} #winterbus .expBlk1 { text-align: center; width: 100%; margin-bottom: 30px; } #winterbus .expBlk2 { max-width: calc(100% - 30px); color:red } #winterbus .howBlk { background-color: rgba(255,255,255,0.5); padding: 40px 15px} #winterbus .howBlk ul.d-flex { flex-wrap: wrap;} #winterbus .howBlk li, #winterbus .howBlk .pays { margin-left: 30px;} #winterbus .howBlk .pays { padding: 0 15px;} #winterbus .howBlk .pays li { margin-left: 0; margin-bottom: 10px } #winterbus .howBlk li.ttl {min-width: 90px;} #winterbus .howBlk li.exp {width: 100%;} #winterbus .howBlk .star { min-width: 48px} #winterbus .howBlk .txtSite { display: block; font-size: larger; background-image: url("../images/ipass/line.png"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; } #winterbus .howBlk a.txtPhone { display: block; padding-left:15px; background-image: url("../images/ipass/iconPhone.png"); background-repeat: no-repeat; background-position: left center; background-size: auto; text-decoration: underline; } #winterbus .howBlk .buywhere ul {list-style: inside;} #winterbus #aboutBus, #winterbus #busstopBlk, #winterbus #footerBlk { background-color: rgba(127, 194, 192, 0.3); padding: 30px 15px; } #winterbus #aboutBus { flex-wrap: wrap; justify-content: center} #winterbus #aboutBus .imgIcon { min-width: 123px;} #winterbus #aboutBus .dividBlk { padding-bottom: 15px; margin-bottom: 15px; border-bottom: dotted 1px #7EC8C8;} #winterbus #aboutBus .l-txt { color: red} #timeBlk { padding: 60px 0; background-color: white} #timeBlk h3 { font-size:17px; text-align: center; margin: 0 15px 60px; background-image: url("../images/ipass/line3.png"); background-repeat: no-repeat; background-position: left bottom; background-size: auto;} #timeBlk .maps { margin-left: 15px; margin-right: auto;} #timeBlk .d-flex { margin-top:60px} #timeBlk p { font-size: small; line-height:1.44; margin: 0 15px} #busstopBlk h3 { text-align: center; margin-bottom: 30px} #busstopBlk h4 { margin-top:30px} #busstopBlk .d-flex > div img {float: left} #busstopBlk .d-flex.instnameBlk { flex-wrap: wrap;} #busstopBlk .instnameBlk > li { font-size: smaller} #busstopBlk .instnameBlk > li { margin-right: 10px} #busstopBlk .instnameBlk > li img { margin-right: 5px} #facilities { padding: 30px 15px; } #facilities h3 { flex-wrap: wrap; margin-bottom: 30px} #facilities h3 span { font-size: smaller; margin: 0 15px; display: inline-block; background-image: url("../images/ipass/line3.png"); background-repeat: no-repeat; background-position: left bottom; background-size: auto; } #srvBlk .d-flex.wrapBlk { flex-wrap: wrap; margin-bottom: 10px} #srvBlk .d-flex.wrapBlk > .imgs { background-color: #7EC8C8; padding: 10px} #srvBlk .d-flex.wrapBlk > .imgs .img { margin-right: 15px; min-width: 147px;} #srvBlk .d-flex.wrapBlk > .imgs h4 { color: white} #srvBlk .d-flex.wrapBlk > .imgs p { font-size:14px; background-color: white; padding: 10px; color: red; font-weight: bold;} #srvBlk .d-flex.wrapBlk > .abouts { padding: 10px; position:relative} #srvBlk .abouts .details, #srvBlk .abouts .memos { width: 50%} #srvBlk .abouts .details.kisen {width: 273px;} #srvBlk .abouts .details.kisen li {width: 100%} #srvBlk .abouts .details.echigo {width: 285px;} #srvBlk .abouts .details.echigo small { position: relative; top: -2px; font-size:small} #srvBlk .abouts .details { padding-right:10px; margin-right:5px; margin-bottom:5px; background-image: url("../images/ipass/line2.png"); background-repeat: no-repeat;background-position: right top; background-size: auto;} #srvBlk .details .d-flex { flex-wrap: wrap;} #srvBlk .details .d-flex span { position: relative } #srvBlk .fromto { background-color:#C8C9CA; padding: 2px 10px} #srvBlk .details .d-flex span > img { position: relative; bottom: -3px } #srvBlk .memos { line-height: 1.2; margin-bottom:5px;} #srvBlk .fromto li { margin-right: 5px} #footerBlk, #footerBlk .l-abouts > .d-flex { flex-wrap: wrap} #footerBlk .l-abouts > .d-flex { align-items: center} #footerBlk .ttl, #footerBlk .abouts { margin-bottom: 30px; } #footerBlk .abouts {max-width: 503px;} #footerBlk .imgContact { min-width: 94px; margin-right: 10px;} #footerBlk .d-flex.l-abouts { flex-wrap: wrap; justify-content: center} #footerBlk .d-flex.l-abouts .tel { font-size:larger; font-weight: bold; padding-left: 25px; background-image: url("../images/ipass/iconPhone3.png"); background-repeat: no-repeat;background-position: left bottom; background-size: auto; } @media (min-width:472px) { #timeBlk h3 { font-size: 2rem;} } @media (min-width:576px) { #winterbus .howBlk .buywhere { margin-left:auto; margin-right:auto; max-width: 90% } } @media (min-width:611px) { #facilities h3 { padding-left: 10px; background-image: url(../images/ipass/line3.png); background-repeat: no-repeat; background-position: left bottom; background-size: auto; } #facilities h3 span { margin: 0; background-image: none; } } @media (min-width:655px) { #facilities h3 span { font-size: inherit;} } @media (min-width:714px) { #footerBlk .ttl { margin-right: 30px} } @media (min-width:726px) { #footerBlk .abouts { margin-right: 65px} } @media (min-width:780px) { #facilities h3 { font-size: 2.3rem } } @media (min-width:810px) { #facilities .contents { width: 810px; margin-left:auto; margin-right:auto } #srvBlk .d-flex.wrapBlk { flex-wrap: nowrap;} #srvBlk .d-flex.wrapBlk > .imgs {width: 439px;} #srvBlk .d-flex.wrapBlk > .abouts {width: 371px;} #srvBlk .d-flex.wrapBlk > .imgs p {width: 257px; height: 101px} } @media (min-width:840px) { #busstopBlk .contents { width: 840px; margin-left:auto; margin-right:auto } } @media (min-width:992px) { #winterbus .ttlSub {max-width: 100%;} #winterbus .imgPrc { width: calc(100% - 30px);} #winterbus .howBlk {max-width: 800px; margin-left:auto; margin-right:auto;} #winterbus .howBlk ul.d-flex { flex-wrap: nowrap;} #winterbus .howBlk li {margin-left: 0; padding-left:5px} #winterbus .howBlk .pays { margin: 5px 15px; align-items: center;} #winterbus .howBlk .buywhere { max-width: 100%} #winterbus .howBlk .buywhere ul { flex-wrap: wrap; } #winterbus .howBlk .buywhere li { width:50% } #winterbus #aboutBus {flex-wrap: nowrap;} #winterbus #aboutBus .imgIcon {margin-right:10px} #timeBlk .contents { width: 757px; margin: 0 auto} #timeBlk h3 { margin: 0 auto 60px; font-size: 2.5rem;} #timeBlk .maps {text-align: center} }