/* --------- RESET --------- */

body,div,dl,dt,dd,ul,ol,li,p,
h1,h2,h3,h4,h5,h6,
th,
td,
pre,
code,
blockquote,
form,fieldset,legend,input,textarea {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

li {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {content:'';}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,textarea,select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

input,textarea,select {*font-size:100%;}

legend {color:#000;}
hr {display:none;}
img {vertical-align:bottom;}


/* --------- FONT --------- */

html{
	font-size: 62.5%;
}
body{
	background: #000000;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5em;
	font-family:  'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

select,
input,
button,
textarea {
	font:99% 'Noto Sans JP',arial,helvetica,clean,sans-serif;
}

table {
font-size:inherit;
font:100%;
border-collapse:collapse;/*+*/
border-spacing:0;/*+*/
}

pre,
code,
kbd,
samp,
tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}


img {
	vertical-align: bottom;
}
* {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent !important;
}

button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
img{
	width: 100%;
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}
#main{
	width: 100%;
	background: #000 url(../img/bg.png);
	visibility: hidden;
	color: #FFF;
}
#top #main{
}
a{
	text-decoration: none;
	color: #FFF;
}
#contents{
	min-height: 70vh;
}
/*-------------------------

nav

--------------------------*/
/*#header{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 501;
	height: 80px;
	box-sizing: border-box;
}*/
#header{
	position: fixed;
	top:0;
	right: 0;
	width: 100%;
	text-align: center;
	z-index: 600;
	height: 60px;
	box-sizing: border-box;
	background-color: transparent;
}
#header.on{
	Xbackground-color: rgba(0,0,0,0.8);
}
/*------------
toggle
------------*/


#toggle {
	height: 60px;
	padding: 15px 15px 25px 15px;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right:0;
	background:url(../img/menu_bg.png) no-repeat 0 0;
	background-color: rgba(0,0,0,0.8);
	width: 60px;
	background-size: 100% auto;
	z-index: 300;
	cursor: pointer;
}
.on #toggle {
	background-color: #e23c9d;
}
#toggle::before{
	content:"MENU";
	font-size: 8px;
	font-size: .8rem;
	color: #FFF;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 15px;
}
.on #toggle::before{
	content:"CLOSE";
	right: 13px;
}
#toggle i {
	display: block;
	width: 30px;
	height: 2px;
	background: #FFF;
	margin: 0 0 6px 0;
	opacity: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .20s ease-out;
	-moz-transition: all .20s ease-out;
	-ms-transition: all .20s ease-out;
	transition: all .20s ease-out;
}

#toggle i.third {
	margin-bottom: 0;
}

.no-touch #toggle:hover i.first {
	-webkit-transform: translate(-3px,0);
	   -moz-transform: translate(-3px,0);
		-ms-transform: translate(-3px,0);
			transform: translate(-3px,0);
}
.no-touch #toggle:hover i.second {
	-webkit-transform: translate(3px,0);
	   -moz-transform: translate(3px,0);
		-ms-transform: translate(3px,0);
			transform: translate(3px,0);
}
.no-touch #toggle:hover i.third {
	-webkit-transform: translate(-3px,0);
	   -moz-transform: translate(-3px,0);
		-ms-transform: translate(-3px,0);
			transform: translate(-3px,0);
}

.on #toggle i.first {
	width: 30px;
	-webkit-transform: rotate(-135deg) translate(-5px,-6px);
	   -moz-transform: rotate(-135deg) translate(-5px,-6px);
		-ms-transform: rotate(-135deg) translate(-5px,-6px);
			transform: rotate(-135deg) translate(-5px,-6px);
	-webkit-transition: all .40s ease-out;
	-moz-transition: all .40s ease-out;
	-ms-transition: all .40s ease-out;
	transition: all .40s ease-out;
}
.on #toggle i.second {
	width: 0;
	opacity: 0;
	-webkit-transition: all .40s ease-out;
	-moz-transition: all .40s ease-out;
	-ms-transition: all .40s ease-out;
	transition: all .40s ease-out;
}
.on #toggle i.third {
	width: 30px;
	-webkit-transform: rotate(135deg) translate(-5px,6px);
	   -moz-transform: rotate(135deg) translate(-5px,6px);
		-ms-transform: rotate(135deg) translate(-5px,6px);
			transform: rotate(135deg) translate(-5px,6px);
	-webkit-transition: all .40s ease-out;
	-moz-transition: all .40s ease-out;
	-ms-transition: all .40s ease-out;
	transition: all .40s ease-out;
}

/*----------------
header nav
-----------------*/
/*#header{
	background-color: #268f88;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 501;
	height: 80px;
	box-sizing: border-box;
}*/

