@charset "UTF-8";


/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼BASIC　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*ALL*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

*{
	margin: 0;padding:0;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
  Meiryo, sans-serif;

	font-family： "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic"；

	font-size: 13px;
	line-height: 5px;
	margin: 0;
	padding: 0;
}

html,body{height: 100%;}
section{height: auto;}
a {outline:none;text-decoration: none;}
h1{
	padding-top: 12px;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 8px;
	color: #381539;
}

body{
  	width:100%;
	background-color: #ff0000;
	color: #282828;

	font-size: 13px;
	line-height: 21px;
}

@-ms-viewport {
    width:auto;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*hr*/
/*▼ボーダー▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/*▽素▽*/
hr{
	border: none;
	width: 100%;
}

/*▽基本▽*/
hr.base{
	width: 100%;
	border-top:1px solid;
	border-bottom: 1px solid;
	border-top-color: #252525;
	border-bottom-color: #bfbfbf;
	margin: auto 0;
}

hr.itv{
	border: none;
	border-top: 1px dotted #cdcdcd;
}

textarea{
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.75);
	padding: 10px;
	border: 1px rgb(77, 77, 77) solid;
	line-height: 16px;
	resize: none;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*a*/
/*▼リンク▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
a{	color: #282828;}
a:link{	color: #282828;}
a:hover{	color: #ff0000;}
/* a:visited{	color: #ff0000;} */

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*h*/
/*▼見出し▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

h1.itv{
	padding-top: 10px;
	font-size: 24px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 12px;

	border-bottom: 2px solid #eb5c01;

	color: #eb5c01;
}
@media(max-width:768px){
h1.itv{
	padding-top: 10px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 12px;

	border-bottom: 2px solid #eb5c01;

	color: #eb5c01;
}
}
h2.itv{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px dotted #8c8c8c;

	color: #381539;
}

.t_bold{
	font-weight: bold;
}

.t_emp{
	font-size: 15px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.img-frame{
	border-radius: 1px;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(255, 255, 255, 0.8),0 0 10px rgba(255, 255, 255, 0.8);
	background: #444;
}


/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼Project　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*div*/
/*▼div▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.div-left{
	float: left;
	display: inline-block;
}
@media(max-width:768px){
	.div-left{
		position: relative;
		float: none;
		width: 100%;
		padding-left: 0px;
		padding-bottom: 0;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.div-left{
		width: 50%;
		padding-left: 5px;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.div-left{
		width: 50%;
		padding-left: 5px;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.div-left{
		padding-left: 5px;
	}
}


.div-right{
	float: right;
}
@media(max-width:768px){
	.div-right{
				padding-bottom: 0;
		float: none;
		width: 100%;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.div-right{
		float: right;
		width: 50%;
		padding-left: 5px;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.div-right{
		width: 50%;
		padding-left: 5px;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.div-right{
		padding-right: 5px;
	}
}

.main-content{
  position: relative;
  /* left:12%; */
  /* width: 88%; */
  width: 100%;

	/* padding-left: 141px; */
}
@media(max-width:768px){
	.main-content{
		padding: 0;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.main-content{
		/* padding-left: 105px; */
	}
}
@media(min-width:1365px){
	.main-content{
		/* padding-left: 141px; */
	}
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */





.content-box_t{
	position: relative;
	width: 1140px;
	padding-top: 40px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_t{
	width: 100%;
	z-index: 0;
	}
}

.content-box_mv{
	position: relative;
	width: 1140px;
	min-height: 100vh;
  margin: 0 auto;
}
@media(max-width:768px){
	.content-box_mv{
		width: 100%;
		height: auto;
		z-index: 1;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.content-box_mv{
		width: 720px;
		height: 720px;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.content-box_mv{
		width: 960px;
		height: 840px;
	}
}




.content-box_info{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_info{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_info{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_info{
	width: 960px;
}
}


.content-box_movie{
	position: relative;
	left: 140px;
	max-width: 1140px;
	width: 80%;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_movie{
	left: 0px;
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_movie{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_movie{
	width: 960px;
}
}


.content-box_news{
	position: relative;
	left: 140px;
	max-width: 1140px;
	width: 80%;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_news{
	left: 0px;
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_news{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_news{
	width: 960px;
}
}

.content-box_onair{
	position: relative;
	left: 140px;
	max-width: 1240px;
	width: 80%;
  	margin: 0 auto;
}
@media(max-width:768px){
.content-box_onair{
	left: 0px;
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_onair{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_onair{
	width: 960px;
}
}

.content-box_story{
	position: relative;
	left: 140px;
	max-width: 1140px;
	width: 80%;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_story{
	left: 0px;
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_story{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_story{
	width: 960px;
}
}


.content-box_staff{
	position: relative;
	left: 140px;
	max-width: 1140px;
	width: 80%;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_staff{
	left: 0px;
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_staff{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_staff{
	width: 960px;
}
}


.content-box_special{
	position: relative;
	left: 140px;
	max-width: 1140px;
	width: 80%;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_special{
	left: 0px;
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_special{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_special{
	width: 960px;
}
}


.content-box_char{
	position: absolute;
	width: 100%;
	height: 100%;
  margin: 0 auto;
	z-index: 1;
}
@media(max-width:768px){
.content-box_char{
	width: 100%;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_char{
	width: 100%;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_char{
	width: 100%;
}
}



.footer-bg{
	position: relative;
width: 100%;
  /*height: 100%;*/
margin: 0 auto;
  text-align: center;
  color: #ffffff;
  background-color: #ff0000;
  padding-top: 4px;
  padding-bottom: 14px;
	  overflow: hidden;
}
.content-box_foote{
  position: relative;
  width: 1140px;
margin: 0 auto;
}
@media(max-width:768px){
.content-box_foote{
  width: 100%;
  z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_foote{
  width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_foote{
  width: 960px;
}
}



.content-box{
	position: relative;
	width: 1080px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box{
	position: relative;
	width: 100%;
  margin: 0 auto;
}
}

/*フレーム*/
.f-1140{
	position: relative;
	width: 100%;
	height: 100%;

	background:
		linear-gradient(
			-45deg,
		rgba(245, 245, 245, 0.8) 25%,
		rgba(227, 227, 227, 0.8) 25%, rgba(227, 227, 227, 0.8) 50%,
		rgba(245, 245, 245, 0.8) 50%, rgba(245, 245, 245, 0.8) 75%,
		rgba(227, 227, 227, 0.8) 75%, rgba(227, 227, 227, 0.8)),
		url(../radio/img/top/mv_b.jpg);
	background-position: 0 100px,50% 50%;
	background-attachment: scroll ,fixed;
	background-size: 5px 5px, cover;
	background-repeat: repeat,no-repeat;

	border: 2px #eb5c01 solid;


	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}
@media(max-width:768px){
	.f-1140 {
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.f-1140{
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.f-1140{
	}
}

/*コンテンツ*/
/*中央寄せ*/
.cont-center{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
/*左寄せ*/
.cont-left{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
/*右寄せ*/
.cont-center{
	position: relative;
	text-align: center;
	margin: 0 auto;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/*バナーサイズ*/
/*画像サイズ:1/1*/
.bn_1-1{
	position: relative;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto 0;
	user-select: none;
}
@media(max-width:768px){
	.bn_1-1 {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.bn_1-1 img{
		width: 100%;
		height: auto;
		}
@media(max-width:768px){
		.bn_1-1 img{
		width: 100%;
		}
	}

/*画像サイズ:1/2*/
.bn_1-2{
	position: relative;
	display: inline-block;
	width: 41%;
	text-align: center;
	margin: 2px 3%;
	vertical-align: middle;
}
@media(max-width:768px){
	.bn_1-2{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}

	.bn_1-2_special {
		margin-bottom: 32px !important;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_1-2{
		width: 49%;
		/*padding-left: 3px;*/
		margin: 2px 2px;
	}
}
@media(min-width:1365px){
}
.bn_1-2 img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_1-2 img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}

.bn_1-2_text{
	pointer-events: none; 
}



/*画像サイズ:1/3*/
.bn_1-3{
	position: relative;
	text-align: center;
	display: inline-block;
	width: 32.4%;
	padding-left: 3px;
	margin: 5px 3px;
}
@media(max-width:768px){
	.bn_1-3{
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_1-3{
		width: 32.3%;
		padding-left: 3px;
		margin: 4px 2px;
	}
}
@media(min-width:1365px){
}
.bn_1-3 img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_1-3 img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}


.bn_mov{
	position: relative;
	text-align: center;
	display: inline-block;
	width: 31.2%;
	padding-left: 3px;
	margin: 5px 3px;
}
@media(max-width:768px){
	.bn_mov{
		width: 46%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_mov{
		width: 30%;
		padding-left: 3px;
		margin: 4px 2px;
	}
}
@media(min-width:1365px){
}
.bn_mov img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_mov img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}
.sp-wide{
	width: 100%;
}
@media(max-width:768px){
	.sp-wide img{
	width: 90%;
	}
}



.fnone img{
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}
.fnone img:hover {
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*フッター*/

.footer-box{
	position: absolute;
	/*top: 0;*/
	left: 0;
	right: 0;
	bottom: 14px;
	margin: auto;
	text-align: center;

	/*margin: 12px;*/

	color: #e2e2e2;
	font-size: 12px;

	z-index: 2;
	/*background-color: #ffffff;*/
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼G-nav　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/* .g-nav ul li{ 	
    display: inline;
 }  */
.g-nav{
	font-family: 'Teko', sans-serif;
	font-size: 2.4em;
	font-weight: 50;

	position: fixed;
	background-color: #ff0000;
	background-size: cover;
	max-width: 240px;
	width: 240px;
	height: 100%;
	/*min-height: 1080px;*/
	left: 0;
	top: 0;
	/*overflow: hidden;*/
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	z-index: 999;
}
@media(max-width:768px){
	.g-nav{
		height: 100%;
		font-size: 1.8em;
		font-weight: 100;
		height: 0px;
	}
	.g-nav ul li{ 	
    	display: block;
	 } 
}

.g-nav_ul a{	color: #fff;text-decoration: none;}
.g-nav_ul a:link{	color: #fff;}
.g-nav_ul a:hover{	color: #00baef;}

.g-nav-content{
	position: relative;
	margin: 0 auto;
	text-align: center;
	max-width: 60vw;
}

 /* .g-nav ul{
	list-style: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
  }
  @media(max-width:768px){
	  .g-nav ul{
		 display: block;
		 text-align: left;
		 padding: 10px;
		 line-height: 40px;
	  }
  }
  .g-nav li{
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	flex-grow: 1;
  }
  @media(max-width:768px){
	  .g-nav li{
		padding: 3px 0;
		text-align: left;
	  }
	}
	 */
	.white-popup {
		position: relative;
		background: #FFF;
		padding: 20px;
		width: auto;
		max-width: 500px;
		margin: 20px auto;
}


.g-nav-btn{
	display: block;
	text-indent: -9999px;
  }
  @media(max-width:768px){
	  .g-nav-btn{
		  display:none;
	  }
  }
  .g-nav-btn a{
   display: block;
   height: 100%;
   width: 100%;
  }

.g-nav-btn-sp{
	color: #ffffff;
}
.g-nav-btn-sp a{
	color: #ffffff;
	margin: 10px;

}

  .g-nav-btn_top-sp{margin: 10px;}
  /*.g-nav-btn_onair-sp{margin: 10px;}.g-nav-btn_onair-sp a{ color:rgba(255, 255, 255,0.33);}*/
  .g-nav-btn_onair-sp{margin: 10px;}
  .g-nav-btn_story-sp{margin: 10px;}
  .g-nav-btn_char-sp{margin: 10px;}
  .g-nav-btn_staff-sp{margin: 10px;}
  .g-nav-btn_movie-sp{margin: 10px;}
  .g-nav-btn_dvd-sp{margin: 10px;}
  /* .g-nav-btn_dvd-sp a{ color:rgba(255, 255, 255,0.33);} */
  .g-nav-btn_special-sp{margin: 10px;}
  /*.g-nav-btn_special-sp a{ color:rgba(255, 255, 255,0.33);}*/
  .g-nav-btn_twitter-sp{margin: 10px;}
  

.g-nav-btn_logo{height:120px;width:240px;background-image: url(../img/g-nav/g-nav-logo.jpg);}
.g-nav-btn_top{height:59px;width:240px;background-image: url(../img/g-nav/g-nav-top.png);}
.g-nav-btn_news{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-news.png);}
.g-nav-btn_onair{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-onair.png);}
/*.g-nav-btn_onair{height:58px;width:240px;background-image: url(../img/g-nav/xg-nav-onair.png);*/
.g-nav-btn_story{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-story.png);}
.g-nav-btn_char{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-char.png);}
.g-nav-btn_staff{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-staff.png);}
.g-nav-btn_movie{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-movie.png);}
/*.g-nav-btn_dvd{height:58px;width:240px;background-image: url(../img/g-nav/xg-nav-dvd.png);}*/
.g-nav-btn_dvd{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-dvd.png);}
.g-nav-btn_special{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-special.png);}
.g-nav-btn_twitter{height:59px;width:240px;background-image: url(../img/g-nav/g-nav-twitter.png);}


.g-nav-btn_logo:hover{height:120px;width:240px;background-image: url(../img/g-nav/g-nav-logo.jpg);}
.g-nav-btn_top:hover{height:59px;width:240px;background-image: url(../img/g-nav/g-nav-top_hov.png);}
.g-nav-btn_news:hover{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-news_hov.png);}
.g-nav-btn_onair:hover{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-onair_hov.png);}
.g-nav-btn_story:hover{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-story_hov.png);}
.g-nav-btn_char:hover{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-char_hov.png);}
.g-nav-btn_staff:hover{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-staff_hov.png);}
.g-nav-btn_movie:hover{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-movie_hov.png);}
.g-nav-btn_dvd:hover{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-dvd_hov.png);}
.g-nav-btn_special:hover{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-special_hov.png);}
.g-nav-btn_twitter:hover{height:59px;width:240px;background-image: url(../img/g-nav/g-nav-twitter_hov.png);}

.g-nav-btn_logo_on{height:120px;width:240px;background-image: url(../img/g-nav/g-nav-logo.jpg);}
.g-nav-btn_top_on{height:59px;width:240px;background-image: url(../img/g-nav/g-nav-top_hov.png);}
.g-nav-btn_news_on{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-news_hov.png);}
.g-nav-btn_onair_on{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-onair_hov.png);}
.g-nav-btn_story_on{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-story_hov.png);}
.g-nav-btn_char_on{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-char_hov.png);}
.g-nav-btn_staff_on{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-staff_hov.png);}
.g-nav-btn_movie_on{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-movie_hov.png);}
.g-nav-btn_dvd_on{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-dvd_hov.png);}
.g-nav-btn_special_on{height:58px;width:240px;background-image: url(../img/g-nav/g-nav-special_hov.png);}
.g-nav-btn_twitter_on{height:59px;width:240px;background-image: url(../img/g-nav/g-nav-twitter_hov.png);}


#c-modal_bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6);
}
#c-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	/* width: 600px; */
	/* height: 400px; */
	transform: translate(-50%, -50%);
	/* background: #ffffff; */
}
#c-modal_close {
	padding: 5px;
	text-align: right;
	cursor: pointer;
}

@media(max-width:768px){
	.first-mv{
		width: 85vw;
	}
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼TOP　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.mv-bg{
	position: relative;
	width: 100%;
	/* height: auto; */
	max-height: 2560px;
	min-height: 1440px;
	margin: 0 auto;
	background-color: #0b0b0b;
	background-image: url(../img/top/mv-bg.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 19% 0%;
	background-attachment:scroll;
	/* background-size: auto; */
	background-size: cover;
	z-index: 1;

}
@media(max-width:768px){
	.mv-bg{
		background-image: url(../img/top/mv-bg_sp.jpg);
		width: 100vw;
		background-position: 50% 0%;
		background-size: 110%;
		min-height: 0;
		height: 600px;


	}
	
	.mv-bg img{
		width: 100vw;
	}
}

.mv-chars{
	position: fixed;
	width: inherit;
	height: inherit;
}
@media(max-width:768px){
	.mv-chars{
		display: none;
	}
}


img.mv_c01{position: fixed;width: 100%;height: 100%;object-fit: cover; z-index: 0; }
img.mv_c02{position: fixed;width: 100%;height: 100%;object-fit: cover; z-index: 0; }
img.mv_c03{position: fixed;width: 100%;height: 100%;object-fit: cover; z-index: 0; }
img.mv_c05{position: fixed;width: 100%;height: 100%;object-fit: cover; z-index: 1; }


.mv-ojt{
	position: fixed;
	width: inherit;
	height: inherit;
}

.mv-content{
	position: fixed;
	width: 24%;
	bottom: 5%;
	right: 2%;
	margin: auto;
}
.mv-content img{
	width: 100%;
}
@media(max-width:768px){
	.mv-content{
		position: relative;
		width: 95%;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		padding-top: 20px;
		z-index: 1;
	}
	.mv-content img{
		width: 100%;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.mv-content{
	}
}
@media(min-width:1365px){
}
.mv-content img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.mv-content img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}



.mv-logo{
	position: absolute;
	z-index: 0;
	right: 2%;
	top: 2%;
	margin: 0 auto;
	/* width: 90%; */
}
.mv-logo img{
}
@media(max-width:768px){
	.mv-logo img{
		/* width: 380px; */
		width: 100%;
	}
}
@media(max-width:768px){
	.mv-logo{
		position: relative;
		right: 0;
		left: 1%;
		top: auto;
		width: 74%;
		padding-top: 5%;
		}
		.mv-logo_t img{
			width: 100%;
		}
	}
}
.mv-logo_img{
	width: 480px;;
}
@media(max-width:768px){
	.mv-logo_img{		width: 100%;}
}
@media(max-width:1278px) and (min-width: 769px){
	.mv-logo_img{		width: 360px;}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mv-logo_img{		width: 420px;}
}
@media(max-width:1920px) and (min-width: 1365px){
	.mv-logo_img{		width: 480px;}
}
@media(min-width: 1921px){
	.mv-logo_img{		width: 500px;}
}

.mv-copy{
	position: absolute;
	z-index: 5;
	right: 39%;
	top: 20%;
	margin: 0 auto;
	/* width: 90%; */
}
.mv-copy img{
}
@media(max-width:768px){
	.mv-copy img{
		width: 10%;
	}
}
@media(max-width:768px){
	.mv-copy{
	position: relative;

		z-index: 5;
		right: 0;
		left: 86%;
		padding-top: 20%;
		padding-bottom: 7%;
		margin: 0 auto;
		/* width: 90%; */
		}
		.mv-copy_t img{
			width: 100%;
		}
	}
}
.mv-copy_img{
	width: 100px;
}
@media(max-width:768px){
	.mv-copy_img{		width: 100%;}
}
@media(max-width:1278px) and (min-width: 769px){
	.mv-copy_img{		width: 45px;}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mv-copy_img{		width: 60px;}
}
@media(max-width:1920px) and (min-width: 1365px){
	.mv-copy_img{		width: 75px;}
}
@media(min-width: 1921px){
	.mv-copy_img{		width: 90px;}
}


.mv-date{
	position: absolute;
	right: 2%;
	bottom: 2%;
	margin: 0 auto;
}
.mv-date img{
	/* width: 30vh; */
}

@media(max-width:768px){
	.mv-date img{
		width: 90vw
	}
}
@media(max-width:768px){
	.mv-date{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: 90%;
		padding-top: 0px;
	}
}
.mv-date_img{
	/* width: 40vh; */
}
@media(max-width:768px){
	.mv-date_img{		width: 100%;}
}
@media(max-width:1278px) and (min-width: 769px){
	.mv-date_img{		width: 760px;}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mv-date_img{		width: 780px;}
}
@media(min-width:1365px){
	.mv-date_img{		width: 800px;}
}


.contact_btn{
	width:40%;

}


.mv-tweet{
	position: absolute;
	right: 10px;
	top: 9px;
	margin: auto auto;
}
@media(max-width:768px){
.mv-tweet{
	display: none;
	}
}

.mv-tweet_sp{
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 80vh;
	bottom: auto;
}

.mv-brandlogo{
	position: absolute;
	top: 5px;
	left: 20px;
	margin: auto auto;
}
.mv-brandlogo img{
	width: 100px;
}
@media(max-width:768px){
.mv-brandlogo{
	text-align: center;
	left: 0;
	right: 0;
	top: 90vh;
	bottom: auto;
	}
	.mv-brandlogo img{
		width: 80px;
	}
}

#mv_fadein_contetnt{
	opacity: 0;
	animation: appeare 1s ease 4.5s 1 normal forwards running;
  }

 @media(max-width:768px){
  #mv_fadein_contetnt{
	opacity: 0;
	animation: appeare 2s ease 1s 1 normal forwards running;
  }
}
  @keyframes appeare {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }

.mv-mu{
	position: fixed;
	/* z-index: 4; */
	left: 11.5%;
	bottom: 7%;
	/* height: 30vh; */
	transform: rotate(-4deg);
	margin: 0 auto;
}
@media(max-width:768px){
	.mv-mu{
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		width: 80%;
		padding-top: 45px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		}
		.mv-mu_t img{
			width: 100%;
		}
	}
}


	


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼NEWS　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */



.news-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px;
}
@media(max-width:768px){
	.news-content{
		width: 100%;
		left: 0;
		right: 0;
		bottom: 20px;
		padding-bottom: 20px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.news-content{
		padding-bottom: 65px;
	}
}
@media(min-width:1365px){
}


.news-info{
	overflow-y:hidden;
	position: relative;
		height: 450px;
		background-image: url(../img/frame/f-560_450.png);
  background-size:auto 100% ;
	margin: 0 auto;
}
@media(max-width:768px){
	.news-info{
		border: 2px solid #eb5c01;
		/* -webkit-border-radius: 4;
		-moz-border-radius: 4;
		border-radius: 4px; */
		background-repeat: no-repeat;
		text-align: center;
		background-image: none;
		background-color: rgba(	255, 255, 255,0.8);
		background-size:auto 100%;
		width: 98vw;
		left: 1vw;
		height: 400px;
		margin: 0 auto;

		margin-left: 0px;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.news-info{
		background-image: url(../img/frame/f-355_450.png);
		width: 100%;
		padding-left: 5px;
	}
	.news-info img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.news-info{
		background-image: url(../img/frame/f-475_450.png);
		width: 100%;
		padding-left: 5px;
	}
	.news-info img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.news-info{
		padding-left: 5px;
	}
}

.news-twitter{
	position: relative;
	overflow: scroll;
		width: 560px;
		height: 450px;
		background-image: url(../img/frame/f-560_450.png);
  background-size:auto 100% ;
}
@media(max-width:768px){
	.news-twitter{
		float: none;
		width: 100%;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.news-twitter{
		background-image: url(../img/frame/f-355_450.png);
		width: 100%;
		padding-left: 5px;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.news-twitter{
		background-image: url(../img/frame/f-475_450.png);
		width: 100%;
		padding-left: 5px;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.news-twitter{
		padding-left: 5px;
	}
}


.news-twitter{
	float: right;
	overflow: scroll;
	height: 450px;

}
@media(max-width:768px){
	.news-twitter{
		float: none;
		width: 100%;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.news-twitter{
		float: right;
		width: 50%;
		padding-left: 5px;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.news-twitter{
		width: 50%;
		padding-left: 5px;
	}
	.news-twitter img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.news-twitter{
		width: 100%;
		max-width: 540px;
		}
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼INFO　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.info-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_info.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
}

@media(max-width:768px){
	.info-bg{
		background-position: center top;
	}

}



.info-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.info-content{
		width: 95%;
		left: 0;
		right: 0;
		bottom: 20px;
		padding-bottom: 20px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.info-content{
	}
}
@media(min-width:1365px){
}

.top-text-farame{
	height: 300px;
	text-align: left;
	border: solid 2px #ff0000;
	background-color: #ffffff;
	padding: 20px;
}

.text-farame{
	/* height: 300px; */
	text-align: left;
	border: solid 2px #ff0000;
	background-color: #ffffff;
	padding: 20px;
	word-wrap: break-word;
}


.tmb-farame{
	border: solid 2px #ff0000;
	background-color: #ffffff;
	padding: 5px;
}

.text-h{
	text-align: left;
	color: #ff0000;
	border-bottom: solid 2px #ff0000;
	padding: 0px 0px 14px 14px;
	margin-bottom: 10px;
	
}

.story-h{
	text-align: left;
	color: #ff0000;
	border-top: solid 2px #ff0000;
	padding: 30px 0px 14px 14px;
	margin-bottom: 10px;
}

.br-h{
	text-align: left;
	color: #ff0000;
	border-top: solid 2px #ff0000;
	padding: 30px 0px 14px 14px;
	margin-bottom: 10px;
}

.tmb-h{
	text-align: left;
	color: #ffffff;
	background-color: #ff0000;
	padding: 14px;
}



.enquete-link {
	text-align: left;
	background-color: #ffffff;
	color: #ff0000;
	border: solid 1px #ff0000;
	padding: 14px;

	width: 89%;
	margin-top: 80px;
	margin-left: 36px;
	
}
@media(max-width:768px){
	.enquete-link {
	width: 100%;
	margin-top: 60px;
	margin-left: 0px;
	}
}




table.top-news-list tr{
	margin: 10px;
}

table.top-news-list th{
	color: #ff0000;
	padding: 14px 0px 7px 14px;
	display: inline-block;
}
table.top-news-list td{
	padding: 0px 0px 7px 21px;
	display: inline-block;
	
	overflow: hidden;
}

@media(min-width:769px){
	table.top-news-list td{
		max-height: 5vw;
	}
}

@media(max-width:768px){
	table.top-news-list td{
		max-height: 16vw;
	}
}

.news_more{
	position: absolute;
	right: 16px;
	bottom: 10px;
}

.news_more img{
	width: 113px;
}
.news_more img:hover{
	width: 113px;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼MV-MOVIE　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.info-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_info.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	/* background-size:cover; */
	/* z-index: 0; */
}
@media(max-width:768px){
	.info-bg{
		background-position: center top;
	}

	.tmb-h-special {
		margin-top: -6px !important;
	}
}





/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼NEWS　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.news-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_news.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	/* background-size:cover; */
	/* z-index: 0; */
}

@media(max-width:768px){
	.news-bg{
    background-position: center top;
	}
}



table.news-list tr{
	margin: 10px;
}

table.news-list th{
	color: #ff0000;
	padding: 14px 0px 7px 14px;
	display: inline-block;
}
table.news-list td{
	padding: 0px 0px 7px 21px;
	display: inline-block;
}

.news_prev{
	margin-top: 30px;
	vertical-align: bottom;
}
@media(max-width:768px){
	.news_prev{
		width: 20%;
	}
	.news_prev img{
		width: 20%;
	}
}

.news_next{
	margin-top: 30px;
	vertical-align: bottom;
}
@media(max-width:768px){
	.news_next{
		width: 20%;
	}
	.news_next img{
		width: 20%;
	}

	table.news-list {
		width: 100%;
	}

	table.news-list th{
		width: 25%;
		vertical-align: top;
	}

	table.news-list td{
		width: 75%;
		vertical-align: top;
	}
}


.index-nmb{
	font-size: 1.7em;
	margin: 15px;

}
@media(max-width:768px){
	.index-nmb{
		font-size: 1.1em;
		margin: 8px;
	
	}
}



.news_detail_date{
	font-size: 1.1em;
	margin: 15px;
	color: #ff0000;

}

.news_detail_text{
	margin: 20px;
	line-height: 2.0;

}


.sp_detail_text{

}

.sp_detail_text p{
	margin: 20px;
	line-height: 2.0;
}
@media(max-width:768px){
	.sp_detail_text p{
		margin: 8px;
	}
}

.sp_detail_text h1{
	text-align: center;
	
	line-height: 1.5;
	
	font-size: 1.5em;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
	margin: 50px 0px;
	padding-bottom: 12px;

}
.sp_detail_text h2{
	line-height: 2.0;
	
	font-size: 1.3em;
	font-weight: bold;
	color: #ff0000;
}
.sp_detail_text h3{
	margin-left: 30px;
	line-height: 1.5;
	font-size: 1.1em;
	font-weight: bold;
	/* color: #ff0000; */
}
.sp_detail_text ol{
	/* background-color: rgba(255, 0, 0, 0.3); */
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 5px;
	line-height: 1.5;
	font-size: 1.1em;
	font-weight: bold;
	border-left: solid 4px #ff0000;;

}
@media(max-width:768px){
	.sp_detail_text ol{
		margin-left: 10px;
	}
}

.sp_detail_text li{
	padding: 5px;
	padding-left: 15px;
}
.text_b{
	font-weight: bold;
}

.text_n{
	font-weight: normal;
}


.text_kome{
	padding-left: 10px;

	font-size: 0.9em;
	line-height: 1.0em;
}


.sp_detail_lead{
	text-align: center;
}
.sp_detail_lead p{
	margin: 20px;
	line-height: 2.0;
	font-size: 1.3em;
}
@media(max-width:768px){
	.sp_detail_lead p{
		margin: 8px;
	}
}


.sp_detail_lead h1{
	margin: 20px;
	line-height: 2.0;
	font-size: 1.5em;
	font-weight: bold;
	color: #ff0000;
}

.text_tw{
	font-weight: bold;
	color: #00acee;	
}




/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼CHARACTER　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.char-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_char.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	padding-bottom: 1vh;
	/* background-size:cover; */
	/* z-index: 0; */
}

@media(max-width:768px){
	.char-bg{
    background-position: center top;
	}
}

.char-left{
	position: relative;
	height: 85vh;

	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 49%;
}

.char-right{
	position: relative;
	height: 85vh;

	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 49%;
}

.char-box{
	
}
@media(max-width:768px){
	.char-box{
	position: relative;
    top: 101px;
	}
}
.char_std{
	position: fixed;
	left: 29%;
	height: 88%;
}
@media(max-width:768px){
	.char_std{
    display: none;
	}
}
.char_std_sp{
	display: none;
}
@media(max-width:768px){
	.char_std_sp{
		display: inline-block;
		position: relative;
		left: -94%;
		height: 66%;
		bottom: -12%;
	}
}
.char_name{
	position: fixed;
	top: 156px;
	right: 10%;
}
@media(max-width:768px){
	.char_name{
	position: absolute;
	height: 10%;
	text-align: right;
	right: 1%;
	top: 16px;
	}
}
.char_face{
	position: fixed;
	top: 280px;
	right: 12%;
	width: 30%;
}
@media(max-width:768px){
	.char_face{
	display: none;
	}
}


.char_text-farame{
	overflow-y: scroll;

	position: fixed;
	width: 30%;
	bottom: 5%;
	right: 12%;
	height: 26%;
	text-align: left;
	border: solid 2px #ff0000;
	background-color: #ffffff;
	padding: 10px;
}

@media(min-height:1000px){
	.char_text-farame{
	bottom: 10%;
	}
}
@media(max-width:768px){
	.char_text-farame{
	position: absolute;

		width: 88%;
		bottom: 22%;
		right: 3%;
		height: 60%;
		padding: 8px;
	}
}



.char_detail_text{
	margin: 12px;
	line-height: 1.6;

}

.char-h{
	text-align: left;
	font-weight: bold;
	color: #ff0000;
	border-bottom: solid 2px #ff0000;
	padding-bottom: 7px;
}
@media(max-width:768px){
	.char-h{
		line-height: 1.0;
	}
}




.character_switch{
	position: fixed;
	top: 126px;
	right: 1%;
	/*left: 96%; */
	/* width: 36%; */
}
@media(max-width:768px){
	.character_switch{

		position: absolute;
		/* top: 92vh; */
		top: 86vh;
		left: 3%;

		width: 100%;
		display: table;
		table-layout: fixed;
	}
}

.bn_char{
	margin-bottom: 4px;
}
@media(max-width:768px){
	.bn_char{ 
		display: table-cell;
		vertical-align: middle;
		display: inline-block;
		margin-right: 4px;

	}
}

.cast_itv{
	position: fixed;
	bottom: 4.3%;
	right: 1%;
	/* width: 36%; */
}
@media(max-width:768px){
	.cast_itv{
		
		position: absolute;
		bottom: 12.80vh;
		/* bottom: 9vh; */
		right: -10%;

		width: 100%;
	}
}

.sub_box{
	display: table-cell;
	vertical-align: top;
	padding-left: 4px;
}
@media(max-width:768px){
	.sub_box{
		display: inline-block;
		padding-left: 0px;

	}
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼NEWS　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.staff-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_staff.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	/* background-size:cover; */
	/* z-index: 0; */
}

@media(max-width:768px){
	.staff-bg{
    background-position: center top;
	}
}



table.staff-list{
	text-align: center;
	width: 100%;
}

table.staff-list tr{
	font-size: 1.1em;

	width: 100%;
	margin: 10px;
}

table.staff-list th{
	font-weight: bold;
	width: 22vw;
	text-align: right;
	color: #ff0000;
	padding: 14px 0px 7px 14px;
	display: inline-block;
}
@media(min-width:1920px){
	table.staff-list th{
		width: 10vw;
	}
}
@media(max-width:768px){
	table.staff-list th{
		width: 38vw;
	}
}
table.staff-list td{
	text-align: left;
	width: 30vw;
	padding: 0px 0px 7px 21px;
	display: inline-block;
}
@media(max-width:768px){
	table.staff-list td{
		width: 40vw;
	}
}

.staff_prev{
	margin-top: 30px;
	vertical-align: bottom;
}
@media(max-width:768px){
}



.index-nmb{
	font-size: 1.7em;
	margin: 15px;

}
@media(max-width:768px){
	.index-nmb{
		font-size: 1.1em;
		margin: 8px;
	
	}
}



.staff_detail_date{
	font-size: 1.1em;
	margin: 15px;
	color: #ff0000;

}

.staff_detail_text{
	margin: 20px;
	line-height: 2.0;

}



/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼ONAIR　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.onair-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_onair.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	/* background-size:cover; */
	/* z-index: 0; */
}

@media(max-width:768px){
	.onair-bg{
    background-position: center top;
	}
}


.onair_detail_date{
	font-size: 1.1em;
	margin: 15px;
	color: #ff0000;

}

.onair_detail_text{
	text-align: center;
	font-size: 1.2em;

	margin: 20px;
	line-height: 2.5;

}
@media(max-width:768px){
	.onair_detail_text{
		font-size: 1.1em;
	}
}

.onair_ruby{
	font-size: 0.5em;
}




/*画像サイズ:1/2*/
.oa_1-3{
	position: relative;
	display: inline-block;
	width: 27%;
	text-align: left;
	margin: 2px 3%;
	vertical-align: top;
	padding: 15px 0px 35px 30px;
}
@media(max-width:768px){
	.oa_1-3{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}

	.oa_1-3_special {
		margin-bottom: 32px !important;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.oa_1-3{
		width: 48%;
		/*padding-left: 3px;*/
		margin: 2px 2px;
	}
}
@media(min-width:1365px){
}
.oa_1-3 img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.oa_1-3 img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}

.oa_1-3_text{
	pointer-events: none; 
}



.oa_tv{
	font-size: 1.7em;
	padding-bottom: 5px;

}
.oa_date{

}




/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼NEWS　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.story-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_story.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	/* background-size:cover; */
	/* z-index: 0; */
}

@media(max-width:768px){
	.story-bg{
    background-position: center top;
	}
}


.story-text-farame{
	/* height: 300px; */
	text-align: left;
	border: solid 2px #ff0000;
	background-color: #ffffff;
	background-image: url(../img/story/story_text_bg.jpg);
    background-position:  center center;
    background-size: cover;
	padding: 20px;
}



.story_detail_date{
	font-size: 1.1em;
	margin: 15px;
	color: #ff0000;

}

.story_detail_text{
	text-align: left;
	font-size: 1.2em;

	margin: 20px;
	line-height: 2.5;

}
@media(max-width:768px){
	.story_detail_text{
		font-size: 1.1em;
	}
}

.story_ruby{
	font-size: 0.5em;
}

.story-switch{
	text-align: center;
	padding: 40px 0px;
}
@media(max-width:768px){
	.story-switch{
		padding: 20px 0px;
	}
}
.bn_story{
	font-family: 'Teko', sans-serif;
	font-size: 1.8em;
	line-height: 1.5em;
	padding: 20px 15px;
}

@media(max-width:768px){
	.bn_story{
		padding: 20px 11px;
	}
}


.swiper-container {
	width: 100%;
	/* height: 300px; */
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	background-size: cover;
	background-position: center;
}

.gallery-top {
	/* height: 80%; */
	height: 33vw;
	width: 95%;
}
 
 @media(max-width:768px){
	.gallery-top {
		width: 100%;
	}
 }


.gallery-thumbs {
	height: 10vw;
	width: 95%;
	box-sizing: border-box;
	padding: 10px 0;
}

@media(max-width:768px){
	.gallery-thumbs{
		width: 100%;
	}
}

.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.6;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}



/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼MOVIE　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */


.movie-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_movie.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	/* background-size:cover; */
	/* z-index: 0; */
}

@media(max-width:768px){
	.movie-bg{
    background-position: center top;
	}
}


.movie-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.movie-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.movie-content{
	}
}
@media(min-width:1365px){
}


.mov-frame{
	position: relative;
	width: 1134px;
	height: 663px;
	margin: 0 auto;
	background-image: url(../img/mov-frame_t.png);
;
}
@media(max-width: 768px){
	.mov-frame{
		position: relative;
		background-size: 360px 210px;
		width: 360px;
		height: 210px;
	}
	.mov-frame img{
		width: 100%;
		height: auto;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.mov-frame{

		background-size: 740px 433px;
		width: 740px;
		height: 433px;
	}
	.mov-frame img{
		width: 100%;
		height: auto;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mov-frame{
		background-size: 920px 538px;
		width: 920px;
		height: 538px;
	}
	.mov-frame img{
		width: 100%;
		height: auto;
	}
}
@media(min-width:1365px){

}

.mov-size{
	padding-top: 3px;
	width:1140px;
	height:643px;
}
@media(max-width: 768px){
	.mov-size{
		/*display: inline-block;*/
		padding-top: 5px;
		width: 100%;
		height: 33vh;
	}
	.mov-size img{
		width: 100%;
		height: auto;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.mov-size{
		padding-top: 4px;
		width: 720px;
		height: 409px;
	}
	.mov-frame img{
		width: 100%;
		height: auto;
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.mov-size{
		padding-top: 5px;
		width: 860px;
		height: 542px;
	}
	.mov-size img{
		width: 100%;
		height: auto;
	}
}
@media(min-width:1365px){
}



/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼special　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */


.special-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_special.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	/* background-size:cover; */
	/* z-index: 0; */
}

@media(max-width:768px){
	.special-bg{
    background-position: center top;
	}
}


.special-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.movie-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.specialcontent{
	}
}
@media(min-width:1365px){
}


.text_q{
	font-weight: bold;
}

/*テーブル２分割*/
table.f-1140_tb2{
	width: 100%;
	border: 0px;

}
table.f-1140_tb2 th{
	width: 30%;
	font-size: bold;
	color: #eb5c01;
	background-color: rgba(201, 138, 80, 0.2);
	border-right: 1px #eb5c01 solid;
	border-top: 1px #8a8a8a dotted;
	border-bottom: 1px #8a8a8a dotted;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 7px;
	padding-right: 7px;
	vertical-align: middle;
}
@media(max-width:768px){
	table.f-1140_tb2 th{
		/* width: 40%; */
	}
}
table.f-1140_tb2 td{
	display: inline-flex;
	width: 100%;
	/* border-left: 1px #000000 solid; */
	border-top: 1px #8a8a8a dotted;
	border-bottom: 1px #8a8a8a dotted;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: middle;
}
@media(max-width:768px){
	table.f-1140_tb2 td{
		/* width: 60%; */
		border-bottom: none;
	}
}
h1.f-1140_tb2{
	font-weight: bold;
	font-size: 18px;
	color:  #fff;
	/* background-image: url(../img/g-nav/g-nav_bg.png); */
	background-color: #38163a;
	/* border-bottom: 2px #d2ff00 solid; */
	text-align: center;
	margin-bottom: 4px;
}

/*テーブル３分割*/
table.f-1140_tb3{
	width: 100%;
	height: 100%;
	border: 0px;
	vertical-align: middle;
}
table.f-1140_tb3 th{
	width: 30%;
	font-size: bold;
	color: #eb5c01;
	background-color: rgba(201, 138, 80, 0.2);
	border-right: 1px #eb5c01 solid;
	border-top: 1px #8a8a8a dotted;
	border-bottom: 1px #8a8a8a dotted;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 7px;
	padding-right: 7px;
	vertical-align: middle;
}
table.f-1140_tb3 td{
	width: 35%;
	border-top: 1px #8a8a8a dotted;
	border-bottom: 1px #8a8a8a dotted;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: middle;
}
h1.f-1140_tb3{
	font-weight: bold;
	font-size: 18px;
	color:  #fff;
	/* background-image: url(../img/g-nav/g-nav_bg.png); */
	background-color: #eb5c01;
	/* border-bottom: 2px #d2ff00 solid; */
	text-align: center;
	margin-bottom: 4px;
}

img.f-1140_tb3{
	vertical-align: middle;
}


.btn-base {
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #ef5f77;
  padding: 7px 30px 7px 30px;
  text-decoration: none;
}
@media(max-width:768px){
	.btn-base{
		background: none;
  	padding: 0px;
	}
}



.btn-origin {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #38163a;
  font-size: 14px;
  background: #eb5c01;
  padding: 8px 40px 8px 40px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-origin{
  padding: 6px 20px 6px 20px;
	}
}

a.btn-char_type{
  color: #c8eefb;
}

.btn-char_type:hover {
	color: #22baee;
  background: #c8eefb;
  text-decoration: none;
}

.btn-char_type:visited {
	color: #ffffff;
	/*background: #ef5f77;*/
  text-decoration: none;
}

.btn-char_type {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 3px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: Arial;
  font-weight: bold; 
  color: #ffffff;
  font-size: 14px;
  background: #22baee;
  padding: 6px 6px 6px 6px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-char_type{
  padding: 6px 14px 6px 14px;
	}
}

a.btn-base{
  color: #ffffff;
}

.btn-base:hover {
	color: #ffffff;
  background: #ff96a8;
  text-decoration: none;
}

.btn-base:visited {
	color: #ffffff;
  text-decoration: none;
}


a.btn-ao{
  color: #ffffff;
}

.btn-ao:hover {
	color: #ffffff;
  background: #8fe4ff;
}

.btn-ao:visited {
	color: #ffffff;
}

.btn-ao {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 3px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #36c4f1;
  padding: 10px 36px 10px 36px;
  text-decoration: none;
	margin: 0 auto;
}
@media(max-width:768px){
	.btn-ao {
  font-size: 14px;
  padding: 8px 20px 8px 20px;
	}
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼Blu-ray　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */



.br-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../img/bg/bg_br.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment:fixed;
	/* background-size:cover; */
	/* z-index: 0; */
}

@media(max-width:768px){
	.br-bg{
    background-position: center top;
	}
}


.br-text-farame{
	/* height: 300px; */
	text-align: left;
	border: solid 2px #ff0000;
	background-color: #ffffff;
	/* background-image: url(../img/story/story_text_bg.jpg); */
    background-position:  center center;
	background-size: cover;
	padding: 20px;
}




table.br_table{
	width: 90%;
    margin: 30px;
    margin-bottom: 40px;
	border-collapse: collapse;
    border-spacing: 0;
}

.br_table tr{
	padding: 5px 0;
    margin: 5px 0;
    border: solid 1px #d8d8d8;
}
.br_table th{
    padding: 10px 15px;
    margin: 0 20px;
    width: 20%;
    font: bold;
    /* color: #ffff00; */
    text-align: center;
    /* border-bottom: dotted 1px #cccccc; */
    border-right: dotted 1px #cccccc;
    background-color: rgba(255, 0, 0, 0.1);
}
.br_table td{
	/* border-bottom: dotted 1px #ffffff; */
	/* line-height: 1.0em; */
    padding: 10px 20px;
    width: 80%;
}

@media(max-width:768px){
	table.br_table{
		width: 95% !important;
	    margin-top: 30px !important;
	    margin-left: 5px !important;
	    margin-right: 0px !important;
	}
	.br_table th{
	    padding: 10px 5px !important;
	}
}

.br-switch{
	text-align: center;
	padding: 40px 0px;
}
@media(max-width:768px){
	.br-switch{
		padding: 20px 0px;
	}
}
.bn_br{
	font-family: 'Teko', sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.5em;

	padding: 20px 15px;
}
@media(max-width:768px){
	.bn_br{
		padding: 20px 11px;
	}
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼汎用　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.hanyou-bg{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-image: url(../img/2nd-bg.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.hanyou-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	z-index: -1;
}

@media(max-width:768px){
.hanyou-bg{
	/*background-image: url(../img/2nd-bg_sp.jpg);*/
	z-index: none;
}
.hanyou-bg::before{
	background-image: url(../img/2nd-bg_sp.jpg);
	background-position: center top;
	background-size: 100% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*padding-bottom: 108px;*/
  content: "";
  z-index: -1;
	}
}

.hanyou-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.hanyou-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.hanyou-content{
	}
}
@media(min-width:1365px){
}



/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼ページ　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.page-bg{
	border-top: solid 2px #eb5c01;

	position: relative;
	width: 100%;
	/*height: 100%;*/
	margin: 0 auto;
	background-color: #0b0b0b;
	background-image: url(../img/product/storyb-bg.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
	z-index: 0;
}


/* .page-bg:before{
	content: "";
	position: absolute;
	display: block;
	background: inherit;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	z-index: -1;
} */

@media(max-width:768px){
.page-bg{
	/* background-image: none; */
	z-index: none;
}
.page-bg::before{

	background-image: url(../img/product/storyb-bg.jpg);
	background-position: center;
	background-size: auto 100%;
  display: block;
  width: auto;
  height: 100%;
  content: "";
  z-index: -1;
	}
}
.page-content{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 65px
}
@media(max-width:768px){
	.page-content{
		width: 95%;
		left: 0;
		right: 0;
		padding-top: 20px;
		padding-bottom: 40px;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.page-content{
	}
}
@media(min-width:1365px){
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼POINT　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */


/*バナーサイズ*/
/*画像サイズ:1/1*/

.point_text {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8em;
}
@media(max-width:768px){
	.point_text {
	text-align: left;
	margin: 8;
	}
}

.point_img {
	position: relative;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	/*padding-left: 2px;*/
	/*margin: 2px 2px;*/
}
@media(max-width:768px){
	.point_img {
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.point_img {
		width: 80%;
	}
}
@media(min-width:1365px){
}
.point_img  img{
	width: 100%;
}
.point_img  img:hover {
	width: 100%;
}

.point_gallery {
	position: relative;
	text-align: center;
	width: 76%;
	margin: 0 auto;
	/*padding-left: 2px;*/
	/*margin: 2px 2px;*/
}
@media(max-width:768px){
	.point_gallery {
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.point_gallery {
		width: 80%;
	}
}
@media(min-width:1365px){
}
.point_gallery  img{
	width: 100%;
}
.point_gallery img:hover {
	width: 100%;
}

.point_h {
	position: relative;
	text-align: center;
	width: 65%;
	margin: 0 auto;
	/*padding-left: 2px;*/
	/*margin: 2px 2px;*/
}
@media(max-width:768px){
	.point_h {
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.point_h {
		width: 80%;
	}
}
@media(min-width:1365px){
}
.point_h  img{
	width: 100%;
}
.point_h img:hover {
	width: 100%;
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼見出し　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.top-h{
	position: fixed;
	top: 40px;
	right: 40px;
	/* text-align: center; */
	/* padding-top: 20px; */

	margin: auto 0;
}
@media(max-width:768px){
	.top-h {
		text-align: right;
		top: 26px;
		right: 10px;
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.top-h img{
		/* width: 50%; */
		height: auto;
		}
@media(max-width:768px){
		.top-h img{
		width: 70%;
		}
	}

.page-h{
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
	margin: auto 0;
}
@media(max-width:768px){
	.page-h {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.page-h img{
		width: 50%;
		height: auto;
		}
@media(max-width:768px){
		.page-h img{
		width: 90%;
		}
	}





.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼SPメニュー　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/*ヘッダーまわりはご自由に*/
.g-nav_sp {
	padding:10px;
	z-index: 10;
	/* background: skyblue; */
  }
  
  #nav-drawer {
	position: fixed;
  }
  
  /*チェックボックス等は非表示に*/
  .nav-unshown {
	display:none;
  }
  
  /*アイコンのスペース*/
  #nav-open {
	  display: inline-block;
	  width: 30px;
	  height: 22px;
	  vertical-align: middle;
  }
  
  /*ハンバーガーアイコンをCSSだけで表現*/
  #nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 25px;/*長さ*/
	  border-radius: 3px;
	  background: rgba(255, 255, 255, 0.5);
	  display: block;
	  content: '';
	  cursor: pointer;
  }
  #nav-open span:before {
	  bottom: -8px;
  }
  #nav-open span:after {
	  bottom: -16px;
  }
  
  /*閉じる用の薄黒カバー*/
  #nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
  }
  
  /*中身*/
  #nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 30%;/*右側に隙間を作る*/
	  /* max-width: 330px; */
	  /*最大幅*/
	  height: 100%;
	  background-color: rgba(255, 0, 0, 0.9);
	  /* background:
	  linear-gradient(
		  -45deg,
	  rgba(55, 55, 55, 0.8) 25%,
	  rgba(40, 40, 40, 0.8) 25%, rgba(40, 40, 40, 0.8) 50%,
	  rgba(55, 55, 55, 0.8) 50%, rgba(55, 55, 55, 0.8) 75%,
	  rgba(40, 40, 40, 0.8) 75%, rgba(40, 40, 40, 0.8)),
	  url(); */
  background-position: 0 100px,50% 50%;
  background-attachment: scroll ,fixed;
  background-size: 5px 5px, cover;
  background-repeat: repeat,no-repeat;
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
  }
  
  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  /* opacity: .5; */
  }
  
  #nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
  }
  

.pagetop{
	display: none;
	position: fixed;
	right: 2%;
	bottom: 2%;
	z-index: 1;
}

@media(max-width:768px){
	.pagetop{
	text-align: right;
	right: 1%;
	bottom: 1%;
	}
	.pagetop img{
	width: 50%;
	}
}