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

body.sidr-open{
	overflow-y: hidden;}

.gl_top{
	margin:45px auto;}

	.gl_top .iframe_bn-big_content{
		width:100%;
		padding:31.9% 0 0 0;
		position:relative;
		margin-bottom: 45px;}

	#product_section .iframe_bn-big_content{
		width:100%;
		position:relative;
		padding:31.9% 0 0 0;
		/* responsive */}

.right_contents-sp_header{
	margin-bottom:15px;}

	.iframe_bn-big_content iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		/* responsive */}

/* ------ .right_contents_slider ------ */
.right_contents_slider{
	margin-bottom:45px;}

#slider_common{
		width:100%;
		height:100%;}

/* ------ .right_contents_slider_bnbig ------ */
.right_contents_slider_bnbig{
	margin-bottom:45px;}

#slider_common_bnbig{
		width:100%;
		height:100%;}

#sp_header{
	width:100%;
	margin:0 auto;
	z-index: 999;
	position: relative;}
	#sp_header img{
		width:100%;}

.sp_header_drop{
	width:100%;
	padding:2%;
	border-bottom:2px solid #eee;
	background:rgba(255,255,255,.9);
	position:fixed;
	top:0;	
	 -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	   -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1000;}

.sp_header_serviceicon {
	padding-top: 20%;}
.sp_header_serviceicon_a {
		width: 100%;}
	.sp_header_serviceicon_a ul {
		width: 100%;
		overflow: hidden;}
		.sp_header_serviceicon_a ul li {
			width: 24.2%;
			float: left;
			margin-right: 1%;}
			.sp_header_serviceicon_a ul li:last-child {
				margin-right: 0;}
	.sp_header_serviceicon_b p {
		text-align: center;
		margin: 1em 0;}
	.sp_header_serviceicon_b ul {
		width: 100%;
		overflow: hidden;}
		.sp_header_serviceicon_b ul li {
			width: 49.5%;
			float: left;
			margin-right: 1%;}
			.sp_header_serviceicon_b ul li:last-child {
				margin-right: 0%;}

.sp_header_fix{
	width:100%;
	padding:2%;
	position:absolute;
	border-bottom:2px solid #eee;
	background:rgba(255,255,255,1);
	 -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	   -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	box-sizing: border-box;}

.casadepaz_icon{
	width:50%;
	margin-right:42%;
	float:left;}

.right_nav_button{
	width:8%;
	float:left;}

.sp_header_fix > .right_nav_button{
	margin-top:4%;}

