/* =================================
	NIGEHAJI lower CSS
================================= */

/*	layout
============================== */
.cmn .wrap {
	text-align:left;
}
.cmn main {
	background-image:url(../img/cmn_brd_bg.jpg);
}
.cmn main div.brd {
	background-repeat:no-repeat;
}
.cmn main div.brd > div.inner {
	position:relative;
}
@media all and (min-width: 768px) {
.cmn .wrap {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.cmn .ribon_area{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	padding-top: 20px;
	background-image:url(../img/sub_bg.jpg);
	background-repeat: repeat-y;
}

.cmn div.col-lef, .cmn div.col-rig {
	/*margin-bottom:20px;*/
}
.cmn div.col-lef {
	float:left;
	width:656px;
}
.cmn div.col-rig {
	float:right;
	width:300px;
}
.cmn main {
	border:4px solid #f4e6e5;
	margin-bottom:20px;
	border-radius: 8px;
}
.cmn main div.brd {
	background-image:url(../img/cmn_brd_top.jpg);
	background-position:left top;
}
.cmn main div.h2_line {
	background-image:url(../img/cmn_brd_top2.jpg);
	background-position:left top;
}
.cmn main div.brd > div.inner {
	background-image:url(../img/cmn_brd_bottom.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:0 30px 30px; 
}
}
@media all and (max-width: 767px) {
.cmn main {
	/*border-top:5px solid #f4e6e5;*/
	border-bottom:5px solid #f4e6e5;
}
.cmn main div.brd {
	background-size:contain;
	background-image:url(../img/cmn_brd_top.jpg);
	background-position:right top;
}
.cmn main div.brd > div.inner {
	padding:0 10px 10px; 
}
}


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

.cmn header.header, .cmn header.header div.wrap div.over {
	overflow:hidden;
}
.cmn header.header div.wrap {
	position:relative;
}
.cmn header.header div.mikuri, .cmn header.header div.tsuzaki {
	position:absolute;
	background-repeat:no-repeat;
}
.cmn header.header div.mikuri {
	background-position:right top;
}
.cmn header.header div.tsuzaki {
	background-position:left top;
}
.cmn header.header p.logos {
	position:absolute;
	left:0;
	top:0;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	background-repeat:no-repeat;
	z-index:1;
}
.cmn header.header p.logos a {
	display:block;
}
@media all and (min-width: 768px) {
.cmn .header_out{
	background-image:url(../img/header_out.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	width: 100%;
}


.cmn header.header {
	background-image:url(../img/sub_header.jpg?0418);
	background-position:center top;
	background-repeat:no-repeat;
	margin: 0 auto 0;
}
.cmn header.header nav{
	background-image:url(../img/cmn_nav_bg.png?0404);
	background-repeat: no-repeat;
	margin-top: 4px;
}
.cmn header.header div.wrap {
	height:270px;
}
.cmn header.header div.wrap div.over {
	height:180px;
}
.cmn header.header p.logos {
	margin-left:0px;
}
.cmn header.header p.logos, .cmn header.header p.logos a {
	width:490px;
	height:180px;
}

}
@media all and (max-width: 767px) {

.cmn header.header p.logos{
	position: relative;
	height: 0;
	padding-top: 18.367%;
} 
.cmn header.header p.logos a {
	background-image: url(../img/smp_header.jpg?0418);
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100% !important;
	display: block;
	height: 30px;
}

}





/*	menu
============================== */
@font-face {
	font-family: 'Yanone Kaffeesatz';
	src: url('/um/library/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Bold.ttf') format("truetype");
}

.cmn header.header nav ul li a,
.cmn header.header nav ul li > span {
	display:block;
}
.cmn header.header nav ul li > span {
	opacity:0.4;
}
@media all and (min-width: 768px) {

.cmn .header nav  {
	width: 974px;
	height: 80px;
	background: url(../img/cmn_nav_bg.png) no-repeat;
	clear: both;
	margin: 0 auto 0;
	position: relative;
}
.cmn .header nav ul li{ width: 134px; height:80px; float:left;}
.cmn .mnews a{ display:block; width: 134px; height:80px; position:absolute; left:0px; top:0px;}
.cmn .mintro a{ display:block; width: 134px; height:80px; position:absolute; left:140px; top:0px;}
.cmn .mstory a{ display:block; width: 134px; height:80px; position:absolute; left:280px; top:0px;}
.cmn .morig a{ display:block; width: 134px; height:80px; position:absolute; left:420px; top:0px;}
.cmn .mcast a{ display:block; width: 134px; height:80px; position:absolute; left:560px; top:0px;}
.cmn .mchart a{ display:block; width: 134px; height:80px; position:absolute; left:700px; top:0px;}
.cmn .mbbs a{ display:block; width: 134px; height:80px; position:absolute; left:840px; top:0px;}
.cmn .mnews a .hover{ display:block; width: 134px; height:80px; background:url(../img/cmn_nav_bg.png) no-repeat 0px -80px;}
.cmn .mintro a .hover{ display:block; width: 134px; height:80px; background:url(../img/cmn_nav_bg.png) no-repeat -140px -80px;}
.cmn .mstory a .hover{ display:block; width: 134px; height:80px; background:url(../img/cmn_nav_bg.png) no-repeat -280px -80px;}
.cmn .morig a .hover{ display:block; width: 134px; height:80px; background:url(../img/cmn_nav_bg.png) no-repeat -420px -80px;}
.cmn .mcast a .hover{ display:block; width: 134px; height:80px; background:url(../img/cmn_nav_bg.png) no-repeat -560px -80px;}
.cmn .mchart a .hover{ display:block; width: 134px; height:80px; background:url(../img/cmn_nav_bg.png) no-repeat -700px -80px;}
.cmn .mbbs a .hover{ display:block; width: 134px; height:80px; background:url(../img/cmn_nav_bg.png) no-repeat -840px -80px;}
.news .mnews a{ background:url(../img/cmn_nav_bg.png) no-repeat 0px -80px;}
.intro .mintro a{ background:url(../img/cmn_nav_bg.png) no-repeat -140px -80px;}
.story .mstory a{ background:url(../img/cmn_nav_bg.png) no-repeat -280px -80px;}
.original .morig a{ background:url(../img/cmn_nav_bg.png) no-repeat -420px -80px;}
.cast .mcast a{ background:url(../img/cmn_nav_bg.png) no-repeat -560px -80px;}
.chart .mchart a{ background:url(../img/cmn_nav_bg.png) no-repeat -700px -80px;}
.bbs .mbbs a{ background:url(../img/cmn_nav_bg.png) no-repeat -840px -80px;}



}
@media all and (max-width: 767px) {
.cmn header.header nav {
	background-position:center top;
	background-color:#f6ebe9;
	padding:4px;
}
/*.cmn header.header nav ul li {
	width:33.3%;
	float:left;
	margin-bottom:4px;
}*/
.cmn header.header nav ul .one_btn{
	width:100%;
	float:left;
	margin-bottom:4px;
}

.cmn header.header nav ul .three_btn{
	width:32.5%;
	float:left;
	margin-bottom:4px;
	margin-right:0.6%;
}

.cmn header.header nav ul .three_btn:nth-child(3){
	margin-right:0;
}

.cmn header.header nav ul .four_btn{
	width:24%;
	float:left;
	margin-bottom:4px;
	margin-right:1%;
}
.cmn header.header nav ul .four_btn:nth-child(4){
	margin-right:0;
}

.cmn header.header nav ul li:nth-child(7),
.cmn header.header nav ul li:nth-child(8),
.cmn header.header nav ul li:nth-child(9) {
	margin-bottom:0;
}

.cmn header.header nav ul li a,
.cmn header.header nav ul li > span {
	text-decoration:none;
	text-align:center;
	background-color:#fefefe;
	line-height:1.25;
	padding:0.1em 0;
	border:2px solid #fefdfd;
	border-radius:8px;
	background-image:-moz-linear-gradient(transparent 40%, #fbf5f5 40%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.4,transparent),color-stop(0.4,#fbf5f5),to(#f7ede6));
	background-image:-ms-linear-gradient(transparent 40%, #fbf5f5 40%);
	background-image:linear-gradient(transparent 40%, #fbf5f5 40%);
}

/*
.cmn header.header nav ul li:nth-child(7) {
	margin-left:16.6666%;
}
*/

.cmn header.header nav ul li a span,
.cmn header.header nav ul li span span {
	display:block;
	font-size:68%;
	color:#4e0c0c;
	font-weight: bold;
}


.cmn header.header nav ul li a:after,
.cmn header.header nav ul li > span:after {
	display:block;
	font-weight:nomal;
	color:#e61a28;
	font-size:62.5%;
	font-family: Arial;
	/* font-family: 'Yanone Kaffeesatz', 'sans serif'; */
	text-shadow:0 2px 3px #fff;
}
.cmn header.header nav ul li.mnews a:after {content:"News";}
.cmn header.header nav ul li.mintro a:after {content:"Introduction";}
.cmn header.header nav ul li.mstory a:after {content:"Story";}
.cmn header.header nav ul li.morig a:after,  .cmn header.header nav ul li.morig > span:after {content:"Original";}
.cmn header.header nav ul li.mcast a:after {content:"Cast&Staff";}
.cmn header.header nav ul li.mchart a:after, .cmn header.header nav ul li.mchart > span:after  {content:"Chart";}
.cmn header.header nav ul li.mbbs a:after {content:"BBS";}
}



/*	sp-menu footer
============================== */
.cmn nav.spmenu ul li {
	float:left;
	width:300px;
	background-image:url(../img/cmn_report_btn.png);
	background-repeat:no-repeat;
}
.cmn nav.spmenu ul li.mrepo {
	background-position:left top;
}
.cmn nav.spmenu ul li.mblog {
	background-position:-300px 0;
}
.cmn nav.spmenu ul li a {
	display:block;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	height:100px;
}
@media all and (min-width: 768px) {
.cmn nav.spmenu ul li.mrepo {
	margin: 0 0 15px;
}

}
@media all and (max-width: 767px) {
.cmn nav.spmenu {
	/* background-image:url(../img/cmn_bg_brown.jpg);
	background-position:center top; */
	padding:0px 0;
}
.cmn nav.spmenu ul {
	width:300px;
	margin:0 auto;
}
.cmn nav.spmenu ul li:not(:last-child) {
	margin-bottom:10px;
}
.cmn nav.spmenu ul li.mrepo {
	margin: 0 0 15px;
}
}



/*	h1
============================== */
.cmn main h1.basic {
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(../img/cmn_h1.png?0410);
	background-repeat:no-repeat;
}
@media all and (min-width: 768px) {
.cmn main h1.basic {
	height:110px;
	margin: 0 auto 25px;
}
.news main h1.basic {background-position:left top; width: 362px;}
.intro main h1.basic {background-position:0 -110px; width: 362px;}
.story main h1.basic {background-position:0 -220px; width: 362px;}
.original main h1.basic {background-position:0 -330px; width: 362px;}
.cast main #cast_tit {background-position:0 -440px; width: 362px;}
.cast main #staff_tit {background-position:0 -550px; width: 362px;}
.chart main h1.basic {background-position:0 -660px; width: 362px;}
.bbs main h1.basic {background-position:0 -770px; width: 362px;}
.report main h1.basic {background-position:0 -880px; width: 362px;}
.interview main h1.basic {background-position:0 -990px; width: 362px;}
.gallery main h1.basic {background-position:0 -1100px; width: 362px;}
.present main h1.basic {background-position:0 -1210px; width: 362px;}
}
@media all and (max-width: 767px) {
.cmn main h1.basic {
	width: 217.2px;
	height:66px;
	/* 362×1600 0.6 */
	background-size:217.2px 906px;
	margin:0 auto 15px;
}
.news main h1.basic {background-position:left top;}
.intro main h1.basic {background-position:0 -66px;}
.story main h1.basic {background-position:0 -132px;}
.original main h1.basic {background-position:0 -198px;}
.cast main #cast_tit  {background-position:0 -264px;}
.cast main #staff_tit  {background-position:0 -330px;}
.chart main h1.basic {background-position:0 -396px;}
.bbs main h1.basic {background-position:0 -462px;}
.report main h1.basic {background-position:0 -528px;}
.interview main h1.basic {background-position:0 -594px;}
.gallery main h1.basic {background-position:0 -660px;}
.present main h1.basic {background-position:0 -726px;}
}


/*	SNS (button and timeline)
============================== */

/* buttons */
div.col-rig div.sns-btns div.tw {
	float:left;
}
div.col-rig div.sns-btns div.fb {
	float:right;
}


@media all and (min-width: 768px) {
	div.col-rig div.sns-timeline div.inner {
		width:280px;
	}
	/* buttons */
	div.col-rig div.sns-btns {
		padding:15px 0;
	}
	div.col-rig div.sns-btns div.tw {
		padding-left:10px;
	}
	div.col-rig div.sns-btns div.fb {
		padding-right:0;
	}

#twitter_box{
	width: 300px;
	height: 362px;
	background: url(../img/sns_area.jpg?0405) -10px -380px no-repeat;
	overflow:hidden;
	margin-bottom: 15px;
}
#twitter_box h3{
	width: 300px;
	height: 45px;
	margin:0px auto 10px; 
}
#twitter_box h3 a{
	width: 300px;
	height: 45px;
	display: block;
}
#twitter_box_in{
	width: 280px;
	margin: 0 auto;
}
}
@media all and (max-width: 767px) {
	div.col-rig{
		margin: 15px 0 0;
	}
	div.col-rig div.sns-timeline div.inner {
		width:260px;
	}
	/* buttons */
	div.col-rig div.sns-btns {
		padding:12px 0 10px;
	}
	div.col-rig div.sns-btns div.tw {
		padding-left:12%;
	}
	div.col-rig div.sns-btns div.fb {
		padding-right:5%;
	}
#twitter_box{
	width: 300px;
	background: url(../img/sns_area.jpg?0405) -10px -380px no-repeat;
	padding-bottom: 10px;
	margin: 0 auto 20px;
	overflow:hidden;
}
#twitter_box h3{
	width: 270px;
	height: 42px;
	margin:12px auto 10px; 
}
#twitter_box h3 a{
	width: 300px;
	height: 45px;
	display: block;
}
#twitter_box_in{
	width: 280px;
	margin: 0 auto;
}
}

