
.wrapper{
	position: relative;
	overflow: hidden;
	padding-top: 80px;
}

.bg-whiteloop:before{
	content:"";
	background:url(../../assets/img/common-inner/bg-whiteloop.png) no-repeat center top;
	background-size:100%;
	width:100%;height:0;
	position: absolute;
	padding-top:6%;
	bottom:-1%;
}

/**
*	table
*/
.cmn-table {
	margin: 7px 0;
}
.cmn-table tr > *:first-child{
	min-width: 5.6em;
}
.cmn-table tr > *:last-child{
	min-width: 200px;
}
.cmn-table tr th,
.cmn-table tr td{
	padding: 7px 9px;
	border: solid 1px #cfcfcf;
	vertical-align: top;
	line-height: 1.6;
	font-size: 12px;
	font-weight: normal;
	color: #4b4b4b;
}
.two-column .cmn-table tr > *:last-child{
	min-width: 291px;
}

.explanation {
	font-size: 10px;
}

.explanation p {
	margin-top: 0.3em;
}
.explanation .materials-caution {
	padding-left: 1em;
	text-indent: -1em;

	color: #f00;
}
.explanation .notes {
	padding-left: 1em;
	text-indent: -1em;
}


/**
*	badge *
**/

.thumb {
	position: relative;
}
.map-1 > .thumb:before ,
.map-2 > .thumb:before ,
.map-3 > .thumb:before ,
.map-4 > .thumb:before ,
.map-5 > .thumb:before ,
.map-6 > .thumb:before ,
.map-7 > .thumb:before ,
.map-8 > .thumb:before ,
.map-9 > .thumb:before ,
.map-10 > .thumb:before ,
.map-11 > .thumb:before ,
.map-12 > .thumb:before ,
.map-13 > .thumb:before ,
.map-14 > .thumb:before ,
.map-15 > .thumb:before ,
.map-16 > .thumb:before ,
.map-17 > .thumb:before ,
.map-18 > .thumb:before ,
.map-19 > .thumb:before ,
.map-20 > .thumb:before ,
.map-21 > .thumb:before ,
.map-22 > .thumb:before ,
.map-23 > .thumb:before ,
.map-24 > .thumb:before ,
.map-25 > .thumb:before ,
.map-26 > .thumb:before ,
.map-27 > .thumb:before ,
.map-28 > .thumb:before ,
.map-29 > .thumb:before ,
.map-30 > .thumb:before ,
.map-31 > .thumb:before ,
.map-31a > .thumb:before ,
.map-31b > .thumb:before ,
.map-32 > .thumb:before ,
.map-33 > .thumb:before ,
.map-34 > .thumb:before ,
.map-35 > .thumb:before ,
.map-36 > .thumb:before ,
.map-37 > .thumb:before ,
.map-38 > .thumb:before ,
.map-39 > .thumb:before ,
.map-40 > .thumb:before ,
.map-41 > .thumb:before ,
.map-42 > .thumb:before ,
.map-43 > .thumb:before ,
.map-44 > .thumb:before ,
.map-45 > .thumb:before ,
.map-46 > .thumb:before ,
.map-47 > .thumb:before ,
.map-48 > .thumb:before ,
.map-49 > .thumb:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 56px;
	height: 56px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}
.limited-pass > .thumb:after ,
.limited-1 > .thumb:after ,
.limited-2 > .thumb:after ,
.limited-3 > .thumb:after ,
.limited-4 > .thumb:after ,
.limited-5 > .thumb:after ,
.limited-6 > .thumb:after ,
.limited-7 > .thumb:after ,
.limited-8 > .thumb:after ,
.limited-9 > .thumb:after ,
.limited-10 > .thumb:after ,
.limited-11 > .thumb:after ,
.limited-12 > .thumb:after ,
.limited-we > .thumb:after ,
.limited-sp > .thumb:after ,
.limited-sm > .thumb:after ,
.limited-at > .thumb:after ,
.limited-wi > .thumb:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -18px;
	width: 114px;
	height: 56px;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index:10000;
}

.map-1 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-1.png);
}
.map-2 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-2.png);
}
.map-3 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-3.png);
}
.map-4 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-4.png);
}
.map-5 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-5.png);
}
.map-6 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-6.png);
}
.map-7 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-7.png);
}
.map-8 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-8.png);
}
.map-9 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-9.png);
}
.map-10 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-10.png);
}
.map-11 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-11.png);
}
.map-12 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-12.png);
}
.map-13 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-13.png);
}
.map-14 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-14.png);
}
.map-15 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-15.png);
}
.map-16 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-16.png);
}
.map-17 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-17.png);
}
.map-18 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-18.png);
}
.map-19 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-19.png);
}
.map-20 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-20.png);
}
.map-21 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-21.png);
}
.map-22 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-22.png);
}
.map-23 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-23.png);
}
.map-24 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-24.png);
}
.map-25 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-25.png);
}
.map-26 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-26.png);
}
.map-27 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-27.png);
}
.map-28 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-28.png);
}
.map-29 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-29.png);
}
.map-30 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-30.png);
}
.map-31 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-31.png);
}
.map-31a > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-31-A.png);
}
.map-31b > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-31-B.png);
}
.map-32 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-32.png);
}
.map-33 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-33.png);
}
.map-34 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-34.png);
}
.map-35 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-35.png);
}
.map-36 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-36.png);
}
.map-37 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-37.png);
}
.map-38 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-38.png);
}
.map-39 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-39.png);
}
.map-40 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-40.png);
}
.map-41 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-41.png);
}
.map-42 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-42.png);
}
.map-43 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-43.png);
}
.map-44 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-44.png);
}
.map-45 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-45.png);
}
.map-46 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-46.png);
}
.map-47 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-47.png);
}
.map-48 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-48.png);
}
.map-49 > .thumb:before{
	background-image: url(../../assets/img/common-inner/map-49.png);
}

