@charset "utf-8";
body, dl, dt, dd, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, blockquote {margin:0;padding:0;font-style:normal;font-weight:normal;text-align:left;}
body{font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body{font-size:small; font:x-small;}
/**:first-child+html body{font-size: small; font: x-small;}*/
img, a img{border:0; vertical-align:bottom; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,dl,ol{text-indent:0;}li{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
* html input,* html textarea,* html select{font-size:100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select{font-size:100%;}
table{border-collapse:collapse; border-spacing:0; font-size: inherit; width:100%;}th,td{text-align:left; vertical-align:top;}caption{text-align:left;}
pre,code,kbd,samp,tt{font-family:monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt{font-size:108%; line-height:100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt{font-size:108%; line-height:100%;}
input,select,textarea{font-size:100%; font-family:Verdana, Helvetica, sans-serif;}
input, textarea{margin:0; padding:0; vertical-align:middle;}
strong, em{font-weight:bold;}

/* clears==========*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-table; zoom:1;}
/* HIDE IEmac-5 \*/
    * html .clearfix{height:1%;}
/*    *+html .clearfix{height:1%;}*/
    .clearfix{display:block;}
/* END HIDE IEmac-5 */

.clear{clear:both;}


/*====================
#common
--------------------*/
body{
	color:#333;
	font-size:13px;
	line-height:160%;
	min-width:1141px;
	-webkit-text-size-adjust:100%;/*スマホ表示対応*/
}
@media screen and (max-width:1120px){
	body{min-width:300px;}
    #contents{
        padding-right:10px;
        padding-left:10px;
    }
    br.tbnone{display:none;}
}
#contents{min-height:auto;}
#contents, #header, #footer{
    transform:none;
    will-change:auto;
}

.container-fluid{padding:0;}
.inner{max-width:1120px;}
.block{margin-top:55px;}


img{max-width:100%;
 -ms-interpolation-mode: bicubic; }

/**/
.center{text-align:center;}
.right{text-align:right;}

/**/
.fl{float:left;}
.fr{float:right;}


.hover{background:inherit; transition:filter 0.3s, opacity 0.3s;}
.hover:hover, .hover:active{filter:alpha(opacity=60); opacity:0.60;}


.container-fluid.inner{
    position:relative;
}


/*:margins==========*/
.mt0{margin-top:0 !important;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

/*:paddings==========*/
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}


/*:grid==========*/
.gr > *{float:left; margin:30px 3% 0 0;}

.gr.pt2 > *{width:48.5%;}
.gr.pt2 > *:nth-child(2n){margin-right:0;}
.gr.pt2 > *:nth-child(1), .gr.pt2 > *:nth-child(2){margin-top:0;}

.gr.pt3 > *{width:31.333%;}
.gr.pt3 > *:nth-child(3n){margin-right:0;}
.gr.pt3 > *:nth-child(1), .gr.pt3 > *:nth-child(2), .gr.pt3 > *:nth-child(3){margin-top:0;}

.gr.pt4 > *{width:22.75%;}
.gr.pt4 > *:nth-child(4n){margin-right:0;}
.gr.pt4 > *:nth-child(1), .gr.pt4 > *:nth-child(2), .gr.pt4 > *:nth-child(3), .gr.pt4 > *:nth-child(4){margin-top:0;}


@media screen and (max-width:585px){
	.gr.pt4.mov > *{width:31.333%;}
	.gr.pt4.mov > *:nth-child(4n){margin-right:3%;}
	.gr.pt4.mov > *:nth-child(3n){margin-right:0;}
	.gr.pt4.mov > *:nth-child(4){margin-top:30px;}
}

@media screen and (max-width:485px){
	.gr.pt3.mov > *,
	.gr.pt4.mov > *{width:48.5%;}
	.gr.pt3.mov > *:nth-child(3n),
	.gr.pt4.mov > *:nth-child(3n){margin-right:3%;}
	.gr.pt3.mov > *:nth-child(2n),
	.gr.pt4.mov > *:nth-child(2n){margin-right:0;}
	.gr.pt3.mov > *:nth-child(3),
	.gr.pt4.mov > *:nth-child(3){margin-top:30px;}
}


/*:table==========*/
.dl_table{
    border-top:1px solid #BDAB97;
    border-right:1px solid #BDAB97;
}
.dl_table dl{
    padding:0;
    border-bottom:none;
}
.dl_table dl + dl{
    margin-top:10px;
}
.dl_table dt,
.dl_table dd{
    border-left:1px solid #BDAB97;
    border-bottom:1px solid #BDAB97;
    padding:15px 10px;
}
.dl_table dt{
    background:#E6D9CA;
    font-weight:bold;
}
@media only screen and (min-width: 768px){
.dl_table dt{
    width:22%;
}
.dl_table dd{
    width:78%;
}
}
@media screen and (max-width:767px){
    .dl_table{
        border:none;
    }
    .dl_table dl{
        border-top:1px solid #BDAB97;
        border-right:1px solid #BDAB97;
    }
}


/*:button==========*/
.bt{
	padding-top:14px;
}
.bt input{
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif !important;
}
.bt a, a.bt, .bt input{
	color:#FFF;
	text-decoration:none;
	padding:10px 25px;
	margin:0 5px;
	font-weight:bold;
	display:inline-block;
	border-radius:7px;
	font-size:14px;
	line-height:100%;
	cursor:pointer;
	border:none;
	background:rgb(204,204,204);
	background:-moz-linear-gradient(top,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,rgba(204,204,204,1)),
		color-stop(100%,rgba(185,185,185,1)));
	background:-webkit-linear-gradient(top,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
	background:-o-linear-gradient(top,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
	background:-ms-linear-gradient(top,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
	background:linear-gradient(to bottom,
		rgba(204,204,204,1) 0%,
		rgba(185,185,185,1) 100%);
}
a.bt:hover, .bt a:hover, .bt input:hover{
	filter:alpha(opacity=60);
	opacity:0.60;
}
.bt a.red, a.bt.red, .bt input.red{
	background:rgb(232,115,123);
	background:-moz-linear-gradient(top,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,rgba(232,115,123,1)),
		color-stop(100%,rgba(242,68,90,1)));
	background:-webkit-linear-gradient(top,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	background:-o-linear-gradient(top,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	background:-ms-linear-gradient(top,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
	background:linear-gradient(to bottom,
		rgba(232,115,123,1) 0%,
		rgba(242,68,90,1) 100%);
}



/*:title==========*/
.ts1{
    color:#653726;
    font-size:20px;
    line-height:100%;
    border-left:5px solid #CAA667;
    padding:5px 0 1px 15px;
    margin-bottom:15px;
}
.ts1 span{
    display:block;
    font-size:10px;
    line-height:100%;
    color:#AC813B;
    margin-top:5px;
}

/*:::::*/
.ts2{
    border-left:5px solid #CAA667;
    color:#653726;
    font-size:20px;
    padding:9px 10px 7px 15px;
    margin-bottom:20px;
}
.ts2 span{
    margin-left:1.5em;
    font-size:16px;
    line-height:100%;
    color:#AC803A;
}

/*:::::*/
.ts3{
	background:#DCD2C7;
	color:#653727;
	font-size:17px;
	border-bottom:1px solid #AE977D;
	font-weight:bold;
	line-height:120%;
	padding:12px 15px 8px 25px;
	margin:30px 0 15px;
	position:relative;
}
.ts3:before{
	content:"";
	display:block;
	width:5px;
	position:absolute;
	top:10px;
	bottom:10px;
	left:9px;
	background:#fff;
	margin:auto;
}
.ts2 + .ts3{
	margin-top:0;
}

/*:::::*/
.ts4{
    border-bottom:1px solid #E0CDC2;
    font-weight:bold;
    font-size:18px;
    line-height:130%;
    position:relative;
    color:#60331E;
    padding:18px 10px 13px 25px;
    margin-bottom:10px;
}
.ts4:before,
.ts4:after{
    content:"";
    display:block;
    position:absolute;
}
.ts4:before{
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:url(http://www.hoshino-kagu.jp/test/shop/html/user_data/img/side_ba/bg_wood.jpg);
}
.ts4:after{
    width:5px;
    background:#CF8E64;
    left:10px;
    top:16px;
    bottom:13px;
    margin:auto;
}

/*:::::*/
.page-heading{
    margin:0 0 30px 0;
    background:url(../../../user_data/img/sns/insta.jpg);
    padding:20px 15px 18px;
    font-size:28px;
    line-height:110%;
    color:#6D5043;
    text-shadow:-1px -1px 0 #fff;;
}
@media screen and (max-width:767px){
    .page-heading{
        padding:17px 10px 15px;
        font-size:23px;
    }
}


/*:list==========*/
ul.linkImg li + li{
    margin-top:20px;
}
ul.linkImg a{
    display:table;
    width:100%;
    border:5px solid #E0DCD8;
    position:relative;
    padding:10px 35px 10px 10px;
    color:#60331E;
    transition:
        color 0.3s,
        background 0.3s,
        border-color 0.3s;
}
ul.linkImg a:after{
    content:"";
    display:block;
    border-top:4px solid #E0DCD8;
    border-right:4px solid #E0DCD8;
    width:14px;
    height:14px;
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
    position:absolute;
    right:13px;
    top:50%;
    margin-top:-7px;
    transition:border-color 0.3s;
}
ul.linkImg a:hover{
    border-color:#E2D09A;
    background:#F7EBC2;
    color:#C68B33;
}
ul.linkImg a:hover:after{
    border-color:#C68B33;
}
ul.linkImg a > *{
    display:table-cell;
    vertical-align:middle;
    font-weight:bold;
    font-size:28px;
    line-height:120%;
}
ul.linkImg a span{width:130px;}
ul.linkImg a div{padding-left:20px;}
@media screen and (max-width:767px){
    ul.linkImg a > *{font-size:20px;}
    ul.linkImg a span{width:80px;}
}
@media screen and (max-width:580px){
    ul.linkImg a > *{font-size:17px;}
    ul.linkImg a span{width:50px;}
    ul.linkImg a div{padding-left:15px;}
}


/**/
dl.linkImg dt{
    display:table;
    width:100%;
    border:5px solid #E0DCD8;
    border-bottom:none;
    padding:10px 35px 10px 10px;
    color:#60331E;
}
dl.linkImg dt > *{
    display:table-cell;
    vertical-align:middle;
    font-weight:bold;
    font-size:28px;
    line-height:120%;
}
dl.linkImg span{width:130px;}
dl.linkImg div{padding-left:20px;}
dl.linkImg dd{
    border:5px solid #E0DCD8;
    border-top:none;
    padding:0 10px;
}
dl.linkImg dd + dt{
    margin-top:20px;
}
dl.linkImg dd a{
    display:block;
    border-top:2px dotted #E0DCD8;
    padding:15px 25px 15px 5px;
    font-size:15px;
    line-height:120%;
    position:relative;
    transition:
        color 0.3s,
        background 0.3s,
        border-color 0.3s;
}
dl.linkImg dd a:after{
    content:"";
    display:block;
    border-top:4px solid #E0DCD8;
    border-right:4px solid #E0DCD8;
    width:12px;
    height:12px;
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
    position:absolute;
    right:8px;
    top:50%;
    margin-top:-7px;
    transition:border-color 0.3s;
}
dl.linkImg a:hover{
    border-color:#E2D09A;
    background:#F7EBC2;
    color:#C68B33;
}
dl.linkImg a:hover:after{
    border-color:#C68B33;
}
@media screen and (max-width:767px){
    dl.linkImg dt > *{font-size:20px;}
    dl.linkImg span{width:80px;}
}
@media screen and (max-width:580px){
    dl.linkImg dt > *{font-size:17px;}
    dl.linkImg span{width:50px;}
    dl.linkImg div{padding-left:15px;}
    dl.linkImg dd a{font-size:13px;}
}


/**/
ul.style{
    border-top:1px dotted #ACA48A;
}
ul.style li{
    border-bottom:1px dotted #ACA48A;
    font-weight:bold;
    padding:17px 10px;
}

/**/
dl.style dt{
    font-weight:bold;
}
dl.style dd + dt{
    margin-top:1.5em;
}


/*:header==========*/
header#header,
header .inner{
    padding:0;
}
header .inner{
    margin:0;
    max-width:none;
}

/*:header==========*/
#mainV{
	position:relative;
}
#pageheader,
#header nav{
	position:absolute;
	z-index:999;
	width:100%;
}
.pageH #pageheader,
#header .pageH nav{
	position:static;
}
#header nav{
    background:url(../../../user_data/img/bg_nav.png);
}
#pageheader{
	top:0;
	padding:7px 0;
	border-top:5px solid rgba(64,0,0,0.8);
}
header .pagebox{
    margin:0 auto;
    max-width:1120px;
}

/*-----*/
#logo{
	position:relative;
	background:url(../../../user_data/img/logo_cart.png) no-repeat left top;
	width:400px;
	height:65px;
	float:left;
}
#logo span{
	position:absolute;
	top:-500px;
}

/*-----*/
#pageheader .phone,
#pageheader .open_close{
	font-size:13px;
	line-height:100%;
	text-align:right;
}
#pageheader .phone{
	color:#000;
}
#pageheader .phone span{
	font-size:20px;
	line-height:100%;
	font-weight:bold;
	margin-left:10px;
}
#pageheader .phone span:before{
	content:"";
	display:inline-block;
	background:url(../../../user_data/img/icon_tel.png);
	width:28px;
	height:31px;
	vertical-align:middle;
	margin-right:5px;
}
#pageheader .open_close{
	color:#331A0D;
	margin-top:0.4em;
}

