@charset "utf-8";

/*-----------------------------------------------------------
全共通
-----------------------------------------------------------*/

body {
    color: #555555;
	line-height: 1.6;
	width: 100% !important;
}

.mT20 {
    margin: 20px 0 0 0;
}

.mT20 img:hover {
    opacity: 0.7;
}

.lineThrough {
    text-decoration: line-through;
}

.text-center {
	text-align: center;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 960px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

body {
    font-size: 14px;/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
    overflow: hidden;
}


/*リンク表示方法*/

a:link {
	color: #452217;
	text-decoration: underline;
}

a:visited {
	color: #452217;
	text-decoration: underline;
}

a:active {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #993300;
	text-decoration: none;
}


/*--- ページトップ ---*/

#pageTop {
    position: fixed;
    bottom: 100px;
    right: 25px;
    z-index: 9999;
}

.pc_display {
    display: block;
}

.sp_display {
    display: none;
}


/*-----------------------------------------------------------
#header
-----------------------------------------------------------*/

#header {
    width: 100%;
    /* padding: 46px 0 35px; */
    /* background: url(../img/bg_h_top.png) no-repeat top center; */
    background-color: #A7291F;
    z-index: 9999;
}

h1 {
    width: 960px;
    margin: 0 auto 0;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 0 0 0;
}

.header_in {
    padding: 46px 0 28px;
    background: #fff url(../img/bg_h_top.png) no-repeat top center;
    position: relative;
}

.my_info {
    width: 960px;
    margin: 13px auto 0;
    letter-spacing: 5px;
    text-align: right;
}

.my_info p {
    display: inline-block;
    letter-spacing: normal;
}

.my_info a {
    letter-spacing: normal;
    text-decoration: none;
}

.h_ul {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.header_in:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 1920px;
    height: 20px;
    background: url(../img/bg_h_bot.png);
    z-index: 9999;
    right: 0;
    margin: auto;
}

.h_ul > li {
    float: left;
    width: 358px;
    margin-left: 356px;
}

.h_ul > li:first-child {
    float: left;
    width: 166px;
    margin: 0;
}

.h_ul > li p {
    padding-left: 25px;
    background: url(../img/h_icon.png) no-repeat left 4px;
}

.h_ul2 {
    letter-spacing: 10px;
    margin: 8px 0 11px;
}

.h_ul2 > li {
    display: inline-block;
    letter-spacing: normal;
    font-size: 14px;
}

.h_ul3 {
    letter-spacing: 20px;
}

.h_ul3 > li {
    display: inline-block;
}

.h_ul3 > li:first-child a:hover {
    background: url(../img/h_btn1_on.png) no-repeat top center;
}

.h_ul3 > li a:hover {
    background: url(../img/h_btn2_on.png) no-repeat top center;
}

.h_ul3 a:hover img {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.h_ul3 > li a {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

.bx-wrapper {
    position: relative;
}

.bx-viewport {
    margin: -6px auto 0;
}

.bxslider .cover1 {
    background: url(../img/cover1.jpg) no-repeat top center;
}

.bxslider .cover7 {
    background: url(../img/cover7_v2.jpg) no-repeat top center;
}

.bxslider .cover2 {
    background: url(../img/cover2.jpg) no-repeat top center;
}

.bxslider .cover3 {
    background: url(../img/cover3.jpg) no-repeat top center;
}

.bxslider .cover4 {
    background: url(../img/cover4.jpg) no-repeat top center;
}

.bxslider .cover5 {
    background: url(../img/cover5.jpg) no-repeat top center;
}

.bxslider .cover6 {
    background: url(../img/cover6.jpg) no-repeat top center;
}

.bx-wrapper .bxslider li {
	display: none;
	text-align: center;
    height: auto;
}

.bxslider a {
    display: block;
}


/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    z-index: 9999;
    width: 960px;
    margin: 0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #CDCDCD;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #A6281C;
}




/*-----------------------------------------------------------
#navi
-----------------------------------------------------------*/

.navi_wrap {
    background: url(../img/bg_navi.png) no-repeat top center;
}

#navi {
    width: 960px;
    margin: 0 auto;
    font-size: 0;
}

#navi > li {
    display: inline-block;
}




/*-----------------------------------------------------------
#side
-----------------------------------------------------------*/

.cart_area {
    padding: 9px;
    margin-bottom: 20px;
    background: url(../img/bg_side.png) repeat-y center;
    position: relative;
}

.left_main .cart_area:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 1px;
    background: url(../img/bg_side_top.png) no-repeat top center;
    z-index: 9999;
}

.cart_area h2 {
    text-align: center;
    margin-bottom: 10px;
}

.cart_area dl {
    overflow: hidden;
}

.cart_area dl dt {
    float: left;
    width: 60px;
}

.cart_area dl dd {
    float: right;
    width: 110px;
    text-align: right;
}

.left_main h2 {
    margin-bottom: 15px;
    border-bottom: solid 2px #452217;
    padding-bottom: 5px;
}

span.trigger.none-submenu {
    padding: 5px 10px;
    display: block;
    cursor: pointer;
    background: url(../img/bg_cart.png) repeat top center;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.active-submenu {
    padding: 5px 10px;
    display: block;
    cursor: pointer;
    background: url(../img/bg_cart.png) repeat top center;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.submenu li {
    font-size: 13px;
    line-height: 1.4;
}

.submenu li a {
    text-decoration: none;
    color: #555555;
    display: block;
    padding: 5px 25px 5px 5px;
    border-bottom: dotted 1px #CCC;
    background-image: url(../img/right_arrow.png);
    background-repeat: no-repeat;
    background-position: 170px center;
}

.submenu {
    padding: 10px 0;
}

.submenu li a:hover {
    text-decoration: none;
    color: #555555;
    background-color: #EFEFEF;
}

#free_word {
    line-height: 1.3;
    width: 174px;
}

.cl_tb caption {
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
    line-height: 2;
    font-size: 14px;
}

.cl_tb thead th {
    color: #000;
    padding: 1px 4px;
    background: none;
    border: none;
    text-align: center;
    font-weight: bold;
}

.cl_tb tbody td {
    padding: 0 4px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 7px 5px;
    border: solid 1px #F1E5D4;
}

.cl_tb {
    border: none;
    border-collapse: collapse !important;
}

.saturday {
    color: #036EB8 !important;
}

.sunday {
    color: #E60012 !important;
}

.cl_tb tbody .off {
    background-color: #a7291f;
    color: #fff;
}

#search_form dl dd {
    margin-bottom: 5px;
}

.search_btn {
    margin: 0 auto;
    display: block;
}

.side_line {
    margin-bottom: 15px;
}

.side_underline {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.bg_side {
    padding: 9px;
    margin-bottom: 20px;
    background: url(../img/bg_side.png) repeat-y center;
    position: relative;
    font-size: 12px;
}

.bg_side:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 1px;
    background: url(../img/bg_side_top.png) no-repeat top center;
    z-index: 9999;
}

.formlist2 {
    margin: 0 0 10px 0;
}

.formlist2 input[type='text'],.formlist2 input[type='password'] {
    width: 96%;
    margin: 0 0 4px 0;
}

.pageid_33 .free_sub_area {
    display: none;
}

.free_sub_area img {
	width: 200px;
}

.side_end {
    margin: 0 0 20px 0;
}

#orderby1, #orderby2, #sold_out1, #sold_out2,
#orderby4, #orderby3, #sold_out3, #sold_out4 {
    vertical-align: middle;
}

.side_guide {
    margin-bottom: 20px;
}

.nami_line {
	display: block;
	text-align: center;
}

.information {
    text-align: left;
    vertical-align: super;
}

.information .off {
    color: #A7291F;
}

.cart_area > a {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    width: 160px;
}

#search_form select {
    width: 100%;
}

.side_guide > li {
    margin-top: 7px;
}

.side_guide > li:first-child {
    margin: 0;
}

.none-submenu .pulldown:before {
    content: "▼";
    z-index: 9999;
    margin-left: 2px;
}

.active-submenu .pulldown:before {
    content: "▲";
    z-index: 9999;
    margin-left: 2px;
}

.none-submenu a {
    display: block;
    text-decoration: none;
}

.none-submenu a:hover {
    color: #4F2D21;
}

.cl_tb .today {
    background-color: #ECE1CE;
}

.banner_left li {
   margin-top: 10px;
}

.banner_left li:first-child {
   margin-top: 0;
}

.banner_left li img {
   width: 100%;
}


/*-----------------------------------------------------------
ハンバーガーメニュー
-----------------------------------------------------------*/

.toggle {
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 45px;
    height: 40px;
    background-color: transparent;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    z-index: 9999;
}

.bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #444444;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}

.bar-01 {
    top: 0;
}

.bar-02 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bar-03 {
    bottom: 0;
}

.toggle.is--active .bar {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toggle.is--active .bar-02 {
    display: none;
}

.toggle.is--active .bar-03 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle.is--active .bar-01 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#modal {
    display: none;
}

p.btn-close {
    background: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
}

p.btn-close a {
    display: block;
    text-decoration: none;
    color: #000!important;
}

#slide_navi li a {
    text-align: center;
    display: block;
    color: #000000;
    line-height: 3;
    text-decoration: none;
    margin-top: 5px;
    background: #FFFFFF;
}

.h_ul > li + li + li {
    width: 45px;
    height: 40px;
    margin: 16px 0 0 35px;
}

.header_in .guest_list {
    width: 500px;
    float: right;
}

.header_in .guest_list .my_info {
	width: auto;
}


.gnav {
    display: none;
    z-index: 9999;
}

.gnav ul li:first-child {
    margin: 0;
}

#nav ul {
    width: 1000px;
    margin: 0 auto;
}

#nav ul li {
    float: left;
    width: 125px;
    text-align: center;
}

#nav ul li a {
    display: block;
    padding: 20px 0;
    background-color: #CCCCCC;
    color: #000000;
    text-decoration: none;
}

nav {
    position: absolute;
    top: 65px;
    right: 0;
    /*background-color: #444444;*/
    background-color: #855646;
    padding: 30px 10px 10px;
    width: 220px;
}

.close {
    color: #FFFFFF;
    text-decoration: none !important;
    position: absolute;
    top: 0;
    right: 15px;
    padding: 10px 0;
    background: none !important;
    cursor: pointer;
}

.nav_list li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 5px 10px;
}

.nav_list li a:hover {
    background-color: #A7291F;
}




/*-----------------------------------------------------------
#トップページ
-----------------------------------------------------------*/

.bgBox1 {
    background: url(../img/bg_top1.png) no-repeat top center;
    padding: 56px 0 26px;
}

.bgBox2 {
    padding: 45px 0 22px;
    background: url(../img/bg_pickup.png) repeat-y top center;
    position: relative;
}

.bgBox2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1920px;
    height: 26px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 2;
}

.bgBox3 {
    position: relative;
    padding: 43px 0 26px;
}

.bgBox3:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1920px;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 3;
}

.bgBox33 {
    position: relative;
    padding: 50px 0 0;
}

.bgBox33:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1920px;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 3;
}

.bgBox333 {
    position: relative;
    padding: 0;
}

.bgBox333 p img {
    width: 743px;
}

.bgBox333:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1920px;
    height: 28px;
    z-index: 3;
}

.bgBox4 {
    padding: 37px 0 151px;
    background: url(../img/bg_insta.png) no-repeat top center;
    position: relative;
}

.bgBox4:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1920px;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 2;
}





/*最新ニュース*/

.top_tit1 {
    text-align: center;
    width: 960px;
    margin: 0 auto 28px;
}

.top_contents {
    width: 987px;
    margin: 0 auto;
    text-align: center;
}

.top_ul {
    width: 987px;
    margin: 0 auto;
}

.top_ul > li {
    float: left;
    width: 410px;
    min-height: 352px;
    padding: 46px 36px 50px 34px;
    background: url(../img/bg_news.png) no-repeat top center;
    margin-left: 12px;
}

.top_ul > li:first-child {
    width: 410px;
    padding: 47px 37px 49px 33px;
    margin-left: 14px;
}

.top_ul > li h3 {
    margin-bottom: 5px;
}

.news_dl {
    height: 260px;
    overflow-y: scroll;
    margin-right: 5px;
    margin: 0 0 10px 0;
}

.news_dl + p {
    text-align: center;
}

.news_dl dt {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 11px;
    padding: 5px 12px;
}

.news_dl dd {
    line-height: 2;
    border-bottom: dotted 1px #CCC;
    padding: 0 12px 19px;
}

.info_dl {
    height: 300px;
    overflow-y: scroll;
    margin-right: 8px;
}

.info_dl dt {
    float: left;
    width: 90px;
    padding: 7px 0 7px 16px;
}

.info_dl dd {
    padding: 7px 0 7px 130px;
    border-bottom: dotted 1px #CCC;
}



/*おすすめ商品*/

.top_tit2 {
    text-align: center;
    width: 960px;
    margin: 0 auto 38px;
}

.top_ul2 {
    width: 960px;
    margin: 0 auto;
    letter-spacing: 15px;
}

.top_ul2 > li {
    display: inline-block;
    width: 225px;
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom: 20px;
}

.top_ul2 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    background: url(../img/bg_products.png) no-repeat center;
    margin-bottom: 9px;
}

.top_ul2 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}


/*ショッピング商品*/

.top_tit22 {
    text-align: center;
    width: 960px;
    margin: 0 auto 38px;
}

.top_ul22 {
    width: 960px;
    margin: 0 auto;
    letter-spacing: 15px;
}

.top_ul22 > li {
    display: inline-block;
    width: 225px;
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom: 20px;
}

.top_ul22 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    margin-bottom: 9px;
}

.top_ul22 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

/*ショッピング商品*/

.top_tit222 {
    text-align: center;
    width: 960px;
    margin: 0 auto 7px;
}

.top_ul222 {
    width: 960px;
    height: 0px;
    margin: 0 auto;
    /* margin-top:  -45px; */
    padding-bottom: 73px;
}

.view.view-first222 {
    height:  0px;
}

.top_ul222 > li {
    display: inline-block;
    width: 185px;
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom: 0;
    height:  0px;
    position: relative;
    top: -50px;
}

.top_ul222 > li > dl > dt {
    position: relative;
    width: 185px;
    height: 65px;
}

.top_ul222 > li > dl > dt a img {
    position: absolute;
    max-width: 175px;
    max-height: 60px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}


.item_name {
    margin-bottom: 6px;
    line-height: 1.8;
}

.item_name a {
    text-decoration: none;
    color: #555555;
}

.item_price {
    color: #9F3B42;
    text-align: right;
}

.icon_new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9990;
}

.view-first > a {
    display: none;
}

.view-first22 > a {
    display: none;
}

.view-first222 img {
    position: relative;
	top: 60px;
}

.view-first222 > a img {
    position: relative;
	top: 0;
}


/*人気ランキング*/

.top_tit3 {
    text-align: center;
    width: 960px;
    margin: 0 auto 56px;
}

.icon_num {
    position: absolute;
    top: -24px;
    left: 8px;
    z-index: 9990;
}

.bgBox3 .view.view-first {
    margin-bottom: 13px;
}

.bgBox3 .item_name {
    line-height: 2;
    margin-bottom: 1px;
}

.bgBox33 .view.view-first,
.bgBox333 .view.view-first {
    margin-bottom: 0;
}

.bgBox33 .item_name,
.bgBox333 .item_name {
    line-height: 2;
    margin-bottom: 0;
}


/*インスタグラム*/

.top_tit4 {
    text-align: center;
    width: 960px;
    margin: 0 auto 33px;
}

.bgBox4 .bx-controls-direction a {
    position: absolute;
    top: -137px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
}

.bgBox4 .bx-controls-direction a:hover {
    position: absolute;
    top: -137px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}

.bgBox4 .bx-prev {
    left: -38px !important;
    background: url(../img/insta_prev.png) no-repeat 0 0;
    background-size: contain;
}

.bgBox4 .bx-prev:hover {
    background: url(../img/insta_prev_on.png) no-repeat 0 0;
}

.bgBox4 .bx-next {
    right: -38px !important;
    background: url(../img/insta_next.png) no-repeat 100% 0;
    background-size: contain;
}

.bgBox4 .bx-next:hover {
    background: url(../img/insta_next_on.png) no-repeat 100% 0;
}

.bgBox4 .bx-controls-direction {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

.bxslider2 li {
    background: url(../img/bg_instagram.png) no-repeat top center;
    width: 213px !important;
    height: 204px;
    padding: 14px 16px;
}

.bxslider2 li img {
    position: absolute;
    max-width: 213px;
    max-height: 204px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.bgBox4 .bx-viewport {
    overflow: inherit !important;
}

.bgBox4 .bx-wrapper {
    z-index: 9998;
    width: 980px !important;
    overflow: visible;
}

.bxslider2 li a:hover img {
    border: solid 1px #8E80E7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-first > img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    max-width: 210px;
    max-height: 210px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}


.view-first22 > img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    max-width: 210px;
    max-height: 210px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}

.view-first .mask,
.view-first22 .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.7);
    width: 225px;
    height: 225px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view-first p,
.view-first22 p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(300px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
}

.view-first a.info,
.view-first22 a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-first:hover .mask,
.view-first22:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-first:hover p,
.view-first:hover a.info,
.view-first22:hover p,
.view-first22:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.view-first:hover p,
.view-first22:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
    padding: 50px 15px 0;
    width: 195px;
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-bottom: 40px;
    color: #555555;
    font-size: 13px;
    font-weight: bold;
    line-height: 2;
}

.view-first:hover a.info,
.view-first22:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
    display: block;
    text-decoration: none;
    padding: 7px 14px;
    background: #A7291F;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
    margin: 0 auto;
    width: 90px;
    text-align: center;
}

.view.view-first {
    position: relative;
    width: 225px;
    height: 225px;
    background: url(../img/bg_products.png) no-repeat center;
    margin-bottom: 9px;
}

.view.view-first22 {
    position: relative;
    width: 225px;
    height: 225px;
    margin-bottom: 10px;
}

.view-first:hover a.info:hover,
.view-first22:hover a.info:hover {
    background-color: #F54D44;
}

.shoppingH3 {
    width: 962px;
    margin: 0 auto;
}

.shoppingUl {
    width: 1052px;
    margin: 0 auto 30px;
}

.shoppingUl li {
    width: 290px;
    margin: 17px 0 0 45px;
    float: left;
}

.shoppingUl li a {
    width: 290px;
    padding: 17px 0 16px;
    background: url(../img/top_button_bg.png) no-repeat;
    display: block;
    text-decoration: none;
    text-align: center;
}

.shoppingUl li a:before {
    content: url(../img/top_shopping_icon.png);
    position: relative;
    top: 1px;
    right: 10px;
}



/*-----------------------------------------------------------
#footer
-----------------------------------------------------------*/

#footer {
    border: none;
    width: 100%;
    background: url(../img/bg_footer.png) no-repeat top center;
    padding: 22px 0 0;
    height: 31px;
}

.copyright {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #452217;
}

.copyright .sp {
    display: none;
}


/*2016412@yoshida追加分
-----------------------------------------------------------*/

.navi_footer {
    /*background: url(../img/bg_footer2.png) no-repeat top center;*/
    height: 79px;
}