#gnavi{
	color: #FFF;
    position: absolute;
    width: 100%;
    display: none;
	z-index: 2;
	background-color: rgba(0,0,0,0.8);
	padding: 0 0 10% 0;
}
#gnavi ul{
	overflow: hidden;
}
#hNav{
	margin: 0 auto;
	padding-top: 70px;
}
#gnavi ul li{
	display: block;
    box-sizing:border-box;
	text-align: center;
	position: relative;
	padding: 5% 0 6% 0;
}
#gnavi ul li::after{
	display: block;
	height: 1px;
	width: 8%;
	position: absolute;
	bottom:0;
	left: 50%;
	content: "";
	background: #e23c9d;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#gnavi ul li:first-child{
	margin-top: 10%;
}
#gnavi ul li:last-child::after{
}
#gnavi ul li img{
vertical-align: bottom;}
#h_logo{
	text-align: center;
	padding: 5% 0 10% 0;
	width: 100%;
}
#top #h_logo{
	display: none;
}
#top #header.on #h_logo{
	display: block !important;
}
#h_logo a{
	display: inline-block;
	width: 40%;
}
#snsNav{
	text-align: center;
	margin-top: 10%;

}
#snsNav ul{
	display: table;
	table-layout:fixed;
	width: 40%;
	margin: 0 auto;
}
#snsNav ul li{
	display: table-cell;
	text-align: center;
	padding: 0 5%;
	box-sizing: border-box;
}
#snsNav .box_ttl span{
	color: #FFF;
    padding: 0 10px;
    position: relative;
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    margin: 0% 0 5% 0;
}
#gnavi .box_ttl{
	font-family:  'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#gnavi .box_ttl span::before{
	position: absolute;
	content:"";
	display: block;
	height: 60%;
	width: 1px;
	background: #FFF;
	left: 0;
	top: 25%;
}
#gnavi .box_ttl span::after{
	position: absolute;
	content:"";
	display: block;
	height: 60%;
	width: 1px;
	background: #FFF;
	right: 0;
	top: 25%;
}

/*----------------------
top contents
----------------------*/
#top .bnrArea {
	padding: 10% 2.5% 0 2.5%;
	overflow: hidden;
}
#top .bnrArea li{
	width: 50%;
	float: left;
	padding: 0 1.5%;
	box-sizing: border-box;
}
#top .topBox{
	margin-top: 8%;
}
#top #contents{
	padding-bottom: 20%;

}
#top .mvWrap {
	position: relative;
	padding-top: 56.25%;
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}
#top .mvWrap iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; 
  height: 100%;
	box-sizing: border-box;
	border: 1px solid #a5a5a5;
}


#top .mvWrap ul {
    width: 100%;
}
#top .mvWrap ul li{
    width: 50%;
}


#top .mvWrap ul li{
    width: 50%;
    float: left;
    text-align: center;
    height: 5vh;
    background-color: #e0e0e0;
    color: #880812;
    line-height: 5vh;
    font-size: 16px;
}

#top .mvWrap ul li.current{
    color: #fff;
    background-color: #880812;
}

#top .bnrBox li{
	margin-bottom: 5%;
}
#top .bnrBox li:last-child{
X	margin-bottom: 0%;
}
#top #snsList{
	text-align: center;
	padding: 5% 0;
}
#top #snsList li{
	display: inline-block;
	margin: 0 1% 0 1%;
}
#top #snsList li img{
	vertical-align: top !important;
}
.fb-like{
	position: relative;
	top: -3px;

}

.sub img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}




#top .box_ttl{
	text-align: center;
}
#top .box_ttl span{
	color: #FFF;
	padding: 0 10px;
	position: relative;
	font-size: 10px;
	line-height: 1;
	display: inline-block;
	margin: 0% 0 5% 0;
}
#top .box_ttl span::before{
	position: absolute;
	content:"";
	display: block;
	height: 60%;
	width: 1px;
	background: #FFF;
	left: 0;
	top: 25%;
}
#top .box_ttl span::after{
	position: absolute;
	content:"";
	display: block;
	height: 60%;
	width: 1px;
	background: #FFF;
	right: 0;
	top: 25%;
}

#top #newsBox{
	background: #000;
	border-top: 1px solid #999999;
	position: relative;
	padding-bottom: 20%;
	background:url(../../img/news_line_b.png) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 20%;
	padding: 0 5% 20% 5%;
	border-bottom: 1px solid #999999;
}
#top #newsBox ul{
	Xpadding: 0 0% 5%;
	position: relative;
	Xpadding-top: 15%;
	box-sizing: border-box;
}
#top #newsBox::before{
	content:"";
	top: 0;
	left: 0;
	display:block;
	background:url(../../img/news_line_t.png) no-repeat center top;
	background-size: 100% auto;
	padding-top: 2%;
	width: 100%;
}
#top #newsBox::after{
	content:"";
	bottom: 0;
	left: 0;
	display:block;
	width: 100%;
}