/*-----*/
header a.fr{
	display:block;
	background:url(../../../user_data/img/bg_nav.png);
	border-radius:7px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	margin-left:10px;
}
header a.fr span{
	display:block;
	border-radius:7px;
	line-height:50px;
	font-size:15px;
	padding:0 15px 0 15px;
	transition:background 0.3s;
}
header a.fr:hover span{
	background:#741005;
}
header a.fr span:before{
	content:"";
	display:inline-block;
	width:26px;
	height:18px;
	background:url(../../../user_data/img/icon_mail.png);
	vertical-align:middle;
	margin-right:10px;
}

/*-----*/
header .trigger,
header .trigger b{
	display:none;
}
header .trigger{
	position:absolute;
	right:12px;
	top:14px;
	width:34px;
	height:36px;
	cursor:pointer;
	z-index:100;
}
header .trigger:before,
header .trigger:after,
header .trigger span:before{
	content:"";
	display:block;
	position:absolute;
	height:4px;
	width:100%;
	background:#666;
	left:0;
	transition: .35s ease-in-out;
}
header .trigger:before{
	top:0;
}
header .trigger:after{
	top:11px;
}
header .trigger span:before{
	top:22px;
}
header.active .trigger:before{
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
header.active .trigger:after{
	width: 0;
	left: 50%;
}
header.active .trigger span:before{
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

/*:::::*/
#header nav{
	bottom:0;
}
#header nav ul{
	display:table;
	width:1120px;
	border-left:1px solid #763;
}
#header nav ul li{
	display:table-cell;
    vertical-align:middle;
	border-right:1px solid #763;
}
#header nav ul li a{
	display:block;
	text-align:center;
	text-decoration:none !important;
	color:#fff !important;
	font-size:15px;
	line-height:100%;
	padding:20px 3px;
	transition:background 0.3s;
}
#header nav ul li.long a{
	padding-top:12px;
	padding-bottom:13px;
}
#header nav ul li.long a span{
	display:none;
}
#header nav ul li.sp{
	display:none;
}
@media screen and (min-width:1140px){
    #header nav ul{
        height:auto !important;
    }
}
@media screen and (min-width:771px){
    #header nav ul li a:hover{
	    background:#741005;
    }
}