#navi_footer_in {
    margin: 0 auto;
    width: 960px;
    padding-top: 19px;
}

ul#navi_footer_in li {
    display: inline-block;
    border-left: solid 1px #452217;
    line-height: 1;
    padding-left: 5px;
    padding-right: 1px;
    margin-bottom: 5px;
}

ul#navi_footer_in li:first-child {
	padding-left: 0;
	border: none;
}

#navi_footer_in2 {
    margin: 0 auto;
    width: 960px;
    padding-top: 5px;
}

ul#navi_footer_in2 li {
    display: inline-block;
    border-left: solid 1px #452217;
    line-height: 1;
    padding-left: 5px;
    padding-right: 1px;
    margin-bottom: 5px;
}

ul#navi_footer_in2 li:first-child {
	padding-left: 0;
	border: none;
}


/*-----------------------------------------------------------
中ページ共通
-----------------------------------------------------------*/

.sub_cover {
    text-align: center;
    background: url(../img/bg_sub_cover.png) no-repeat top center;
}

.wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 40px;
    position: relative;
    min-height: 950px;
}

.wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: -480px;
    width: 1920px;
    height: 550px;
    background: url(../img/bg_sub_wrap.png);
    z-index: -9999;
}

.bg_footer {
    position: relative;
}

.bg_footer:before {
    content: "";
    position: absolute;
    top: -422px;
    left: -480px;
    width: 1920px;
    height: 400px;
    background: url(../img/bg_sub_wrap2.png);
    z-index: -9999;
}

.left_main {
    float: left;
    width: 200px;
    position: relative;
}

.wrap_in {
    position: relative;
}

.left_menu {
    position: absolute;
    margin: 0;
}

.pc_none {
    display: none;
}

.right_main {
    float: right;
    width: 730px;
    margin-left: 30px;
}

h2.title {
    background: url(../img/icon_title.png) no-repeat left 5px;
    font-size: 22px;
    padding: 5px 0 5px 70px;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-bottom: solid 2px #555;
    margin-bottom: 20px;
}


/*--- パンくずリスト ---*/

.pankuzu {
    margin: 0 auto 20px;
    width: 730px;
    font-size: 13px;
    color: #555;
}

.pankuzu li {
    display: inline;
    padding: 0;
	margin: 0 0 0 -4px;
    /*padding: 0 7px 0 4px;*/
}

.pankuzu li:first-child {
    background: none;
    padding-left: 0;
	letter-spacing: -1px;
}

.pankuzu li a {
    display: inline-block;
    /*margin-right: 12px;*/
    text-decoration: none;
    color: #555;
}

.pankuzu li a:hover {
    text-decoration: underline;
    color: #555;
}

.panList {
    margin: -20px 0 20px;
}

.panList + .right_main ,
.panList + .right_main + .left_main {
    margin: 20px 0 0;
}


/* よくあるご質問
---------------------------------------------------------------------*/

.faq_dl {
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.faq_dl dt {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 10px 60px;
    background: url(../img/icon_q.png) no-repeat left 0;
    border-bottom: dotted 1px #452217;
    margin-bottom: 10px;
}

.faq_dl dd {
    padding: 20px 0 9px 60px;
    background: url(../img/icon_a.png) no-repeat left 0;
}

.faq_tit {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    padding: 30px 0 20px;
}




/* 買取・委託
---------------------------------------------------------------------*/

.sub_title {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    margin-bottom: 10px;
}

.read_text {
    margin-bottom: 25px;
}

.read_text dl {
    margin: 0 30px;
}

.pur_ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin-bottom: 30px;
}

.pur_ul li {
    display: inline-block;
    width: 230px;
}

.pur_ul2 {
    margin-bottom: 30px;
}


.pur_ol > li {
    margin-top: 30px;
}

.pur_ol > li:first-child {
    margin: 0;
}

.pur_ol > li h4 {
    background-color: #E9DBC4;
    padding: 5px 10px;
    margin: 0 0 10px;
    color: #4F2D21;
    font-size: 16px;
}

.pur_ol > li h4 span {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-right: 10px;
}

.em_text {
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
}

.pur_ol > li p {
    margin-top: 15px;
}

.pur_ol > li p:first-child {
    margin-top: 0;
}

.pur_ol > li p em {
    display: block;
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 5px;
}

.pur_ol li a {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    margin: 10px 0 0;
}

.pur_ol li a:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.with_memo {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px;
    margin: 7px 0 0;
    position: relative;
    width: 320px;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow:rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow:rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.with_memo p {
    margin-bottom: 5px;
    font-weight: bold;
}

.with_memo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}

.pur_dl {
    margin-top: 15px;
}

.pur_dl dt {
    color: #A5281E;
    font-weight: bold;
}

.pur_dl dd {
    font-size: 13px;
    margin-bottom: 5px;
}

.pur_ol {
    margin-bottom: 40px;
}

.btn_area button {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    border-bottom: solid 2px #87110F;
    width: 180px;
}

.btn_area button:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.form_after {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.mB15 {
	margin-bottom: 15px !important;
}

.pur_tb dl dt {
    font-weight: bold;
    margin-top: 10px;
}

.pur_tb dl dd {
    padding-left: 10px;
}

.pur_tb dl dt:first-child {
    margin-top: 0;
}

.pur_tb td em {
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
}

a.gray_btn {
    /*display: block;*/
    display: table;
    background-color: #A9C671;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #494949;
    margin: 30px auto 0;
    text-align: center;
    width: 300px;
}

a.gray_btn:hover {
    background-color: #00911e;
    color: #FFF;
}




/* ECCUBE関連
---------------------------------------------------------------------*/

.btn_area input {
    margin: 0;
    padding: 0;
}

.btn_area ul li {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    margin-left: 20px;
}

.btn_area ul li:first-child {
    margin-left: 0;
}

.btn_area ul {
    text-align: center;
}

.btn_area a:link,
.btn_area2 a:link {
    text-decoration: none;
}

.btn_area a:visited,
.btn_area2 a:visited {
    text-decoration: none;
}

.btn_area a:active,
.btn_area2 a:active {
    text-decoration: none;
}

.btn_area a:hover,
.btn_area2 a:hover {
    text-decoration: none;
}

.slide_text {
	display: none;
}

.red_text {
    display: block;
    color: #FF0000;
}

/*--- 特商法取引法に基づく表記 ---*/

.tb_2column p {
    margin: 5px 0 0 0;
}

.tb_2column p:first-child {
    margin: 0;
}

.card_img > li {
    display: inline-block;
    letter-spacing: normal;
}

.card_img {
    letter-spacing: 1px;
}

.tb_2column ul {
    margin: 5px 0 0 0;
}

.tb_2column ul:first-child {
    margin: 0;
}

.tb_3column th {
    padding: 10px 0 9px;
    text-align: center;
}

.tb_3column td {
    padding: 10px 0 9px;
    text-align: center;
}

.tb_3column th:first-child {
    font-size: 10px;
    padding: 10px 2px 9px;
}

/*--- 商品購入の流れ ---*/

.list-shopping-flow {
    display: table;
    width: 730px;
    list-style: none;
    overflow: hidden;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.list-shopping-flow li.active {
    background-color: #855646;
    color: #FFF;
}

.list-shopping-flow li {
    text-align: center;
    background-color: #ECE1D0;
    color: #544741;
    font-weight: bold;
    width: 12%;
    height: 44px;
    line-height: 17px;
    display: table-cell;
    padding-left: 5px;
}

.list-shopping-flow li:before {
    display: block;
    background: #ECE1D0;
    width: 15px;
    height: 22px;
    border-right: 2px solid #F6F0E3;
    margin: 0 -11px -17px auto;
    content: " ";
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    transform: skew(20deg);
}

.list-shopping-flow li:after {
    display: block;
    background: #ECE1D0;
    width: 15px;
    height: 22px;
    border-right: 2px solid #F7F1E4;
    margin: -17px -11px 0 auto;
    content: " ";
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    transform: skew(-20deg);
}

.list-shopping-flow li.active:before, .list-shopping-flow li.active:after {
    background: #855646;
}




/* カート
---------------------------------------------------------------------*/

.code_brand {
    margin: 0 !important;
}

div#undercolumn_cart table th,
div#undercolumn_cart table td {
    padding: 5px !important;
    width: auto;
}

input.ask_price {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

table th .attention {
    color: #A82920;
}




/* ログイン
---------------------------------------------------------------------*/

.formlist dt {
    float: left;
    width: 120px;
}

.formlist dd {
    float: left;
    width: 450px;
}

.formlist dd .box300 {
    padding: 0;
    width: 100%;
}

.formlist {
    width: 575px;
    margin: 0 auto;
    padding-top: 10px;
}

.btn input {
    width: 160px;
    margin: 0 auto;
    display: block;
}


/* プライバシーポリシー
---------------------------------------------------------------------*/

.privacy_dl dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.privacy_dl dd {
    margin-bottom: 15px;
}




/* 商品一覧
---------------------------------------------------------------------*/

div.list_area {
    float: left;
    width: 145px;
    margin-left: 23px;
    margin-bottom: 30px;
    /* background: url(../img/pickup_br.png) repeat-y center; */
    padding: 20px 10px;
    position: relative;
}

.formwrap {
    padding: 20px 0;
    margin-left: -22px;
}

.listphoto {
    position: relative;
    width: 142px;
    height: 142px;
    margin: 0 auto 10px;
}

.listphoto img {
    max-width: 140px;
    max-height: 140px;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    padding: 2px;
}

div.listrightbloc h3 {
    font-size: 12px;
    margin-bottom: 10px;
}

div.listrightbloc .pricebox {
    text-align: right;
    color: #9F3B42;
}

.list_area:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 165px;
    height: 1px;
    /* background: url(../img/pickup_top.png) no-repeat top center; */
    z-index: 9998;
}

.bg_list_bot {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

div.listphoto a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
/* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
/* ie 8 */
    -moz-opacity: 0.7;
/* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
/* Safari 1.x */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.change strong {
    background-color: #D97870;
    color: #FFF;
    padding: 2px 10px;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.change a {
    background-color: #635C5A;
    color: #FFF;
    padding: 2px 10px;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
}

.change a:hover {
    color: #FFF;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.soldout_img {
    position: absolute;
	max-width: 155px;
    top: 60px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9998;
}


/*追記0096*/
.status_icon {
    width: 125px;
    margin: 0 auto 10px;
}

.listcomment {
    font-size: 12px;
    color: #A82920;
    text-align: center !important;
}

.status_icon li {
    width: 60px;
    display: inline-block;
}

.defaultPrice {
	font-size: 90%;
	color: #1a1a1a;
}


/*-- ページャー --*/

.pagenumber_area .navi strong ,
.pagenumber_area .navi a {
    padding: 2px 8px;
    background: #635C5A;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.pagenumber_area .navi a:hover ,
.pagenumber_area .navi strong {
    background: #928d8c;
}


/*-- ブランドで選ぶ --*/

.listBrand {
    margin: -20px 0 0;
}

.listBrand .ulBr {
    margin: 0 !important;
}

.listBrand li {
    width: 233px;
    margin: 0 0 25px 15px;
    float: left;
}

.listBrand img {
    width: 227px;
}

.listBrand a {
    display: block;
}

.listBrand a:hover {
    opacity: .7;
}


/* 商品詳細
---------------------------------------------------------------------*/

.detail_img {
    width: 728px;
    height: 470px;
    border: solid 1px #CCC;
    position: relative;
    margin-bottom: 25px;
}

ol.flex-control-nav.flex-control-thumbs {
    width: 730px;
    margin: 0;
}

.flexslider .slides img {
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-width: 460px;
    max-height: 460px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto !important;
    border: none;
}

.cart_area .quantity {
    margin: 3px 20px 0 0;
    width: 120px;
    display: inline-block;
}

#detailrightbloc .cart_area {
    background: none;
    border: none;
    margin: 0;
    text-align: center;
}

.cart_area .quantity dt {
    margin-top: 4px;
    width: 50px;
}

.cart_area .quantity dd {
    width: 70px;
    text-align: left;
    float: left;
}

#detailrightbloc .cartin {
    display: inline-block;
    vertical-align: top;
}

#detailrightbloc .main_comment {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 20px auto 30px;
    width: 690px;
}

.back_btn {
    text-align: center;
}

#detailrightbloc .status_ul > li {
    float: right;
    width: 200px;
}

#detailrightbloc ul.status_icon {
    margin: 0 !important;
    width: auto !important;
    margin-top: -3px !important;
}

.abs2 {
    margin-top: -2px;
}

#detailrightbloc .snsLink > li {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}

#detailrightbloc .snsLink {
    text-align: right;
    overflow: hidden;
    margin: 0;
}

#detailrightbloc .status_ul > li:first-child {
    width: 500px;
    float: left;
}

#detailrightbloc .status_ul {
    margin: 0 auto 0;
    width: 710px;
}

.action_ul .cart_area {
    padding: 0 !important;
}

#detailrightbloc .action_ul > li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

#detailrightbloc .action_ul {
    text-align: center;
    letter-spacing: 20px;
    margin: 30px auto 0;
}

p.attention.mouse_over {
    position: absolute;
    bottom: -25px;
    right: 34%;
    z-index: 9998;
    background-color: #FFF;
}

.view_none {
	display: none !important;
}

.arrival_ul {
    color: #A7291F;
    letter-spacing: 10px;
    padding-left: 5.5em;
    margin: 0 !important;
}

.arrival_ul > li {
    display: inline-block;
    letter-spacing: normal;
}

.arrival_tit {
    color: #A7291F;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    float: left;
    width: auto;
}

.arrival_wrap {
    margin: 20px 0px 5px;
}

.detailUl_new {
    clear: both;
}

.detailUl_new > li {
    width: 400px;
    float: left;
}

.detailUl_new table {
    margin: 0;
    border-collapse: collapse !important;
}

.detailUl_new th ,.detailUl_new td {
    border: 1px solid #b8b5ac;
    box-shadow: none;
}

.detailUl_new th {
    width: 120px;
    padding: 12px 0 10px 10px;
    background: #ac998b;
    color: #fff;
}

.detailUl_new td {
    width: 300px;
}

.detailUl_new > li + li {
    width: 300px;
}

.detailUl_new .action_ul {
    margin: 0 auto !important;
}

.detailUl_new .action_ul .favorite_btn {
    margin: 0 0 15px;
}

.detailUl_new .snsLink {
    width: 255px !important;
    margin: 15px auto 0 !important;
}

.detailUl_new .snsLink li:first-child {
    width: 67px;
    margin: 0 73px 0 0 !important;
}

.detailUl_new .snsLink li + li {
    width: 100px;
}

.normal_price {
    font-size: 100% !important;
}

.lineThrough {
    text-decoration: line-through;
}

.main_comment {
    width: 570px;
    padding: 20px;
    margin: 50px auto;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    position: relative;
}

.main_comment:before {
    content: url(../img/detail_line.png);
    position: absolute;
    top: -25px;
    left: 4px;
}

.main_comment:after {
    content: url(../img/detail_line.png);
    position: absolute;
    bottom: -35px;
    left: 4px;
}

/* 店舗概要
---------------------------------------------------------------------*/

#maps iframe {
	border: none;
	width: 730px;
	height: 400px;
}




/* マイページ
---------------------------------------------------------------------*/

.mypage_memo {
    margin: 20px auto 30px;
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px;
    position: relative;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    width: 90%;
    min-height: 20px;
}

.mypage_memo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}




/* お問い合わせ
---------------------------------------------------------------------*/

.contactBox p:first-child {
    margin-bottom: 20px;
}

.contactBox ul {
    margin: 10px 0 0;
    text-align: center;
}

.contactBox ul li a {
    display: block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    width: 180px;
    text-align: center;
}

.contactBox ul li a:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.contactBox ul li {
    display: inline-block;
}

.contactBox ul li:first-child {
    margin: 0 10px 0 0;
}

.contactBox {
    margin: 0 0 30px;
}

.requiredMark {
    margin: 0 0 0 10px;
    color: #a82920;
}




/* ご利用ガイド
---------------------------------------------------------------------*/

.mokuji_ol {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px;
    margin: 7px 0 30px;
    position: relative;
    width: 320px;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.mokuji_ol:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}

.guide_ol > li {
    margin: 40px 0 0;
    font-size: 14px;
}

.guide_ol > li:first-child {
    margin: 0;
}

.guide_ol > li h3 {
    font-size: 16px;
    border-bottom: solid 3px #FAE1C9;
    margin: 0 0 15px;
    padding: 0 0 5px;
}

.guide_ol > li h3 img {
    width: 5%;
}

.guide_ol > li h3 span {
    background-color: #D8190F;
    color: #FFF;
    display: inline-block;
    padding: 4px 10px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin-right: 10px;
    font-size: 20px;
    border-bottom: solid 1px #7C0A0A;
}

.guide_ol > li p {
    margin-top: 15px;
}

.guide_ol > li p:first-child {
    margin-top: 0;
}

.guide_ol > li p em {
    color: #853333;
    font-weight: bold;
}

#guide2 ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    width: 200px;
    margin: 10px 0 0;
}

#guide4 ol li {
    margin-top: 15px;
    padding: 0 0 0 120px;
    position: relative;
}

#guide4 ol li:first-child {
    margin-top: 0;
}

#guide4 ol li span {display: block;background-color: #635C5A;color: #FFF;width: 90px;padding: 1px 5px;text-align: center;position: absolute;top: 0;left: 0;}

#guide5 h4 {color: #4F2D21;margin: 10px 15px 15px;border-bottom: dashed 1px #452217;font-size: 15px;padding: 3px 0;}

#guide5 ol {
    padding: 0 15px;
}

#guide5 ol dl {
    margin: 10px 0 20px;
}

#guide5 ol h5 span {margin-right: 5px;}

#guide5 ol h5 {
    font-size: 15px;
    background-color: #635C5A;
    color: #FFF;
    padding: 4px 5px;
    font-weight: normal;
}

#guide6 > dl {
    margin: 20px 0 0;
    padding: 0 15px;
}

#guide6 > dl dd {
    margin: 0 0 30px;
}

#guide6 > dl dd ul {
    margin: 10px 0 0;
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

#guide6 > dl dt {
    color: #4F2D21;
    border-bottom: dashed 1px #452217;
    font-size: 15px;
    padding: 3px 0;
    margin: 0 0 14px;
    font-weight: bold;
}

#guide8 ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 10px 0 0;
}

.red_btn {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    padding: 2px 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    margin: 0 3px;
}

#guide5 ol dl dd img {
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    padding: 5px;
    margin: 5px auto;
    display: block;
}

#guide5 ol dl dt img {
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    padding: 5px;
    margin: 5px auto;
    display: block;
}

#guide5 ol > li {
    margin: 0 0 40px;
}

.guide_ol > li h3 em {
    margin: 0 5px 0 0;
}


/* 商品購入
---------------------------------------------------------------------*/

#order_plus , #order_plus2 ,#order_plus3 {
    width: 140px;
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 4px 3px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    text-align: center;
}

#order_plus:hover ,
#order_plus2:hover ,
#order_plus3:hover ,{
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.order_plus p {
    font-size: 12px;
    font-weight: bold;
    color: #853333;
}

