/* =====================================
	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 */
.alttext{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.nomargin{
	margin:0 !important;
}
.nopadding{
	padding:0 !important;
}
a:link {
	text-decoration:none;
	color:#ffffff;
}
a:visited {
	text-decoration:none;
	color:#ffffff;
}
a:active {
	text-decoration:none;
	color:#ffffff;
}
a:hover {
	text-decoration:none;
	color:#4c3512;
	transition:all 0.3s ease;
}
.news_text a:link{
	text-decoration:underline;
	color:#dc4e41;
}
.news_text a:visited{
	text-decoration:none;
	color:#dc4e41;
}
.news_text a:active{
	text-decoration:none;
	color:#dc4e41;
}
.news_text a:hover{
	text-decoration:none;
	color:#4c3512;
}
.cd_infolist a:link{
	text-decoration:underline;
	color:#dc4e41;
}
.cd_infolist a:visited{
	text-decoration:none;
	color:#dc4e41;
}
.cd_infolist a:active{
	text-decoration:none;
	color:#dc4e41;
}
.cd_infolist a:hover{
	text-decoration:none;
	color:#4c3512;
}

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

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

@media all and (min-width: 768px) {
		.target {
			transition: .35s ;		/* アニメーションの秒数を指定 */
			-webkit-transform: rotateY( 0deg ) ;	/* iOS8(2015年9月頃まで)をサポート */
			transform: rotateY( 0deg ) ;
			margin: 0 ;
			padding: 0 ;
		}
		.parent:hover .target {
			transition: .5s ;		/* アニメーションの秒数を指定 */
			-webkit-transform: rotateY( 360deg ) ;	/* iOS8(2015年9月頃まで)をサポート */
			transform: rotateY( 360deg ) ;
		}
		.target2 {
			transition: .35s ;		/* アニメーションの秒数を指定 */
			-webkit-transform: rotateX( 0deg ) ;	/* iOS8(2015年9月頃まで)をサポート */
			transform: rotateX( 0deg ) ;
			margin: 0 ;
			padding: 0 ;
		}
		.parent:hover .target2 {
			transition: .5s ;		/* アニメーションの秒数を指定 */
			-webkit-transform: rotateX( 360deg ) ;	/* iOS8(2015年9月頃まで)をサポート */
			transform: rotateX( 360deg ) ;
		}
}

/*	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:#4c3512;
}
body, div#con-body {
	background-color: #4c3512;
}
.pagegb01{
	background:url(../img/back.png);
}
.pagegb02{
	background:url(../img/back.png);
}

/*	header and navi
============================== */
header.main{
	background:#efede5 url(../img/bgheader.png);
}
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{
		height:86px;
	}
	.header_top{
		width: 950px;
		margin: 0 auto;
		z-index:2;
		position: relative;
		left: 10px
	}
	header.main h1 a {
		background-image:url(../img/top_logo.png);
		background-size:cover;
		width:260px;
		height:53px;
		margin:20px 15px 0;
	}
	h1.nocontxt{
		float: left;
	}
	header.main nav ul li a {
		font-size:100%;
	}
	.nav_smp{
		display:none;
	}
}

@media all and (max-width: 767px) {
	header.main {
		display:display;
	}
	header.main h1{
		position:relative;
		height:0;
		padding-top:14%;
	}
	header.main h1 a {
		background-image:url(../img/top_logo.png);
		background-position:center 50%;
		background-size:40%;
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}	
	.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: 1%;
		top: 0px;
		z-index: 200;
		margin-top: -11%;
	}
	#menu img{
		max-width: 70%;
		width: auto;	
	}
	div#content01 div.modal-content ul li {
		float: none;
		width: 100%;
		text-align: center;
		height: auto;
	}
	#menu_news_logo a img{
		height: 70px;
		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.column-main {
		width:100%;
		margin:0 auto;
	}
	
}
@media all and (max-width: 767px) {
	div.cover {
	}
	div.column-main {
	}
}


/*	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:#4c3512;
		background-color:#e1ddd0;
		line-height:49px;
		height:49px;
		border-bottom:2px solid #e1ddd0;
	}
	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
============================== */
/**/
	.navigation .nolink{
		font-weight:bold;
		color:#ea5404;
		text-decoration:none;
		opacity:.5;
	}
	.fotter_navigation .nolink{
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
		opacity:.5;
	}