#header .fixed nav{
	position:fixed;
	top:0;
	bottom:auto;
	min-width:1120px;
}
@media screen and (max-width:1140px){
	#pageheader{
		background:#fff;
		position:relative;
		z-index:9999;
	}
	.sp_fixed{
		position:fixed;
		top:0;
		width:100%;
		z-index:9999;
	}
	#logo{
		background-size:auto 45px;
		background-position:10px center;
		height:45px;
        width:290px;
	}
	#pageheader .fr{
		display:none;
	}
	#pageheader .trigger{
		display:block;
	}

	#header nav{
		background:#333;
	}
	#header nav ul,
	#header nav ul li,
	#header nav ul li.sp{
		display:block;
		width:100%;
		border:none;
	}
    #header nav ul li a br{
		display:none;
	}
	#header nav ul li.long a span{
		display:inline;
	}
	#header .fixed nav{
		min-width:300px;
	}
	#header nav,
	#header .fixed nav{
		position: absolute;
		top:-1500px;
		width: 100%;
		text-align: center;
		transition: 0.9s;
		bottom:auto;
	}
    .pageH #pageheader{
        position:relative;
    }
    #header .pageH nav{
        position:absolute;
    }
	#header nav.active{
		top:64px !important;
    }
    #header nav.active ul{
		overflow:scroll;
	}
}
@media screen and (max-width:370px){
    #logo{
  		background-size:auto 35px;
		height:35px;
        width:235px;
    }
}


/*:main==========*/
#contents #contents{
    padding-top:0;
}

.theme_side_left #main{
    width:800px;
}
#main #main{
    width:100%;
}
.theme_side_left #main #main_bottom > * + *{
    margin-top:50px;
}
@media screen and (max-width:1110px){
    .theme_side_left #main{
        width:73.5%;
    }
}
@media screen and (max-width:990px){
    .theme_side_left #main{
        width:71.5%;
    }
}
@media screen and (max-width:820px){
    .theme_side_left #main{
        width:70%;
    }
}
@media screen and (max-width:767px){
    .theme_side_left #main{
        width:100%;
    }
}


/*:side==========*/
#side_left{
    width:250px;
    padding-right:0;
}
#contents_bottom{
    position:relative;
    float:left;
    left:0;
    width:250px;
    clear:left;
    margin-top:25px;
}
@media screen and (max-width:1110px){
    #side_left,
   #contents_bottom{
        width:24.5%;
    }
}
@media screen and (max-width:990px){
    #side_left,
    #contents_bottom{
        width:26.5%;
    }
}
@media screen and (max-width:820px){
    #side_left,
    #contents_bottom{
        width:28%;
    }
}
@media screen and (max-width:767px){
    #contents{
        padding-top:20px !important;
    }
    #side_left,
    #contents_bottom{
        width:100%;
    }
    #contents_bottom{
        margin-top:45px;
    }
}


/*:::::*/
.overlay{display:none;}
#cart_area{
    position:relative;
    z-index:999;
    right:auto;
    display:block;
    height:auto;
}
#cart_area a{
    color:#333;
}
#cart_area a.btn-primary{
    color:#fff;
}
#cart_area p.cart-trigger{
    min-width:250px;
    margin-bottom:15px;
}
#cart_area p.errormsg{
    min-width:100%;
}
.cart{
    position:relative;
    height:auto;
}
#cart .inner{
    right:auto;
    left:0;
    width:500px;
}
#cart_area .cart_price{
    float:right;
    line-height:44px;
    margin-right:15px;
}
p.cart-trigger .badge{
    right:auto;
    left:45px;
    top:50%;
    margin-top:-9px;
}

/*:::::*/
.address_edit_box dt{
    padding:7px 0;
}
.address_edit_box dd,
.address_edit_box dd p{
    font-weight:bold;
}
.address_edit_box dd{
    border-top:1px dotted #ccc;
    padding:7px 0;
    line-height:130%;
}
.address_edit_box dd input{
    font-weight:normal;
    padding:5px;
}
.address_edit_box dd.name input{
    width:45%;
    margin-right:2%;
}
.address_edit_box .zipcode{
    margin-bottom:5px;
}
.address_edit_box .zipcode input{
    width:5em;
    margin:0 2%;
}
.address_edit_box .customer-pref input{
    width:20%;
    margin-right:2%;
}
.address_edit_box .customer-addr01 input{
    width:38%;
    margin-right:2%;
}
.address_edit_box .customer-addr02 input{
    width:38%;
}
.address_edit_box dd.tel input{
    width:5em;
    margin:0 2%;
}
.address_edit_box dd.tel .customer-tel01 input{
    margin-left:0;
}
.address_edit_box dd.mail input{
    width:100%;
}
.address_edit_box dd.mail div + div{
    margin-top:5px;
}
.address_edit_box dd + dt{
    margin-top:10px;
}
.address_edit_box p{
    padding:0;
    margin:0;
}

@media screen and (max-width:767px){
    #cart_area{
        margin-bottom:2px;
    }
}
@media screen and (max-width:767px){
    #cart_area{
        border:1px solid #D9D9D9;
        height:44px;
    }
    #cart_area p.cart-trigger{
        margin-bottom:0;
    }
    #cart .inner{
        width:100%;
        box-shadow:0 2px 5px #000;
    }
    .cart{
        position:absolute;
    }
}

