/**************************初期化*****************************/
#header_box,
#header_box *,
#mobile_menu_box,
#mobile_menu_box *,
#column_box,
#column_box *,
#main_contents_box,
#main_contents_box > .left_column,
#main_contents_box > .left_column *,
#footer_box *{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#header_box img,
#main_contents_box > .left_column img,
#footer_box img{
    vertical-align:bottom;
}
/**************************既存のコンテンツへの適用*****************************/
/***既存コンテンツ内のすべてのイメージを伸縮できるようにする。***/
#main_contents_box > .center_column img{
  max-width:100% !important;
  height: auto !important;
}
/***既存クラスに800pxの記述があったため以下に変更***/
.float_box {
  width: 100%;;
  overflow: hidden;
}
/**パターン2のほう**/
/*#main-column{
    float:left;
}*/
#left-column {
    padding: 21px 0px;
    padding-right: 10px;
    /*float:right;*/
}
/**パターン3のほう**/
#countainer2 {
    width: 640px;
    float: left;
    background: #fff;
}
#right-column {
  width: 150px;
  padding: 0px 0px;
  background: #fff;
  float: right;
}




#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: #8f2023;
}
#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),
#header_box .top_menu_mobile_position .nav a:nth-of-type(5){
  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),
#header_box .top_menu_mobile_position .nav a:nth-of-type(4),
#header_box .top_menu_mobile_position .nav a:nth-of-type(6){
  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;
}

#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:16.6%;
  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:nth-last-of-type(1){
  border-right:none;
}
/**********************モバイルメニュー**********************/
#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 .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 .matress_menu h2,
#mobile_menu_box > .nav_category .flame_menu h2,
#mobile_menu_box > .nav_category .bedding_menu h2,
#mobile_menu_box > .nav_category .blog_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 .matress_menu ul,
#mobile_menu_box > .nav_category .flame_menu ul,
#mobile_menu_box > .nav_category .bedding_menu ul,
#mobile_menu_box > .nav_category .blog_menu ul{
  display:none;
}
#mobile_menu_box > .nav_category .recommend_menu ul li,
#mobile_menu_box > .nav_category .matress_menu ul li,
#mobile_menu_box > .nav_category .flame_menu ul li,
#mobile_menu_box > .nav_category .bedding_menu ul li,
#mobile_menu_box > .nav_category .blog_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 .matress_menu ul li a:before,
#mobile_menu_box > .nav_category .flame_menu ul li a:before,
#mobile_menu_box > .nav_category .bedding_menu ul li a:before,
#mobile_menu_box > .nav_category .blog_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 > div{
  margin-bottom:1em;
}

#main_contents_box > .left_column .recommend_menu h2,
#main_contents_box > .left_column .matress_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 ul li a{
 position:relative;
  display: block;
  padding:0.3em;
  z-index:5;
}

#main_contents_box > .left_column 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;

}


/****************************コラム*********************************/
#column_box{
  max-width:990px;
  margin:5px auto;
  padding-left: 5px;
  padding-right: 5px;
  /*background-color: red;デバッグ用*/
  overflow: hidden;
}
#column_box .left_column{
  position:relative;
  z-index:1;
  float: left;
  width: 180px;
  height: 100%;
  padding-right: 20px;
}
#column_box .left_column .img_box:not(:nth-of-type(1)){
  margin-top:1%;
}

#column_box > .center_column{
  position:relative;
  float: left;
  width: 100%;
  margin-left: -180px;
  padding-left: 180px;
  box-sizing: border-box;
  z-index:0;
}

#column_box > .center_column > .top_column > .img_box{
  float:left;
  width:395px;
  height:200px;
  margin-right:10px
}
#column_box > .center_column > .top_column > .img_box img{
  width:100%;
  height:100%;
}
#column_box > .center_column > .top_column > .ninki_kiji_list_box{
  float:left;
  width:395px;
  height:200px;

}
#column_box > .center_column > .top_column > .ninki_kiji_list_box .ninki_kiji_list{
  width:100%;
  height:100%;
  overflow-y: auto;
  border:1px #000 solid;
}
#column_box > .center_column > .top_column > .ninki_kiji_list_box .ninki_kiji_list > div{
	float:left;
	width:50%;
}
#column_box > .center_column > .top_column > .ninki_kiji_list_box .ninki_kiji_list > div img{
	max-width:100%;
}
#column_box > .center_column > .bottom_column{
  margin-top:10px;
}
#column_box > .center_column > .bottom_column > .img_box{
  position:relative;
  top:-10px;
  margin-top:10px;
  float:left;
  width:192.5px;
  height:150px;
}

#column_box > .center_column > .bottom_column > .img_box:not(:nth-of-type(1)):not(:nth-of-type(5)){
  margin-left:10px;
}
#column_box > .center_column > .bottom_column > .img_box img{
  width:100%;
  height:100%;
}
#column_box > .center_column > .bottom_column > .column_list{
  display: none;
  clear:both;
}
#column_box > .center_column > .bottom_column > .column_list > a{
  display:block;
  padding:8px 8px 8px 8px;
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.32, #E6E6E5),
  	color-stop(0.64, #F2F2F2)
  );
  background-image: -o-linear-gradient(top, #E6E6E5 32%, #F2F2F2 64%);
  background-image: -moz-linear-gradient(top, #E6E6E5 32%, #F2F2F2 64%);
  background-image: -webkit-linear-gradient(top, #E6E6E5 32%, #F2F2F2 64%);
  background-image: -ms-linear-gradient(top, #E6E6E5 32%, #F2F2F2 64%);
  background-image: linear-gradient(to top, #E6E6E5 32%, #F2F2F2 64%);
}
#column_box > .center_column > .bottom_column > .column_list > a img{
  padding-right:10px;
}
/***************************フッダー************************/
#footer_box{
  clear:both;
  width:100%;
  background-color:#8ca4ae;
  padding-top:2em;
}
#footer_box .center_border{
    width:95%;
    margin:1em auto;
    border-color:#475257;
}
/****フッダー中部******/
#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:50%;
}
#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:#c1272d;
  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;
}

/************************ 部品共通 **************************/
.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;
}