#top #newsBox ul li{
	Xpadding-left: 30%;
	Xtext-indent: -15%;
	display: none;
	Xposition: relative !important;
	overflow: hidden;
}
/*	color: #e23c9d;
	font-weight: bold;
	display: inline-block;
	padding-right: 5%;
	background:url(../../../img/news_icon.png) no-repeat right 50%;
	background-size: 8% auto;
	margin-right: 5%;
}*/
#top #newsBox ul li .news_day{
	color: #e23c9d;
	font-weight: bold;
	Xdisplay: table-cell;
	padding-right: 5%;
	width: 30%;
	box-sizing: border-box;
	position: relative;
/*	background:url(../img/news_ic.png) no-repeat right 30%;*/
	background-size: auto 8px;
	display: block;
	float: left;
}

#top #newsBox ul li .news_day::after{
}
#top #newsBox ul li a{
	display: block;
	float: right;
	width: 70%;
	padding-left: 3%;
	box-sizing: border-box;
}
#top #newsBox ul li a::after{

}

#top #newsBox ul li:first-child{
	display: table;
	width: 100%;

}

#top #twBox{
	border: 1px solid #a5a5a5;
	box-sizing: border-box;
	padding: 5%;
	text-align: center;
	width: 70%;
	margin: 0 auto;
}
#top #twBox iframe{
	min-width: 100px !important;
	box-sizing: border-box;
}

#top .moreBtn{
	color: #FFF;
	border: 1px solid #FFF;
	padding: 3px 20px ;
	line-height: 1;
}
#top .btnWrap{
	border-top: 1px solid #a5a5a5;
	padding-top: 15px;
	margin-top: 15px;
}
#footerArea{
	width: 100%;
	background: #e23c9d;
	padding: 5% 3%;
	box-sizing: border-box;
	Xoverflow: hidden;
}
#copyright{
	color: #FFF;
}
/*
 GoogleAD
----------------------------------------------------------*/
iframe[name=google_conversion_frame] {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	z-index: -1;
}
/*
 COMMON
----------------------------------------------------------*/

#footerArea{
	position: relative;
}
#toTop {
	display: block;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 20%;
	-ms-transform: translate(-50%, -54%);
	-webkit-transform: translate(-50%, -54%);
	transform: translate(-50%, -54%);
}
#toTop a{
	display: block;
}
footer{
	background: #e23c9d;
	padding: 10% 0 3% 0;
	text-align: center;
}
.linkLogo{
	width: 40%;
	margin: 0 auto 5% auto;

}

/*
 SUB
----------------------------------------------------------*/
.sub{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.sub #contents{
	padding-top: 70px;
	padding-bottom: 20%;
}
.sub .pageTtl{
	padding: 10% 0%;
}
.sub .mainIn{
	padding: 0 5%;
}
.sub #copyright{
	font-size: 10px;
	font-size:1rem;
}
.sub .sTtl{
	margin-bottom: 7%;
}
/*
 STAFF CAST
----------------------------------------------------------*/
#staffcast .box{
	margin-bottom: 10%;

}
#staffcast .nameListWrap{
	overflow:hidden;
}
#staffcast .nameList{
	text-align: center;
	
}
#staffcast .nameList dl{
	display: table;
	margin: 0 auto 5% auto;
	width: 100%;
	
}
#staffcast .nameList .mt40{
	margin-top: 40px;
	
}
#staffcast .nameList dt{
	display: table-cell;
	color: #e23c9d;
	background: url(../../staffcast/img/ic.png) no-repeat right 6px;
	background-size: 6px auto;
	padding-right: 8%;
	text-align: right;
	width: 50%;
	box-sizing: border-box;
}
#staffcast .nameList dd{
	display: table-cell;
	text-align: left;
	padding-left: 5%;
	width: 50%;
	box-sizing: border-box;
}



