/**************************初期化*****************************/
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
img{
    vertical-align:bottom;
}

body{  
  background: #fff;
  font-size: 80%;
  font-family: Verdana, "MS PSVbN", sans-serif;
  color: #333;
  /*text-align: justify;*/
  text-justify: distribute;
  line-height: 1.3;
}
h2,h3,h4,h5,h6{
  font-size:105%;
}
a:visited {
  color: #333;
}
a {
  text-decoration: none;
}
a:hover img{
	opacity:0.7;
}

#wrapper_box{
  width:100%;
  color:#464646;
  font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "Hiragino Maru Gothic W4 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:400;
}
/**********************ヘッダー**********************/
#header_box{
  width:100%;
  margin:0 auto;
}
#header_box .top_menu,
#header_box .top_menu_mobile_position{
  background-color: #1b1464;
}
#header_box .top_menu .inner,
#header_box .top_menu_mobile_position .inner{
    position:relative;
    max-width:980px;
    margin:0 auto;
}
#header_box .top_menu .inner .nav,
#header_box .top_menu_mobile_position .inner .nav{
  float:right;
  display:inline-block;
}

#header_box .top_menu .inner .nav a,
#header_box .top_menu_mobile_position .inner .nav a{
  display:block;
  float:left;
  width:156px;
  color:#FFF;
  text-align:center;
  padding:4px;
}
#header_box .top_menu .inner .nav a font,
#header_box .top_menu_mobile_position .inner .nav a font{
    position: relative;
    bottom:5px;
}
#header_box .top_menu .inner .nav a:nth-of-type(1),
#header_box .top_menu .inner .nav a:nth-of-type(3),
#header_box .top_menu_mobile_position .nav a:nth-of-type(1),
#header_box .top_menu_mobile_position .nav a:nth-of-type(3){
  background-color:#8297a2;
}
#header_box .top_menu .inner .nav a:nth-of-type(2),
#header_box .top_menu_mobile_position .nav a:nth-of-type(2){
  background-color:#625f5f;
}
#header_box .top_menu_mobile_position{
  display: none;
}
#header_box .title_box{
  max-width:990px;
  margin:0 auto;
  padding:5px;
  padding-top:10px;
}
#header_box .title_box .logo{
  float:left;
}
#header_box .title_box .contact{
  float:right;
  text-align:right;
}
#header_box .title_box .contact > img.glass{
  position: relative;
  top:0px;
}
#header_box .title_box .contact > img.togglemenu{
  display:none;
}
#header_box .title_box .contact > input[type=text]{
  height:32px;
  width:240px;
  border:3px #000 solid;
}
/* ========== 注意事項(追加css) ========== */
.caution_pc{
	width:980px;
	box-sizing:border-box;
	font-size:0.8rem;
	color:#ff0000;
	font-weight:bold;
	text-align:left;
	line-height:1.5;
	border:2px solid #ff0000;
	background-color:#fff;
	overflow:hidden;
	margin:0 auto 20px auto;
	padding:5px 0 0 0;
}
.caution_pc span.bold{
	color:#333;
	font-weight:bold;
}
.caution_pc img{
	float:left;
	vertical-align:middle;
	margin:0 -100px 0 120px;
}
.caution_sp{
	display:none;
}
/* ======== //注意事項(追加css)// ======== */

/* ========== お詫び割バナー(追加css) ========== */
.info_pc{
	width:980px;
	margin:5px auto;
}
.info_pc img{
	width:100%;
}
.info_sp{
	display:none;
}
/* ======== //お詫び割バナー(追加css)// ======== */

#header_box .title_box .contact > p{
  text-align: center;
}
#header_box .bottom_menu{
  max-width:990px;
  margin:0 auto;
  padding-top:30px;
  /*border:1px red solid;*/
}
#header_box .bottom_menu .nav{
  display:table;
  width:100%;
}
#header_box .bottom_menu .nav a{
  display:table-cell;
  width:20%;
  height:32px;
  text-align:center;
  vertical-align: middle;
  border-right: 1px #000 solid;
  font-size:110%;
  font-weight: 600;
}
#header_box .bottom_menu .nav a:hover{
text-decoration:none;
color:#b7282c;
}