@media all and (min-width: 768px) {
	.navigation_left ul{
		float:left;
	}
	.navigation_right ul{
		float:left;
	}
	.navigation li{
		font-size:14px;
		display: block;
		margin: 40px 5px 0;
		float:left;
	}
	.navigation a:link{
		font-weight:bold;
		color:#ea5404;
		text-decoration:none;
	}
	.navigation a:visited{
		font-weight:bold;
		color:#ea5404;
		text-decoration:none;
	}
	.navigation a:active{
		font-weight:bold;
		color:#ea5404;
		text-decoration:none;
	}
	.navigation a:hover{
		font-weight:bold;
		color:#a74200;
		text-decoration:none;
	}
	.footer_nav_area{
		width:660px;
		height: auto;
		margin:0px auto 30px;
	}
	.fotter_navigation ul{
		
	}
	.fotter_navigation li{
		font-size:14px;
		display: block;
		margin: 40px 5px 0;
		float:left;
	}
	.fotter_navigation a:link{
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
	}
	.fotter_navigation a:visited{
		color:#ffffff;
		text-decoration:none;
	}
	.fotter_navigation a:hover{
		color:#ea5404;
		text-decoration:none;
	}
	.fotter_navigation a:active{
		color:#ffffff;
		text-decoration:none;
	}
	
	
	
}
@media all and (max-width: 767px) {
	.navigation{
		display:none;
	}
	.footer_nav_area{
		width:90%;
		height: auto;
		margin:0px auto;
		padding-top:1em;
	}
	.fotter_navigation li{
		display: block;
		margin: 1em 0.6em 0 0.6em;
		float:left;
	}
	.fotter_navigation a:link{
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
	}
	.fotter_navigation a:visited{
		color:#ffffff;
		text-decoration:none;
	}
	.fotter_navigation a:hover{
		color:#4c3512;
		text-decoration:none;
	}
	.fotter_navigation a:active{
		color:#ffffff;
		text-decoration:none;
	}
	/*modal*/
	.modal-content ul li a:link{
		color:#ffffff !important;
		font-weight:bold;
	}
	.modal-content ul li a:visited{
		color:#ffffff !important;
	}
	.modal-content ul li a:hover{
		color:#ffffff !important;
	}
	.modal-content ul li a:active{
		color:#ffffff !important;
	}
	
	
}

/*	copyright
============================== */
p.copyright {
	font-size: 75%;
	line-height: 1.5em;
	color:#ffffff;
	text-align:center;
}
p.copyright a{
	color:#ffffff;
}
@media all and (min-width: 768px) {
	p.copyright {
		width:580px;
		margin:0 auto;
		padding: 20px;
	}
}
@media all and (max-width: 767px) {
	p.copyright {
		font-size:45%;
		line-height:1.6;
		margin:2em 0;
		padding:1em;
	}
}

@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
============================== */

	.h2_topupdate{
		background:url(../img/h2_topupdate.png);
		background-repeat:no-repeat;
		margin:0 auto;
	}
	.h2_toptwitter{
		background:url(../img/h2_toptwitter.png);
		background-repeat:no-repeat;
		margin:0 auto;
	}
	.h2_page{
		margin:0 auto;
	}
	section.topvisual{
		background:url(../img/bg_top_disc05.png);
		width:100%;
	}
	section.update{
		width:100%;
		background:url(../img/back.png);
	}
	section.twitter{
		width:100%;
		background:#dc4e41;
	}
	
	footer{
		background-color:#4c3512;
	}
	.update_text{
		height: 2.8em;
		overflow: hidden;
	}
	.update_date{
		color:#ffffff;
	}
	.update_new{
		margin-left:0.5em;
		font-weight:bold;
		font-style:italic;
		color:#4c3512;
	}

