@charset "utf-8";

#elbedtable {
	width: 100%;
    margin: 0 auto ;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.4;
	color: #333!important;
}

#elbedtable a:hover {
    text-decoration: none;
}

#elbedtable	.tablet{
		display: none;
	}

#elbedtable .notes{
	text-align: center;
}

#elbedtable .redl {
    color: #e1587a;
}

#elbedtable .container{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

#elbedtable .kv-inner{
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 1%;
	box-sizing: border-box;	
}

#elbedtable .kv-inner h1{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
	background: url("../img/main-pc.jpg") no-repeat;
	background-size: contain;
	padding-top: 12%;
}


#elbedtable .main-container {
    width:100%;
    margin: 0 auto;
}

#elbedtable a:hover {
    opacity: 0.7;
}

#elbedtable .sm{
	font-size: 80%;	
}

.categoryScroll {
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.categoryScroll li {
    text-align: center;
    width: calc(100%/3 - 10px);
    border: solid 1px #333;
    box-sizing: border-box;
}

.categoryScroll li a {
    display: block;
    padding: 10px 0 20px;
    text-decoration: none !important;
    color: #333 !important;
    font-size: 16px;
    background: url("../img/catearrow.png") no-repeat;
    background-position: 50% 85%;
    background-size: 4%;
    font-weight: bold;
}
.categoryScroll li a br.br320 {
	display: none;
}
.categoryScroll li a:hover, .categoryScroll li a:active, .categoryScroll li a:focus {
    background-image: url("../img/catearrow_hover.png");
    background-color: #7c86a9;
    color: #fff !important;
}


#elbedtable h2.bedCategory{
	font-size: 18px;
    background: #7c86a9;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
	margin-top: 30px;
}


/*--table基本設定-----------------------------------*/

#elbedtable .dateArea{
	width: 100%;
    margin-top: 10px;
	overflow: hidden;
    padding: 0;
}
#elbedtable .dateArea:after {
    content: "";
    display: block;
    clear: both;
}


#elbedtable table.data{
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
}
#elbedtable .lockBox {
    width: 30%;
    float: left;
    font-weight: bold;
}

#elbedtable table.data th{
	background: #EEF1F4;
	text-align: center;
    font-weight: bold;
}


#elbedtable table th,
#elbedtable table td{
    padding: 14px;
    border: 1px solid #ccc;
	text-align: center;
}

#elbedtable table td{
	vertical-align: middle;
}

#elbedtable .lockBox td{
	text-align: left!important;
}

#elbedtable .lockBox a{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}

#elbedtable .lockBox figure{
	width: 100px;
	height: 100px;
	display: block;
}

#elbedtable .lockBox .detailBox{
	width: calc(100% - 100px - 10px);
    margin-left: 10px;
    text-align: left;
}

#elbedtable .lockBox td p{
	padding: 0 5px;
	
}

#elbedtable .lockBox td .frame{
    padding: 4px 8px;
    color: #FFF;
    border-radius: 4px;
    background: #333;
    display: inline-block;
    margin: 5px 0;
	line-height: 1.2;
	font-weight: normal;
	font-size: 12px;
}

#elbedtable .frame.easy{
	background: #F19D01!important;
}

#elbedtable .frame.hard{
	background: #000!important;
}

#elbedtable .frame.no{
	background: #EB296C!important;
}
#elbedtable .lockBox td dl{
	padding-bottom: 5px;
    padding-left: 5px;
}

#elbedtable .lockBox td dl,
#elbedtable .lockBox td dt,
#elbedtable .lockBox td dd{
    display: inline-block;
    vertical-align: middle;
	font-weight: normal;
	font-size: 12px;
}

#elbedtable .lockBox td dd{
	margin-right: 4px;
    width: 16px;
    height: 16px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#elbedtable .lockBox td dd.white{
	background: #FFF;
    border: 1px solid #888;
}