/*
 MOVIE
----------------------------------------------------------*/
#mvList li{
	width: 100%;
	overflow: hidden;
	margin: 0 0 5% 0;
}
#mvList .mvWrap {
	width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
	background:#000;
}
#mvList .mvWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	background: #d80000;
}
.mv_txt{
	display: block;
	margin: 3% 0;
}
#mvList .mvWrap::after{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background:url(../../movie/img/mv_ov.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	pointer-events: none;
}
/*
 CHARACTER
----------------------------------------------------------*/
.sub#character .mainIn{
	padding: 0;
}
#character .charaList{
	overflow: hidden;
}
#character .charaList .thum{
	width: 52.5%;
	margin: 0 0% 10% -0%;
	padding: 10% 8%;
	display: inline-block;
	background:url(../../character/img/thum_bg.png) no-repeat center center;
	background-size: 100% auto;
	box-sizing: border-box;
	position: relative;
	float: left;
}
#character .thum .charaImg{
	width: 100%; 
	background: #000;
    border-radius: 100%;
	display: block;
	overflow: hidden;
}
#character .charaList .thum:nth-child(even){
	margin: 0 0% 0 -5%;
}
/*.charaList .thum::before{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	background:url(../../character/img/thum_bg.png) no-repeat center center;
	background-size: 100% auto;
	z-index: -1;
	top: 0%;
	left: 0%;
}*/
#character .charaList .thum .thumName{
	background: url(../../character/img/name_bg.png) no-repeat center center;
	background-size: 100% auto;
	padding-top: 100%;
	width: 20%;
	position: absolute;
	top: 50%;
	right: 10%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	box-sizing: border-box;
}
#character .charaList .thum .thumName img{
	position: absolute;
	bottom: 50%;
	right: 50%;
	-ms-transform: translate(50%, 50%);
	-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
	width: 45%;
}
#character .charaBox .visualBox{
	position: relative;
	margin-bottom:10%;
}
#character .charaBox .btnWrap{
	position: absolute;
	bottom :0;
	right: 5%;
	width: 30%;
	overflow: hidden;
}
#character .charaBox .btnWrap .ovBtn{
	width: 33%;
	position: relative;
}
#character .charaBox .btnWrap .ovBtn.ovPrev{
	float: left;
}
#character .charaBox .btnWrap .ovBtn.ovNext{
	float: right;
}
#character .charaBox .btnWrap .ovBtn .thumName{
	display: block;

	width: 100%;
	box-sizing: border-box;
text-align: center;
position: relative;
padding-top: 280%;
}
#character .charaBox .btnWrap .ovBtn .thumName::after{
	position: absolute;
	content: "";
	display: block;
	bottom: 0;
	left: 0;
	height: 100%;
	background: url(../../character/img/name_bg.png) no-repeat center bottom;
	background-size: 100% auto;
		display: block;

	width: 100%;
	box-sizing: border-box;
	z-index: 1;
text-align: center;
}
#character .charaBox .btnWrap .ovBtn .thumName img{
	width: 40%;
	position: absolute;
	display: block;
	bottom: 50%;
right: 50%;
	-ms-transform: translate(50%, 50%);
	-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
	z-index: 2;

}
#character .detailBl{
	margin: 0 8%;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}
#character .detailBl::before{
	width: 1px;
	height: 100%;
	display: block;
	content: "";
	position: absolute;
	left:0;
	top: 0;
	background-color: rgba(255,255,255,0.3);
	}
#character .d_sbox{
	padding: 5% 0 5% 5%;
	box-sizing: border-box;
	margin: 0 5%;
	position: relative;
}
#character .d_sbox:first-child{
	margin-bottom: 10%;
}

#character .d_sbox::before{
	position: absolute;
	content: "";
	top: -5%;
	left: -11%;
	background: url(../../character/img/d_line.png) no-repeat left top;
	background-size: 100% auto;
	width:20%;
	height: 45%;
	z-index:1;
}
#character .d_sbox:first-child::before{
	position: absolute;
	content: "";
	top: -25%;
}
#character .d_name{
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1;
	margin-bottom: 10%;
}
#character .d_name span{
	display: inline-block;
	margin-left: 3%;
	font-size: 12px;
	font-size: 1.2rem;
}
#character .d_cv{
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	color: #000;
	background: #fff;
	padding: 5px;
}
#character .btn{
	margin-bottom: 20%;
	display: block;
}
#character .btn#d_next{
	text-align: left;
	background: url(../../../character/img/d_arrow_next.png) no-repeat right center;
	background-size: auto 100%;
}
#character .btn#d_prev{
	text-align: right;
	background: url(../../../character/img/d_arrow_prev.png) no-repeat left center;
	background-size: auto 100%;
}
#character .d_txt{
	line-height: 2;
}
#character #backBtn{
	margin-top: 10%;
	text-align: center;
}
#character #backBtn a{
	border: 1px solid #666666;
	padding: 5px 10px;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	color: #FFF;
	text-decoration: none;
}
#character .imgType1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#character .visualBox{
	position: relative;
}