@media all and (min-width: 768px) {
	.page_wrap{
		padding:20px 0 60px 0;
	}
	/*
	section.topvisual{
		height:1024px;
		background:#4c3512 url(../img/top_back.png);
		background-repeat:no-repeat;
		background-position: top center;
	}
	*/
	section.topvisual{
		height:943px;
	}
	section.update{
		width:100%;
	}
	.update_inner{
		width:980px;
		margin:0 auto;
		padding-top:30px;
		padding-bottom:60px;
	}
	section.twitter{
		width:100%;
	}
	.twitter_inner{
		width:980px;
		margin:0 auto;
		padding-top:60px;
		padding-bottom:100px;
	}
	.h2_topupdate{
		width:384px;
		height:122px;
	}
	.h2_page{
		margin: 0 auto;
		padding-bottom:60px;
	}
	.topimage{
		width:980px;
		margin:0 auto;
		position:relative;
	}
	.keyvisual{
		margin-left:50px;
	}
	.pc_biglogo{
		width:711px;
		height:257px;
		background:url(../img/top_logo.png);
		background-repeat:no-repeat;
		position:absolute;
		top:890px;
		left:160px;
		display:block;
	}
	.pc_onair{
		width:188px;
		height:639px;
		background:url(../img/top_onair.png);
		background-repeat:no-repeat;
		position:absolute;
		top:60px;
		left:770px;
		display:block;
	}
	.sp_onair{
		display:none;
	}
	.pc_catch{
		width:84px;
		height:770px;
		background:url(../img/top_catch2.png);
		background-repeat:no-repeat;
		position:absolute;
		top:120px;
		left:50px;
		display:block;
	}
	.sp_catch{
		display:none;
	}
	.banner_package{
		width:308px;
		height:311px;
		position:absolute;
		bottom:50px;
		right:40px;
		display:block;
	}
	.update_wrap{
		width:976px;
		margin:0 auto;
	}
	.update_block{
		width:230px;
		float:left;
		margin:30px 7px;
		background:#dc4e41;
	}
	.update_block_goods{
		margin:30px 7px 0px;
	}
	.update_thum{
		width:230px;
	}
	.update_caption{
		padding:20px 20px;
	}
	.update_date{
		height:12px;
		font-size:12px;
		padding:0.5em 0;
	}
	.update_text{
		font-size:16px;
		font-weight:bold;
		line-height:1.6em;
	}
	.pickup_banner{
		float:left;
		margin:0 7px;
	}
	.h2_toptwitter{
		width:275px;
		height:86px;
		margin:0 auto 30px;
	}
	.twitter_area{
		width:650px;
		height:460px;
		margin:0 auto;
		border: 8px #ffffff solid;  /* 枠線を引く */
		background-color: #ffffff;  /* 背景色の指定 */
		border-radius: 30px;      /* 角丸の指定 */
	}
	.tw_widget{
		width:600px;
		margin:20px auto;
	}
	
	/*footer*/
	footer{
		padding-top:30px;
		padding-bottom:10px;
	}

}
@media all and (max-width: 767px) {
	.page_wrap{
		padding:0.5em 0 2em;
	}
	.h2_topupdate{
		width:60%;
		padding-top: 20%;
		background-position:center 85%;
		background-size:contain;
	}
	.h2_toptwitter{
		width:45%;
		padding-top: 20%;
		background-position:center 65%;
		background-size:contain;
	}
	.h2_page{

	}
	/*
	section.topvisual{
		background:url(../img/top_back.png);
		background-repeat:no-repeat;
		background-position: top center;
		background-size:cover;
	}*/
	section.topvisual{
		background:url(../img/bg_top_disc05.png);
		background-position: top center;
	}
	.topvisual{
		width:100%;
		position:relative;
	}
	.topvisual img{
		width:100%;
		vertical-align: bottom;
	}
	.pc_biglogo{
		display:none;
	}
	.pc_onair{
		display:none;
	}
	.sp_onair{
		width:80%;
		margin:0% 10%;
		position:absolute;
		bottom:1em;
	}
	
	.sp_onair img{
		width:100%;
	}
	.pc_catch{
		display:none;
	}
	.sp_catch{
		width:80%;
		margin:0% 10%;
		position:absolute;
		top:1em;
	}
	
	.sp_catch img{
		width:100%;
	}
	.update_inner{
		width:90%;
		margin:0 auto;
		padding-bottom:3.0em;
	}
	.banner_package{
		display:block;
		width:32%;
		position:absolute;
		bottom:4%;
		right:4%;
	}
	.update_block{
		width:48%;
		float:left;
		margin:0.8em 1%;
		background:#dc4e41;
	}
	.update_thum img{
		width:100%;
	}
	.update_caption{
		padding:1em;
	}
	.update_date{
		font-size:0.7em;
		height:1em;
		padding:0.4em 0;
	}
	.update_new{
		margin-left:0.5em;
	}
	.update_text{
		height:3.8em;
		font-size:0.8em;
		font-weight:bold;
		line-height:1.4em;
		overflow: hidden;
	}
	.pickup_banner{
		width:100%;
		margin:0.5em 0;	
	}
	.pickup_banner img{
		width:100%;	
	}
	.twitter_inner{
		padding-top:1em;
		padding-bottom:3em;
	}
	.twitter_area{
		width:80%;
		margin:1em auto;
		border: 6px #ffffff solid;  /* 枠線を引く */
		background-color: #ffffff;  /* 背景色の指定 */
		border-radius: 1em;      /* 角丸の指定 */
	}
	.tw_widget{
		width:90%;
		margin:1em auto;
	}
	/*footer*/
	footer{
		 padding: 0 4% 1em;
	}
}


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

