/* =====================================
	sample css
====================================== */

/*	reset
============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}

/*	both
============================== */

/* text */
a:link {
	text-decoration:underline;
	color:#4c4f50;
}
a:visited {
	text-decoration:none;
	color:#4c4f50;
}
a:active {
	text-decoration:none;
	color:#4c4f50;
}
a:hover {
	text-decoration:none;
	color:#ffa539;
	transition:all 0.3s ease;
}
.modal-content a:link {
	text-decoration:none;
	color:#4c4f50;
}
.newsall_block a:link {
	text-decoration:none;
	color:#ffa539;
}
.newsall_block a:visited {
	text-decoration:none;
	color:#ffa539;
}
.newsall_block a:active {
	text-decoration:none;
	color:#ffa539;
}
.newsall_block a:hover {
	opacity:0.5;
	text-decoration:none;
	color:#ffa539;
	transition:all 0.3s ease;
}
.update_box a:link {
	text-decoration:none;
	color:#4c4f50;
}
.update_box a:visited {
	text-decoration:none;
	color:#4c4f50;
}
.update_box a:active {
	text-decoration:none;
	color:#4c4f50;
}
.update_box a:hover {
	text-decoration:none;
	color:#ff5082;
	transition:all 0.3s ease;
}

a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  transition:all 0.5s ease;
}

.strike{
	color:#f00;
	text-decoration:line-through;
}
.strike span{
	color:#4c4f50;
	opacity:0.6;
}
.textadd{
	color:#f00;
	text-decoration:underline;
	margin:0 0.5em;
}

.twitter-timeline {
	min-width: 80px !important;
}

/*	background
============================== */
body {
	font-family:-apple-system,’Lucida Grande’,‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’,‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	color:#4c4f50;
}
body, div#con-body {
	background-color: rgba(255,255,255,0);
}

/*	header and navi
============================== */
header_top{
	position:relative;
}
header.main h1 a {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
.pages header.main h1 a {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
.nav_smp{
	position:relative;
}

@media all and (min-width: 768px) {
	header.main{
		padding-top:6px;
	}
	.header_top{
		width: 980px;
		margin: 0 auto;
	}
	header.main h1 a {
		background-image:url(../img/logo_pc.png);
		width:511px;
		height:118px;
		margin-top:30px;
	}
	h1.nocontxt{
		float: left;
	}
	header.main nav ul li a {
		font-size:100%;
	}
	.header_top{
		z-index:2;
		position: relative;
	}
	.nav_smp{
		display:none;
	}

}

@media all and (max-width: 767px) {
header.main h1{
	position:relative;
	height:0;
	padding-top:18%;
}

header.main h1 a {
	background-image:url(../img/logo_pc.png);
	background-position:center;
	background-size:55%;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
header.main {
	/*display:none;*/
}
.sp_logo{
	left: -5%;
}
.sp_logo img{
	height: 120px;
    width: auto !important;
}
.nav_smp{
	display: block;
	position: relative;
	padding-left: 125px;
}
#menu{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 200;
	margin-top: -13%;
}
#menu img{
	max-width: 50%;
	width: auto;	
}
div#content01 div.modal-content ul li {
    float: none;
    width: 100%;
    text-align: center;
    height: auto;
}
#menu_news_logo a img{
	height: 35px;
	width: auto;
}
div#content01 span.close-content01 img {
    position: absolute;
    right: 1em;
    top: 25px;
    max-width: 40%;
    width: 30px;
    height: auto;
}
div#content01 div.modal-content ul li#menu_news_logo a {
    position: static;
    display: block;
    text-align: center;
}
#content01 div.modal-content ul li {
	margin:20px 0;
}
#content01 div.modal-content ul li a {
    color: #4c4f50;
    font-size: 18px;
    height: auto;
    padding: 10px;
}

}


/*	columns
============================== */

.column-main{
	position:relative;
}