/**/
.category-nav{
    border-top:1px solid #bbb;
}
.category-nav > li{
    position:relative;
}
.category-nav .trigger{
    position:absolute;
    right:0;
    top:8px;
    background:#F7CBB5;
    width:20px;
    height:38px;
    border-radius:5px;
    cursor:pointer;
    transition:background 0.3s;
}
.category-nav .trigger:hover{
    background:#CAA667;
}
.category-nav .trigger.open{
    background:#D90000;
}
.category-nav .trigger:before{
    content:"";
    display:block;
    background:url(../../../user_data/img/icon02.png);
    width:10px;
    height:10px;
    position:absolute;
    right:4px;
    top:14px;
}
.category-nav a{
    font-weight:normal;
    font-size:14px;
    line-height:110%;
    padding:4px 25px 4px 0;
    display:block !important;
    width:100%;
    height:auto;
    white-space:normal;
    border-color:#bbb;
}
.category-nav a:before{
    content:"";
    width:70px;
    height:50px;
    display:inline-block;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-position:center center;
    margin-right:7px;
}
#category_1 > a:before{background-image:url(../../../user_data/img/category/ic01.jpg);}
#category_2 > a:before{background-image:url(../../../user_data/img/category/ic02.jpg);}
#category_3 > a:before{background-image:url(../../../user_data/img/category/ic03.jpg);}
#category_4 > a:before{background-image:url(../../../user_data/img/category/ic04.jpg);}
#category_5 > a:before{background-image:url(../../../user_data/img/category/ic05.jpg);}
#category_6 > a:before{background-image:url(../../../user_data/img/category/ic06.jpg);}
#category_7 > a:before{background-image:url(../../../user_data/img/category/ic07.jpg);}
#category_8 > a:before{background-image:url(../../../user_data/img/category/ic08.jpg);}
#category_9 > a:before{background-image:url(../../../user_data/img/category/ic09.jpg);}
#category_10 > a:before{background-image:url(../../../user_data/img/category/ic10.jpg);}
#category_11 > a:before{background-image:url(../../../user_data/img/category/ic11.jpg);}
#category_12 > a:before{background-image:url(../../../user_data/img/category/ic12.jpg);}
#category_25 > a:before{background-image:url(../../../user_data/img/category/ic25.jpg);}
#category_26 > a:before{background-image:url(../../../user_data/img/category/ic26.jpg);}

#category_11,
#category_12{
    display:none;
}

.category-nav .sub{
    border-bottom:1px solid #bbb;
}
.category-nav .sub a{
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:1px dotted #bbb;
    font-size:12px;
    line-height:100%;
}
.category-nav .sub li:last-child a{
    border:none;
}
.category-nav .sub a:before{
    display:none;
}
.category-nav a span{
    display:inline-block;
    width:148px;
    vertical-align:middle;
}
.category-nav .sub a span{
    width:100%;
}


@media screen and (max-width:1110px){
    #cart_area p.cart-trigger{
        min-width:100%;
    }
}
@media screen and (max-width:1070px){
    .category-nav a:before{
        width:33%;
        margin-right:2%;
    }
    .category-nav a span{
        width:65%;
    }
}
@media screen and (max-width:767px){
    #cart_area p.cart-trigger{
        right:auto;
    }
    nav#category{
        margin-top:15px;
        margin-bottom:20px;
    }
    nav#category .ts1{
        background:url(../../../user_data/img/side_ba/bg.jpg);
        border:none;
        border-radius:20px;
        padding:12px 0 10px 0;
        color:#fff;
        margin-bottom:0;
        box-shadow:0 2px 8px #666;
        position:relative;
        padding-left:55px;
    }
    nav#category.active .ts1{
        box-shadow:none;
    }
    nav#category .ts1:before{
        content:"";
        display:block;
        width:27px;
        height:20px;
        background:url(../../../user_data/img/icon_menu.png);
        background-size:auto 20px;
        position:absolute;
        left:15px;
        top:50%;
        margin-top:-14px;
    }
    #category ul{
		height:0;
		overflow:hidden;
		filter:alpha(opacity=0);
		opacity:0;
		float:none;
		transition:
			height 0.3s,
			filter 0.3s,
			opacity 0.3s;
    }
	 #category.active ul{
		height:auto;
		filter:alpha(opacity=100);
		opacity:1;
	}
    .category-nav > li{
        float:left;
        width:48.5%;
        margin-right:3%;
    }
    .category-nav > li:nth-child(2n){
        margin-right:0;
    }
}
@media screen and (max-width:590px){
    .category-nav > li{
        float:none;
        width:100%;
        margin-right:0;
    }
    .category-nav a:before{width:13%;}
    .category-nav a span{width:85%;}
}
@media screen and (max-width:420px){
    .category-nav a:before{width:23%;}
    .category-nav a span{width:75%;}
}


/*:::::*/
.ba_image li{
    text-align:center;
}
.ba_image li + li{
    margin-top:10px;
}
/**/
.ba_text{
    margin-top:15px;
}
.ba_text li + li{
    margin-top:10px;
}
.ba_text a{
    display:block;
    font-weight:bold;
    color:#fff;
    font-size:15px;
    line-height:65px;
}
.ba_text a img{
    margin-right:12px;
}
@media screen and (max-width:1110px){
    .ba_text a{
        line-height:53px;
    }
    .ba_text a img{
        height:53px;
        margin-right:8px;
    }
}
@media screen and (max-width:990px){
    .ba_text a{
        font-size:13px;
    }
}
/**/
.pagelink{
    margin-top:20px;
}
.pagelink li + li{
    margin-top:1px;
}
.pagelink li{
    border-right:1px solid #9B9B8C;
    border-bottom:1px solid #9B9B8C;
}
.pagelink a{
    display:block;
    font-size:15px;
    line-height:45px;
    color:#3F3000;
}
.pagelink img{
    vertical-align:middle;
    margin:0 15px 0  10px;
}

@media screen and (max-width:767px){
    #contents_bottom .brake ul{
        float:left;
        width:49.5%;
        margin-right:1%;
    }
    #contents_bottom .brake ul:nth-child(2n){
        margin-right:0;
    }
    .ba_text a{
        line-height:47px;
    }
    .ba_text a img{
        height:47px;
    }
    .pagelink{
        margin-top:15px;
    }
    .pagelink a{
        line-height:46px;
    }
    .ba_text a,
    .pagelink a{
        font-weight:bold;
        font-size:14px;
    }
    .ba_text li + li,
    .pagelink li + li{
        margin-top:4px;
    }
}
@media screen and (max-width:490px){
    #contents_bottom .brake ul{
        float:none;
        width:100%;
        margin-right:0;
    }
}

/**/
.calendar #calendar{
    margin:25px 0 0 0;
}
.calendarBg{
    background:#eee;
    padding:10px 13px 20px;
}

#calendar {
	margin-top:25px;
}

#calendar .month {
    text-align: center;
    font-weight: bold;
    line-height: 100%;
    margin-top: 10px;
    margin-bottom: 6px;
}

#calendar caption{
    text-align:center;
    margin-bottom:7px;
}

#calendar table{
    margin:5px 0 15px 0;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}
#calendar th{
    background:#c0c0c0;
    color:#fff !important;
}
#calendar th,
#calendar td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc !important;
    text-align:center;
}
#calendar .rest {
    background:#FFDFE0;
    color:#D70062;
}

#calendar div.clearfix{
	margin-top:10px;
}
#calendar div.clearfix .fl{
	border:1px solid #bbb;
	padding:2px 10px;
}
#calendar div.clearfix > *{
	line-height:26px;
	font-size:12px;
}