#character .typeBtn{
	position: absolute;
	top: 3%;
	right: 3%;
	display: block;
	cursor: pointer;
	background:url(../../../character/img/typebtn_bg_off.png) no-repeat center top;
	background-size: 100% auto;
	width: 18%;
	padding: 5% 5% 13% 5%;
	box-sizing: border-box;
	text-align: center;
	z-index: 10;
}
#character .typeBtn:hover{
	background:none;
}
#character .typeBtn::before{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background:url(../../../character/img/typebtn_bg.png) no-repeat center top;
	background-size: 100% auto;
	content: "";
	z-index: -1;
	opacity: 0;
	top: 0;
	left: 0;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}
#character .typeBtn:hover::before{
	opacity: 1;
}


#character .typeBtn:hover img{
	-webkit-transform:rotateZ(180deg) ;
	transform: rotateZ(180deg) ;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}

#character .typeBtn::after{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "幼少期";
	font-size: 12px;
	font-size: 1.2em;
}
#character .typeBtn.on::after{
	content: "青年期";
}



/*
 NEWS
----------------------------------------------------------*/
.newsArea .box_topic{
	color: #FFF;
	text-align: left;
	margin: 0 auto 10% auto;
	padding-top: 100px;
	margin-top: -80px;
}
.newsArea .box_topic:last-child{
	Xborder-bottom: 0;
}
#news .newsArea .box_topic a{
	text-decoration: none;
	color: #e23c9d;
}
.heading{
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 1px solid #666666;
	margin-bottom: 3%;
	position: relative !important;
	padding-bottom: 3%;
	box-sizing: border-box;
}
.heading::after{
	display: block;
	content: "";
	height: 2px;
	width: 10%;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #FFF;
}
.newsArea .box_topic .date {
	display: block;
	color: #e23c9d;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 3%;
	line-height: 1;
}
.newsArea .box_topic .detail p{
	margin-bottom: 5%;
}
.newsArea .box_topic .detail{
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.newsArea .box_topic .detail .box_news{
	border: 1px solid #666666;
	padding: 3%;
	margin-bottom: 5%;
}
.newsArea .heading .news_ttl{
	display: block;
	position: relative;
	padding-right: 13%;
}
#news .newsArea .box_topic .news_ttl::before{
	position: absolute;
	display: block;
	content: "";
	width: 9%;
	padding-top: 10%;
	background: url(../../news/img/ic_off.png) no-repeat center center;
	background-size: 100% auto;
	bottom: 5%;
	right: 0%;
}
#news .newsArea .heading.active .news_ttl::before{
	background: url(../../news/img/ic_on.png) no-repeat center center;

	background-size: 100% auto;
}

#news .newsArea .box_topic .detail{
	display: none;
	padding-bottom: 10%;
	border-bottom: 1px dotted #666666;
}
.newsArea .box_ytb iframe{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.newsArea .box_topic .ttl{
	display: inline-block;
    padding: 3px 10px;
    background: #fff;
    color: #000;
    margin-bottom: 3%;
}
/*
 ONAIR
----------------------------------------------------------*/
#onair .box{
	margin: 0 0 15% 0; 
}
#onair .sTtl{
	margin: 10% 0 5% 0;
}
#onair .list {
	margin-bottom: 5%;
}
#onair .list dl{
	width: 100%;
	border-bottom: 1px solid #787979;
	overflow: hidden;
	display: table;
}
#onair .list dl dt{
	width: 45%;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	padding: 5% 13% 5% 3%;
	color: #e23c9d;
	text-align: right;
	background: url(../../onair/img/ic.png) no-repeat right 22px;
	background-size: 25% auto;
}
#onair .list dl dt a{
	color: #e23c9d;
}
#onair .list dl dd{
	box-sizing: border-box;
	padding: 5% 3% 5% 3%;
	display: table-cell;
	text-align: left;
	width: 62%;
}
#onair .list dl dd.txt1{
}
#onair .list dl dd.txt2{
	font-size: 60%;
	display: block;
}
#onair .haisinTxt{
	text-align: center;
	margin-bottom: 5%;
	margin-top: 8%;
	font-size: 120%;
}
#onair .haisinListWrap.list dl dt{
	Xbackground: url(../../onair/img/ic.png) no-repeat right 47%;
	Xbackground-size: 25% auto;
	Xwidth: 60%;
}
#onair .haisinListWrap.list dl dd{
	Xwidth: 40%;
}
#onair .stxt{
	font-size: 80%;
}
/*.txtBox{
	padding-left: 1rem;
	text-indent: -1rem;
}*/
/*
 MUSIC
----------------------------------------------------------*/
#music .tabBtn{
	text-align: center;
}
#music .tabBtn li{
	display: inline-block;
	margin: 0 3% 10% 3%;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
	line-height: 1.8;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	background-color: rgba(0,0,0,0.6);
	cursor: pointer;
	width: 35%;
}
#music .tabBtn li:hover,
#music .tabBtn li.active{
	background: #e23c9d;
}
#music .tabBtn li span{
	display: block;
	background:url(../../music/img/tab_bg.png) no-repeat center top;
	background-size: 100% auto;
	padding: 5.5% 0;
}
#music .tabBtn li span{
	display: block;
}
#music .tabBoxWrap{
	padding: 0 0 10% 0;
	position: relative;
}
#music .tabBox{
	text-align: left;
	width: 100%;
	display: none;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}