.h2_news{
	background: url(../img/h2_news.png);
    background-repeat: no-repeat;
}
.newsall_thum img{
	width:100%;
	vertical-align: bottom;
}
.newsall_block{
	line-height:1.5em;
	color:#ffffff;
	background-color:#dc4e41;
}
.newsall_caption{
	background:#dc4e41;
	float:left;
}
.newsall_text{
	overflow:hidden;
}

/*記事ページ*/

.news_date{
	color:#4c3512;
}
.news_title{
	color:#dc4e41;
	font-weight:bold;
	line-height:1.5em;
}
.news_h3{
	line-height:1.4em;
}
.news_h4{
	color:#4c3512;
	line-height:1.4em;
	font-weight:bold;
	padding-top:0.8em;
	margin-bottom:0.2em;
}
.news_text_small {
	font-size:90% !important;
}
.backbtn_block{
	width:274px;
	margin:0 auto;
}
a.backbtn{
  display: inline-block;
  width: 170px;
  padding: 15px 10px;
  border: 2px solid #dc4e41;
  background: transparent;
  color: #dc4e41;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-weight:bold;
}
a.sample4:hover {
  background: #dc4e41;
  color: #fff;
}

@media all and (min-width: 768px) {
		.h2_news{
			width:384px;
			height:122px;
			background-position-y:bottom;
		}
		.newsall_wrap{
			margin-top:20px;
		}
		.newsall_block{
			width:640px;
			height:130px;
			margin:0 auto 20px;
		}
		.newsall_thum{
			width:130px;
			height:130px;
			float:left;
		}
		.newsall_caption{
			width:450px;
			height:70px;
			padding:25px;
		}
		.newsall_date{
			font-size:16px;
			margin-bottom:0.5em;
		}
		.newsall_text{
			font-size:20px;
			font-weight:bold;
			max-height:2.4em;
		}
		/*記事ページ*/
		.news_wrap{
			width:600px;
			margin:0 auto;
			padding:30px 0 30px;
			border-bottom:1px solid #4c4f50;
		}
		.news_img{
			max-width:600px;
			margin-bottom:1.6em;
		}
		.news_img img{
			max-width:600px;
		}	
		.news_date{
			font-size:16px;
			margin-bottom:0.4em;
		}
		.news_title{
			font-size:28px;
			margin-bottom:0.8em;
		}
		.news_h3{
			font-size:22px;
			color:#dc4e41;
			padding-top:0.8em;
			margin-bottom:0.4em;
		}
		.news_text{
			font-size:16px;
			line-height:28px;
			margin-bottom:1.0em;
		}
		a.backbtn{
  			margin: 50px 40px 0px;
		}
}

@media all and (max-width: 767px) {
		.h2_news{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.newsall_wrap{
			margin-top:0.6em;
		}
		.newsall_block{
			width:90%;
			margin:0 auto 1.5em;
		}
		.newsall_thum{
			width:30%;
			float:left;
			margin-right:5%;
		}
		.newsall_caption{
			width:65%;
			float:left;
		}
		.newsall_date{
			font-size:0.7em;
			margin-top:1em;
		}
		.newsall_text{
			font-size:0.9em;
			font-weight:bold;
			max-height:3.0em;
		}
		/*記事ページ*/
		.news_wrap{
			width:90%;
			margin:0 auto;
			padding:0.8em 0 1em;
			border-bottom:1px solid #4c4f50;
		}
		.news_img{
			width:100%;
			margin-bottom:1.6em;
		}
		.news_img img{
			width:100%;
		}
		.news_date{
			font-size:0.9em;
			margin-bottom:0.4em;
		}
		.news_title{
			font-size:1.4em;
			margin-bottom:0.8em;
		}
		.news_h3{
			font-size:1.2em;
			color:#dc4e41;
			padding-top:0.8em;
			margin-bottom:0.4em;
		}
		.news_text{
			font-size:1em;
			line-height:1.5;
			margin-bottom:1.6em;
		}
		a.backbtn{
  			margin: 3em 40px 1em;
		}
}


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

.h2_onair{
	background: url(../img/h2_onair.png);
    background-repeat: no-repeat;
}
.onair_h3{
	text-align:center;
	color:#dc4e41;
	font-weight:bold;
}
.henkou{
	font-size:80%;
	color:#4c3512;
	font-weight:bold;
}
#basic-demo-table{
	border-collapse:collapse;
	margin:0 auto;
}
#basic-demo-table tr th{
	color:#ffffff;
	background-color:#dc4e41;
	border-right:1px solid #fff;
}
#basic-demo-table tr th:last-child {
	border-left: 1px solid #dc4e41;
}
#basic-demo-table tr th:last-child {
	border-right: 1px solid #dc4e41;
}
#basic-demo-table tr td{
	color:#dc4e41;
	background-color:#ffffff;
	border:1px solid #dc4e41;
}
table.restables-clone {
	display: none;
}
table.restables-clone tr:first-child td {
	background: #dc4e41 !important;
	color:#ffffff !important;
	font-weight:bold;
}

