@charset "UTF-8";
body.common { background-color: #EEEEEE; }
.select-item { }
.select-item div { display: none; }
.select-item div.active-item { display: block; }

/* PC Style
--------------------------------------------------*/
@media only screen and (min-width:481px) {
body.common div.wrapper { }
body.common div.container { padding: 20px 0px 20px 0px; }
body.common div.main { min-height: 500px; }
body.detail div.contents { /*width: 480px;
	height: 660px;
	margin: auto;
	border: solid 1px #666;*/ }
body.detail div.contents article.sub {
	margin: auto;
	width: 480px;
	height: 640px;
}
body.detail div.contents article.sub div.middle {
	position: relative;
	width: 480px;
	height: 540px;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
ヘッダボタン
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/


ul.main {
	position: relative;
	width: 420px;
	height: 46px;
	margin: auto;
	padding: 0 0 12px 0;
}
ul.main li.input,
ul.main li.collect {
	position: absolute;
	left: 0;
	top: 0;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
collect
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/

div#collect {
	position: absolute;
	left: 20px;
	top: 0;
	width: 420px;
	height: 640px; /*z-index:30;*/
}
div#collect p.loading {
	padding: 200px 0 0 0;
	font-size: 93%;
	line-height: 1em;
	text-align: center;
}
div#collect section#review {
	width: 440px;
	height: 440px;
	margin: 0 0 25px 0;
	overflow: auto;
}
div#collect section#review article {
	margin: 0 14px 0 14px;
	padding: 16px 0 16px 0;
}
div#collect section#review article div.header { }
div#collect section#review article div.header h1 {
	padding: 0 0 16px 0;
	font-size: 123.1%;
	line-height: 1em;
	font-weight: bold;
}
div#collect section#review article div.header div.meta { padding: 0 0 16px 0; }
div#collect section#review article div.header div.meta p.name { float: left; }
div#collect section#review article div.header div.meta p.name span.name {
	font-size: 93%;
	line-height: 1em;
	font-weight: bold;
}
div#collect section#review article div.header div.meta p.name span.san {
	font-size: 77%;
	line-height: 1em;
	font-weight: bold;
}
div#collect section#review article div.header div.meta p.meta {
	float: right;
	font-size: 93%;
	line-height: 1em;
	font-weight: bold;
}
div#collect section#review article p.text {
	padding: 0 0 5px 0;
	font-size: 93%;
	line-height: 1.75em;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
div#collect section#review article p.text2{
	padding: 0 0 12px 0;
	font-size: 93%;

}
div#collect aside.console_page {
	width: 420px;
	height: 37px;
}
div#collect aside.console_page div#console_page { }
div#collect aside.console_page div#console_page ul {
	width: 302px;
	margin: 0 auto;
}
div#collect aside.console_page div#console_page ul li.left {
	float: left;
	width: 75px;
}
div#collect aside.console_page div#console_page ul li.center {
	float: left;
	width: 155px;
	text-align: center;
	font-size: 93%;
	line-height: 1.75em;
	font-weight: bold;
}
div#collect aside.console_page div#console_page ul li.right {
	float: left;
	width: 72px;
}
div#collect aside.console_btn {
	width: 434px;
	height: 36px;
}
div#collect aside.console_btn ul {
	position: relative;
	left: 50%;
	float: left;
	margin: 0 auto;
}
div#collect aside.console_btn li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 12px 0 0;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
search
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/
div#search {
	position: absolute;
	left: 20px;
	top: 0;
	width: 420px;
	height: 640px; /* z-index:20;*/
}
div#search p.title { }
div#search div.field { padding: 120px 100px 0 100px; }
div#search div.field div.item { padding: 0 0 20px 0; }
div#search div.field div.item div.name {
	float: left;
	font-size: 93%;
	line-height: 1.75em;
}
div#search div.field div.item div.select {
	float: right;
	font-size: 93%;
	line-height: 1.75em;
}
div#search div.field div.item div.select select {
	width: 120px;
	padding: 2px;
}
div#search div.field div.submit {
	padding: 40px 0 0 0;
	text-align: center;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