#calendar .txt{
    font-size:12px;
    line-height:160%;
}

/**/
#shopinfo{
    margin-top:25px;
}
#shopinfo .address{
    line-height:150%;
    margin-top:10px;
}
#shopinfo ul.txt{
    margin-top:15px;
}
#shopinfo ul.txt li + li{
    margin-top:2px;
}
#shopinfo ul.txt a{
    display:block;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    background:rgb(237,237,237);
	background:-moz-linear-gradient(top,
		rgba(255,255,255,1) 0%,
		rgba(237,237,237,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,1)),
		color-stop(100%,rgba(237,237,237,1)));
	background:-webkit-linear-gradient(top,
		rgba(255,255,255,1) 0%,
		rgba(237,237,237,1) 100%);
	background:-o-linear-gradient(top,
		rgba(255,255,255,1) 0%,
		rgba(237,237,237,1) 100%);
	background:-ms-linear-gradient(top,
		rgba(255,255,255,1) 0%,
		rgba(237,237,237,1) 100%);
	background:linear-gradient(to bottom,
		rgba(255,255,255,1) 0%,
		rgba(237,237,237,1) 100%);
    padding:7px 10px;
}
#shopinfo ul.txt a:before{
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    border:2px solid #FFBF00;
    border-radius:50%;
    margin-right:10px;
}
#shopinfo ul.image{
    margin-top:15px;
}
#shopinfo ul.image li + li{
    margin-top:15px;
}
@media screen and (max-width:1110px){
    #shopinfo .clearfix p{
        float:left;
    }
    #shopinfo .clearfix p + p{
        margin-left:15px;
    }
    #shopinfo ul.image{
        font-size:0;
        line-height:0;
        text-align:center;
    }
    #shopinfo ul.image li{
        display:inline-block;
    }
    #shopinfo ul.image li + li{
        margin:0 0 0 15px;
    }
}
@media screen and (max-width:560px){
    #shopinfo .clearfix p{
        float:none;
        text-align:center;
    }
    #shopinfo .clearfix p + p{
        margin-left:0;
    }
    #shopinfo ul.image li{
        display:block;
        text-align:center;
    }
    #shopinfo ul.image li + li{
        margin:10px 0 0 0;
    }
}



/*:footer==========*/
footer#footer{
    padding:0 0 20px 0;
    margin-top:40px;
    background:none;
    border:none;
}


#footer #fnav{
    background:#5E4439;
    text-align:left;
    border-left:1px solid #CAA667;
    font-size:0;
    line-height:0;
}
#footer ul#fnav li{
    margin:0;
    border-right:1px solid #CAA667;
}
#footer ul#fnav li a{
    color:#fff;
    font-size:12px;
    line-height:120%;
    padding:14px 20px;
    display:block;
    transition:background 0.3s;
}
#footer ul#fnav li a:hover{
	background:#741005;
}

#fbox{
    padding:25px 0 15px;
    width:782px;
}
#fbox .logo{
    margin:10px 35px 0 0;
}
#footer #fbox ul li{
	margin:0 0 0 20px;
    border-radius:8px;
	font-size:12px;
	line-height:130%;
	transition:background 0.3s;
    vertical-align:top;
}
#fbox li a{
	display:block;
	text-decoration:none;
	transition:color 0.3s;
}
#fbox .tel{
	background-repeat:no-repeat;
	background-position:10px 15px;
	padding:20px 15px 20px 90px;
}
#fbox .tel b{
	color:#5E4439;
	font-size:32px;
	line-height:100%;
	display:block;
    margin-bottom:8px;
}
#footer #fbox ul li.mail{
    margin-top:-5px;
}
#fbox .mail a{
	background-repeat:no-repeat;
    background-position:center 14px;
	color:#33190C;
	padding:65px 15px 7px 15px;
}
#fbox .mail:hover{
	background:#E8DFA6;
}
#fbox .mail:hover a{
	color:#8E3804 !important;
}

#footer .ftxt{
    font-weight:bold;
    font-size:15px;
    line-height:170%;
    color:#5E4439;
}
#footer .ftxt b{
    margin-left:1em;
}

#footer .ftxt.copyright{
    font-size:11px;
    line-height:100%;
    margin-top:10px;
}
#footer .copyright a{
	color:#5E4439;
	text-decoration:none;
	margin-left:1em;
}

@media screen and (max-width:1120px){
    #fbox,
    #footer .ftxt{
        padding-right:15px;
        padding-left:15px;
    }
    #fbox{
        width:100%;
    }
    #fbox .fr{
        float:none;
        margin:0;
    }
    #fbox ul.fr{
        margin-bottom:15px;
    }
    #footer #fbox ul li{
        margin:0 10px;
    }
    #fbox .logo{
        text-align:center;
    }
    #footer .ftxt{
        text-align:center;
    }
}
@media screen and (max-width:730px){
    #footer .ftxt b{
        margin-left:0;
        display:block;
    }
    #footer .copyright{
        font-size:10px;
    }
}
@media screen and (max-width:600px){
    #fbox, #footer .ftxt{
        padding-right:10px;
        padding-left:10px;
    }
    #footer #fbox ul li{
        display:block;
        background-color:#EAE3DB;
        margin:0 0 10px 0;
    }
   	#fbox .tel{
		background-position:13px 11px;
		background-size:45px auto;
		padding:20px 10px 5px 0;
	}
	#fbox .tel b{
		font-size:24px;
		padding-left:70px;
		margin-bottom:15px;
	}
    #footer #fbox ul li.mail{
        margin-top:0;
    }
	#fbox .mail a{
		background-position:13px center;
		background-size:45px auto;
		padding:25px 10px 25px 70px;
		font-weight:bold;
		font-size:18px;
		line-height:100%;
	}
}


.switchBtn.gr.pt2{
    margin:20px -10px 0;
    clear:both;
}
.switchBtn.gr.pt2 li{
    float:left;
    width:50%;
    display:block;
	text-align:center;
	font-weight:bold;
	line-height:100%;
	padding:20px 0;
	margin:0 !important;
	background:#92725B;
	color:#fff;
}
.switchBtn.gr.pt2 li.btnAcv{
	background:#F4E7D2;
	color:#C2AC9C;
}


/*:::::*/
#pageTop{
	bottom:-80px;
	right:0;
	padding:0;
	position:fixed;
	z-index:999;
	transition:bottom 0.8s;
}
#pageTop a{
	display:block;
	width:80px;
	height:80px;
	background:rgba(129,50,3,0.6);
	text-align:center;
	text-decoration:none;
	color:#FFF;
	transition:background 0.2s;
}
#pageTop a:before{
	content:"";
	display:block;
	border-top:8px solid #fff;
	border-left:8px solid #fff;
	width:26px;
	height:26px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-13px 0 0 -13px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:top 0.3s;
}
#pageTop b{display:none;}


/*画面へ表示*/
#pageTop.show{bottom:0;}
/*mouse操作*/
#pageTop a:hover{background:rgba(129,50,3,0.85);}
#pageTop a:hover:before{top:30%;}


