/* CSS Document */
.scrollTop{}
.scrollTop #header{
background: none;
color: #fff;
fill: currentColor;
}
article{}
article h2{
display: flex;
flex-direction: column;
font-weight: bold;
}
article h2:before{
content: attr(data-ruby);
width: 18em;
margin-bottom: 1em;
padding-bottom: 0.5em;
border-bottom: 1px solid currentColor;
letter-spacing: 0.1em;
pointer-events: none;
}
article h2 span{
font-size: 2em;
line-height: 1.4em;
letter-spacing: 0.2em;
}
#header{
position: fixed;
top: 0;
width: 100%;
transition: color,background 0.2s ease-out;
}
#pagePath{
display: none;
}
#main{
background: none;
overflow: hidden;
}
#main .slick-arrow{
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 2em;
height: 2em;
margin-top: -1em;
background: #FFFFFF;
border: 1px solid currentColor;
border-radius: 100%;
cursor: pointer;
z-index: 1;
}
#main .slick-prev{
left: 0;
}
#main .slick-next{
right: 0;
}
#main .slick-dots{
display: flex;
justify-content: center;
}
#main .slick-dots li{
margin: 1em 1em 0 1em;
}
#main .slick-dots button{
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background: #E9E6E2;
border-radius: 100%;
color: transparent;
overflow: hidden;
}
#main .slick-dots .slick-active button{
background: #BDA137;
transform: scale(1.556);
}
#hero{
padding: 0;
}
#hero dl{
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 50vw;
padding: 0 2em;
font-weight: bold;
}
#hero dt,
#hero dt+dd{
filter: drop-shadow(0 0 0.2em rgba(255, 255, 255, 1));
pointer-events: none;
z-index: 1;
}
#hero dt{
position: relative;
padding-bottom: 0.5em;
border-bottom: 2px solid currentColor;
font-family: 'YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
text-align: center;
line-height: 1.2em;
letter-spacing: 0.2em;
}
#hero dt+dd{
position: absolute;
line-height: 1.4em;
}
#hero dd{}
#hero dd a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
#hero .thumb{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
}
#hero li:not([data-caption=""]){
position: relative;
}
#hero li:not([data-caption=""]):after{
content: attr(data-caption);
position: absolute;
color: #fff;
font-weight: bold;
line-height: 1.4em;
filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.5));
}
#hero dl.white{
color: #fff;
}
#hero dl.white dt,
#hero dl.white dt+dd{
filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 1));
}
#hero .slick-arrow{
padding: 0;
background: rgba(0,0,0,0.4);
border: none;
color: #fff;
fill: currentColor;
}
#sns{}
#sns ul{
display: flex;
}
#sns li{}
#sns li a{
color: inherit;
}
#sns li i{
font-size: 1.2em;
}
#sns li+li{
margin-left: 1em;
}
#alert{}
#alert dl{
display: flex;
flex-direction: column;
align-items: center;
background: #981631;
color: #fff;
}
#alert dt{
text-align: center;
line-height: 1.4em;
}
#alert dd{
margin-top: 1em;
}
#alert a{
background: #fff;
color: #981631;
}
#alert dl+dl{
margin-top: 1px;
}
#find{}
#find h2+div{
margin-top: 2em;
}
#find p{
color: #666666;
}
#feature{
counter-reset: count;
}
#feature dl{
position: relative;
display: flex;
flex-direction: column;
}
#feature dl:before{
counter-increment: count;
content: "Feature 0"counter(count);
margin-bottom: 0.5em;
font-size: 0.8em;
}
#feature dl:nth-of-type(1){}
#feature dl:nth-of-type(1) .thumb{
padding-top: 100%;
}
#feature dl:nth-of-type(n+6){
display: none;
}
#feature dt{
line-height: 1.4em;
}
#feature dt+dd{
margin-bottom: 1em;
order: -1;
}
#feature dd{}
#feature dd a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
#ranking{
counter-reset: count;
}
#ranking dl{
position: relative;
display: flex;
flex-direction: column;
}
#ranking dl:before{
counter-increment: count;
content: "Ranking 0"counter(count);
margin-bottom: 0.5em;
font-size: 0.8em;
}
#ranking dl:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 2.5em;
height: 2.5em;
z-index: 1;
pointer-events: none;
}
#ranking dl:nth-of-type(1){}
#ranking dl:nth-of-type(1):after{
width: 5em;
height: 5em;
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat;
}
#ranking dl:nth-of-type(2){}
#ranking dl:nth-of-type(2):after{
background: url('data:image/svg+xml;charset=UTF-8,');
}
#ranking dl:nth-of-type(3){}
#ranking dl:nth-of-type(3):after{
background: url('data:image/svg+xml;charset=UTF-8,');
}
#ranking dl:nth-of-type(4){}
#ranking dl:nth-of-type(4):after{
background: url('data:image/svg+xml;charset=UTF-8,');
}
#ranking dl:nth-of-type(5){}
#ranking dl:nth-of-type(5):after{
background: url('data:image/svg+xml;charset=UTF-8,');
}
#ranking dl:nth-of-type(1){}
#ranking dl:nth-of-type(1) .thumb{
padding-top: 100%;
}
#ranking dl:nth-of-type(n+6){
display: none;
}
#ranking dt{
line-height: 1.4em;
}
#ranking dt+dd{
margin-bottom: 1em;
order: -1;
}
#ranking dd{}
#ranking dd a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
#timezone{
overflow: visible;
}
#timezone header{
padding: 0;
}
#timezone section{
padding-bottom: 0;
}
#timezone nav{
margin-top: 2em;
}
#timezone h3{
display: none;
}
#timezone h3+div{
display: grid;
grid-gap: 1px;
}
#timezone dl{
position: relative;
background: #ccc;
color: #fff;
}
#timezone dl:before{
content: "";
position: relative;
display: block;
margin-bottom: 1em;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
z-index: 1;
}
#timezone dl.area3:before{
background-image: url("../images/areaMap-01.svg");
}
#timezone dl.area4:before{
background-image: url("../images/areaMap-02.svg");
}
#timezone dl.area2:before{
background-image: url("../images/areaMap-03.svg");
}
#timezone dl.area1:before{
background-image: url("../images/areaMap-04.svg");
}
#timezone dt,
#timezone dt+dd+dd{
position: relative;
filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 1));
pointer-events: none;
z-index: 1;
}
#timezone dt{
margin-bottom: 0.5em;
font-size: 0.9em;
line-height: 1.4em;
}
#timezone dt+dd{
display: contents;
}
#timezone dt+dd+dd{
font-weight: bold;
line-height: 1.4em;
}
#timezone dd{}
#timezone dd a{
position: absolute;
top: 0;
height: 100%;
opacity: 0;
}
#timezone .thumb{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
}
#season{}
#season header{
padding: 0;
}
#season nav{}
#season nav div{
font-size: 0.8em;
text-align: center;
}
#season nav ul{
margin-top: 1em;
}
#season section{
padding-bottom: 0;
}
#season h3{
display: none;
}
#season dl{
position: relative;
display: flex;
}
#season dt{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#season dt:before{
content: attr(data-number)" - ";
font-weight: normal;
}
#season dd{}
#season dd a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
#season .slick-dots{
margin-top: 1em;
}
#theme{
position: relative;
counter-reset: count;
z-index: 1;
}
#theme h2{
position: relative;
align-self: flex-start;
padding: 2em;
padding-left: 0;
z-index: 1;
}
#theme h2:after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100%;
background: #fff;
z-index: -1;
}
#theme h2+div{
display: flex;
flex-wrap: wrap;
margin: 2em 0;
}
#theme dl{
position: relative;
display: flex;
flex-direction: column;
padding-top: 1em;
}
#theme dl:before{
counter-increment: count;
content: "0"counter(count)"/";
position: absolute;
top: 0;
left: 0.7em;
color: #8D7A29;
font-family: 'YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
transform: scale(3);
z-index: 1;
}
#theme dl:nth-of-type(n+10){}
#theme dl:nth-of-type(n+10):before{
content: counter(count)"/";
}
#theme dt{
line-height: 1.4em;
}
#theme dt+dd{
margin-bottom: 1em;
order: -1;
}
#theme dt+dd+dd{
margin-top: 0.5em;
}
#theme dd{}
#theme dd a{
color: #666666;
}
#theme dd a{
display: inline-flex;
align-items: center;
font-size: 0.8em;
text-decoration: none;
}
#theme dd a:before{
content: "";
width: 3em;
height: 0;
margin-right: 1em;
border-top: 1px solid currentColor;
}
#theme .wrap{
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
padding-top: calc(40vw - 6em);
}
#theme .wrap:before{
content: "";
position: absolute;
right: 0;
top: 0;
width: 80%;
height: 40vw;
background: url("../images/themeBg.jpg");
background-size: cover;
}
#theme .thumb{
padding-top: 133.333%;
}
#pickup{
position: relative;
overflow: visible;
}
#pickup:before{
content: "";
display: block;
width: 100%;
height: 50vw;
margin: -20vw 0 -10vw 0;
background: url("../images/pickupBg.jpg") center center no-repeat;
background-size: auto 100%;
pointer-events: none;
z-index: -1;
}
#pickup h2+div{
margin-top: 2em;
}
#pickup dl{
position: relative;
display: flex;
flex-direction: column;
}
#pickup dt{
line-height: 1.4em;
}
#pickup dt+dd{
margin-bottom: 1em;
order: -1;
}
#pickup dd{}
#pickup dd a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
#pickup .thumb{
padding-top: 100%;
}
#news{}
#news .buttonSet{
margin-top: 2em;
}
#fSns{}
#fSns ul{
display: flex;
align-items: center;
justify-content: center;
padding: 0 1em;
}
#fSns ul:before,
#fSns ul:after{
content: "";
width: 3em;
height: 0;
border-top: 1px solid #808080;
}
#fSns ul:before{
margin-right: 2em;
}
#fSns ul:after{
margin-left: 2em;
}
#fSns li{}
#fSns li a{
color: inherit;
}
#fSns li i{
font-size: 2em;
}
#fSns li+li{
margin-left: 1em;
}
.linkBut{
position: relative;
width: 100%;
max-width: 20em;
padding: 1em;
padding-right: 2em;
}
.linkBut i{
position: absolute;
top: calc(50% - 0.5em);
right: 0.5em;
}
.tabMenu{
display: flex;
}
.tabMenu li{
width: 5em;
padding: 0.5em;
border: 1px solid #000;
text-align: center;
cursor: pointer;
}
.tabMenu li.select{
background: #BDA137;
color: #fff;
pointer-events: none;
}
.tabMenu li+li{
border-left: none;
}
/* for all */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
#feature{}
#feature h2+div{
margin-top: 2em;
}
#ranking{}
#ranking h2+div{
margin-top: 2em;
}
#timezone{}
#timezone section{
padding-bottom: 0;
}
#timezone dd{}
#timezone dd a{
left: 50%;
width: 100vw;
transform: translateX(-50%);
}
#theme{}
#theme h2+div{
padding: 0 1em;
}
#news{}
#news h2+div{
margin-top: 2em;
}
}
/* for mobile */
@media (max-width: 767.98px) {
/*767px以下*/
#hero{}
#hero dt+dd{
left: 1em;
bottom: 1em;
}
#hero .slick-prev{
left: 1em;
}
#hero .slick-next{
right: 1em;
}
#sns{
padding-top: 1em;
}
#sns ul{
justify-content: center;
}
#find{
position: relative;
}
#find figure{
height: 136vw;
margin: 0 -1.5em;
overflow-y: scroll;
}
#find figure:before{
content: "";
position: absolute;
bottom: 136vw;
right: 0;
display: block;
width: 1em;
height: 1em;
margin-bottom: -1em;
background: url("../images/findMapIcon.svg") right center no-repeat;
background-size: contain;
font-size: 8em;
pointer-events: none;
transition: opacity 0.2s 1s ease-out;
}
#find figure img{
width: 200vw;
max-width: none;
height: 136vw;
}
#find figure.scroll{}
#find figure.scroll:before{
opacity: 0;
}
#timezone{}
#timezone h3+div{
margin: 0 -1.5em;
}
#timezone dl{
padding: 1.5em;
}
#timezone dl:before{
height: 4em;
}
#season{}
#season nav{
margin-top: 1em;
}
#season nav ul{
justify-content: center;
}
#season dl{
flex-direction: column;
align-items: stretch;
}
#season dt{
line-height: 1.4em;
}
#season dt+dd{
margin-bottom: 1em;
order: -1;
}
#season .slick-list{
margin: 0 -1.5em;
}
#season .slick-slide{
margin: 0 1em;
}
#theme{}
#theme .wrap{}
#theme .wrap:before{
right: -1.5em;
}
#pickup{}
#pickup .slick-list{
margin: 0 -1.5em;
}
#pickup .slick-slide{
margin: 0 1em;
}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下縦向き*/
#hero{}
#hero dl{
height: 100vw;
}
#hero dt{
font-size: 1.8em;
}
#alert{}
#alert dl{
padding: 1em;
}
#feature{}
#feature h2+div{
margin-bottom: 2em;
}
#feature dl{}
#feature dl:nth-of-type(n+2){
min-height: 6.66em;
padding-left: 11em;
margin-top: 2em;
}
#feature dl:nth-of-type(n+2) dt+dd{
position: absolute;
top: 0;
left: 0;
width: 10em;
}
#ranking{}
#ranking dl{}
#ranking dl:nth-of-type(n+2){
min-height: 6.66em;
padding-left: 11em;
margin-top: 2em;
}
#ranking dl:nth-of-type(n+2) dt+dd{
position: absolute;
top: 0;
left: 0;
width: 10em;
}
#season{}
#season .slick-list{
padding: 0 3em;
}
#theme{}
#theme h2+div{
justify-content: space-between;
}
#theme dl{
width: calc(50% - 1em);
}
#theme dl:nth-of-type(n+3){
margin-top: 2em;
}
#theme .wrap{
padding-top: calc(50vw - 3em);
}
#theme .wrap:before{
width: 90%;
height: 50vw;
}
#pickup{}
#pickup .slick-list{
padding-right: 3em;
}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下横向き*/
#season{}
#season .slick-list{
padding: 0 10em;
}
#pickup{}
#pickup .slick-list{
padding-right: 10em;
}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
#alert{}
#alert dl{
padding: 1.5em;
}
#feature{}
#feature h2+div{
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-gap: 2em;
}
#feature dl{}
#feature dl:nth-of-type(1){
grid-row: 1 / 4;
}
#ranking{
padding-bottom: 0;
}
#ranking h2+div{
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-gap: 2em;
}
#ranking dl{}
#ranking dl:nth-of-type(1){
grid-row: 1 / 4;
}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
#hero{}
#hero dl{
height: 66vw;
}
#hero dt{
font-size: 2em;
}
#theme{}
#theme dl{
width: calc(33.33% - 1.34em);
}
#theme dl:not(:nth-of-type(3n+1)){
margin-left: 2em;
}
#theme dl:nth-of-type(n+4){
margin-top: 2em;
}
}
/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#main{}
#main .slick-arrow{
width: 3em;
height: 3em;
margin-top: -1.5em;
}
#main .slick-arrow svg{
transform: scale(1.5);
}
#hero{}
#hero .slick-prev{
left: 1.5em;
}
#hero .slick-next{
right: 1.5em;
}
#sns{
display: flex;
flex-direction: column;
height: 0;
padding: 0;
}
#sns ul{
margin-top: 1em;
justify-content: flex-end;
}
#find{
background: url("../images/findMap_pc.svg") bottom right no-repeat;
background: auto 100%;
}
#find p{
line-height: 2em;
}
#timezone{}
#timezone header{
display: flex;
align-items: center;
justify-content: space-between;
}
#timezone dl{
justify-content: flex-end;
}
#timezone dl:before{
height: 6em;
}
#season{}
#season header{
display: flex;
align-items: center;
justify-content: space-between;
}
#season dl{
position: relative;
padding-left: 2em;
justify-content: space-between;
}
#season dt{
position: absolute;
top: 0;
left: 0;
height: 100%;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
_:-ms-lang(x)::-ms-backdrop, #season dt{
line-height: 1.4em;
}
#season dt+dd{
width: calc(100% - 3em);
}
#season .slick-slide{
margin: 0 1em;
}
#pickup{}
#pickup .slick-slide{
margin: 0 1em;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
#hero{}
#hero dt+dd{
left: calc(50% - 360px);
bottom: 3em;
}
#find{
min-height: 60vw;
}
#feature{}
#feature h2+div{
grid-gap: 3em;
}
#ranking{}
#ranking h2+div{
grid-gap: 3em;
}
#timezone{}
#timezone dl{
padding: 1.5em 3em;
}
#timezone .thumb{
left: 50%;
width: 101vw;
transform: translateX(-50%);
}
#season{}
#season .slick-list{
margin: 0 calc(360px - 50vw);
}
#season .slick-list{
padding: 0 calc(50vw - 360px + 4em);
}
#theme{}
#theme dl{
width: calc(33.33% - 2em);
}
#theme dl:not(:nth-of-type(3n+1)){
margin-left: 3em;
}
#theme .wrap{}
#theme .wrap:before{
right: calc(360px - 50vw);
}
#pickup{}
#pickup .slick-list{
margin: 0 -1em;
}
#pickup .slick-prev{
left: -1.5em;
}
#pickup .slick-next{
right: -1.5em;
}
}
/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#header{}
#header #siteName{
position: relative;
top: 1em;
}
#headerSelectLanguage{}
#headerSelectLanguage dl{
background: transparent;
}
#hero{}
#hero dl{
height: 50vw;
}
#hero dt{
border-bottom-width: 4px;
font-size: 3em;
}
#hero dt+dd{
bottom: 4em;
}
#find{
min-height: 68vw;
}
#feature{}
#feature h2{
align-items: flex-start;
width: 8em;
margin-top: 1em;
z-index: 1;
}
#feature h2 span{
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
margin: 0.5em;
font-feature-settings: normal;
}
#feature h2+div{
width: calc(100% - 12em);
grid-gap: 4em;
}
#feature .wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#feature .buttonSet{
width: 100%;
}
#ranking{}
#ranking h2{
align-items: flex-start;
width: 8em;
margin-top: 1em;
z-index: 2;
}
#ranking h2 span{
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
margin: 0.5em;
padding-top: 1.2em;
text-indent: -1.2em;
font-feature-settings: normal;
}
#ranking h2+div{
width: calc(100% - 12em);
grid-gap: 4em;
}
#ranking .wrap{
display: flex;
justify-content: space-between;
}
#timezone{}
#timezone h3+div{
grid-template-columns: repeat(2, 1fr);
}
#timezone dl{
padding: 2em 4em;
}
#timezone dl:nth-child(odd){
padding-left: 0;
}
#timezone dl:nth-child(odd) dd a{
right: 0;
}
#timezone dl:nth-child(odd) .thumb{
left: auto;
right: 0;
}
#timezone dl:nth-child(even){
padding-right: 0;
}
#timezone dl:nth-child(even) dd a{
left: 0;
}
#timezone dd{}
#timezone dd a{
width: 50vw;
}
#timezone .thumb{
width: 50vw;
}
#season{}
#season .slick-list{
padding-left: 10em;
}
#season .slick-prev{
left: -1.5em;
}
#season .slick-next{
right: -1.5em;
}
#theme{}
#theme dl{
width: calc(25% - 3em);
}
#theme dl:not(:nth-of-type(4n+1)){
margin-left: 4em;
}
#theme dl:nth-of-type(n+5){
margin-top: 4em;
}
#theme .buttonSet{
margin-top: 2em;
}
#pickup{}
#pickup h2{
align-items: flex-start;
width: 8em;
z-index: 1;
}
#pickup h2 span{
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
margin: 0.5em;
font-feature-settings: normal;
}
#pickup h2+div{
width: calc(100% - 12em);
margin-top: 4em;
}
#pickup .wrap{
display: flex;
justify-content: space-between;
}
#pickup .slide{
margin: 0 -1em;
}
#pickup .slick-prev{
left: -0.5em;
}
#pickup .slick-next{
right: -0.5em;
}
#news{
position: relative;
}
#news:before{
content: "";
position: absolute;
left: 0;
bottom: 4em;
width: 20em;
height: 15em;
background: url("../images/newsBg.jpg") center bottom no-repeat;
background-size: cover;
}
#news h2{
align-items: flex-start;
width: 8em;
z-index: 1;
}
#news h2 span{
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
margin: 0.5em;
font-feature-settings: normal;
}
#news h2+div{
width: calc(100% - 22em);
margin-top: auto;
}
#news .wrap{
display: flex;
justify-content: space-between;
min-height: 34em;
}
#news .buttonSet{
margin-top: 4em;
justify-content: flex-end;
}
#fSns{
padding-top: 0;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
#hero{}
#hero dt+dd{
left: calc(50% - 470px);
}
#feature{}
#feature dl{}
#feature dl:nth-of-type(2),
#feature dl:nth-of-type(3){
min-height: 14.2em;
}
#ranking{}
#ranking dl{}
#ranking dl:nth-of-type(2),
#ranking dl:nth-of-type(3){
min-height: 14.2em;
}
#season{}
#season .slick-list{
margin: 0 calc(470px - 50vw);
padding-left: calc(50vw - 470px + 4em);
}
#theme{}
#theme .wrap{}
#theme .wrap:before{
right: calc(470px - 50vw);
width: calc(50vw + 370px);
}
#news{}
#news:before{
width: calc(50vw - 470px + 18em);
}
}
@media (min-width: 1200px) {
/*1200px以上*/
#hero{}
#hero dt+dd{
left: calc(50% - 570px);
}
#alert{}
#alert .wrap{
padding: 0 100px;
}
#season{}
#season .slick-list{
margin: 0 calc(570px - 50vw);
padding-left: calc(50vw - 570px + 4em);
}
#theme{}
#theme h2+div{
padding: 0 4em;
}
#theme .wrap{}
#theme .wrap:before{
right: calc(570px - 50vw);
width: calc(50vw + 470px);
}
#news{}
#news:before{
width: calc(50vw - 570px + 18em);
}
}
/* ie */
@media all and (-ms-high-contrast: none) {
}