@media all and (min-width: 768px) {
	.main_wrap{
		position:relative;
	}
	div.cover {
		width:100%;
		margin:0 auto;
	}
	div.main_wrap_inner{
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
	div.column-main {
		width:720px;
		margin:0 auto;
	}
	div.column-side1 {
		width:250px;
		position:absolute;
		top:-120px;
		right:0;
		z-index:99;
		display:block;
	}
	div.column-side1_sp{
		display:none;
	}
	div.column-side2 {
		width:250px;
		position:absolute;
		top:20px;
		left:0;
		z-index:99;
	}
}
@media all and (max-width: 767px) {
	div.cover {
	}
	div.column-main {
	}
	div.column-side1 {
		display:none;
	}
	div.column-side1_sp {
		display:none;
		/*
		display:block;
		padding:0% 0% 2em 0%;
		*/
	}
	div.column-side2 {
		padding:3% 6% 3% 6%;
	}
}


/*	page top
============================== */
p.pgt a {
	display:block;
	text-decoration:none;
}
@media all and (min-width: 768px) {
	p.pgt {
		position:absolute;
		right:20px;
		bottom:20px;
	}
	p.pgt a {
		background-image:url(../img/icons.png);
		background-position:0 -50px;
		background-repeat:no-repeat;
		width:48px;
		height:48px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
	}
}
@media all and (max-width: 767px) {
	p.pgt {
		text-align:center;
	}
	p.pgt a {
		font-weight:bold;
		color:#fff;
		background-color:#4c4f50;
		line-height:49px;
		height:49px;
	}
	p.pgt a span {
		display:inline-block;
		height:49px;
		background-image:url(../img/icons.png);
		background-position:left top;
		background-repeat:no-repeat;
		padding-left:28px;
	}
}

/*	NAVIGATION
============================== */

@media all and (min-width: 768px) {

/*TOP NAVIGATION*/
.navigation{width:380px; height:90px; margin: 32px 40px 0 0; float:right;}
.navigation li{display:block; margin:0 0 12px 0; float:left;}
/*news*/
.nav01 a{width:82px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: 0 0;display: block;padding: 0;text-indent: -9999px;}
.nav01 a:hover,.pagewrap_news .nav01 a{	background-position: 0px -20px; transition:all 0.3s ease;}
/*onair*/
.nav02 a{width:90px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -82px 0;display: block;padding: 0;text-indent: -9999px;}
.nav02 a:hover,.pagewrap_onair .nav02 a{	background-position: -82px -20px; transition:all 0.3s ease;}
/*staff&cast*/
.nav03 a{width:146px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -172px 0;display: block;padding: 0;text-indent: -9999px;}
.nav03 a:hover,.pagewrap_staffcast .nav03 a{	background-position: -172px -20px; transition:all 0.3s ease;}
/*story*/
.nav04 a{width:85px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -318px 0;display: block;padding: 0;text-indent: -9999px;}
.nav04 a:hover,.pagewrap_story .nav04 a{	background-position: -318px -20px; transition:all 0.3s ease;}
/*character*/
.nav05 a{width:142px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -404px 0;display: block;padding: 0;text-indent: -9999px;}
.nav05 a:hover,.pagewrap_chara .nav05 a{	background-position: -404px -20px; transition:all 0.3s ease;}
/*BD DVD*/
.nav06 a{width:147px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -546px 0;display: block;padding: 0;text-indent: -9999px;}
.nav06 a:hover,.pagewrap_book .nav06 a{	background-position: -546px -20px; transition:all 0.3s ease;}
/*goods*/
.nav07 a{width:100px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -693px 0;display: block;padding: 0;text-indent: -9999px;}
.nav07 a:hover,.pagewrap_goods .nav07 a{	background-position: -693px -20px; transition:all 0.3s ease;}
/*music*/
.nav08 a{width:87px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -793px 0;display: block;padding: 0;text-indent: -9999px;}
.nav08 a:hover,.pagewrap_event .nav08 a{	background-position: -793px -20px; transition:all 0.3s ease;}
/*book*/
.nav09 a{width:82px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -880px 0;display: block;padding: 0;text-indent: -9999px;}
.nav09 a:hover,.pagewrap_special .nav09 a{	background-position: -880px -20px; transition:all 0.3s ease;}
/*special*/
.nav10 a{width:82px; height:20px; background-image: url(../img/navigation.png);background-repeat: no-repeat;background-position: -962px 0;display: block;padding: 0;text-indent: -9999px;}
.nav10 a:hover,.pagewrap_disc .inner_nav10 a{	background-position: -962px -20px; transition:all 0.3s ease;}
}
@media all and (max-width: 767px) {
	.navigation{display:none;}
}

/*	copyright
============================== */
p.copyright {
	font-size: 75%;
	line-height: 1.5em;
	padding: 10px;
	color:#4c4f50;
}
p.copyright a{
	color:#4c4f50;
}
@media all and (min-width: 768px) {
	p.copyright {
		padding:20px 0;
	}
}
@media all and (max-width: 767px) {
	p.copyright {
		font-size:45%;
		line-height:1.5;
		padding:10px;
	}
}

@media all and (min-width: 768px) {
	div.smt span {
		display:block;
		margin:0 auto;
		background-size:contain;
		width:300px;
		height:56px;
		margin-top:2px;
	}
}
@media all and (max-width: 767px) {
	div.smt {
		background-color:#000;
		padding:20px 0;
	}
	div.smt span {
		display:block;
		margin:0 auto;
		width:320px;
		height:60px;
	}
}

/*	USER ADD
============================== */

#snowwrap{
	position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: -5;
    overflow: hidden;
    background: rgb(255, 255, 255);
}
.staffblock img{
	width:100%;
}
.castblock img{
	width:100%;
}
.pvblock{
	position:relative;
}
.pvblock img{
	width:100%;
}
.md-youtube{
	display:block;
}
.onairblock img{
	width:100%;
}
.bookblock img{
	width:100%;
}
.musicblock img{
	width:100%;
}
footer{
	background:#fff;
}
/* footer */
footer{
	background:#ffffff;
	text-align:center;
}
footer div.sns-btns div.tw{
	float:left;
}
footer div.sns-btns div.tw{
	float:left;
}
.main_visual{
	position:relative;
}

