@charset "UTF-8";


/* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){

}
/* TEMPLATE Retina parts end*/


/* INTERFACE */


	body{
		margin:0px;
		padding:0px;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

	header{
		width:100%;
		height:100px;
		padding:0px 20px 0px;
		box-sizing:border-box;
	}

	header #header_inner{
		max-width:1280px;
		margin:0px auto;
		position:relative;
	}

div.logo{
		width:250px;
		margin:0px;
		font-size:15px;
		line-height:1em;
		position:absolute;
		top:36px;
		left:0px;
	}

div.logo img{
		width:100%;
		height:auto;
	}


	header #header_inner h1{
		width:250px;
		margin:0px;
		font-size:15px;
		line-height:1em;
		position:absolute;
		top:36px;
		left:0px;
	}

	header #header_inner h1 img{
		width:100%;
		height:auto;
	}

	header #header_inner #sub_menu{
		width:450px;
		margin:0px;
		padding:0px;
		list-style-type:none;
		position:absolute;
		top:16px;
		right:85px;
	}

	header #header_inner #sub_menu li{
		display:inline;
		margin:0px 15px 0px 0px;
	}

	header #header_inner #sub_menu li a{
		font-size:11px;
		line-height: 15px;
		color:#e60012;
		text-decoration:none;
	}

	header #header_inner #sub_menu li a:hover{
		text-decoration:underline;
	}

	header #header_inner #sub_menu li:nth-child(1) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../../img/interface/header_sub_menu_shop.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #sub_menu li:nth-child(2) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../../img/interface/header_sub_menu_faq.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #sub_menu li:nth-child(3) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../../img/interface/header_sub_menu_favorite.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #sub_menu li:nth-child(4) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../../img/interface/header_sub_menu_sitemap.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #sub_menu li:nth-child(5) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../../img/interface/header_sub_menu_mail.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #header_global_btn{
		display:block;
		width:105px;
		position:absolute;
		top:16px;
		right:0px;
	}

	header #header_inner #header_global_btn:hover{
		opacity:0.6;
	}

	header #header_inner #header_global_btn img{
		width:100%;
		height:auto;
	}

	header #header_inner #search{
		width:410px;
		margin:0px;
		padding:0px;
		list-style-type:none;
		position:absolute;
		top:36px;
		right:-10px;
	}


	#gNav{
		width:100%;
		height:40px;
		background-color:#e60012;
		padding:0px 20px 0px;
		box-sizing:border-box;
	}

	#gNav ul{
		max-width:1280px;
		margin:0px auto;
		padding:0px;
		list-style-type:none;
		background-image:url(../../../img/interface/gnav_statement.png);
		background-repeat:no-repeat;
		background-position:right center;
		background-size:100px;
		overflow:hidden;
	}

	#gNav ul li{ 
		float:left;
		display: -webkit-box; /* safari, Chrome */
		display: -moz-box;    /* Firefox */
		display: -o-box;      /* Opera */
		display: -ms-box;     /* IE */
		display: box;
		-webkit-box-align: center; /* safari, Chrome */
		-moz-box-align: center;    /* Firefox */
		-o-box-align: center;      /* Opera */
		-ms-box-align: center;     /* IE */
		box-align: center;
		height:40px;
		border-right:1px solid #f38089;
		font-size:14px;
		color:#ffffff;
	}

	#gNav ul li:nth-child(1){ 
		border-left:1px solid #f38089;
	}

	#gNav ul li span,
	#gNav ul li a{
		display: block;
		padding:9px 20px;
		color:#ffffff;
		text-decoration:none;
	}

	#gNav ul li a:hover{
		background-color:#000000;
	}

	#gNav ul li #now_page{
		background-color:#000000;
	}

	button.drawer-toggle.drawer-hamburger {
	    display: none;
	}

	@media only screen and (max-width: 1280px) {

div.logo {
			width:250px;
			margin:0px;
			font-size:15px;
			line-height:1em;
			position:absolute;
			top:36px;
			left:5px;
		}

		header #header_inner h1{
			width:250px;
			margin:0px;
			font-size:15px;
			line-height:1em;
			position:absolute;
			top:36px;
			left:5px;
		}


		header #header_inner #header_global_btn{
			display:block;
			width:105px;
			position:absolute;
			top:16px;
			right:5px;
		}

		header #header_inner #search{
			width:410px;
			margin:0px;
			padding:0px;
			list-style-type:none;
			position:absolute;
			top:36px;
			right:-5px;
		}


		#gNav{
			width:100%;
			height:40px;
			padding:0px 20px;
			background-color:#e60012;
			box-sizing:border-box;
		}

		#gNav ul li span,
		#gNav ul li a{
			display: block;
			padding:9px 10px;
			color:#ffffff;
			text-decoration:none;
		}

	}


	footer{
		width:100%;
		margin:150px 0px 0px;
		padding:30px 20px;
		border-top:5px solid #ef0000;
		box-sizing:border-box;
	}

	footer #footer_inner{
		max-width:1280px;
		height:40px;
		margin:0px auto;
		padding:0px 20px;
		position:relative;
		box-sizing:border-box;
	}

	footer #footer_inner #page_top{
		width:140px;
		position:absolute;
		top:-80px;
		right:0px;
	}

	footer #footer_inner #page_top img{
		width:100%;
		height:auto;
	}

	footer #footer_inner #footer_logo{
		width:373px;
		position:absolute;
		top:0px;
		left:0px;
	}

	footer #footer_inner #footer_logo img{
		width:100%;
		height:auto;
	}

	footer #footer_inner #footer_sub_menu{
	  float: right;
	  width: calc(100% - 400px);
	  text-align: right;
	}

	footer #footer_inner #footer_sub_menu a{
		display: inline-block;
		line-height: 15px;
		margin:0 0 0 10px;
		font-size:12px;
		color:#e60012;
		text-decoration:none;
	}

	footer #footer_inner #footer_sub_menu a:hover{
		text-decoration:underline;
	}

	footer #footer_inner #footer_sub_menu a:nth-child(1){
		padding:0px 0px 0px 21px;
		background-image:url(../../../img/interface/footer_sub_menu_attention.png);
		background-repeat:no-repeat;
		background-size:15px;
		background-position:top left;
	}
	footer #footer_inner #footer_sub_menu a:nth-child(2){
		padding:0px 0px 0px 21px;
		background-image:url(../../../img/interface/footer_sub_menu_social.png);
		background-repeat:no-repeat;
		background-size:15px;
		background-position:top left;
	}
	footer #footer_inner #footer_sub_menu a:nth-child(3){
		padding:0px 0px 0px 21px;
		background-image:url(../../../img/interface/footer_sub_menu_policy.png);
		background-repeat:no-repeat;
		background-size:15px;
		background-position:top left;
	}
	footer #footer_inner #footer_sub_menu a:nth-child(4){
		padding:0px 0px 0px 21px;
		background-image:url(../../../img/interface/footer_sub_menu_infomation.png);
		background-repeat:no-repeat;
		background-size:15px;
		background-position:top left;
	}

	footer #footer_inner #footer_copy{
		font-size:12px;
		font-family:Helvetica;
		width: 100%;
		margin: 20px 0;
		text-align: right;
		float: right;
	}

	@media only screen and (max-width: 1280px) {

		footer{
			width:100%;
			margin:150px 0px 0px;
			padding:30px 2%;
			border-top:5px solid #ef0000;
			box-sizing:border-box;
		}



	}