#basic-demo-table2{
	border-collapse:collapse;
	margin:0 auto;
}
#basic-demo-table2 tr th{
	color:#ffffff;
	background-color:#dc4e41;
	border-right:1px solid #fff;
}
#basic-demo-table2 tr th:last-child {
	border-left: 1px solid #dc4e41;
}
#basic-demo-table2 tr th:last-child {
	border-right: 1px solid #dc4e41;
}
#basic-demo-table2 tr td{
	color:#dc4e41;
	background-color:#ffffff;
	border:1px solid #dc4e41;
}
table.restables-clone2 {
	display: none;
}
table.restables-clone2 tr:first-child td {
	background: #dc4e41 !important;
	color:#ffffff !important;
	font-weight:bold;
}



@media all and (min-width: 768px) {
		.h2_onair{
			width:384px;
			height:122px;
			background-position-y:bottom;
		}
		.onair_h3{
			font-size:24px;
			margin:60px 0 0 0;
		}
		#basic-demo-table{
			width:880px;
			margin:30px auto 40px;
		}
		#basic-demo-table tr th{
			text-align:center;
			padding:0.5em 2em;
		}
		#basic-demo-table tr td{
			text-align:center;
			padding:0.5em 2em;
		}
		#basic-demo-table2{
			width:880px;
			margin:30px auto 40px;
		}
		#basic-demo-table2 tr th{
			text-align:center;
			padding:0.5em 2em;
		}
		#basic-demo-table2 tr td{
			text-align:center;
			padding:0.5em 2em;
		}
}

@media all and (max-width: 767px) {
		.h2_onair{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.onair_h3{
			font-size:140%;
			margin:2em 0 1em 0;
		}
		#basic-demo-table{
			width:90%;
			margin:0.5em auto 1em;
		}
		#basic-demo-table tr th{
			text-align:left;
			padding:0.5em 1em;
		}
		#basic-demo-table tr td{
			text-align:left;
			padding:0.5em 1em;
		}
		table.restables-origin {
			display: none;
		}
		table.restables-clone {
			display: table;
		}
		#basic-demo-table2{
			width:90%;
			margin:0.5em auto 1em;
		}
		#basic-demo-table2 tr th{
			text-align:left;
			padding:0.5em 1em;
		}
		#basic-demo-table2 tr td{
			text-align:left;
			padding:0.5em 1em;
		}
		table.restables-origin2 {
			display: none;
		}
		table.restables-clone2 {
			display: table;
		}
}


/*=====================
03.STAFF&CAST
=====================*/

.h2_staff{
	background: url(../img/h2_staff.png);
    background-repeat: no-repeat;
}
.h2_cast{
	background: url(../img/h2_cast.png);
    background-repeat: no-repeat;
}

@media all and (min-width: 768px) {
		.h2_staff{
			width:384px;
			height:122px;
			background-position-y:bottom;
		}
		.h2_cast{
			width:384px;
			height:122px;
			background-position-y:bottom;
		}
		.staff_block{
			width:594px;
			height:1039px;
			margin:40px auto 20px;	
		}
		.cast_block{
			width:308px;
			height:542px;
			margin:40px auto 20px;	
		}
}