.order_plus:first-child {
    margin: 0;
}



/* お客様の声
---------------------------------------------------------------------*/

.voiceBox {
    height: 500px;
    margin: 0 0 20px;
    padding: 10px;
    overflow-y: auto;
    border: 1px solid #CCC;
    border-left: none;
    box-shadow: rgba(0, 0, 0, 0.2) -1px 1px 6px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) -1px 1px 6px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) -1px 1px 6px 0px;
}

.voice_dl {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.voice_dl dt {
    font-size: 16px;
    font-weight: bold;
    border-bottom: dotted 1px #452217;
    margin: 50px 0 20px;
    padding: 0 0 10px;
}

.voice_dl dt:first-child {
	margin: 0 0 20px;
}

.not_ready {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.mente_css:before {
    display: none;
}

.mainte {
    width: 700px;
    padding: 10px 20px;
    margin: 20px auto;
    background-color: #fff;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
 }


.no_products {
    text-align: center;
    padding: 0 0 20px;
}




/* サイトマップ
---------------------------------------------------------------------*/

.sitemap_ul {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 10px 20px 30px;
    margin: 7px 0 0;
    position: relative;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.sitemap_ul:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}

.sitemap_ul > li {
    margin: 20px 0 0;
    font-size: 16px;
    display: inline-block;
    width: 340px;
}



/* 初めての方へ
---------------------------------------------------------------------*/
.firstBanner{
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.imp_area{
    /* background: url(../img/pg_imp.png) no-repeat top center; */
    /* padding: 40px 30px 40px; */
    margin-bottom: 30px;
    border: 1px solid #B19E94;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.imp_area h3,.imp_area p , .imp_area > dl {
    padding: 0 30px;
}

.imp_area:before {
    content: '';
    width: 728px;
    height: 59px;
    display: block;
    background: url(../img/pg_imp_up.png) no-repeat top center;
}

.imp_area:after {
    content: '';
    width: 728px;
    height: 59px;
    display: block;
    background: url(../img/pg_imp_ro.png) no-repeat top center;
}

.imp_area p {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 0;
}

.first_free{
    margin: 0 auto 30px;
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px;
    position: relative;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    min-height: 20px;
}

.first_free:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 2;
}

.first_free dl{
    margin-bottom: 10px;
}

.first_free dt{
    font-weight: bold;
    color: #A5281E;
}

.first_free dd em{
    margin-top: 5px;
}

.optionH3 {
    margin: 30px 0 0 !important;
}

.optionTd {
    padding: 12px 10px;
    display: block;
    box-shadow: none;
    border: none;
    text-align: center;
}

.optionTd a {
    /* width: 140px; */
    /* padding: 5px 4px 3px; */
}

.optionTd + th {
    width: 70px;
}

.display414 {
    display: none;
}

. {
    display: none;
}

.mainte {
    width: 668px;
    /* background: url(../img/pg_imp.png) no-repeat top center; */
    text-align: center;
    padding: 40px 30px 40px;
    margin: 30px auto;
    border: 1px solid #B19E94;
    position: relative;
    display: block;
    z-index: 10;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.mainte:before {
    content: '';
    width: 728px;
    height: 59px;
    display: block;
    background: url(../img/pg_imp_up.png) no-repeat center;
    position: absolute;
    z-index: -2;
    left: 0px;
    top: 0px;
}

.mainte:after {
    content: '';
    width: 728px;
    height: 59px;
    display: block;
    background: url(../img/pg_imp_ro.png) no-repeat top center;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
}
.mainte .right{
    display:block;
    text-align:right;
}

.mainte p {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 0;
}

.preLead p {
    margin: 20px 0 0;
    text-align: center;
}

.preLead p:first-child {
    margin: 0;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 960px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 959px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

body {
    font-size: 14px;/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
    overflow: hidden;
}


/*リンク表示方法*/

a:link {
	color: #452217;
	text-decoration: underline;
}

#navi_footer_in li a:hover, #navi_footer_in2 li a:hover {
	color: #452217;
	text-decoration: underline;
}

a:active {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #993300;
	text-decoration: none;
}


/* 可変画像調整 */

img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


.modal-content {
  width: 98%;
  right: 0;
  left: 0;
  margin: auto;
  max-height: 98%;
  overflow-y: scroll;
}

.saleIcon{padding: 0 2%;}

.saleIcon img{
    width: 15%;
}


/*--- ページトップ ---*/

#pageTop {
    position: fixed;
    bottom: 190px;
    right: 25px;
    z-index: 9999;
    display: none !important;
}

.sp_display {
    display: none;
}

.pc_display {
    display: block;
}

.sp_none {
    display: none;
}








/*-----------------------------------------------------------
#header
-----------------------------------------------------------*/

#header {
    width: 100%;
    /* padding: 46px 0 35px; */
    /* background: url(../img/bg_h_top.png) no-repeat top center; */
    background-color: #A7291F;
    z-index: 9999;
}

.h_ul {
    width: 96%;
    margin: 0 auto;
    position: relative;
    padding: 0 2%;
}

h1 {
    width: 98%;
    margin: 0 auto 0;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 0 0 0;
}

.header_in {
    padding: 46px 0 23px;
    background: #fff url(../img/bg_h_top.png) no-repeat top center;
    position: relative;
}

.my_info {
    width: 88%;
    margin: 13px auto 0;
    letter-spacing: 5px;
    text-align: right;
}


.my_info p {
    display: inline-block;
    letter-spacing: normal;
}

.my_info a {
    letter-spacing: normal;
    text-decoration: none !important;
}

.header_in:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: -2%;
    width: 102%;
    height: 20px;
    background: url(../img/bg_h_bot.png);
    z-index: 9999;
}

.h_ul > li {
    float: left;
    width: 37%;
    margin-left: 26%;
}

.h_ul > li:first-child {
    float: left;
    width: 22%;
    margin: 0;
}

.h_ul > li p {
    padding-left: 25px;
    background: url(../img/h_icon.png) no-repeat left 4px;
}

.h_ul2 {margin: 0 0 10px;}

.h_ul2 > li {
    letter-spacing: normal;
    font-size: 14px;
}

.h_ul3 > li:first-child {margin: 0;}

.h_ul3 > li {float: left;width: 49%;margin-left: 2%;}

.h_ul3 > li a:hover {
    background: none;
}

.h_ul3 > li a {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

.bx-wrapper {
    position: relative;
    margin-top: 0;
    margin: 0 auto;
}

.bxslider > li {
    text-align: center;
    height: auto;
    background-size: cover;
}

.bxslider .cover1 {
    background: url(../img/cover1.jpg) no-repeat top center;
}

.bxslider .cover7 {
    background: url(../img/cover7_v2.jpg) no-repeat top center;
}

.bxslider .cover2 {
    background: url(../img/cover2.jpg) no-repeat top center;
}

.bxslider .cover3 {
    background: url(../img/cover3.jpg) no-repeat top center;
}

.bxslider .cover4 {
    background: url(../img/cover4.jpg) no-repeat top center;
}

.bxslider .cover5 {
    background: url(../img/cover5.jpg) no-repeat top center;
}

.bxslider .cover6 {
    background: url(../img/cover6.jpg) no-repeat top center;
}



/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    z-index: 500;
    width: 100%;
    margin: 0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #CDCDCD;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #A6281C;
}




/*-----------------------------------------------------------
#navi
-----------------------------------------------------------*/

.navi_wrap {
    background: url(../img/bg_navi.png) no-repeat top center;
    background-size: cover;
}

#navi {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
}

#navi > li {float: left;width: 16.6%;}




/*-----------------------------------------------------------
#side
-----------------------------------------------------------*/

.cart_area {
    padding: 9px;
    border: solid 1px #847F79;
    margin-bottom: 20px;
}

.cart_area h2 {
    margin-bottom: 10px;
}

.cart_area dl {
    overflow: hidden;
}

.cart_area dl dt {
    float: left;
    width: 50%;
}

.cart_area dl dd {
    float: right;
    width: 50%;
    text-align: right;
}

.left_main h2 {
    margin-bottom: 15px;
    border-bottom: solid 2px #452217;
    padding-bottom: 5px;
}

span.trigger.none-submenu {
    background-color: #A7291F;
    color: #FFF;
    padding: 5px 2%;
    display: block;
    cursor: pointer;
    background: url(../img/bg_cart.png) repeat top center;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.active-submenu {
    padding: 5px 2%;
    display: block;
    cursor: pointer;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    background: url(../img/bg_cart.png) repeat top center;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.submenu li {
    font-size: 13px;
    line-height: 1.4;
}

.submenu li a {
    text-decoration: none;
    color: #555555;
    display: block;
    padding: 5px 25px 5px 5px;
    border-bottom: dotted 1px #CCC;
    background-image: url(../img/right_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.submenu {
    padding: 10px 0;
}

.submenu li a:hover {
    text-decoration: none;
    color: #555555;
    background-color: #EFEFEF;
}

#free_word {
    padding: 0;
    line-height: 1.3;
    width: 100%;
}

#search_form {
}

.cl_tb caption {
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
    line-height: 2;
    font-size: 12px;
}

.cl_tb thead th {
    color: #000;
    padding: 1px 4px;
    background: none;
    border: none;
    text-align: center;
    font-weight: bold;
}

.cl_tb tbody td {
    padding: 0 4px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 7px 5px;
    border: solid 1px #F1E5D4;
}

.cl_tb {
    border: none;
    border-collapse: collapse !important;
    font-size: 10px;
}

.saturday {
    color: #036EB8 !important;
}

.sunday {
    color: #E60012 !important;
}

.cl_tb tbody .off {
    background-color: #a7291f;
    color: #fff;
}

#search_form dl dd {
    margin-bottom: 5px;
}

.search_btn {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 0;
}

.side_underline {display: none;}

.bg_side {
    padding: 10px 2%;
    margin-bottom: 20px;
    font-size: 12px;
    border: solid 1px #847F79;
}

.formlist2 input[type='text'],.formlist2 input[type='password'] {
    width: 96%;
    margin: 0 0 4px 0;
}

.side_end {
    margin: 20px 0 0 0;
}

#orderby1, #orderby2, #sold_out1, #sold_out2,
#orderby4, #orderby3, #sold_out3, #sold_out4 {
    vertical-align: middle;
}

.side_guide {
    margin-bottom: 20px;
}

.nami_line {
	display: block;
	text-align: center;
}

.information {
    text-align: left;
    vertical-align: super;
}

.information .off {
    color: #A7291F;
}

.cart_area > a {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    width: 100%;
}

#search_form select {
    width: 100%;
}

#search_form .box150 {
    width: 80%;
}

.side_guide > li {
    margin-top: 7px;
}

.side_guide > li:first-child {
    margin: 0;
}

.none-submenu .pulldown:before {
    content: "▼";
    z-index: 9999;
    margin-left: 2px;
}

.active-submenu .pulldown:before {
    content: "▲";
    z-index: 9999;
    margin-left: 2px;
}

.none-submenu a {
    display: block;
    text-decoration: none;
}

.none-submenu a:hover {
    color: #4F2D21;
}

.cl_tb .today {
    background-color: #ECE1CE;
}

.banner_left li {
   margin-top: 10px;
}

.banner_left li:first-child {
   margin-top: 0;
}

.banner_left li img {
   width: 100%;
}


/*-----------------------------------------------------------
ハンバーガーメニュー
-----------------------------------------------------------*/

.toggle {
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 45px;
    height: 40px;
    background-color: transparent;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    z-index: 9999;
}

.bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #444444;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}

.bar-01 {
    top: 0;
}

.bar-02 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bar-03 {
    bottom: 0;
}

.toggle.is--active .bar {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toggle.is--active .bar-02 {
    display: none;
}

.toggle.is--active .bar-03 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle.is--active .bar-01 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#modal {
    display: none;
}

p.btn-close {
    background: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
}

p.btn-close a {
    display: block;
    text-decoration: none;
    color: #000!important;
}

#slide_navi li a {
    text-align: center;
    display: block;
    color: #000000;
    line-height: 3;
    text-decoration: none;
    margin-top: 5px;
    background: #FFFFFF;
}

.h_ul > li + li + li {
    width: 10%;
    height: 40px;
    margin: 10px 0 0 5%;
}


.header_in .guest_list {
    width: 63%;
    float: right;
	margin: 0;
}

.gnav {
    display: none;
    z-index: 9999;
}

.gnav ul li:first-child {
    margin: 0;
}

#nav ul {
    width: 1000px;
    margin: 0 auto;
}

#nav ul li {
    float: left;
    width: 125px;
    text-align: center;
}

#nav ul li a {
    display: block;
    padding: 20px 0;
    background-color: #CCCCCC;
    color: #000000;
    text-decoration: none;
}

nav {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #444444;
    padding: 30px 4% 10px;
    width: 40%;
}

.close {
    color: #FFFFFF;
    text-decoration: none !important;
    position: absolute;
    top: 0;
    right: 15px;
    padding: 10px 0;
    background: none !important;
    cursor: pointer;
}

.nav_list li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 5px 10px;
}

.nav_list li a:hover {
    background-color: #A7291F;
}



/*-----------------------------------------------------------
#トップページ
-----------------------------------------------------------*/

.bgBox1 {
    background: url(../img/bg_top1.png) no-repeat top center;
    padding: 56px 0 26px;
}

.bgBox2 {
    padding: 45px 0 22px;
    background: url(../img/bg_pickup.png) repeat-y top center;
    position: relative;
}

.bgBox2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 26px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 9998;
}

.bgBox3 {
    position: relative;
    padding: 43px 0 26px;
}

.bgBox3:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 9998;
}

.bgBox33 {
    position: relative;
    padding: 50px 0 0;
}

.bgBox33:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 9998;
}

.bgBox333 {
    position: relative;
    padding: 0;
}

.bgBox333:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    z-index: 9998;
}

.bgBox4 {
    padding: 37px 0 60px;
    background: url(../img/bg_insta.png) no-repeat top center;
    position: relative;
}

.bgBox4:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 9998;
}



/*最新ニュース*/

.top_tit1 {
    text-align: center;
    width: 50%;
    margin: 0 auto 28px;
}

.top_ul {
    width: 98%;
    margin: 0 auto;
}

.top_ul > li {
    float: left;
    width: 42%;
    min-height: 360px;
    padding: 45px 4% 0 3%;
    background: url(../img/bg_news.png) no-repeat top center;
    margin-left: 1%;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}

.top_ul > li:first-child {
    width: 42%;
    padding: 45px 4% 0 3%;
    margin-left: 0;
}

.top_ul > li h3 {
    margin-bottom: 5px;
}

.news_dl {
    max-height: 200px;
    overflow-y: scroll;
    margin: 0 0 10px 0;
}

.news_dl + p {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.news_dl dt {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 11px;
    padding: 5px 12px;
}

.news_dl dd {
    line-height: 2;
    border-bottom: dotted 1px #CCC;
    padding: 0 12px 19px;
}

.info_dl {
    max-height: 230px;
    overflow-y: scroll;
}

.info_dl dt {
    float: left;
    width: 90px;
    padding: 7px 0 7px 16px;
}

.info_dl dd {
    padding: 7px 0 7px 130px;
    border-bottom: dotted 1px #CCC;
}



/*おすすめ商品*/

.top_tit2 {
    text-align: center;
    width: 50%;
    margin: 0 auto 38px;
}

.top_ul2 {
    width: 98%;
}

.top_ul2 > li {
    width: 23%;
    margin-left: 2%;
    margin-bottom: 20px;
    float: left;
}

.top_ul2 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    background: url(../img/bg_products.png) no-repeat center;
    margin-bottom: 9px;
}

.top_ul2 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}


/*ショッピング商品*/

.top_tit22 {
    text-align: center;
    width: 50%;
    margin: 0 auto 38px;
}

.top_ul22{
    width: 98%;
}

.top_ul22 > li{
    width: 23%;
    margin-left: 2%;
    margin-bottom: 20px;
    float: left;
}

.top_ul22 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    margin-bottom: 9px;
}

.top_ul22 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.top_ul222 {
    width: 98%;
	max-height: 70px;
	position: relative;
    top: -25px;
}

.top_ul222 > li{
    width: 23%;
    margin-left: 2%;
    margin-bottom: 7px;
    float: left;
}

.top_ul222 > li > dl > dt {
    position: relative;
    width: 185px;
    height: 75px;
    margin-bottom: 0;
}

.top_ul222 > li > dl > dt a img {
    position: absolute;
    max-width: 175px;
    max-height: 60px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}



.item_name {
    margin-bottom: 6px;
    line-height: 1.8;
}

.item_name a {
    text-decoration: none;
    color: #555555;
}

.item_price {
    color: #9F3B42;
    text-align: right;
}

.icon_new {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    z-index: 9998;
}

.pick_hover {
    display: none;
}



/*人気ランキング*/

.top_tit3 {
    text-align: center;
    width: 50%;
    margin: 0 auto 56px;
}

.icon_num {
    position: absolute;
    top: -20px;
    left: 8px;
    width: 30%;
    z-index: 9998;
}

.bgBox3 .view.view-first {
    margin-bottom: 13px;
}

.bgBox3 .item_name {
    line-height: 2;
    margin-bottom: 1px;
}

.bgBox33 .view.view-first,
.bgBox333 .view.view-first {
    margin-bottom: 0;
}

.bgBox33 .item_name,
.bgBox333 .item_name {
    line-height: 2;
    margin-bottom: 0;
}



/*インスタグラム*/

.top_tit4 {
    text-align: center;
    width: 50%;
    margin: 0 auto 33px;
}

.bgBox4 .bx-controls-direction a {
    position: absolute;
    top: -137px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
}

.bgBox4 .bx-controls-direction a:hover {
    position: absolute;
    top: -137px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}

.bgBox4 .bx-prev {
    left: 5px !important;
    background: url(../img/insta_prev.png) no-repeat 0 0;
    background-size: contain;
}

.bgBox4 .bx-prev:hover {
    background: url(../img/insta_prev_on.png) no-repeat 0 0;
}

.bgBox4 .bx-next {
    right: 5px !important;
    background: url(../img/insta_next.png) no-repeat 100% 0;
    background-size: contain;
}

.bgBox4 .bx-next:hover {
    background: url(../img/insta_next_on.png) no-repeat 100% 0;
}

.bgBox4 .bx-controls-direction {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.bxslider2 li {
    width: 200px !important;
    padding: 5px;
    background-color: #FFF;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.bxslider2 li img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.bgBox4 .bx-viewport {
    overflow: inherit !important;
}

.bgBox4 .bx-wrapper {
    z-index: 9998;
}

.bxslider2 li a:hover img {
    border: solid 1px #8E80E7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-first > img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    max-width: 98%;
    max-height: 98%;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.view-first22 > img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    max-width: 98%;
    max-height: 98%;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}

.view-first > a img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    max-width: 98%;
    max-height: 98%;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.view-first22 > a img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    max-width: 98%;
    max-height: 98%;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}


.view-first .mask,
.view-first22 .mask {
    display: none;
}

.view.view-first {
    position: relative;
    width: 100%;
	height: 210px;
    margin-bottom: 9px;
    border: solid 1px #555;
    background-color: #FFF;
}