input
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/
div#input {
	position: absolute;
	left: 20px;
	top: 0;
	width: 420px;
	height: 640px; /*z-index:13;*/
}
div#input p.title { }
div#input div.field { padding: 30px 0 0 0; }
div#input div.field div.itemSet { height: 432px; }
div#input div.field div.itemSet div.item {
	width: 420px;
	padding: 0 0 30px 0;
}
div#input div.field div.itemSet div.item div.name {
	float: left;
	width: 120px;
	font-size: 93%;
	line-height: 1.75em;
}
div#input div.field div.itemSet div.item div.select {
	float: right;
	width: 300px;
	font-size: 93%;
	line-height: 1.75em;
}
div#input div.field div.itemSet div.item div.select select {
	width: 120px;
	padding: 2px;
}
div#input div.field div.itemSet div.item div.select input {
	width: 290px;
	height: 18px;
	padding: 2px;
	font-size: 93%;
	line-height: 1.75em;
}
div#input div.field div.itemSet div.item div.select textarea {
	width: 290px;
	height: 56px;
	padding: 2px;
	font-size: 93%;
	line-height: 1.75em;
}
div#input div.field div.submit { position: relative; }
div#input div.field div.submit p {
	width: 420px;
	text-align: center;
}
div#input div.field div.submit p.on {
	position: absolute;
	left: 0;
	top: 0;
	width: 420px;
	text-align: center;
}
div#input div.field div.submit p.off {
	position: absolute;
	left: 0;
	top: 0;
	width: 420px;
	text-align: center;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
confirm
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/

div#confirm {
	position: absolute;
	left: 20px;
	top: 0;
	width: 420px;
	height: 640px; /* z-index:12;*/
}
div#confirm p.title { padding: 0 0 30px 0; }
div#confirm div.field {
	width: 440px;
	height: 200px;
	overflow: auto;
}
div#confirm div.field article { padding: 0 16px 0 0; }
div#confirm div.field article div.header h1 {
	padding: 0 0 16px 0;
	font-size: 123.1%;
	line-height: 1em;
	font-weight: bold;
}
div#confirm div.field article div.header div.meta { padding: 0 0 16px 0; }
div#confirm div.field article div.header div.meta p.name { float: left; }
div#confirm div.field article div.header div.meta p.name span.name {
	font-size: 93%;
	line-height: 1em;
	font-weight: bold;
}
div#confirm div.field article div.header div.meta p.name span.san {
	font-size: 77%;
	line-height: 1em;
	font-weight: bold;
}
div#confirm div.field article div.header div.meta p.meta {
	float: right;
	font-size: 93%;
	line-height: 1em;
	font-weight: bold;
}
div#confirm div.field article p.text {
	padding: 0 0 12px 0;
	font-size: 93%;
	line-height: 1.75em;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
div#confirm p.title2 { padding: 30px 0 0 0; }
div#confirm div.field2 {
	width: 440px;
	height: 134px;
	overflow: auto;
}
div#confirm div.field2 dl { padding: 10px 10px 0 0; }
div#confirm div.field2 dl dt {
	clear: left;
	float: left;
width:30px padding:0 0 12px 0;
}
div#confirm div.field2 dl dd {
	padding: 0 0 12px 30px;
	font-size: 93%;
	line-height: 1.75em;
}
div#confirm div.field2 dl dd a:link { text-decoration: underline; }
div#confirm div.field2 dl dd a:visited { text-decoration: underline; }
div#confirm div.field2 dl dd a:hover { text-decoration: none; }
div#confirm div.field2 dl dd a:active { text-decoration: none; }
div#confirm div.exOut {
	height: 24px;
	padding: 4px 0 0 0;
}
div#confirm div.ex {
	font-size: 93%;
	line-height: 1.75em;
	color: #ff0000;
}
div#confirm div.submit { }
div#confirm div.submit div#confirm_submit {
	float: left;
	position: relative;
	padding: 0 10px 0 0;
}
div#confirm div.submit div#confirm_submit p.on {
	position: absolute;
	left: 0;
	top: 0;
	width: 259px;
}
div#confirm div.submit div#confirm_submit p.off {
	position: absolute;
	left: 0;
	top: 0;
	width: 259px;
}
div#confirm div.submit div#confirm_back {
	float: left;
	padding: 6px 0 0 0;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