@media screen and (max-width:770px){
	#pageTop{
		position:relative;
		width:100%;
	}
	#pageTop a{
		width:100%;
		background:rgba(129,50,3,0.6) !important;
		height:60px;
	}
	#pageTop a:before{
		top:41% !important;
		width:12px;
		height:12px;
		border-width:5px;
		margin-left:-14px;
	}
	#pageTop b{
		display:block;
		padding-top:35px;
		font-size:15px;
		line-height:100%;;
	}
}



/*:news / 新着情報(news.twig)==========*/
.news_contents{
    width:100%;
    padding:0;
}
#news_area{
    background:none;
    margin-bottom:0;
}



/*:item_list / おすすめ商品(recommend_product_block.twig)==========*/
#item_list ul{
    border-top:1px solid #ccc;
    position:relative;
}
#item_list li{
    position:relative;
}
#item_list li a{
    display:block;
    border-bottom:1px solid #ccc;
    padding:7px 35px 7px 0;
}
#item_list li:before,
#item_list li:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
}
#item_list li:before{
    background:url(../../../user_data/img/bg_wood.jpg);
    width:23px;
    height:108px;
    right:0;
    margin-top:-54px;
}
#item_list li:after{
    background:url(../../../user_data/img/icon01.png);
    width:11px;
    height:40px;
    right:5px;
    margin-top:-20px;
}
#item_list .item_photo{
    margin:0;
    float:left;
    width:320px;
}
#item_list #product_tag_box{
    padding-top:2px;
    font-size:0;
    line-height:100%;
}
#item_list #product_tag_box span{
    margin:3px 5px 0 0;
    display:inline-block;
    line-height:20px;
}
#item_list .pickup_item dl{
    float:right;
    width:425px;
}
#item_list .pickup_item dl dt{
    font-weight:bold;
    color:#5E4439;
    font-size:15px;
    line-height:100%;
    padding:20px 0 10px;
}
#item_list .pickup_item .item_price{
    color:#B20000;
    font-size:15px;
    line-height:110%;
}
@media screen and (max-width:1120px){
    #item_list .item_photo{
        width:32%;
    }
    #item_list .pickup_item dl{
        width:65%;
    }
}
@media screen and (max-width:460px){
    #item_list li a{
        padding-left:35px;
    }
    #item_list .item_photo,
    #item_list .pickup_item dl{
        float:none;
        width:100%;
    }
}


/*:new_coo / 最新納入実績(new_coo.twig)==========*/
#new_coo ul{
    background:url(../../../user_data/img/bg_wood_L.jpg);
    padding:10px;
}
#new_coo li{
    padding:10px;
    float:left;
    width:50%;
    box-sizing:border-box;
}
#new_coo li a{
    display:block;
    background:rgb(255,255,255);
	background:-moz-linear-gradient(left,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
	background:-webkit-gradient(linear, left top, right top,
		color-stop(0%,rgba(255,255,255,0.88)),
        color-stop(50%,rgba(255,255,255,0.5)),
		color-stop(100%,rgba(255,255,255,0.88)));
	background:-webkit-linear-gradient(left,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
	background:-o-linear-gradient(left,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
	background:-ms-linear-gradient(left,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
	background:linear-gradient(to right,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
    padding:10px 15px 25px 15px;
}
#new_coo li .date{
    font-weight:bold;
    font-size:15px;
    line-height:100%;
    color:#AC813B;
}
#new_coo li .date span{
    display:inline-block;
    margin-left:10px;
    background:#D90000;
    color:#fff;
    font-weight:normal;
    font-size:11px;
    line-height:100%;
    padding:3px 5px;
    vertical-align:middle;
}
#new_coo li p.center{
    margin:13px 0 20px 0;
}
#new_coo li dt{
    font-weight:bold;
    color:#5E4439;
    font-size:15px;
    line-height:100%;
    margin-bottom:7px;
}
#new_coo li dd{
    color:#212121;
}
@media screen and (max-width:580px){
    #new_coo li{
        float:none;
        width:100%;
    }
}


/*:sns / トップSNS(top_sns.twig)==========*/
#insta{
    background:url(../../../user_data/img/sns/insta.jpg);
    width:390px;
    height:338px;
    float:left;
    border-radius:24px;
    box-sizing:border-box;
    padding:25px 22px;
}
#insta p.title{
    background:url(../../../user_data/img/sns/title_insta.png) no-repeat left center;
	font-size:12px;
	line-height:40px;
	padding-left:155px;
	margin-bottom:20px;
}
#insta .instagram > *{
	float:left;
	margin:3% 3% 0 0;
	width:31.333%;
}
#insta .instagram > *:nth-child(3n){
	margin-right:0;
}
#insta .instagram #empty{
	float:none;
	width:100%;
	margin:0;
}
#insta .instagram #empty p{
	text-align:center;
}

/**/
#instabanner{
    width:390px;
    float:left;
    box-sizing:border-box;
}

/**/
#blog{
    background:url(../../../user_data/img/sns/bg_blog.png) no-repeat center top;
    width:388px;
    height:346px;
    float:right;
}
#blog p.center{
    padding-top:25px;
}
#blog p.right{
	padding-right:30px;
}
#blog p.right a{
	color:#C77463;
}
#blog ul{
    padding:10px 27px;
    height:200px;
	margin:0 18px 0 10px;
	overflow:auto;
}
#blog ul li{
	margin-top:5px;
}
#blog ul li a{
	color:#5E4439;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	line-height:130%;
}
#blog ul li a span{
	color:#FF7F00;
	margin-left:1em;
}
/**/
#youtube iframe{
    width:100%;
    height:420px;
}
@media screen and (max-width:1120px){
    #insta,
	#instabanner,
	#blog{
        float:none;
        width:100%;
        height:auto;
        border-radius:20px;
    }
    #blog{
		background:none;
		border:2px solid #FFBFBF;
		background:#fff;
		height:auto;
		padding-bottom:15px;
        margin-top:10px;
    }
    #blog ul{
		height:auto;
		margin:0;
		overflow:auto;
	}
}
@media screen and (max-width:850px){
    #youtube iframe{
        height:330px;
    }
}
@media screen and (max-width:565px){
    #youtube iframe{
        height:250px;
    }
}


/*:top_ba / トップメインバナー(top_ba.twig)==========*/
@media screen and (max-width:1090px){
    #top_ba li{
        width:49%;
        margin-right:2%;
    }
    #top_ba li:nth-child(2n){
        margin-right:0;
    }
}


/*:login / ログイン(login.twig)==========*/
#member{
    float:none;
    width:100%;
    margin-bottom:30px;
}
#member ul{
    font-size:0;
    line-height:0;
}
#member li{
    width:100%;
}
#member .pagelink a{
    padding-top:4px;
    padding-left:50px;
}
.member_link a .cb{
    display:none;
    color:#000;
    fill:#000;
}
#member .icon_mypage a{
    background:url(../../../user_data/img/icon_mypage.png) no-repeat 10px center;
}
#member .icon_favorite a{
    background:url(../../../user_data/img/icon_favorite.png) no-repeat 10px center;
}
#member .icon_log a{
    background:url(../../../user_data/img/icon_log.png) no-repeat 10px center;
}

