@charset "utf-8";
/* CSS Document */

.bkn001 {
	width: 200px;
	clear: both;
	margin-left: 3px;
	background-color: #FFFFFF;
	border: 20px solid #FFF;
}

.bkn001 li {
	padding: 0 0 0 30px;
	line-height: 34px;
	background: url(../../common/images/ico_orange.png) no-repeat left center;
	border-bottom: #CCCCCC dotted 1px;

}

.bkn001 li a:hover {
	color: #FF6600;
	text-decoration: underline;
}

.sp_menu {
	width: 243px;
	margin: auto;
}

.sp_menu .bkn001 {
	width: 200px;
	clear: both;
	margin-left: 3px;
	background-color: #ffffff;
	border: 20px solid #ffffff;
}

.sp_menu .bkn001 li {
	padding: 0 0 0 4px;
	line-height: 34px;
	background: url(../../common/images/ico_orange.png) no-repeat left center;
	border-bottom: #cccccc dotted 1px;

}

.sp_menu .bkn001 li a {}

.sp_menu .bkn001 li a:hover {

	text-decoration: underline;
}

.title_shingi {
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	padding: 22px 0;
	display: inline-block;
	background-color: #ffe8a8;
	width: 240px;
	border: 0px solid #ccc;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	margin-left: 3px;
	border-bottom: 2px solid #ffba00;

}


.title_shingi02 {
	text-align: center;
	font-weight: bold;
	padding: 22px 0;
	display: inline-block;
	background-color: #ffe8a8;
	width: 240px;
	margin-left: 3px;
	border-bottom: 2px solid #ffba00;

}

.list_shingi {
	border: 2px #CCC solid;
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
}

.list_shingi li {
	padding: 10px 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.list_shingi .title_shingi03 {
	font-weight: bold;
	text-align: center;
	background-color: #b2b2b2;
}

.en02 {
	padding-left: 1em;
	font-size: .6em;
	font-weight: bold;
	color: #ff5e08;
}

.basebody section {
	margin-bottom: 0 !important;
}

.text {
	text-indent: -1em;
	padding-left: 1em;
	padding-bottom: 1em;
}

.pdLeft {
	padding-left: 4em;
}

@media only screen and (min-width: 414px) {
	.spBr {
		display: none;
	}
}

@media only screen and (max-width: 320px) {
	.basebody {
		padding: 0 !important;
	}

	.basebody section {
		padding: 4% !important;
	}

	section.graybg {
		background: #e8e8e8;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}

	#content h2 {
		margin-top: 1em;
	}

	.pcBr {
		display: none;
	}

	.pdLeft {
		padding-left: 1em;
	}
}




/*レイアウト変更*/

div.opinion h4 {
	color: #F93;
	font-size: 1.2em;
	font-weight: bold;
	margin: 2em 0 -1em 0;
}

div.opinion h5 {
	clear: right;
	font-size: 1.4em;
	line-height: 1.4;
	font-weight: bold;
	padding: 2em 0 0 0;
	text-indent: -1em;
}

div.opinion p.mainText {
	margin: 1em 0 0 2em;
	padding-left: 8em;
}

.inPlus {
	 display: inline-block;
	text-indent: -1em;
	font-weight: bold;
}

div.opinion p.subText {
	clear: right;
	padding: 20px 0 0 0;
	font-size: 1.2em;
	font-family: 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ ゴシック', sans-serif;
	font-style: oblique;
	color: #F93;
	font-weight: bold;
}

div.opinion p.subTextUnder {
	clear: right;
	padding: 40px 0 0 0;
	font-size: 1.2em;
	font-family: 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ ゴシック', sans-serif;
	font-style: oblique;
	color: #F93;
	font-weight: bold;
}

div.opinion h6 {
	clear: right;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2em 0 0.8em 0;
}

@media only screen and (max-width: 320px) {
	.bangumiTitle {
		font-weight: bold;
	}

	div.opinion p.mainText {
		margin: 1em 0 0 2em;
		padding-left: 2em;
	}
}