/*



Theme Name: assist86449



Theme URL: http://www.cripsandbloodsmovie.com



Author: Assist



Author URI: http://www.cripsandbloodsmovie.com



Version: 3.0



*/



html {



	min-height: 100%;



	position: relative;



}



.clearFix:after {

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: ".";

}



.clearBoth {

	clear: both;

}



ul {



	list-style:none;



	padding: 0;



}



h1,h2,h3,h4,h5,h6 {



	margin: 0;



	padding: 0;



	font-size: 100%;



}



a {



	color: #ff0000;



	text-decoration: none;



}



a:hover {



	color: #696969;



}



body {



	background: #fff;



	color: #000;



	text-align: center;



	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;



	font-size: 14px;



	margin: 0;



	-webkit-text-size-adjust:100%



}



/*--------------------------



	Header



----------------------------*/



header {



	margin: 0px auto 10px;

	background: #000;

	color: #fff;



}



header img {



	max-width: 100%;



}



.top_menu h1 {

	font-weight: normal;

}

.top_menu p {

	margin: 0;

}

/*--------------------------



	container



----------------------------*/



#container {



	padding: 0 25px;



	margin-bottom: 120px;



	text-align: center;



}



.board {



	background: #000;



	color: #fff;



	font-size: 15px;



	margin-bottom: 5px;



	margin-top: 5px;



	padding: 5px 13px !important;



	text-align: center;



	border: 3px double #fff;



}



#main {



	float: right;



	width: 70%;



}



#side {



	float: left;



	width: 27%;



}



/*--------------------------



	article



----------------------------*/



article {



	background: #f5f5f5;



	padding: 5px;



	border: 2px solid #000;



	margin-bottom: 5px



}



.item {



	text-align: left;

	display: flow-root;

	font-size: 16px;



}



.item>p {



	line-height: 1.5;



	letter-spacing: 2px;



}



.item_name {



	background: #dc143c;



	padding: 5px;



	border-left: 10px solid #ccc;



	border: 2px solid #ccc;



	font-size: 20px;



	color: #000 !important;



	font-weight: bold;



	margin-bottom: 5px



}



.sub_name {



	background: #ff69b4;



	border: 3px solid #ccc;



	padding: 3px;



	font-size: 18px;



	color: #000 !important;



	margin-bottom: 5px



}



.item_name a {



	color: #000 !important;



}



.item img {



	border: 2px solid #ccc;



	float: right;



	marginleft-: 5px;



	max-width: 100%;



}



/*--------------------------



	info



----------------------------*/



#item_info {



	background: #fff none repeat scroll 0 0;



	border: 2px solid #000;



	font-size: 18px;



	padding: 7px;



	text-align: left;



	margin-top: 10px;



	margin-bottom: 10px;



	float: right;



}



#item_info img {



	border: 3px solid #ccc;



	float: right;



	margin-left: 5px;



	max-width: 100%;



}



.button {

	background: #ccc;



	border: 1px solid #666;



	border-radius: 5px;



	box-shadow: 1px 1px 3px #666;



	padding: 3px 5px;



	text-align: center;



}



.button a {



	color: #000 !important;



	display: block;



	font-size: 14px !important;

}



/*--------------------------



	side



----------------------------*/



#side li {



	padding: 3px;



}



#side li a {



	display: block;



	font-size: 15px !important;



	padding: 2px;



	margin-top: 3px;



	border: 1px solid #ccc;



	background: #fff;



	color: #000;



	border-left: 5px solid #ccc;



}



/*--------------------------



	footer



----------------------------*/



footer {



	color: #fff;



	background: #000;



	padding: 10px 0;



	text-align: center;



	bottom: 0;



	position: absolute;



	width: 100%;



}



/* -------------------------



	pankuzu



----------------------------*/



.pankuzu {



	background: #000080;



	margin-bottom: 0px;



	color: #fff;



	font-size: 13px;



	font-weight: bold;



	list-style: outside none;



	padding: 5px 0;



}



.pankuzu li {



	display: inline-table;



	padding: 5px 5px 0px 5px;



}



.pankuzu li::after {



	content: "/";



	margin-left: 0.5em;



}



.pankuzu li:last-child::after {



	display: none;



}



.pankuzu li a {



	color: #ff0000;



	transition: 0.4s;



}



.pankuzu li a:hover {



	color: #696969;



}



/*--------------------------



	Media Queries



----------------------------*/
@media screen and (min-width: 992px) {
	#item_info {
		width: 70%;
	}
}
/* 321px - 767px以下用（スマホ-タブレット用）の記述 */



@media screen and (min-width: 0px) and (max-width: 500px) {



	.item img {



		width: 100% !important;



	}



	#item_info img {



		width: 100% !important;



	}



}



/* 321px - 767px以下用（スマホ-タブレット用）の記述 */



@media screen and (min-width: 0px) and (max-width: 767px) {





	#main {

		width: 100%;

	}



	#side {

		width: 100%;
		float: none;

	}

	#item_info {

		float: none;


	}

}