@media screen and (max-width:767px){
    #member li{
        width:33.3333%;
        display:inline-block;
        margin:0;
    }
    #member .pagelink{
        margin-top:7px;
        margin-bottom:0;
    }
    #member{
        margin-bottom:10px;
    }
}
@media screen and (max-width:490px){
    #member .pagelink a{
        background-position:4px center !important;
        background-size:11px auto;
        padding:2px 0 0 20px;
        font-size:14px;
        letter-spacing:-0.05em;
        height:38px;
        line-height:36px;
    }
}


/*:::::*/
#mypage_login_wrap{
    width:100%;
    margin:0;
}
#mypage_login__login_menu li{
    font-size:16px;
    line-height:120%;
}
@media screen and (max-width:1000px){
    #login_box .column .btn_area p,
    #login_box .column .btn_area ul{
        float:none;
    }
    #login_box .column .btn_area ul{
        width:100%;
        margin-top:10px;
    }
}
@media screen and (max-width:767px){
    #login_box .column .btn_area ul{
        margin-top:20px;
    }
    #login_box .column .form-group{
        padding-left:5%;
    }
    #login_box .column input[type="text"], #login_box .column input[type="email"], #login_box .column input[type="password"]{
        width:95%;
    }
    #login_box .column .btn_area{
        padding:8px 5%;
    }
}

/*:::::*/
#complete_box__message h2{
    line-height:110%;
}


#welcome_message p{
    font-weight:bold;
    font-size:15px;
    line-height:100%;
    margin-top:10px;
}
/*:::::*/
#historyBg{
    background:#EFEDEB;
    padding:15px;
}
.historylist_column.row{
    padding:0 20px;
    background:#fff;
    border:1px solid #D7D1CA;
    box-shadow:1px 1px 4px #ccc;
}
.historylist_column.row + *{
    margin-top:15px;
}

/*:::::*/
#item_list #favorite_list__list .item_photo{
    width:100%;
    float:none;
    margin-bottom:10px;
}
.btn_circle:hover{
    background:#FFACAE;
    filter:alpha(opacity=100);
    opacity:1;
}
.mypage #item_list .item_name{
    font-weight:bold;
    font-size:14px;
    line-height:110%;
    padding-bottom:3px;
}

/*退会*/
#confirm_box__body .col-sm-offset-3{
    margin-left:10%;
}
#confirm_box__body .col-sm-6{
    width:80%;
}
#confirm_box .col-sm-offset-4{
    margin-left:25%;
}
#confirm_box .col-sm-4{
    width:50%;
}
#confirm_box__body h3{
    text-align:center;
    line-height:120%;
}
@media screen and (max-width:665px){
    #confirm_box__body .col-sm-offset-3{
       margin-left:0;
    }
    #confirm_box__body .col-sm-6{
         width:100%;
    }
}
@media screen and (max-width:570px){
    #confirm_box .col-sm-offset-4{
        margin-left:10%;
    }
    #confirm_box .col-sm-4{
       width:80%;
    }
}


/*:price / お買い物の仕方==========*/
.guide .orderFlow{
    background:url(../../../user_data/img/bgWood02.jpg);
    padding:15px;
}
.guide .orderFlow li{
    background:#fff;
    border:1px solid #E0CDC2;
    padding:20px;
    box-shadow:1px 1px 4px #ccc;
}
.guide .orderFlow li + li{
    margin-top:8px;
}
.guide .orderFlow dt{
    font-weight:bold;
    font-size:18px;
    line-height:110%;
    border-bottom:1px solid #E0CDC2;
    padding-bottom:15px;
    margin-bottom:10px;
    color:#653727;
}

/*:::::*/
.guide #send .price{
    font-size:19px;
    line-height:110%;
}



/*:products / 商品一覧ページ==========*/
#item_list dl{
    float:none;
    width:100%;
}
#item_list dl dt{
    padding-bottom:9px;
}
#item_list .soldout{
    text-align:center;
    border:1px solid #E5E7E9;
    background:#F9FAFA;
    font-weight:bold;
    color:#8F8F9A;
    font-size:1.5rem;
    padding:11px 5px;
    margin-top:10px;
}
#item_list .gr.pt3 dl.itemNamePrice .normal_price{
    color:#333;
}
@media screen and (max-width:560px){
    #item_list .gr.pt3{
        border-top:1px solid #ccc;
    }
    #item_list .gr.pt3 > *{
        float:none;
        width:100%;
        border-bottom:1px solid #ccc;
        margin-top:0;
        padding:10px 0;
    }
    #item_list .gr.pt3 div.itemImage{
        float:left;
        width:22%;
    }
    #item_list .gr.pt3 dl.itemNamePrice,
    #item_list .gr.pt3 #product_tag_box{
        float:right;
        width:75%;
    }
    #item_list .gr.pt3 dl.itemNamePrice.mt10{
        margin-top:5px;
    }
    #item_list dl dt{
        padding-bottom:5px;
    }
    #item_list #product_tag_box span{
        margin:0 5px 3px 0;
    }
}


.itemCTtitle{
    background:url(../../../user_data/img/side_ba/bg_wood.jpg);
    padding:10px !important;
    margin-bottom:15px;
}
.itemCTtitle ol{
    border:1px solid #E0CDC2;
    background:#fff;
    padding:15px;
}
.itemCTtitle ol a{
    color:#61341E;
}


/*:contact / お問い合わせ==========*/
#privacy dt{
	color:#741005;
	font-size:15px;
	line-height:120%;
	margin-bottom:3px;
	font-weight:bold;
}
#privacy dd{
	margin-left:10px;
}
#privacy dd + dt{
	padding-top:25px;
	margin-top:10px;
	border-top:1px dotted #aaa;
}
#privacy ol{
	border-top:1px dotted #99A0C8;
	margin-top:20px;
}
#privacy li{
	border-bottom:1px dotted #99A0C8;
	padding-top:13px;
	padding-bottom:13px;
}



/*:cart / カート==========*/
.cart_item .item_quantity ul li span .cb{
    margin:8px 0 0 7px;
}
.cart_item .item_quantity ul li a .cb{
    margin:8px 0 0 8px;
}

#cart_item__info{
    font-size:20px;
    line-height:110%;
}
@media screen and (max-width:665px){
    #cart_item__info{
        font-size:17px;
    }
}


/*注文内容確認商品情報*/
#shopping_confirm .cart_item .item_box .table .item_name{
    font-weight:bold;
    font-size:16px;
    line-height:120%;
    margin-bottom:10px;
}
.item_price,
.item_subtotal{
    font-size:15px;
}
.item_price{
    color:#DE5D50;
}

#shopping_confirm .heading02{
    margin-top:40px;
}

#shopping_confirm .column.is-edit{
    border:1px solid #eee;
    padding:15px;
    background:#FCFCFC;
    box-shadow:2px 2px 4px #c3c3c3;
}
#shopping_confirm .column.is-edit .btn_edit{
    right:15px;
    top:8px;
}


/**/
#shopping_confirm .total_box .total_amount p.total_price{
    text-align:right;
    font-size:1.2rem;
}
#shopping_confirm .total_box .total_amount p.total_price strong{
    font-size:2.1rem;
}
.shop_shopping #confirm_main h2.heading02{
    margin-bottom:10px;
}
.shop_shopping #confirm_main h3{
     line-height:1.4;
     font-size:18px;
     padding:0.3em 0 0.35em 10px;
     position:relative;
     overflow:hidden;
}