.view.view-first22 {
    position: relative;
    width: 100%;
    min-height: 167px;
	height: auto;
    margin-bottom: 10px;
    border: 0;
    background-color: transparent;
}


.shoppingH3 {
    width: 96%;
    margin: 0 auto;
}

.shoppingUl {
    width: 100%;
    margin: 0 auto 30px;
}

.shoppingUl li {
    width: 30.8%;
    margin: 14px 1.2% 0;
    float: left;
}

.shoppingUl li a {
    padding: 11px 0 9px;
    background: url(../img/top_button_bg.png) no-repeat center;
    background-size: contain;
    display: block;
    text-decoration: none;
    text-align: center;
}

.shoppingUl li a:before {
    content: url(../img/top_shopping_icon.png);
    position: relative;
    top: 1px;
    right: 2%;
}


/*-----------------------------------------------------------
#footer
-----------------------------------------------------------*/

#footer {
    border: none;
    width: 100%;
    background: url(../img/bg_footer.png) no-repeat top center;
    padding: 22px 0 0;
    height: 31px;
}

.copyright {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #452217;
}

.copyright .sp {
    display: none;
}



/*-----------------------------------------------------------
中ページ共通
-----------------------------------------------------------*/

.sub_cover {
    text-align: center;
    background: url(../img/bg_sub_cover.png) no-repeat top center;
}

.wrapper {
    width: 98%;
    margin: 0 auto;
    padding: 20px 0 40px;
    position: relative;
    min-height: 950px;
}

.wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: -480px;
    width: 1920px;
    height: 550px;
    background: url(../img/bg_sub_wrap.png);
    z-index: -9999;
}

.bg_footer {
    position: relative;
}

.bg_footer:before {
    content: "";
    position: absolute;
    top: -422px;
    left: -480px;
    width: 1920px;
    height: 400px;
    background: url(../img/bg_sub_wrap2.png);
    z-index: -9999;
}

.wrap_in {
    position: relative;
}

.left_main {
    float: left;
    width: 21%;
	min-width: 153px;
    position: relative;
}

.left_menu {
    position: absolute;
    top: 0;
    margin-top: 0 !important;
}

.right_main {
    float: right;
    width: 76%;
    margin-left: 3%;
}

.right_main .right_main {
    width: 99% !important;
}

h2.title {
    background: url(../img/icon_title.png) no-repeat left 5px;
    font-size: 22px;
    padding: 5px 0 5px 70px;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-bottom: solid 2px #555;
    margin-bottom: 20px;
}


/*--- パンくずリスト ---*/

.pankuzu {
    margin: 0 auto;
    width: 100%;
    font-size: 13px;
    color: #555;
}

.pankuzu li {
    display: inline;
    margin: 0 0 0 -4px;
    /*padding: 0 7px 0 4px;*/
}

.pankuzu li:first-child {
    background: none;
    padding-left: 0;
}

.pankuzu li a {
    display: inline-block;
    text-decoration: none;
    color: #555;
}

.pankuzu li a:hover {
    text-decoration: underline;
    color: #555;
}


/* よくあるご質問
---------------------------------------------------------------------*/

.faq_dl {
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.faq_dl dt {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 10px 60px;
    background: url(../img/icon_q.png) no-repeat left 0;
    border-bottom: dotted 1px #452217;
    margin-bottom: 10px;
}

.faq_dl dd {
    padding: 20px 0 9px 60px;
    background: url(../img/icon_a.png) no-repeat left 0;
}

.faq_tit {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    padding: 30px 0 20px;
}




/* 買取・委託
---------------------------------------------------------------------*/

.sub_title {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    margin-bottom: 10px;
}

.read_text {
    margin-bottom: 25px;
}

.pur_ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin-bottom: 30px;
}

.pur_ul li {
    display: inline-block;
    width: 230px;
}

.pur_ul2 {
    margin-bottom: 30px;
}

.pur_ol > li {
    margin-top: 30px;
}

.pur_ol > li:first-child {
    margin: 0;
}

.pur_ol > li h4 {
    background-color: #E9DBC4;
    padding: 5px 10px;
    margin: 0 0 10px;
    color: #4F2D21;
    font-size: 16px;
}

.pur_ol > li h4 span {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-right: 10px;
}

.em_text {
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
}

.pur_ol > li p {
    margin-top: 15px;
}

.pur_ol > li p:first-child {
    margin-top: 0;
}

.pur_ol > li p em {
    display: block;
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 5px;
}

.pur_ol li a {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    margin: 10px 0 0;
}

.pur_ol li a:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.with_memo {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px;
    margin: 7px 0 0;
    position: relative;
    width: 320px;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow:rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow:rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.with_memo p {
    margin-bottom: 5px;
    font-weight: bold;
}

.with_memo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}

.pur_dl {
    margin-top: 15px;
}

.pur_dl dt {
    color: #A5281E;
    font-weight: bold;
}

.pur_dl dd {
    font-size: 13px;
    margin-bottom: 5px;
}

.pur_ol {
    margin-bottom: 40px;
}

.btn_area button {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    border-bottom: solid 2px #87110F;
    width: 180px;
}

.btn_area button:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.form_after {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.mB15 {
	margin-bottom: 15px !important;
}

.pur_tb dl dt {
    font-weight: bold;
    margin-top: 10px;
}

.pur_tb dl dd {
    padding-left: 10px;
}

.pur_tb dl dt:first-child {
    margin-top: 0;
}

.pur_tb td em {
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
}

a.gray_btn {
    display: block;
    background-color: #00581e;
    color: #FFF !important;
    text-decoration: none !important;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #494949;
    margin: 30px auto 0;
    text-align: center;
    width: 300px;
}

a.gray_btn:hover {
    background-color: #00911e;
    color: #FFF;
}




/* ECCUBE関連
---------------------------------------------------------------------*/

.btn_area input {
    margin: 0;
    padding: 0;
}

.btn_area ul li {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    margin: 0 2% 10px;
}

.btn_area ul {
    text-align: center;
}

.btn_area a:link,
.btn_area2 a:link {
    text-decoration: none;
}

.btn_area a:visited,
.btn_area2 a:visited {
    text-decoration: none;
}

.btn_area a:active,
.btn_area2 a:active {
    text-decoration: none;
}

.btn_area a:hover,
.btn_area2 a:hover {
    text-decoration: none;
}

.slide_text {
	display: none;
}


/*--- 特商法取引法に基づく表記 ---*/

.tb_2column p {
    margin: 5px 0 0 0;
}

.tb_2column p:first-child {
    margin: 0;
}

.card_img > li {
    display: inline-block;
    letter-spacing: normal;
}

.card_img {
    letter-spacing: 1px;
}

.tb_2column ul {
    margin: 5px 0 0 0;
}

.tb_2column ul:first-child {
    margin: 0;
}

.tb_3column th {
    padding: 10px 0 9px;
    text-align: center;
}

.tb_3column td {
    padding: 10px 0 9px;
    text-align: center;
}

.tb_3column th:first-child {
    font-size: 10px;
    padding: 10px 2px 9px;
}

#undercolumn_order .tb_wrap {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.tb_3column {
    width: 730px;
    -webkit-text-size-adjust: 100%;
}

/*--- 商品購入の流れ ---*/

.list-shopping-flow {
    display: table;
    width: 100%;
    list-style: none;
    overflow: hidden;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 12px;
}

.list-shopping-flow li.active {
    background-color: #855646;
    color: #FFF;
}

.list-shopping-flow li {
    text-align: center;
    background-color: #ECE1D0;
    color: #544741;
    font-weight: bold;
    width: 12%;
    height: 44px;
    line-height: 17px;
    display: table-cell;
    padding-left: 5px;
}

.list-shopping-flow li:before {
    display: block;
    background: #ECE1D0;
    width: 15px;
    height: 22px;
    border-right: 2px solid #F6F0E3;
    margin: 0 -11px -17px auto;
    content: " ";
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    transform: skew(20deg);
}

.list-shopping-flow li:after {
    display: block;
    background: #ECE1D0;
    width: 15px;
    height: 22px;
    border-right: 2px solid #F7F1E4;
    margin: -17px -11px 0 auto;
    content: " ";
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    transform: skew(-20deg);
}

.list-shopping-flow li.active:before, .list-shopping-flow li.active:after {
    background: #855646;
}




/* ログイン
---------------------------------------------------------------------*/

.formlist dt {
}

.formlist dd {
}

.formlist dd .box300 {
    padding: 0;
    width: 100%;
}

.formlist {
    margin: 0 auto;
    padding-top: 10px;
}




/* プライバシーポリシー
---------------------------------------------------------------------*/

.privacy_dl dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.privacy_dl dd {
    margin-bottom: 15px;
}




/* 商品一覧
---------------------------------------------------------------------*/

div.list_area {
    float: left;
    width: 18%;
    margin-left: 2%;
    margin-bottom: 54px;
    padding: 20px 2%;
    position: relative;
    border: solid 1px #444;
}

.formwrap {
    padding: 20px 0;
    margin-left: -2%;
}

.listphoto {
    position: relative;
    width: 100%;
    height: 142px;
    margin: 0 auto 10px;
}

.listphoto img {
    max-width: 100%;
    max-height: 140px;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    padding: 2px;
}

div.listrightbloc h3 {
    font-size: 12px;
    margin-bottom: 10px;
}

div.listrightbloc .pricebox {
    text-align: right;
    color: #9F3B42;
}

.bg_list_bot {display: none;}

div.listphoto a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
/* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
/* ie 8 */
    -moz-opacity: 0.7;
/* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
/* Safari 1.x */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.change strong {
    background-color: #D97870;
    color: #FFF;
    padding: 2px 10px;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.change a {
    background-color: #635C5A;
    color: #FFF;
    padding: 2px 10px;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
}

.change a:hover {
    color: #FFF;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.soldout_img {
    position: absolute;
	max-width: 165px;
    top: 60px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9998;
}

/*追記0096*/

.status_icon {
    width: 100%;
    margin: 0 auto 10px;
}

.status_icon li {
    width: 47%;
    display: inline-block;
}

.listcomment {
    font-size: 12px;
    color: #A82920;
    text-align: center !important;
}

.defaultPrice {
	font-size: 90%;
	color: #1a1a1a;
}


/*-- ブランドで選ぶ --*/

.listBrand {
    margin: -20px 0 30px;
}

.listBrand .ulBr {
    margin: 0 !important;
}

.listBrand li {
    width: 32%;
    margin: 0 0 25px 2%;
    float: left;
}

.listBrand a {
    display: block;
}

.listBrand a:hover {
    opacity: .7;
}



/* 商品詳細
---------------------------------------------------------------------*/

.detail_img {
    width: 100%;
    height: 470px;
    border: solid 1px #CCC;
    position: relative;
    margin-bottom: 25px;
}

ul.slides {
    width: 99%;
    margin: 0 auto;
}

ol.flex-control-nav.flex-control-thumbs {
    width: 100%;
    margin: 0 0 0;
}

.flexslider .slides img {
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 460px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto !important;
    border: none;
}

.cart_area .quantity {
    margin: 3px 2% 0 0;
    width: 120px;
    display: inline-block;
}

#detailrightbloc .cart_area {
    background: none;
    border: none;
    margin: 0;
    text-align: center;
}

.cart_area .quantity dt {
    margin-top: 4px;
    width: 50px;
}

.cart_area .quantity dd {
    width: 70px;
    text-align: left;
    float: left;
}

#detailarea .flex-control-thumbs li {
    width: 15%;
    height: 100px;
    background-color: #FFFFFF;
    margin: 10px 0 0 1.2%;
}

#detailarea .flex-control-thumbs img {
    max-width: 100%;
    max-height: 98px;
}

#detailrightbloc .cartin {
    display: inline-block;
    vertical-align: top;
}

div#undercolumn ul#quantity_level li img {
    width: 16px;
}

#detailrightbloc .favorite_btn {
    width: 220px;
    margin: 0 auto;
}

#detailrightbloc .main_comment {
    padding: 15px 2%;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 20px auto 30px;
    width: 98%;
}

.back_btn {
    width: 30%;
    margin: 0 auto;
}


#detailrightbloc .status_ul > li {
    float: right;
    width: 40%;
}

#detailrightbloc ul.status_icon {
    margin: 0 !important;
    width: auto !important;
}

.abs2 {
    margin-top: -2px;
}

#detailrightbloc .snsLink > li {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}

#detailrightbloc .snsLink {
    text-align: right;
    overflow: hidden;
    margin: 0;
}

#detailrightbloc .status_ul > li:first-child {
    width: 60%;
    float: left;
}

#detailrightbloc .status_ul {
    width: 100%;
    margin: 0 auto 0;
    width: 100%;
}

#detailrightbloc .status_ul li {
    width: 100% !important;
}

#detailrightbloc .status_ul li ul {
    width: 100% !important;
}

#detailrightbloc .status_ul li .status_icon li {
    width: 10% !important;
}

.action_ul .cart_area {
    padding: 0 !important;
}

#detailrightbloc .action_ul > li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

#detailrightbloc .action_ul {
    text-align: center;
    letter-spacing: 20px;
    margin: 30px auto 0;
}

p.attention.mouse_over {
    position: absolute;
    bottom: -25px;
    right: 31%;
    z-index: 999;
    background-color: #FFF;
    padding: 1px 1%;
}

.view_none {
	display: none !important;
}

.arrival_ul {
    color: #A7291F;
    letter-spacing: 10px;
    padding-left: 5.5em;
    margin: 0 !important;
}

.arrival_ul > li {
    display: inline-block;
    letter-spacing: normal;
}

.arrival_tit {
    color: #A7291F;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    float: left;
    width: auto;
}

.arrival_wrap {
    margin: 20px 0px 5px;
}

.detailUl_new table {
    width: 100%;
    margin: 0;
    border-collapse: collapse !important;
}

.detailUl_new th ,.detailUl_new td {
    border: 1px solid #b8b5ac;
    box-shadow: none;
}

.detailUl_new th {
    width: 30%;
    padding: 12px 0 10px 10px;
    background: #ac998b;
    color: #fff;
}

.detailUl_new td {
    width: 70%;
}

#detailrightbloc .favorite_btn {
    width: 100%;
}

.normal_price {
    font-size: 100% !important;
}


/* 店舗概要
---------------------------------------------------------------------*/

#maps iframe {
	border: none;
	width: 100%;
	height: 250px;
}




/* カート
---------------------------------------------------------------------*/

#undercolumn_shopping .addbtn {
    width: 180px;
}

.red_text {
    display: block;
    color: #FF0000;
}

.code_brand {
    margin: 0 !important;
}

div#undercolumn_cart table th,
div#undercolumn_cart table td {
    padding: 5px !important;
    width: auto;
}

input.ask_price {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}




/* 会員登録
---------------------------------------------------------------------*/

.zipimg img {
	width: 84px;
}

table th .attention {
    color: #a82920;
}




/* マイページ
---------------------------------------------------------------------*/

.mypage_memo {
    padding: 25px 60px 25px 30px;
    margin: 20px auto 30px;
    background: url(../img/bg_paper.png) repeat top center;
    position: relative;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    min-height: 60px;
}

.mypage_memo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}




/* ご利用ガイド
---------------------------------------------------------------------*/

.mokuji_ol {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px;
    margin: 7px 0 30px;
    position: relative;
    width: 320px;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.mokuji_ol:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}

.guide_ol > li {
    margin: 40px 0 0;
    font-size: 14px;
}

.guide_ol > li:first-child {
    margin: 0;
}

.guide_ol > li h3 {
    font-size: 16px;
    border-bottom: solid 3px #FAE1C9;
    margin: 0 0 15px;
    padding: 0 0 5px;
}

.guide_ol > li h3 span {
    background-color: #D8190F;
    color: #FFF;
    display: inline-block;
    padding: 4px 10px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin-right: 10px;
    font-size: 20px;
    border-bottom: solid 1px #7C0A0A;
}

.guide_ol > li p {
    margin-top: 15px;
}

.guide_ol > li p:first-child {
    margin-top: 0;
}

.guide_ol > li p em {
    color: #853333;
    font-weight: bold;
}

#guide2 ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    width: 200px;
    margin: 10px 0 0;
}

#guide4 ol li {
    margin-top: 15px;
    padding: 0 0 0 120px;
    position: relative;
}

#guide4 ol li:first-child {
    margin-top: 0;
}

#guide4 ol li span {display: block;background-color: #635C5A;color: #FFF;width: 90px;padding: 1px 5px;text-align: center;position: absolute;top: 0;left: 0;}

#guide5 h4 {color: #4F2D21;margin: 10px 2% 15px;border-bottom: dashed 1px #452217;font-size: 15px;padding: 3px 0;}

#guide5 ol {
    padding: 0 2%;
}

#guide5 ol dl {
    margin: 10px 0 20px;
}

#guide5 ol h5 span {margin-right: 5px;}

#guide5 ol h5 {
    font-size: 15px;
    background-color: #635C5A;
    color: #FFF;
    padding: 4px 5px;
    font-weight: normal;
}

#guide6 > dl {
    margin: 20px 0 0;
    padding: 0 2%;
}

#guide6 > dl dd {
    margin: 0 0 30px;
}

#guide6 > dl dd ul {
    margin: 10px 0 0;
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

#guide6 > dl dt {
    color: #4F2D21;
    border-bottom: dashed 1px #452217;
    font-size: 15px;
    padding: 3px 0;
    margin: 0 0 14px;
    font-weight: bold;
}

#guide8 ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 10px 0 0;
}

.red_btn {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    padding: 2px 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    margin: 0 3px;
}

#guide5 ol dl dd img {
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 5px auto;
    display: block;
}

#guide5 ol dl dt img {
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 5px auto;
    display: block;
    width: 40%;
}

#guide5 ol > li {
    margin: 0 0 40px;
}

.guide_ol > li h3 em {
    margin: 0 5px 0 0;
}

.guide_ol > li h3 img {
    width: 5%;
}


/* お客様の声
---------------------------------------------------------------------*/

