@charset "UTF-8";

		
/*768px*/
/*@media screen and (min-width : 768px) {*/
#main{
	background-repeat:repeat-x;
	background-position:center;
	height:500px;
}

#main_contents{
	background:url(../img/index/footer_main.jpg) repeat-x 0 0;
	padding:35px 0 0;

}
#main_contents div#carouselWrap {
	margin:50px auto 100px;
	width: 1140px;
	overflow:hidden;
	padding:0 0 0 20px;
	height: 260px;
	position: relative;
}
#carouselPrev {
	position: absolute;
	top: 110px;
	left: 0px;
	cursor: pointer;

}
#carouselNext {
	position: absolute;
	top: 110px;
	right:0px;
	cursor: pointer;
}
#carousel {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
section .bx-wrapper {
    margin-bottom: 110px !important;
}
section .bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0;
	background: none;
}
section .bx-wrapper .bx-controls-direction a {
	top: 120px;
	margin-top: 0;
	width: 0px;
	height: 0px;
	text-indent: 0;
	padding: 40px 0 0 40px;
	overflow: hidden;
	border-radius: 20px;
	z-index: 10;
}
section .bx-wrapper .bx-controls-direction a.bx-prev {
	background: url("../img/index/icon_prev.svg") no-repeat 0 0 #5b2a0c;
	left: -60px;
}
section .bx-wrapper .bx-controls-direction a.bx-next {
	background: url("../img/index/icon_next.svg") no-repeat 0 0 #5b2a0c;
	right: -60px;
}
section .bx-wrapper .bx-controls-direction a:hover {
	background-color: #f18101;
}

.carousel li#plan1{ background: url("../img/index/plan1_on.jpg") top left no-repeat;}
.carousel li#plan2{ background: url("../img/index/plan2_on.jpg") top left no-repeat;}
.carousel li#plan3{ background: url("../img/index/plan3_on.jpg") top left no-repeat;}
.carousel a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.carousel a:hover img {
	opacity: 0;
}


#main_contents div#carouselInner ul.column {
	width: 1040px;
	height: 260px;
	padding:0;
	margin:0;
	list-style-type: none;
	float: left;
}
#carouselInner ul.column li{
	margin-right:10px;
	padding:0;
	display: inline;
}
#main_contents div.selling{
	padding:70px 0 0;
	width:100%;
}
#main_contents div.selling div{
	
}
.selling .point{ height: 240px; background:url(../img/common/bg_seagull.png) no-repeat center 0; }
#point1 h3{ background: url("../img/index/btn1_on.svg") left top no-repeat;}
#point2 h3{ background: url("../img/index/btn2_on.png") left top no-repeat;}
#point3 h3{ background: url("../img/index/title_bath_on.svg") left top no-repeat;}
.selling h3{ position: relative; z-index: 40; }
.selling h3 img{ z-index: 30;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
 }
 .selling h3 a:hover img{ opacity: 0; }
.selling li{
	float:left;
}
.selling h4{
	width:600px;
	font-family: "Hannari","Sawarabi Mincho";
	font-size: 36px;
	line-height: 41px;
	letter-spacing: 6px;
}
.selling p{
	width:600px;
	padding:20px 0;
}
#main_contents div#main_slide,
#main_contents div#main_slide2,
#main_contents div#main_slide_r{
	background:none;
	width:100%;
	margin:0 0 100px;
}
#main_contents .simply-scroll-container,#main_contents .simply-scroll-clip{ z-index: 1; }
.text_right{
	text-align:right;
}
#main_contents .simply-scroll .simply-scroll-list li img{ position: relative; z-index: 2; }
#main_contents div.selling div h4 {
	padding:0 0 40px;

}	
#main_contents div#news dl{
	border:#310800 1px solid;
	padding:30px;
	margin:20px 0 0;
	}
#main_contents div#news dl dt{
		background:#F08300;
		width:120px;
		height:25px;
		margin:0 0 20px;
		padding:5px 0 0;
		text-align:center; 
		color:#fff;
		}
#main_contents div#news dl dd{
	border-bottom:#310800 1px solid;
	margin:0 0 20px;
	padding:0 0 20px;
}
#main_contents div#news dl dd:last-child{
	margin:0;
	padding:0;
	border:none;
}
 #main_contents div#recco{
	 background:#F08300;
	 width:100%;
	 margin:80px 0;
	 padding:30px 0 70px;
}
 #main_contents div#recco div.recommend{
	 width:1040px;
	 margin:20px auto 0;
	 padding:0 0 0 15px;
	 color:#fff;
	 font-size:90%;
	height: 370px;
	}
 #main_contents div#recco div.recommend div{
	 width:330px;
	 margin-right:15px;
	 float:left;
	 position: relative;
	}
/*#main_contents div#recco div.recommend p.rec_detail{ padding-top: 260px; }*/
#main_contents div#recco div.recommend a{ display: block; width: 330px; height: 240px; overflow: hidden; }
 #main_contents div#recco div.recommend img{ position: absolute; top:20px; left: 0; opacity: 0; width: 330px; }


h2#copy,.selling_img{
	display:none !important;
	}
div#limited{
	display:none !important;
		}