@media all and (min-width: 768px) {
	.main_visual{
		margin-left: 130px;
	}
	/*
	.main_visual img{
		width:100%;
		margin-top:-80px;
	}
	*/
	.main_visual img{
		width:110%;
	}
	#snowwrap{
		height: 1200px;
	}
	.pvblock{
		margin-bottom:10px;
	}
	.staffblock{
		margin-bottom:20px;
	}
	.castblock{
	}
	.onairblock{
		/*
		margin-bottom:10px;
		display:block;
		*/
		display:none;
	}
	.bookblock{
		margin-bottom:20px;
		display:block;
	}
	.musicblock{
		margin-bottom:20px;
		display:block;
	}
	.onairblock_sp{
		display:none;
	}
	.bookblock_sp{
		display:none;
	}
	.musicblock_sp{
		display:none;
	}
	.h2_twitter{
		width:250px;
		height:50px;
		background-image:url(../img/h2_twitter_pc.png);
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.twitter_area{
		display:block;
		background-color: rgba(255, 255, 255, 0.8) !important;
	}
	.twitter_area_sp{
		display:none;
		background-color: rgba(255, 255, 255, 0.8) !important;
	}
	div.twitter_inner{
		width: 240px;
		margin: 0 auto;
		border: 5px solid #5aebfe;
	}
	/*update*/
	.update_block_pc{
		width:560px;
		min-height:200px;
		padding:20px;
		background-color: rgba(255, 255, 255, 0.65) !important;
		font-size:12px;
		position:absolute;
		top: 680px;
		left: 160px;
	}
	.update_box{
		padding: 15px 0;
		line-height: 1.4em;
		color: #4c4f50;
		border-bottom: 1px solid #4c4f50;
	}
	.update_new{
		float: left;
		padding:0.2em 0.5em;
		background:#ff5787;
		color:#ffffff;
		font-weight:bold;
		margin-top:-0.2em;
		margin:-0.2em 0.7em 0 0;
	}
	.update_date{
		color: #4c4f50;
		float: left;
		width: 6.5em;
		margin-left:20px
	}
	/*footer*/
	footer{
		margin-top:20px;
		padding-top:50px;
	}
	footer div.sns-btns{
		width: 260px;
		margin: 20px auto 5px;
		padding-left: 64px
	}
	.chara_btn{
		display: block;
		width: 197px;
		height: 217px;
		position: absolute;
		top: 574px;
		left: 120px;
	}
}
@media all and (max-width: 767px) {
	.main_visual{
		width:90%;
		margin:0 auto;
		text-align:center;
		padding-top: 1em;
	}
	.main_visual img{
		width:100%;
	}
	.header_top{
		background:#fff;
	}
	#snowwrap{
		height:100%;
	}
	.pvblock{
		width:80%;
		margin:0em auto 1em;
	}
	.staffblock{
		width:80%;
		margin:2em auto 1em;
	}
	.castblock{
		width:80%;
		margin:2em auto 1em;
	}
	.section_twitterh2{
	
	}
	.h2_twitter{
		width:100%;
	}
	.h2_twitter img{
		width:100%;
	}
	.onairblock{
		display:none;
	}
	.bookblock{
		display:none;
	}
	.musicblock{
		display:none;
	}
	.onairblock_sp{
		width:75%;
		margin:2em auto 0em;
		display:block;
	}
	.bookblock_sp{
		width:70%;
		margin:2em auto 1em;
		display:block;
	}
	.musicblock_sp{
		width:70%;
		margin:2em auto 1em;
		display:block;
	}
	.onairblock_sp img{
		width:100%;
	}
	.bookblock_sp img{
		width:100%;
	}
	.musicblock_sp img{
		width:100%;
	}
	.musicblock_sp img{
		width:100%;
	}
	.twitter_area{
		width:80%;
		margin:0 auto 2em;
		padding-bottom:1em;
		display:none;
		background-color: #5aebfe;
	}
	.twitter_area_sp{
		width:80%;
		margin:0 auto 2em;
		padding-bottom:1em;
		display:block;
		background-color: #5aebfe;
	}
	div.twitter_inner{
		width:90%;
		margin:0 auto;
	}
	.chara_btn{
		display: block;
		width:32%;
		position:absolute;
		top:75%;
		left:13%;
	}
	.chara_btn img{
		width:100%;
	}
	/*update*/
	.update_block_pc{
		width:80%;
		margin:0 auto;
		padding:2em 1em;
		background-color: rgba(255, 255, 255, 0.8) !important;
		font-size:1em;
	}
	.update_box{
		padding: 1em 0;
		line-height: 1.4em;
		color: #4c4f50;
		border-bottom: 1px solid #4c4f50;
	}
	.update_date{
		float: left;
		color: #4c4f50;
		margin-bottom:0.5em;
	}
	.update_new{
		float: left;
		padding:0.1em 0.3em;
		background:#ff5787;
		color:#ffffff;
		font-size:90%;
		font-weight:bold;
		margin:-0.2em 0.8em 0 0.8em;
	}
	.update_text{
		clear:both;
	}
	/*footer*/
	footer{
		 padding: 2em 4% 1em;
	}
	footer div.sns-btns{
		width: 70%;
		margin: 1em 20% 0.5em 20%;
	}
	footer div.sns-btns div.tw{
		padding-right: 5px;
	}
	footer div.sns-btns div.tw{
		padding-left: 5px;
	}
}

/*=====================
01.NEWS
=====================*/

.news_chu{
	font-size:75% !important;
}
div.news_img{
	margin-bottom:1em;
}
	
	@media all and (min-width: 768px) {
	.newsall_wrap{
		width:830px;
		margin:30px auto;
	}
	.newsall_block{
		padding: 40px 0 30px;
		line-height: 1.4em;
		color: #4c4f50;
		border-bottom: 1px solid #4c4f50;
	}
	.newsall_date{
		text-align:center;
		margin:-0.3em 1.5em 0 0;
		padding:0.3em 0.3em;
		color: #ffffff;
		float: left;
		width: 7em;
		background:#ffa539;
	}
	.newsall_text{
		font-size:20px;
		font-weight:bold;
		line-height:1.4em;
		color: #ffa539;
	}
	.news_wrap{
		border-bottom: 1px solid #4c4f50;
		padding:30px 0 60px 0;
	}
	.news_date{
		margin-bottom:1.0em;
	}
	.news_title{
		font-size:32px;
		line-height: 1.4em;
		font-weight:bold;
		color: #ffa539;
		margin-bottom:1.0em;
	}
	h3.news_head3{
		font-size:24px;
		line-height:1.4em;
		font-weight:bold;
		margin-top:1.5em;
		margin-bottom:1.0em;
		color: #ffa539;
	}
	.news_text{
		font-size:14px;
		line-height:1.6em;
		margin-bottom:1.0em;
	}
	.news_text small{
		font-size:80%;
	}
	.news_back{
		width:300px;
		margin:40px auto 0;
	}
	.news_back img{
		width:100%;
	}
	.news_youtube{
		width:50%;
	}
	}
	
	@media all and (max-width: 767px) {
	.newsall_wrap{
		width:80%;
		margin:1em auto 4em;
	}
	.newsall_block{
		padding: 1.5em 0;
		line-height: 1.4em;
		color: #4c4f50;
		border-bottom: 1px solid #4c4f50;
	}
	.newsall_date{
		font-size:70%;
		font-weight:bold;
		text-align:center;
		margin:0 0 1em 0;
		padding:0.2em 0.2em;
		color: #ffffff;
		width: 7em;
		background:#ffa539;
	}
	.newsall_text{
		font-size:120%;
		font-weight:bold;
		line-height:1.4em;
		color: #ffa539;
	}
	.news_wrap{
		border-bottom: 1px solid #4c4f50;
		padding:1em 0 2em 0;
	}
	.news_date{
		margin-bottom:1.0em;
		font-size:14px;
	
	}
	.news_title{
		font-size:24px;
		line-height:1.4em;
		font-weight:bold;
		color: #ffa539;
		margin-bottom:1.0em;
	
	}
	h3.news_head3{
		font-size:20px;
		line-height:1.4em;
		font-weight:bold;
		margin-top:1.5em;
		margin-bottom:0.5em;
		color: #ffa539;
	}
	.news_img{
		width:100%;
	}
	.news_img img{
		width:100%;
	}
	.news_text{
		font-size:14px;
		line-height:1.6em;
		margin-bottom:1.0em;
	}
	.news_text small{
		font-size:80%;
	}
	.news_back{
		width:70%;
		margin:1.5em auto 0;
	}
	.news_back img{
		width:100%;
	}
		
	}
	