.voice_dl {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.voice_dl dt {
    font-size: 16px;
    font-weight: bold;
    border-bottom: dotted 1px #452217;
    margin: 50px 0 20px;
    padding: 0 0 10px;
}

.voice_dl dt:first-child {
	margin: 0 0 20px;
}

.not_ready {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}




/* お問い合わせ
---------------------------------------------------------------------*/

.contactBox p:first-child {
    margin-bottom: 20px;
}

.contactBox ul {
    margin: 10px 0 0;
    text-align: center;
}

.contactBox ul li a {
    display: block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    width: 180px;
    text-align: center;
}

.contactBox ul li a:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.contactBox ul li {
    display: inline-block;
}

.contactBox ul li:first-child {
    margin: 0 10px 0 0;
}

.contactBox {
    margin: 0 0 30px;
}

.mente_css:before {
    display: none;
}

.mainte {
    width: 70%;
    padding: 35px 20px;
    margin: 20px auto;
    text-align: center;
    border: 1px solid #B19E94;
    position: relative;
}
.mainte .right{
    display:block;
    text-align:right;
}

.no_products {
    text-align: center;
    padding: 0 0 20px;
}

.requiredMark {
    margin: 0 0 0 10px;
    color: #a82920;
}



/* サイトマップ
---------------------------------------------------------------------*/

.sitemap_ul {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px 4%;
    margin: 7px 0 0;
    position: relative;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.sitemap_ul:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 500;
}

.sitemap_ul > li {
    margin: 10px 0 0;
    font-size: 14px;
}

.sitemap_ul > li:first-child {
    margin-top: 0;
}

/* 初めての方へ
---------------------------------------------------------------------*/
.firstBanner{
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.imp_area{
    padding: 40px 30px 40px;
    margin-bottom: 30px;
    border: 1px solid #B19E94;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.imp_area p{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.first_free{
    margin: 0 auto 30px;
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px;
    position: relative;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    min-height: 20px;
}

.first_free:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 2;
}

.first_free dl{
    margin-bottom: 10px;
}

.first_free dt{
    font-weight: bold;
    color: #A5281E;
}

.first_free dd em{
    margin-top: 5px;
}

.btn input {
    padding: 0;
    margin: 0 auto;
    width: 96%;
    display: block;
}

.formlist2 {
    margin: 0 0 10px 0;
}



/* 商品購入
---------------------------------------------------------------------*/

.optionH3 {
    margin: 30px 0 0 !important;
}

.dispatch_time {
    width: 100%;
    margin: 0 auto;
}

#order_plus , #order_plus2 , #order_plus3 {
    width: 92%;
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 7px 4% 4px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    text-align: center;
}

#order_plus {
    /* width: 40%; */
    text-align: center;
    /* margin: 30px 4%; */
    /* float: left; */
}



#order_plus:hover ,
#order_plus2:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.order_plus p {
    font-size: 12px;
    font-weight: bold;
    color: #853333;
}


.optionTd {
    /* display: none; */
}

.optionTb th {
    width: 40%;
}

table th {
    padding: 8px 2%;
}

/*-- ページャー --*/

.pagenumber_area .navi strong ,
.pagenumber_area .navi a {
    padding: 2px 8px;
    background: #635C5A;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.pagenumber_area .navi a:hover ,
.pagenumber_area .navi strong {
    background: #928d8c;
}

.pagenumber_area {
    margin: 0 4% 0;
}

.pagenumber_area .change {
    width: 100%;
    float: none;
    white-space: nowrap;
}

.pagenumber_area .navi {
    width: 100%;
    margin: 20px auto 0;
    text-align: center;
}

.display414 {
    display: none;
}

.display768 {
    display: none;
}　

.mainte {
    width: 668px;
    /* background: url(../img/pg_imp.png) no-repeat top center; */
    padding: 40px 30px 40px;
    margin: 30px auto;
    border: 1px solid #B19E94;
    position: relative;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.mainte:before {
    content: '';
    width: 100%;
    height: 59px;
    display: block;
    background: url(../img/pg_imp_up.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

.mainte:after {
    content: '';
    width: 100%;
    height: 59px;
    display: block;
    background: url(../img/pg_imp_ro.png) no-repeat bottom center;
    background-size: contain;
    position: absolute;
    z-index: -2;
    left: 0;
    bottom: 0;
}

.mainte p {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 0;
}


.navi_footer {
    /*background: url(../img/bg_footer2.png) no-repeat top center;*/
    height: 79px;
}

#navi_footer_in {
    margin: 0 auto;
    width: 95%;
    padding-top: 19px;
    font-size: 91%;
}

ul#navi_footer_in li {
    display: inline-block;
    border-left: solid 1px #452217;
    line-height: 1;
    padding-left: .1%;
    padding-right: .1%;
    margin-bottom: 5px;
}

ul#navi_footer_in li:first-child {
	padding-left: 0;
	border: none;
}

#navi_footer_in2 {
    margin: 0 auto;
    width: 95%;
    padding-top: 5px;
    font-size: 91%;
}

ul#navi_footer_in2 li {
    display: inline-block;
    border-left: solid 1px #452217;
    line-height: 1;
    padding-left: 5px;
    padding-right: 1px;
    margin-bottom: 5px;
}

ul#navi_footer_in2 li:first-child {
	padding-left: 0;
	border: none;
}


.main_comment {
    width: 84%;
    padding: 3%;
    margin: 50px auto;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    position: relative;
}

.main_comment:before {
    content: '';
    position: absolute;
    top: -25px;
    left: 4px;
    width: 98%;
    height: 50px;
    background: url(../img/detail_line.png) no-repeat top center;
    background-size: contain;
}

.main_comment:after {
    content: '';
    position: absolute;
    bottom: -62px;
    left: 4px;
    width: 98%;
    height: 50px;
    background: url(../img/detail_line.png) no-repeat top center;
    background-size: contain;
}

.preLead p {
    margin: 20px 0 0;
    text-align: center;
}

.preLead p:first-child {
    margin: 0;
}










/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 959px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 870px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

#navi_footer_in,
#navi_footer_in2 {
    font-size: 81%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 850px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

body {
    font-size: 14px;/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
    overflow: hidden;
}


/*リンク表示方法*/

a:link {
	color: #452217;
	text-decoration: underline;
}

a:visited {
	color: #452217;
	text-decoration: underline;
}

a:active {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #993300;
	text-decoration: none;
}


/* 可変画像調整 */

img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


/*--- ページトップ ---*/

#pageTop {
    position: fixed;
    bottom: 190px;
    right: 25px;
    z-index: 9999;
}




/*-----------------------------------------------------------
#header
-----------------------------------------------------------*/

#header {
    width: 100%;
    /* padding: 46px 0 35px; */
    /* background: url(../img/bg_h_top.png) no-repeat top center; */
    background-color: #A7291F;
    z-index: 9999;
}

.h_ul {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 2%;
}

.h_ul > li {
    float: left;
    width: 37%;
    margin-left: 18%;
}

.h_ul > li:first-child {
    float: left;
    width: 28%;
    margin: 0;
}

.h_ul > li p {
    padding-left: 25px;
    background: url(../img/h_icon.png) no-repeat left 4px;
    text-align: left;
}

.h_ul2 {margin: 0 0 10px;}

.h_ul2 > li {
    letter-spacing: normal;
    font-size: 14px;
}

.h_ul3 > li:first-child {margin: 0;}

.h_ul3 > li {float: left;width: 49%;margin-left: 2%;}

.h_ul3 > li a {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

.bx-wrapper {
    position: relative;
    margin-top: 0;
    margin: 0 auto;
}

.bxslider > li {
    text-align: center;
    height: auto;
    background-size: cover;
}

.bxslider .cover1 {
    background: url(../img/cover1.jpg) no-repeat top center;
}

.bxslider .cover7 {
    background: url(../img/cover7_v2.jpg) no-repeat top center;
}

.bxslider .cover2 {
    background: url(../img/cover2.jpg) no-repeat top center;
}

.bxslider .cover3 {
    background: url(../img/cover3.jpg) no-repeat top center;
}

.bxslider .cover4 {
    background: url(../img/cover4.jpg) no-repeat top center;
}

.bxslider .cover5 {
    background: url(../img/cover5.jpg) no-repeat top center;
}

.bxslider .cover6 {
    background: url(../img/cover6.jpg) no-repeat top center;
}



/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    z-index: 500;
    width: 100%;
    margin: 0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #CDCDCD;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #A6281C;
}




/*-----------------------------------------------------------
#navi
-----------------------------------------------------------*/

.navi_wrap {
    background: url(../img/bg_navi.png) no-repeat top center;
    background-size: cover;
    display: none;
}

#navi {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
}

#navi > li {float: left;width: 16.6%;}




/*-----------------------------------------------------------
#side
-----------------------------------------------------------*/

.cart_area {
    padding: 9px 2%;
    border: solid 1px #847F79;
    margin-bottom: 20px;
}

.cart_area h2 {
    margin-bottom: 10px;
}

.cart_area dl {
    overflow: hidden;
}

.cart_area dl dt {
    float: left;
    width: 50%;
}

.cart_area dl dd {
    float: right;
    width: 50%;
    text-align: right;
}

.left_main h2 {
    margin-bottom: 15px;
    border-bottom: solid 2px #452217;
    padding-bottom: 5px;
}

span.trigger.none-submenu {
    background-color: #A7291F;
    color: #FFF;
    padding: 10px 2%;
    display: block;
    cursor: pointer;
    background: url(../img/bg_cart.png) repeat top center;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.active-submenu {
    padding: 10px 2%;
    display: block;
    cursor: pointer;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    background: url(../img/bg_cart.png) repeat top center;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.submenu li {
    font-size: 13px;
    line-height: 1.4;
    padding: 0 2%;
}

.submenu li a {
    text-decoration: none;
    color: #555555;
    display: block;
    padding: 5px 25px 5px 5px;
    border-bottom: dotted 1px #CCC;
    background-image: url(../img/right_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.submenu {
    padding: 10px 0;
}

.submenu li a:hover {
    text-decoration: none;
    color: #555555;
    background-color: #EFEFEF;
}

#free_word {
    padding: 0;
    line-height: 1.3;
    width: 100%;
}

.cl_tb caption {
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
    line-height: 2;
    font-size: 14px;
}

.cl_tb thead th {
    color: #000;
    padding: 1px 4px;
    background: none;
    border: none;
    text-align: center;
    font-weight: bold;
}

.cl_tb tbody td {
    padding: 0 4px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 7px 5px;
    border: solid 1px #F1E5D4;
}

.cl_tb {
    border: none;
    border-collapse: collapse !important;
    font-size: 14px;
}

.saturday {
    color: #036EB8 !important;
}

.sunday {
    color: #E60012 !important;
}

.cl_tb tbody .off {
    background-color: #a7291f;
    color: #fff;
}

#search_form dl dd {
    margin-bottom: 5px;
}

.search_btn {
    margin: 0 auto;
    display: block;
    width: 30%;
}


.btn input {
    margin: 0 auto;
    display: block;
    border-radius: 0;
}

.side_line {
    margin-bottom: 15px;
}

.left_main h2 img {
    width: 45%;
}

.side_underline {display: none;}

.bg_side {
    padding: 10px 2%;
    margin-bottom: 20px;
    font-size: 12px;
    border: solid 1px #847F79;
}

#orderby1, #orderby2, #sold_out1, #sold_out2,
#orderby4, #orderby3, #sold_out3, #sold_out4 {
    vertical-align: middle;
}

.side_guide {
    margin-bottom: 20px;
}

.nami_line {
	display: block;
	text-align: center;
}

.information {
    text-align: left;
    vertical-align: super;
}

.information .off {
    color: #A7291F;
}

.left_main .login_area .btn input, .cart_area > a {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    width: 30%;
    border-radius: 0;
}

#search_form select {
    width: 100%;
}

#search_form .box150 {
    width: 95%;
}

.banner_left li {
    margin: 0 1% 10px;
    width: 48%;
    float: left;
}


/*-----------------------------------------------------------
ハンバーガーメニュー
-----------------------------------------------------------*/

.toggle {
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 45px;
    height: 40px;
    background-color: transparent;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    z-index: 9999;
}

.bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #444444;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}

.bar-01 {
    top: 0;
}

.bar-02 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bar-03 {
    bottom: 0;
}

.toggle.is--active .bar {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toggle.is--active .bar-02 {
    display: none;
}

.toggle.is--active .bar-03 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle.is--active .bar-01 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#modal {
    display: none;
}

p.btn-close {
    background: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
}

p.btn-close a {
    display: block;
    text-decoration: none;
    color: #000!important;
}

#slide_navi li a {
    text-align: center;
    display: block;
    color: #000000;
    line-height: 3;
    text-decoration: none;
    margin-top: 5px;
    background: #FFFFFF;
}

.h_ul > li + li + li {
    width: 10%;
    height: 40px;
    margin: 10px 0 0 5%;
}

.gnav {
    display: none;
    z-index: 9999;
}

.gnav ul li:first-child {
    margin: 0;
}

#nav ul {
    width: 1000px;
    margin: 0 auto;
}

#nav ul li {
    float: left;
    width: 125px;
    text-align: center;
}

#nav ul li a {
    display: block;
    padding: 20px 0;
    background-color: #CCCCCC;
    color: #000000;
    text-decoration: none;
}

nav {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #444444;
    padding: 30px 4% 10px;
    width: 50%;
    height: 100%;
}

.close {
    color: #FFFFFF;
    text-decoration: none !important;
    position: absolute;
    top: 0;
    right: 15px;
    padding: 10px 0;
    background: none !important;
    cursor: pointer;
}

.nav_list li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 5px 10px;
}

.nav_list li a:hover {
    background-color: #A7291F;
}


/*-----------------------------------------------------------
#footer
-----------------------------------------------------------*/

.navi_footer {
    height: auto;
}


#navi_footer_in, #navi_footer_in2 {
    width: 100%;
    padding: 0;
    font-size: 100%;
}

#navi_footer_in li, #navi_footer_in2 li {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

#navi_footer_in li a, #navi_footer_in2 li a {
    width: 100%;
    height: 45px;
    background: #B19E94;
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 45px;
    border-top: 1px solid #D6C9C3;
    border-bottom: 1px solid #806456;
}

#navi_footer_in li a:hover, #navi_footer_in2 li a:hover {
    background: #A78C7E;
    color: #fff;
    text-decoration: none;
}


/*-----------------------------------------------------------
#トップページ
-----------------------------------------------------------*/

.bgBox1 {
    background: url(../img/bg_top1.png) no-repeat top center;
    padding: 56px 0 26px;
}

.bgBox2 {
    padding: 45px 0 22px;
    background: url(../img/bg_pickup.png) repeat-y top center;
    position: relative;
}

.bgBox2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 26px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 9998;
}

.bgBox3 {
    position: relative;
    padding: 43px 0 26px;
}

.bgBox3:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 9998;
}

.bgBox33 {
    position: relative;
    padding: 50px 0 0;
}

.bgBox33:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 9998;
}

.bgBox333 {
    position: relative;
    padding: 0;
}

.bgBox333:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    z-index: 9998;
}

.bgBox4 {
    padding: 37px 0 60px;
    background: url(../img/bg_insta.png) no-repeat top center;
    position: relative;
}

.bgBox4:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 9998;
}



/*最新ニュース*/

.top_tit1 {
    text-align: center;
    width: 60%;
    margin: 0 auto 28px;
}

.top_ul {
    width: 70%;
    margin: 0 auto;
}

.top_ul > li {
    float: none;
    width: 100%;
    padding: 20px 4%;
    background: #EFF1F3;
    min-height: 350px;
    margin-left: 0;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.top_ul > li:first-child {
    width: 100%;
    padding: 20px 4%;
    margin: 0 0 30px;
}

.top_ul > li h3 {
    margin-bottom: 5px;
}

.news_dl {
    max-height: 240px;
    overflow-y: scroll;
}

.news_dl dt {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 11px;
    padding: 5px 12px;
}

.news_dl dd {
    line-height: 2;
    border-bottom: dotted 1px #CCC;
    padding: 0 12px 19px;
}

.info_dl {
    max-height: 250px;
    overflow-y: scroll;
}

.info_dl dt {
    float: left;
    width: 90px;
    padding: 7px 0 7px 16px;
}

.info_dl dd {
    padding: 7px 0 7px 130px;
    border-bottom: dotted 1px #CCC;
}



/*おすすめ商品*/

.top_tit2 {
    text-align: center;
    width: 60%;
    margin: 0 auto 38px;
}

.top_ul2 {
    width: 98%;
}

.top_ul2 > li {
    width: 23%;
    margin-left: 2%;
    margin-bottom: 20px;
    float: left;
}

.top_ul2 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    background: url(../img/bg_products.png) no-repeat center;
    margin-bottom: 9px;
}

.top_ul2 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

/*ショッピング商品*/

.top_tit22 {
    text-align: center;
    width: 60%;
    margin: 0 auto 38px;
}

.top_ul22 {
    width: 98%;
}

.top_ul222 {
    width: 98%;
	max-height: 70px;
	position: relative;
    top: -25px;
}

.top_ul22 > li,
.top_ul222 > li {
    width: 23%;
    margin-left: 2%;
    margin-bottom: 0;
    float: left;
}

.top_ul22 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    margin-bottom: 0;
}

.top_ul22 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.top_ul222 > li > dl > dt {
    position: relative;
    width: 185px;
    height: 75px;
    margin-bottom: 0;
}

.top_ul222 > li > dl > dt a img {
    position: absolute;
    max-width: 175px;
    max-height: 60px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}


.item_name {
    margin-bottom: 6px;
    line-height: 1.8;
}

.item_name a {
    text-decoration: none;
    color: #555555;
}

.item_price {
    color: #9F3B42;
    text-align: right;
}

.icon_new {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    z-index: 9998;
}



/*人気ランキング*/

.top_tit3 {
    text-align: center;
    width: 60%;
    margin: 0 auto 56px;
}

.icon_num {
    position: absolute;
    top: -20px;
    left: 8px;
    width: 30%;
    z-index: 9998;
}

.bgBox3 .view.view-first {
    margin-bottom: 13px;
}

.bgBox3 .item_name {
    line-height: 2;
    margin-bottom: 1px;
}

.bgBox33 .view.view-first,
.bgBox333 .view.view-first {
    margin-bottom: 0;
}

.bgBox33 .item_name,
.bgBox333 .item_name {
    line-height: 2;
    margin-bottom: 0;
}


/*インスタグラム*/

.top_tit4 {
    text-align: center;
    width: 60%;
    margin: 0 auto 33px;
}

.bgBox4 .bx-controls-direction a {
    position: absolute;
    top: -137px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
}

.bgBox4 .bx-controls-direction a:hover {
    position: absolute;
    top: -137px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}

.bgBox4 .bx-prev {
    left: 5px !important;
    background: url(../img/insta_prev.png) no-repeat 0 0;
    background-size: contain;
}

.bgBox4 .bx-prev:hover {
    background: url(../img/insta_prev_on.png) no-repeat 0 0;
}

.bgBox4 .bx-next {
    right: 5px !important;
    background: url(../img/insta_next.png) no-repeat 100% 0;
    background-size: contain;
}

.bgBox4 .bx-next:hover {
    background: url(../img/insta_next_on.png) no-repeat 100% 0;
}

.bgBox4 .bx-controls-direction {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.bxslider2 li {
    padding: 5px;
    background-color: #FFF;
}

.bxslider2 li img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.bgBox4 .bx-viewport {
    overflow: inherit !important;
}

.bgBox4 .bx-wrapper {
    z-index: 9998;
}

.bxslider2 li a:hover img {
    border: solid 1px #8E80E7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


/*-----------------------------------------------------------
#footer
-----------------------------------------------------------*/

#footer {
    border: none;
    width: 100%;
    background: url(../img/bg_footer.png) no-repeat top center;
    padding: 15px 0 10px;
    height: auto;
}

.copyright {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #452217;
}

.free_ban {
	display: none;
}


/*-----------------------------------------------------------
中ページ共通
-----------------------------------------------------------*/

.sub_cover {
    text-align: center;
    background: url(../img/bg_sub_cover.png) no-repeat top center;
}

.wrapper {
    width: 96%;
    margin: 0 auto;
    padding: 20px 0 40px;
    position: relative;
    min-height: 950px;
}

.wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: -480px;
    width: 1920px;
    height: 550px;
    background: url(../img/bg_sub_wrap.png);
    z-index: -9999;
}