#elbedtable .lockBox td dd.off-white{
	background: #FFFEF6;
	border: 1px solid #888;
}

#elbedtable .lockBox td dd.darkb{
	background: #624722;
    border: 1px solid #888;
}

#elbedtable .lockBox td dd.beige{
	background: #eedcb3;
    border: 1px solid #888;
}

#elbedtable .lockBox td dd.ivory{
	background: #f8f4e6;
}

#elbedtable .lockBox td dd.brown{
	background: #875C33;
}

#elbedtable .lockBox td .warranty{
	border: 1px solid;
    display: inline-block;
    font-weight: normal;
	font-size: 12px;
}

#elbedtable .scrollBox {
    float: left;
	width: 70%;
}


#elbedtable table .col{
	width: 30%;
}

/*#elbedtable table .cols{
	width: 15%;
}*/

#elbedtable .price-taxless{
	font-weight: bold;
	color: #ff3c6c;
}

#elbedtable .price-tax{
	font-weight: normal;
	font-size: 85%;
	
}

#elbedtable .scrollBox table td > ul{
	margin: 0 15px;
	text-align: left;
}

#elbedtable .scrollBox table td > dl dt{
	width: 65%;
    float: left;
	border-bottom: 1px dotted #888;
	font-weight: normal;
    text-align: left;
}
#elbedtable .scrollBox table td > dl dd{
	width: 30%;
    float: left;
	margin-left: 1%;
    border-bottom: 1px dotted #888;
    border-left: 1px dotted #888;
}

#elbedtable .scrollBox table td > dl dt:last-of-type,
#elbedtable .scrollBox table td > dl dd:last-of-type{
	border-bottom:none;
}

#elbedtable .kanrenbnr{
	width: 950px;
    margin: 4% auto 0;
}

#elbedtable .kanrenbnr a img{
	width: 100%;
}

@media screen and (max-width: 1024px){
	#elbedtable .tablet{
		display: block;
	}
	#elbedtable .kv-inner h1{
	background: url("../img/main-tablet.jpg") no-repeat;
	background-size:contain;
	padding:28% 0 0 0;
	}
	
	#elbedtable h2.bedCategory{
		margin-top: 10px;
	}
	
	.categoryScroll {
    width: 100%;
	}
	
	.categoryScroll li {
    width: calc(100% / 3 - 2px);
    margin-bottom: 10px;
}
	
	#elbedtable .lockBox {
    width: 40%;
}
	
	#elbedtable .scrollBox {
	width: 60%;
	overflow-x: scroll;
}
	#elbedtable  .scrollBox .data { 
		min-width: 742px;
    }
	
	#elbedtable .kanrenbnr{
		width: 100%;
	}
}

@media screen and (max-width: 767px){
	#elbedtable .kv-inner h1{
	background: url("../img/main-sp.jpg") no-repeat;
	background-size:contain;
	padding:60% 0 0 0;
	}
	
	
	.categoryScroll li a{
	font-size: 12px;
    background-size: 10%;
	}
	#elbedtable .dateArea{
		width: 100%;
	}
	#elbedtable .section{
		width: 100%;
	}
	#elbedtable .lockBox{
		width: 48%;
	}
	
	#elbedtable .lockBox a{
		display: block;
	}
	
	#elbedtable .lockBox figure{
		margin: 0 auto;
	}
	#elbedtable .lockBox .detailBox{
		margin: 0;
		width: 100%;
	}
	#elbedtable .scrollBox{
		overflow-x: scroll;
		white-space:nowrap;
		display: block;
		width: 52%;
	}
	#elbedtable .lockBox tbody .table_item_photo{
		width: 100%;
	}
	#elbedtable .scrollBox td img{
		min-width: 50px;
	}
	
	#elbedtable .lockBox tbody .table_item_logo{
		width: 100%;
	}
	#elbedtable .kanrenbnr{
		width: 100%;
	}
	
}