/* =================================
	LAYOUT CSS
================================= */

/*	header
============================== */

.header .logo a{
	display: block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
.header p.date{
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
.header_bg{
	width: 100%;
	background-image:url(../img/lower/cum_header_bg.jpg?20190311_1);
	background-repeat: repeat-x;
	background-position: center top;
}
.header{
	background-image:url(../img/lower/cum_header_logo0412.png?20190312);
	background-repeat: no-repeat;
	background-position: center top;
	width: 960px;
	height: 195px;
	margin: 0 auto;
	position: relative;
}
.header .logo a{
	width: 520px;
	height: 195px;
	position: absolute;
	left: 0px;
	top: 0px;
}
}
@media all and (max-width: 767px) {
.header .logo a{
	background-image:url(../img/lower/cum_header0412.jpg?20190312);
	background-repeat: no-repeat;
	background-size: cover;
	height: 0;
	margin:0 auto;
	padding-top: 20.5263%;
}
.header p.date{
	display: none;
}
}


/*	main
============================== */
.bg3{
	background-image:url(../img/bg3.jpg);
}
@media all and (min-width: 768px) {
.bg1{
	overflow:hidden;
	z-index: 1;
	background-image:
	url(../img/lower/cum_bg_bottom_right.jpg),
	url(../img/lower/cum_bg_bottom_left.jpg),
	url(../img/lower/cum_bg_top_right.jpg),
	url(../img/lower/cum_bg_top_left.jpg),
	url(../img/bg1.jpg);
  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,repeat;
	background-position: right 0px bottom 258px,left 0px bottom 264px,right 0px top 119px,left 0px top 0px, center;
}
.bottom_plant{
	background-image: url(../img/bottom_plant.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	overflow:hidden;
	z-index: 2;
}
}
@media all and (max-width: 767px) {
.bg1{
	padding: 20px 10px;
	overflow:hidden;
	z-index: 1;
	background-image:
	url(../img/bottom_plant.jpg),
	url(../img/lower/cum_bg_top_right.jpg),
	url(../img/lower/cum_bg_top_left.jpg),
	url(../img/bg1.jpg);
  background-repeat: repeat-x,no-repeat,no-repeat,repeat;
	background-position: bottom,right 0px top 119px,left 0px top 0px, center;
}
}

/*	main contents
============================== */

section.inner h1 span{
	display: block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
.contents p.text{
	margin-bottom:1em;
}

@media all and (min-width: 768px) {
.contents{
	line-height: 2;
}
section.inner h1{
	width: 960px;
	height: 239px;
	position: relative;
}
section.inner h1 span{
	width: 936px;
	height: 227px;
	position: absolute;
	left: 12px;
	top: 12px;
}
.introducton .inner h1 span{ background-image:url(../img/lower/h1_tit_intro.jpg); background-position:left top;}
.cast_staff .inner h1 span{ background-image:url(../img/lower/h1_tit_cast.jpg); background-position:left top;}
.information .inner h1 span{ background-image:url(../img/lower/h1_tit_news.jpg); background-position:left top;}
.story .inner h1 span{ background-image:url(../img/lower/h1_tit_story.jpg); background-position:left top;}
.chara .inner h1 span{ background-image:url(../img/lower/h1_tit_character.jpg); background-position:left top;}
.interview .inner h1 span{ background-image:url(../img/lower/h1_tit_interview.jpg); background-position:left top;}
.bbs .inner h1 span{ background-image:url(../img/lower/h1_tit_bbs.jpg?0411); background-position:left top;}
.topics .inner h1 span{ background-image:url(../img/lower/h1_tit_topics.jpg); background-position:left top;}
.original .inner h1 span{ background-image:url(../img/lower/h1_tit_original.jpg); background-position:left top;}
.p_chart .inner h1 span{ background-image:url(../img/lower/h1_tit_chart.jpg); background-position:left top;}
.supervise .inner h1 span{ background-image:url(../img/lower/h1_tit_supervise.jpg); background-position:left top;}
.dictionary .inner h1 span{ background-image:url(../img/lower/h1_tit_dictionary.jpg); background-position:left top;}
.present .inner h1 span{ background-image:url(../img/lower/h1_tit_present.jpg?20190412); background-position:left top;}
.gallery .inner h1 span{ background-image:url(../img/lower/h1_tit_gallery.jpg?20190412); background-position:left top;}

.inner{
	background-image:
	url(../img/lower/con_bottom_bg.png),
	url(../img/lower/inner_bottom.jpg),
	url(../img/lower/inner_top.jpg),
	url(../img/lower/inner_center.jpg);
	background-repeat: no-repeat,no-repeat,no-repeat, repeat-y;
	background-position: center bottom 12px,left bottom,left top,left top;
	box-shadow: 0px 0px 5px #898989;
	overflow: hidden;
	width: 960px;
	margin: 44px 0 250px 10px;
}
.contents{
	padding: 40px 70px 150px;
	font-size: 100%;
}
}
@media all and (max-width: 767px) {
.contents{
	line-height: 2;
}
section.inner{
	background-color: #fdfbf7;
	background-image:  url(../img/lower/inner_top.jpg), url(../img/lower/inner_bottom.jpg), url(../img/lower/smp/inner_bg.jpg);
	background-repeat: repeat-x, repeat-x, repeat;
	background-position: left top,left bottom,left top;
	box-shadow: 0px 0px 40px -1px rgba(0,0,0,0.1);
}
.contents{
	font-size: 83%;
	padding: 20px 0px 30px;
	margin: 0 15px;
}
section.inner header.tit{
	padding-top: 7px;
}
section.inner h1{
	position: relative;
	overflow:hidden;
}
section.inner h1 span{
	padding-top: 24.2521%;
	height: 0;
	background-size: cover;
}

.introducton .inner h1 span{ background-image:url(../img/lower/h1_tit_intro.jpg);}
.cast_staff .inner h1 span{ background-image:url(../img/lower/h1_tit_cast.jpg);}
.information .inner h1 span{ background-image:url(../img/lower/h1_tit_news.jpg);}
.story .inner h1 span{ background-image:url(../img/lower/h1_tit_story.jpg);}
.chara .inner h1 span{ background-image:url(../img/lower/h1_tit_character.jpg);}
.interview .inner h1 span{ background-image:url(../img/lower/h1_tit_interview.jpg);}
.bbs .inner h1 span{ background-image:url(../img/lower/h1_tit_bbs.jpg?0411);}
.topics .inner h1 span{ background-image:url(../img/lower/h1_tit_topics.jpg);}
.original .inner h1 span{ background-image:url(../img/lower/h1_tit_original.jpg);}
.p_chart .inner h1 span{ background-image:url(../img/lower/h1_tit_chart.jpg);}
.supervise .inner h1 span{ background-image:url(../img/lower/h1_tit_supervise.jpg);}
.dictionary .inner h1 span{ background-image:url(../img/lower/h1_tit_dictionary.jpg);}
.present .inner h1 span{ background-image:url(../img/lower/h1_tit_present.jpg?20190412);}
.gallery .inner h1 span{ background-image:url(../img/lower/h1_tit_gallery.jpg?20190412);}
}
/*	recta
============================== */
@media all and (min-width: 768px) {
.recta{
	float: right;
	padding-top: 0px;
	padding-right: 10px;
}
}
@media all and (max-width: 767px) {
.recta{
	margin:0 auto;
	text-align: center;
}
}

/*	sns buttons
============================== */
.sns-btns {
	text-align:center;
	position:relative;
}
.sns-btns .tw, .sns-btns .fb {
	text-align:left;
	width:120px;
	display:inline-block;
}
@media all and (min-width: 768px) {
.sns-btns {
	padding:195px 0 15px 0px;
	margin: 0px  0 0 ;
	float: left;
}
.sns-btns .tw{
	margin-left: 20px;
}
}
@media all and (max-width: 767px) {
.sns-btns {
	padding-top:15px;
	margin-bottom:15px;
}
}

/*	footer
============================== */

footer {
	width: 100%;
	text-align: center;
	color: #fff;
}
footer .copyright a{
	color: #efe502;
	text-decoration: none;
}
@media all and (min-width: 768px) {
footer {
	font-size: 75%;
	min-height: 300px;
}
footer .copyright{
	padding-top: 240px;
}
}
@media all and (max-width: 767px) {
footer {
	font-size: 62.5%;
	padding:20px 0px 20px;
	line-height: 1.5;
}
footer .copyright{
	padding: 10px 5px 30px;
	line-height: 1.3;
}
}