/* INTERFACE END */



#pan_area{
	max-width:1280px;
	margin:20px auto;
}

#pan_area p{
	margin:0px;
	font-size:12px;
	color:#555555;
}

#pan_area p a{
	color:#555555;
}

#pan_area p a:hover{
	color:#ef0000;
}


main{
	max-width:1280px;
	margin:0px auto;
	overflow:hidden;
	box-sizing:border-box;
}

@media only screen and (max-width: 1320px) {

	#pan_area{
		max-width:1280px;
		margin:20px auto;
		padding:0px 20px;
		box-sizing:border-box;
	}

	main{
		max-width:1280px;
		margin:0px auto;
		padding:0px 20px;
		overflow:hidden;
		box-sizing:border-box;
	}
}





main h1{
	margin:0px 0px 20px;
	padding:0px;
	font-size:20px;
	line-height:1em;
	font-weight:normal;
}

main p{
	margin:0px 0px 20px;
	font-size:15px;
}

#product_use_list_area{
	width:100%;
	margin:0px 0px 20px;
	padding:0px 0px 20px;
	border-bottom:1px solid #000000;
	box-sizing:border-box;
	overflow:hidden;
}

.use_list_box{
	float:left;
	width:23%;
	margin:0px 1.3% 20px 0px;
	padding:0px 1.2% 0px 0px;
}