thanks
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/
div#thanks {
	position: absolute;
	left: 20px;
	top: 0;
	width: 420px;
	height: 640px; /* z-index:11;*/
}
div#thanks p.title { padding: 0 0 25px 0; }
div#thanks div.field { }
div#thanks div.field p {
	height: 460px;
	font-size: 93%;
	line-height: 2em;
}
div#thanks div.field div.submit { text-align: center; }
}

/* Smart Style
--------------------------------------------------*/

@media only screen and (max-width:480px) {
body img {
	width: 100%;
	height: auto;
}
body.common div.wrapper { min-height: 100%; }
body.common div.container {
	width: 80%;
	overflow: hidden;
	margin: auto;
}
body.common div.wrapper { }
body.common div.container { padding: 10px; }
body.common div.main { min-height: 500px; }
body.detail div.contents { /*width: 480px;
	height: 660px;
	margin: auto;
	border: solid 1px #666;*/ }
body.detail div.contents article.sub {
	margin: auto;
	width: auto;
	height: auto;
}
body.detail div.contents article.sub div.middle {
	position: relative;
	width: auto;
	height: auto;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
Smart Style　ヘッダボタン
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/


ul.main {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	padding: 0 0 12px 0;
	box-sizing: border-box;
}
ul.main li.input,
ul.main li.collect {
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
}
ul.main li.input img,
ul.main li.collect img {
	width: 100%;
	height: auto;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
Smart Style　collect
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/





div#collect { }
div#collect p.loading {
	font-size: 14px;
	line-height: 1em;
	text-align: center;
}
div#collect section#review { padding: 3% 3% 3% 3%; }
div#collect section#review article {
	margin: 0 0 6% 0;
	padding: 0 0 6% 0;
	background-position: left bottom;
	background-repeat: repeat-x;
}
div#collect section#review article div.header { }
div#collect section#review article div.header h1 {
	padding: 0 0 3% 0;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
}
div#collect section#review article div.header div.meta { padding: 0 0 3% 0; }
div#collect section#review article div.header div.meta p.name { padding: 0 0 1% 0; }
div#collect section#review article div.header div.meta p.name span.name {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
}
div#collect section#review article div.header div.meta p.name span.san {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
}
div#collect section#review article div.header div.meta p.meta {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
}
div#collect section#review article p.text {
	padding: 0 0 3% 0;
	font-size: 14px;
	line-height: 1.5em;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
div#collect section#review article div.footer {
	font-size: 14px;
	line-height: 1em;
}
div#collect section#review article div.footer ul { }
div#collect section#review article div.footer ul li {
	margin: 0 6% 0 0;
	float: left;
	font-size: 14px;
	line-height: 1.5em;
}
div#collect aside.console_page { padding: 0 3% 12% 3%; }
div#collect aside.console_page div#console_page { }
div#collect aside.console_page div#console_page ul { }
div#collect aside.console_page div#console_page ul li.left {
	float: left;
	width: 29%;
}
div#collect aside.console_page div#console_page ul li.center {
	float: left;
	width: 38%;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
}
div#collect aside.console_page div#console_page ul li.right {
	float: left;
	width: 29%;
}
div#collect aside.console_btn { }
div#collect aside.console_btn ul { }
div#collect aside.console_btn li {
	width: 60%;
	margin: 0 auto;
	padding: 0 0 3% 0;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
Smart Style　search
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/
div#search { }
div#search p.title { padding: 0 0 3% 0; }
div#search div.field { padding: 0 6% 0 6%; }
div#search div.field div.item { padding: 0 0 3% 0; }
div#search div.field div.item div.name {
	padding: 0 0 1% 0;
	font-size: 14px;
	line-height: 1.5em;
}
div#search div.field div.item div.select { }
div#search div.field div.item div.select select {
	width:200px;
	height: 36px;
	font-size: 16px;
	line-height: 1.5em;
}
div#search div.field div.submit {
	width: 70%;
	margin: 0 auto;
	padding: 12% 0 0 0;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
Smart Style　input
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/