/*=====================
02.ONAIR
=====================*/

	@media all and (min-width: 768px) {
		.onair_wrap{
			width:865px;
			margin:0 auto;
		}
		.onair_pc_wrap{
			width:737px;
			margin:50px auto 0;
			display:block;
		}
		.onair_sp_wrap{
			display:none;
		}
		.haishin_pc_wrap{
			width:865px;
			margin:50px auto 0;
			display:block;
		}
		.haishin_sp_wrap{
			display:none;
		}
	}
	
	@media all and (max-width: 767px) {
		.onair_wrap{
		}
		.onair_pc_wrap{
			display:none;
		}
		.onair_sp_wrap{
			width:70%;
			margin:2em auto 1em;
			display:block;
		}
		.onair_sp_wrap img{
			width:100%;
			margin-bottom:1.5em;
		}
		.haishin_pc_wrap{
			display:none;
		}
		.haishin_sp_wrap{
			width:70%;
			margin:2em auto 1em;
			display:block;
		}
		.haishin_sp_wrap img{
			width:100%;
			margin-bottom:1.5em;
		}
	}

/*=====================
03.STAFF
=====================*/

	@media all and (min-width: 768px) {
		.staffcast_wrap{
			width:830px;
			margin:50px auto 0;		
		}
		.staffcast_pc{
			display:block;	
		}
		.staffcast_sp{
			display:none;	
		}
		.staffcast_pc .staffblock{
			width:834px;
		}
		.staffcast_pc .castblock{
			width:834px;
			margin-top:50px;
		}
		.staffblock img{
			width:100%;
		}
		.castblock img{
			width:100%;
		}
	}
	
	@media all and (max-width: 767px) {
		.staffcast_wrap{
			margin:2em auto 3em;		
		}
		.staffcast_pc{
			display:none;	
		}
		.staffcast_sp{
			display:block;	
		}
		.staffblock{
			width:90%;
		}
		.staffblock img{
			width:100%;
		}
		.castblock{
			width:90%;
		}
		.castblock img{
			width:100%;
		}
		
	}

/*=====================
04.STORY
=====================*/
.story_nav{

}
.story_nav ul li{
	float:left;
}
.story_nav ul li img{
	width:100%;
}
.contbg img{
	width: 100%;
	vertical-align: bottom;
}
.contbg_sp img{
	width: 100%;
	vertical-align: top;
}

	@media all and (min-width: 768px) {
		.story_block{
			width:800px;
			margin:0 auto;
		}
		.storytitle{
			font-size:30px;
			letter-spacing:0.05em;
			font-weight:bold;
			text-align:center;
			margin:50px 0 30px;
		}
		.storytitle span{
			color:#ff5082;
		}
		.storytext{
			font-size:18px;
			line-height:1.7em;
			margin:1.5em 0;
		}
		.storytext:first-letter{
			font-size: 4.1em;
			line-height: 1;
			float: left;
			margin: 0 .16em 0 0;
			padding: .1em 0;
			color:#ff5082;
			font-weight: bold;
		}
		.storycaption{
			font-size:14px;
			line-height:1.6em;
		}
		.storycaption span{
			color:#ff5082;
		}
		.storycaption br{
			display:none;
		}
		.story_nav{
			width:800px;
			margin:30px auto;
		}
		.story_nav ul li{
			width:52px;
			margin:0 6px;
		}
		.yokoku_block{
			width:640px;
			margin:50px auto;
		}
		.yokoku_block h4{
			font-size:24px;
			margin: 0 auto 10px;
			text-align:center;
		}
		.yokoku_block h4:first-letter{
			color:#ff5082;
			font-size:32px;
		}
		.contbg{
			position: absolute;
			width: 100%;
			top: 200px;
			z-index: -1;
			display:block;
		}
		.contbg_sp{
			display:none;
		}
	}
	
	@media all and (max-width: 767px) {
		.story_block{
			width:90%;
			margin:0 auto;
		}
		.storytitle{
			font-size:120%;
			font-weight:bold;
			line-height:1.6em;
			margin:1.2em 0 0.7em;
		}
		.storytitle span{
			color:#ff5082;
		}
		.storytext{
			font-size:90%;
			line-height:1.6em;
			margin:1.5em 0 1em;
		}
		.storytext:first-letter{
			font-size: 3.9em;
			line-height: 1;
			float: left;
			margin: .1em .2em 0 .1em;
			padding: 0 0;
			color:#ff5082;
			font-weight: bold;
		}
		.storycaption{
			font-size:80%;
			line-height:2em;
		}
		.storycaption span{
			color:#ff5082;
		}
		.story_nav{
			width:100%;
			margin:1em auto;
		}
		.story_nav ul li{
			width:14%;
			margin:0.7% 1.2%;
		}
		.yokoku_block{
			margin:1.5em auto 1em;
		}
		.yokoku_block h4{
			font-size:110%;
			margin: 0 0 10px;
		}
		.yokoku_block h4:first-letter{
			color:#ff5082;
			font-size:160%;
		}
		.contbg_sp{
			position: absolute;
			width: 100%;
			top: 18%;
			z-index: -1;
			display:block;
		}
		.contbg{
			display:none;
		}
	}