#header_box .bottom_menu .nav a:nth-last-of-type(1){
  border-right:none;
}
/* ========== ヘッダー部追加css ========== */
#header_box .nav p{
	font-size:0.9rem;
	color:#fff;
}
#header_box .nav p span.add{
	font-size:1.1rem;
	font-weight:bold;
	padding:5px 0;
}
/* ===== カリモクバナー ===== */
.karimoku_banner p{
	width:100%;
	text-align:center;
	margin:10px 0;
}
.karimoku_banner p img{
	width:100%;
}
/* === //カリモクバナー// === */
/* ========== ヘッダー部追加css ========== */
/**********************モバイルメニュー**********************/
#mobile_menu_box {
  display:none;
  position: absolute;
  right:-600px;
  width:100%;
  height:auto;
  border:1px #000 solid;
  background-color: #FFF;
  z-index:10;
}
#mobile_menu_box h2{
	color: rgb(70, 70, 70);  
  border: none;
}
#mobile_menu_box .title_box{
  width:100%;
  padding:12px 8px 4px 8px;
}
#mobile_menu_box .title_box > p{
  position:relative;
  top:5px;
  float:left;
  font-size: 180%;
  font-weight: 800;

}
#mobile_menu_box .title_box > img{
  float:right;
}
#mobile_menu_box .search_box {
  background-color: #655F5F;
}
#mobile_menu_box .search_box > .left_column{
  float:left;
  width:100%;
  height:64px;
  margin-right: -52px;
  padding-right: 52px;
  box-sizing: border-box;
}
#mobile_menu_box .search_box > .left_column .input_box{
  width:100%;
  height: 100%;
  padding:12px 0px 12px 12px;
}
#mobile_menu_box .search_box > .left_column .input_box > input[type=text]{
  width:100%;
  height:100%;
  padding:6px;
  border:none;
  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;   /* Firefox用 */
}
#mobile_menu_box .search_box > .right_column{
  float:right;
  width:52px;
  height:64px;
  text-align:center;
}
#mobile_menu_box .search_box > .right_column > .img_box{
  padding:16px 10px 4px 10px;
}
#mobile_menu_box .nav_menu{
  margin-top:8px;
  display:table;
  width:100%;
}
#mobile_menu_box .nav_menu a{
  display:table-cell;
  width:33.3%;
  height:32px;
  text-align:center;
  vertical-align: middle;
  border-right: 1px #000 solid;
  font-size:110%;
  font-weight: 600;
}
#mobile_menu_box .nav_menu a:nth-last-of-type(1){
  border-right:none;
}
#mobile_menu_box > .nav_category .recommend_menu h2,
#mobile_menu_box > .nav_category .brand_menu h2
{
  background-color: #8ca4ae;
  padding:0.5em;
  margin-bottom:1px;
  cursor:pointer;
}
#mobile_menu_box > .nav_category .recommend_menu ul,
#mobile_menu_box > .nav_category .brand_menu ul{
  display:none;
}
#mobile_menu_box > .nav_category .recommend_menu ul li,
#mobile_menu_box > .nav_category .brand_menu ul li{
  background-color:#F2F2F2;
  padding:3px;
  margin:1px 0px;
}
#mobile_menu_box > .nav_category .recommend_menu ul li a:before,
#mobile_menu_box > .nav_category .brand_menu ul li a:before{
  content: url(../image_new/icon_menu_tree2.png);
  margin: 3px;
  position: relative;
  top: 0px;
}
/**********************メインコンテンツ**********************/
#main_contents_box{
  max-width:990px;
  margin:0 auto;
  margin-top:1em;
  padding-left: 5px;
  padding-right: 5px;
  /*background-color: red;デバッグ用*/
  overflow: hidden;
}
#main_contents_box > .left_column{
  float:left;
  width:180px;
  height:100%;
  padding-right:20px;
  /*width:16.4%;*/
  /*padding-right:20px;*/
}
#main_contents_box > .left_column h2 {
  color: rgb(70, 70, 70);  
  border: none;
}

#main_contents_box > .left_column > div{
  margin-bottom:1em;
}

#main_contents_box > .left_column .recommend_menu h2,
#main_contents_box > .left_column .brand_menu h2,
#main_contents_box > .left_column .flame_menu h2,
#main_contents_box > .left_column .bedding_menu h2{
  background-color: #bdccd4;
  padding:0.5em;
  margin-bottom:1em;
}
#main_contents_box > .left_column .brand_menu li{
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;	
}
#main_contents_box > .left_column .brand_menu li:last-of-type{
	border-bottom:1px #CCC solid;	
}
#main_contents_box > .left_column ul li a{
 position:relative;
  display: block;
  padding:0.3em;
  z-index:5;
}
#main_contents_box > .left_column ul li a:hover{
text-decoration:none;
color:#b7282c;
}

#main_contents_box > .left_column .recommend_menu ul li a:before{
  content: url(../image_new/icon_menu_tree.png);
  margin: 3px;
  position: relative;
  top: 0px;
}
#main_contents_box > .center_column{
  float: left;
	width: 100%;
	margin-left: -180px;
	padding-left: 180px;
	box-sizing: border-box;

}
#main_contents_box > .center_column table tr td{
	word-break: break-all;
}

/****************************コラム*********************************/
#column_box{
	width:100%;
	margin-top: 2em;
}

#column_box > .center_column{
  position:relative;  
  width: 100%;  
  box-sizing: border-box;
  z-index:0;
}
#column_box > .center_column > .top_column > a{
	display:block;	
	float:left;
	width:32.6%;	
}
#column_box > .center_column > .top_column > a:nth-of-type(1),
#column_box > .center_column > .top_column > a:nth-of-type(2){
	margin-right:1%;
}
#column_box > .center_column > .top_column > a > img{
	width:100%;	
}