.bg_footer {
    position: relative;
}

.bg_footer:before {
    content: "";
    position: absolute;
    top: -422px;
    left: -480px;
    width: 1920px;
    height: 400px;
    background: url(../img/bg_sub_wrap2.png);
    z-index: -9999;
}

.left_main {
    float: none;
    width: 100%;
}

.left_menu {
    display: none;
}

.right_main {
    float: none;
    width: 100%;
    margin: 0 0 50px;
}

h2.title {
    background: url(../img/icon_title.png) no-repeat left 5px;
    font-size: 22px;
    padding: 5px 0 5px 70px;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-bottom: solid 2px #555;
    margin-bottom: 20px;
}



/*--- パンくずリスト ---*/

.pankuzu {
    margin: 0 auto;
    width: 100%;
    font-size: 13px;
    color: #555;
}

.panList {
    margin: -20px 0 20px;
}

.pankuzu li {
    display: inline;
}

.pankuzu li:first-child {
    background: none;
    padding-left: 0;
}

.pankuzu li a {
    display: inline-block;
    text-decoration: none;
    color: #555;
}

.pankuzu li a:hover {
    text-decoration: underline;
    color: #555;
}




/* よくあるご質問
---------------------------------------------------------------------*/

.faq_dl {
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.faq_dl dt {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 10px 60px;
    background: url(../img/icon_q.png) no-repeat left 0;
    border-bottom: dotted 1px #452217;
    margin-bottom: 10px;
}

.faq_dl dd {
    padding: 20px 0 9px 60px;
    background: url(../img/icon_a.png) no-repeat left 0;
}

.faq_tit {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    padding: 30px 0 20px;
}




/* 買取・委託
---------------------------------------------------------------------*/

.sub_title {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    margin-bottom: 10px;
}

.read_text {
    margin-bottom: 25px;
}


.pur_ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin-bottom: 30px;
}

.pur_ul li {
    display: inline-block;
    width: 230px;
}

.pur_ul2 {
    margin-bottom: 30px;
}

.pur_ol > li {
    margin-top: 30px;
}

.pur_ol > li:first-child {
    margin: 0;
}

.pur_ol > li h4 {
    background-color: #E9DBC4;
    padding: 5px 10px;
    margin: 0 0 10px;
    color: #4F2D21;
    font-size: 16px;
}

.pur_ol > li h4 span {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-right: 10px;
}

.em_text {
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
}

.pur_ol > li p {
    margin-top: 15px;
}

.pur_ol > li p:first-child {
    margin-top: 0;
}

.pur_ol > li p em {
    display: block;
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 5px;
}

.pur_ol li a {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    margin: 10px 0 0;
}

.pur_ol li a:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.with_memo {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px;
    margin: 7px 0 0;
    position: relative;
    width: 320px;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow:rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow:rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.with_memo p {
    margin-bottom: 5px;
    font-weight: bold;
}

.with_memo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}

.pur_dl {
    margin-top: 15px;
}

.pur_dl dt {
    color: #A5281E;
    font-weight: bold;
}

.pur_dl dd {
    font-size: 13px;
    margin-bottom: 5px;
}

.pur_ol {
    margin-bottom: 40px;
}

.btn_area button {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    border-bottom: solid 2px #87110F;
    width: 180px;
}

.btn_area button:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.form_after {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}





/* 商品一覧
---------------------------------------------------------------------*/

div.list_area {
    float: left;
    width: 23%;
    margin-left: 2%;
    margin-bottom: 54px;
    padding: 20px 2%;
    position: relative;
    border: solid 1px #444;
}

.formwrap {
    padding: 20px 0;
    margin-left: -2%;
}

.listphoto {
    position: relative;
    width: 100%;
    height: 142px;
    margin: 0 auto 10px;
}

.listphoto img {
    max-width: 100%;
    max-height: 140px;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    padding: 2px;
}

div.listrightbloc h3 {
    font-size: 12px;
    margin-bottom: 10px;
}

div.listrightbloc .pricebox {
    text-align: right;
    color: #9F3B42;
}

.bg_list_bot {display: none;}

div.listphoto a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
/* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
/* ie 8 */
    -moz-opacity: 0.7;
/* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
/* Safari 1.x */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.change strong {
    background-color: #D97870;
    color: #FFF;
    padding: 2px 10px;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.change a {
    background-color: #635C5A;
    color: #FFF;
    padding: 2px 10px;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
}

.change a:hover {
    color: #FFF;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.status_icon {
    width: 100%;
    margin: 0 auto 10px;
}

.status_icon li {
    width: 31%;
    margin: 0 0 4px;
    display: inline-block;
}


/* 商品詳細
---------------------------------------------------------------------*/

.detail_img {
    height: 400px;
    border: solid 1px #CCC;
    position: relative;
}

.flexslider .slides img {
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 400px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto !important;
    border: none;
}

.cart_area .quantity {
    width: 120px;
}

#detailrightbloc .cart_area {
    background: none;
    border: none;
    margin: 0;
}

.cart_area .quantity dt {
    margin-top: 4px;
    width: 50px;
}

.cart_area .quantity dd {
    width: 70px;
    text-align: left;
    float: left;
}

#detailarea .flex-control-thumbs li {
    width: 15%;
    height: 100px;
    background-color: #FFFFFF;
    margin: 10px 0 0 1.4%;
}

#detailarea .flex-control-thumbs img {
    max-width: 100%;
    max-height: 98px;
}


/* 店舗概要
---------------------------------------------------------------------*/

#maps iframe {
	border: none;
	width: 100%;
	height: 250px;
}




/* ご利用規約
---------------------------------------------------------------------*/

div#undercolumn_entry .kiyaku_text {
    width: 90%;
    margin: 10px auto 20px;
    display: block;
    line-height: 1.4;
    height: 350px;
}

.mainte {
    width: 90%;
    padding: 35px 20px;
    margin: 20px auto;
    text-align: center;
    z-index: 15;
    background-color: #fff;
    position: relative;
}



.pagenumber_area .change span {
    display: block;
    margin: 10px 0 0;
}


#order_plus, #order_plus2 , #order_plus3 {
    width: 100%;
}

.display768 {
    display: block;
    font-size: 0;
    line-height: 0;
}

.my_info {
    width: 100%;
    margin: -10px auto 0;
    letter-spacing: 5px;
    text-align: right;
}

.my_info a {
    display: block;
    text-align: right;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .css_selector {
    .btn input {
        margin: 0 auto;
        display: block;
        border-radius: 0;
        width: 80%;
    }
  }
}

.main_comment {
    width: 100%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

body {
    font-size: 14px;/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
    overflow: hidden;
}


/*リンク表示方法*/

a:link {
	color: #452217;
	text-decoration: underline;
}

a:visited {
	color: #452217;
	text-decoration: underline;
}

a:active {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #993300;
	text-decoration: none;
}


/* 可変画像調整 */

img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


/*--- ページトップ ---*/

#pageTop {
    position: fixed;
    bottom: 190px;
    right: 25px;
    z-index: 9999;
}

.sp_display {
    display: none;
}

.left_main2 {
    display: block;
}

.pc_display {
    display: none;
}

.my_info + .sp_display {
    display: none;
}

.h_ul + .sp_display {
    display: none;
}

/*-----------------------------------------------------------
#header
-----------------------------------------------------------*/

#header {
    width: 100%;
    /* padding: 46px 0 35px; */
    /* background: url(../img/bg_h_top.png) no-repeat top center; */
    background-color: #A7291F;
    z-index: 9999;
}

.h_ul {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 2%;
}


.h_ul > li {
    float: left;
    width: 46%;
    margin-left: 5%;
}

.h_ul > li:first-child {
    float: left;
    width: 30%;
    margin: 0;
}

.nav_list > li {
    margin-top: 10px;
}

.h_ul > li p {
    padding-left: 25px;
    background: url(../img/h_icon.png) no-repeat left 4px;
}

.h_ul2 {margin: 0 0 5px;}

.h_ul2 > li {
    letter-spacing: normal;
    font-size: 14px;
}

.h_ul3 > li:first-child {margin: 0;}

.h_ul3 > li {float: left;width: 49%;margin-left: 2%;}

.h_ul3 > li a {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

.bx-wrapper {
    position: relative;
    margin-top: 0;
    margin: 0 auto;
}

.bxslider > li {
    text-align: center;
    height: auto;
    background-size: cover !important;
}

.bxslider .cover1 {
    background: url(../img/cover1.jpg) no-repeat top center;
}

.bxslider .cover7 {
    background: url(../img/cover7_v2.jpg) no-repeat top center;
}

.bxslider .cover2 {
    background: url(../img/cover2.jpg) no-repeat top center;
}

.bxslider .cover3 {
    background: url(../img/cover3.jpg) no-repeat top center;
}

.bxslider .cover4 {
    background: url(../img/cover4.jpg) no-repeat top center;
}

.bxslider .cover5 {
    background: url(../img/cover5.jpg) no-repeat top center;
}

.bxslider .cover6 {
    background: url(../img/cover6.jpg) no-repeat top center;
}



/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    z-index: 500;
    width: 100%;
    margin: 0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #CDCDCD;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #A6281C;
}




/*-----------------------------------------------------------
#navi
-----------------------------------------------------------*/

.navi_wrap {
    background: url(../img/bg_navi.png) no-repeat top center;
    background-size: cover;
}

#navi {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
}

#navi > li {float: left;width: 16.6%;}




/*-----------------------------------------------------------
#side
-----------------------------------------------------------*/

.cart_area {
    padding: 10px 2%;
    border: solid 1px #847F79;
    margin-bottom: 20px;
}

.cart_area h2 {
    margin-bottom: 10px;
}

.cart_area dl {
    overflow: hidden;
}

.cart_area dl dt {
    float: left;
    width: 50%;
}

.cart_area dl dd {
    float: right;
    width: 50%;
    text-align: right;
}

.left_main h2 {
    margin-bottom: 15px;
    border-bottom: solid 2px #452217;
    padding-bottom: 5px;
}

span.trigger.none-submenu {
    background-color: #A7291F;
    color: #FFF;
    padding: 10px 2%;
    display: block;
    cursor: pointer;
    background: url(../img/bg_cart.png) repeat top center;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.active-submenu {
    padding: 10px 2%;
    display: block;:;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    background: url(../img/bg_cart.png) repeat top center;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.submenu li {
    font-size: 13px;
    line-height: 1.4;
    padding: 0 2%;
}

.submenu li a {
    text-decoration: none;
    color: #555555;
    display: block;
    padding: 5px 25px 5px 5px;
    border-bottom: dotted 1px #CCC;
    background-image: url(../img/right_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.submenu {
    padding: 10px 0;
}

.submenu li a:hover {
    text-decoration: none;
    color: #555555;
    background-color: #EFEFEF;
}

#free_word {
    padding: 0;
    line-height: 1.3;
    width: 100%;
}

.cl_tb caption {
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
    line-height: 2;
    font-size: 14px;
}

.cl_tb thead th {
    color: #000;
    padding: 1px 4px;
    background: none;
    border: none;
    text-align: center;
    font-weight: bold;
}

.cl_tb tbody td {
    padding: 0 4px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 7px 5px;
    border: solid 1px #F1E5D4;
}

.cl_tb {
    border: none;
    border-collapse: collapse !important;
}

.saturday {
    color: #036EB8 !important;
}

.sunday {
    color: #E60012 !important;
}

.cl_tb tbody .off {
    background-color: #a7291f;
    color: #fff;
}

#search_form dl dd {
    margin-bottom: 5px;
}

.search_btn {
    margin: 0 auto;
    display: block;
    width: 45%;
}

.side_line {
    margin-bottom: 15px;
}

.side_underline {display: none;}

.bg_side {
    padding: 10px 2%;
    margin-bottom: 20px;
    font-size: 12px;
    border: solid 1px #847F79;
}

#orderby1, #orderby2, #sold_out1, #sold_out2,
#orderby4, #orderby3, #sold_out3, #sold_out4 {
    vertical-align: middle;
}

.side_guide {
    margin-bottom: 20px;
}

.nami_line {
	display: block;
	text-align: center;
}

.information {
    text-align: left;
    vertical-align: super;
}

.information .off {
    color: #A7291F;
}

.back_btn {
    width: 45%;
    margin: 0 auto;
}

.left_main .login_area .btn input, .cart_area > a {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    width: 45%;
}

#search_form select {
    width: 100%;
}

#search_form .box150 {
    width: 95%;
}




/*-----------------------------------------------------------
ハンバーガーメニュー
-----------------------------------------------------------*/

.toggle {
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 45px;
    height: 40px;
    background-color: transparent;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    z-index: 9999;
}

.bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #444444;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}

.bar-01 {
    top: 0;
}

.bar-02 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bar-03 {
    bottom: 0;
}

.toggle.is--active .bar {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toggle.is--active .bar-02 {
    display: none;
}

.toggle.is--active .bar-03 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle.is--active .bar-01 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#modal {
    display: none;
}

p.btn-close {
    background: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
}

p.btn-close a {
    display: block;
    text-decoration: none;
    color: #000!important;
}

#slide_navi li a {
    text-align: center;
    display: block;
    color: #000000;
    line-height: 3;
    text-decoration: none;
    margin-top: 5px;
    background: #FFFFFF;
}

.h_ul > li + li + li {
    width: 10%;
    height: 40px;
    margin: 10px 0 0 5%;
}

.gnav {
    display: none;
    z-index: 9999;
    overflow: scroll;
}

.gnav ul li:first-child {
    margin: 0;
}

#nav ul {
    width: 1000px;
    margin: 0 auto;
}

#nav ul li {
    float: left;
    width: 125px;
    text-align: center;
}

#nav ul li a {
    display: block;
    padding: 20px 0;
    background-color: #CCCCCC;
    color: #000000;
    text-decoration: none;
}

nav {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #444444;
    padding: 40px 4% 10px;
    width: 60%;
}

.close {
    color: #FFFFFF;
    text-decoration: none !important;
    position: absolute;
    top: 0;
    right: 25px;
    padding: 10px 0;
    background: none !important;
    cursor: pointer;
}

.nav_list li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 5px 10px;
    border: solid 1px #FFF;
}

.nav_list li a:hover {
    background-color: #444;
}




/*-----------------------------------------------------------
#トップページ
-----------------------------------------------------------*/

.bgBox1 {
    background: url(../img/bg_top1.png) no-repeat top center;
    padding: 40px 0 40px;
}

.bgBox2 {
    padding: 45px 0 22px;
    background: url(../img/bg_pickup.png) repeat-y top center;
    position: relative;
}

.bgBox2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 26px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 9998;
}

.bgBox3 {
    position: relative;
    padding: 43px 0 26px;
}

.bgBox3:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 9998;
}

.bgBox33 {
    position: relative;
    padding: 50px 0 0;
}

.bgBox33:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 9998;
}

.bgBox333 {
    position: relative;
    padding: 0;
}

.bgBox333:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    z-index: 9998;
}

.bgBox4 {
    padding: 37px 0 50px;
    background: url(../img/bg_insta.png) no-repeat top center;
    position: relative;
}

.bgBox4:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 9998;
}



/*最新ニュース*/

.top_tit1 {
    text-align: center;
    width: 80%;
    margin: 0 auto 28px;
}

.top_ul {
    width: 94%;
    margin: 0 auto;
}

.top_ul > li {
    float: none;
    width: 100%;
    padding: 20px 4%;
    margin-left: 0;
}

.top_ul > li:first-child {
    width: 100%;
    padding: 20px 4%;
    margin-left: 0;
}

.top_ul > li h3 {
    margin-bottom: 5px;
}

.news_dl {
    max-height: 250px;
    overflow-y: scroll;
}

.news_dl dt {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 11px;
    padding: 5px 12px;
}

.news_dl dd {
    line-height: 2;
    border-bottom: dotted 1px #CCC;
    padding: 0 12px 19px;
}

.info_dl {
    max-height: 250px;
    overflow-y: scroll;
}

.info_dl dt {
    float: left;
    width: 90px;
    padding: 7px 0 7px 16px;
}

.info_dl dd {
    padding: 7px 0 7px 130px;
    border-bottom: dotted 1px #CCC;
}



/*おすすめ商品*/

.top_tit2 {
    text-align: center;
    width: 80%;
    margin: 0 auto 38px;
}

.top_ul2 {
    width: 98%;
}

.top_ul2 > li {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 20px;
    float: left;
}

.top_ul2 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    background: url(../img/bg_products.png) no-repeat center;
    margin-bottom: 9px;
}

.top_ul2 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

/*ショッピング商品*/

.top_tit22 {
    text-align: center;
    width: 80%;
    margin: 0 auto 38px;
}

.top_ul22 {
    width: 98%;
}

.top_ul22 > li {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 20px;
    float: left;
}

.top_ul22 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    margin-bottom: 9px;
}

.top_ul22 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.top_ul222 {
    width: 98%;
	max-height: 70px;
	position: relative;
    top: -70px;
	margin-bottom: 150px;
}

.top_ul222 > li {
    width: 48%;
    max-height: 0px;
    margin-left: 2%;
    margin-bottom: 0;
    float: left;
    /* display:  inline-table; */
}

.top_ul222 > li > dl > dt {
    position: relative;
    width: 185px;
    height: 75px;
    margin-bottom: 0;
}

