@charset "shift_jis";

/* 親スクロールロックのために追記ここから 121221niwa　*/
body {
  width: 100%;
}

body.noscroll {
  position: fixed;
  overflow-y: scroll;
}
/* 親スクロールロックのために追記ここから */

p.arrowOnly
{ margin:0 auto ;
vertical-align:top;
text-align:center; }

.clear{clear:both}



.content01{
	clear:both;
	width:710px;
	margin-bottom:33px;
}


.content01 .txt{
	clear:both;
	width:710px;
	height:84px;
	background-image:url("../../motoharu/img/2012_0725_a02.jpg");
}

.content01 .txt p{
	font-size:12px;
	line-height:150%;
	color:#FFF;
	padding-left:24px;
	padding-top:12px;
}

.content01 .txt p span{
	font-size:15px;
	line-height:150%;
	color:#FC0;
	font-weight:bold;
}

.content02{
	clear:both;
	width:710px;
	margin-bottom:18px;
	text-align:center;
}

.content02 img{
	margin:0 auto;
}

.content02 .txt{
	clear:both;
	width:710px;
	text-align:left;
}

.content02 .wrapleft01{
	width:236px;
	height:143px;
	float:left;
	background-image:url("../../motoharu/img/2012_0725_b03a.jpg");
	overflow:hidden;
}

.content02 .wrapleft02{
	width:237px;
	height:143px;
	float:left;
	background-image:url("../../motoharu/img/2012_0725_b03b.jpg");
	overflow:hidden;
}

.content02 .wrapright01{
	width:237px;
	height:143px;
	float:right;
	background-image:url("../../motoharu/img/2012_0725_b03c.jpg");
	overflow:hidden;
}


.content02 p{
	font-size:12px;
	line-height:140%;
	color:#333;
	padding-left:10px;
	padding-right:10px;
}

.content02 p span{
	color:#C00;
	font-weight:bold;
}


.content02 .wrapleft02 p{
	padding-top:10px;
	line-height:150%;
}

.content02 .wrapright01 p{
	padding-top:10px;
	line-height:150%;
}


.content03{
	clear:both;
	width:710px;
	margin-bottom:18px;
	text-align:center;
}

.content03 .inner{
	clear:both;
	width:708px;
	border:#010101 solid 1px;
	padding-bottom:10px;
}

.content03 .inner p{
	clear:both;
	text-align:left;
	font-size:14px;
	line-height:150%;
	color:#333;
}

.content03 .inner p.lead{
	width:674px;
	margin:10px auto;
}

.content03 .con{
	width:648px;
	margin:10px auto 0 auto;
	text-align:left;
	font-size:14px;
	line-height:140%;
	color:#333;
}

.content03 .con p{
	float:left;
}

.content03 .con img{
	float:left;
}

.content03 .con .detail{
	width:628px;
	margin:0 auto;
	padding-left:20px;
	padding-top:6px;
	text-align:left;
	font-size:13px;
	line-height:140%;
	color:#333;
	clear:both;
}

.content03 .episode{
	width:668px;
	height:22px;
	margin:10px auto 0 auto;
	padding-top:6px;
	text-align:left;
	font-size:14px;
	line-height:140%;
	color:#333;
	font-weight:bold;
	text-indent:7px;
	background-image:url("../../motoharu/img/2012_0725_line.gif");
	clear:both;
}

.content03 .mt22{
	margin-top:22px;
}

.content04{
	clear:both;
	width:710px;
	margin-bottom:18px;
	text-align:center;
}


.content05{
	clear:both;
	width:710px;
	margin-bottom:28px;
}

.content05:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .content05 {
    height: 1em;
}

.content05{
    display: block;
}
/**/


.content05 p{
	width:330px;
	background-image:url("../../motoharu/img/2012_0725_line02.gif");
	background-position:top;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:8px;
	font-size:14px;
	line-height:100%;
	color:#333;
}
.content05 > p {
	background-image:none;
}

.content05 p span{
	font-size:11px;
	color:#333;
}

.content05 p img{
	display:inline;
	margin-left:10px;
}

.content05 .wrapleft{
	width:348px;
	float:left;
	border:#333 solid 1px;
}

.content05 .wrapright{
	width:348px;
	float:right;
	border:#333 solid 1px;
}


div.main1c div#mtcomment{
background:#000000;
height:670px;
width:710px;}

div#mtcommentInner{
font-size: 12px;
padding:15px;}

div#mtcommentInner p{
color:#fff;
letter-spading:0.1em;
line-height:150%;}
font-size: 14px;
div#mtcommentInner p strong{
font-weight:bold;
color:#FFCC00;}


p#refer{
margin:20px 0 5px 0;
font-family:'MS UI Gothic';
font-size:12px;
text-align:right;}

p#stuffs{
}


/* ▽jQuery用のCSSここから▽ */




div.main1c #motoharujs{
}