/*=====================
05.CHARACTER
=====================*/

	.h2_sp img{
		width:100%;
	}
	.chara_nav li img{	
		width:100%;
	}
	.chara_page{
		background:url(../chara/img/chara_bg.png);
		background-repeat:repeat-x;
	}
	
	@media all and (min-width: 768px) {
		.chara_nav{
			width:820px;
			display:flex;
			flex-wrap: wrap;
			justify-content: left;
			margin:30px auto 0;
		}
		.page_wrap{
			margin:0 0 0;
		}
		.chara_nav li{
			margin:15px 10px;
		}
		.h2_pc{
			display:block;
			margin-top:20px;
		}
		.h2_sp{
			display:none;
		}
		.onair_pc{
			display:block;
			float:right;
			margin-top:38px;
			margin-right:30px;
		}
		.chara_image{
			float:right;
			margin-top:50px;
			margin-right:114px;
		}
		.chara_profile{
			float:left;
			margin-top:70px;
			margin-left:104px;
		}
		.prev{
			position:absolute;
			top:350px;
			left:0;
		}
		.next{
			position:absolute;
			top:350px;
			right:0;
		}
		.sp_prev {
			display: none;
		}
		.sp_next {
			display: none;
		}
		.chara_page{
			background-position: 0 524px;
		}
	}

	@media all and (max-width: 767px) {
		.chara_nav{
			width:100%;
		}
		.page_wrap{
			width:95%;
			margin:1em auto 2em;
		}
		.chara_nav li{
			width: 31%;
    		height: auto;
    		margin: 1%;
			float:left;
		}
		.h2_pc{
			display:none;
		}
		.h2_sp{
			width:90%;
			display:block;
			margin:1em auto;
		}
		.onair_pc{
			display:none;
		}
		.chara_image{
			width: 50%;
			margin: 1em auto 1em;
			position:relative;
		}
		.chara_image_add{
			width: 62%;
			margin: 1em auto 1em;
			position:relative;		
		}
		.chara_image_add2{
			width: 56%;
			margin: 1em auto 1em;
			position:relative;		
		}
		.chara_image_add3{
			width: 45%;
			margin: 1em auto 1em;
			position:relative;		
		}
		.chara_image_add4{
			width: 41%;
			margin: 1em auto 1em;
			position:relative;		
		}
		.chara_image_add5{
			width: 66%;
			margin: 1em auto 1em;
			position:relative;		
		}
		.chara_image img{
			width: 100%;
		}
		.chara_profile{
			width: 80%;
			margin: 2em auto 1em;
		}
		.chara_profile img{
			width: 100%;
		}
		.prev{
			display:none;
		}
		.next{
			display:none;
		}
		.sp_prev {
			display: block;
			position: absolute;
			top: 40%;
			left: -40%;
			font-size: 250%;
		}
		.sp_prev_add {
			display: block;
			position: absolute;
			top: 40%;
			left: -20%;
			font-size: 250%;
		}
		.sp_prev img {
			width: 60%;
		}
		.sp_next {
			display: block;
			position: absolute;
			top: 40%;
			right: -40%;
			font-size: 250%;
		}
		.sp_next_add {
			display: block;
			position: absolute;
			top: 40%;
			right: -20%;
			font-size: 250%;
		}
		.sp_next img {
			width: 60%;
		}
		.chara_page{
			background-size:200%;
			background-position: 0 35%;
		}
	}

/*=====================
06.BD&DVD
=====================*/

.disc_nav li img{	
	width:100%;
}
.disc_thum img{
	width:100%;
}
.disc_infolist small{
	font-size:80%;
	margin-left:1.5em;
	line-height:1.0em;
}