/**
*	ribbon *
**/
.limited-pass > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-pass.png);
}

.limited-1 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-1.png);
}
.limited-2 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-2.png);
}
.limited-3 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-3.png);
}
.limited-4 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-4.png);
}
.limited-5 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-5.png);
}
.limited-6 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-6.png);
}
.limited-7 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-7.png);
}
.limited-8 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-8.png);
}
.limited-9 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-9.png);
}
.limited-10 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-10.png);
}
.limited-11 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-11.png);
}
.limited-12 > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-12.png);
}
.limited-we > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-we.png);
}
.limited-sp > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-sp.png);
}
.limited-sm > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-sm.png);
}
.limited-at > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-at.png);
}
.limited-wi > .thumb:after{
	background-image: url(../../assets/img/common-inner/ribbon-wi.png);
}

.cmn-option th ,
.cmn-option td {
	text-align: center;
}
.cmn-option tr > *:last-child {
	min-width: 1px;
}

.min-height650{
	min-height: 650px;
}


/**
*	decoration *
**/

.cmn-alert {
	color: #f00 !important;
}



@media screen and (max-width: 1200px) {
	.wrapper{
		padding-top:10.5%;
	}
	.min-height650{
	min-height:70vw;
}

}



@media screen and (max-width: 640px) {
	.cmn-table{
		width:100%;
	}
	.cmn-table tr th, .cmn-table tr td{
		font-size: 3.2vw;
	}
	.explanation {
		font-size: 3vw;
	}
		.min-height650{
	min-height:inherit;
}

}




/*--------------------- input-box ---------------------*/
.input-box{margin-top:10px;}
.input-box .content-box{
	font-size:12px;
	line-height: 20px;
	margin-top:10px;
}

.input-box .content-box .left-box{
	margin-bottom:10px;
}
.input-box .content-box .right-box{
}
.input-box .content-box .left-box p{float:left;}
.input-box .content-box .right-box p{float:left;}
.input-box .content-box .mb10{margin-bottom:10px;}

.input-box .content-box .box-color{
	padding:0 7px;
	word-spacing:10px;
	border-radius:5px;
	margin-right:5px;
}
.input-box .content-box .box-color.blue-bg{
	color:#2364be;
	background-color:#e3eefc;
}
.input-box .content-box .box-color.pink-bg{
	color:#fc515c;
	background-color:#fff0f1;
}
.input-box .content-box .box-color.green-bg{
	color:#1ea447;
	background-color:#e9fff0;
}
.input-box .content-box .box-color.orange-bg{
	color:#fb6314;
	background-color:#feece2;
}



.input-box .content-box .box-color.watercolor-bg{
	color:#00bfff;
	background-color:#dff7ff;
}

.wp-allergy {
	margin-top: 15px;
	background-color: #fff;
}


.wp-allergy img {
	width: 100%;


}

.input-box .content-box .ti2{padding-right:2em;}
.input-box .content-box .ti3{padding-right:0.5em;}

.input-box .wp-title{
	font-size:14px;
	font-weight: bold;
}

.input-box .wp-title.orange{
	color:#fb6314;
}

.input-box .text-box{
	margin-top:15px;
	font-size:12px;
}
.input-box .st-box{
	margin-bottom:10px;
}
.input-box .st-box p{
	float:left;
}
.input-box .wp-style{width:263px;}
.input-box .wp-style.wp-yakiagari{width:280px;}
@media screen and (max-width: 1200px) {
		/*--------------------- input-box ---------------------*/

	.input-box{margin-top:4%;}
	.input-box .content-box{
		font-size:2vw;
		line-height: 4vw;
		margin-top:2%;
	}

	.input-box .content-box .left-box{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:2%;
	}
	.input-box .content-box .right-box{
		float:none;
		width:100%;
	}

	.input-box .content-box .box-color{
		padding:0 2%;
		border-radius:2%;
		margin-right:4%;
	}
	.input-box .content-box .ti2{padding-right:2em;}

	.input-box .text-box{
		margin-top:4%;
		font-size:2vw;
	}
.input-box .wp-style{width:77%;}
	.input-box .wp-style.wp-yakiagari{width:77%;}
	.input-box .wp-title{font-size:2.2vw;}
}
@media screen and (max-width: 640px) {
	.input-box .content-box{font-size:3vw;}
	.input-box .text-box{
		font-size:3vw;
	}
	.input-box .wp-title{font-size:3vw;}
}