#music .tabBox.active{
	display: block;
}
#music .tabBox .discTtl{
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10%;
	border-bottom: 1px solid #666666;
	position: relative;
	line-height: 1.8;
	padding-bottom: 3%;
}
#music .tabBox .discTtl::after{
	display: block;
	content: "";
	height: 2px;
	width: 20%;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #FFF;
}

#music .tabBox .discTtl span{
	color: #e23c9d;
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
}
#music .discArea{
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 15%;
}
#music .discImg{
	margin-bottom: 5%;
}
#music .discImg img{
	width: 100%;
	height: auto;
}
#music .tabBox_cont{
	margin-bottom: 10%;
}
#music .cmtArea{
	border: 1px solid #3d3d3d;
	padding: 5%;
	background-image:url(../../music/img/deco_top.png), url(../../music/img/deco_bt.png);
	background-position: left top, left bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% auto;
	margin-top: 8%;
}
#music .cmtArea .cmt_ttl{
	display: inline-block;
	background: #FFF;
	padding: 0 3%;
	color: #000;
	margin-bottom: 5%;
	line-height: 2;
}
#music .btnLink,
#goods .btnLink{
	border: 1px solid #666666;
	padding: 3% 5%;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	display: inline-block;
	margin-top: 8%;
}
/*
 SPECIAL
----------------------------------------------------------*/
.sub#special.specialTop .mainIn,
.sub#package.specialTop .mainIn {
    padding: 0 0%;
}
#special .contBoxWrap,
#package .contBoxWrap{
	display: flex;
	flex-wrap: wrap;
	padding: 0 2.5%;
}
#special .contBox,
#package .contBox{
	width: 45%;
	height: auto;
	margin: 2.5%;
	box-sizing: border-box;
	background-image:url(../../special/img/deco_tp.png), url(../../special/img/deco_btm.png);
	background-position: left top, left bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% auto;
	border: 1px solid #9f9f9f;

}
#special .contBox a,
#package .contBox a{
	display: block;
	padding: 9%;
	box-sizing: border-box;
}
#special .contBox .link,
#package .contBox .link{
	display: block;
	text-align: right;
	margin-top: 10%;
}
#special .contBox span,
#package .contBox span{
	display: inline-block;
	color: #FFF;
	border: 1px solid #9f9f9f;
	padding: 5px 10px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}
#special .contBox span:hover,
#package .contBox span:hover{
	background: #e23c9d;
}
#special .img,
#package .img{
	border: 1px solid #9f9f9f;
	width: 100%;
	padding-top: 100%;
	margin-bottom: 3%;
	box-sizing: border-box;
	background:url(../../special/img/thum.jpg) no-repeat center center;
	background-size: 100% auto;
	position: relative;
	overflow: hidden;
}
#special .img img,
#package .img img{
	position: absolute;
	bottom: 50%;
	right: 50%;
	-ms-transform: translate(50%, 50%);
	-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
	height: 100%;
	width: auto;
}
/**/
#special .newsArea .box_topic,
#package .newsArea .box_topic,
#goods .newsArea .box_topic{
	color: #FFF;
	text-align: left;
	margin: 0 auto 10% auto;
	padding-top: 100px;
	margin-top: -80px;
}
#special .newsArea .box_topic:last-child,
#package .newsArea .box_topic:last-child{
	Xborder-bottom: 0;
}
#special .newsArea .box_topic a,
#package .newsArea .box_topic a{
	text-decoration: none;
	color: #e23c9d;
}
#special .heading,
#package .heading{
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 1px solid #666666;
	margin-bottom: 8%;
	position: relative !important;
	padding-bottom: 3%;
	box-sizing: border-box;
}
#news .heading::after{
	display: block;
	content: "";
	height: 2px;
	width: 10%;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #FFF;
}
#special .newsArea .box_topic .date,
#package .newsArea .box_topic .date {
	display: block;
	color: #e23c9d;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 3%;
	line-height: 1;
}
#special .newsArea .box_topic .detail p,
#package .newsArea .box_topic .detail p{
	margin-bottom: 5%;
}
#special .newsArea .box_topic .detail,
#package .newsArea .box_topic .detail{
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#special .newsArea .box_topic .detail .box_news,
#package .newsArea .box_topic .detail .box_news,
#goods .newsArea .box_topic .detail .box_news {
	border: 1px solid #666666;
	padding: 3%;
	margin-bottom: 3%;
}
#special .newsArea .heading .news_ttl,
#package .newsArea .heading .news_ttl,
#goods .newsArea .heading .news_ttl{
	display: block;
	position: relative;
	padding-right: 13%;
}
#special .newsArea .box_topic .detail,
#package .newsArea .box_topic .detail,
#goods .newsArea .box_topic .detail{
	display: block;
	padding-bottom: 10%;
	border-bottom: 1px dotted #666666;
}
#special .box_ytb iframe,
#package .box_ytb iframe{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
#special .box_topic .ttl,
#package .box_topic .ttl,
#goods .box_topic .ttl{
	display: inline-block;
    padding: 3px 10px;
    background: #fff;
    color: #000;
    margin-bottom: 3%;
}
#special .backList,
#package .backList,
#goods .backList{
	text-align: center;
}
#special .backList a,
#package .backList a,
 #goods .backList a{
	display: inline-block;
	color: #FFF;
	border: 1px solid #9f9f9f;
	padding: 10px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}