.tokuten_wrap{
	width:100%;
	background:#ffe7ca;
}
.tokuten_wrap_cd{
	background:#e3fcff;
}
.tokuten_wrap_inner{
	position:relative;
}
.tokutencd_h3{
	color: #39eaff !important;
	margin:0 auto;
}
.tokuten_chu_cd{
	line-height:1.5em;
}
.disc_table{
	margin:0 auto;
}
.disc_table a:link{
	text-decoration:none;
	color:#ffa539;
	font-weight:bold;
}
.disc_table a:visited{
	text-decoration:none;
	color:#ffa539;
	font-weight:bold;
}
.disc_table a:active{
	text-decoration:none;
	color:#ffa539;
	font-weight:bold;
}
.disc_table a:hover{
	text-decoration:underline;
	color:#ffa539;
	font-weight:bold;
}
.banner_oritoku{
	width:100%;
	margin:2em 0 1em;
}
.banner_oritoku img{
	width:100%;
}

	@media all and (min-width: 768px) {
		.disc_wrap{
			width:940px;
			margin:40px auto;
		}
		.disc_tokutenpc_wrap{
			display:block;
			width:940px;
			margin:0 auto;
		}
		.disc_tokutenpc_wrap img{
			width:100%;
			margin-top:50px;
		}
		.disc_tokutensp_wrap{
			display:none;
		}
		.disc_nav{
			width:940px;
			display:flex;
			flex-wrap: wrap;
			justify-content: left;
			margin:30px auto 40px;
		}
		.disc_nav li{
			width:220px;
			margin:7px
		}
		.discinner_wrap{
			/*border-bottom: 1px solid #4c4f50;*/
			padding: 30px 0 60px 0;
		}
		.disc_thum{
			width:380px;
			float:left;
		}
		.disc_detail{
			width:430px;
			float:left;
			margin:0 0 0 60px;
		}
		.disc_caption{
			font-size:18px;
			color:#ffa539;
			margin-bottom:0.4em;
		}	
		.disc_title{
			font-size:32px;
			color:#ffa539;
			margin-bottom:0.3em;
		}
		.disc_artist{
			font-size:24px;
			color:#ffa539;
			margin-bottom:0.3em;
		}
		.disc_infolist{
			font-size:16px;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.disc_infolist dt{
			color:#ffa539;
			font-weight:bold;
		}
		.disc_infolist dd{
			margin-bottom: 1em;
		}
		.tokuten_wrap{
			padding:20px 0 30px;
		}
		.tokuten_wrap_inner{
			width:980px;
			margin:0 auto;
		}
		.tokuten_wrap_inner h3{
			margin:0 auto;
			text-align:center;
			font-size: 32px;
			color: #ffa539;
			margin:1.5em 0 1.5em;
		}
		.tokuten_block{
			width:214px;
			float:left;
			margin:0 15px 45px;
		}
		.tokuten_block img{
			width:214px;
		}
		.shopbtn{
			margin-top:2em;
		}
		.shopimg{
			min-height:442px;
		}
		.shopimg img{
			width:100%;
			height:auto;
		}
		.tokuten_chu{
			width:90%;
			font-size: 100%;
			color: #ffa539;
			margin:2em auto 2em;
			text-align:center;
		}
		.tokuten_chu_cd{
			width:90%;
			font-size: 100%;
			color: #4c4f50;
			margin:2em auto 2em;
			text-align:center;
		}
		.disc_table{
			width:300px;
			margin:0px auto 60px;
			font-size:20px;
			border-collapse:separate;
			border-spacing:0 1em;
		}
		.tokutencd_h3{
			margin: 0 auto;
			text-align: center;
			font-size: 32px;
			color: #ffa539;
			margin: 1.5em 0 1.5em;
		}
	}
	@media all and (max-width: 767px) {
		.disc_wrap{
			width:96%;
			margin:1em auto 1em;
		}
		.disc_tokutenpc_wrap{
			display:none;
		}
		.disc_tokutensp_wrap{
			display:block;
		}
		.disc_tokutensp_wrap img{
			width:96%;
			margin:2em 2% 1em;
			text-align:center;
		}
		
		.disc_thum_wrap{
			margin-bottom:2em;
		}
		.disc_nav{
			width:100%;
		}
		.disc_nav li{
			width: 46%;
    		height: auto;
    		margin: 0.7em 2%;
			float:left;
		}
		.discinner_wrap{
			border-bottom: 1px solid #4c4f50;
			padding: 1em 0 2em 0;
		}
		.disc_thum{
			width:90%;
			margin:0 auto 1.5em;
		}
		.disc_detail{
			width:90%;
			margin:0 auto;
		}
		.disc_caption{
			font-size:80%;
			font-weight:bold;
			color:#ffa539;
			margin-bottom:0.4em;
		}	
		.disc_title{
			font-size: 140%;
			margin:0 0 0.2em 0;
			line-height: 1.4em;
			font-weight: bold;
			color:#ffa539;
		}
		.disc_artist{
			font-size:110%;
			color:#ffa539;
			font-weight: bold;
		}
		.disc_infolist{
			font-size:80%;
			font-weight:normal;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.disc_infolist dt{
			color:#ffa539;
			font-weight:bold;
		}
		.disc_infolist dd{
			margin-bottom: 1em;
		}
		.tokuten_wrap{
			padding:1em 0 2em;
		}
		.tokuten_wrap_inner{
			width:100%;
			margin:0 auto;
		}
		.tokuten_wrap_inner h3{
			margin:0 auto;
			text-align:center;
			font-size: 150%;
			color: #ffa539;
			margin:1.5em 0 1.5em;
		}
		.tokuten_block{
			width:60%;
			margin:1em auto 4em;
		}
		.tokuten_block img{
			width:100%;
			height: auto;
		}
		.shopbtn{
			margin-top:2em;
		}
		.tokuten_chu{
			width:90%;
			font-size: 100%;
			color: #ffa539;
			margin:2em auto 2em;
			text-align:center;
		}
		.tokuten_chu_cd{
			width:90%;
			font-size: 100%;
			color: #4c4f50;
			margin:2em auto 2em;
			text-align:center;
		}
		.disc_table{
			margin:0 auto;
			font-size:120%;
			border-collapse:separate;
			border-spacing:0 1em;	
		}
		.disc_table dt{
			padding:0 1em;
			margin:0 1em;
		}
		.tokutencd_h3{
			margin: 0 auto;
			text-align: center;
			font-size: 160%;
			color: #ffa539;
			margin: 1.5em 0 1.5em;
		}
		
	}

/*=====================
07.GOODS
=====================*/

.goods_nav li img{	
	width:100%;
}
.goods_thum img{
	width:100%;
}

	@media all and (min-width: 768px) {
		.goods_wrap{
			width:980px;
			margin:40px auto;
		}
		.goods_nav{
			width:940px;
			display:flex;
			flex-wrap: wrap;
			justify-content: left;
			margin:30px auto 40px;
		}
		.goods_nav li{
			width:200px;
			margin:24px 16px;
		}
		.goodsinner_wrap{
			width:900px;
			border-bottom: 1px solid #4c4f50;
			padding: 30px 0 60px 0;
		}
		.goods_thum{
			width:380px;
			float:left;
		}
		.goods_detail{
			width:440px;
			float:left;
			margin:0 0 0 60px;
		}
		.goods_title{
			font-size:32px;
			line-height:1.4em;
			color:#ff5082;
			margin-bottom:0.3em;
		}
		.goods_infolist{
			font-size:16px;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.goods_infolist dt{
			color:#ff5082;
			font-weight:bold;
		}
		.goods_infolist dd{
			margin-bottom: 1em;
		}
	}
	@media all and (max-width: 767px) {
		.goods_wrap{
			width:96%;
			margin:1em auto 1em;
		}
		.goods_thum_wrap{
			margin-bottom:2em;
		}
		.goods_nav{
			width:100%;
		}
		.goods_nav li{
			width: 42%;
			height: auto;
			margin: 0.7em 4%;
			float: left;
		}
		.goodsinner_wrap{
			border-bottom: 1px solid #4c4f50;
			padding: 1em 0 2em 0;
		}
		.goods_thum{
			margin-bottom: 1.5em;
		}
		.goods_title{
			font-size: 150%;
			margin:0 0 0.2em 0;
			line-height: 1.4em;
			font-weight: bold;
			color:#ff5082;
		}
		.goods_infolist{
			font-size:80%;
			font-weight:normal;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.goods_infolist dt{
			color:#ff5082;
			font-weight:bold;
		}
		.goods_infolist dd{
			margin-bottom: 1em;
		}
	}
	
/*=====================
08.MUSIC
=====================*/

.music_nav li img{	
	width:100%;
}
.cd_thum img{
	width:100%;
}

	@media all and (min-width: 768px) {
		.music_wrap{
			width:980px;
			margin:40px auto;
		}
		.music_tokutenpc_wrap{
			display:block;
			width:940px;
			margin:0 auto;
		}
		.music_tokutenpc_wrap img{
			width:100%;
		}
		.music_tokutensp_wrap{
			display:none;
		}
		.music_nav{
			width:940px;
			display:flex;
			flex-wrap: wrap;
			justify-content: left;
			margin:30px auto 40px;
		}
		.music_nav li{
			width:220px;
			margin:7px 7px 21px;
		}
		.musicinner_wrap{
			width:900px;
			border-bottom: 1px solid #4c4f50;
			padding: 30px 0 60px 0;
		}
		.cd_thum{
			width:380px;
			float:left;
		}
		.cd_detail{
			width:440px;
			float:left;
			margin:0 0 0 60px;
		}
		.cd_caption{
			font-size:18px;
			color:#39eaff;
			margin-bottom:0.4em;
		}	
		.cd_title{
			font-size:30px;
			color:#39eaff;
			margin-left:-0.5em;
			margin-bottom:0.3em;
		}
		.cd_artist{
		}
		.cd_infolist{
			font-size:16px;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.cd_infolist dt{
			color:#39eaff;
			font-weight:bold;
		}
		.cd_infolist dd{
			margin-bottom: 1em;
		}
	}
	@media all and (max-width: 767px) {
		.music_wrap{
			width:96%;
			margin:1em auto 1em;
		}
		.music_tokutenpc_wrap{
			display:none;
		}
		.music_tokutensp_wrap{
			display:block;
		}
		.music_tokutensp_wrap img{
			width:96%;
			margin:0 2%;
			text-align:center;
		}
		
		.cd_thum_wrap{
			margin-bottom:2em;
		}
		.music_nav{
			width:100%;
		}
		.music_nav li{
			width: 46%;
    		height: auto;
    		margin: 0.7em 2%;
			float:left;
		}
		.musicinner_wrap{
			border-bottom: 1px solid #4c4f50;
			padding: 1em 0 2em 0;
		}
		.cd_thum{
			margin-bottom: 1.5em;
		}
		.cd_detail{
		}
		.cd_caption{
			font-size:80%;
			font-weight:bold;
			color:#39eaff;
			margin-bottom:0.4em;
		}	
		.cd_title{
			font-size: 150%;
			margin:0 0 0.2em -0.5em;
			line-height: 1.4em;
			font-weight: bold;
			color:#39eaff;
		}
		.cd_artist{
			font-size:90%;
			font-weight:normal;
		}
		.cd_infolist{
			font-size:80%;
			font-weight:normal;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.cd_infolist dt{
			color:#39eaff;
			font-weight:bold;
		}
		.cd_infolist dd{
			margin-bottom: 1em;
		}
	}

/*=====================
09.BOOK
=====================*/

	@media all and (min-width: 768px) {
		.book_wrap{
			width:930px;
			margin:0 auto;
		}
		.shoseki_wrap{
			margin-top:40px;
		}
		.book_h3{
			text-align:center;
			margin:40px 0 20px 0;
		}
		.book_block{
			width:445px;
			float:left;
			margin:10px 10px;
		}
		.book_block img{
			width:100%;
		}
	}
	
	@media all and (max-width: 767px) {
		.book_wrap{
			width:90%;
			margin:0 auto;
		}
		.shoseki_wrap{
			margin-top:3em;
		}
		.book_h3{
			width:30%;
			text-align:center;
			margin:2em auto 1em;
		}
		.book_h3 img{
			width:100%;
		}
		.book_block{
			margin:1em 0;
		}
		.book_block img{
			width:100%;
		}
	}
	

/*=====================
10.SPECIAL
=====================*/

.specialall_thum img{
	width:100%;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:2em;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.color01{
	color:#ff5082;
	font-weight:bold;
}
.color02{
	color:#4cbcf9;
	font-weight:bold;
}
.color03{
	color:#6cca1a;
	font-weight:bold;
}
.color04{
	color:#f08100;
	font-weight:bold;
}
.color05{
	color:#b43fd6;
	font-weight:bold;
}
.color06{
	color:#ff9393;
	font-weight:bold;
}

/*Link*/
.specialall_block .interview a:link {
	text-decoration:none;
	color:#39eaff;
}
.specialall_block .interview a:visited {
	text-decoration:none;
	color:#39eaff;
}
.specialall_block .interview a:active {
	text-decoration:none;
	color:#39eaff;
}
.specialall_block .interview a:hover {
	opacity:0.5;
	text-decoration:none;
	color:#39eaff;
	transition:all 0.3s ease;
}
.specialall_block .movie a:link {
	text-decoration:none;
	color:#ff5082;
}
.specialall_block .movie a:visited {
	text-decoration:none;
	color:#ff5082;
}
.specialall_block .movie a:active {
	text-decoration:none;
	color:#ff5082;
}
.specialall_block .movie a:hover {
	opacity:0.5;
	text-decoration:none;
	color:#ff5082;
	transition:all 0.3s ease;
}
.specialall_block .present a:link {
	text-decoration:none;
	color:#ffa539;
}
.specialall_block .present a:visited {
	text-decoration:none;
	color:#ffa539;
}
.specialall_block .present a:active {
	text-decoration:none;
	color:#ffa539;
}
.specialall_block .present a:hover {
	opacity:0.5;
	text-decoration:none;
	color:#ffa539;
	transition:all 0.3s ease;
}
.present_table tr td{
	padding:5px;
}
.present_table img{
	width:100%;
}


	@media all and (min-width: 768px) {
		.specialall_wrap{
			width:830px;
			margin:30px auto;
		}
		.specialall_block{
			width:700px;
			padding: 40px 80px 30px;
			margin:0 auto;
			line-height: 1.4em;
			color: #4c4f50;
			border-bottom: 1px solid #4c4f50;
		}	
		.specialall_thum{
			width:200px;
			float:left;
		}
		.specialall_caption{
			line-height: 1.4em;
			margin:10px 0 0 24px;
			float:left;
		}
		.specialall_tag_interview{
			font-size:18px;
			text-align:center;
			font-weight:bold;
			margin:-0.3em 1.5em 0.5em 0;
			padding:0.4em 0.3em 0.3em;
			color: #ffffff;
			width: 7em;
			background:#39eaff;
		}
		.specialall_tag_movie{
			font-size:18px;
			text-align:center;
			font-weight:bold;
			margin:-0.3em 1.5em 0.5em 0;
			padding:0.4em 0.3em 0.3em;
			color: #ffffff;
			width: 7em;
			background:#ff5082;
		}
		.specialall_tag_present{
			font-size:18px;
			text-align:center;
			font-weight:bold;
			margin:-0.3em 1.5em 0.5em 0;
			padding:0.4em 0.3em 0.3em;
			color: #ffffff;
			width: 7em;
			background:#ffa539;
		}
		.specialall_text{
			width:460px;
			font-size:24px;
			font-weight:bold;
			line-height:1.4em;
		}
		.spimage{
			text-align:center;
		}
		.special_title_interview{
			font-size:42px;
			line-height: 1.4em;
			font-weight:bold;
			color: #39eaff;
			text-align:center;
			margin-bottom:1.0em;
		}
		.special_title_present{
			font-size:42px;
			line-height: 1.4em;
			font-weight:bold;
			color: #ffa539;
			text-align:center;
			margin-bottom:1.0em;
		}
		h3.news_head3_interview{
			font-size:24px;
			line-height:1.4em;
			font-weight:bold;
			margin-top:1.5em;
			margin-bottom:1.0em;
			color: #39eaff;
		}
		h3.news_head3_interview_chitose{
			font-size:24px;
			line-height:1.4em;
			font-weight:bold;
			margin-top:1.5em;
			margin-bottom:1.0em;
			color: #ff5082;
		}
		h3.news_head3_present{
			font-size:24px;
			line-height:1.4em;
			font-weight:bold;
			margin-top:1.5em;
			margin-bottom:1.0em;
			color: #ffa539;
		}
		.special_title_movie{
			font-size:42px;
			line-height: 1.4em;
			font-weight:bold;
			color: #ff5082;
			text-align:center;
			margin-bottom:1.0em;
		}
		.interview_text{
			font-size:18px;
			line-height:1.8em;
			margin-bottom:1.2em;
		}
		.present_text{
			font-size:18px;
			line-height:1.8em;
			margin-bottom:1.2em;
		}
		.present_table{
			width:100%;
			margin:0 auto;
		}
		.spimage img{
			margin-bottom:2em;
		}
	}
	
	@media all and (max-width: 767px) {
		.specialall_wrap{
			width:80%;
			margin:1em auto 4em;
		}
		.specialall_block{
			padding: 2em 0;
			line-height: 1.4em;
			color: #4c4f50;
			border-bottom: 1px solid #4c4f50;
		}	
		.specialall_thum{
			width:100%;
		}
		.specialall_caption{
			line-height: 1.4em;
			margin-top:1em;
		}	
		.specialall_tag_interview{
			font-size:90%;
			font-weight:bold;
			text-align:center;
			margin:0 0 0.5em 0;
			padding:0.3em 0.2em 0.2em;
			color: #ffffff;
			width: 7em;
			background:#39eaff;
		}
		.specialall_tag_present{
			font-size:90%;
			font-weight:bold;
			text-align:center;
			margin:0 0 0.5em 0;
			padding:0.3em 0.2em 0.2em;
			color: #ffffff;
			width: 7em;
			background:#ffa539;
		}
		.specialall_tag_movie{
			font-size:90%;
			font-weight:bold;
			text-align:center;
			margin:0 0 0.5em 0;
			padding:0.3em 0.2em 0.2em;
			color: #ffffff;
			width: 7em;
			background:#ff5082;
		}
		.specialall_text{
			font-size:120%;
			font-weight:bold;
			line-height:1.4em;
		}
		.spimage{
			width:100%;
			margin: 0 auto;
		}
		.spimage img{
			width:100%;
			text-align:center;
		}
		.special_title_interview{
			font-size:140%;
			line-height: 1.4em;
			font-weight:bold;
			color: #39eaff;
			margin-bottom:1.0em;
		}
		.special_title_interview br{
			display:none;
		}
		.special_title_movie{
			font-size:140%;
			line-height: 1.4em;
			font-weight:bold;
			color: #ff5082;
			margin-bottom:1.0em;
		}
		.special_title_movie br{
			display:none;
		}
		.special_title_present{
			font-size:140%;
			line-height: 1.4em;
			font-weight:bold;
			color: #ffa539;
			margin-bottom:1.0em;
		}
		.special_title_present br{
			display:none;
		}
		h3.news_head3_interview{
			font-size:110%;
			line-height:1.4em;
			font-weight:bold;
			margin-top:1.5em;
			margin-bottom:1.0em;
			color: #39eaff;
		}
		h3.news_head3_interview_chitose{
			font-size:110%;
			line-height:1.4em;
			font-weight:bold;
			margin-top:1.5em;
			margin-bottom:1.0em;
			color: #ff5082;
		}
		h3.news_head3_present{
			font-size:110%;
			line-height:1.4em;
			font-weight:bold;
			margin-top:1.5em;
			margin-bottom:1.0em;
			color: #ffa539;
		}
		.interview_text{
			font-size:14px;
			line-height:1.8em;
			margin-bottom:1.0em;
		}
		.present_text{
			font-size:14px;
			line-height:1.8em;
			margin-bottom:1.0em;
		}
		.spimage img{
			margin-bottom:1em;
		}
	}
	
	
/**/
@media all and (min-width: 768px) {
	.hwbanner_pc{
		width:200px;
		height:200px;
		display:block;
		position:absolute;
		/*bottom:210px;*/
		bottom:230px;
		right:-40px;
	}
	.hwbanner_pc img{
		width:200px;
		height:200px;
	}
	.hwbanner_sp{
		display:none;
	
	}
}

@media all and (max-width: 767px) {
	.hwbanner_pc{
		display:none;
	}
	.hwbanner_sp{
		display:block;
		width:40%;
		position:absolute;
		bottom:2%;
		right:2%;
	}
	.hwbanner_sp img{
		width:100%;
	}
}


/*=====================
snowf-flakes　回転
=====================*/

.snowfall-flakes {
    -webkit-animation: spin 3.0s linear infinite;
    -moz-animation: spin 3.0s linear infinite;
    -ms-animation: spin 3.0s linear infinite;
    -o-animation: spin 3.0s linear infinite;
    animation: spin 3.0s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*SP保存禁止*/
img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}