/*	ondemand
============================== */
.ondemand{
	background-image:url(../img/ondemand_btn.png);
	width: 300px;
	height: 100px;
	margin: 0 0 15px;
}


@media all and (min-width: 768px) {
.ondemand a{
	display: block;
	width: 300px;
	height: 100px;
}

}

@media all and (max-width: 767px) {
.ondemand{
	width: 300px;
	height: 100px;
	margin: 0 auto 20px;
}

.ondemand a span {
	width: 300px;
	height: 100px;
	display: block;
}

}

/*	sns banners
============================== */
div.col-rig div.sns-bnr {
	/*background-image:url(../img/cmn_brd_bg.jpg);
	border-top:5px solid #ebd3c0;
	border-bottom:5px solid #ebd3c0;*/
	padding:10px 0;
}
div.col-rig div.sns-bnr ul {
	margin:0 auto 10px;
}
div.col-rig div.sns-bnr ul li {
	float:left;
}
div.col-rig div.sns-bnr ul li:nth-child(odd) {
	margin-right:10px;
}
div.col-rig div.sns-bnr ul li a,
div.col-rig div.sns-bnr ul li a:before,
div.col-rig div.sns-bnr ul li a span {
	display:block;
	text-decoration:none;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
div.col-rig div.sns-bnr ul li a {
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0;
}
div.col-rig div.sns-bnr ul li a:before {
	content:"";
	width:25px;
	height:25px;
	background-image:url(../img/sns_icons.svg);
	background-size:100px 25px;
	border-radius:4px;
	margin:0 auto 5px;
}
div.col-rig div.sns-bnr ul li span {
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	font-size:120%;
}
div.col-rig div.sns-bnr ul li.bn-fb a {
	color:#8c272b;
	background-color:#faf1e1;
}
div.col-rig div.sns-bnr ul li.bn-line a {
	color:#8c272b;
	background-color:#faf1e1;
}
div.col-rig div.sns-bnr ul li.bn-fb a:before {
	background-position:-75px 0;
}
div.col-rig div.sns-bnr ul li.bn-line a:before {
	background-position:-25px 0;
}
div.col-rig div.sns-bnr p {
	text-align:center;
	line-height:1.25;
}
div.col-rig div.sns-bnr .kome{
	color: #8c272b;
}

@media all and (min-width: 768px) {
div.col-rig div.sns-bnr {
	background-image:url(../img/sub_sns_bg.jpg);
	margin-bottom:15px;
}
div.col-rig div.sns-bnr ul {
	width:280px;
}
div.col-rig div.sns-bnr ul li a {
	width:135px;
}
div.col-rig div.sns-bnr p {
	font-size:75%;
}
}
@media all and (max-width: 767px) {
div.col-rig div.sns-bnr {
	/*border-bottom:5px solid #7b1700;*/
	margin: 0 auto 10px;
}
div.col-rig div.sns-bnr ul {
	width:300px;
}
div.col-rig div.sns-bnr ul li a {
	width:145px;
	background-image:url(../img/sub_sns_bg.jpg);
}
div.col-rig div.sns-bnr p {
	font-size:62.5%;
}
}



/*	buttons
============================== */
p.btn-basic {
	position:relative;
	border-radius:12px;
	overflow:hidden;
	-webkit-box-shadow: #ccb299 0 0 5px 0;
	box-shadow: #ccb299 0 0 5px 0;
}
p.btn-basic a,
p.btn-basic span {
	display:block;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	color: #fff;
}
p.btn-basic a {
	text-decoration:none;
	/*text-shadow:0 2px 2px hsla(0, 0%, 0%, .5);*/
	background-color:#ed4d58;
	background-image:-moz-linear-gradient(transparent 50%, #e92a38 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#e92a38),to(#e92a38));
	background-image:-ms-linear-gradient(transparent 50%, #e92a38 50%);
	background-image:linear-gradient(transparent 50%, #e92a38 50%);
}
p.btn-basic span {
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
	background-color:#eaccb8;
}
p.btn-basic a:before, p.btn-basic span:before {
	content:"";
	display:block;
	position:absolute;
	left:6px;
	top:50%;
	background-image:url(../img/form_btn.svg);
	background-repeat:no-repeat;
	background-position:0 -60px;
	width:32px;
	height:32px;
	margin-top:-16px;
}
@media all and (min-width: 768px) {
p.btn-basic {
	margin:0 120px 20px;
}
div.column-r p.btn-basic {
	margin:0 0 10px;
}
p.btn-basic a, p.btn-basic span {
	font-size: 87.5%;
	padding:12px 24px 12px 32px;
}
p.btn-basic a:hover {
	background-color:#f3848b;
	background-image:none;
}
}
@media all and (max-width: 767px) {
p.btn-basic {
	margin:0 0 15px;
}
div.column-r p.btn-basic {
	margin:0 15px 5px;
}
p.btn-basic a, p.btn-basic span {
	font-size: 83%;
	padding:10px 16px 10px 24px;
}
}

/*	buttons(2bun)
============================== */
.btn-basic_2bun {
	position:relative;
	border-radius:12px;
	overflow:hidden;
	-webkit-box-shadow: #ccb299 0 0 5px 0;
	box-shadow: #ccb299 0 0 5px 0;
}
.btn-basic_2bun a,
.btn-basic_2bun span {
	display:block;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	color: #fff;
}
.btn-basic_2bun a {
	text-decoration:none;
	/*text-shadow:0 2px 2px hsla(0, 0%, 0%, .5);*/
	background-color:#ed4d58;
	background-image:-moz-linear-gradient(transparent 50%, #e92a38 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#e92a38),to(#e92a38));
	background-image:-ms-linear-gradient(transparent 50%, #e92a38 50%);
	background-image:linear-gradient(transparent 50%, #e92a38 50%);
}
.btn-basic_2bun span {
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
	background-color:#eaccb8;
}
.btn-basic_2bun a:before, .btn-basic span:before {
	content:"";
	display:block;
	position:absolute;
	left:6px;
	top:50%;
	background-image:url(../img/form_btn.svg);
	background-repeat:no-repeat;
	background-position:0 -60px;
	width:32px;
	height:32px;
	margin-top:-16px;
}
@media all and (min-width: 768px) {
.btn-basic_2bun_box{
	margin: 0 0 0 37px;
}
.btn-basic_2bun {
	width: 250px;
	margin:0 15px 20px 0;
	float: left;
}
.btn-basic_2bun:nth-child(even){
	margin:0 0px 20px 0;
}
div.column-r .btn-basic_2bun {
	margin:0 0 10px;
}
.btn-basic_2bun a, .btn-basic_2bun span {
	font-size: 87.5%;
	padding:12px 24px 12px 32px;
}
.btn-basic_2bun a:hover {
	background-color:#f3848b;
	background-image:none;
}
}
@media all and (max-width: 767px) {
.btn-basic_2bun {
	margin:0 0 15px;
}
div.column-r .btn-basic_2bun {
	margin:0 15px 5px;
}
.btn-basic_2bun a, .btn-basic_2bun span {
	font-size: 83%;
	padding:10px 16px 10px 24px;
}
}


/*	table
============================== */

table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
}
table th, table td {
	vertical-align:top;
	line-height:1.75;
	text-align:left;
	padding-bottom:0.5em;
}
.cast_box table th, .cast_box table td {
	vertical-align:bottom;
}
.staff_box table th, .staff_box table td {
	padding-bottom:0.75em;
}
.staff_box table td b {
	/*color:#e04866;*/
}
table th {
	text-align:right;
	font-weight:normal;
	color:#e04866;
	white-space: nowrap;
}
.cast_box table th {
	width:50%;
}
table td.naka {
	font-family: sans-serif;
	color:#997017;
	text-align:center;
	width:2em;
}
.cast_box a{
	color:#ed1a3d;
	font-weight: bold;
}
.cast_box a:hover{
	text-decoration:none; 
}
@media all and (min-width: 768px) {
table th, table td {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
table th, table td {
	font-size:83%;
}
}

/*	staff
============================== */
.staff_box_out{
	border-top:3px dashed #ffd2d5; 
}

/*	staff2
============================== */

.staff_box2{
	text-align: center;
	margin: 0 auto;
	font-size: 90%;
	line-height: 1.7;
}
.staff_one{
	margin: 0 0 1.5em;
}



/*	picture (Main)
============================== */

div.pic-main {
	border:4px solid #f4e6e5;
}
div.pic-main span {
	display:block;
	background-color:#f4e6e5;
	background-repeat:no-repeat;
	background-position:center top;
}
@media all and (min-width: 768px) {
div.pic-main {
	margin-bottom:30px;
}
div.pic-main span {
	height:360px;
}
div.pic-main span img {
	width:580px;
	height:360px;
}
}
@media all and (max-width: 767px) {
div.pic-main {
	margin-bottom:15px;
}
div.pic-main span {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:62.0689655%;
}
div.pic-main span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	picture
============================== */

div.pic-basic p {
	background-color:#fff;
	border:1px solid #ffe6e2;
}
div.pic-basic p span {
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ffe6e2;
}
@media all and (min-width: 768px) {
div.pic-basic {
	padding:0 73px;
}
.news div.pic-basic {
	padding:0 55px;
}
div.pic-basic p {
	padding:9px;
	/*box-shadow:0 6px #faf0e6;*/
	margin-bottom:30px !important;
}
div.pic-basic p span, div.pic-basic p img {
	width:420px;
	height:280px;
}
}
@media all and (max-width: 767px) {
div.pic-basic p {
	box-sizing:border-box;
	padding:3px;
	/*box-shadow:0 4px #faf0e6;*/
	width:284px;
	margin:0 auto 20px !important;
}
div.pic-basic p span, div.pic-basic p img {
	width:276px;
	height:184px;
}
.news div.pic-basic p {
	width:254px;
}
.news div.pic-basic p span, .news div.pic-basic p img {
	width:246px;
	height:164px;
}
}


/*	picture (Sub L-R)
============================== */
div.pic-sub span {
	display:block;
	background-color:#f4e6e5;
	background-repeat:no-repeat;
}
div.pic-lef span {
	background-position:center top;
}
div.pic-rig span {
	background-position:center bottom;
}
div.pic-lef {
	float:left;
}
div.pic-rig {
	float:right;
}
div.pic-sub span img {
	display:block;
}
@media all and (min-width: 768px) {
div.pic-cover {
	margin-bottom:30px;
}
div.pic-sub {
	border:4px solid #f4e6e5;
}
div.pic-sub span img {
	width:280px;
	height:174px;
}
}
@media all and (max-width: 767px) {
div.pic-cover {
	padding:4px;
	background-color:##f4e6e5;
	margin-bottom:15px;
}
div.pic-sub {
	width:50%;
}
div.pic-lef span {
	margin-right:2px;
}
div.pic-rig span {
	margin-left:2px;
}
div.pic-sub span {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:61%;
}
div.pic-sub span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	Cast
============================== */

.cast div.pics {
	position:absolute;
	background-image:url(../img/cast.png);
	background-repeat:no-repeat;
}
.cast div.mikuri {
	background-position:left top;
}
.cast div.tsuzaki {
	background-position:right top;
}
.cast div.pics img {
	display:block;
}
@media all and (min-width: 768px) {
.cast main div.brd > div.inner {
	padding:0 30px 100px; 
}
.cast div.cast-over div.pics {
	bottom:30px;
}
.cast div.cast-over div.mikuri {
	left:15px;
}
.cast div.cast-over div.tsuzaki {
	right:15px;
}
.cast div.cast-over div.pics img {
	width:194px;
	height:360px;
}
}
@media all and (max-width: 767px) {
.cast div.cast-over {
	height:200px;
}
.cast div.cast-over div.pics {
	top:0;
}
.cast div.cast-over div.mikuri {
	left:50%;
	margin-left:-107px;
}
.cast div.cast-over div.tsuzaki {
	right:50%;
	margin-right:-107px;
}
.cast div.cast-over div.pics {
	background-size:194px 180px;
}
.cast div.cast-over div.pics img {
	width:97px;
	height:180px;
}
}



/*	text
============================== */
p span.castname {
	color:#ea337b;
}
div.inner cite {
	color:#ea337b;
	font-style:normal;
	font-weight:bold;
}
div.inner p.lines {
	position:relative;
	background-position:left bottom;
	background-repeat:repeat;
}
@media all and (min-width: 768px) {
	div.inner p.lines {
		font-size:87.5%;
	}
	div.inner p.lines {
		background-image:url(../img/line30.png);
		padding: 0 10px;
		line-height:30px;
		margin-bottom:30px;
	}
}
@media all and (max-width: 767px) {
	div.inner p.lines {
		font-size:83%;
	}
	div.inner p.lines {
		background-image:url(../img/line27.png);
		line-height:27px;
		padding: 0 5px;
		margin-bottom:27px;
	}
}


/*	kome
============================== */

main ul.kome li, main ul.kome2 li {
	color:#7b7b7b;
	line-height:1.5;
	margin-bottom:0.2em;
}
main div.nuri ul.kome li {
	color:#000;
}
main article#books ul.kome li {
	color:#c00;
}
main ul.kome li:before, main ul.kome2 li:before {
	display:block;
	float:left;
}
main ul.kome li:before {
	content:"※";
}
main ul.kome2 li:nth-child(1):before {
	content:"※1";
}
main ul.kome2 li:nth-child(2):before {
	content:"※2";
}
main ul.kome li span, main ul.kome2 li span {
	display:block;
}
main ul.kome li span {
	padding-left:1.5em;
}
main ul.kome2 li span {
	padding-left:2.5em;
}
main ul.mgb15em {
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
main ul.kome2 {
	margin-bottom:20px;
}
main ul.kome li, main ul.kome2 li {
	font-size:83%;
}
}
@media all and (max-width: 767px) {
main ul.kome2 {
	margin-bottom:12px;
}
main ul.kome li, main ul.kome2 li {
	font-size:75%;
}
}


p.movend {
	text-align:center;
	line-height:1.5;
}
@media all and (min-width: 768px) {
p.movend {
	font-size:83%;
	padding:256px 0 312px;
}
}
@media all and (max-width: 767px) {
p.movend {
	font-size:75%;
	padding:5em 0 7em;
}
}