@charset "UTF-8";
.title {
	background-image:url(../images/title-bg2.jpg);
	}
.breadcrumb{
	padding-bottom:0;	
}
.section-info{
	padding-top:80px;
	}


.section01{
	text-align:left;
}
.box-gray{
	background:#eae9e7;
	padding:15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
	border-radius:5px;	
}
.section01 .content{
	margin-top:30px;
	padding-top: 50px;
}

#main section .content-title{
	font-size:20px;	
	margin-bottom:10px;
}
.box-article{
	background:#f2f2f2;
	padding:30px;
	margin:20px 0;
}
.box-article .article-pic{
	width:45%;	
	float:left;
}
.box-article .article-pic img{
	max-width:100%;	
}
.box-article .article-txt{
	float:right;
	width:53%;
}
.box-article .article-txt dt{
	margin-bottom:20px;
	font-size:20px;
}
.box-article .article-txt dd{
	margin:0;
}

.box-gray {
	margin-bottom: 80px;
	}

.content-txt{
}
.price{
	font-size:14px;
	font-weight:bold;
}
.color{
	display: inline-block;
	height:15px;
	width:100%;
	margin-bottom: 10px !important;
	}
	.color img {
		height: 15px;
		width: auto;
		}

.bdr-top{
	border-top:1px solid #e6e6e6;
	padding-top:40px;
}
input[type="checkbox"]{
   -webkit-transform: scale(2);
   transform: scale(2);
   margin:10px 1em 10px 10px;
   border-radius:1px;
}
.check-list{
	margin-top:30px;
	list-style:none;
	padding:0;	
}
.check-list li{
	margin:0 0 10px 0;
	padding:0;
}

#price-tag {
	margin-bottom: .5em;
	text-align:right;
}
#main section p.price-result {
	font-size: 12px;
	font-weight: bold;
}
#main section .price-result em {
	margin-right: .2em;
	background: linear-gradient(transparent 80%, #FCEE21 0%);
	font-style: normal;
	font-size: 32px;
	letter-spacing: 2px;
}

.item-list {
	margin: 30px 0 0 0;
	padding: 0;
	}
	.item-list li {
		display: block;
		float: left;
		width: 210px;
		margin: 0 30px 30px 0;
		padding: 0 0 3px 0;
		font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		text-align: left;
		color: #000;
		cursor: pointer;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;		
		}
	.item-list-half li {
		width: 90px;
		}
		
	.item-list li:nth-child(4n) {
		margin-right: 0;
		}
	.item-list-half li:nth-child(4n) {
		margin: 0 30px 30px 0;
		}
	.item-list-half li:nth-child(8n) {
		margin-right: 0;
		}
		
	
	
	.item-list li figure {
		display: block;
		box-sizing: border-box;
		width: 210px;
		/*height: 120px;*/
		margin-bottom: 12px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
		background-color: #EFEFEF;
		overflow: hidden;
		/*
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;*/
		}
		
	.item-list li h4 {
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 14px;
		line-height: 1.4;
		width:100%;
		}
	.item-list li p {
		margin-bottom: 5px;
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: 0;
		}
		
	.item-list li.selected figure {
		/*border: 4px solid rgba(35,172,255,1.00) !important;*/
		}
		.item-list li.selected figure img {
			opacity: .5;
			}
	.item-list li.selected h4,
	.item-list li.selected p {
		color: rgba(35,172,255,1.00) !important;
		}
			
			
			
				
.section-last figure{
		width:497px;
		float:left;
}
.section-last figure img{
	max-width:100%;
}
.estimate{
	width:442px;
	float:right;
	text-align:left;	
}
.estimate dl{
	margin-bottom:40px;	
}
.estimate dt{
	font-size:20px;
	margin-bottom:10px;	
}
.estimate dd{
	background:#fff;
	padding:20px;
	margin:0;
}
.estimate .total{
	font-size:1.2em;
	font-weight:bold;
	text-align:right;
	margin-top:-20px;	
}
.btn-wrapper{
	padding:30px 10px;
}
.btn-wrapper a{
}
.btn-wrapper a img{
	max-width:100%;
	margin:10px;
}

.how-to-mesure{
	background:#efefef;
	padding:30px 30px 10px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;	
}
.mesure-title{
	font-size:20px !important;	
}
.how-to-mesure dt{
	padding:0 5px;
	float:left;	
}
.how-to-mesure dd{
	over-flow:hidden;
	padding-bottom:5px;
}
.size-tb,
.info-tb{
	font-size:18px;	
}
.size-tb input,
.info-tb input,textarea{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow:none;
	border:1px solid #333333;
	margin-right:10px;
	padding:6px;
	max-width:100%;
	background:#1a1a1a;
}
textarea{
width:100%;	
}

/*for Webkit*/
input::-webkit-input-placeholder {
    color:#333333;
}

/*for Firefox*/
input:-moz-placeholder {
    color:#333333;
}

.size-tb th{
	width:96px;
	padding:15px 0 15px 10px;
	vertical-align:middle;
}
.size-tb td{
	padding:15px 0;
	vertical-align:middle;
}
.section-info{
	text-align:left;	
}
.tb-tit{
	font-size:18px;
	margin-bottom:20px;	
}
.info-tb th{
	width:280px;
	padding:15px 0 15px 10px;
	vertical-align:middle;
	position:relative;
}
.info-tb td{
	padding:15px 20px;
	vertical-align:middle;
}
.required{
	position:absolute;
	right:0;
}




.hidden-input {
	visibility: hidden;
	}



#viewimg {
	position: relative;
	float: left;
	width: 500px;
	height: 710px;
	margin-top: -100px;
	}
	#viewimg figure {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 500px;
		height: 750px;
		background-position: center center;
		background-size: 580px 870px;
		}
	/*#viewimg #viewimg-obi { background-image:url(../images/options/obi01.png); }
	#viewimg #viewimg-obiage { background-image: url(../images/options/obiage02.png); }
	#viewimg #viewimg-obijime { background-image: url(../images/options/obijime01.png); }
	#viewimg #viewimg-dateeri { background-image: url(../images/options/dateeri01.png); }
	#viewimg #viewimg-haneri { background-image: url(../images/options/haneri01.png); }
	#viewimg #viewimg-furisode { background-image: url(../images/sims/f0101001.png); }*/
	#viewimg #viewimg-bg { background-image: url(../../../../simulator/local/images/viewimg-bg.png); }




@media
	screen and (-webkit-min-device-pixel-ratio:1.5),
	screen and (min-resolution: 1.5dppx) {
	}


/* -------------------------------------------------------------------------- **
**  SMALL DEVICE
** -------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.section-last figure{
		width:auto;
		float:none;
		margin-bottom:20px;
	}
	.estimate{
		width:auto;
		float:none;	
	}
	.box-article .article-pic{
		width:auto;
		float:none;
		margin-bottom:20px;
		text-align:center;	
	}
	.box-article .article-txt{
		width:auto;
		float:none;	
	}
	.size-tb input{
		width:50%;
	}
	.info-tb th{
		width:30%;
		padding:15px 0 15px 10px;
		vertical-align:middle;
	}
	.info-tb input{
		width:100%;
	}
	.required{
		position:static;	
	}
	
	#viewimg {
		position: relative;
		float: none;
		width: 100%;
		height: 454px;
		margin: -25px auto;
		}
		#viewimg figure {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 454px;
			background-position: center center;
			background-size: contain;
			}
	
}