div#input { }
div#input p.title { padding: 0 0 3% 0; }
div#input div.field { padding: 3% 0 0 0; }
div#input div.field div.itemSet { padding: 0 0 3% 0; }
div#input div.field div.itemSet { /zoom:1;
}
div#input div.field div.itemSet:after {
	content: "";
	display: block;
	clear: both;
}
div#input div.field div.itemSet div.item { padding: 0 0 3% 0; }
div#input div.field div.itemSet div.item { /zoom:1;
}
div#input div.field div.itemSet div.item:after {
	content: "";
	display: block;
	clear: both;
}
div#input div.field div.itemSet div.item div.name {
	padding: 0 0 1% 0;
	font-size: 14px;
	line-height: 1.5em;
}
div#input div.field div.itemSet div.item div.select { }
div#input div.field div.itemSet div.item div.select select {
	width: 100%;
	height: 36px;
	font-size: 16px;
	line-height: 1em;
}
div#input div.field div.itemSet div.item div.select input {
	width: 100%;
	height: 36px;
	font-size: 16px;
	line-height: 1.5em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div#input div.field div.itemSet div.item div.select textarea {
	width: 100%;
	height: 72px;
	font-size: 16px;
	line-height: 1.5em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div#input div.field div.submit {
	position: relative;
	width: 80%;
	margin: 0 auto;
}
div#input div.field div.submit p.on {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}
div#input div.field div.submit p.off {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
Smart Style　confirm
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/

div#confirm { }
div#confirm p.title { padding: 0 0 3% 0; }
div#confirm article { }
div#confirm article div.header h1 {
	padding: 0 0 3% 0;
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
}
div#confirm article div.header div.meta { padding: 0 0 3% 0; }
div#confirm article div.header div.meta p.name { padding: 0 0 1% 0 }
div#confirm article div.header div.meta p.name span.name {
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
}
div#confirm article div.header div.meta p.name span.san {
	font-size: 12px;
	line-height: 1em;
	font-weight: bold;
}
div#confirm article div.header div.meta p.meta {
	font-size: 12px;
	line-height: 1em;
	font-weight: bold;
}
div#confirm article p.text {
	padding: 0 0 3% 0;
	font-size: 14px;
	line-height: 1.5em;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
div#confirm p.title2 { padding: 0 0 3% 0; }
div#confirm div.field { margin: 0 0 3% 0; }
div#confirm div.field p {
	padding: 0 0 6% 0;
	font-size: 12px;
	line-height: 1.5em;
}
div#confirm div.field2 {
	margin: 0 0 3% 0;
	padding: 3% 0 0 0;
}
div#confirm div.field2 input[type="checkbox"] {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}
div#confirm div.field2 dl { }
div#confirm div.field2 dl { /zoom:1;
}
div#confirm div.field2 dl:after {
	content: "";
	display: block;
	clear: both;
}
div#confirm div.field2 dl dt {
	clear: left;
	float: left;
width:35px padding:0 0 6% 0;
}
div#confirm div.field2 dl dt input {
	width: 25px;
	height: 25px;
}
div#confirm div.field2 dl dd {
	padding: 2% 0 6% 35px;
	font-size: 12px;
	line-height: 1.5em;
}
div#confirm div.field2 dl dd a:link { text-decoration: underline; }
div#confirm div.field2 dl dd a:visited { text-decoration: underline; }
div#confirm div.field2 dl dd a:hover { text-decoration: none; }
div#confirm div.field2 dl dd a:active { text-decoration: none; }
div#confirm div.submit { padding: 0 6% 3% 6%; }
div#confirm div.submit div#confirm_submit {
	position: relative;
	margin: 0 0 3% 0;
	width: 100%;
}
div#confirm div.submit div#confirm_submit p.on {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
div#confirm div.submit div#confirm_submit p.off {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
div#confirm div.submit div#confirm_back {
	padding: 0 0 0 0;
	width: 65%;
	margin: 0 auto;
}
div#confirm div.ex {
	padding: 0 6% 3% 6%;
	font-size: 14px;
	line-height: 1.5em;
	color: #ff0000;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
Smart Style　thanks
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/
div#thanks { }
div#thanks p.title { padding: 0 0 3% 0; }
div#thanks div.field { }
div#thanks div.field p {
	padding: 0 0 6% 0;
	font-size: 14px;
	line-height: 1.5em;
}
div#thanks div.field div.submit {
	width: 50%;
	margin: 0 auto;
	padding: 3% 0 00;
}
body.detail div.contents article.sub div.bottom {
	background-image: url("../images/type_a/detail/bg_sub_bottom_spsp.png");
	background-position: center top;
	background-repeat: no-repeat;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}
}
/*
---------------------------------------------------------

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


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

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