div.main1c #motoharujs dl{
height:45px;}

#motoharujs dl dt{
	width:143px;
	cursor:pointer;
	float:left;
	margin-left:35px;}
	
#motoharujs dl dt#hasegawa{
margin-left:0;
}
	
	
div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#acacac;
	filter:alpha(opacity=75);
	opacity: 0.75;
}
* html div#glayLayer{
	position:absolute;
}
#overLayer{
	width:750px;
	display:none;
	overflow: hidden;
	border: 4px solid #111;
	background:#fff;
	line-height:160%;
	position: fixed;
	top:50%;
	left:50%;
}

#overLayer .motoharujsarea{
	padding:10px;
	color: #111;
	margin:0px 0px 80px 0px;
	overflow:scroll;
	min-height:250px;
	max-height:320px;
}

.foo #overLayer .motoharujsarea{
	min-height:250px;
	max-height:380px;
}


#overLayer .motoharujssign{
	float:right;
	font-weight:bold;
	color: #111;
}
#overLayer img{
	margin:0px auto 20px;
}
#overLayer img.close{
	position:absolute;
	bottom:15px;
	left:330px;
	cursor:pointer;
}
* html #overLayer{
	position: absolute;
}

/* △jQuery用のCSSここまで△ */

/* ECB調整 */
/* SP調整 */
@media screen and (max-width: 767px) {
	.content01 {
		max-width: 710px;
		width: auto;
	}
	.content01 .txt {
		max-width: 710px;
		width: auto;
		height: auto;
		padding: 0 5px;
	}
	.content01 .txt p {
		font-size: 10px;
		line-height: 150%;
		color: #FFF;
		padding-left: 0;
		padding-top: 8px;
	}
	.content01 .txt p span {
		font-size: 10px;
	}
	div#movie {
		background-size: contain !important;
		padding-top: 80px !important;
	}
	.jstream-eqPlayer {
		width:320px !important;
		height:240px !important;
	}
	div.main1c div#mtcomment {
		height: auto;
		max-width: 710px;
		width: auto;
	}
	div.main1c #motoharujs {
		background: #000;
		overflow: hidden;
	}
	div.main1c #motoharujs dl {
		height: auto;
		display: flex;
		flex-wrap: wrap;
	}
	#motoharujs dl dt {
		width: 45%;
		float: none;
		margin-left: 0;
		margin: 7px !important;
	}
	p#refer {
		font-size: 10px;
		text-align: left;
	}
	.content02 {
		max-width: 710px;
		width: auto;
		margin-bottom: 18px;
		text-align: center;
	}
	.content02 .txt {
		display: flex;
		max-width: 710px;
		width: auto;
		background: #f4f4d1;
		border-left: 0.5px solid #000;
        border-right: 0.5px solid #000;
	}
	.content02 .wrapleft01 {
		background: none;
		width: 33%;
		height: auto;
		margin-top: 5px;
		border-right: 1px dotted #ccc;
	}
	.content02 .wrapleft01 p {
		font-size: 10px;
	}
	.content02 .wrapleft02 {
		background: none;
		width: 33%;
		height: auto;
		margin-top: 5px;
		border-right: 1px dotted #ccc;
	}
	.content02 .wrapleft02 p {
		font-size: 10px;
	}
	.content02 .wrapright01 {
		width: 33.3%;
		background: none;
		height: auto;
		margin-top: 5px;
	}
	.content02 .wrapright01 p {
		font-size: 10px;
	}
	.content03 {
		clear: both;
		max-width: 710px;
		width: auto;
	}
	.content03 .inner {
		max-width: 708px;
		width: auto;
	}
	.content03 .inner p.lead {
		width: 94%;
	}
	.content03 .con {
		width: 94%;
	}
	.content03 .inner p {
		font-size: 12px;
	}
	.main1c .con img {
		max-width: 100%;
		width: auto;
	}
	.content03 .con .detail {
		width: 94%;
		padding-left: 0;
	}
	.content03 .episode {
		width: 94%;
	}
	.content04 {
		max-width: 710px;
		width: auto;
	}
	.content05 {
		max-width: 710px;
		width: auto;
	}
	.content05 img {
		max-width: 100%;
		width: auto;
	}
	.content05 .wrapleft {
		width: 348px;
		float: none;
		margin: 0 auto;
	}
	.content05 .wrapright {
		width: 348px;
		float: none;
		margin: 28px auto 0;
	}
	.arrowOnly img {
		width: 80%;
		margin: 0 auto;

	}
	#overLayer {
		max-width: 100%;
		width: auto;
		display: none;
		overflow: hidden;
		border: 4px solid #111;
		background: #fff;
		line-height: 160%;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 9999;
		margin-left: -50vw !important;
	}
	#overLayer img.close {
		position: absolute;
		bottom: 15px;
		left: 0;
		right: 0;
		cursor: pointer;
	}
}