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

.select-item { }
.select-item div { display: none; }
.select-item div.active-item { display: block; }
.wrapper {
	width: 1000px;
	margin: auto;
}
.form-main-title {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
}
body.sp .form-main-title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}
/* スマホ用スタイル
---------------------------------------------------------
*/
.sp .wrapper {
	width: 100%;
	margin: auto;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
ヘッダボタン
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/


/**/
.form-main-table {
	display: table;
	width: 100%;
	margin-bottom:2em;
	
}
.form-main-table .td {
	display: table-cell;
	width: 50%;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background-image: url(../../../images/bg-btn.png);
}
/**/
ul.main,
ul.main li.input,
ul.main li.collect {
	list-style: none;
	margin: 0;
	padding: 0px 0;/*background-image:url(../../../images/nav-bg.png);*/
	
}
ul.main li img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
	margin:5px 0;
}
ul.main { width: 100%; }
ul.main li.input,
ul.main li.collect { }
/* スマホ用スタイル
---------------------------------------------------------
*/
body.sp .form-main-table {
	display: block;
	width: 100%;
	
}
body.sp .form-main-table .td {
	display: block;
	width: 100%;
	border-left: solid 0px #fff;
	border-top: solid 0px #fff;
	border-right: solid 0px #fff;
	border-bottom: solid 1px #fff;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
collect
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/


div#collect p.loading {
	padding: 200px 0 0 0;
	font-size: 93%;
	line-height: 1em;
	text-align: center;
}
div#collect section#review {
	width: 900px;
	height: auto;
	margin: 0 auto 0 auto;
	overflow: auto;
}

div#collect section#review article{
margin: 0 14px 0 14px;
	padding: 16px 0 16px 0;
	border-bottom:solid 1px #ccc;
}

div#collect section#review article div.header { }
div#collect section#review article div.header h1 {
	padding: 0 0 16px 0;
	margin:0;
	font-size: 123.1%;
	line-height: 1.5;
	font-weight: bold;
}
div#collect section#review article div.header div.meta { padding: 0 0 16px 0;
overflow:hidden; }
div#collect section#review article div.header div.meta p.name { float: left;margin:0; }
div#collect section#review article div.header div.meta p.name span.name {
	font-size: 93%;
	line-height: 1.5;
	font-weight: bold;
	margin:0;
}
div#collect section#review article div.header div.meta p.name span.san {
	font-size: 77%;
	line-height: 1.5;
	font-weight: bold;
}
div#collect section#review article div.header div.meta p.meta {
	float: right;
	font-size: 93%;
	line-height: 1.5;
	font-weight: bold;
	margin:0;
}
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;
	clear:both;
	margin:0;
}
div#collect section#review article p.text2 {
	padding: 0 0 12px 0;
	margin:0;
	font-size: 93%;
}
div#collect section#review article .footer ul{
	margin:0;
}
div#collect aside.console_page {
	width: 100%;
	height: 37px;
	padding: 30px 0;
}
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: 90px;
}
div#collect aside.console_page div#console_page ul li.center {
	float: left;
	width: 120px;
	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: right;
	width: 90px;
}
div#collect aside.console_btn {
	width: 100%;
	height: 37px;
	padding: 30px 0;
}
div#collect aside.console_btn ul {
	display: block;
	text-align: center;
	padding:0;
	margin:0;
}
div#collect aside.console_btn li { display: inline-block;}



/* Pickup */
div#collect section#review-pickup {
	width: 900px;
	height: auto;
	margin: 0 auto 0 auto;
	overflow: auto;
}

div#collect section#review-pickup article{
	margin: 0 14px 0 14px;
	padding: 16px;
	/*border-bottom:solid 1px #000;*/
	border:solid 2px #000;
}
div#collect section#review-pickup article div.header { }
div#collect section#review-pickup article div.header h1 {
	padding: 0 0 16px 0;
	margin:0;
	font-size: 123.1%;
	line-height: 1.5;
	font-weight: bold;
}
div#collect section#review-pickup article div.header div.meta { padding: 0 0 16px 0;
overflow:hidden; }
div#collect section#review-pickup article div.header div.meta p.name { float: left;margin:0; }
div#collect section#review-pickup article div.header div.meta p.name span.name {
	font-size: 93%;
	line-height: 1.5;
	font-weight: bold;
	margin:0;
}
div#collect section#review-pickup article div.header div.meta p.name span.san {
	font-size: 77%;
	line-height: 1.5;
	font-weight: bold;
}
div#collect section#review-pickup article div.header div.meta p.meta {
	float: right;
	font-size: 93%;
	line-height: 1.5;
	font-weight: bold;
	margin:0;
}
div#collect section#review-pickup 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;
	clear:both;
	margin:0;
}
div#collect section#review-pickup article p.text2 {
	padding: 0 0 12px 0;
	margin:0;
	font-size: 93%;
}
div#collect section#review-pickup article .footer ul{
	margin:0;
}


/* スマホ用スタイル
---------------------------------------------------------
*/

