﻿#h_mainimg{max-height:740px !important;background-color:#000;position:relative}@media only screen and (min-width: 961px){#h_mainimg{min-height:400px}}@media screen and (max-width: 800px){#h_mainimg{max-height:none !important}}#h_mainimg ul{position:absolute;top:0;left:0;width:100%;height:100%}#h_mainimg li{line-height:0;max-width:1940px}#h_mainimg strong{text-indent:100%;white-space:nowrap;overflow:hidden;display:block;max-width:1940px;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;margin:0 auto}@-moz-document url-prefix(){#h_mainimg strong{text-indent:-9999978px}}#h_mainimg .slide_pc{display:block !important}#h_mainimg .slide_sp{display:none !important}@media screen and (max-width: 800px){#h_mainimg .slide_pc{display:none !important}#h_mainimg .slide_sp{display:block !important}}#h_mainimg .sp-mask{overflow:hidden}#h_mainimg .sp-slides-container{height:100%;max-width:1940px;overflow:hidden;margin:0 auto}#h_mainimg .sp-button{border:none;background-color:#ccc}#h_mainimg .sp-selected-button{background-color:#e84720}#h_mainimg .sp-buttons{width:100%;max-width:1400px;margin:0 auto;padding-left:100px;padding-right:100px;text-align:right;left:50%;bottom:20px;top:auto;transform:translate(-50%, 0);z-index:930}@media screen and (max-width: 1000px){#h_mainimg .sp-buttons{padding-left:70px;padding-right:70px}}@media only screen and (max-width: 960px){#h_mainimg .sp-buttons{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 640px){#h_mainimg .sp-buttons{padding-left:15px;padding-right:15px}}#h_news{background-color:#000}#h_news_wrap{width:100%;max-width:1400px;margin:0 auto;padding-left:100px;padding-right:100px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:stretch;align-items:center;padding-top:1.5em;padding-bottom:1.5em}@media screen and (max-width: 1000px){#h_news_wrap{padding-left:70px;padding-right:70px}}@media only screen and (max-width: 960px){#h_news_wrap{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 640px){#h_news_wrap{padding-left:15px;padding-right:15px}}@media only screen and (max-width: 640px){#h_news_wrap{padding-top:0.8em;padding-bottom:0.8em}}#hn_list{width:calc(100% - 16em);height:50px;background-color:#fff;border-radius:50px 0 0 50px;position:relative}@media only screen and (max-width: 960px){#hn_list{width:calc(100% - 9em)}}@media only screen and (max-width: 640px){#hn_list{width:100%;height:39px;border-radius:39px}}#hn_list ul{position:absolute;width:100%;top:-0.08em;left:0}@media all and (-ms-high-contrast: none){#hn_list ul{top:0.08em}}@media only screen and (max-width: 640px){#hn_list ul{top:0}}#hn_list ul li{height:50px;display:table;overflow:hidden}#hn_list ul time{margin-right:0.5em}#hn_list ul time,#hn_list ul span{color:#000;transition:.2s ease-in-out}#hn_list ul a{display:table-cell;vertical-align:middle;line-height:50px;color:#000;padding-left:2em;letter-spacing:0}@media only screen and (max-width: 960px){#hn_list ul a{font-size:14px;font-size:1.4rem}}@media only screen and (max-width: 640px){#hn_list ul a{font-size:13px;font-size:1.3rem;line-height:39px;padding-left:1.5em;padding-right:1.5em}}@media only screen and (min-width: 961px){#hn_list ul a:hover time,#hn_list ul a:hover span{color:#e84720;transition:.2s ease-in-out}}#hn_list .sp-mask{overflow:hidden}#hn_list .sp-arrows{width:9em;right:-9em;left:auto;top:0;margin-top:auto}@media only screen and (max-width: 640px){#hn_list .sp-arrows{display:none}}#hn_list .sp-arrow{transform:none !important;width:2em;height:50px;top:0;line-height:50px}@media only screen and (max-width: 640px){#hn_list .sp-arrow{line-height:39px}}#hn_list .sp-arrow:after{display:none}#hn_list .sp-arrow:before{width:auto;left:auto;top:0;margin-top:0 !important;line-height:50px !important;transform:none !important;background-color:transparent;color:rgba(121,121,121,0.4);transition:.2s ease-in-out}@media only screen and (max-width: 640px){#hn_list .sp-arrow:before{line-height:39px}}@media only screen and (min-width: 961px){#hn_list .sp-arrow:hover:before{color:#000;transition:.2s ease-in-out}}#hn_list .sp-previous-arrow{left:0.8em}#hn_list .sp-previous-arrow:before{left:0.5em;content:"";font-family:'icon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;text-indent:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;display:inline-block;margin-top:-0.2em}#hn_list .sp-next-arrow{right:0.8em}#hn_list .sp-next-arrow:before{right:0.5em;content:"";font-family:'icon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;text-indent:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;display:inline-block;margin-top:-0.2em}#hn_list_no{width:9em;padding-right:0.5em;padding-left:0.5em;background-color:#fff;border-radius:0 50px 50px 0;color:#797979;text-align:center;line-height:50px;height:50px}@media all and (-ms-high-contrast: none){#hn_list_no{margin-left:-1px}}@supports (-ms-ime-align: auto){#hn_list_no{margin-left:-1px}}@media only screen and (max-width: 640px){#hn_list_no{display:none}}#hn_list_no i{font-size:13px;font-size:1.3rem;display:block}@media only screen and (max-width: 640px){#hn_list_no i{line-height:39px}}@-moz-document url-prefix(){#hn_list_no i{line-height:47px;height:50px}}#hn_list_no span{display:inline-block;margin-left:0.3em}#hn_allbtn{width:7em;text-align:right}@media only screen and (max-width: 960px){#hn_allbtn{width:100%;font-size:15px;font-size:1.5rem;padding-top:1.3em;padding-bottom:0.8em;text-align:center}}@media only screen and (max-width: 640px){#hn_allbtn{font-size:13px;font-size:1.3rem;padding-top:1em;padding-bottom:0.4em}}#hn_allbtn a{color:#fff}@media only screen and (min-width: 961px){#hn_allbtn a:hover{color:#e84720}}#h_news_bnr{width:100%;max-width:1400px;margin:0 auto;padding-left:100px;padding-right:100px;text-align:center;line-height:0;padding-top:0.5em;padding-bottom:2em}@media screen and (max-width: 1000px){#h_news_bnr{padding-left:70px;padding-right:70px}}@media only screen and (max-width: 960px){#h_news_bnr{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 640px){#h_news_bnr{padding-left:15px;padding-right:15px}}@media only screen and (max-width: 960px){#h_news_bnr{padding-top:0em}}#h_news_bnr a{display:inline-block;margin-top:0.5em}#h_news_bnr a:first-child{margin-top:0}#h_news_bnr img{max-width:920px}#h_enjoy{background-color:#ffdb33}.en #h_enjoy_title h2{background-image:url("../img/home/enjoy_h2_en.svg") !important}#h_enjoy_title{background:url("../img/home/enjoy_bk.png") center top no-repeat #fff;background-size:cover;padding-top:5.5em;padding-bottom:3.5em}@media only screen and (max-width: 960px){#h_enjoy_title{padding-top:4em;padding-bottom:3em}}#h_enjoy_title h2{width:100%;max-width:1400px;margin:0 auto;padding-left:100px;padding-right:100px;width:288px;height:134px;margin-bottom:2.5em;text-indent:100%;white-space:nowrap;overflow:hidden;background-image:url("../img/home/enjoy_h2.svg");background-repeat:no-repeat;background-position:center left;background-size:contain;text-indent:500%}@media screen and (max-width: 1000px){#h_enjoy_title h2{padding-left:70px;padding-right:70px}}@media only screen and (max-width: 960px){#h_enjoy_title h2{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 640px){#h_enjoy_title h2{padding-left:15px;padding-right:15px}}@-moz-document url-prefix(){#h_enjoy_title h2{text-indent:-9999978px}}@media screen and (max-width: 1350px){#h_enjoy_title h2{margin-bottom:1.5em}}@media only screen and (max-width: 960px){#h_enjoy_title h2{width:260px;height:120.97px}}@media only screen and (max-width: 640px){#h_enjoy_title h2{width:240px;height:111.67px;margin-bottom:1em}}#h_enjoy_title h2+p{width:100%;max-width:1400px;margin:0 auto;padding-left:100px;padding-right:100px;text-align:center;margin-top:1.5em;line-height:1.6}@media screen and (max-width: 1000px){#h_enjoy_title h2+p{padding-left:70px;padding-right:70px}}@media only screen and (max-width: 960px){#h_enjoy_title h2+p{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 640px){#h_enjoy_title h2+p{padding-left:15px;padding-right:15px}}@media only screen and (max-width: 640px){#h_enjoy_title h2+p{font-size:15px;font-size:1.5rem}}@media screen and (max-width: 1350px){#h_enjoy_title h2+p span{display:block}}#h_enjoy_bnr{width:100%;max-width:1400px;margin:0 auto;padding-left:100px;padding-right:100px;text-align:center;margin-top:2em}@media screen and (max-width: 1000px){#h_enjoy_bnr{padding-left:70px;padding-right:70px}}@media only screen and (max-width: 960px){#h_enjoy_bnr{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 640px){#h_enjoy_bnr{padding-left:15px;padding-right:15px}}#h_enjoy_bnr img{max-width:920px;box-shadow:3px 4px 0 rgba(0,0,0,0.1)}@media screen and (min-width: 1701px){.en #h_enjoylink li{width:33.3% !important}}#h_enjoylink{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:stretch}#h_enjoylink li{position:relative;width:calc(100% / 3);opacity:0}@media all and (-ms-high-contrast: none){#h_enjoylink li{width:33.333%}}@media screen and (min-width: 1701px){#h_enjoylink li{width:25%}}@media screen and (max-width: 1700px){#h_enjoylink li:nth-child(n+4){width:100%}}@media screen and (max-width: 980px){#h_enjoylink li{width:50%}}@media screen and (max-width: 400px){#h_enjoylink li{width:100%}}#h_enjoylink #ej_3{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between}@media screen and (min-width: 1701px){#h_enjoylink #ej_3{order:4}}@media screen and (max-width: 980px){#h_enjoylink #ej_3{width:100%}}#h_enjoylink #ej_3 div{width:100%}@media screen and (max-width: 980px){#h_enjoylink #ej_3 div{width:50%}}@media screen and (max-width: 400px){#h_enjoylink #ej_3 div{width:100%}}#h_enjoylink #ej_4{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between}@media only screen and (max-width: 640px){#h_enjoylink #ej_4{width:100%}}#h_enjoylink #ej_4 div{width:25%}@media screen and (min-width: 1700px){#h_enjoylink #ej_4 div{width:50%}#h_enjoylink #ej_4 div#ej_4-3{order:4}}@media only screen and (max-width: 640px){#h_enjoylink #ej_4 div{width:50%}#h_enjoylink #ej_4 div#ej_4-3{order:4}}#h_enjoylink div{position:relative;opacity:0}#h_enjoylink a{display:block;line-height:0}#h_enjoylink .ej_date{font-size:12px;font-size:1.2rem;display:block;position:absolute;bottom:23%;left:10.5%;z-index:1;color:#000}#h_enjoylink .soon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0.7}#h_enjoylink .soon:after{content:"coming soon!";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:1em;width:9.5em;font-weight:bold;font-size:14px;font-size:1.4rem;text-align:center;background-color:#fff;padding:0.5em 0 0.7em 0;z-index:3;border-radius:1px}@media only screen and (max-width: 640px){#h_enjoylink .soon:after{padding:0.65em 0 0.55em 0}}@media only screen and (max-width: 480px){#h_enjoylink .soon:after{font-size:12px;font-size:1.2rem}}#ej_1-1 a,#ej_1-1:before{background-color:#00a2c9}#ej_1-1:after{color:#00a2c9}#ej_2-1 a,#ej_2-1:before{background-color:#419038}#ej_2-1:after{color:#419038}#ej_3{background-color:#e84720}#ej_3-1 a,#ej_3-1:before{background-color:#fff233}#ej_3-1:after{color:#ffae00}#ej_3-2 a,#ej_3-2:before{background-color:#e84720}#ej_3-2:after{color:#e84720}#ej_3-2 a .ej_date{color:#fff}#ej_4{background-color:#ccc}#ej_4-1 a,#ej_4-3 a{background-color:#000}#ej_4-2 a,#ej_4-4 a{background-color:#fff}#ej_4-1:before,#ej_4-2:before,#ej_4-3:before,#ej_4-4:before{background-color:#000}#ej_4-1:after,#ej_4-2:after,#ej_4-3:after,#ej_4-4:after{color:#505050}#h_garnote{background-color:#fff233;overflow:hidden}#h_garnote_title{position:relative;padding-top:7em;padding-bottom:6em;text-align:center;overflow:hidden;width:100%;max-width:1400px;margin:0 auto;padding-left:100px;padding-right:100px}@media only screen and (max-width: 960px){#h_garnote_title{padding-top:6em}}@media only screen and (max-width: 640px){#h_garnote_title{padding-top:5em}}@media screen and (max-width: 1000px){#h_garnote_title{padding-left:70px;padding-right:70px}}@media only screen and (max-width: 960px){#h_garnote_title{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 640px){#h_garnote_title{padding-left:15px;padding-right:15px}}#h_garnote_title h2{font-size:32px;font-size:3.2rem;line-height:1.4;letter-spacing:0.05em;margin-bottom:1em;position:relative}@media only screen and (max-width: 960px){#h_garnote_title h2{font-size:30px;font-size:3rem}}@media only screen and (max-width: 640px){#h_garnote_title h2{font-size:28px;font-size:2.8rem}}#h_garnote_title h2 span{display:block;font-size:18px;font-size:1.8rem;display:block;margin-bottom:0.6em}@media only screen and (max-width: 960px){#h_garnote_title h2 span{font-size:17px;font-size:1.7rem}}@media only screen and (max-width: 640px){#h_garnote_title h2 span{font-size:16px;font-size:1.6rem}}#h_garnote_title h2:before,#h_garnote_title h2:after{content:"";height:90%;width:1px;background-color:rgba(0,0,0,0.4);position:absolute;bottom:-3px}#h_garnote_title h2:before{left:50%;transform:rotateZ(-25deg) translate(-50%, 0);margin-left:-5.2em}#h_garnote_title h2:after{right:50%;transform:rotateZ(25deg) translate(50%, 0);margin-right:-5.2em}#h_garnote_title p{line-height:1.6}@media only screen and (max-width: 640px){#h_garnote_title p{font-size:15px;font-size:1.5rem}}@media screen and (max-width: 1350px){#h_garnote_title p span{display:block}}#h_garnote_title:before{left:1.5em;background:url("../img/home/garnote_img_l.png") left bottom no-repeat}@media screen and (max-width: 1300px){#h_garnote_title:before{left:-5%}}@media screen and (max-width: 600px){#h_garnote_title:before{left:-10%}}#h_garnote_title:after{right:1.5em;background:url("../img/home/garnote_img_r.png") right bottom no-repeat}@media screen and (max-width: 1300px){#h_garnote_title:after{right:-5%}}@media screen and (max-width: 600px){#h_garnote_title:after{right:-10%}}#h_garnote_title:before,#h_garnote_title:after{position:absolute;content:"";bottom:0;background-size:contain;max-width:422px;width:35%;height:100%}@media only screen and (max-width: 480px){#h_garnote_title:before,#h_garnote_title:after{display:none}}#h_garnote_list a{display:block;color:#000;position:relative}#h_garnote_list a:before,#h_garnote_list a:after{position:absolute;content:""}#h_garnote_list a:after{top:0;right:0;height:100%;width:1px;background-color:#000;opacity:0.1;z-index:10}#h_garnote_list a:before{top:0;left:0;border-width:0;border-style:solid;width:100%;height:100%;box-sizing:border-box;z-index:10;opacity:0}@media only screen and (min-width: 961px){#h_garnote_list a:hover:before{border-width:8px;opacity:1}}#h_garnote_list .c_01 a:before{border-color:#e84720}#h_garnote_list .c_02 a:before{border-color:#00a2c9}#h_garnote_list .c_03 a:before{border-color:#419038}#h_garnote_list .c_04 a:before{border-color:#ffae00}#h_garnote_list figure{text-indent:100%;white-space:nowrap;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:67.57%;line-height:0;background-color:#e6e6e6}@-moz-document url-prefix(){#h_garnote_list figure{text-indent:-9999978px}}#h_garnote_list p{background-color:#fff233;padding:1.5em 2em}@media only screen and (max-width: 960px){#h_garnote_list p{padding:1.5em 20px}}@media only screen and (max-width: 640px){#h_garnote_list p{padding:1.5em 15px}}#h_garnote_list p i{position:absolute;top:0;left:0}#h_garnote_list p time{display:block;font-size:14px;font-size:1.4rem;margin-bottom:1em}#h_garnote_list p strong{display:block;font-weight:bold;line-height:1.5;margin-bottom:0.8em}#h_garnote_list .sp-buttons{top:-3.6em}#h_garnote_list .sp-arrow:before,#h_garnote_list .sp-arrow:after{background-color:#000 !important}#h_enjoylink.effect li#ej_1{animation:example 0.8s ease 0.1s 1 forwards}#h_enjoylink.effect div#ej_1-1{animation:example 0.8s ease 0.2s 1 forwards}#h_enjoylink.effect li#ej_2{animation:example 0.8s ease 0.3s 1 forwards}#h_enjoylink.effect div#ej_2-1{animation:example 0.8s ease 0.4s 1 forwards}#h_enjoylink.effect li#ej_3{animation:example 0.8s ease 0.5s 1 forwards}#h_enjoylink.effect div#ej_3-1{animation:example 0.8s ease 0.6s 1 forwards}#h_enjoylink.effect div#ej_3-2{animation:example 0.8s ease 0.7s 1 forwards}#h_enjoylink.effect li#ej_4{animation:example 0.8s ease 0.8s 1 forwards}#h_enjoylink.effect div#ej_4-1{animation:example 0.8s ease 0.9s 1 forwards}#h_enjoylink.effect div#ej_4-2{animation:example 0.8s ease 1s 1 forwards}#h_enjoylink.effect div#ej_4-3{animation:example 0.8s ease 1.1s 1 forwards}#h_enjoylink.effect div#ej_4-4{animation:example 0.8s ease 1.2s 1 forwards}#h_news_bnr img,#h_enjoy_bnr img{position:relative;opacity:0;top:-2em}#h_news_bnr.effect img,#h_enjoy_bnr.effect img{transition:.5s ease-in-out;top:0;opacity:1}#h_news_bnr a:hover img,#h_enjoy_bnr a:hover img{transition:.2s ease-in-out !important;opacity:0.6}#h_enjoy_title h2,#h_garnote_title h2{opacity:0}#h_enjoy_title h2.effect,#h_garnote_title h2.effect{opacity:1;animation:poyon 1.1s linear 0s 1}#h_enjoy_title h2+p,#h_garnote_title h2+p{position:relative;opacity:0;top:-2em;transition:.5s ease-in-out}#h_enjoy_title h2+p.effect,#h_garnote_title h2+p.effect{transition:.5s ease-in-out;top:0;opacity:1}@keyframes poyon{0%{transform:scale(0.9, 1.2) translate(0%, -30%)}10%{transform:scale(0.9, 1.2) translate(0%, -15%)}20%{transform:scale(1.15, 0.8) translate(0%, 10%)}30%{transform:scale(0.9, 1.05) translate(0%, -5%)}40%{transform:scale(0.97, 1.1) translate(0%, -10%)}50%{transform:scale(0.97, 1.1) translate(0%, -5%)}60%{transform:scale(1.05, 0.95) translate(0%, 3%)}70%{transform:scale(1, 1) translate(0%, 0%)}100%{transform:scale(1, 1) translate(0%, 0%)}}@keyframes example{100%{opacity:1}}#h_garnote_title:before{animation:buruburu 1s infinite linear alternate}#h_garnote_title:after{animation:puyon 1s infinite linear alternate}@keyframes puyon{0%{transform:scale(1, 1) translate(0%, 0%)}10%{transform:scale(1, 1) translate(0%, 0%)}20%{transform:scale(1.02, 0.95) translate(0%, 5%)}30%{transform:scale(0.98, 1.02) translate(0%, -3%)}40%{transform:scale(1, 1) translate(0%, 0%)}100%{transform:scale(1, 1) translate(0%, 0%)}}@keyframes buruburu{0%{transform:translate(0, 0) rotate(0deg)}10%{transform:translate(0, 0) rotate(-3deg)}40%{transform:translate(0, -1px) rotate(0deg)}60%{transform:translate(0, 0) rotate(0deg)}100%{transform:translate(0, 0) rotate(3deg)}}
