@charset "utf-8";

body {
}

#wrapper {
	position: relative;
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size : 1.3em;
	text-align: center;
}
#header, #contents, #footer {
	margin: 0;
	padding: 0;
	width: auto;
	text-align: left;
}

.container {
	max-width: 960px;
	margin: 0 auto;
}

/* ========================================
 header
======================================== */
.headline {
	margin: 0;
	padding: 2px 0;
	text-align: right;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.5;
	background: #AAAAAA;
}
.headline .container {
	line-height: 1.5;
}

#header {
	position: relative;
}
#header h1 {
}
#header h2 {
	position: absolute;
	bottom: 9px;
	right: 90px;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	font-size: 1.2em;
}
#header h2.ad_title {
	position: relative;
	top: 20px;
	bottom: auto;
	right: auto;
	text-align: right;
}

section.movie h3 {
	padding:8px;
	background:#8EAC16;
	text-shadow:1px 1px 3px #333;
	color:#fff;
	font-size: 1.6em;
}

/* ========================================
 main
======================================== */
#main {
	width: auto;
	margin: 0 0 20px 0;
	padding: 30px 6%;
	border: 8px solid #CCCCCC;
	border-radius: 6px;
	font-size: 1.3em;
	text-align: left;
}
#main section {
	margin-bottom: 50px;
}
#main section p {
	margin: 0;
	padding : 0 0 16px 0;
	line-height : 1.5;
}
#main section ul li {
	line-height : 1.8;
}


#main div.review {
	overflow-y: scroll;
	height: 400px;
	border: 1px solid #D6D6D6;
	margin: 0 0 20px 0;
	padding: 5px;
}
#main div.review .entry {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #F7F7F7;
	border: 1px solid #D6D6D6;
	font-size: 0.9em;
}
#main div.review .entry_head {
	margin: 0 0 10px 0;
	padding: 3px 5px;
	border-bottom: 1px solid #D6D6D6;
}
#main div.review .entry_body {
	padding: 0 5px;
}
#main div.review .entry_body p {
	padding-bottom: 5px;
}
@media screen and (max-width:767px) {
	#main div.review {
		overflow: hidden;
		height: auto;
		border: none;
		padding: 0;
	}
}


/* ========================================
 footer
======================================== */
#footer {}
#footer address {
	padding-bottom: 50px;
	border: none;
	text-align: center;
	text-decoration: none;
	font-style: normal;
}
#footer address img {
	margin: 20px;
}


#noscripttags img {
 visibility: hidden;
}


/* =====================================================================
	layout
====================================================================== */

div#scripts img {
	visibility: hidden;
}

div.pickup {
	padding : 10px 30px;
	margin: 20px auto;
	border : 3px double #de0000;
}


.bold {
	font-weight: bold;
}
.red {
	color: #D70010;
}
.winered {
	color: #D20171;
}
.pink {
	color: #E6448B;
}
.gold {
	color: #BC9931;
}
.purple {
	color: #4B0082;
}
.brown {
	color: #77410B;
}
.orange {
	color: #FF4F02;
}
.yellow {
	color: #EEBE00;
}
.blue {
	color: #0FADE1;
}
.green {
	color: #55CA07;
}
.grey {
	color: #AAAAAA;
}
.large {
	font-size: 1.2em;
}
.x_large {
	font-size: 2em;
}
.small {
	font-size: 0.8em;
}
.x_small {
	font-size: 0.5em;
}
.bg_yellow {
	background-color: #ff6;
}
.bg_red {
	background-color: #D70010;
}
.bg_blue {
	background-color: #99FFFF;
}
.bg_green {
	background-color: #B0C584;
}

blockquote.support {
	margin-left: 0;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #eee;
	background: -moz-linear-gradient(top, #fff, #f2f5f6);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f5f6));
	color: #000;
}
blockquote.support span.support_head {
	display: block;
	padding: 5px 0;
	border-bottom: 1px dotted #aaa;
}


/* ___________________________________________________________ media query */

@media screen and (min-width:767px) {
	.pc_hide {
		display: none;
	}

	#footer ul.submenu {
		list-style: none;
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;
		text-align: center;
	}
	#footer ul.submenu li {
		display: inline;
		margin: 0;
		padding: 0 10px;
		border-left: 1px solid #999;
	}
	#footer ul.submenu li.first {
		border: none;
	}
	#footer ul.submenu li a {
		color: #000;
	}
}
@media screen and (max-width:767px) {
	#header h1 {
		font-size: 1.8em;
	}
	#header h2.ad_title {
		top: 0px;
		text-align: center;
		font-size: 1.1em;
	}

	section.movie h3 {
		padding:5px;
		font-size: 1.1em;
	}

	#main {
		padding: 10px 2.5%;
		border: 6px solid #CCCCCC;
		border-radius: 5px;
		font-size: 125%;
	}

	.step .unit-50 {
		margin-bottom: 0;
	}

	#footer {
		max-width: 90%;
		margin-right: auto;
		margin-left: auto;
		font-size: 114%;
	}
	#footer ul.submenu {
		list-style: disc;
		margin: 0 0 0 20px;
		padding: 0 0 10px 0;
		text-align: left;
	}
	#footer ul.submenu li {
		display: list-item;
		margin: 0 0 5px 0;
		padding: 0;
		border: none;
	}

	.sp_hide {
		display: none;
	}

	.sp_width_90 { max-width: 90%; }
	.sp_width_80 { max-width: 80%; }
	.sp_width_70 { max-width: 70%; }
	.sp_width_60 { max-width: 60%; }
	.sp_width_50 { max-width: 50%; }
	.sp_width_40 { max-width: 40%; }
	.sp_width_30 { max-width: 30%; }
	.sp_width_20 { max-width: 20%; }
	.sp_width_10 { max-width: 10%; }

	span.small {
		font-size: 0.8em;
	}

	span.large {
		font-size: 1.2em;
	}
	span.x_large {
		font-size: 1.7em;
	}
}