body.sp div#collect p.loading { }
body.sp div#collect section#review,
body.sp div#collect section#review-pickup {
	width: 100%;
	height: auto;
	margin: 0 0 25px 0;
	overflow: auto;
}

body.sp div#collect section#review article {
}
body.sp div#collect section#review article div.header { }
body.sp div#collect section#review article div.header h1 {
}
body.sp div#collect section#review article div.header div.meta { }
body.sp div#collect section#review article div.header div.meta p.name {  }
body.sp div#collect section#review article div.header div.meta p.name span.name {
}
body.sp div#collect section#review article div.header div.meta p.name span.san {
}
body.sp div#collect section#review article div.header div.meta p.meta {
}
body.sp div#collect section#review article p.text {
}
body.sp div#collect section#review article p.text2 {
}
body.sp div#collect aside.console_page {
}
body.sp div#collect aside.console_page div#console_page { }
div#collect aside.console_page div#console_page ul {
	width: 80%;
	margin: 0 auto;
}
body.sp div#collect aside.console_page div#console_page ul li.left {
	
}
body.sp div#collect aside.console_page div#console_page ul li.center {
	width:30px;
}
body.sp div#collect aside.console_page div#console_page ul li.right {float: right;
}
body.sp div#collect aside.console_btn {
}
body.sp div#collect aside.console_btn ul {
}
body.sp div#collect aside.console_btn li { display: block;}



/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
search
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/
div#search { }
div#search p.title {
	text-align: center;
	padding: 30px 0;
}
div#search div.field {
	width: 200px;
	margin: auto;
}
div#search div.field div.item {
	clear: both;
	width: 100% !important;
	padding-bottom: 10px;
}
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;
}
/* スマホ用スタイル
---------------------------------------------------------
*/
body.sp div#search p.title {
	text-align: center !important;
	padding: 30px 0;
}

body.sp div#search p.title img{
	width:100%;
	height:auto;

	
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
input
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/
div#input { }
div#input p.title {
	text-align: center;
	padding: 30px 0;
	
	display:none;
}
div#input div.field { padding: 0; }
div#input div.field div.itemSet {
	width: 450px;
	margin: auto;
}
div#input div.field div.itemSet div.item {
	clear: both;
	width: 100%;
	padding-bottom: 10px;
}
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;
	width: 263px;
	margin: auto;
	margin-top: 30px;
}
div#input div.field div.submit p {
	width: 263px;
	text-align: center;
	margin: 0;
	padding: 0;
}
div#input div.field div.submit p.on {
	position: absolute;
	left: 0;
	top: 0;
	width: 263px;
	text-align: center;
}
div#input div.field div.submit p.off {
	position: absolute;
	left: 0;
	top: 0;
	width: 263px;
	text-align: center;
}

/* スマホ用スタイル
---------------------------------------------------------
*/
body.sp div#input p.title {
	text-align: center !important;
	padding: 30px 0;
}
body.sp div#input p.title img{
	width:100%;
	height:auto;
}
body.sp div#input div.field div.itemSet {
	width: 90%;
	margin: auto;
}

body.sp div#input div.field div.itemSet div.item {
	clear: both;
	width: 100% !important;
	padding-bottom: 10px;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
confirm
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/

div#confirm { }
div#confirm p.title {
	text-align: center;
	padding: 30px 0;
}

div#confirm div.field {
	width: 450px;
	margin: 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,
div#confirm div.field2 {
	width: 450px;
	margin: auto;
}
div#confirm p.title2 { padding: 30px 0 0 0; }
div#confirm div.field2 {
	height: auto;
	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;
	text-align: center;
}
div#confirm div.submit {
	width: 450px;
	margin: auto;
}
div#confirm div.submit div#confirm_submit {
	position: relative;
	width: 259px;
	margin: auto;
}
div#confirm div.submit div#confirm_submit p {
	margin: 0;
	padding: 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 {
	padding: 20px 0 0 0;
	text-align: center;
}
/* スマホ用スタイル
---------------------------------------------------------
*/
body.sp div#confirm p.title {
	text-align: center !important;
	padding: 30px 0;
}
body.sp div#confirm p.title2,
body.sp div#confirm div.field2{
	width:auto;
}
body.sp div#confirm p.title img,
body.sp div#confirm p.title2 img{
	width:100%;
	height:auto;
}
body.sp div#confirm div.field {
	width: auto;
	margin: auto;
}
body.sp div#confirm div.field2 {
	width: auto;
	margin: auto;
	padding:10px;
}
body.sp div#confirm div.submit {
	width: auto;
	margin: auto;
}
/*
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
thanks
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
*/
div#thanks { }
div#thanks p.title {
	text-align: center;
	padding: 30px 0;
}

div#thanks div.field {
	width: 450px;
	margin: auto;
}
div#thanks div.field p { }
div#thanks div.field div.submit { text-align: center; }
/* スマホ用スタイル
---------------------------------------------------------
*/
body.sp div#thanks p.title {
	text-align: center !important;
	padding: 30px 0;
}
body.sp div#thanks p.title img{
	width:100%;
	height:auto;
}
body.sp div#thanks div.field {
	width: auto;
	margin: auto;
	padding:10px;
}