.top_ul222 > li > dl > dt a img {
    position: absolute;
    max-width: 175px;
    max-height: 60px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.view.view-first222 {
    height:  0px;
}

.view-first222 img {
    position: relative;
    top: 58px;
}


.view-first222 > a img {
    position: relative;
	top: 0;
}

.item_name {
    margin-bottom: 6px;
    line-height: 1.8;
}

.item_name a {
    text-decoration: none;
    color: #555555;
}

.item_price {
    color: #9F3B42;
    text-align: right;
}

.icon_new {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    z-index: 9998;
}



/*人気ランキング*/

.top_tit3 {
    text-align: center;
    width: 80%;
    margin: 0 auto 56px;
}

.icon_num {
    position: absolute;
    top: -20px;
    left: 8px;
    width: 30%;
    z-index: 9998;
}

.bgBox3 .view.view-first {
    margin-bottom: 13px;
}

.bgBox3 .item_name {
    line-height: 2;
    margin-bottom: 1px;
}

.bgBox33 .view.view-first,
.bgBox333 .view.view-first {
    margin-bottom: 0;
}

.bgBox33 .item_name,
.bgBox333 .item_name {
    line-height: 2;
    margin-bottom: 0;
}


/*インスタグラム*/

.top_tit4 {
    text-align: center;
    width: 80%;
    margin: 0 auto 33px;
}

.bgBox4 .bx-controls-direction a {
    position: absolute;
    top: -137px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
}

.bgBox4 .bx-controls-direction a:hover {
    position: absolute;
    top: -137px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}

.bgBox4 .bx-prev {
    left: 5px !important;
    background: url(../img/insta_prev.png) no-repeat 0 0;
    background-size: contain;
}

.bgBox4 .bx-prev:hover {
    background: url(../img/insta_prev_on.png) no-repeat 0 0;
}

.bgBox4 .bx-next {
    right: 5px !important;
    background: url(../img/insta_next.png) no-repeat 100% 0;
    background-size: contain;
}

.bgBox4 .bx-next:hover {
    background: url(../img/insta_next_on.png) no-repeat 100% 0;
}

.bgBox4 .bx-controls-direction {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.bxslider2 li {
    padding: 5px;
    background-color: #FFF;
}

.bxslider2 li img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.bgBox4 .bx-viewport {
    overflow: visible !important;
}

.bgBox4 .bx-wrapper {
    height: 200px;
    z-index: 9998;
    /* width: 980px !important; */
    overflow: hidden;
}

.bxslider2 li a:hover img {
    border: solid 1px #8E80E7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.shoppingUl {
    width: 100%;
    margin: 0 auto 30px;
}

.shoppingUl li {
    width: 41.8%;
    margin: 14px 4% 0;
    float: left;
}

.shoppingUl li a {
    padding: 11px 0 9px;
    background: url(../img/top_button_bg2.png) no-repeat center;
    background-size: contain;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 80%;
}



/*-----------------------------------------------------------
#footer
-----------------------------------------------------------*/

#footer {
    border: none;
    width: 100%;
    background: url(../img/bg_footer.png) no-repeat top center;
    padding: 10px 0 0;
    height: 45px;
}

.copyright {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #452217;
}

.copyright .sp {
    display: block;
    line-height: 0;
}


/*-----------------------------------------------------------
中ページ共通
-----------------------------------------------------------*/

.sub_cover {
    text-align: center;
    background: url(../img/bg_sub_cover.png) no-repeat top center;
}

.wrapper {
    width: 96%;
    margin: 0 auto;
    padding: 20px 0 40px;
    position: relative;
    min-height: 950px;
}

.wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: -480px;
    width: 1920px;
    height: 550px;
    background: url(../img/bg_sub_wrap.png);
    z-index: -9999;
}

.bg_footer {
    position: relative;
}

.bg_footer:before {
    content: "";
    position: absolute;
    top: -422px;
    left: -480px;
    width: 1920px;
    height: 400px;
    background: url(../img/bg_sub_wrap2.png);
    z-index: -9999;
}

.left_main {
    float: none;
    width: 100%;
}

.right_main {
    float: none;
    width: 100%;
    margin: 0 0 50px;
}

h2.title {
    background: url(../img/icon_title.png) no-repeat left 5px;
    font-size: 22px;
    padding: 5px 0 5px 70px;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-bottom: solid 2px #555;
    margin-bottom: 20px;
}



/*--- パンくずリスト ---*/

.pankuzu {
    margin: 0 auto;
    width: 100%;
    font-size: 12px;
    color: #555;
}


.pankuzu li {
    display: inline;
    /* padding: 0 7px 0 4px; */
}

.pankuzu li:first-child {
    background: none;
    padding-left: 0;
}

.pankuzu li a {
    display: inline-block;
    /* margin-right: 12px; */
    text-decoration: none;
    color: #555;
}

.pankuzu li a:hover {
    text-decoration: underline;
    color: #555;
}

.pankuzu + script + #undercolumn {
    margin: 10px 0 0;
}


/*--- テーブル関係 ---*/

.tb_wrap {
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.tb_wrap table {
	width: 730px;
	-webkit-text-size-adjust: 100%;
}

.slide_text {
    margin: 0 0 -15px !important;
    display: block;
    font-weight: bold;
    color: #E72A2A;
}

.tb_2column th {
	display: block;
	width: 100%;
}

.tb_2column td {
    display: block;
    width: 100%;
}




/* よくあるご質問
---------------------------------------------------------------------*/

.faq_dl {
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.faq_dl dt {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 10px 60px;
    background: url(../img/icon_q.png) no-repeat left 0;
    border-bottom: dotted 1px #452217;
    margin-bottom: 10px;
}

.faq_dl dd {
    padding: 20px 0 9px 60px;
    background: url(../img/icon_a.png) no-repeat left 0;
}

.faq_tit {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    padding: 30px 0 20px;
}




/* 買取・委託
---------------------------------------------------------------------*/

.sub_title {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    margin-bottom: 10px;
}

.read_text {
    margin-bottom: 25px;
}

.pur_ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin-bottom: 30px;
}

.pur_ul li {
    display: inline-block;
    width: 230px;
}

.pur_ul2 {
    margin-bottom: 30px;
}

.pur_ol > li {
    margin-top: 30px;
}

.pur_ol > li:first-child {
    margin: 0;
}

.pur_ol > li h4 {
    background-color: #E9DBC4;
    padding: 5px 10px;
    margin: 0 0 10px;
    color: #4F2D21;
    font-size: 16px;
}

.pur_ol > li h4 span {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-right: 10px;
}

.em_text {
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
}

.pur_ol > li p {
    margin-top: 15px;
}

.pur_ol > li p:first-child {
    margin-top: 0;
}

.pur_ol > li p em {
    display: block;
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 5px;
}

.pur_ol li a {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    margin: 10px 0 0;
}

.pur_ol li a:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.with_memo {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px 5%;
    margin: 7px 0 0;
    position: relative;
    width: 100%;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow:rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow:rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.with_memo p {
    margin-bottom: 5px;
    font-weight: bold;
}

.with_memo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 9998;
}

.pur_dl {
    margin-top: 15px;
}

.pur_dl dt {
    color: #A5281E;
    font-weight: bold;
}

.pur_dl dd {
    font-size: 13px;
    margin-bottom: 5px;
}

.pur_ol {
    margin-bottom: 40px;
}

.btn_area button {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    border-bottom: solid 2px #87110F;
    width: 180px;
}

.btn_area button:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.form_after {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}





/* 商品一覧
---------------------------------------------------------------------*/

div.list_area {
    float: left;
    width: 48%;
    margin-left: 2%;
    margin-bottom: 20px;
    padding: 10px 2%;
    position: relative;
    border: solid 1px #444;
}

.formwrap {
    padding: 20px 0;
    margin-left: -2%;
}

.listphoto {
    position: relative;
    width: 100%;
    height: 160px;
    margin: 0 auto 10px;
}

.listphoto img {
    max-width: 100%;
    max-height: 160px;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

div.listrightbloc h3 {
    font-size: 12px;
    margin-bottom: 10px;
}

div.listrightbloc .pricebox {
    text-align: right;
    color: #9F3B42;
}

.bg_list_bot {display: none;}

div.listphoto a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
/* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
/* ie 8 */
    -moz-opacity: 0.7;
/* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
/* Safari 1.x */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.change strong {
    background-color: #D97870;
    color: #FFF;
    padding: 2px 10px;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.change a {
    background-color: #635C5A;
    color: #FFF !important;
    padding: 2px 10px;
    font-weight: normal;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none !important;
}

.change a:hover {
    color: #FFF;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.soldout_img {
    position: absolute;
	max-width: 250px;
    top: 50px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9998;
}


.listBrand .ulBr {
    margin: 0 1% 10px !important;
}

.listBrand li {
    width: 48%;
    margin: 0 1% 10px;
}




/* 商品詳細
---------------------------------------------------------------------*/

.detail_img {
    height: 300px;
    border: solid 1px #CCC;
    position: relative;
    margin-bottom: 25px;
}

ul.slides {
    width: 100%;
}

p.attention.mouse_over {
    right: 20%;
}

ol.flex-control-nav.flex-control-thumbs {
    width: 100%;
    margin: 0;
}

.flexslider .slides img {
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 298px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto !important;
    border: none;
}

.cart_area .quantity {
    width: 120px;
}

#detailrightbloc .cart_area {
    background: none;
    border: none;
    margin: 0;
}

.cart_area .quantity dt {
    margin-top: 4px;
    width: 50px;
}

.cart_area .quantity dd {
    width: 70px;
    text-align: left;
    float: left;
}

#detailarea .flex-control-thumbs li {
    width: 15%;
    height: 80px;
    background-color: #FFFFFF;
    margin: 10px 0 0 1.4%;
}

#detailarea .flex-control-thumbs img {
    max-width: 100%;
    max-height: 78px;
}

#detailrightbloc .favorite_btn {
    width: 100%;
}

#detailrightbloc .status_ul li .status_icon li {
    width: 15% !important;
}

/*--- 商品購入の流れ ---*/

.list-shopping-flow {
    display: table;
    width: 100%;
    list-style: none;
    overflow: hidden;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.list-shopping-flow li.active {
    background-color: #855646;
    color: #FFF;
}

.list-shopping-flow li {
    text-align: center;
    background-color: #ECE1D0;
    color: #544741;
    font-weight: bold;
    width: 50%;
    height: 44px;
    line-height: 17px;
    display: inline-block;
    padding-left: 5px;
    margin-bottom: 1px;
}

.list-shopping-flow li:before {
    display: block;
    background: #ECE1D0;
    width: 15px;
    height: 22px;
    border-right: 2px solid #F6F0E3;
    margin: 0 -11px -17px auto;
    content: " ";
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    transform: skew(20deg);
}

.list-shopping-flow li:after {
    display: block;
    background: #ECE1D0;
    width: 15px;
    height: 22px;
    border-right: 2px solid #F7F1E4;
    margin: -17px -11px 0 auto;
    content: " ";
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    transform: skew(-20deg);
}

.list-shopping-flow li.active:before, .list-shopping-flow li.active:after {
    background: #855646;
}




/* カート
---------------------------------------------------------------------*/

#undercolumn_shopping .addbtn {
    width: 180px;
    margin: 0 auto 20px;
}

#address_area .add_multiple {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
}

#address_area .information {
    float: none;
    width: 100%;
}

#address_area .add_multiple a {
    display: block;
    width: 180px;
    margin: 0 auto;
}




/* 会員登録
---------------------------------------------------------------------*/

.tb_2column input.box120 {
    width: 98%;
}

.tb_2column input.box300 {
    width: 98%;
}

.tb_2column input.box60 {
    width: 28%;
}

.tb_2column select {
    width: 85%;
    margin-right: 1%;
}

.tb_2column input.box260 {
    width: 80%;
}

.tb_2column .box380 {
    width: 90%;
}




/* ご利用ガイド
---------------------------------------------------------------------*/

.mokuji_ol {
    background: url(../img/bg_paper.png) repeat top center;
    padding: 20px 4%;
    margin: 7px 0 30px;
    position: relative;
    width: 100%;
    box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -webkit-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
    -moz-box-shadow: rgba(186, 186, 186, 0.65098) 0px 5px 4px -3px;
}

.mokuji_ol:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(../img/bg_memo_point.png) no-repeat top center;
    z-index: 2;
}

.guide_ol > li {
    margin: 40px 0 0;
    font-size: 14px;
}

.guide_ol > li:first-child {
    margin: 0;
}

.guide_ol > li h3 {
    font-size: 16px;
    border-bottom: solid 3px #FAE1C9;
    margin: 0 0 15px;
    padding: 0 0 5px;
}

.guide_ol > li h3 span {
    background-color: #D8190F;
    color: #FFF;
    display: inline-block;
    padding: 4px 10px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin-right: 10px;
    font-size: 20px;
    border-bottom: solid 1px #7C0A0A;
}

.guide_ol > li p {
    margin-top: 15px;
}

.guide_ol > li p:first-child {
    margin-top: 0;
}

.guide_ol > li p em {
    color: #853333;
    font-weight: bold;
}

#guide2 ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    width: 100%;
    margin: 10px 0 0;
}

#guide4 ol li {
    margin-top: 15px;
    padding: 0 0 0 100px;
    position: relative;
}

#guide4 ol li:first-child {
    margin-top: 0;
}

#guide4 ol li span {display: block;background-color: #635C5A;color: #FFF;width: 90px;padding: 1px 5px;text-align: center;position: absolute;top: 0;left: 0;}

#guide5 h4 {color: #4F2D21;margin: 10px 2% 15px;border-bottom: dashed 1px #452217;font-size: 15px;padding: 3px 0;}

#guide5 ol {
    padding: 0 2%;
}

#guide5 ol dl {
    margin: 10px 0 20px;
}

#guide5 ol h5 span {margin-right: 5px;}

#guide5 ol h5 {
    font-size: 15px;
    background-color: #635C5A;
    color: #FFF;
    padding: 4px 5px;
    font-weight: normal;
}

#guide6 > dl {
    margin: 20px 0 0;
    padding: 0 2%;
}

#guide6 > dl dd {
    margin: 0 0 30px;
}

#guide6 > dl dd ul {
    margin: 10px 0 0;
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

#guide6 > dl dt {
    color: #4F2D21;
    border-bottom: dashed 1px #452217;
    font-size: 15px;
    padding: 3px 0;
    margin: 0 0 14px;
    font-weight: bold;
}

#guide8 ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 10px 0 0;
}

.red_btn {
    display: inline-block;
    background-color: #A82920;
    color: #FFF;
    padding: 2px 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    margin: 0 3px;
}

#guide5 ol dl dd img {
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 5px auto;
    display: block;
}

#guide5 ol dl dt img {
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin: 5px auto;
    display: block;
    width: 40%;
}

#guide5 ol > li {
    margin: 0 0 40px;
}

.btn input {
    margin: 0 auto;
    display: block;
    width: 48%;
}

.my_info {
    margin: 0;
    font-size: 90%;
}

.panList {
    margin: -20px 0 20px;
}

.preLead p {
    font-size: 90%;
}

.preLead p:first-child {
    margin: 0;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

body {
    font-size: 12px;/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
    overflow: hidden;
}


/*リンク表示方法*/

a:link {
	color: #452217;
	text-decoration: underline;
}

a:visited {
	color: #452217;
	text-decoration: underline;
}

a:active {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #993300;
	text-decoration: none;
}


/* 可変画像調整 */

img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


/*--- ページトップ ---*/

#pageTop {
    position: fixed;
    bottom: 190px;
    right: 25px;
    z-index: 9999;
}

.sp_display {
    display: block;
}

.non414 {
    display: none !important;
}

.display414 {
    width: 56% !important;
    margin: 0 !important;
    float: right !important;
    min-height: 90px !important;
}

.display414 ul:after {
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.display414 ul {
    margin: 0 0 0 13%;
}

.display414 li {
    width: 31%;
    margin: 0 0 0 2%;
    float: left;
    position: relative;
    z-index: 100;
}

.display414 li a {
    display: block;
}

.display414 .toggle {
    width: 100%;
    height: auto;
}


/*-----------------------------------------------------------
#header
-----------------------------------------------------------*/

#header {
    width: 100%;
    /* padding: 46px 0 35px; */
    /* background: url(../img/bg_h_top.png) no-repeat top center; */
    background-color: #A7291F;
    z-index: 9999;
    position: relative;
}

#header:before {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(../img/bg_h_bot.png);
    z-index: 9999;
}

.h_ul {
    width: 100%;
    margin: 0 auto 20px;
    position: relative;
    padding: 0 2%;
}

.my_info + .sp_display {
    /* display: block; */
}

.h_ul + .sp_display {
    display: block;
}

.h_ul:before {
    content: "";
    position: absolute;
    bottom: -54px;
    left: -2%;
    width: 104%;
    height: 20px;
    background: url(../img/bg_h_bot.png);
    z-index: 9999;
    display: none;
}

.h_ul > li {
    float: left;
    width: 37%;
    margin-left: 18%;
    display: none;
}

.h_ul > li:first-child {
    float: left;
    width: 40%;
    margin: 0;
    display: block;
}

.h_ul > li p {
    padding-left: 25px;
    background: url(../img/h_icon.png) no-repeat left 4px;
}

.h_ul2 {margin: 0 0 10px;}

.h_ul2 > li {
    letter-spacing: normal;
    font-size: 14px;
}

.h_ul3 > li:first-child {margin: 0;}

.h_ul3 > li {float: left;width: 48%;margin-left: 4%;}

.h_ul3 > li:first-child a:hover {
    background: none;
}

.h_ul3 > li a:hover {
    background: none;
}

.h_ul3 a:hover img {
    opacity: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.h_ul3 > li a {
    display: block;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.sp_header {
    padding: 0 2%;
}

.sp_header ul > li {
    padding-left: 25px;
    background: url(../img/h_icon.png) no-repeat left 4px;
}

.sp_header .h_ul3 > li {
    padding-left: 0;
    background: none;
}

.sp_header .h_ul3 {
    margin-top: 10px;
    display: none;
}

.my_info {
    text-align: center;
    margin: 0 0 10px 0;
    width: 100%;
    min-height: 30px;
}

.my_info a {
    display: block;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

.bx-wrapper {
    position: relative;
    margin-top: 0;
    margin: 0 auto;
}

.bxslider > li {
    text-align: center;
    height: auto;
    background-size: cover;
}

.bxslider .cover1 {
    background: url(../img/cover1.jpg) no-repeat top center;
}

.bxslider .cover7 {
    background: url(../img/cover7_v2.jpg) no-repeat top center;
}

.bxslider .cover2 {
    background: url(../img/cover2.jpg) no-repeat top center;
}

.bxslider .cover3 {
    background: url(../img/cover3.jpg) no-repeat top center;
}

.bxslider .cover4 {
    background: url(../img/cover4.jpg) no-repeat top center;
}

.bxslider .cover5 {
    background: url(../img/cover5.jpg) no-repeat top center;
}

.bxslider .cover6 {
    background: url(../img/cover6.jpg) no-repeat top center;
}


/*-- サイズを可変した時の縦サイズ用 --*/

.bgBox4 .bx-wrapper {
    height: 120px;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;

    padding-top: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    z-index: 500;
    width: 100%;
    margin: 0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #CDCDCD;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #A6281C;
}




/*-----------------------------------------------------------
#navi
-----------------------------------------------------------*/

.navi_wrap {
    background: url(../img/bg_navi.png) no-repeat top center;
    background-size: cover;
}

#navi {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
}

#navi > li {float: left;width: 16.6%;}




/*-----------------------------------------------------------
#side
-----------------------------------------------------------*/

.cart_area {
    padding: 10px 2%;
    border: solid 1px #847F79;
    margin-bottom: 20px;
}

.cart_area h2 {
    margin-bottom: 10px;
}

.cart_area dl {
    overflow: hidden;
}

.cart_area dl dt {
    float: left;
    width: 50%;
}

.cart_area dl dd {
    float: right;
    width: 50%;
    text-align: right;
}

.left_main h2 {
    margin-bottom: 15px;
    border-bottom: solid 2px #452217;
    padding-bottom: 5px;
}

span.trigger.none-submenu {
    background-color: #A7291F;
    color: #FFF;
    padding: 10px 2%;
    display: block;
    cursor: pointer;
    background: url(../img/bg_cart.png) repeat top center;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.active-submenu {
    padding: 10px 2%;
    display: block;
    cursor: pointer;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 0 0 10px;
    background: url(../img/bg_cart.png) repeat top center;
    box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
    -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 1px 1px 1px;
}

.submenu li {
    font-size: 13px;
    line-height: 1.4;
    padding: 0 2%;
}

.submenu li a {
    text-decoration: none;
    color: #555555;
    display: block;
    padding: 5px 25px 5px 5px;
    border-bottom: dotted 1px #CCC;
    background-image: url(../img/right_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.submenu {
    padding: 10px 0;
}

.submenu li a:hover {
    text-decoration: none;
    color: #555555;
    background-color: #EFEFEF;
}

.acordion {
}

#free_word {
    padding: 0;
    line-height: 1.3;
    width: 100%;
}

.cl_tb caption {
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
    line-height: 2;
    font-size: 14px;
}

.cl_tb thead th {
    color: #000;
    padding: 1px 4px;
    background: none;
    border: none;
    text-align: center;
    font-weight: bold;
}

.cl_tb tbody td {
    padding: 0 4px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 7px 5px;
    border: solid 1px #F1E5D4;
}

.cl_tb {
    border: none;
    border-collapse: collapse !important;
}

.saturday {
    color: #036EB8 !important;
}

.sunday {
    color: #E60012 !important;
}

.cl_tb tbody .off {
    background-color: #a7291f;
    color: #fff;
}

#search_form dl dd {
    margin-bottom: 5px;
}

.search_btn {
    margin: 0 auto;
    display: block;
    width: 50%;
}

.side_line {
    margin-bottom: 15px;
}

.left_main h2 img {
    width: 60%;
}

.side_underline {display: none;}

.bg_side {
    padding: 10px 2%;
    margin-bottom: 20px;
    font-size: 12px;
    border: solid 1px #847F79;
}

#orderby1, #orderby2, #sold_out1, #sold_out2,
#orderby4, #orderby3, #sold_out3, #sold_out4 {
    vertical-align: middle;
}

.side_guide {
    margin-bottom: 20px;
}

.nami_line {
	display: block;
	text-align: center;
}

.information {
    text-align: left;
    vertical-align: super;
}

.information .off {
    color: #A7291F;
}

.cart_area > a {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    width: 50%;
}

#search_form select {
    width: 100%;
}

#search_form .box150 {
    width: 90%;
}

