@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Kosugi|M+PLUS+1p|Noto+Sans+JP:200,300,400,500,600,700,800,900");
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:16px; line-height:150%; font-family:'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; overflow-x:hidden; background:#fff; color:#000; -webkit-font-smoothing:antialiased; /*chrome、safari*/ -moz-osx-font-smoothing:grayscale;/*firefox*/ }
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%; }
a{ text-decoration:none; color:inherit; padding:0; margin:0;outline:none;}
::selection{ background:#0a2d42; color:#fff; }

a.hop08{ transition:opacity linear 0.1s;}
a.hop08:hover{ opacity:0.8; }

.f10{ font-size:10px; font-size: 0.1rem; line-height: 140%;}
.f11{ font-size:11px; font-size: 0.11rem;line-height: 140%;}
.f12{ font-size:12px; font-size: 0.12rem;line-height: 140%;}
.f14{ font-size:14px; font-size: 0.14rem;line-height: 140%;}
.f15{ font-size:15px; font-size: 0.15rem;line-height: 140%;}
.f16{ font-size:16px; font-size: 0.16rem;line-height: 170%;}
.f17{ font-size:17px; font-size: 0.17rem;line-height: 170%;}
.f18{ font-size:18px; font-size: 0.18rem;line-height: 180%;}
.f19{ font-size:19px; font-size: 0.19rem;line-height: 180%;}
.f20{ font-size:20px; font-size: 0.2rem; line-height: 140%;}
.f21{ font-size:21px; font-size: 0.21rem; line-height: 140%;}
.f22{ font-size:22px; font-size: 0.22rem;line-height: 140%;}
.f24{ font-size:24px; font-size: 0.24rem;line-height: 140%;}
.f26{ font-size:26px; font-size: 0.26rem;line-height: 140%;}
.f28{ font-size:28px; font-size: 0.28rem;line-height: 140%;}
.f30{ font-size:30px; font-size: 0.3rem; line-height: 140%;}
.f32{ font-size:32px; font-size: 0.32rem;line-height: 140%;}
.f34{ font-size:34px; font-size: 0.34rem;line-height: 130%;}
.f36{ font-size:36px; font-size: 0.36rem;line-height: 130%;}
.f37{ font-size:37px; font-size: 0.37rem;line-height: 110%;}
.f38{ font-size:38px; font-size: 0.38rem;line-height: 110%;}
.f39{ font-size:39px; font-size: 0.39rem;line-height: 110%;}
.f40{ font-size:40px; font-size: 0.4rem; line-height: 110%;}
.f42{ font-size:42px; font-size: 0.42rem;line-height: 110%;}
.f44{ font-size:44px; font-size: 0.44rem;line-height: 110%;}

.fnd14{ font-size: 14px; }



.letter_spac01{ letter-spacing: -0.05em; }
.letter_spac02{ letter-spacing: -0.08em; }

.font_bold{ font-weight:bold; }
.font_small{ font-weight:400; }
.font_feature{font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}


.wh_color{ color:#fff; }
.gray_color{ color: #70706f; }
.gray_color02{color:#333333; }
.re_color{ color:#e60012; }
.or_color{ color:#ff7800; }
.orb_color{ color:#ff8200; }
.gr_color{ color:#36e400; }
.bl_color{ color:#000486; }
.bu_color{ color:#000486; }
.qi_color{ color:#00ccff; }
.ye_color{ color:#ffff00; }
.zi_color{ color: #a675ff; }


.bgblue{ background:#d9ecf7; }
.bgyellow{ background:#FFF8CC; }
.bgyellow2{ background:#fff1d9; }
.bgorg{ background:#ffd999; }


.mab0{ margin-bottom:0!important; }
.padt0{ padding-top:0!important; }

.pd_t5{ padding-top:5px; padding-top:0.05rem;}
.pd_t10{ padding-top:10px; padding-top:0.1rem;}
.pd_t20{ padding-top:20px; padding-top:0.2rem;}
.pd_t30{ padding-top:30px; padding-top:0.3rem;}
.pd_t40{ padding-top:40px; padding-top:0.4rem;}
.pd_t50{ padding-top:30px; padding-top:0.5rem;}
.pd_t75{ padding-top:75px; padding-top:0.75rem;}

.pd_b5{ padding-bottom:5px; padding-bottom:0.05rem;}
.pd_b10{ padding-bottom:10px; padding-bottom:0.1rem;}
.pd_b20{ padding-bottom:20px; padding-bottom:0.2rem;}
.pd_b30{ padding-bottom:30px; padding-bottom:0.3rem;}
.pd_b40{ padding-bottom:40px; padding-bottom:0.4rem;}
.pd_b50{ padding-bottom:30px; padding-bottom:0.5rem;}
.pd_b75{ padding-bottom:75px; padding-bottom:0.75rem;}



.align_center{ text-align:center;}
.align_right{ text-align: right;}
.align_left{ text-align: left;}
.pc_none{ display:none!important;}
.sp_none{ display:block!important;}
.pc_innone{ display:none!important;}
.sp_innone{ display:inline!important;}
.an_scl{ opacity:0;animation-fill-mode: forwards;animation-iteration-count: 1;animation-duration: 1s;opacity: 0;-webkit-animation-fill-mode: forwards;-webkit-animation-iteration-count: 1;-webkit-animation-duration: 1s;}

.index .index_hide{ display: none; }
.page .page_hide{ display: none; }


.wb_Noto800{ font-family: 'Noto Sans JP', sans-serif; font-weight: 800; }

.ptt_01{text-shadow: #a675ff 0.1em 0px 0.1em, #a675ff -0.1em 0px 0.1em, #a675ff 0px -0.1em 0.1em, #a675ff -0.1em 0px 0.1em, #a675ff 0.1em 0.1em 0.1em, #a675ff -0.1em 0.1em 0.1em, #a675ff 0.1em -0.1em 0.1em, #a675ff -0.1em -0.1em 0.1em, #a675ff 0.05em 0.1em 0.1em, #a675ff -0.05em 0.1em 0.1em, #a675ff 0.05em -0.1em 0.1em, #a675ff -0.05em -0.1em 0.1em, #a675ff 0.1em 0.05em 0.1em, #a675ff -0.1em 0.05em 0.1em, #a675ff 0.1em -0.05em 0.1em, #a675ff -0.1em -0.05em 0.1em, #a675ff 0.05em 0.05em 0.1em, #a675ff -0.05em 0.05em 0.1em, #a675ff 0.05em -0.05em 0.1em, #a675ff -0.05em -0.05em 0.1em; }  



/********************************index top************************************/
html{ font-size:100px;}
body{ background: url(../images/bg.jpg) 0 0 repeat; }
.index{background:#ffff00;}
.mob_win{width:1000px; max-width:100%; margin:0 auto; padding: 0; position: relative;box-sizing:border-box;}

.header{ background: #ffff00; }
.top_mob{width:1000px; max-width:100%; margin:0 auto;}
.top_phin{ position: relative; }
.top_on01{ position: absolute; bottom:6%; left: 29.4%; width:6%;z-index: 20; }
.menu_ban{ position: absolute; top: 0; right:9.1%; width: 25%;  z-index:99;}
.ban_backtop{position: absolute; top: 0; left:2.6%; width: 21%; padding-bottom: 11.15%; margin-top: 5%; z-index: 99; }


.countdown{ position:absolute; top:25.45%; left:4%; width:221px; height:50px; padding:29px 0 0 42px; background:url(../images/header/time_bg_pc.png) 0 0 no-repeat;transform-origin: 0 0; z-index:155;}
.PTime{ background:url(../images/header/smf-lt.png) -2px 0 no-repeat; display:inline-block; width:20px; height:39px; overflow:hidden;}
.cdtime{ position: relative; float: left; padding-right: 18px; }
.cdtime:before{content: "日"; position: absolute; right: 2px; top: 7px; color: #fff; font-size: 14px; font-weight: bold;}

.time_d:before{content: "日";}
.time_h:before{content: "時";}
.time_m:before{content: "分";}
.time_s:before{content: "秒"; }



/* meun mob */
.menu_mob{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,0,0.7);  display: none; justify-content:center;align-items: center; z-index: 900;}
.menu_mob .menu_inmob{  width: 910px;max-width: 91%;  background: url(../images/bg.jpg) 0 0 repeat;background-size: 0.8rem auto; position: relative;}
.me_antran{transition:transform 0.3s ease-out,height 0.3s ease-out;transform-origin: 0 50%; height:0rem; overflow: hidden; position: relative;}
.menu_mob .me_logo{ width:34.6%; position: absolute; top: 50%; left: 0; text-align: center;transform: translate(0,-50%);z-index:915;}
.menu_mob .me_logo .ban_tplogo{ display: inline-block; max-width: 69.52%; }
.menu_mob .me_logo .me_sns{padding: 26px 0; padding: 0.26rem;}
.menu_mob .me_logo .me_sns a{ display: inline-block;transition:opacity 0.3s ease-out;}
.menu_mob .me_logo .me_sns a:hover{ opacity: 0.8;}

.me_close{ position: absolute; left:100%;top: 50%; margin-top:-0.61rem;  display: block; width: 40px; width: 0.4rem; padding: 35px 15px; padding:0.35rem 0.15rem; background: url(../images/bg.jpg) 10px 26px repeat;z-index:905;transition:transform 0.3s ease-out,height 0.3s ease-out;transform-origin: 0; transform: scale(0,1); }

.menu_mob .me_list{padding:4% 5.38% 4% 27.09%; position: relative; z-index:910;text-align: center; line-height: 0; }
.menu_mob .me_sabant{ position: relative; }
.menu_mob .me_sabant .me_sab01{ position: absolute; bottom: 0; left: 0; width: 50%; height: 83.8%; }
.menu_mob .me_sabant .me_sab02{ position: absolute; bottom: 0; right: 0; width: 50%; height: 83.8%; }


.menu_mob .me_navm{ padding: 16px 0 0 35px; padding: 0.16rem 0 0 0.35rem; text-align: center;}
.menu_mob .me_navm a{ display: inline-block; margin:0 13px 25px 13px;margin:0 0.13rem 0.25rem 0.13rem; background-size: 100%; background-repeat: no-repeat;height: 38px; height:0.38rem; }
.menu_mob .me_navm a img{max-height: 100%;}
.menu_mob .me_navm .me_n08{margin:0 25px 25px 0;margin:0 0.25rem 0.25rem 0;}
.menu_mob .me_navm .me_n09{margin:0 0 25px 0;margin:0 0 0.25rem 0;}

.menu_mob .me_navm .me_ensd{margin:0 10px;margin:0 0.1rem; color: #000486; font-weight: bold; letter-spacing: -0.05em; height: auto;}
.menu_mob .me_navm .me_ensd:hover{ color: #f00; }

/* meun mob */



.inmobs{ position: relative; z-index: 5;}
.inmobs .ce_inner{ position: relative;}
.mac01{ z-index:5; background: url(../images/index/mac01_bg.png) top center no-repeat; background-size: 100% auto;margin-top:-170px; margin-top:-1.7rem; padding: 110px 0 140px 0; padding: 1.1rem 0 1.4rem 0;}
.mac01 .ce_inner{z-index:8; }
/* .mac01 .inmbgl{position: absolute;top:0; left: 0;transform: skewY(5deg) ;height: 40.16vw; width: 100%;  background: url(../images/bg.jpg) 0 0 repeat;background-size: 0.8rem auto; z-index: 5;transform-origin: 50% 0; z-index:5; } */


.mac02{ margin:-140px 0 0 0; margin:-1.4rem 0 0 0;  z-index: 7; background: url(../images/index/mac02_bg.png) top center no-repeat; background-size: 100% auto;}
.mac02 .img_t02{ width:101%; margin-left: -1%;  }
.mac02 .ban_b01{ display: block; padding:1% 10%; text-align: center; }
.mac02 .ban_f01{ position: absolute; bottom: 4.8%; left:5%; width: 26.8%;height:0; padding-bottom:3.45%; z-index: 10;filter:Alpha(opacity=0); background:#fff;opacity: 0;}
.mac02 .ban_f02{ position: absolute; bottom: 16.0%; left:67.4%; width: 26.8%;height:0; padding-bottom:3.45%;z-index: 10;filter:Alpha(opacity=0); background:#fff;opacity: 0;}
.mac02 .ban_f01:hover{ background: #fff; opacity: 0.4;filter:Alpha(opacity=40); }
.mac02 .ban_f02:hover{ background: #fff; opacity: 0.4;filter:Alpha(opacity=40);}

.mac03{margin:-140px 0 0 0; margin:-1.4rem 0 0 0; z-index: 5; background: #fff;}
.mac03 .ce_inner{ padding: 198px 0 210px 0; padding: 1.98rem 0 2.1rem 0; }
.mac03 .mac03_p01{ position: absolute; bottom: 0; right: -9%; margin-bottom: 3%; z-index: 3; width: 60%; }
.mac03 .me_news{ width: 68%; position: relative; z-index: 4;}
.mac03 .me_news .me_nwtit{ padding: 0 0 0 7.3%; }
.mac03 .me_news .me_nwtit img{ height: 1.09rem; }
.mac03 .me_news .me_newslist{ padding-top:7.05%;  }
.mac03 .me_news .me_newslist li{font-weight: bold; background: #ffff00;/* text-overflow: ellipsis;white-space:nowrap; overflow: hidden;  */margin-bottom:4.41%; line-height: 210%;  padding-right: 0.7em; padding-left: 4.8em; position: relative; }
.mac03 .me_news .me_newslist li .newsioc{ background: #e81900; color: #fff;  height: 100%;  padding: 1px 0.35em; margin-right: 0.8em;position: absolute;top: 0;left: 0;display:flex;justify-content: center;align-items: center;}
.mac03 .me_news .me_newslist li a:hover{ color: #e81900; }



.mac04{margin:-150px 0 0 0; margin:-1.5rem 0 0 0;z-index: 8; background: url(../images/index/mac04_bg.png) top center no-repeat; background-size: 100% 100%;}
.mac04 .ce_inner{  padding: 110px 0 150px 0; padding: 1.1rem 0 1.5rem 0; }
.mac04 .mac04_tit{ text-align: center; }
.mac04 .mac04_tit img{ width: 70%; }
.mac04 .me_macmom{ margin-top: -20px;margin-top: -0.2rem; }
.mac04 .me_macmom .me_insdn{ float: left; width: 50%; height: 450px; height: 4.5rem;}
.mac04 .me_macmom .me_insdn a{ transition:opacity 0.35s ease-out; }
.mac04 .me_macmom .me_insdn a:hover{ opacity: 0.8; }
.mac04 .me_macmom .me_sl01{}
.mac04 .me_macmom .me_sl02{text-align: right }
.mac04 .me_macmom .me_sl02 img{ padding-top: 15.6%; width: 95.6%}
.mac04 .me_macmom .me_sl03{height: 390px; height: 3.9rem; position: relative; z-index: 15; }
.mac04 .me_macmom .me_sl03 img{ margin-top:-16.6%; width: 98%;}
.mac04 .me_macmom .me_sl04{ height: 390px; height: 3.9rem;position: relative;z-index: 14; }
.mac04 .me_macmom .me_sl04 img{margin:5% 0 0 -3.5%; width:100%;}
.mac04 .me_macmom .me_sl05{ height: 350px; height: 3.5rem; }
.mac04 .me_macmom .me_sl05 img{ margin-top:-20.6%; width: 91.4%;}
.mac04 .me_macmom .me_sl06{height: 350px;height: 3.5rem;}
.mac04 .me_macmom .me_sl06 img{margin: -4.6% 0 0 -6.5%; width: 170%;}
.mac04 .me_macmom .me_sl07{ height: 400px; height: 4rem; }
.mac04 .me_macmom .me_sl07 img{ margin-top:0%; width: 96%;}
.mac04 .me_macmom .me_sl08{height: 400px;height: 4rem;}
.mac04 .me_macmom .me_sl08 img{margin: 20% 0 0 0%; width:93%;}
.mac04 .me_macmom .me_sl09{height: 400px; height: 4rem;}
.mac04 .me_macmom .me_sl09 img{ margin-top:-13%; margin-left: 1%; width: 94.4%;}
.mac04 .me_macmom .me_sl10{height: 400px;height: 4rem;}
.mac04 .me_macmom .me_sl10 img{margin: 14.4% 0 0 20.8%; width:67.2%;}
.mac04 .me_macmom .me_sl11{ height: 400px; height: 4rem; }
.mac04 .me_macmom .me_sl11 img{ margin:2% 0 0 3.1%; width:93%;}

.mac05{margin:-140px 0 0 0; margin:-1.4rem 0 0 0;  z-index: 8; background:#fff;z-index: 6; }
.mac05 .ce_inner{  padding: 160px 0 150px 0; padding: 1.6rem 0 1.5rem 0; }
.mac05 .twi_tit{ padding:0% 35% 4.5% 5%;  }
.mac05 .twitter_mob{ width: 68.8%; height: 335px;}
.mac05 .twitter_mob iframe{ width:100%!important; height: 335px!important;}
.mac05 .mac05_p01{ position: absolute; top: 160px;top: 1.6rem; left:59%; width: 46.5%; }

.mac06{ z-index: 20; padding-top: 1px;  background: #fff;}
.mac06 .ce_inner{ text-align: center; height: 0px; margin-top: -40px; margin-top: -0.4rem;}
.ban_yebg{ display: inline-block; background:#ffff00; transition:background 0.3s; }
.ban_yebg img{height:0.8rem; }
.ban_yebg:hover{ background:#fdca00; }



/* -------  page  -------- */
.page{ background: #fff; }
.page .top_pi{ position: relative; z-index: 10; }
.page .countdown{top:0%; left:23%; margin-top: 7%; }
.page .header{ /* height: 560px; height:5.6rem; */}
.page .page_tplogo{ position: absolute; top: 0; left: 0; width: 100%;}
.page .menu_ban{ position: absolute; top: 0; right:0; width: 25%;  z-index:99;}

.page_intp{ position: relative; height: 0; z-index: 2; }
.page_intpbg{ position: absolute; top: 0; left:0; width: 150%; height: 30vw; z-index: 2; background-color: #fff; margin:-1.24rem 0 0 -25%; transform: skewY(5deg) ; transform-origin: 50% 0; overflow: hidden;}
.page_intpbg .ce_inner{ text-align: center; width:12rem; max-width: 9000%;transform: skew(0,-2deg); transform-origin: 0% 0;  }
.page_intpbg .cdod{background: #ff7800;display: inline-block; width: 0.3rem; height: 0.9rem;  margin:0 0 0 0.32rem;transform: skew(-30deg,0); transform-origin: 0% 0;}

.pa_title{ text-align: center; width: 1000px;max-width: 100%;  margin:0 auto -0.81em auto; background:#e60012; color: #000; line-height: 105%; padding: 0.23em 0.5em 0.17em 0.5em; box-sizing:border-box; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; letter-spacing: -0.07em; position: relative; z-index: 25; }

.pa_inmob{ padding-top:94px; padding-top:0.94rem; position: relative; z-index: 10;  background: url(../images/page_bg.jpg) 0 0 repeat;background-size: 0.8rem auto;}
.pa_inmob_nobg{background:#fff;}
.pa_inmob .ce_inner{ padding-bottom: 1rem;margin-bottom: 1rem; }
.pa_inmob .left_mob{ float: left; width: 25%; }
.pa_inmob .left_mob .lenav{}
.pa_inmob .left_mob .lenav a{display: block; width: 80%; position: relative;z-index: 50; display: flex;align-items: center; height: 1.1rem; background: #ff7800; box-sizing:border-box; padding: 0 0.2rem; margin-bottom: 0.6rem; font-family: 'M PLUS 1p', sans-serif; font-weight: 900; transition:all 0.3s;}
.pa_inmob .left_mob .lenav a:before{ content: ""; display: block; position: absolute; right: -0.09rem; top: -0.18rem; display: block; width: 0.6rem; height: 0.6rem; background-size:100% 100%; border-radius: 999px;}
.pa_inmob .left_mob .lenav a:hover{ background-color: #ffae00;}
.pa_inmob .left_mob .lenav a:hover:before{mix-blend-mode: luminosity;}

.pa_inmob .right_mob{ float: left; width:75%; padding-right:0%}
.right_mob .pa_tptx{ font-size: 16px; line-height:150%; font-weight: bold; }

.pa_inmob02{ position: relative; z-index: 15;  background:#fff; padding-bottom:180px;padding-bottom:1.8rem;}
.pa_inmob02 .right_mob{margin-left: 25%; position: relative;}
.pa_stline{ position: absolute; top: -1.42rem; left: -0.45rem;z-index: 2; width:150%;transform: skew(0,-3deg); transform-origin: 0% 100%; }
.pa_stline span{ width: 0.23rem; height:0.64rem; margin-left: 0.3rem; background-color: #000486; display: inline-block;transform: skew(-30deg,0); transform-origin: 0% 0;}
.pa_stline_02{ position: relative; top: 0rem; left: 0; margin-left: -0.45rem; padding: 0.9rem 0 0.6rem 0; }


.pa_linetma{text-indent: -0.5em; display: inline-block; }
.pa_linetx01{ padding-left: 1em; text-indent: -1em; }
.txinline li{ padding-left: 1em; text-indent: -1em; }

.two_tab{ display: table; width: 100%; }
.two_tab .two_tbin{ display: table-cell; width:50%; }

.ban_kuwalink{ display: inline-block; background-color: #ffff00; transition:all 0.3s;}
.ban_kuwalink:hover{ background-color: #fdca00!important;}

.ban_facbuy{}
.ban_facbuy .ban_mbg{ display: inline-block; width: 1.6rem; margin-top: 10px; transition: all 0.4s; }
.ban_facbuy .ban_mbg:hover{  opacity: 0.8; }



/* jigohannbai */
.hannbai_in .pa_insmbox.pa_fortab{padding:0.6rem 0.2rem 0.4rem 0.2rem;}
.pa_intable{ margin-top:0.3rem;}
.pa_intable .pa_tabtit{ width:100%; background: #f60000; color: #fff; padding:0.625em; line-height: 110%; text-align: center;box-sizing:border-box;}
.pa_itb02 .pa_tabtit{ background: #4eb1f0;}
.pa_tabinner{ /*height:5rem; overflow: auto;*/ border: 0.02rem solid #f60000;}
.pa_tabinner table{ width: 100%;}
.pa_tabinner tr td{ padding:0.83em; border-top: 0.02rem solid #f60000; border-right: 0.02rem solid #f60000;}
.pa_tabinner tr:nth-child(1) td{border-top:0; }
.pa_tabinner tr td:nth-child(1){ width: 6em;}
.pa_tabinner tr td:nth-child(2){ width: 8em;}
.pa_tabinner tr td:nth-child(4){ width: 5em; text-align: center;border-right:0;}

.pa_itb02 .pa_tabinner{border: 0.02rem solid #4eb1f0;}
.pa_itb02 tr td{border-top: 0.02rem solid #4eb1f0; border-right: 0.02rem solid #4eb1f0;}

.ji_banlinkc{ text-align: center; margin: 0.3rem 0 0.7rem 0;}
.ji_banlinkc a{padding: 1em 0.5em; color: #fff; background: #a675ff; letter-spacing: -0.05em; line-height: 130%; display: block; transition:all 0.4s; }
.ji_banlinkc .ji_banlc{letter-spacing:0; color: #fff600;}
.ji_banlinkc a:hover{ background: #c78e24;}



/* infomation */
.dress .left_mob .lenav .nav_a01:before{ background-image: url(../images/page/pa_ioc01.png); }
.dress .left_mob .lenav .nav_a02:before{ background-image: url(../images/page/pa_ioc02.png); }
.dress .left_mob .lenav .nav_a03:before{ background-image: url(../images/page/pa_ioc03.png); }

.pa_insmbox{ background-color: #fff; padding: 0.6rem 0.1rem 0.4rem 0.1rem; text-align: center; position: relative; margin-top: 1.07rem;}
.pa_instit{width: 1.8rem; height: 0.7rem; background-color: #000486; text-align: center; line-height: 120%; box-sizing:border-box; position: absolute; top: -0.35rem; left: 50%; margin-left: -0.9rem; display:flex;justify-content: center;align-items: center; }
.pa_instit b{ display: inline-block; transform: skew(0,-6deg); transform-origin: 50% 50%; }

.modside_left{ float: left; width:49%; padding-left:2%; text-align: left; font-size:14px; line-height: 210%;  letter-spacing: -0.05em;}
.modside_right{ float: left; width:46%; padding-left:2%; text-align: left;font-size:14px; line-height: 210%; letter-spacing: -0.05em;}


/* access */
.pa_acin{ position: relative; padding-left: 2rem; margin:0.78rem 0 0.25rem 0;  }
.pa_acin .pa_instit{ position: absolute; top: 2px; left:0; margin-left: 0; }

.ac_line01{ margin:0.25rem 0 0.25rem 0;}
.ban_htlink{ display: inline-block; background-color: #ffff00; transition:all 0.3s;}
.ban_htlink:hover{ background-color: #fdca00!important;}

.ac_line01 a{ margin-right: 1em; }
.ac_line01 a img{ height: 0.8rem; }
.acc_map{ position: relative; }
.ban_ftmap{ position: absolute; left: 25%; top: 0; display: block; width: 60%; padding-bottom: 20%; margin-top:10%; background: #fff;filter:Alpha(opacity=0); opacity: 0; }


/* map */
.pa_tye{ padding-bottom:50px;padding-bottom:0.5rem; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; letter-spacing: -0.05em; }
.map_twb {padding-top:4%}
.map_twb .two_tbin{ padding:0 2%;}
.ban_htlink.ban_mapsh{background-color: #0080cc;}
.ban_htlink.ban_mapsh a{background-color: #00a0ff!important;}
.ban_htlink.ban_mapsp{background-color: #ea5420;}
.ban_htlink.ban_mapsp a{background-color: #ff622c!important;}



/* stage */
.pa_stage .top_pi img:last-child{ width: 106.5%;max-width: 106.5%; }
.pa_stage .page_intpbg .cdod{background: #36e400;}
.stage_in .pa_inmob .left_mob .lenav a{ background-color: #36e400;height: 1.36rem; }
.stage_in .pa_inmob .left_mob .lenav a:hover{ background-color: #3cfe00; }
.stage_in .left_mob .lenav a:before{ background-image: url(../images/page/pa_ioc_st01.png); }
.sta_link{ position: relative; display: inline-block; }
.sta_clink{ position: absolute; top:0; left: 1.4286%; padding-top:17.514%; width:42.89%;  }
.sta_nlink{ position: absolute; top:0; right:4.2857%; padding-top:17.514%; width:42.89%;  }
.sta_link a{ display: block; padding-bottom:18.67%; height: 0; width:100%; margin: 24.7% 0 0 0; text-indent: -999px; overflow: hidden;}
.sta_link a:hover{ background: rgba(255,255,255,0.5); }

.stage_tit{ text-align: center;background:#060684;color: #fff;line-height: 160%;font-weight: bold;padding: 0 0.5em;margin-bottom: 2.5%;  font-weight: bold;}
.stage_tit .stage_tsm{ display: inline-block; font-size: 0.56em; color:#060684; background: #fff;  line-height: 120%; border-radius: 999px; padding:0.1em 0.3em; margin-left: 0.3em; vertical-align: middle;  }
.st_iocpx{ position: absolute; top:0.2rem; right:1%; font-size: 0.3rem; line-height: 110%; background: #da0000; color:#fff; font-weight: bold; padding: 0.2em 0.5em; border-radius: 0.1rem;}
.stage_ict{ padding:0.3em 0.6em 0.3em 1em; line-height:100%; color:#fff; background:#31e31a;  line-height:100%; display:inline-block; position: relative;}
.stage_ict:before{ content: ""; position: absolute; top: 0; right: 0;border:0.8em solid #31e31a; margin-right: -0.375rem; border-top-color: transparent;border-right-color: transparent;}

.dm_name{ display: inline-block; width:9em; }

.cmb_box .cmb_ph{float:left; width:47.75%; margin-right:4.5%; display:table;padding-bottom:40px; padding-bottom:0.4rem;}
.cmb_box .cmb_ph:nth-child(2n){margin-right:0%;}
.cmb_box .cmb_ph dt{display:table-cell; width:40.47%;}
.cmb_box .cmb_ph dt img{ border:2px solid #060684;}
.cmb_box .cmb_ph dd{display:table-cell; padding-left:1em; vertical-align:top; position:relative;}
.cmb_box .cmb_ph dd p{ line-height: 140%; letter-spacing: -0.05em; }
.cmb_box .cmb_ph dd h4{ /*padding-right:21%;*/ letter-spacing:-0.05em; line-height: 110%;}
.cmb_box .cmb_ph .cmb_ioc{ position:absolute; top:0; right:0; width:50px; height:50px;line-height:50px; width:0.5rem; height:0.5rem; line-height:0.5rem; text-align:center; font-weight:bold; border-radius:1000px; color:#FFF; background:#41d300;;font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt"; }

.cmb_box .cmp_ph02{ width:100%; margin-right:0;}
.cmb_box .cmp_ph02 dt{display:table-cell; width:71.59%;}
.cmb_box .cmp_ph02 dd{display:table-cell;padding-left:1em; vertical-align:top; position:relative;}



/* shueisha */
.pa_shueisha .page_intpbg .cdod{background: #36e400;}
.shueisha_in .pa_inmob .left_mob .lenav a{ background-color: #36e400; }
.shueisha_in .pa_inmob .left_mob .lenav a:hover{ background-color: #3cfe00; }
.shueisha_in .left_mob .lenav a:before{ background-image: url(../images/page/pa_ioc_sh01.png); }
.shueisha_in .pa_inmob .left_mob .lenav a.nav_a03{ height: 5.6em; }
.shueisha_in .pa_inmob .left_mob .lenav a.nav_a04{ height: 7em; }

.shueisha_in .shu_twb .two_tbin{font-size: 0.25rem; padding-left:20px;padding-left:0.2rem; padding-bottom: 60px ;padding-bottom: 0.6rem;}
.shueisha_in .shu_twb .shu_titin{ font-size: 1em; line-height: 100%; text-align: center; margin-right:20px;margin-right:0.2rem; background-color: #000486; color: #ffff00; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; letter-spacing: -0.08em; padding: 1.4em 0 3.6em 0; position: relative; z-index: 6; }
.shueisha_in .shu_twb .shu_tbimg{margin-left:25px;margin-left:0.25rem; margin-top: -2.5em; position: relative; z-index: 8;}
.shueisha_in .shu_twb .shu_tbimg img{width:330px\0;}

.shueisha_in .shu_twb .shu_tbimg .shu_bants{  font-size: 0.18rem; line-height: 110%; font-weight: bold; color: #fff; position: absolute; bottom:-1.5em ; left:-1.5em;background: #f10000; width: 5.5em; height: 5.5em; border-radius: 999px;display: flex;align-items: center;justify-content: center; text-align: center;transform: rotate(-15deg);transform-origin: 50%; transition:background 0.3s; }
.shueisha_in .shu_twb .shu_tbimg .shu_bants:hover{ background-color: #ff2400;}
.ban_yjend{ text-align: center; }
.ban_yjend a{ display: inline-block; max-width: 60%; transition:opacity 0.3s; }
.ban_yjend a:hover{ opacity: 0.8; }

/*wj*/
.yj_tab01{border-left: 2px solid #1d2080;margin:0.55em 2% 1.7em 0;  }
.yj_tab01 td{ vertical-align: middle;border-bottom: 2px solid #1d2080;border-right: 2px solid #1d2080; padding: 0.4em; color: #000;  }
.yj_tab01 .yj_tabtt{ background:#1d2080; color:#fff; font-weight: bold; }
.yj_tab01 .yj_tabtt02{ background:#de0012; color:#fff; font-weight: bold;border-bottom:2px solid #de0012;border-right: 2px solid #de0012;  }

.yn_tabtin{ background-color:#ffe8e8;}

table td.yj_tabtx01{ text-align: center;padding: 0.4em 0.1em;}
table td.yn_tabtx01{ text-align: center;padding: 0.4em 0.1em;}
table td.yj_tabtx01 b{ line-height: 100%;  }
table td.yn_tabtx01 b{ line-height: 100%;  }
table td.yj_tabtx02{ font-size: 0.18rem; font-weight: bold; text-align: center;background-color:#e8ebff; }
table td.yn_tabtx02{ font-size: 0.18rem; font-weight: bold; text-align: center;background-color:#ffe8e8; }
/*wj*/


/*food*/
.food{}
.fd_txet{position: relative; padding:0 4em; margin:1em 0; text-align: center; font-weight: bold; }
.fd_txet .fd_pri{ position: absolute; top: 0;right: 1em; color:#ff0000; text-align: center; }
.fd_ftmob{ text-align: center; }
.fd_ftmob .fd_tbin{float: left; width: 49%;margin-right:2%;}
.fd_ftmob .fd_tbin:nth-child(2){ margin-right: 0; }
.fd_ftmob img{ width: 3.6rem; border:1px solid #090982; }




/*food*/


/* maker */
.pa_maker .page_intpbg .cdod{background: #36e400;}
.maker_in .pa_inmob .left_mob .lenav a{ background-color: #36e400;margin-bottom: 0rem; }
.maker_in .pa_inmob .left_mob .lenav a:hover{ background-color: #3cfe00; }
.maker_in .left_mob .lenav a:before{ background-image: url(../images/page/pa_ioc_sh01.png); }
.maker_in .pa_inmob{padding-bottom:35px;padding-bottom:0.35rem;}
.maker_in .pa_inmob .ce_inner {padding-bottom:0;margin-bottom: 0;}
.maker_in .pa_inmob03{ background: #fff;padding-top:30px;padding-top: 0.3rem; padding-bottom: 180px; padding-bottom: 1.8rem; }
.maker_in .pa_inmob04{ background: #fff; }


/* maker left menu */
.maker_lenav .maker_banlist{ display: block; line-height:153%; border-bottom:1px solid #36e400; padding-top: 1.5em; width:80%; font-weight: bold; }
.maker_lenav .maker_banlist:hover{background-color: #a9ff8e;  }
.maker_lenav .maker_banlist.sel{background-color: #a9ff8e;}
.maker_logomob{}
.maker_logomob .ma_inlogo{ float: left; width: 23%; border:2px solid #36e400; margin:0 9px 9px 0; margin:0 0.09rem 0.09rem 0; box-sizing:border-box; transition:opacity 0.3s; position: relative; overflow: hidden; }
.maker_logomob .ma_inlogo:hover{ opacity: 0.7; }
.maker_logomob .ma_inlogo.new:before{ content: "NEW"; position: absolute; top: 0;right: 0; font-size: 0.1rem; line-height: 150%; color: #fff; background: #e81b3d;  display: block;text-align: center; width:3em;}
.maker_logomob .ma_inlogo.new:after{ content: ""; position: absolute; top: -1.7em;right:3em;font-size: 0.1rem; height: 0; line-height: 0; border: 1.6em solid transparent;border-right:0.7em solid #e81b3d ;}


.stm_lem{ margin:0.7rem 8% 0 8%; }
.stlem_tit{ background:#36e400; position: relative; padding:0 0.8rem 0 0.25rem;   }
.stlem_tit p{ font-size: 0.3rem; line-height:0.8rem; font-weight: bold;  }
.stlem_tit .stlem_ic{ position: absolute; top:0.15rem; right: 0.2rem; width: 0.5rem; transform:rotate(-90deg); }
.stlem_list{ display: none; }
.stlem_list a{ display: block; font-size: 0.22rem; line-height:0.69rem; border-bottom:1px solid #36e400; }

.mak_fcolor{color: #e60012;}
.mak_blcolor{color: #0080cb;}

.maker_in .right_mob a:hover{ color: #ff9000;}

.inner_tmob{ display:table; width:100%; padding-bottom:3.978%; }
.companyogo{ display:table-cell;width: 28.2%;position: relative;}
.companyogo img{ vertical-align:top; }
.companyogo:before{ content: ""; display: block; position: absolute; top:0px; left:0px; width:206px; height: 97px; border:2px solid #36e400; width: calc(100% - 4px); height: 0rem; padding-bottom: calc(48.1% - 4px);  }
.company_con{ display:table-cell; vertical-align:top; padding-left:2.47%; font-weight:bold;font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt"; }
.copy_na{ display:table; border:4px solid #36e400;  border:0.04rem solid #36e400; border-left:0;}
.copy_na .copy_nit{ display:table-cell; width:4.1em; vertical-align:middle; padding:0 0.5em; background:#36e400; color:#000;}
.copy_na .copy_name{ display:table-cell;vertical-align:middle; color:#36e400; line-height: 130%; padding:0 0.2em; }
.company_con b{ font-size:35px; font-size:0.35rem; line-height:110%; color:#000; display:inline-block; padding-top:3.5%; }

.exh_mob{ margin-top:30px; margin-top:0.3rem; }
.exh_mob .exh_title{ color:#000; line-height:100%;padding:9px 13px 7px 9px;padding:0.09rem 0.13rem 0.07rem 0.09rem; background:#36e400; font-weight:bold;}
.exh_mob .exh_com{ padding:17px 10px; padding:0.17rem 0.1rem; font-weight:bold;border:0.05rem solid #36e400; color: #000;}

.mob_gls{ position: relative;border:0; }
.mob_gls .exh_title{ display: inline-block; padding:0.09rem 0.53rem 0.07rem 0.09rem; position: relative;}
.mob_gls .exh_title:before{ content: ""; display: block; width: 0; height: 0; border:0.5rem solid transparent; border-bottom:0.4rem solid #36e400; position: absolute; top:-0.49rem; right:-0.49rem; }
.mob_gls .exh_com{border:0.05rem solid #36e400; margin-top: -1px;}
.mob_gls .exh_com a{color: #36e400;}

.two_maketab{}
.two_maketab .two_tbin{ float: left; width:47%; margin-right: 3%; margin-bottom:6%; }
.two_maketab .two_tbin:nth-child(2n){ margin-right:0%; }
.ic_sg{max-width:2.2rem;width:180px;}

.tab_tit{ color: #00a4fe; padding: 1em 0 0.5em 0; }
.tab_listn{ width: 100%; }
.tab_listn{ border-top:2px solid #00a4fe; border-right:2px solid #00a4fe; font-weight: bold; letter-spacing: -0.05em; }
.tab_listn td{ border-bottom:2px solid #00a4fe; border-left:2px solid #00a4fe; padding: 0.3em; }
.tab_listn td.tab_wn01{ width:11em;  }
.tab_listn td.tab_wn03{ width:7em;  }

.malink_mob{ text-align: center;  color: #000; margin-top:4%;border:4px solid #f28900;}
.malink_mob .mal_tits{ display: block; background: #f28900; color: #fff; line-height: 150%;}
.malink_mob .mal_txin{ padding:3%; }
.malink_mob .ma_dban{ display: inline-block; line-height: 100%; margin-top: 2%; padding: 0.5em 1em; background: #f27200; font-weight: bold; color: #fff; transition:all 0.4s; }
.malink_mob .ma_dban:hover{ background: #ffc925; color: #f27200!important; }






/* goods */
.pa_goods .page_intpbg .cdod{background: #a675ff;}
.goods_in .pa_inmob .left_mob .lenav a{ background-color:#a675ff;height: 1.36rem; }
.goods_in .pa_inmob .left_mob .lenav a:hover{ background-color: #8d4ffd; }
.goods_in .left_mob .lenav a:before{ background-image: url(../images/page/pa_ioc_gd01.png); }

.goods_in .left_mob .lenav a.nav_a02{  height: 1rem;  margin-top: 0.3rem; }
.goods_in .left_mob .lenav a.nav_a02:before{ background-image: url(../images/page/pa_ioc_gd02.png);}

.goods_in .left_mob .lenav a.nav_a03{  height: 1.5rem;  margin-top: 0.3rem; }





/* left menu */
.goods_in .pa_inmob .left_mob .lenav>a{ margin-bottom: 0.3rem; }
.goods_in .pa_inmob .left_mob .lenav a.lem_lg{ display:block; padding:0 0 22.8% 0; text-indent:-999px; height:0;background-color:transparent; background-size:100% auto!important; border:none; margin: 0.2rem 0;  }
.goods_in .pa_inmob .left_mob .lenav a.lem_lg:before{ display: none; }
.goods_in .pa_inmob .left_mob .lenav a.lem_lg:hover{ opacity: 0.8; }

.goods_in .lenav a.lg01{ background: url(../images/goods/nav_gd01.png) 0 0 no-repeat; }
.goods_in .lenav a.lg02{ background: url(../images/goods/nav_gd02.png) 0 0 no-repeat; }
.goods_in .lenav a.lg03{ background: url(../images/goods/nav_gd03.png) 0 0 no-repeat; }
.goods_in .lenav a.lg04{ background: url(../images/goods/nav_gd04.png) 0 0 no-repeat; }
.goods_in .lenav a.lg05{ background: url(../images/goods/nav_gd05.png) 0 0 no-repeat; }
.goods_in .lenav a.lg06{ background: url(../images/goods/nav_gd06.png) 0 0 no-repeat; }

.goods_in .worklist{ display: none; }
.goods_in .pa_inmob .left_mob .lenav .worklist a{display: block;width:80%;text-indent: 0px;border-bottom: 2px solid #a675ff;color: #000;height: auto;font-size: 0.75em;line-height: 125%; font-weight: 400; padding: 0.6em 3.4% 0.8em 3.4%; margin: 0; transition: background linear 0.1s;background-color:transparent; }
.goods_in .pa_inmob .left_mob .lenav .worklist a:before{ display: none; }
.goods_in .pa_inmob .left_mob .lenav .worklist a:hover{ background-color:#c09dff; color:#FFF; }
.goods_in .pa_inmob .left_mob .lenav .worklist a.sel{ background-color:#c09dff; color:#FFF; }

.goods_in .lelogo{ padding:2% 0 0 0; margin-bottom:0px; border-bottom:5px solid #a675ff; position: relative; cursor: pointer;}
.goods_in .lelogo img{ margin-bottom:-5px; max-width:35%; position: relative; z-index: 20; }
.goods_in .lelogo:before{ content: "作品名を表示"; display: block; position: absolute;bottom: 0; left: 0; width: 100%; box-sizing:border-box; color: #a675ff; border:1px solid #a675ff;border-bottom:0; background: #fff; text-align: right; font-size:0.16rem; font-weight: bold; line-height: 100%; padding: 0.75em 2.8em;}
.goods_in .lelogo:after{content: "";font-size:0.2rem;  display: block; position: absolute; bottom:0.15em;right: 0.5em; background: url(../images/goods/icon_d.png) 0 0 no-repeat; width: 1.5em; height: 1.5em; background-size:1.3em 1.3em;transform-origin: 0.65em 0.65em; transform: rotate(0deg); transition:transform 0.4s; }
.goods_in .lelogo.sel:after{ transform: rotate(-90deg);}




.goods_in .work_name{ font-weight:bold; color:#a675ff; padding:0 0 10px 0; }
/* .goods_in .work_list{ width:101.12% } */
.goods_in .boxlistin{ float:left; width:48.8%; margin-right:1.2%; margin-bottom:10px;background: #fff;}
.goods_in .in_hopac{ display:block; }
.goods_in .boxlistin .boxpos{ border:1px solid #a675ff; padding:10px 25px 10px 10px; position:relative; overflow: hidden;transition:all 0.3s; min-height: 0.64rem; }
.goods_in .boxlistin .boxpos .wk_ph{ float:left; width:20%; padding-right:3.1%; }
.goods_in .boxlistin .boxpos .wk_com{ float:left; width:71%; padding-bottom:18px; }
.goods_in .boxlistin .boxpos .wk_com .show_ic{ display:block; padding-bottom:3px;line-height: 100%; }
.buyioc{ color: #fff; font-size:11px; line-height: 100%; padding:0.2em 0.4em; background: #ff0000; display: inline-block; vertical-align: top;}
.goods_in .boxlistin .boxpos .wk_com .show_ic img{ height:16px; margin-right: 0.1rem;vertical-align: top;}
/* .goods_in .boxlistin .boxpos .read_com{ display:block; width:25px; position:absolute; right:0; top:0; bottom:0; background:#a675ff url(../images/goods/ic_ont01.png) center center no-repeat; } */

.trustname{ color:#a675ff;}
.winame{ display:block; color:#a675ff; font-weight:bold;line-height:120%; }
.wkprice{ position:absolute; bottom:10px; left:23.1%; font-size:0.875em; line-height:100%; display:block; }

.in_hopac{ transition:all 0.3s; display:block;}
.in_hopac:hover{ opacity: 0.8;  }
/* left menu */


.pa_goods .stm_lem{ }
.pa_goods .stlem_tit{ background:#a675ff;}
.pa_goods .stlem_list a{ border-bottom:1px solid #a675ff; }



.goodsban_g{ text-align: center; font-size: 0; line-height: 0; }
.goodsban_g a{ display: inline-block; width: 48%; padding: 0 1%; transition:all 0.4s; }
.goodsban_g a:hover{ opacity: 0.8; }

.goodsmob_tp{}
.goodsmob_inner{ display: none; }
.gdinmob{box-sizing:border-box; padding:1% 0% 1% 1%; background: #f4f4f4; border:1px solid #a675ff;}

.gdinmob{display: none;}
.goodsmob_info{display: none;}

.ban_gdback{ margin-bottom: 1em; }
.ban_gdback a{ position: relative; display: inline-block; padding: 0.2em 0.5em 0.2em 1em; background: #ff0000; margin-right: 1em; font-weight: bold; color: #fff; transition:all 0.4s;}
.ban_gdback a:before{ content:""; position: absolute; top:50%; left: 0; width: 2em;border:0.6em solid transparent; border-left-color: #fff;transform: translate(0,-50%);}
.ban_gdback a:hover{ background: #c60101;}


.goods_rnav{margin-top:1%;}
/* .goods_rnav .ban_gdlogo{ } */
.gdin_list{ padding:1.5% 2% 3% 2%; background: #fff; border:1px solid #a675ff;}
.gdin_list a{ display: block; float: left; padding:0.2% 1.6% 0.2% 0; width:47.6%; }
.gdin_list a:hover{ color: #7c47dd; }


.in_forlineh{ line-height:150%; }
.in_show_ic{ display:block;padding-bottom:10px;line-height: 100%; }
.in_show_ic img{ max-width: 47%;vertical-align: top; margin-right: 0.1rem;}


.in_show_ic .buyioc{ font-size:14px;padding: 0.3em 0.4em;}
.in_trustname{ color:#a675ff; font-size:0.875em; }
.in_winame{ display:block; color:#a675ff; font-weight:bold; font-size:1.375em; line-height:120%; }
.in_descripTion{ line-height:130%; display:block; }
.in_price{ display:block; }
.in_wknumber{ display:block; font-size:0.875em; }
.in_phbig{ padding:10px 0; }
.in_phbig img{ border:1px solid #a675ff; }
.in_small{ font-size:0.75em; line-height:130%; }
.in_smallic{ font-size:0.75em; line-height:130%; }













/* thanksticker */

.goods_in .pa_insmbox{ background: #ffffd4 url(../images/goods/thanksticker/t_bg.png) 0 0 repeat; padding: 0.6rem 0.1rem 0.2rem 0.1rem; border:0.03rem solid #a675ff; border-radius: 0.2rem; text-align: left; position: relative; margin-top: 0.8rem;}
.goods_in .pa_instit{width:5.4rem; height: 0.7rem; background-color: #a675ff; color: #fff; text-align: center; line-height: 120%; box-sizing:border-box; position: absolute; top: -0.35rem; left: 50%;
      transform: translate(-50%,0); margin-left:0; display:flex;justify-content: center;align-items: center;border-radius: 999px;}
.goods_in .pa_instit b{ display: inline-block; transform:none; transform-origin: 50% 50%;/*  font-family: 'Noto Sans JP', */ sans-serif; font-weight: 800; }
.gt_tit{ text-align: center; }
.gt_tit .intit{ display: inline-block; text-align: center; color:#fdfe1e; background: #000486; font-weight: bold;padding: 0.3em 1em;}
.gt_phlist{ text-align: center;  font-size: 0; line-height: 0;}
.gt_phlist img{ padding:0 1.15%; max-width: 31%;  }










/* omiyage */
.pa_omiyage .page_intpbg .cdod{background: #a675ff;}
.omiyage_in .pa_inmob .left_mob .lenav a{ background-color:#a675ff; }
.omiyage_in .pa_inmob .left_mob .lenav a:hover{ background-color: #8d4ffd; }
.omiyage_in .pa_inmob .left_mob .lenav a.nav_a01{ height: 1.85rem; }
.omiyage_in .pa_inmob .left_mob .lenav a.nav_a02{ height: 1.36rem; }
.omiyage_in .left_mob .lenav a:before{ background-image: url(../images/page/pa_ioc_sp01.png); }
.omiyage_in .om_phorg{ background: #fff; margin-left:11.2%; border-radius: 9999px; text-align: center; height: 5.5rem; width: 5.5rem;  }


/* jvc */
.jvc_phbox01{ margin:0.78rem 0.3rem 0.5rem 0.5rem; position: relative;  }
.jvc_pbtit{ display: flex;align-items: center;justify-content: center;text-align: center; width: 89.55%; height: 110px; height: 1.1rem; /*  font-size: 0.36rem;  */line-height: 100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 800; color: #ffff00; background: #000486; position: absolute; top:-80px; left:-30px;top:-0.8rem; left:-0.3rem; letter-spacing: -0.06em;   }

.jvc_phbox02{ margin:0.78rem 0.5rem 0.5rem 0.3rem; position: relative;}
.jvc_phbox02 .jvc_pbtit{ left: auto; right:-30px;right:-0.3rem; }



/* rule */
.other_in .pa_inmob .left_mob .lenav a.nav_a01{ height: 1.7rem; }
.other_in .pa_inmob .left_mob .lenav a.nav_a02{ height: 2.05rem; }
.other_in .left_mob .lenav a:before{ background-image: url(../images/page/pa_ioc_ot01.png); }

.rule_in .pa_inmob{ background: #fff; position: relative; }
.pa_inmob .pa_sdbg{ position: absolute; top: 0; left: 0; width: 100%; height:165px; height:1.65rem;background: url(../images/page_bg.jpg) 0 0 repeat;background-size: 0.8rem auto;  }




/* jigohannbai */
.pa_hannbai .page_intpbg .cdod{background: #a675ff;}
.hannbai_in .pa_inmob .left_mob .lenav a{ background-color:#a675ff; }
.hannbai_in .pa_inmob .left_mob .lenav a:hover{ background-color: #8d4ffd; }
.hannbai_in .left_mob .lenav a:before{ background-image: url(../images/page/pa_ioc_hn01.png); }

.hannbai_in .pa_inmob .left_mob .lenav a.nav_a02{ height: 1.85rem; }

.hannbai_in .pa_insmbox{ background-color: #fff; padding: 0.6rem 0.2rem 0.4rem 0.5rem; text-align: left; position: relative; margin-top: 1.07rem;}
.hannbai_in .pa_instit{width:5.4rem; height: 0.7rem; background-color: #000486; text-align: center; line-height: 120%; box-sizing:border-box; position: absolute; top: -0.35rem; left: 50%; margin-left: -2.7rem; display:flex;justify-content: center;align-items: center; }
.hannbai_in .pa_instit b{ display: inline-block; transform:none; transform-origin: 50% 50%; font-family: 'Noto Sans JP', sans-serif; font-weight: 800; letter-spacing: -0.05em; }
.hannbai_in .pa_insmbox a{ color:#ffa200;}

.inedso{padding:0 0 0 45px;padding:0 0 0rem 0.45rem;}
.inedso a{ color: #e60012;}
.inedso a:hover{text-decoration: underline;}


/* ticket_in */
.ticket_in .two_tbin{padding: 0 4%;  }
.ticket_in .ban_htlink{background-color: #a675ff;}
.ticket_in .ban_tt01{ height: 0.21rem; padding-bottom: 0.15rem; }
.ticket_in .ban_tt02{ height: 1rem; }

.fa_sidmob{ display: table;margin-top: 0.5rem;}
.fa_sidmob .fa_tms{ display: table-cell; width: 50%; padding: 0 0.25rem 0.25rem 0; position: relative;}
.fa_sidmob .fa_tms02{padding: 0 0 0.25rem 0.25rem; border-left:2px solid #e8e8e8; }
.fa_sidmob .fa_tms .fa_tmtt{ position: relative; top: -0.5rem; display: flex;justify-content: center; align-items: center; padding: 0.05rem; background:#ffff00;  font-size: 0.16rem; line-height: 100%; color: #e60012; width: 2.8rem; height:0.8rem; }
.fa_sidmob .fa_tms .fa_tmtx{ margin-top:-0.25rem; }
.fa_sidmob .fa_tms .fa_tmtx .fa_int{ padding-bottom:3px;margin-bottom: 3px; border-bottom:2px solid #000; color: #e60012;  }



/* news */
.news_mob .me_newslist li{ padding-bottom: 4%; line-height: 180%; }
.news_mob .me_newslist li .news_ttt{background: #e60012;color: #000; line-height:160%; font-weight: bold; padding: 0 0.5em; margin-bottom:2.5%;}
.news_mob .me_newslist li a:hover{color: #e81900; }






/* foot */
#footer_t{margin:0 auto; background:#000000; position: relative; z-index: 5;}
.e_bn{padding:130px 0 35px 0;padding:1.3rem 0 0.35rem 0; width:1000px; margin:0 auto; max-width:100%; text-align:center; line-height: 0; font-size: 0;}
.e_bn a{ display:inline-block!important; display:inline;*zoom:1; max-width:30%; margin:0.5% 0.5%;}
.copyright{width:750px; margin:0 auto; max-width:98%; text-align:center; color:#FFF; padding-bottom:45px; font-size:12px; line-height:183%;}




.page_top{ position:fixed; bottom:30px; right:30px; display:none; max-width:15%; z-index:99; }

@media screen and (max-width:2000px){
.mac04{background-size:auto 100%;}
}



@media screen and (max-width:1800px){
.mac01{background-size:auto;}
.mac02{background-size:auto;}
}



@media screen and (max-width:1000px){
.mac01{background-size: 200% auto;}
.mac02{background-size: 188% auto;}

.mac04{background-size: auto 100%;}

.mob_win{ padding: 0 0.1rem;}


}

@media screen and (max-width:750px){
html,body{ width:100%; overflow-x:hidden; }


.pc_none{ display:block!important; }
.sp_none{ display:none!important; }
.pc_innone{ display:inline!important; }
.sp_innone{ display:none!important; }
.an_scl{ opacity:1;}

.ban_backtop{ width:40%; padding-bottom: 24%; z-index: 99; }

.mob_win {box-sizing:border-box; padding: 0;}

.menu_ban{ position: fixed; z-index: 500; right: 0; width:30%;}
.countdown{ position:absolute; top:0%; left:41.2%; margin-top: 7.866%; width:210px; height:76px; padding:31px 0 0 45px;}
.top_on01 {position: absolute;bottom: 6%;left: 23.4%;width: 8%;z-index: 20;}

/* meun mob */
.menu_mob{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,0,0.7);  display: none; justify-content:top;align-items: top; z-index: 900;}
.menu_mob .menu_inmob{  width:100%;max-width:100%; max-height: 98vh;overflow-x: hidden; overflow-y:scroll;   background: url(../images/bg.jpg) 0 0 repeat;background-size: 0.8rem auto; position: relative; transform:scale(1,0) skew(5deg,0);transition:all .2s ease-out;transform-origin: left top; border-radius: 0 0 9999px 9999px; }
.me_antran{height:auto;}
.menu_mob .me_logo{ width:auto; position:static; text-align: center; padding-top:0.4rem ;transform:none; }
.menu_mob .me_logo .ban_tplogo{ display: inline-block; max-width: 69.52%;}
.menu_mob .me_logo .me_sns{ padding: 0.26rem 0 0.45rem 0;}
.menu_mob .me_logo .me_sns a{max-width: 0.8rem; margin:0 0.23rem;}
.me_close{ position: absolute; left:auto; right:0;top:0; margin-top:0;  display: block; width: 0.61rem; padding:0.3rem 0.3rem; background:none;transform-origin:100% 0; }
.menu_mob .me_list{padding:2.6% 1% 2.6% 1%;}
.menu_mob .me_navm{ padding: 0.1rem 0 1rem 0.35rem; text-align: center;}
.menu_mob .me_navm a{ height:0.65rem;margin: 0.15rem 0.13rem 0.25rem 0.13rem; transition:none;}
.menu_mob .me_navm .me_n08{margin: 0.15rem 0.13rem 0.25rem 0.13rem;}
.menu_mob .me_navm .me_n09{margin: 0.15rem 0.13rem 0.25rem 0.13rem;}
.menu_mob .me_navm .me_ensd{ display: block;margin: 0.15rem 0.13rem 0.25rem 0.13rem; font-size:0.26rem; line-height: 110%;  }
.menu_mob .me_navm .me_ensd span{ font-size:0.18rem;   }
/* meun mob */



.mac01{ margin-top:-1.715rem;padding: 0.825rem 0 0.85rem 0;}

.mac02{ margin:-0.75rem 0 10px 0;  z-index: 7;background: url(../images/index/mac02_bg.png) 86% top no-repeat;background-size: auto 100%;}
.mac02 .ce_inner{ padding-top: 0.68rem; }
.mac02 .img_t02 {width: 100%;margin-left: 0%;}
.mac02 .ban_f01{bottom: 2.3%; left:8%; width: 36.15%;height:0; padding-bottom: 4.55%; }
.mac02 .ban_f02{bottom: 12.2%; left:55.8%; width: 36.15%;height:0; padding-bottom: 4.55%;}
.mac02 .ban_b01 {padding:0 5%;}

.mac03{margin:-1.4rem 0 0 0;}
.mac03 .ce_inner{padding: 1.98rem 0 0rem 0; }
.mac03 .mac03_p01{ position: static; bottom: 0; right:0; margin-bottom:-8%; z-index: 3; width:auto; padding: 2.5%; }
.mac03 .me_news{ width:auto; padding: 0 4%; position: relative; z-index: 4;}
.mac03 .me_news .me_nwtit{ padding: 0 0 0 7.3%;}
.mac03 .me_news .me_nwtit img{ height: 1.09rem;}
.mac03 .me_news .me_newslist{ padding-top:7.25%;  }
.mac03 .me_news .me_newslist li{ margin-bottom:4.34%;}
.mac03 .me_news .me_newslist li .newsioc{ background: #e81900; color: #fff;  height: 100%;  padding: 1px 0.35em; margin-right: 0.8em;}
.mac03 .me_news .me_newslist li a:hover{ color: #e81900; }


.mac04{margin:-1.4rem 0 0 0;background: url(../images/index/mac04_bg_sp.png) top center no-repeat; background-size: 100% 100%;}
.mac04 .ce_inner{ padding: 0.9rem 0 1.8rem 0; }
.mac04 .mac04_tit{ text-align: center; }
.mac04 .mac04_tit img{ width: 93.3%; }
.mac04 .me_macmom{ margin-top: 0rem; padding: 0 8%; }
.mac04 .me_macmom .me_insdn{ float: none; width: auto; height: auto!important; }
.mac04 .me_macmom .me_sl01{text-align: right; padding-left: 7.14%;}
.mac04 .me_macmom .me_sl02{text-align:left;padding:0.35rem 0.5rem 0 0;}
.mac04 .me_macmom .me_sl02 img{ padding-top:0; width:auto;}
.mac04 .me_macmom .me_sl03{ text-align: right; }
.mac04 .me_macmom .me_sl03 img{ margin:0% -5.24% 0 0; width: 92.88%;}
.mac04 .me_macmom .me_sl04{}
.mac04 .me_macmom .me_sl04 img{margin:0.48rem 0 0 -0.1rem; width:95.24%;}
.mac04 .me_macmom .me_sl05{  }
.mac04 .me_macmom .me_sl05 img{ margin:0 0 0 0.5rem; width: 88.89%;}
.mac04 .me_macmom .me_sl06{}
.mac04 .me_macmom .me_sl06 img{margin: -4.6% 0 0 -6.5%; width: 170%;}
.mac04 .me_macmom .me_sl07{}
.mac04 .me_macmom .me_sl07 img{ margin:0.8rem 0 0 0.3rem; width: 92.857%;}
.mac04 .me_macmom .me_sl08{}
.mac04 .me_macmom .me_sl08 img{margin: 0.7rem 0 0 0.25rem; width:90%;}
.mac04 .me_macmom .me_sl09{text-align: right; }
.mac04 .me_macmom .me_sl09 img{ margin-top:0.3rem; width: 90;}

.mac05{margin:-140px 0 0 0; margin:-1.4rem 0 0 0;  z-index: 8; background:#fff;z-index: 6; }
.mac05 .ce_inner{padding: 1.6rem 8% 1.5rem 8%; }
.mac05 .twi_tit{ padding:0% 0 4.5% 0%;  }
.mac05 .twitter_mob{ width:auto; padding: 0;}
.mac05 .twitter_mob iframe{ width:100%!important; height: 335px!important;}
.mac05 .mac05_p01{ position: static; top:0; left:0; width:auto; }





/* -------  page  -------- */
.page .countdown{top:0%; left:41.33%; margin-top: 8%; }
.page_intpbg{ margin:-1.37rem 0 0 -25%; }
.pa_title{ width:84%; line-height:100%; }
.pa_title.pa_line02{ margin-bottom: -1.2em}


.pa_inmob .left_mob{ float: none; width: 25%; display: none;}
.pa_inmob .right_mob{ float: none; width:auto; padding: 0 0.25rem;}
.right_mob .pa_tptx{ font-size: 0.22rem; padding-left: 0.4rem; padding-right: 0.4rem;}

.pa_inmob02{ z-index: 15;  background:#fff;}
.pa_inmob02 .right_mob{margin-left:0; padding: 0 0.25rem;}
.pa_stline{left: -0.2rem; }
.pa_stline_02{margin-left: -0.2rem; }
.page .menu_ban{ position: fixed; top: 0; right:0; width: 25%;  z-index:99;}

.w_one{ padding-bottom:0;}
.w_one .w100{ width:100%; display: table; padding-bottom:0.5rem;}


/* stage */
.pa_stage .top_pi img:last-child{ width: 100%;max-width: 100%; }




/* shueisha */
.shueisha_in .shu_twb{ display: block; }
.shueisha_in .shu_twb .two_tbin{ display: block; font-size: 0.37rem; line-height: 100%;padding:0.2rem 0.6rem 0.5rem 0.6rem; width: auto;}

.shueisha_in .shu_twb .shu_titin{ margin-right:0.3rem;letter-spacing: -0.08em; padding: 1.4em 0 3.6em 0;  }
.shueisha_in .shu_twb .shu_tbimg{margin-left:0.3rem; margin-top: -2.5em; position: relative; z-index: 8;}

.inedso{padding:0;}


/* maker */
.two_maketab{}
.two_maketab .two_tbin{ float: none; width:auto; margin-right:0%;}
.two_maketab .two_tbin:nth-child(2n){ margin-right:0%; }


/*- - goods - -*/
.goods_in .boxlistin{ float:none; width:100%; margin-right:0%; margin-bottom:2%; }
.gdin_list a{ font-size: 0.22rem; padding: 0.3em 1.6% 0.3em 0; }
.gdinmob{ padding:2% 2% 0% 2%; background: #f4f4f4; border:1px solid #a675ff;}
/*- - goods - -*/






/* foot */
.e_bn{width:90%;}
.e_bn a{margin:1.5% 1.5%;}
.copyright{max-width:96%;}

.page_top{ position:fixed; bottom:3vw; right:3vw; display:none; max-width:11%; z-index:99; }

}

@media screen and (max-width:480px){
.fnd14{ font-size: 11px; }

.f16{ font-size: 11px; }
.f14{ font-size: 10px; }

/*- - stage - -*/
.cmb_box .cmb_ph{float:none; width:100%; margin-right:0%;}
.cmb_box .cmb_ph dt {display: table-cell;width:20.47%;}
.cmb_box .phj{ width:56%;}
/*- - stage - -*/

.companyogo:before{ border:1px solid #36e400; width: calc(100% - 2px); height: 0rem; padding-bottom: calc(48.1% - 2px);  }


}

@media screen and (max-width:375px){
.fnd14{ font-size: 10px; }
.f18{ font-size: 12px; }
.f16{ font-size: 11px; }
.f14{ font-size: 10px; }
.f12{ font-size: 8px; }
.f10{ font-size: 8px; }

.buyioc{ font-size: 10px; }
.in_show_ic .buyioc{ font-size: 12px; }
.ban_gdback a{margin-right:0.6em; font-size: 0.22rem;line-height: 180%;}
}