@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body {font-size:14px; line-height:160%; font-family: "Helvetica Neue", "Helvetica", "Kosugi", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; overflow-x:hidden; background-color: #fff; }

ul,ol,li,dl,dt,dd{list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}


.red_cl{ color:#e60012;}
.red_bucl{ color:#c8161d;}
.pink_cl{ color:#e84691;}
.blue_cl{ color:#0091da;}
.bluein_cl{ color:#4e78aa;}
.ql_cl{ color:#02a586;}
.or_cl{ color:#be7900;}
.gr_cl{ color:#86b901;}
.ye_cl{color: #ffc800;}

.f16{ font-size: 0.16rem; line-height: 178%; }
.f18{ font-size: 0.18rem; line-height: 178%; }
.f20{ font-size: 0.2rem; line-height: 150%; }
.f22{ font-size: 0.22rem; line-height: 150%; }
.f24{ font-size: 0.24rem; line-height: 150%; }
.f26{ font-size: 0.26rem; line-height: 150%; }
.f30{ font-size: 0.3rem; line-height: 150%; }
.f38{ font-size: 0.38rem; line-height: 150%; }
.f40{ font-size: 0.4rem; line-height: 150%; }

.fs08{ font-size: 0.8em; }
.fs120{ font-size: 1.2em; }
.fs110{ font-size: 1.1em; }

.wf_mp1{font-family: 'M PLUS 1p', sans-serif;}

.fws{font-weight: 500;}

.align_center{ text-align: center; }

.inpv{ text-align: center;  }
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width: 750px; max-width: 100%;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}

.hvop08{ transition: opacity 0.4s; }
.hvop08:hover{opacity: 0.8; }
:root{
    --htmlfs: 100px;
}


/******************************index************************************************/
html{ font-size:var(--htmlfs);}
body{ position:relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: 'M PLUS 1p', sans-serif; background: #ffe55f;}
.pc_none{display: none; }
.sp_none{display: block;}

.bgline{ position: fixed; top: 0; left:calc(50% - 8.07rem); width:15.3rem; height:15.3rem; z-index: 0;}





.an_scl{opacity: 0; animation-fill-mode: both;animation-duration: 1s;}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}

}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@keyframes fadeInlight {
  0% {opacity: 0;}
  30% {opacity: 1;}
  50% {opacity: 0.2;}
  60% {opacity: 1;}
  80% {opacity: 0.4;}
  90% {opacity: 1;}
  100% {opacity: 1;}

}
.fadeInlight {
  -webkit-animation-name: fadeInlight;
  animation-name: fadeInlight;
}





/* menu */
.menulds.sccmod{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100; padding:0.2rem 0.2rem 0.2rem 0.2rem; background: #004d8c;transition: background 0.5s;/*  box-shadow: 0 0.1rem 0.1rem rgb(149,220,165,70%); */}
.menu_mob{ width: 100%; box-sizing:border-box;animation-delay: 1.3s;animation-duration: 1s; z-index:100; position: relative;}

.menulds{ font-size: 0.26rem; line-height: 100%; font-weight:bold; padding: 0rem 0.2rem; box-sizing:border-box;}
.menu_inlist{ text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%;}
.menu_inlist li{ display: inline-block;margin: 10px 2px;transform: skewX(-30deg); overflow: hidden; background: #004d8c; color: #fff; transition:background 0.2s;}
.menu_inlist li a{ position: relative; color:inherit; display: block;padding:0.5em 0.9em; text-decoration: none;transform: skewX(30deg);}
.sccmod .menu_inlist li{color: #fff; background:none;}
.menu_inlist li a::after{content: "";position: absolute;bottom: -0.05rem;left: 0;height: 0.2em;background: #000;width: 0%;transition: all 0.4s;transform: scale(1,1);transform-origin: 50% 50%;}
.menu_inlist li a:hover{}
.menu_inlist li:hover,.menu_inlist li.sel{ background: #e51075;}

.menulds.sccmod .menu_inlist li:hover,.menulds.sccmod .menu_inlist li.sel{ color: #e51075!important; background:none;}


.ban_tpnsc{ position: fixed; top: 0.2rem; left: 0.2rem; z-index: 351; display: none;}
.ban_op{ display:inline-block;border-radius: 999px; border:0.04rem solid #e51a75; line-height: 0; position: relative; padding:0.425rem 0.21rem; width: 1rem;height: 1rem; box-sizing:border-box; transform: scale(0.8); background: #fff;}
.ban_op::before{content: "";display: block; width:0.5rem; height: 0.07rem;background: #e51a75; position:absolute; top:0.29rem; left:0.21rem; transition:all 0.3s;transform-origin: 0 100%; }
.ban_op::after{ content: ""; display: block; width:0.5rem; height: 0.07rem;background: #e51a75; position:absolute; bottom:0.29rem; left:0.21rem;transition:all 0.3s; transform-origin: 0 0;}
.ban_op span{ display: block;width:0.5rem;  height:0.07rem; background: #e51a75;transition:all 0.3s; }
.ban_op.sel{background: transparent;}
.ban_op.sel::before{transform: rotate(45deg) translateX(0);transform-origin: 50% 50%;
    top: 0.425rem;}
.ban_op.sel::after{transform: rotate(-45deg) translateX(0);transform-origin: 50% 50%;
    bottom: 0.425rem;}
.ban_op.sel span{ opacity:0;}
.js_scr{ position: relative;top:-1rem; }
/* menu */

.warp{margin:0 auto 0px auto; position:relative; z-index:10; min-height:100%; box-sizing:border-box;}
.header{ position: relative;z-index: 50; width: 100%; box-sizing: border-box; overflow: hidden;text-align: center;padding-bottom: 0.72rem; }
.logo01{ padding: 0.63rem 8% 0.83rem 8%; position: relative; z-index: 5;animation-delay: 0.7s;animation-duration: 0.5s;}
.logo01 img{ position: relative; z-index: 10; padding-right: 2%; }
.logo{ position: relative; z-index: 10; }
.hdtitle{font-size: 0.24rem; line-height:166%; color: #ed6c1e;padding-top: 0.6rem; }



.main{word-break: break-word;font-size:0.2rem;  line-height:150%;}
.innermob{ width:1200px; max-width: 100%; margin: 0 auto; padding: 0 1rem 0.5rem 1rem;  box-sizing: border-box;position: relative; z-index: 10;animation-delay: 1s;animation-duration: 1s;}
.anisctop .innermob{animation-delay: 0s;}
.mob_inner{}
.title_mis{padding:0.2em 0.5em; border:1px solid #e60012;display:inline-block}
.soldoutmob{position: relative;padding: 1em;}
.soldoutmob::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.5);}
.soldoutmob::after{content: "終了しました"; position: absolute; top:calc(50% - 0.5em); left:calc(50% - 2.6em);  z-index: 12; color: #ff9898; font-weight: bold; font-size: 2.4em; line-height: 100%;transform: rotate(-5deg);transform-origin: center center;}


.page .header{ padding-bottom: 0; }
.page .m01{ margin-top: 0; padding-top: 0.2rem; }

.pititle{ text-align: center; font-size: 0.3rem;line-height: 140%; padding-bottom: 1em; }
.main .pagein{text-align: left;  padding-top: 0; word-break: break-word;}
.instit_p{ font-size: 1.2em; font-weight:700; }

.bntit{ text-align: center; position: relative; font-size: 0.6rem; line-height: 100%; font-weight: 900; margin-bottom:0.4rem; /* background:url('../images/bg.jpg') top center repeat; background-size: 14rem auto; */ color: #fff;--bgname: #e7336e; }
.bntit .bnt_nt{ display:block;padding: 0.1em 0.5em; max-width: 100%;box-sizing: border-box; transform: skewX(-30deg); overflow: hidden;position: relative; z-index: 10; background: var(--bgname);}

/* .bntit .bnt_nt::before{content: ""; display: block; position: absolute; z-index: -1; top:-100%; left: -100%; width: 300%; height: 300%; background-image: linear-gradient(0deg,#e84691 50%,#a9d336 50%); transform: rotate(-184deg) translateZ(0); transform-origin: 50% 50%;} */
.bnt_int{ transform-origin: center;transform: skewX(30deg); display: inline-block; padding: 0 0.6em; position: relative;}
.bnt_int::before{content: ""; position: absolute; top: 0.1em; left: 0em; width: 0.5em;height: 0.5em; background: url("../images/light_ts.svg") 0 0 no-repeat;background-size: 100% auto;}
.bnt_int::after{content: ""; position: absolute; top: 0.1em; right: 0em; width: 0.5em;height: 0.5em; background: url("../images/light_ts.svg") 0 bottom no-repeat;background-size: 100% auto; transform: rotate(180deg);}




.bntitle01{ background: none;}
.bntitle02{ padding-top: 1rem;background-position: 0 24%; }
.bntitle02 .bnt_nt::before{background-image: linear-gradient(0deg,#a9d336 50%,#00afec 50%);}

.bntitle03{ padding-top: 0.8rem;background-position: 0 46%; }
.bntitle03 .bnt_nt::before{background-image: linear-gradient(0deg,#00afec 50%,#e84691 50%);}

.bntitle04{ padding-top: 0.8rem;background-position: 0 28%; }
.bntitle04 .bnt_nt::before{background-image: linear-gradient(0deg,#e84691 50%,#a9d336 50%);}


.livelist{ font-size: 1.7em; line-height: 150%; }
.livelist li{display: flex; width: 100%; padding-bottom: 0.5em;text-align: left;}
.livetit{ font-size: 0.75em; font-weight: 700; }
.livedate{ width: 45%; }
.livevenue{ width: 26.5%; }
.liveostart{ width: 28.5%; }
.liveioc{ display: inline-block;font-size: 0.8em; line-height: 100%; background-color: #e50772; color: #fff; padding: 0.2em 0.6em;margin-right: 0.2em; font-weight: 700;  }


.titdre{text-align: center;color: #e51075; font-size: 0.3rem;line-height: 130%;padding: 0.2em 0 0.3em 0;}
.titdre span{ display: inline-block; border-radius: 999px; border: 0.03rem solid #000000; color:#000000; line-height: 160%; width: 1.6em; height: 1.6em;margin: 0.03rem;}

.bntsmtt{ font-size: 1.2em; line-height: 120%; color: #00a0e9; padding-bottom: 0.4em; }
.titlbg{font-size: 1.2em; line-height: 120%; color: #00a0e9; padding-bottom: 0.4em;}
.titlbg span{ display: inline-block;padding: 0.3em 0.6em; background:#e84691; color: #fff; line-height: 120%; font-size: 0.22rem; }
.main .mob_inner .inner_title{ text-align: center; padding-bottom: 1em;}
.main .mob_inner .intimef28{ font-size:28px; font-size:0.28rem;}

.mob_inner a{color:#1d7eab;}
.mob_inner a:hover{ text-decoration:underline;color:#f00;}
.ban_links{ display: inline-block; background-color:#bf7900; border-radius:999px;transition:all 0.3s; color: #fff!important; padding: 0.5em 1.2em; line-height: 100%; font-size: 0.2rem; margin-bottom: 1em;}
.ban_links:hover{ background-color:#ffac1b;text-decoration: none!important;}
.baninbmob{ display: flex; flex-wrap:wrap;justify-content: center;}
.bmc02{justify-content: flex-start;}
.ban_inb{display:block; max-width: 45%;margin:2.5%;}
.banlobox{ display: block; width: 97%; box-sizing: border-box; padding: 0.5em 0em; border: 0.04rem solid #000; border-radius: 0.1rem; font-size: 0.18rem; line-height: 1.4em; color: #F00!important; background: #fff; font-weight: bold; text-align: center; transition: background 0.4s; margin: 0.1rem 0; }
.banlobox:hover{background-color: #b9dfec;  text-decoration: none!important}


.mob_03{ padding: 0 0 0 0; }
.protab{display: flex; flex-wrap: wrap;}
.proinner{ width: 31%; box-sizing: border-box; margin: 0 1.16% 4% 1.16%; }
.proimg{overflow: hidden;}
.proinst{overflow: hidden;  display: block; }
.proinst img{width: 100%;}
.proname{ text-align: center; font-size: 1.7em; line-height: 110%; font-weight: 800; padding: 0.5em 0; }
.procont{ font-size: 0.8em; line-height: 170%; font-weight: 500;}

.mob_04{}
.newslist{ font-weight: 500; }
.newslist li{ border-bottom: 0.02rem solid #014d8c;/*  background: rgba(255, 229, 95, 0.4); */}
.newslist a{color: #000; text-decoration: none; display:flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 1em 0.5em; position: relative; overflow: hidden;}
.newslist a::before{content: "";display: block; position: absolute; top: -30%;left: -330%; width: 160%; height: 160%; background-color:#e84691; opacity: 0.2;transform: skewX(-15deg); transition: left 0.5s;transition-timing-function: cubic-bezier(0.49, -0.1, 0.09, 0.96);}
.newslist a[href]:hover{text-decoration: none;}
.newslist a[href]:hover::before{left: -30%;}
.newstime{color: #e84691; width: 6em; }
.newstitx{ width: calc(100% - 6em); }

.newsinnerc{}
.newsinnerc li{ display:flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 1em 0.5em; position: relative; overflow: hidden; border-bottom: 2px solid #e84691;}
.newsinnerc li .newstime{ width: 100%; }
.newsinnerc li .newstitx{  font-size: 1.1em; line-height: 140%; font-weight: 600; padding-bottom: 1em; width: 100%; color: #008fd8;}
.newsinnerc li .newscontin{ font-size: 0.85em; line-height: 160%; }


.twittwemob{ padding: 0 0.3rem; }
.twittwemob iframe{ width: 100%!important; }


.mob_inner .ic_mf{ display:inline-block; padding:5px 15px; font-size:19px;font-size:0.22rem; line-height:110%; color:#FFF; background:#000; border-radius:6px; margin:0 5px; text-decoration:none; }


.mob_inner .ic_mf02{display: inline-block;line-height: 100%;font-size: 0.26rem;padding: 0.3em 1.4em;color: #FFF;background: #c81815;border-radius: 6px;font-weight: 600;margin: 0 5px;text-decoration: none;transition: all 0.3s;}
.mob_inner .ic_mf:hover{ opacity:0.8; text-decoration:none; color: #fff;}
.mob_inner .ic_mf02:hover{text-decoration:none; background-color: #df4b48; color: #fff;}

.mob_inner .sm_ft{ font-weight:400; font-size:16px;font-size:0.16rem; line-height:162.5%; display:inline-block; letter-spacing:-0.6px;}
.mob_inner .sm_ft03{font-size:16px;font-size:0.16rem; line-height:162.5%; display:inline-block; letter-spacing:-0.6px;}
.mob_inner .sm_ft02{font-size:18px;font-size:0.18rem; line-height:162.5%; font-weight:400; display:inline-block; letter-spacing:-0.6px;}
.mob_inner .in_tms{ color:#e8380d; font-size:20px; font-size:0.2rem; }
.mob_inner .in_tms02{ color:#000; font-size:20px; font-size:0.2rem; }
.mob_inner .ban_info:hover{ opacity:0.8;}

.texinli{font-size: 0.16rem;line-height: 160%; font-weight: 400;}
.texinli li{margin-left: 1em; list-style: '・';}
.texinli02{font-size: 0.16rem;line-height: 160%; font-weight: 400;}
.texinli02 li{margin-left: 1em; list-style: '※';}
ul li.nolst{margin-left:0; padding-left: 1em; text-indent: -1em; list-style: none;}



/*goods*/
.goods_list{ padding: 2% 0; display: flex; flex-wrap:wrap;  }
.goods_list dl{width: 47%; padding: 1.5%; }
.goods_list dl dt{ text-align: center; }
.goods_list dl dt img{ box-sizing: border-box; border-radius:0.1rem; border:0.02rem solid #000; }

.goods_list dl dt a{ cursor: default;}
.goods_list dl dd{ text-align: center; padding: 10px 5px; font-size:20px;font-size:0.2rem;  line-height: 140%;}
.goods_new{ display: inline-block; padding: 5px 15px; color: #fff; background-color:#ea5432; line-height: 100%; margin: 5px;   }
.goods_name{}
.goods_price{color: #5ba16e; font-weight: 700;}
.goods_info{ text-align: left; font-weight: 400; font-size: 15px;font-size: 0.15rem;line-height: 140%;}
.sen2 {border-bottom: 2px dashed #5ba16e;  width: 100%;height: 0px;margin-top: 5px;margin-bottom: 5px;}
.goods_txin01{ padding-left: 1em; text-indent: -1em; display: block; }
.goods_txin02{ padding-left: 2em; text-indent: -2em; display: block; }
.goods_txin03{ padding-left: 3em; text-indent: -3em; display: block; }
.goods_txin04{ padding-left: 4em; text-indent: -4em; display: block; }
.goods_txin05{ padding-left: 5em; text-indent: -5em; display: block; }
/*goods*/

.listtitle{ background:#60c1bd;font-size:26px; font-size:0.26rem; line-height:0.5rem; font-weight: 400; color:#fff; text-align: center; height: 0.5rem; }
.listtable{font-size:18px;font-size:0.18rem; }
.listtable td{ padding: 0.5em;border-bottom: 1px solid #00ab84; }
.listtable td a{ color: #ea5432; font-weight: bold;}
.listtable td a:hover{ text-decoration: underline; }


.mob_inner .inner_box{ background:#f2f2f2; padding:25px;}
.sm_right{ text-align:right; font-size:14px; font-size:0.14rem; padding-top:5px; letter-spacing:2px; }
.txtin{ text-indent:-1em; padding-left:1em; display:block;}


.banline a{ text-indent: -1.5em; padding-left: 1.5em; display: block; }


footer {display:block;/* background:url('../images/bg.jpg') center 70% repeat; background-size: 14rem auto; */ position: relative; }
.footin {width:1200px;max-width:100%;margin:0 auto;box-sizing:border-box;padding:1.2rem 0;text-align:center; position: relative;z-index: 5;}
.link_logo a{ display: inline-block; padding:0 0.2rem; height: 0.62rem;}
.link_logo .blo_02{height: 0.51rem;}
.link_logo img{ max-height: 100%;}
.ft_copy {font-size:0.13rem;line-height:130%;color: #000; padding-top: 0.4rem;}



#page-top {position: fixed;bottom:0;right: 30px; z-index:30;}
#page-top a{ display: block; max-width:0.72rem;}
#page-top a:hover{ opacity: 0.8;}

#mti_wfs_colophon{ display: none!important; }


@media screen and (max-width: 1200px){
    :root{
        --htmlfs: 8.33vw;
    }
}

@media screen and (max-width: 768px){
:root{
    --htmlfs: 13.03vw;
}

html,body,{ width: 100%; overflow-x: hidden;}

.f38{ font-size: 0.3rem; line-height: 150%; }

.pc_none{display: block; }
.sp_none{display: none;}

/* menu */
.menulds.sccmod{padding: 0rem 0.2rem 0.1rem 0.2rem;}
.menu_mob{height:0!important;}
.menulds{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100;font-size: 0.26rem;line-height: 110%; background: #004d8c; display: none;}
.menu_inlist{padding:0.8rem 0.2rem 0.4rem 0.2rem; }
.menu_inlist li{ display: inline-block; width: 40%; padding: 0.2rem 0.1rem;}
.menu_inlist li:hover, .menu_inlist li.sel{background: none;}
.ban_tpnsc{ position: fixed; top: 0.1rem; left: 0.1rem;display: block;}
.js_scr{top:0rem; }
/* menu */


.warp{padding: 0; }
.header{ background-size: 14rem auto;padding-bottom: 0; }
.innermob{padding: 0 5%;}
.main .mob_inner{ padding-left: 0rem; padding-right: 0rem; }
.livedate{width: 40%;}
.livevenue{width: 30%;}
.bntit{font-size: 0.5rem; line-height: 110%; background-size: 14rem auto;}
.bntit .bnt_nt::before{transform: rotate(5deg) translateZ(0);transform-origin: 50% 50%;}
.titdre span{ font-size: 0.36rem; line-height: 160%; width: 1.6em; height: 1.6em;}

.livelist{ font-size: 1em; line-height: 130%; }


.texinli{font-size: 0.2rem;line-height: 160%; }
.texinli02{font-size: 0.2rem;line-height: 160%;}


.mob_inner .in_cont dt{ width:17.1%; text-align:right; padding:0 4.5% 0 0%; }
.mob_inner .ic_mf{ padding:0.05rem 0.15rem; border-radius:0.06rem;margin:0 0.06rem; position: relative; top: -0.04rem;}



#page-top {bottom:0.3rem;right:0;}

.prea_img{ bottom: auto; top: 0; }
.alin{ width:100%;  margin: 0 0% 5% 0%; position: relative;}
.alcdtx{ min-height: 5.9em; font-size: 0.2rem; }

/*goods*/
.goods_list{ padding: 2% 0%;  }
.goods_list dl{ float:none; width: 96%; padding: 2%; overflow: hidden; }

.goods_list dl dt{ float: left; width: 28%; padding-right:2%; }
.goods_list dl dd{ float: left; width: 70%; text-align: left; padding:0; font-size: 0.28rem;}
/*goods*/


footer {background-size: 12rem auto; }
.footin {padding:0.6rem 0;}

}

@media screen and (max-width: 640px){
.mob_inner h3{line-height:120%; }
.mob_inner .in_cont dt{ float:none; width:100%; text-align:left; padding:0% 0 0.15rem 0; color:#e8380d; }
.mob_inner .in_cont dd{ float:none; width:100%; padding:0% 0 0.25rem 0;}

.menulds{ color: #e34500;}


.mob_inner{ font-size: 0.22rem; }
.mob_inner .sm_ft{ font-size: 0.2rem; }

.bmc02{justify-content:center;}
.ban_inb{max-width:80%;margin:2.5%;}

.protab{justify-content: center;}
.proinner{ width: 80%; padding-bottom: 6%; }

}