.banner_left li {
    margin: 0 1% 10px;
    width: 98%;
    float: none;
}


/*-----------------------------------------------------------
ハンバーガーメニュー
-----------------------------------------------------------*/

.toggle {
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 45px;
    height: 40px;
    background-color: transparent;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    z-index: 9999;
}

.bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #444444;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}

.bar-01 {
    top: 0;
}

.bar-02 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bar-03 {
    bottom: 0;
}

.toggle.is--active .bar {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toggle.is--active .bar-02 {
    display: none;
}

.toggle.is--active .bar-03 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle.is--active .bar-01 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#modal {
    display: none;
}

p.btn-close {
    background: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
}

p.btn-close a {
    display: block;
    text-decoration: none;
    color: #000!important;
}

#slide_navi li a {
    text-align: center;
    display: block;
    color: #000000;
    line-height: 3;
    text-decoration: none;
    margin-top: 5px;
    background: #FFFFFF;
}

.h_ul > li + li + li {
    width: 20%;
    height: 40px;
    margin: 20px 0 0;
    display: block;
    float: right;
}

.mini414 {
    margin: 0 !important;
    width: 0 !important;
    height: 0 !important;
    /* display: none !important; */
}

.gnav {
    display: none;
    z-index: 9999;
    overflow: scroll;
}

.gnav ul li:first-child {
    margin: 0;
}

#nav ul {
    width: 1000px;
    margin: 0 auto;
}

#nav ul li {
    float: left;
    width: 125px;
    text-align: center;
}

#nav ul li a {
    display: block;
    padding: 20px 0;
    background-color: #CCCCCC;
    color: #000000;
    text-decoration: none;
}

nav {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #444444;
    padding: 70px 4% 10px;
    width: 70%;
    height: 100%;
}

.close {
    color: #FFFFFF;
    text-decoration: none !important;
    position: absolute;
    top: 0;
    right: 15px;
    padding: 0;
    background: none !important;
    cursor: pointer;
    font-size: 40px;
}

.nav_list li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 10px 4%;
    border: solid 1px #FFF;
}

.nav_list li a:hover {
    background-color: #444;
}

.nav_list > li {
    margin-top: 10px;
}




/*-----------------------------------------------------------
#トップページ
-----------------------------------------------------------*/

.bgBox1 {
    background: url(../img/bg_top1.png) no-repeat top center;
    padding: 40px 0 40px;
}

.bgBox2 {
    padding: 45px 0 22px;
    background: url(../img/bg_pickup.png) repeat-y top center;
    position: relative;
}

.bgBox2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 26px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 9998;
}

.bgBox3 {
    position: relative;
    padding: 43px 0 26px;
}

.bgBox3:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 9998;
}

.bgBox33 {
    position: relative;
    padding: 50px 0 0;
}

.bgBox33:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat top center;
    z-index: 9998;
}

.bgBox333 {
    position: relative;
    padding: 0;
}

.bgBox333:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    z-index: 9998;
}

.bgBox4 {
    padding: 35px 0 50px;
    background: url(../img/bg_insta.png) no-repeat top center;
    position: relative;
}

.bgBox4:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    background: url(../img/bg_box_top.png) no-repeat bottom center;
    z-index: 9998;
}



/*最新ニュース*/

.top_tit1 {
    text-align: center;
    width: 100%;
    margin: 0 auto 28px;
}

.top_ul {
    width: 94%;
    margin: 0 auto;
}

.top_ul > li {
    float: none;
    width: 100%;
    padding: 20px 4%;
    margin-left: 0;
}

.top_ul > li:first-child {
    width: 100%;
    padding: 20px 4%;
    margin-left: 0;
}

.top_ul > li h3 {
    margin-bottom: 5px;
}

.news_dl {
    max-height: 250px;
    overflow-y: scroll;
}

.news_dl dt {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 11px;
    padding: 5px 12px;
}

.news_dl dd {
    line-height: 2;
    border-bottom: dotted 1px #CCC;
    padding: 0 12px 19px;
}

.info_dl {
    max-height: 250px;
    overflow-y: scroll;
}

.info_dl dt {
    float: left;
    width: 90px;
    padding: 7px 0 7px 16px;
}

.info_dl dd {
    padding: 7px 0 7px 130px;
    border-bottom: dotted 1px #CCC;
}





/*おすすめ商品*/

.top_tit2 {
    text-align: center;
    width: 100%;
    margin: 0 auto 38px;
}

.top_ul2 {
    width: 98%;
}

.top_ul2 > li {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 20px;
    float: left;
}

.top_ul2 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    background: url(../img/bg_products.png) no-repeat center;
    margin-bottom: 9px;
}

.top_ul2 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

/*ショッピング商品*/

.top_tit22 {
    text-align: center;
    width: 100%;
    margin: 0 auto 10px;
}

.top_ul22 {
    width: 98%;
}

.top_ul222 {
    width: 98%;
    max-height: 70px;
    position: relative;
    top: 0px;
    margin-bottom: 87px;
}

.top_ul22 > li {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 0px;
    float: left;
}

.top_ul222 > li {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 115px;
    float: left;
    height:  0px;
    /* display:  inline-table; */
    position:  relative;
    margin-top: -50px;
    top: 5px;
}

.top_ul22 > li > dl > dt {
    position: relative;
    width: 225px;
    height: 260px;
    margin-bottom: 9px;
}

.top_ul22 > li > dl > dt a img {
    position: absolute;
    max-width: 210px;
    max-height: 245px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.top_ul222 > li > dl > dt {
    position: relative;
    width: 185px;
    height: 75px;
    margin-bottom: 0;
}

.top_ul222 > li > dl > dt a img {
    position: absolute;
    max-width: 175px;
    max-height: 60px;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}


.item_name {
    margin-bottom: 6px;
    line-height: 1.8;
}

.item_name a {
    text-decoration: none;
    color: #555555;
}

.item_price {
    color: #9F3B42;
    text-align: right;
}

.icon_new {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    z-index: 9998;
}

.view-first > a > img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    max-width: 98%;
    max-height: 98%;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.view-first22 > a > img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    max-width: 98%;
    max-height: 98%;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}


/*人気ランキング*/

.top_tit3 {
    text-align: center;
    width: 100%;
    margin: 0 auto 56px;
}

.icon_num {
    position: absolute;
    top: -20px;
    left: 8px;
    width: 30%;
    z-index: 9998;
}

.bgBox3 .view.view-first {
    margin-bottom: 13px;
}

.bgBox3 .item_name {
    line-height: 2;
    margin-bottom: 1px;
}

.bgBox33 .view.view-first,
.bgBox333 .view.view-first {
    margin-bottom: 0;
}

.bgBox33 .item_name,
.bgBox333 .item_name {
    line-height: 2;
    margin-bottom: 0;
}


/*インスタグラム*/

.top_tit4 {
    text-align: center;
    width: 100%;
    margin: 0 auto 33px;
}

.bgBox4 .bx-controls-direction a {
    position: absolute;
    top: -85px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
}

.bgBox4 .bx-controls-direction a:hover {
    position: absolute;
    top: -85px;
    outline: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9998;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}

.bgBox4 .bx-prev {
    left: 5px !important;
    background: url(../img/insta_prev.png) no-repeat 0 0;
    background-size: contain;
}

.bgBox4 .bx-prev:hover {
    background: url(../img/insta_prev_on.png) no-repeat 0 0;
}

.bgBox4 .bx-next {
    right: 5px !important;
    background: url(../img/insta_next.png) no-repeat 100% 0;
    background-size: contain;
}

.bgBox4 .bx-next:hover {
    background: url(../img/insta_next_on.png) no-repeat 100% 0;
}

.bgBox4 .bx-controls-direction {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.bxslider2 li {
    padding: 5px;
    width: 120px !important;
    background-color: #FFF;
}

.bxslider2 li img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.bgBox4 .bx-viewport {
    overflow: inherit !important;
}

.bgBox4 .bx-wrapper {
    z-index: 9998;
}

.bxslider2 li a:hover img {
    border: solid 1px #8E80E7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}






/*-----------------------------------------------------------
#footer
-----------------------------------------------------------*/

#footer {
    border: none;
    width: 100%;
    background: url(../img/bg_footer.png) no-repeat top center;
    padding: 10px 0 0;
    height: 45px;
}

.copyright {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    color: #452217;
}




/*-----------------------------------------------------------
中ページ共通
-----------------------------------------------------------*/

.sub_cover {
    text-align: center;
    background: url(../img/bg_sub_cover.png) no-repeat top center;
}

.wrapper {
    width: 96%;
    margin: 0 auto;
    padding: 20px 0 40px;
    position: relative;
    min-height: 950px;
}

.wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: -480px;
    width: 1920px;
    height: 550px;
    background: url(../img/bg_sub_wrap.png);
    z-index: -9999;
}

.bg_footer {
    position: relative;
}

.bg_footer:before {
    content: "";
    position: absolute;
    top: -422px;
    left: -480px;
    width: 1920px;
    height: 400px;
    background: url(../img/bg_sub_wrap2.png);
    z-index: -9999;
}

.left_main {
    float: none;
    width: 100%;
}

.right_main {
    float: none;
    width: 100%;
    margin: 0 0 50px;
}

h2.title {
    background: url(../img/icon_title.png) no-repeat left 5px;
    font-size: 20px;
    padding: 5px 0 5px 70px;
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-bottom: solid 2px #555;
    margin-bottom: 20px;
}


/*--- パンくずリスト ---*/

.pankuzu {
    margin: 0 auto;
    width: 100%;
    font-size: 11px;
    color: #555;
}

.pankuzu li {
    display: inline;
    /* padding: 0 7px 0 4px; */
}

.pankuzu li:first-child {
    background: none;
    padding-left: 0;
}

.pankuzu li a {
    display: inline-block;
    /* margin-right: 12px; */
    text-decoration: none;
    color: #555;
}

.pankuzu li a:hover {
    text-decoration: underline;
    color: #555;
}





/* よくあるご質問
---------------------------------------------------------------------*/

.faq_dl {
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
}

.faq_dl dt {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 10px 60px;
    background: url(../img/icon_q.png) no-repeat left 0;
    border-bottom: dotted 1px #452217;
    margin-bottom: 10px;
}

.faq_dl dd {
    padding: 20px 0 9px 60px;
    background: url(../img/icon_a.png) no-repeat left 0;
}

.faq_tit {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    padding: 10px 0;
}




/* 買取・委託
---------------------------------------------------------------------*/

.sub_title {
    color: #4F2D21;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    margin-bottom: 10px;
}

.read_text {
    margin-bottom: 25px;
}

.pur_ul {
    padding: 15px;
    background-color: #f1e1d4;
    box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -webkit-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    -moz-box-shadow: rgba(79, 63, 67, 0.6) 0px 1px 9px -1px;
    margin-bottom: 30px;
}

.pur_ul li {
    display: inline-block;
    width: 230px;
}

.pur_ul2 {
    margin-bottom: 30px;
}

.mB15 {
	margin-bottom: 15px !important;
}

.pur_tb dl dt {
    font-weight: bold;
    margin-top: 10px;
}

.pur_tb dl dd {
    padding-left: 10px;
}

.pur_tb dl dt:first-child {
    margin-top: 0;
}

.pur_tb td em {
    color: #853333;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
}

a.gray_btn {
    display: block;
    background-color: #00581e;
    color: #FFF !important;
    text-decoration: none !important;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #494949;
    margin: 30px auto 0;
    text-align: center;
    width: 80%;
}

a.gray_btn:hover {
    background-color: #00911e;
    color: #FFF;
}




/* 店舗概要
---------------------------------------------------------------------*/


#maps iframe {
	border: none;
	width: 100%;
	height: 200px;
}




/* 商品詳細
---------------------------------------------------------------------*/

.detail_img {
    height: 250px;
    border: solid 1px #CCC;
    position: relative;
}

ul.slides {
    width: 100%;
}

ol.flex-control-nav.flex-control-thumbs {
    width: 100%;
    margin: 0;
}

.flexslider .slides img {
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 248px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto !important;
    border: none;
}

.cart_area .quantity {
    margin: 0 auto 10px;
    width: 120px;
}

#detailrightbloc .cart_area {
    background: none;
    border: none;
    margin: 20px 0;
    padding: 0;
}

.cart_area .quantity dt {
    margin-top: 4px;
    width: 50px;
}

.cart_area .quantity dd {
    width: 70px;
    text-align: left;
    float: left;
}

#detailarea .flex-control-thumbs li {
    width: 15%;
    height: 60px;
    background-color: #FFFFFF;
    margin: 10px 0 0 1.4%;
}

#detailarea .flex-control-thumbs img {
    max-width: 100%;
    max-height: 58px;
}

.view_none {
	display: none;
}

.arrival_ul {
    color: #A7291F;
    letter-spacing: 10px;
    padding-left: 6em;
    margin: 0 !important;
}

.arrival_ul > li {
    display: inline-block;
    letter-spacing: normal;
}

.arrival_tit {
    color: #A7291F;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    float: left;
    width: auto;
}

.arrival_wrap {
    margin: 20px 0px 5px;
}


/* ご利用規約
---------------------------------------------------------------------*/

div#undercolumn_entry .kiyaku_text {
    width: 90%;
    margin: 10px auto 20px;
    display: block;
    line-height: 1.4;
    height: 300px;
}


/* お問い合わせ
---------------------------------------------------------------------*/

.contactBox p:first-child {
    margin-bottom: 20px;
}

.contactBox ul {
    margin: 10px 0 0;
    text-align: center;
}

.contactBox ul li a {
    display: block;
    background-color: #A82920;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: solid 2px #87110F;
    width: 180px;
    text-align: center;
}

.contactBox ul li a:hover {
    background-color: #D8190F;
    color: #FFF;
    text-decoration: none;
}

.contactBox ul li {display: block;text-align: center;width: 180px;margin: 0 auto;}

.contactBox ul li:first-child {margin: 0 auto 10px;}

.contactBox {
    margin: 0 0 30px;
}

.mainte {
    padding: 10% 4% 10%;
}

.guide_ol > li h3 img {
    width: 9%;
}

.shoppingUl {
    margin: 2px auto 0;
}

.shoppingUl li {
    width: 40.8%;
    margin: 7px 4% 0;
    float: left;
}

.shoppingUl li a {
    padding: 11px 0 9px;
    background: url(../img/top_button_bg2.png) no-repeat center;
    background-size: contain;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 80%;
}

.header_in {
    padding: 46px 0 10px;
    min-height: 160px;
}

.delivname th ,
.delivname td {
    display: block;
}

.news_dl + p {
    width: 70%;
}

.header_in .guest_list {
    display: none;
}

.main_comment:before {
    top: -15px;
    left: 4px;
    height: 50px;
}

.preLead p {font-size: 87%;}

.preLead p:first-child {
    margin: 0;
}


.y_tyou tbody tr td {
    padding: 8px 1.5%;
}

.box300 {
	width: 100%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.mainte {
    padding: 10% 5% 30%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*2017_12_07更新*/

.bnr_box {
    width: 987px;
    margin: 0 auto 20px;
}


ul.cmas_bnr {
    overflow: hidden;
}


li.t_i_bnr {
    float: left;
    margin: 0 6px;
}

li.t_i_bnr img {
    max-width: 480px;
    max-height: 100%;
}


li:nth-child(2).t_i_bnr2 {
    float: right;
}

//* ★★★★★★商品一覧のバナー★★★★★★★ */


.bnr_box2 {
    width: 747px;
    margin: 0 auto 20px;
    overflow: hidden;

}

li.t_i_bnr2 {
    float: left;
}
li:nth-child(2).t_i_bnr2 {
    float: right;
}


li.t_i_bnr2 img {
    max-width: 367px;
    max-height: 100%;
}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 959px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.bnr_box {
    width: 100%;
    margin: 0 auto;
    padding: 3%;
}

.bnr_box ul {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

li.t_i_bnr {
    float: left;
    width: 47%;
    margin:0;
}

li.t_i_bnr img {
    max-width: 88%;
    margin: 0 auto;
    display: block;
}

//* ★★★★★★商品一覧のバナー★★★★★★★ */


.bnr_box2 {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 2%;
}

li.t_i_bnr2 {
    float: left;
    width: 49%;
}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.bnr_box {
    width: 100%;
    margin: 0 auto;
    padding: 0 7%;
}

.bnr_box ul {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;

}

li.t_i_bnr {

    width: 100%;
    margin: 0 auto 5%;
}


/* ★★★★★★商品一覧のバナー★★★★★★★ */

.bnr_box2 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.bnr_box2 ul {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

li.t_i_bnr2 {
    float: left;
    width: 49%;
    margin: 0;
}

li.t_i_bnr2 img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */






/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

li.t_i_bnr img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}




/* ★★★★★★商品一覧のバナー★★★★★★★ */

.bnr_box2 {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
    padding:0;
}

li.t_i_bnr2 {
    float: none;
    width: 100%;
    margin: 3% 0;
}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



//* ★★★★★★商品一覧のバナー★★★★★★★ */

.bnr_box {
    width: 100%;
    margin: 0 auto;
    padding: 0 ;
}



li.t_i_bnr2 {
    float: none;
    width: 100%;
    margin-top: 3%;
}




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.free_sub_area {
    display: none;
}

.free_bn_area {
	position: relative;
	width: 90%;
	text-align: center;
	margin: 0 auto 20px;
	clear: both
}
.free_bn_area img {
	width: 100%;
	max-width: 640px;
}