.use_list_box:nth-child(4n){
	margin:0px 0px 20px 0px;
	padding:0px 0% 0px 0px;
}

.use_list_box a{
	display:block;
	width:100%;
	text-decoration:none;
	color:#000000;
	background-color:#eeeeee;
}

.use_list_box a:hover{
	background-color:#cccccc;
}

.use_list_box h3{
	margin:0px 0px 10px;
	padding:0px;
	font-size:15px;
	line-height:1em;
	font-weight:normal;
	color:#ef0000;
}

.use_list_box a>img{
	width:100%;
	height:auto;
}

.use_list_box#now_page h3{
	color:#000000;
	box-sizing:border-box;
}

.use_list_box#now_page a{
	opacity: 0.5;
}

.use_list_box#now_page a img{
	background-color:#cccccc;
}

#product_use_search_area{
	width:100%;
	margin:0px 0px 20px;
	padding:0px 0px 20px;
	border-bottom:1px solid #000000;
	box-sizing:border-box;
	overflow:hidden;
}

#product_use_search_area h3{
	margin:0px 0px 20px;
	padding:0px;
	font-size:20px;
	line-height:1em;
	font-weight:normal;
}

#product_use_search_area h4{
	margin:0px 0px 10px;
	padding:0px;
	font-size:15px;
	line-height:1em;
	font-weight:normal;
	color:#ef0000;
}


#product_category_content{
	width:100%;
	padding:20px;
	border-top:1px solid #cccccc;
	overflow:hidden;
	box-sizing:border-box;
}

.product_category_box{
	float:left;
	width:12%;
	padding:0px 1% 0px 0px;
	margin:0px 1.1% 20px 0px;
	border-right:1px solid #cccccc;
}

.product_category_box:nth-child(7n){
	padding:0px 0% 0px 0px;
	margin:0px 0px 20px 0px;
	border-right:none;
}

.product_category_box input[type=radio],
.product_category_box input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.product_category_box input[type=radio] + label,
.product_category_box input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    line-height: 30px;

    cursor: pointer;
}

@media (min-width: 1px) {
    .product_category_box input[type=radio],
    .product_category_box input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .product_category_box input[type=radio] + label,
    .product_category_box input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .product_category_box input[type=radio] + label::before,
    .product_category_box input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;

        background: #FFF;
    }
    .product_category_box input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .product_category_box input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .product_category_box input[type=radio]:checked + label::after,
    .product_category_box input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .product_category_box input[type=radio]:checked + label::after {
        left: 5px;

        width: 8px;
        height: 8px;
        margin-top: -4px;

        background: #E71063;
        border-radius: 8px;
    }
    .product_category_box input[type=checkbox]:checked + label::after {
        left: 3px;

        width: 16px;
        height: 8px;
        margin-top: -8px;

        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.product_category_box>a{
	display:block;
	width:100%;
	margin:10px 0px 0px;
	padding:20px;
	text-decoration:none;
	color:#000000;
	border:2px solid #ffffff;
	box-sizing:border-box;
}

.product_category_box>a:hover{
	border:2px solid #e60012;
}

.product_category_box>a>span{
	display:block;
	width:100%;
	margin:0px auto 10px;
}

.product_category_box>a span img{
	width:100%;
	height:auto;
}

.product_category_box>a h4{
	margin:0px 0px 10px;
	color:#0343c4;
	font-size:16px;
	line-height:1.5em;
	font-weight:normal;
}

.product_category_box>a h4 span{
	font-size:13px;
	line-height:1.5em;
}

.product_category_box>a p{
	margin:0px;
	font-size:14px;
	text-align:justify;
	text-justify:inter-ideograph;
	color:#000000;
}









#product_use_search_float{
	overflow:hidden;
}