/***************************フッダー************************/
#footer_box{
  clear:both;
  width:100%;
  background-color:#8ca4ae;
  padding-top:2em;
  margin-top:1em;
}
/****フッダー中部******/
#footer_box .inner_center{
  max-width:980px;
  margin:0 auto;
  padding:1em;
}
#footer_box .inner_center .contact_menu{
  width:55%;
  float:left;
  /*border:1px #000 solid;*/
}
#footer_box .inner_center .contact_menu > p.logo_title{
  font-size: 120%;
  font-weight:600;
}
#footer_box .inner_center .contact_menu > p.shop_info{
  float:left;
  line-height: 1.6em;
}
#footer_box .inner_center .contact_menu .nav{
  float:left;
  line-height: 1.6em;
  padding-left:2em;
}
#footer_box .inner_center .contact_menu .nav  a{
  display: block;
}
#footer_box .inner_center .about_eigyo{
  float:left;
  width:45%;
}
#footer_box .inner_center .about_eigyo .eigyo_calender{
  float:left;
  width:49%;
margin:0 1% 0 0;
}
#footer_box .inner_center .about_eigyo h3.mobile{
  display: none;
  color:#FFF;
  font-size: 120%;
}
#footer_box .inner_center .about_eigyo > p:nth-of-type(1){
  text-align:center;
  line-height: 1.6em;
  padding-top:1em;
}
#footer_box .inner_center .about_eigyo > p.mobile{
  display: none;
  text-align:center;
  font-size:120%;
}
#footer_box .inner_center .about_eigyo > p.mobile .tel{
  font-size: 140%;
  font-weight: 600;
  color:rgb(34, 73, 172);
}

#footer_box .inner_bottom{
  background-color:#1b1464;
  text-align:center;
  padding:1em;
  color:#FFF;
}
#footer_box .inner_bottom .nav.mobile{
  display: none;
  line-height: 1.6em;
  padding-left:2em;
  color:#FFF;
}
#footer_box .inner_bottom .nav.mobile  a{
  color:#FFF;
}

/************************ 部品共通 **************************/
div.table{  
  line-height:2.0em;
}
div.table .row_h{
  clear:both;
  background-color:#f58808;
  color:#FFF;
  padding:0.5em;
}
div.table .row_h_sub{
  clear:both;
  background-color:#f3ad5c;
  color:#FFF;
  padding:0.5em;
}
div.table .row{
  clear:both;
  border-bottom:1px #CCC solid;
  padding:1em;
}
div.table .row:last-of-type{  
  border-bottom:none;  
}
div.table .col_group {
  float:left;
  padding:4px;
}
div.table .col_group.no-float {  
  clear:both;  
}
div.table .col {
  float:left;
  text-align: left;
  padding:4px;
  width:300px;
}
div.table .col.clear-both {
  float:none;
  clear:both;  
}
div.table .row .col_group.clear-both{
  clear:both; 
}

div.table .col.wauto {
	width:auto;
}
div.table .col.w50 {
  width:50px;
}
div.table .col.w80 {
  width:80px;
}
div.table .col.w100 {
  width:100px;
}
div.table .col.w110 {
  width:110px;
}
div.table .col.w120 {
  width:120px;
}
div.table .col.w150 {
  width:150px;
}
div.table .col.w180 {
  width:180px;
}
div.table .col.w200 {
  width:200px;
}
div.table .col.w240 {
  width:240px;
}
div.table .col.w300 {
  width:300px;
}
div.table .col.w360 {
  width:300px;
}
div.table .col.w400 {
  width:400px;
}
div.table .col.w500 {
  width:500px;
}

div.table .col_group > .col.head{
  color:#777;
}

.block_sub_title{
  padding-bottom:4px;
  border-bottom: 1px #000 solid;
}
.block_sub_title span{
  position: relative;
  top:-3px;
  font-size:110%;
  font-weight: 600;
}

.block_menu{
  padding-bottom:4px;
}
.block_menu span{
  position: relative;
  top:-3px;
  font-size:110%;
  font-weight: 600;
}
.eigyo_calender{
  background-color:#e0ded9;
  width:210px;
}
.eigyo_calender tr th,
.eigyo_calender tr td{
  background-color:#e0ded9;
  color:#666666;
  border:none;
  font-size:80%;
  font-weight: 400;
  text-align:center;
  vertical-align: middle;
  padding:4px 4px;
}
.eigyo_calender .year th{
  text-align: left;
}

/*.eigyo_calender .saturday,
.eigyo_calender .sunday,*/
.eigyo_calender .holiday{
  background-color:#66ccff;
  font-weight: 600;

}
/*slickスライダードットナビ*/
.slick-dots {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  text-align: center;
  font-size: 0;
  z-index: 3;
}
.slick-dotted.slick-slider{
  margin-bottom:0px;
}
.clearfix:after{
    content: ".";
    display: block;
    visibility:hidden;
    height:0;
    font-size:0;
    line-height:0;
    clear: both;
}
.clearfix{
    display:inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}