/* ------ .right_contents ------ */
	.right_contents{
		width:690px;}

		.right_contents h2{
			margin-bottom:15px;
			padding:0 1.8rem; 
			border-left:5px solid #333;
			border-bottom:1px solid #333;}
		.right_contents h3{
			margin-bottom:15px;
			padding:0 1.8rem; 
			border-left:5px solid #333;}
		.right_contents h4{
			margin-bottom:15px;
			padding:0 1.8rem; 
			border-left:5px solid #333;}

		.toppage_banner{
			width: 100%;
			margin: 0 auto 0;
			overflow: hidden;}
			.toppage_banner li{
				width: 100%;
				max-width: 690px;
				margin: 45px auto 0;}
				.toppage_banner li a{
					display: block;}
					.toppage_banner img{
						width: 100%;
						height: auto;}

.product_section{}
	.product_section > img{
		width:100%;
		margin-bottom:15px;}
	.product_section > a{
		display:block;
		margin-bottom:15px;}
		.product_section a > img{
			width:100%;}
	.product_section_legend{
		padding:15px;
		margin-bottom:15px;
		border:1px solid #eee;
		 -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		   -o-box-sizing: border-box;
			-ms-box-sizing: border-box;	
		box-sizing: border-box;}
			.product_section_legend p{
				text-align:justify;
				text-justify: inter-ideograph; /* IE用 */}
	.product_section > iframe.mg{
		margin-bottom:15px;}

.impact {
	font-weight: 300;
	font-size: 1.8rem;}

.oswald {
	font-family: 'Oswald', sans-serif;
	font-size: 2em;
	font-weight: 700;}

/*** pc
*******************************************************/

@media(min-width:1180px){
	#pc_header,
	#pc_left_nav,
	#pc_footer,
	.sp_iframe{
		display:block;}
	#sp_header,
	#sp_footer,
	#sidr-right,
	.right_contents-sp_header{
		display:none;}
}
		
/*** tablet - sp
*******************************************************/


@media(max-width:1179px){
body.sidr-right-open .contents {
	filter: blur(5px);
	 -webkit-filter: blur(5px);
	  -moz-filter: blur(5px);
	   -o-filter: blur(5px);
	    -ms-filter: blur(5px);}
	#pc_header,
	#pc_left_nav,
	#pc_footer,
	.sp_iframe{
		display:none;}
	#sp_header,
	#sp_footer{
		display:block;}
		
.gl_top{
	margin:0 auto;}

.contents{
	width:100%;
	margin:0 auto;
	padding-top:5%;}
	.content_blur{
		filter: blur(3px);
		  -webkit-filter: blur(3px);
		  -moz-filter: blur(3px);
		  -o-filter: blur(3px);
		  -ms-filter: blur(3px);}
	.content_w1180{
		width:100%;
		margin:0 auto 45px;}
		.content_w1180 > img{
			width:100%;}
	.content_w690{
		width:100%;
		margin:0 auto 45px;}
		.content_w690 > img{
			width:100%;}
	.left_nav{
		display:none;}
	.right_contents{
		width:100%;
		clear:both;}
		
	#product_section{
		width:100% !important;}


/* ------ .right_contents ------ */
	.right_contents{}
		
		.right_contents h2{}

.cm_section{
	width:100%;}
	.cm_section > div{
		height:auto;
		border:none;
		margin:0;
		padding:2%;}
		.cm_section > div img{
			width:100%;
			width:100%;
			margin:0;}
		.omega{
			margin-right:0 !important;}
		.cm_section div.bn-small-sw{
			width:25%;}
			.bn-small-sw .categoryCapText{
				display:none;}
		.cm_section div.bn-small-w{
			width:25%;}
			.bn-small-w .categoryCapText{
				display:none;}
		.cm_section div.bn-small{
			width:25%;}
			
/*** sidr navi
*******************************************/

#sidr-right a,
#sidr-right a:link,
#sidr-right a:visited{
	color:#333 !important;}

.sidr{
	display: none;
	position: absolute;
	position: fixed;
	height: 100%;
	z-index: 999999;
	width: 88%;
	overflow-x: none;
	overflow-y: auto;
	border-left: 1px solid #EEE;
	background:#FFF;}
	
.sidr.right{
	left:auto;
	right:-88%;}

.sidr ul > li{
	border-bottom:1px solid #333;}
	
	.sidr ul li:last-child{
		border-bottom:none !important;}
		
	.sidr ul li img{
		margin-right:1.2rem;}

.main_menu{
	padding:7px 15px;
	cursor:pointer;}

.sub_menu{}
	.sub_menu li{
		border-bottom:1px solid #EEE !important;
		padding-left:2rem;}		
		.sub_menu li:last-child{
			margin-bottom:15px;}
	
	.sidr ul li > a{
		display:block;
		padding:7px 15px;
		text-decoration:none;}
		
	.sub_menu li a{
		padding-left:28px !important;}
		
		.main_menu:hover,
		.sidr ul li  a:hover{
			font-weight:700;}
	
/* ------ .search_box ------ */
.search_box{
	padding:15px;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	   -o-box-sizing: border-box;
		-ms-box-sizing: border-box;}
	
.search_box form{
	position:relative;}
.search_box form input{}
.search_box form input.textArea{
	width:70%;
	color: rgb(51, 51, 51);
	font-size:1.3rem;
	padding: 0.4em 0.5em;
	border:1px solid #eee;	
	 -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	   -o-box-sizing: border-box;
		-ms-box-sizing: border-box;		
	box-sizing: border-box;}
.search_box form input.searchBtn{
	border:none;
	position:absolute;}
	.search_box form input.searchBtn:hover{
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;transition:.5s;
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;}
	.search_box form input.searchBtn:hover{
		color:#333;}

	.more_toggle:after{
		content:'+';
		position:absolute;
		right:1em;}
		
	.nav_on:after{
		content:'-';}

/* ------ .sidr-right_close-button ------ */
.sidr-right_close-button{
	height:100%;}
	.sidr-right_close-button img{
		margin-right:1.2rem;}
	.sidr-right_close-button span{
		width:100%;
		display:block;
		height:100%;
		padding:7px 15px;
		border-top:1px solid #333;
		text-decoration:none;
		color:#333;
		cursor:pointer;	
		 -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		   -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		box-sizing: border-box;}



/* #sp_footer
--------------------------------------------*/

#sp_footer{
	width:100%;;
	 -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	   -o-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	box-sizing:border-box;}

	#sp_footer .iframe_bn-big_content{
		margin-bottom:45px;}
	
	.copyright{
		font-weight:700;
		padding:15px;}
		
/* ------ .sp_footer_container ------ */
.sp_footer_container{
	width:100%;
	border-top:1px solid #eee;}	
	.sp_footer_container > li{
		width:100%;
		border-bottom:1px solid #EEE;
		 -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		   -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		box-sizing: border-box;}
		.sp_footer_container li a{
			display:block;
			padding:15px;
			text-decoration:none;
			font-weight:700;}
		
			
/* ------ .sp_footer_box ------ */
.sp_footer_box{
	margin-bottom:15px;
	padding-bottom:15px;}
	
	.sp_footer_box:last-child{
		margin-bottom:0;}
	
	.sp_footer_box h2{
		padding:0.5rem;
		margin-bottom:1rem;
		border-bottom:1px solid #EEE;}
	.sp_footer_box h3{
		padding:0.5rem;
		margin-bottom:0.5rem;}
	.sp_footer_box p{
		padding:0.5rem;
		margin-bottom:0.5rem;}
	.sp_footer_box > ul{
		padding:0.5rem;
		margin-bottom:0.5rem;}
		.sp_footer_box > ul li{
		margin-bottom:0.5rem;}


}


/*  sp
--------------------------------------------*/
@media(max-width:690px){

/* ------ .right_contents ------ */
	.right_contents{
		width:100%;}
		
		.right_contents h2{}
		.right_contents h3{}
		.right_contents h4{}
			
			
			.recommend_items{}
				.recommend_item{
					width:100%;}
			.new_arrival_item{
				width:33.33%;}


}

.pc{
	display: block;}
.sp{
	display: none;}
@media screen and (max-width:690px){
	.pc{
		display: none;}
	.sp{
		display: block;}
}