.use_search_box{
	float:left;
	width:23%;
	margin:0px 1.3% 20px 0px;
	padding:0px 1.2% 0px 0px;
	border-right:1px solid #000000;
}

.use_search_box:nth-child(4n){
	margin:0px 0px 20px 0px;
	padding:0px 0% 0px 0px;
	border-right:none;
}

.use_search_box h4{
	margin:0px 0px 10px;
	padding:0px;
	font-size:15px;
	line-height:1em;
	font-weight:normal;
	color:#ef0000;
}

.use_search_box ul{
	width:100%;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.use_search_box ul li{
	margin:0px 0px 10px;
	font-size:13px;
}


#comparison_button_area{
	margin:10px auto;
	text-align: center;
}

#filtering_button,
.comparison_button{
	display: inline-block;
	width: 310px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #e60012;
	color: #fff;
	cursor:pointer;
}
#filtering_button:hover,
.comparison_button:hover {
	background-color: #aa101b;
}
#filtering_button::before,
#filtering_button::after,
.comparison_button::before,
.comparison_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#filtering_button,
#filtering_button::before,
#filtering_button::after,
.comparison_button,
.comparison_button::before,
.comparison_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


#product_use_result_area{
	width:100%;
	margin:0px 0px 20px;
	padding:0px 0px 20px;
	box-sizing:border-box;
	overflow:hidden;
}

#product_use_result_area>h4{
margin: 0px 0px 20px;
padding: 15px 10px 15px 10px;
font-size: 15px;
line-height: 1.7em;
font-weight: normal;
border-left: 5px solid #ef0000;
background-color: #eeeeee;
}

.product_use_result_goods{
	float:left;
	width:23.3%;
	padding:0px 1% 0px 0px;
	margin:0px 1.1% 20px 0px;
	border-right:1px solid #cccccc;
}

.product_use_result_goods:nth-child(4n){
	padding:0px 0% 0px 0px;
	margin:0px 0px 20px 0px;
	/*border-right:none;*/
}

.product_use_result_goods>a{
	display:block;
	width:100%;
	margin:10px 0px 0px;
	padding:20px;
	text-decoration:none;
	color:#000000;
	border:2px solid #ffffff;
	box-sizing:border-box;
}

.product_use_result_goods>a:hover{
	border:2px solid #e60012;
}

.product_use_result_goods>a>span{
	display:block;
	width:200px;
	margin:0px auto 10px;
}

.product_use_result_goods>a span img{
	width:100%;
	height:auto;
}

.product_use_result_goods>a h4{
	margin:0px 0px 10px;
	color:#0343c4;
	font-size:16px;
	line-height:1.5em;
	font-weight:normal;
}

.product_use_result_goods>a h4 span{
	font-size:13px;
	line-height:1.5em;
}

.product_use_result_goods>a p{
	margin:0px;
	font-size:14px;
	text-align:justify;
	text-justify:inter-ideograph;
	color:#000000;
}

#product_use_pager{
	margin:20px 0px 10px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#product_use_pager li{
	display:inline-block;
	margin:0px 10px;
}

#product_use_pager li a{
	padding:10px;
	border:1px solid #ef0000;
	color:#ef0000;
}

#product_use_pager li a:hover{
	background-color:#ef0000;
	color:#ffffff;
}

#product_use_pager li span{
	padding:10px;
	border:1px solid #000000;
}