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



/* ----------------------
	base
---------------------- */

#top_main a,
#news_list .slide a,
.products_list li a,
#chart a,
#users a,
#bnr a,
a.btn_all{
	color:#000;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	transition: opacity 200ms;
}

#top_main a:hover,
#news_list .slide a:hover,
.products_list li a:hover,
#chart a:hover,
#users a:hover,
#bnr a:hover,
a.btn_all:hover{
	color:#000;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}

#top_contents{
	width:100%;
}


#header_s {
	top: -115px;
}


a.btn_all {
	position:absolute;
	width:68px;
	height:68px;
	bottom:-34px;
	left:50%;
	margin-left:-34px;
}



/* ----------------------
	main_slider
---------------------- */

#main_slider {
  width: 100%;
	padding-bottom:115px;
}

#main_slider .slide {
	width: 100% !important;
	overflow: hidden;
}

/* fade */
#main_slider .slide .fade {
	opacity: 1;
	padding-top: 0px;
	-webkit-transition: all .8s ease-out;
	transition: all .8s ease-out;
}
#main_slider .slide .fade.ready { /* アニメーション初期値のスタイル */
	opacity: 0;
	padding-top: 15px;
	-webkit-transition: all .0s;
	transition: all .0s;
}

#main_slider #slide_kagawa {
	background: url(../img/slide_kagawa.jpg) 0 0 no-repeat;
	background-size: cover;
}
#main_slider #slide_kagawa .txt {
	position: absolute;
	top: 50%;
	left: 11%;
	margin-top: -125px; /* (高さ - ロゴ分) / 2 */
	text-align: center;
}

#main_slider #slide_kagawa .txt img {
	margin: 0 auto;
}

#main_slider #slide_kagawa .txt_01 {
	padding-bottom: 24px;
}
#main_slider #slide_kagawa .txt_02 {
	padding-bottom: 26px;
}
#main_slider #slide_kagawa .txt_03 {
	padding-bottom: 38px;
}

#main_slider #slide_sea {
	background: url(../img/photo_01.jpg) 0 0 no-repeat;
	background-size: cover;
}



/* ----------------------
	top_main
---------------------- */

#top_main{
	width:100%;
	min-width:1000px;
	overflow:hidden;
}

#top_main li.main_l{
	float:left;
	width:28%;
	height:50%;
}

#top_main li.main_m{
	float:left;
	width:36%;
	height:50%;
}

#top_main li.main_s{
	float:left;
	width:18%;
	height:50%;
}

#top_main li.main_ss{
	float:left;
	width:18%;
	height:25%;
}

#top_main li.main_sss{
	float:left;
	width:9%;
	height:25%;
}

#top_main li img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}



/* ----------------------
	news
---------------------- */

#news {
	position:relative;
	width:100%;
	min-width: 1000px;
	margin:70px 0 120px 0;
	padding-bottom:40px;
	border-bottom:#cccccc 1px solid;
}

#news h2 {
	width:100%;
	min-width:1000px;
	text-align:center;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:#cccccc 1px solid;
}

#news_list .slide {
	width: 200px;
	margin-right: 40px;
	display: inline-block;
	vertical-align:top;
}

#news #news_list .slide img {
	width: 200px;
}

#news p {
	news_list: 200px;
	white-space: normal;
}

#news p span {
	display:block;
	font-size:10px;
	padding-top:5px;
}

#news a:hover p {
	color:#999;
}

#news p.red {
	color:#d80c18;
}

#news a:hover  p.red {
	color:#e86d74;
}








/* ----------------------
	products
---------------------- */

#products {
	position:relative;
	width:100%;
	margin:0 0 120px 0;
	border-bottom:#cccccc 1px solid;
}

#products h2 {
	width:100%;
	min-width:1000px;
	text-align:center;
	padding-bottom:20px;
	border-bottom:#cccccc 1px solid;
}

.products_list{
	max-width:1200px;
	min-width:1000px;
	border-left:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	box-sizing:border-box;
	margin:0 auto;
	overflow:hidden;
}

.products_list .cate_l{
	float:left;
	width:74.5%;
	height:706px;
	border-right:#cccccc 1px solid;
	box-sizing:border-box;
}

.products_list .cate_l li.mattress{
	height:352px;
	width:100%;
	padding:15px 15px 0 15px;
	box-sizing:border-box;
}

.products_list .cate_l li.mattress a{
	display:block;
	width:100%;
	height:337px;
	border-bottom:#cccccc 1px solid;
	background:url(../img/products_mattress_img.jpg) center center no-repeat;
	background-size:100% auto;
	text-align:center;
}

.products_list .cate_l li.wing_model{
	float:left;
	width:50%;
	padding:15px 0 15px 15px;
	box-sizing:border-box;
	height:353px;
}

.products_list .cate_l li.wing_model a{
	display:block;
	width:100%;
	height:323px;
	background:url(../img/products_wing_model_img.jpg) center center no-repeat;
	background-size:100% auto;
	border-right:#cccccc 1px solid;
}


.products_list .cate_l li.lay_pad{
	float:left;
	width:50%;
	padding:15px;
	box-sizing:border-box;
	height:353px;
}

.products_list .cate_l li.lay_pad a{
	display:block;
	width:100%;
	height:323px;
	background:url(../img/products_lay_pad_img.jpg) center center no-repeat;
	background-size:100% auto;
}

.products_list .cate_l li.mattress a h3{
	padding:15px 0 0 0;
}

.products_list .cate_l li a h3{
	padding:15px 0 0 25px;
}

.products_list .cate_s{
	float:right;
	width:25.5%;
	padding:0 15px;
	box-sizing:border-box;
}

.products_list .cate_s li{
	height:100px;
	border-bottom:#cccccc 1px solid;
}