#special .backList a:hover,
#package .backList a:hover{
	background: #e23c9d;
}

#special .wordBox{
}
#special .wordImg{
}
#special .wordImg img{
	width: 100%;
	height: auto;
}

#special .ph{
	display: block;
	margin: 3% auto 5% auto;
}
#special .name_talk{
	font-weight: bold;
	display: inline-block;
	padding-right: 15px;
}
#special .imgR{
	display: block;
	margin-top: 5%;
}
#special .sTtl{
	margin-top: 40px;
}

/*
 STORY
----------------------------------------------------------*/
.sub#story .mainIn{
	padding: 0;
}
#story .txt1{
	margin-bottom: 10%;
}
#story .introArea{
}
#story .box{
	margin-bottom: 5%;
	line-height: 2;
}
#story #box1{
	padding: 10% 5%;
	background:url(../../story/img/bg_img1.png) no-repeat center top;
	background-size: 100% auto;
}
#story #box2{
	padding: 5% 0;
}
#story #box3{
	padding: 10% 5%;
	background:url(../../story/img/bg_img2.png) no-repeat center bottom;
	background-size: 100% auto;
}
#story .storyArea.contBox {
	padding: 0 5%;
}
#story .contBoxWrap{
	position: relative;

}
#story .contBox{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#story .contBox.active{
	opacity: 1;
	z-index: 5;
	position: relative;
}




#story .storyArea{
	text-align: left;
}
#story .storyTxt{
}
#story .storyTxtBox{
	background-color: rgba(0,0,0,0.6);
	padding: 5%;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.4);
	background-image: url(../../story/img/deco_top.png), url(../../story/img/deco_btm.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100% auto, 100% auto;
	position: relative;
	z-index:3;
	line-height: 2;
	box-sizing: border-box;
	margin-bottom: 10%;
}
#story .storyTtl{
	position: relative;
	font-size: 24px;
	font-size: 2.4rem;
	padding: 8% 0;
	line-height: 1;
}
#story .storyTtl .nmb{
	position: absolute;
	color: rgba(226,60,157,0.4);
	display: block;
	font-size: 100px;
	font-size: 10rem;
	bottom: -18%;
	right: 0%;
}
#story .imgL{
	width: 100%;
	padding-top: 53%;
	background-size: 100% auto;
	overflow: hidden;
}
#story .thumImg{
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
	margin-bottom: 10%;
}
#story .thumImg img{
	width: 100%;
	 height:auto;
}
#story .thumImg li{
	float: left;
	position: relative;
	width: 20%;
	cursor: pointer;
}
#story .thumImg li img{
	width: 100%;
	height:auto;
}
#story .thumImg li::after{
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}
#story .thumImg li:hover::after{
	opacity: 0;
	-webkit-transition: all .60s ease;
	-ms-transition: all .60s ease;
	transition: all .60s ease;
}

#story .thumImg li.thumActive::after{
	display: none;
}
#story .thumImg li.noImage{
}

#story .staffBox{
	background-color: rgba(0,0,0,0.6);
	padding: 5%;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.4);
	background-image: url(../../story/img/deco_top.png), url(../../story/img/deco_btm.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100% auto, 100% auto;
	position: relative;
	z-index:3;
	line-height: 2;
	box-sizing: border-box;
	margin-bottom: 10%;
	text-align: center;
}
#story .staffBox .name{
	color: #e23c9d;
}
#story .movieBox{
}
#story .mvWrap {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #a5a5a5;
	box-sizing: border-box;
}
#story .mvWrap iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; 
  height: 100%;
	box-sizing: border-box;
}

