@charset "UTF-8";

@import url("./normalize.css");
@import url("./general.css");
@import url("./style.css");



.sp,
.spimage,
img[src*="_sp."],
.hidden {
	display: none !important;
}

div.container {
	width: 100%;
	max-width: 1030px;
	padding: 0;
}

@media screen and (max-width: 1029px) {
	#item .container, #faq .container, #company .container{
		width: 98%;
	}
	#item .getbasket input[type="image"]{
		width: 100%;
	}
	.product_cnt .floatLeft,.product_cnt .floatRight{
		width:49%;
	}

}

@media screen and (min-width:1152px) and ( max-width:1279px) {
	body{
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(238,238,238,1) 100%);
	}
}

@media screen and (min-width: 1280px) {
	body{
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(238,238,238,1) 100%);
	}
}


#header {
	padding-top: 0px;
}

#top_realtime_num {
  font-size: 13px;
}

.mt4{
	margin-top: 4em!important;
}
/*----------------------
商品エリア
----------------------*/

.h_product{
	font-size:32px;
	padding: 0 0 6px 30px;
	margin: 50px 0 0;
}

.max_period{
	text-align: right;
}


/* ---------------------------
Q&A
--------------------------- */
#faq .faq_title, #faq p .qa_red, #faq p .qa_yellow{
	font-size:48px;
}
#faq .faq_title .qa_red{
	font-size:72px;
}
#faq h3{
	margin: 40px 0;
}
.faq_sub_title{
	font-size: 32px;
}
.faq_q, .faq_a{
	padding: 0.5em 0.5em 0.5em 3.2em;
	}

.faq_q:before,.faq_a:before{
	font-size: 36px;
	top: -13px;
	left:10px;
	position: absolute;
}

/*----------------------
問い合わせ(モーダル)
----------------------*/
.modal .inner {
	position: absolute;
	z-index:1;
	top: 0; 
	right: 0;
	bottom:0;
	left: 0;
	margin: auto;
}