.products_list .cate_s li:last-child{
	border-bottom:none;
}

.products_list .cate_s li a{
	display:block;
	width:100%;
	height:100%;
}

.products_list .cate_s li a h3{
	padding:15px 0 0 5px;
}

.products_list .cate_s li.bed_body a{
	background:url(../img/products_bed_body_img.jpg) right top no-repeat;
}

.products_list .cate_s li.pillow a{
	background:url(../img/products_pillow_img.jpg) right top no-repeat;
}

.products_list .cate_s li.ket_sheet a{
	background:url(../img/products_ket_sheet_img.jpg) right top no-repeat;
}

.products_list .cate_s li.sheet a{
	background:url(../img/products_sheet_img.jpg) right top no-repeat;
}

.products_list .cate_s li.pillow_case a{
	background:url(../img/products_pillow_case_img.jpg) right top no-repeat;
}

.products_list .cate_s li.accessories a{
	background:url(../img/products_accessories_img.jpg) right top no-repeat;
}

.products_list .cate_s li.others a{
	background:url(../img/products_others_img.jpg) right top no-repeat;
}




/* ----------------------
	chart
---------------------- */

#chart {
	position:relative;
	width:100%;
	margin:0 0 120px 0;
}

#chart h2 {
	width:100%;
	min-width:1000px;
	text-align:center;
	padding-bottom:20px;
}

.chart_main{
	width:100%;
	background:#eee url(../img/chart_bg.png) center top repeat-y;
	height:290px;
}

.chart_main_inner{
	max-width:1200px;
	min-width:1000px;
	height:290px;
	margin:0 auto;
	overflow:hidden;
}

.chart_main #select{
	width : calc(100% - 600px) ;
	height:290px;
	float:left;
}

.chart_main #select .type{
	width:55%;
	height:2653px;
	float:left;
	background:url(../img/chart_type_bg.gif) right top no-repeat;
	padding:37px 4% 0 0;
	text-align:center;
}

.chart_main #select .hardness{
	width:34%;
	height:253px;
	float:left;
	background:url(../img/chart_hardness_bg.gif) right top no-repeat;
	padding:37px 7% 0 0;
	text-align:center;
}

.chart_main #select ul li{
	padding:20px 0;
}


input[type=radio] {
    display: inline-block;
    margin-right: 6px;
}
input[type=radio] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    line-height: 1.5px;
    cursor: pointer;
}

@media (min-width: 1px) {
    input[type=radio] {
        display: none;
        margin: 0;
		padding:0;
    }
    input[type=radio] + label {
        padding: 0 0 0 24px;
		margin:0;
		vertical-align:top;
    }
    input[type=radio] + label::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 16px;
        height: 16px;
        background-color: white;
    }
    input[type=radio] + label::before {
        border-radius: 30px;
    }
    input[type=radio]:checked + label::after {
        content: "";
        position: absolute;
        top: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 3px;
        width: 10px;
        height: 10px;
        margin-top: 3px;
        background: #d51324;
        border-radius: 10px;
    }
}

.chart_main #result{
	width : 585px;
	height:290px;
	float:right;
	padding-left:15px;
}


.chart_main #result .result_inner{
	background:#eee;
}

.chart_main #result ul.result_tab{
	margin:20px 0 0 0;
	overflow:hidden;
}

.chart_main #result ul.result_tab li{
	float:left;
	margin:0 10px 0 0;
	padding:0 5px;
	border-bottom:2px solid #eee;
}

.chart_main #result ul.result_tab li.active{
	border-bottom:2px solid #149748;
}

.chart_main #result{
	background:url(../img/chart_txt.gif) center 125px no-repeat;
}

.chart_main #result ul.products{
	clear:both;
	min-height:198px;
	padding:10px 0 0 50px;
}

.chart_main #result #tab1 ul.products{
	background:url(../img/chart_price_bg.png) left 25px no-repeat;
}

.chart_main #result #tab2 ul.products{
	background:url(../img/chart_hardness_bg.png) left 25px no-repeat;
}

.chart_main #result ul.products li{
	float:left;
	padding:0 0 0 20px;
	height:110px;
}

.result_inner [class*="hidden-"] {display: none;}



/* ----------------------
	users
---------------------- */

#users {
	position:relative;
	width:100%;
	margin:0 0 120px 0;
}

#users h2 {
	width:100%;
	min-width:1000px;
	text-align:center;
	padding-bottom:20px;
}

.users_list{
	width:100%;
	background:#cdcdcd;
	padding:30px 0 50px 0;
	box-sizing:border-box;
}

.users_list_inner{
	max-width:1180px;
	min-width:980px;
	overflow:hidden;
	margin:0 auto;
	padding:0 10px;
}

.users_list_inner li{
	position:relative;
}

.users_list_inner li .icon_new {
	position:absolute;
	left:0;
	top:0;
	width:45px;
	height:45px;
}

.users_list_inner li.users_l{
	width:26%;
	float:right;
	padding:0 0 5px 0;
}
.users_list_inner li.users_m{
	width:37%;
	float:left;
	padding:0 5px 5px 0;
	box-sizing:border-box;
}
.users_list_inner li.users_s{
	width:18.5%;
	float:left;
	padding:0 5px 5px 0;
	box-sizing:border-box;
}

.users_list_inner img{
	width:100%;
}





/* ----------------------
	bnr
---------------------- */

#bnr {
	max-width:1180px;
	min-width:980px;
	overflow:hidden;
	margin:0 auto 120px auto;
	padding:0 10px;
}

#bnr li {
	width:32.4%;
	float:left;
	padding-right:1.4%;
}

#bnr li:last-child {
	padding-right:0;
}

#bnr li img {
	width:100%;
}