@media all and (max-width: 767px) {
		.h2_staff{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.h2_cast{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.staff_block{
			width:80%;
			margin:1em 10% 1em;	
		}
		.staff_block img{
			width:100%;
		}
		.cast_block{
			width:44%;
			margin:1em 28% 1em;	
		}
		.cast_block img{
			width:100%;	
		}
}


/*=====================
04.STORY
=====================*/

.h2_story{
	background: url(../img/h2_story.png);
    background-repeat: no-repeat;
}
.story_block{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-weight:bold;
}
.story_nav{

}
.story_nav ul li{
	float:left;
}
.story_nav ul li img{
	width:100%;
}

@media all and (min-width: 768px) {
		.h2_story{
			width:384px;
			height:122px;
			background-position-y:bottom;
		}
		.story_block{
			width:640px;
			margin:0 auto;
		}
		.storytitle{
			font-size:30px;
			letter-spacing:-0.08em;
			font-weight:bold;
			text-align:center;
			margin:20px 0 30px;
		}
		.storytitle span{
			color:#dc4e41;
		}
		.storytext{
			font-size:18px;
			line-height:1.7em;
			margin:1.5em 0;
		}
		.storycaption{
			font-size:14px;
			line-height:1.6em;
		}
		.storycaption span{
			color:#dc4e41;
		}
		.storycaption br{
			display:none;
		}
		.story_nav{
			width:800px;
			margin:30px auto;
		}
		.story_nav ul li{
			width:52px;
			margin:0 3px;
		}
		.yokoku_block{
			width:640px;
			margin:50px auto;
		}
		.yokoku_block h4{
			font-size:24px;
			margin: 0 auto 10px;
			text-align:center;
		}
}

@media all and (max-width: 767px) {
		.h2_story{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.story_block{
			width:85%;
			margin:0 auto;
		}
		.storytitle{
			font-size:120%;
			font-weight:bold;
			line-height:1.6em;
			margin:0.4em 0 0.7em;
			letter-spacing:-0.08em;
		}
		.storytitle span{
			color:#dc4e41;
		}
		.storytext{
			font-size:90%;
			line-height:1.6em;
			margin:1.5em 0 1em;
		}
		.storycaption{
			font-size:80%;
			line-height:2em;
		}
		.storycaption span{
			color:#dc4e41;
		}
		.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;
		}
}


/*=====================
05.CHARACTER
=====================*/
.h2_chara{
	background: url(../img/h2_chara.png);
    background-repeat: no-repeat;
}
	
	@media all and (min-width: 768px) {
		.h2_chara{
			width:384px;
			height:122px;
			background-position-y:bottom;
		}
		.chara_nav{
			width:700px;
			display:flex;
			flex-wrap: wrap;
			justify-content: center;
			margin:0 auto;
		}
		.chara_nav li{
			margin:15px 10px;
		}
		
		/*各キャラページ*/
		.chara_inner{
			width:940px;
			margin:0 auto;
		}
		.chara_left{
			float:left;
		}
		.chara_left img{
			float:right;
		}
		.chara_right{
			padding-top:130px;
			float:left;
		}
		.chara_profile_add{
			margin-top: 50px;
			margin-left: 20px
		}
		.chara_pv{
			margin-top:30px;
			margin-left:34px;
		}
		.chara_control{
			position:relative;
		}
		.chara_back{
			position:absolute;
			top:210px;
			left:-50px;
		}
		.chara_next{
			position:absolute;
			top:210px;
			right:-50px;
		}
		.chara_back_sp{
			display: none;
		}
		.chara_next_sp{
			display: none;
		}
	}

	@media all and (max-width: 767px) {
		.h2_chara{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.chara_nav li{
			width: 46%;
    		height: auto;
    		margin: 2%;
			float:left;
		}
		.chara_nav li img{	
			width:100%;
		}
		/*各キャラページ*/
		.chara_left{
			width:70%;
			margin:1em auto;
		}
		.chara_tati{
			position:relative;
		}
		.chara_tati img{
			width:100%;
		}
		.chara_tati90{
			width:90%;
			text-align:center;
			margin:0 auto;
		}
		.chara_back_sp{
			display: block;
			position: absolute;
			top: 40%;
			left: -20%;
			font-size: 250%;
			text-align:right;
		}
		.chara_back_sp img{
			width:70%;
		}
		.chara_next_sp{
			display: block;
			position: absolute;
			top: 40%;
			right: -20%;
			font-size: 250%;
			text-align:left;
		}
		.chara_next_sp img{
			width:70%;
		}
		.chara_left_70 .chara_back_sp{
			display: block;
			position: absolute;
			top: 40%;
			left: -20%;
			font-size: 250%;
			text-align:right;
		}
		.chara_left_70 .chara_back_sp img{
			width:70%;
		}
		.chara_left_70 .chara_next_sp{
			display: block;
			position: absolute;
			top: 40%;
			right: -20%;
			font-size: 250%;
			text-align:left;
		}
		.chara_left_70 .chara_next_sp img{
			width:70%;
		}
		.chara_right{
			width:75%;
			margin:2em auto;
		}
		.chara_right65{
			width:65%;
			margin:2em auto;
		}
		.chara_right img{
			width:100%;
		}
		.chara_pv{
			width:90%;
			margin:2em auto;
		}
		.chara_pv img{
			width:100%;
		}
		.chara_control{
			display:none;
		}

	}


/*=====================
07.BD&DVD
=====================*/

.h2_disc{
	background: url(../img/h2_disc.png);
    background-repeat: no-repeat;
}

@media all and (min-width: 768px) {
		.h2_disc{
			width:476px;
			height:122px;
			background-position-y:bottom;
		}
		.disc_title{
			font-size:32px;
			font-weight:bold;
			color:#dc4e41;
			margin-left:-0.5em;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}
		.disc_sale{
			font-size:24px;
			font-weight:bold;
			margin-bottom:24px;
		}
		.tokuten_img{
			max-width:400px;
		}
		.tokuten_img img{
			width:100%;
		}
		.discselect_banner{
			width:600px;
			margin:30px auto;
		}
		.discnav{
			margin:0 auto 30px;
		}
		.discnav li{
			width:120px;
			height:50px;
			margin:0 5px;
			float:left;
		}
}

@media all and (max-width: 767px) {
		.h2_disc{
			width:65%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.disc_title{
			font-size: 200%;
			margin:0 0 0.2em -0.5em;
			line-height: 1.4em;
			font-weight: bold;
			color:#dc4e41;
		}
		.disc_sale{
			font-size:130%;
			font-weight:bold;
			margin-bottom:1em;
		}
		.tokuten_img{
			max-width:100%;
		}
		.tokuten_img img{
			width:60%;
		}
		.discselect_banner{
			width:90%;
			margin:1.5em auto;
		}
		.discselect_banner img{
			width:100%;
		}
		.discnav{
			margin:0 auto 30px;
		}
		.discnav li{
			width:30%;
			margin:1%;
			float:left;
		}
		.discnav li img{
			width:100%;
		}
}


/*=====================
08.GOODS
=====================*/

.h2_goods{
	background: url(../img/h2_goods.png);
    background-repeat: no-repeat;
}
.musicall_block{
	background:none !important;
}
/*CDページ*/
.cd_thum img{
	width:100%;
}

@media all and (min-width: 768px) {
		.h2_goods{
			width:384px;
			height:122px;
			background-position-y:bottom;
		}
		/*CDページ*/
		.cd_wrap{
			width:900px;
			margin:0 auto;
		}
		.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:#dc4e41;
			margin-bottom:0.4em;
		}	
		.cd_title{
			font-size:32px;
			line-height:1.4em;
			font-weight:normal;
			color:#dc4e41;
			margin-left:-0.5em;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}
		.cd_title_big{
			font-size:28px;
		}
		.cd_artist{
			font-weight:normal;
		}
		.cd_infolist{
			font-size:16px;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.cd_infolist dt{
			color:#dc4e41;
			font-weight:bold;
		}
		.cd_infolist dd{
			margin-bottom: 1em;
		}
}

@media all and (max-width: 767px) {
		.h2_goods{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.musicall_block{
			width: 44%;
			margin: 0.8em 3%;
		}
		/*CDページ*/
		.cd_wrap{
			width:90%;
			margin:0 auto;
		}
		.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:#dc4e41;
			margin-bottom:0.4em;
		}	
		.cd_title{
			font-size: 150%;
			margin:0 0 0.2em -0.5em;
			line-height: 1.4em;
			font-weight: bold;
			color:#dc4e41;
		}
		.cd_artist{
			font-size:90%;
			font-weight:bold;
		}
		.cd_infolist{
			font-size:80%;
			font-weight:normal;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.cd_infolist dt{
			color:#dc4e41;
			font-weight:bold;
		}
		.cd_infolist dd{
			margin-bottom: 1em;
		}
}


/*=====================
08.SPECIAL
=====================*/

.h2_special{
	background: url(../img/h2_special.png);
    background-repeat: no-repeat;
}
.present_table tr td{
	padding:5px;
}
.present_table img{
	width:100%;
}

td.eventgoods_03{
	font-size:0.7em;
	font-weight:bold;
	letter-spacing:0.2em;
	text-align:center;
}

@media all and (min-width: 768px) {
		.h2_special{
			width:384px;
			height:122px;
			background-position-y:bottom;
		}
		.special_wrap{
			width:750px;
		}
		.yougo_block{
			padding:0 30px;
			margin-bottom:40px;
		}
		.special_title{
			font-size:32px;
			font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
			text-align:center;
			margin-bottom: 0.4em;
		}
		.special_kaisetsu_title{
			font-size:18px;
			font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
			text-align:left;
			padding:0.5em 0.8em;
			color:#ffffff;
			background:#dc4e41;
			/* border-radius */
			border-radius:15px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
		}
		.special_kaisetsu_title .first_child{
			color:#8a0f03;
		}
		.special_img{
			width:100%;
			margin-bottom:1.6em;
			margin:0 auto;
			text-align:center;
		}
		.special_img img{
			width:100%;
		}
		.special_nav{
			width:980px;
			display:flex;
			flex-wrap: wrap;
			justify-content: center;
			margin:0 auto;
		}
		.special_nav li{
			margin:25px 15px 5px;
		}
		
		.eventgoods_table{
			width:100%;
			margin-top:50px;
			margin-bottom:30px;
			border-collapse:collapse;
		}
		.eventgoods_table th,.eventgoods_table td{
			border:1px solid #dc4e41;
			padding:10px 10px;
		}
		.eventgoods_table th{
			background:#dc4e41;
			color:#ffffff;
		}
		.eventgoods_03{
			width:150px;
		}
		.eventgoods_03 img{
			width:100%;
		}
		
}

@media all and (max-width: 767px) {
		.h2_special{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.special_category{
			margin:0.5em 0;
			color:#ffffff;
			font-size:10px;
			font-weight:bold;
			text-align:center;
			background:#4c3512;
		}
		.special_nav li{
			width: 70%;
    		height: auto;
    		margin: 4% 15%;
			float:left;
		}
		.special_nav li img{	
			width:100%;
		}
		.yougo_block{
			padding:0 1em;
			margin-bottom:2em;
		}
		.special_kaisetsu_title{
			font-size:1.2em;
			font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
			font-weight:bold;
			text-align:left;
			padding:0.5em 0.8em;
			color:#ffffff;
			background:#dc4e41;
			/* border-radius */
			border-radius:1em;
			-moz-border-radius:1em;
			-webkit-border-radius:1em;
		}
		.special_kaisetsu_title .first_child{
			color:#8a0f03;
		}
		.special_img{
			width:100%;
			margin-bottom:1.6em;
			margin:0 auto;
			text-align:center;
		}
		.special_img img{
			width:100%;
		}
		
		.eventgoods_table{
			width:100%;
			margin-top:2em;
			margin-bottom:2em;
			border-collapse:collapse;
		}
		.eventgoods_table th,.eventgoods_table td{
			border:1px solid #dc4e41;
			padding:0.5em 1em;
		}
		.eventgoods_table th{
			background:#dc4e41;
			color:#ffffff;
			
		}
		.eventgoods_01{
			width:33%;
		}
		.eventgoods_02{
			width:33%;
		}
		.eventgoods_03{
			width:33%;
		}
		.eventgoods_03 img{
			width:100%;
		}
}


/*=====================
201701おみくじ
=====================*/


@media all and (min-width: 768px) {
	.omikuji{
		position:absolute;
		top:565px;
		left:140px;
		-moz-transform:    rotate( -3deg );  /* Firefox用 */
		-webkit-transform: rotate( -3deg );  /* Chrome,Safari,新しいOpera用 */
		-o-transform:      rotate( -3deg );  /* 古いOpera用 */
		-ms-transform:     rotate( -3deg );  /* IE9用 */
		transform:         rotate( -3deg );  /* CSS3の書き方 */
	}
	
}

@media all and (max-width: 767px) {
	.omikuji{
		width:18%;
		position:absolute;
		top:18%;
		right:4%;
	}
	.disc_infolist img{
		width:100%;
	}
}


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