@charset "UTF-8";

@import url("https://use.typekit.net/odk2jzs.css");

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/YakuHanJP-Regular.woff2") format("woff2"),
    url("../fonts/YakuHanJP-Regular.woff") format("woff");
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/YakuHanJP-Bold.woff2") format("woff2"),
    url("../fonts/YakuHanJP-Bold.woff") format("woff");
}

html { overflow-y:scroll; font-size: 62.5%}
ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, h7, form, p { margin:0; padding:0; }
img { border:0; }
li { list-style-type:none; }

body {
  width:100%; margin:0; padding:0;
  font-size: 1.6em; line-height:1.5;
  color:#1E1E1E;
  background: #fff;
  font-family: "YakuHanJP", 'Noto Sans JP', "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: 0.05em;
  -webkit-text-size-adjust: 100%;

}
body.bg-gray {background-color: #f3f4f5;}

table th, table td { font-size:14px; }

a {
  overflow:hidden;
  -webkit-transition:.2s linear;
  -moz-transition:.2s linear;
  -o-transition:.2s linear;
  transition:.2s linear; }
a:link		{ color:#1E1E1E; text-decoration:none; }
a:visited	{ color:#1E1E1E; }
a:hover		{ opacity: 0.8; }
a:active	{ opacity: 0.8; }

img { max-width: 100%; height: auto;}

/* clearfix */
.clearfix:after {  
  visibility: hidden;  
  display: block;  
  font-size: 0;  
  content: " ";  
  clear: both;  
  height: 0;  
}  
* html .clearfix { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

.txt_c { text-align:center; }
.txt_l { text-align:left; }
.txt_r { text-align:right; }

.float_l { float:left; }
.float_r { float:right; }
.clear { clear:both; }

.serif { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.en { font-family: "marvin-round", sans-serif;font-weight: 400;font-style: normal; }
.bold  { font-weight:bold; }
.big   { font-size:120%; }
.small { font-size:88%; }
.red   { color:#c00; }
.mt10  { margin-top:10px; }
.mt20  { margin-top:20px; }

.shadow{box-shadow:10px 10px 20px 0 rgba(50,31,31,.06);}

.mfp-iframe-holder .mfp-close {
    background: #1e1e1e;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 100%;
    opacity: 1;
    right: 0;
}

/* animation */
#loader-bg {display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #fff; z-index:10000;}
#loader {display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; text-align: center; z-index: 100;}


.loader_box{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}

.loader_box .inner{width:100%;max-width:500px;background:#eee;position:relative}
.loader_box .inner>*{position:absolute;top:50%;z-index:1}

.loader_box .walk_anime_1{left:10%;width:15%;transform-origin:left bottom;animation:walk .5s linear infinite,fadeout 2.3s ease-out 1;opacity:0;transition:1.6s linear}
.loader_box .action.walk_anime_1{left:45%}

.loader_box .walk_anime_2{right:10%;width:15%;transform-origin:right bottom;animation:walk .5s linear infinite,fadeout 2.3s ease-out 1;opacity:0;transition:1.6s linear}
.loader_box .action.walk_anime_2{right:45%}

.loader_box .walk_anime_3{left:0;width:15%;transform-origin:left bottom;animation:walk .5s linear infinite;transition:1.6s linear}
.loader_box .action.walk_anime_3{left:45%;animation:walk .5s linear infinite,fadeout2 2.3s ease-out 1;opacity:0;}

/*
.walk_anime_1{display: none}
.walk_anime_2{display: none}
.walk_anime_3{display: none}*/

.loader_box .inner .door-wrap{top:50%;left:50%;transform:translate(-50%,-50%);position:relative;width:18%;z-index:0}
.loader_box .inner .door-wrap .door,.loader_box .inner .door-wrap .door-back{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s}
.loader_box .inner .door-wrap .door{z-index:10;transition:3s;transform:translate(-50%,-50%);transform-origin:right}
.active .loader_box .inner .door-wrap .door{transform:translate(-51.5%,-50%) rotateY(85deg) skewY(-10deg)}
@keyframes walk{
0%{transform:rotate(3deg)}
49%{transform:rotate(3deg)}
50%{transform:rotate(-3deg)}
99%{transform:rotate(-3deg)}
100%{transform:rotate(3deg)}
}
@keyframes fadeout{
0%{opacity:1}
80%{opacity:1}
90%{opacity:1}
100%{opacity:0}
}
@keyframes fadeout2{
0%{opacity:1}
60%{opacity:1}
70%{opacity:0}
100%{opacity:0}
}

/* header */
.header{position:relative;width:100%;background:#fff;overflow:hidden;box-shadow:0 -10px 10px 0 rgba(50,31,31,.06);}
.header>.header_curtain{background:url(/img/common/curtain.png) top center/auto no-repeat;width:100%;height:100%;position:absolute;top:-20px;left:0;animation:curtain 2s;transition:.5s}
.header_inner{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin:0 auto;padding:28px 0 27px;z-index:1;position:relative;max-width:1500px}
.header_menu .header_curtain_sp,.header_menu .header_deco_l_sp,.header_menu .header_deco_r_sp{display:none}
@keyframes curtain{
0%{transform:translate(0,30px)}
100%{transform:translate(0,0)}
}
.header_menu{width:calc(50% + 171px);margin:auto;transition:.5s}
.header_nav{position:relative;top:34px;transition:.5s}
.header_nav ul{display:flex;justify-content:flex-end;flex-wrap:wrap;max-width:100%}
.header_nav ul li{font-size:1.8rem;font-weight:700;text-align:center;text-shadow:0 2px 0 #e4d362}
.header_nav ul+ul li{text-shadow:0 2px 0 #a6ca87}
.header_nav ul li+li{margin-left:1.5em}
.header_nav ul li:nth-of-type(2n){color:#a6ca87;text-shadow:0 2px 0 #a6ca87}
.header_nav ul+ul li:nth-of-type(2n){color:#a6ca87;text-shadow:0 2px 0 #e4d362}
.header_nav ul li a{display:block;-ms-background-position:0% 0%;background-position:0 0;-webkit-transition:all .1s ease;transition:all .1s ease}
.header_nav ul li a.nav-profile{background:rgba(0,0,0,0) linear-gradient(transparent 50%,#fce800 0) repeat scroll 0 0;-webkit-background-size:97% 200%;background-size:97% 200%}
.header_nav ul li a.nav-news{background:rgba(0,0,0,0) linear-gradient(transparent 50%,#c3f17c 0) repeat scroll 0 0;-webkit-background-size:97% 200%;background-size:97% 200%}
.header_nav ul li a.nav-schedule{background:rgba(0,0,0,0) linear-gradient(transparent 50%,#c3f17c 0) repeat scroll 0 0;-webkit-background-size:97% 200%;background-size:97% 200%}
.header_nav ul li a.nav-discography{background:rgba(0,0,0,0) linear-gradient(transparent 50%,#fce800 0) repeat scroll 0 0;-webkit-background-size:97% 200%;background-size:97% 200%}
.header_nav ul li a.nav-movie{background:rgba(0,0,0,0) linear-gradient(transparent 50%,#c3f17c 0) repeat scroll 0 0;-webkit-background-size:97% 200%;background-size:97% 200%}
.header_nav ul li a.nav-shop{background:rgba(0,0,0,0) linear-gradient(transparent 50%,#fce800 0) repeat scroll 0 0;-webkit-background-size:97% 200%;background-size:97% 200%}
.header_nav ul li a.nav-contact{background:rgba(0,0,0,0) linear-gradient(transparent 50%,#c3f17c 0) repeat scroll 0 0;-webkit-background-size:97% 200%;background-size:97% 200%}
.header_nav ul li a:hover,.header_nav ul li.current a{opacity:1;-ms-background-position:0% 50%;background-position:0 50%}
.header .header_sns{position:absolute;top:0;right:20px;animation:header_sns 1s;transition:.5s}
@keyframes header_sns{
0%{transform:translate(0,-60px)}
100%{transform:translate(0,0)}
}
.header_sns ul{display:flex;justify-content:flex-end}
.header_sns ul li{width:41px;height:74px}
.header_sns ul li+li{margin-left:1em}
.header_sns ul li img{width:100%;height:auto}
.header,.header_inner,.header_logo,.header_nav,.header_sns{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
.header_logo{width:171px}
.header_nav_toggle{display:none;position:absolute;right:10px;top:10px;width:64px;height:64px;cursor:pointer;z-index:10;background:#1e1e1e;border-radius:100%}
.header_nav_toggle>div{width:26px;height:19px;position:absolute;top:calc(50% - 8px);left:50%;transform:translate(-50%,-50%)}
.header_nav_toggle span{display:block;position:absolute;height:3px;width:100%;background:#fff;left:0;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out;border-radius:3px}
.header_nav_toggle span:first-child{top:0}
.header_nav_toggle span:nth-child(2){top:calc(50% - 2px)}
.header_nav_toggle span:nth-child(3){top:calc(100% - 3px)}
.header_nav_toggle:after{content:"MENU";color:#fff;font-family:marvin-round,sans-serif;font-weight:400;font-style:normal;font-size:1rem;position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}
.header_sns{top:-100%}
.header.fixed{position:fixed;top:0;z-index:10;background:#fff}
@media (min-width: 681px) {
.header.fixed .header_inner{padding:12px 20px;box-sizing: border-box;align-items:center}
.header.fixed>.header_curtain{top:-100%}
.header.fixed .header_logo{width:120px}
.header.fixed .header_menu{width:auto;margin:0}
.header.fixed .header_nav{top:0}
.header.fixed .header_sns{display:none}
}
.contents{padding:50px 20px 20px;text-align:left}
.contents p{margin-bottom:1em}
.contents p:last-child{margin-bottom:0}
.footer{border-radius:36px 36px 0 0;padding:90px 20px 50px;letter-spacing:.09em;background:#fff;box-shadow:0 -10px 10px 0 rgba(50,31,31,.06);overflow:hidden;position:relative}
.footer_inner{text-align:center}
.footer_logo{width:100px;margin:20px auto}
.footer_sns{position:absolute;top:0;left:50%;animation:footer_sns 1s;transition:.5s;transform:translate(-50%,0)}
@keyframes footer_sns{
0%{transform:translate(-50%,-30px)}
100%{transform:translate(-50%,0)}
}
.footer_sns{display:flex;justify-content:flex-end}
.footer_sns li{width:41px;height:74px}
.footer_sns li+li{margin-left:1em}
.footer_sns li img{width:100%;height:auto}
.footer_copy{font-size:1.4rem}

.fadein {opacity: 0.1; transform: translate(0, 50px); transition: all 500ms;}
.fadein.scrollin {opacity: 1; transform: translate(0, 0);}

.section {position: relative; overflow: hidden;}
.section_inner {position: relative; width: 1240px; margin: 0 auto;}


/* PC（1400px以下） */
@media (min-width: 1080px) {
  #contents { width:1060px; margin:auto; padding:0; }
}
@media (max-width: 1400px) {
  .header_inner {width: 100%; padding-left: 2%; padding-right: 2%; box-sizing: border-box;}
  .header_logo {width: 26%;}

  .header.fixed .header_inner {width: 100%; padding-left: 2%; padding-right: 2%;}
}
@media (max-width: 1300px) {
  .section_inner {width: 100%; padding-left: 2%; padding-right: 2%; box-sizing: border-box;}
}
/* タブレット */
@media (max-width: 1080px) {
  .header_inner {padding: 30px 2%;}
  .header_logo {margin-bottom: 20px;}
  .header_nav_line {display: none;}
  .header_nav ul li {font-size: 1.6rem;}

  .header.fixed .header_inner {align-items: center;}
  .header.fixed .header_logo {margin-bottom: 0;}

  #contents { padding-top:60px; }
}
@media (max-width: 800px) {
  .loader_logo img { max-width:70%;}

  .header_nav ul li { font-size: 1.5rem;}
  .header.fixed .header_nav ul li + li {margin-left: 0.25em;}
}
/*スマホ*/
@media (max-width: 680px) {
.header{background:0 0;position:fixed;top:0;z-index:10;overflow:inherit}
.header_inner,.header_logo{width:100%;padding:0}
.header_inner{align-items:center;height:80px}
.header_logo{margin-bottom:0;box-sizing:border-box}
.header_logo h1{padding:0 5px;z-index:10;position:relative}
.header_logo h1 a{display:inline-block}
.header_logo h1 img{height:44px}
.header>.header_curtain{display:none}
.header_menu{position:absolute;top:-500px;width:100%;text-align:center;padding:100px 40px 60px;box-sizing:border-box;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;background-color:#fff;z-index:9;overflow: hidden}
.header_nav{top:0}
.header_nav ul{display:block}
.header_nav ul li{font-size:2rem;line-height:2;border-bottom:1px solid #e7ecef}
.header_nav ul li+li{margin-left:0}
.header_nav ul li.current{border-bottom:1px solid #e7ecef}
.header .header_sns{top:-100px;right:50%;transform:translateX(50%);transition: 1s}
.header_sns ul{justify-content:center}
.header_menu .header_curtain_sp,.header_menu .header_deco_l_sp,.header_menu .header_deco_r_sp{display:block;position:absolute;transition:1s}
.header_menu .header_curtain_sp{background:url(/img/common/curtain.png) top center/auto 100% no-repeat;width:100%;height:50px;top:-120px;left:0}
.header_menu .header_deco_l_sp{background:url(/img/common/menu_deco_bg_l.png) center/100% auto no-repeat;width:119px;height:84px;bottom:-20px;left:-240px}
.header_menu .header_deco_r_sp{background:url(/img/common/menu_deco_bg_r.png) center/100% auto no-repeat;width:134px;height:128px;bottom:-15px;right:-220px}
.open .header_menu .header_curtain_sp{top:-10px}
.open .header_menu .header_deco_l_sp{left:0}
.open .header_menu .header_deco_r_sp{right:0}
.header_nav_toggle{display:block}
.open .header_nav_toggle span:first-child{top:50%;transform:translateY(-50%) rotate(315deg);background-color:#a6ca87}
.open .header_nav_toggle span:nth-child(2){width:0;left:50%}
.open .header_nav_toggle span:nth-child(3){top:50%;transform:translateY(-50%) rotate(-315deg);background-color:#e4d362}
.open .header_menu{transform:translateY(500px)}
.open .header_sns{top:0}
.header.fixed .header_inner{padding:5px 0}
.header.fixed .header_logo h1 img{height:40px}
.header.fixed .header_sns{display:block}
.footer{border-radius:18px 18px 0 0;padding:110px 10px 50px}
.footer_inner{display:block}
.footer_logo{width:160px;margin:0 auto 20px}
}