/*ご注文完了*/
.shop_shopping_complete h2.heading01{
    line-height:100%;
}



/*:shipping_multiple / お届け先の複数指定==========*/
#multiple_wrap hr{
    margin-bottom:0;
}
#multiple_wrap .cart_item{
    margin-top:15px;
}


/*:products / 商品詳細ページ==========*/
#item_photo_area{
    float:left;
    width:50%;
}
.imageBox > *{
    text-align:center;
    float:left;
    width:23.5%;
    padding:5px 0;
    margin:0 0.75%;
}
.imageBox > * a{
    display:block;
    position:relative;
    overflow:hidden;
    padding-top:100%;
}
.imageBox > * a img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    max-width:none;
    height:100%;
}
.imageBox > *:nth-child(1){
    float:none;
    width:100%;
}
.imageBox > *:nth-child(1) a{
    display:inline-block;
    padding:0 6px 0 0;
    width:100%;
}
.imageBox > *:nth-child(1) a img{
    position:static;
    transform:translate(0, 0);
    max-width:100%;
    height:auto;
}
#item_detail_area{
    float:right;
    width:46%;
}
#item_detail_area h3{
    line-height:120%;
}
#item_detail_area .item_name{
    font-size:2.6rem;
    line-height:140%;
    font-weight:bold;
}
#item_detail_area .item_detail .sale_price{
    padding:14px 0;
    line-height:100%;
    border-top:1px dotted #ccc;
}

#item_detail #detail_not_stock_box__description_detail iframe{
    width:100%;
    height:330px;
}

#detail_not_stock_box__description_detail{
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}
.caution{
    border:5px solid #F4D7D0;
    background:#FBF4F2;
    padding:20px;
    font-size:125%;
    line-height:160%;
}

#item_photo_area .slick-dots{
    margin:0;
}
#item_photo_area .slick-dots li{
    padding:5px 0;
    margin-right:2%;
    width:23.5%;
}
#item_photo_area .slick-dots li:nth-child(4n){
    margin-right:0;
}
#item_photo_area .slick-dots li:nth-child(4n + 1){
    clear:both;
}

#product_tag_box{
    font-weight:bold;
}
#product_tag_box .product_tag_list{
    font-size:10px;
}
#product_tag_box__product_tag--1{
    background:#F5974A;
    color:#fff;
}
#product_tag_box__product_tag--2{
    background:#4EAA9F;
    color:#fff;
}
#product_tag_box__product_tag--3{
    background:#5487E7;
    color:#fff;
}
#product_tag_box__product_tag--4{
    color:#61341E;
}
#product_tag_box__product_tag--5{
    background:#EA5155;
    color:#fff;
}
#product_tag_box__product_tag--6{
    background:#ECB32D;
    color:#fff;
}
#product_tag_box__product_tag--7{
    background:#4C4C4C;
    color:#fff;
}


@media screen and (max-width:767px){
    #item_photo_area .slick-dots li{
        width:20px;
        padding:0;
        margin:0;
    }
}


/**/
.btn_area{
    font-size:0;
    line-height:0;
}
.btn_area ul{
    display:inline-block;
    width:48%;
    margin-right:4%;
    vertical-align:middle;
}
.btn_area .btn{
    padding:0 5px;
}
.btn_area ul:nth-child(2n){
    margin-right:0;
}
.btn_area #favorite{
    font-size:15px;
}
.btn_area #soldout,
.btn_area #soldout li{
    width:100%;
}

@media screen and (max-width:1060px){
    .btn_area ul{
        display:block;
        width:100%;
    }
    .btn_area ul + ul{
        margin-top:10px;
    }
}
@media screen and (max-width:560px){
    #item_photo_area,
    #item_detail_area{
        float:none;
        width:100%;
    }
    #item_detail_area{
        margin-top:30px;
    }
    #item_detail_area .item_name{
        font-size:2.1rem;
    }

    .btn_area ul{
        display:inline-block;
        width:48%;
    }
    .btn_area ul + ul{
        margin-top:0;
    }
}
@media screen and (max-width:395px){
    .btn_area ul{
        display:block;
        width:100%;
    }
    .btn_area ul + ul{
        margin-top:10px;
    }
}



@media screen and (max-width:770px){
.google-maps{
position:relative;
padding-bottom:75%; /*これが縦横比*/
height:0;
overflow:hidden;
}

.google-maps iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}
}

/*:wup comment==========*/
.longComment p{margin:0;}
.noData{
	color:#d00;
	padding:1em;
}

/*:RelatedProduct / 関連商品==========*/
#related_product_area{
    background:url(../../../user_data/img/bg_wood_L.jpg);
    padding:20px 15px 15px;
}
#related_product_area h2.heading03{
    border:none;
    padding:0;
    margin-bottom:15px;
}
#related_product_area a{
    display:block;
    background:rgb(255,255,255);
	background:-moz-linear-gradient(left,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
	background:-webkit-gradient(linear, left top, right top,
		color-stop(0%,rgba(255,255,255,0.88)),
        color-stop(50%,rgba(255,255,255,0.5)),
		color-stop(100%,rgba(255,255,255,0.88)));
	background:-webkit-linear-gradient(left,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
	background:-o-linear-gradient(left,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
	background:-ms-linear-gradient(left,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
	background:linear-gradient(to right,
		rgba(255,255,255,0.88) 0%,
        rgba(255,255,255,0.5) 50%,
		rgba(255,255,255,0.88) 100%);
    padding:10px 15px;
}




/*:pager*/
#item_list .pagination{
    position:static !important;
}
.pagination ul li a{
    width:auto;
    height:auto;
    line-height:100%;
    padding:10px;
    font-weight:bold;
    background:#5E4439;
    color:#fff;
    margin:0 3px;
}
.pagination ul li a:hover{
    background:#B38468;
}
.pagination ul li.active a{
    color:#5E4439;
    background:#ddd;
}



/*:point / 家具選びのポイント==========*/
.pointPage{
    font-size:18px;
    line-height:160%;
}
.pointPage .bt a,
.pointPage a.bt,
.pointPage .bt input{
    font-size:18px;
}



/*:wood / 木材紹介==========*/
.woodList .clearfix ul{
    float:left;
    width:46%;
}
.woodList .clearfix li + li{
    margin-top:10px;
}
.woodList .clearfix dl{
    float:right;
    width:51%;
}
.woodList .clearfix dt{
    font-weight:bold;
    font-size:19px;
    line-height:120%;
    margin:10px 0 10px;
    color:#5F331E;
}
.woodList .clearfix dd + dt{
    margin-top:30px;
}
.woodList .clearfix dd{
    font-size:15px;
    line-height:160%;
    border-bottom:1px dotted #C9C6C2;
    padding-bottom:30px;
}
@media screen and (max-width:570px){
    .woodList .clearfix ul,
    .woodList .clearfix dl{
        float:none;
        width:100%;
    }
    .woodList .clearfix ul{
        text-align:center;
        font-size:0;
        line-height:0;
    }
    .woodList .clearfix li{
        display:inline-block;
        width:48%;
    }
    .woodList .clearfix li + li{
        margin-left:4%;
    }
}