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


#mainwrap {
	width: 100%;
	max-width:1400px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display:block !important;
	margin-bottom: 20px;
}
#mainwrap img, #mainwrap_mp img {
	width: 100%;
	height: auto;
}
#mainwrap_mp {
	display: none !important;
}


@media only screen and (max-width: 700px) {
#mainwrap_mp {
	width: 100%;
	max-width:500px;
	height:auto;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	display:block !important;
}
#mainwrap {
	display: none !important;
}

}


/************************************************************
 * クイックナビ
************************************************************/
#quicknaviwrap {
	width:90%;
	max-width:1358px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:80px;
   border:solid 1px #AF744F;
 	background-color:#FDE8D4;
	padding: 20px 20px;
}

.quicknavibox {
	max-width:197px;
	width:18%;
	margin-left:3%;
	margin-right:3%;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top; 

}
.quicknavibox img {
	width:100%;
	height:auto;
}


@media only screen and (max-width: 1000px) {
#quicknaviwrap {
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}
.quicknavibox {
	max-width:197px;
	width:42%;
	margin-left:3%;
	margin-right:3%;
	margin-bottom:20px;
}
}


/************************************************************
 * 各商品ごとの説明
************************************************************/

.pointbox {
	max-width:1146px;
	width: 90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.pointbox .inbox {
	width:49.5%;
	max-width: 573px;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
	margin-bottom:35px;
}
.pointbox .inbox img {
	width:100%;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
}


.pointbox .inbox .innerright {
	width:95%;
	margin-left:5%;
	text-align:left;
	}
.pointbox .inbox .innerleft {
	width:95%;
	margin-right:5%;
	text-align:left;
	}
.pointbox .inbox .inmidashi {
	width:100%;
	overflow:hidden;
}
.pointbox .inbox .inmidashi .icon {
	width:88px;
	height:55px;
	margin-right:15px;
	float:left;
}
.pointbox .inbox .inmidashi .icon img {
	width:100%;
	height:auto;
}
.pointbox .inbox .inmidashi .midashi {
	float:left;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	width:calc(100% - 103px);
	height:auto;
}



.pointbox .inbox .hosokuph {
	max-width:238px;
	width:42%;
	height:auto;
	padding:5px 5px;
	border:#CCCCCC 1px solid;
	display:inline-block; /* inlineblock化 */
	vertical-align:top;
	margin-right:3%;
}
.pointbox .inbox .hosokuph img {
	width:100%;
	height:auto;
}




@media only screen and (max-width: 1000px) {
.pointbox {
	width:90%;
	margin-bottom:45px;
}

.pointbox .inbox {
	width:100%;
	max-width: 573px;
	height:auto;
	display: block;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
}

.pointbox .inbox .inmidashi {
	font-weight:bold;
	font-size:1.1em;
	text-align:left;
	width:100%;
}




.pointbox .inbox .innerleft {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-30px;
}
.pointbox .inbox .hosokuph {
	margin-right:1.5%;
	margin-left:1.5%;
}
}


#illust_tokojiki {
	width:100%;
	max-width:704px;
	margin-left:auto;
	margin-right:auto;
}
#illust_tokojiki img {
	width:100%;
	height:auto;
}