@charset "utf-8";
/* 
CSS Information
 File name:      play.css
 Author:         Administrator
 Style Info:     /play.html
----------------------------------------------------- */
/* CSS override and Class setting
***********************************/

/* #play
***********************************/
.comic {
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 2px solid #970303;
	background: #fff url(../img/common/bg_pattern01.png) repeat-y left;
	-webkit-box-shadow: 0 0 0 1px #fff inset;
	box-shadow: 0 0 0 1px #fff inset;
}

.comic h3 {
	margin-bottom: 5px;
	text-align: center;
	font-size: 131%;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 #fff;;
}

.comic li {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.comic li a {
	display: block;
	width: 100px;
	height: 42px;
	line-height: 42px;
	background: #fff;
	-webkit-box-shadow: -1px -1px 0 #ccc inset;
	box-shadow: -1px -1px 0 #ccc inset;
	font-size: 131%;
	font-weight: bold;
	text-align: center;
	color: #c00;
	text-decoration: none;
}

.comic li a:hover {
	opacity: 0.9;
}

.play_detail {
	margin: 0 5px 20px;
}

.play_detail li {
	clear: both;
	margin-bottom: 30px;
}

.play_detail li:first-child,
.play_detail li:nth-child(2) {
	clear: none;
	float: left;
	width: 45%;
	width: -webkit-calc((100% - 30px) / 2);
	width: calc((100% - 30px) / 2);
}

.play_detail li:nth-child(2) {
	float: right;
}

.play_detail li figure {
	margin-bottom: 10px;
	text-align: center;
}

.play_detail li figure img {
	max-width: 100%;
}

.play_detail li .img_box {
	text-align: center;
}

.play_detail li .img_box figure {
	display: inline-block;
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: top;
}

.play_detail li p + p {
	margin-top: 10px;
}