#story .movieTtl{
	text-align: center;
	margin-bottom: 5%;
}



#story .tabBtn{
	text-align: center;
	margin-bottom: 2%;
	padding: 0 3%;
}
#story .tabBtn li{
	display: inline-block;
	margin: 0 2% 4% 2%;
	cursor: pointer;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
	background-color: rgba(0,0,0,0.6);
	padding: 0 4%;
	border: 1px solid rgba(255,255,255,0.4);
	position: relative;
}
#story .tabBtn li::after,
#story .tabBtn li::before{
	content: "";
	background-color:rgba(255,255,255,0.2);
	width: 1px;
	height: 100%;
	top: 0;
	pointer-events: none;
	z-index: 1;
	display: block;
	position: absolute;
}
#story .tabBtn li::after{
	left: 3px;
}
#story .tabBtn li::before{
	right: 3px;
}
#story .tabBtn li span{
	display: inline-block;
	line-height: 2.5;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
}
#story .tabBtn li#introArea{
	margin: 0 25% 4%;

}
#story .tabBtn li#introArea span{
	white-space: nowrap;
}
#story .tabBtn li:hover,
#story .tabBtn li.active{
	background: #e23c9d;
}
#story .tabBtn li span{
	display: block;
}
#story .yokokuTtl{
	margin-bottom: 10px;
	text-align: center;
}
/*
package
----------------------------------------------------------*/

#package .tabBtn,
#goods .tabBtn{
	text-align: center;
	margin-bottom: 2%;
	padding: 0 3%;
}
#package .tabBtn li,
#goods .tabBtn li{
	display: inline-block;
	margin: 0 2% 4% 2%;
	cursor: pointer;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
	background-color: rgba(0,0,0,0.6);
	padding: 0 4%;
	border: 1px solid rgba(255,255,255,0.4);
	position: relative;
}
#package .tabBtn li::after,
#package .tabBtn li::before{
	content: "";
	background-color:rgba(255,255,255,0.2);
	width: 1px;
	height: 100%;
	top: 0;
	pointer-events: none;
	z-index: 1;
	display: block;
	position: absolute;
}
#package .tabBtn li::after{
	left: 3px;
}
#package .tabBtn li::before{
	right: 3px;
}
#package .tabBtn li span,
#package .tabBtn li a{
	display: inline-block;
	line-height: 2.5;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
}

#package .tabBtn li:hover,
#package .tabBtn li.active{
	background: #e23c9d;
}
#package .tabBtn li span{
	display: block;
}
#package .yokokuTtl{
	margin-bottom: 10px;
	text-align: center;
}
#package .decoBox{
	background-color: rgba(0,0,0,0.6);
	padding: 5%;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.4);
	background-image: url(../../package/img/deco_top.png), url(../../package/img/deco_bt.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100% auto, 100% auto;
	position: relative;
	z-index:3;
	line-height: 2;
	box-sizing: border-box;
	margin-bottom: 10%;
}
#package .newsArea .box_topic .btnLink{
	border: 1px solid #666666;
	padding: 3% 5%;
	text-align: center;
	display: inline-block;
	margin-top: 3%;
	color: #FFF;
	line-height: 1.5;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}
#package .newsArea .box_topic .btnLink:hover{
	background: #e23c9d;
}
#package .ttlL{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	border-bottom: 1px solid #9f9f9f;
	padding: 0 0 10px 30px;
	background: url(../../package/img/ttll_ic.png) no-repeat left 8px;
	margin: 0 0 20px 0;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
}
#goods .discImg,
#package .discImg{
	margin-bottom: 5%;
}

/*-------------------------------
twitter
----------------------------------------------------------*/

#special #twicon {
	width: 100%;
	margin: 0 auto;
}

#special #twicon h3 {
	margin-bottom: 60px;
}

#special #twicon ul {
	width: 100%;
	margin: 0 auto;
	letter-spacing: -.4em;
	text-align: center;
}

#special #twicon ul li {
	display: inline-block;
	width: 48%;
	letter-spacing: normal;
	vertical-align: top;
}
#special #twicon ul li {
	margin-top: 30px;
	margin-right: 4%;
}
#special #twicon ul li:nth-child(2n){
	margin-right: 0;
}

#special #twicon ul a {
	display: block;
	background: #000;
}

#special #twicon ul p {
	margin-top: 10px;
	color: #fff;
}

#special #twicon ul .ttl {
	display: block;
	margin-bottom: 5px;
	padding: 5px 8px;
	background: #fff;
	line-height: 1;
	color: #000;
	text-align: center;
}