@charset "euc-jp";
body, dl, dt, dd, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, blockquote {font-weight:450;}
body, dl, dt, dd, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, blockquote {margin:0;padding:0;font-style:normal;text-align:left;}
* html body{font-size:small; font:x-small;}
html{scroll-behavior: smooth;}
/**:first-child+html body{font-size: small; font: x-small;}*/
img, a img{border:0; vertical-align:bottom; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,dl,ol{text-indent:0;}li{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
* html input,* html textarea,* html select{font-size:100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select{font-size:100%;}
table{border-collapse:collapse; border-spacing:0; font-size: inherit; width:100%;}th,td{text-align:left; vertical-align:top;}caption{text-align:left;}
pre,code,kbd,samp,tt{font-family:monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt{font-size:108%; line-height:100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt{font-size:108%; line-height:100%;}
input,select,textarea{font-size:100%; font-family:Verdana, Helvetica, sans-serif;}
input, textarea{margin:0; padding:0; vertical-align:middle;}
strong, em{font-weight:bold;}


*{box-sizing: border-box;}
html{font-size:62.5%;}
body {
  background-color: #F9F5F3;
  background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
  color: #464e54;
  font-size:15px;
  line-height:1.6;
  min-width:1024px;
  -webkit-text-size-adjust:100%;
}
.gnav_open_block{
    display: none;
}
@media (max-width:770px){
    body {
        min-width:320px;
        position: relative;
    }
    .gnav_open .gnav_open_block{
        content: "";
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        left:0;
        top:0;
        z-index: 3;
        background: rgba(0, 0, 0, .7);
    }
}
body,
input,
textarea{
    font-family:
    "Þ⥴¥·¥Ã¥¯ Medium",
    "Yu Gothic Medium",
    "Þ⥴¥·¥Ã¥¯ÂÎ",
    "Yu Gothic",
    "YuGothic",
    "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3",
    "Hiragino Kaku Gothic ProN",
    "¥á¥¤¥ê¥ª",
    Meiryo,
    verdana,
    sans-serif;
}
/*  */
.vollkorn {
	font-family: vollkorn, serif;
}
.yumincho {
	font-family: "ÞâÌÀÄ«", YuMincho, "Hiragino Mincho ProN W3", "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
}
a {
  color: #464e54;
}
a:hover {
  color: #5e5e5e;
  text-decoration: none;
}

img{max-width:100%;}


.site_main_block{
    overflow: hidden;
    position: relative;
}
.pagebox_wrapper{
    padding-right: 20px;
    padding-left:20px;
}
.pagebox{
    margin-right:auto;
    margin-left:auto;
    max-width:1200px;
}

/*
 * contents
 */

#contents .topicpath-nav {
  margin-bottom: 5px;
}
#contents .topicpath-nav li {
  padding: 0;
}
#contents .topicpath-nav a {
  margin-left: 5px;
}


/*
 * temp
 */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

.txt_c01{color: #174fc1;}
.txt_c02{color: #5C3223;}
.txt_c03{color: #9D0300;}


/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) {
  /* ~980px */
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
}


/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-twitter { background-position: -96px -176px; }
.icon-lg-b.icon-twitter { background-position: -144px -264px; }
.icon-instagram { background-position: -112px -192px; }
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-facebook { background-position: -128px -176px; }
.icon-lg-b.icon-facebook {background-position: -192px -264px; }
.icon-youtube { background-position: -128px -160px; }
.icon-lg-b.icon-youtube { background-position: -191px -240px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}


/*  */
.header .button_cart{
    position: fixed;
    right:0;
    top:0;
    z-index: 8;
}


.header_inner{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/header_back_01_01.png) #dec6b6;
    padding: 7px 115px 7px 12px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 13px;
    line-height: 1.2;
}


.subnav{
    display: flex;
}
.subnav .link{
    font-size: 12px;
    padding: 0 1em;
    transition: color .3s;
}
.subnav .link:hover{
    color: #e3282e;
}
.subnav .box:not(:first-child){
    border-left: 1px solid #B78744;
}
@media (max-width:770px){
    .subnav{
        display: none;
    }
}


.header_block{
    padding: 20px 125px 20px 20px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.header_block .other{
    display: flex;
    gap: 1em;
    font-size: 12px;
    line-height: 1.2;
    margin-top:10px;
    color: #5C3223;
}
@media (max-width:770px){
    .header_block .phone{
        display: none;
    }
}


.gnav_wrapper{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/header_back_02_01.png) #592f23;
    position: relative;
}
.footer_block::before,
.gnav_wrapper::before{
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: url(https://file003.shop-pro.jp/PA01275/422/img/zigzag_brown_01.png) repeat-x;
    position: absolute;
    top: -6px;
    left: 0;
}
.gnav{
    display: flex;
}
.gnav .box{
    width: 20%;
}
.gnav .link{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 85px;
}
.gnav .link::before{
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    left:0;
    top:50%;
    transform: translate(0, -50%);
    background: #966757;
    position: absolute;
}
.gnav .txt1{
    font-size: 18px;
    color: #fff;
    transition: color .3s;
}
.gnav .txt2{
    font-size: 11px;
    color: #B07331;
    font-weight: 700;
    transition: color .3s;
}
.gnav .link:hover .txt1{
    color: #ffb099;
}
.gnav .link:hover .txt2{
    color: #d5b18a;
}
.gnav_sponly{
    display: none;
}
.gnav_sponly .nav{
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    border-bottom: 2px solid #966757;
    padding: 20px 1.5em;
}
.gnav_sponly .nav .box{
    width: calc((100% - 1em) / 2);
}
.gnav_sponly .nav .link{
    font-size: 15px;
    line-height: 1.2;
    color: #fff;
}
@media (max-width:770px){
    .gnav_wrapper.pagebox_wrapper{
        padding-right:0;
        padding-left:0;
    }
    .gnav_wrapper{
        position: fixed;
        z-index: 55;
        height: 100%;
        width: calc(100% - 80px);
        right: -100vw;
        top:0;
        overflow: scroll;
        overflow-x: hidden;
        background: #5A3021;
        transition: right .3s;
    }
    .gnav{
        display: block;
    }
    .gnav .box{
        width: 100%;
        border-bottom: 2px solid #966757;
    }
    .gnav .link::before{
        display: none;
    }
    .gnav .txt1{
        font-size: 20px;
    }
    .gnav .txt2{
        font-size: 15px;
    }

    .gnav_sponly{
        display: block;
    }

    .gnav_open{overflow: hidden;}
    .gnav_open .gnav_wrapper{
        right: 0;
    }
}
@media (max-width:440px){
    .gnav_wrapper{
        width: calc(100% - 70px);
    }
}


/*  */
.footer_block{
    background: #5C3223;
    position: relative;
    padding-top:50px;
    overflow: hidden;
}
.footer_section{
    background: #fff;
    position: relative;
}
.footer_section::before,
.footer_section::after{
    content: "";
    position: absolute;
    border-color: #5C3223;
    border-style: solid;
    border-width: 50px;
}
.footer_section::before{
    top:0;
    left:0;
    border-right:none;
    border-top: none;
    border-bottom-color:transparent;
}
.footer_section::after{
    right: 0;
    bottom: 0;
    border-left:none;
    border-bottom: none;
    border-top-color:transparent;
}
.footer_block .inner{
    display: flex;
    flex-wrap: wrap;
    padding: 40px 20px;
}
.footer_block .inner::before,
.footer_block .inner::after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 130px;
    background-color: #9D0300;
    transform: rotate(45deg);
}
.footer_block .inner::before{
    top:-35px;
    left:25px;
}
.footer_block .inner::after{
    right:25px;
    bottom:-35px;
}
.footer_block .block{
    width:33.3%;
    position: relative;
    padding:10px 30px;
}
.footer_block .block:not(:first-child){
    border-left: 1px solid #ddd;
}
.footer_block .child:not(:first-child){
    margin-top:40px;
}
.footer_block .child .title{
    font-weight: bold;
    color: #5C3223;
    display: flex;
    gap: 10px;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom:20px;
}
.footer_block .child .title::before{
    content: "";
    background-color: #5C3223;
    border-radius: 100vw;
    width: 12px;
    height: 12px;
    margin-top: 3px;
}
@media (max-width:770px){
    .footer_block{
        padding-bottom:30px;
    }
}


.footer .logo{
    position: relative;
    padding-top: 40px;
    padding-bottom:40px;
    background: #fff;
}
.footer .logo .img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(160px, -50%);
    z-index: 2;
}
@media (max-width:770px){
    .footer .logo .img{
        display: none;
    }
}


.foot_souryou{
    display: flex;
    gap: 5px;
}
.foot_souryou .souryou_block{
    width: calc((100% - 5px) / 2);
    border: 1px solid #5C3223;
}
.foot_souryou .souryou_title{
    background:#C4AEA5;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    font-size: 13px;
    line-height: 1.2;
    padding: 7px 3px;
}
.foot_souryou .souryou_list{
    padding: 10px 7px;
}
.souryou_list .box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #EEEBEB;
    padding-bottom:10px;
    margin-bottom:10px;
    gap: 0 1em;
    font-size: 12px;
}
.souryou_list .box:last-child{
    border-bottom: none;
    padding-bottom:0;
    margin-bottom:0;
}
.souryou_list .txt1{
    width: 7em;
}
.souryou_list .txt2{
    width: 4.5em;
    margin-left: auto;
}


.foot_addrress{
    background: #F9F5F3;
    position: relative;
    padding: 50px 20px;
}
.foot_addrress::before{
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: url(https://file003.shop-pro.jp/PA01275/422/img/zigzag_white_01.png) repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleY(-1);
}

.address_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.contact_block{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/f_contact_back_01.jpg) center top;
    border: 2px solid #5C3223;
    width: 100%;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:30px auto;
}
.contact_block .text{
    background: #5C3223;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 9em;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 17px;
}
.contact_block .text::before{
    content: "";
    display: block;
    position: absolute;
    border-left:20px solid #5C3223;
    border-top:70px solid transparent;
    border-bottom:70px solid transparent;
    right: -20px;
}
.contact_block .tel{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    padding-left:25px;
}
.contact_block .tel .txt{
    display: none;
    color: #F3EDE8;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px;
}
.contact_block .mail{
    padding: 10px;
}
.contact_block .drawer-button{
    display: none;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
.contact_block .drawer-button .menubar{
    width: 40px;
}
.contact_block .drawer-button .menubar::before,
.contact_block .drawer-button .menubar::after,
.contact_block .drawer-button .menubar_inner{
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 100vw;
}
.contact_block .drawer-button .menubar::before,
.contact_block .drawer-button .menubar::after{
    content: "";
}
.contact_block .drawer-button .menubar_inner{
    margin: 10px auto;
}
@media (max-width:770px){
    .contact_block{
        position: fixed;
        z-index: 5;
        left:0;
        bottom:0;
        width: 100%;
        margin-top:0;
        margin-bottom:0;
        align-items:unset;
        height: 80px;
        transition: left .3s;
    }
    .contact_block .tel{
        gap: 5px;
        padding-right: 25px;
    }
    .contact_block .tel .img{
        max-width: 310px;
        width: 100%;
    }
    .contact_block .tel .txt{
        display: block;
    }
    .contact_block .mail{
        padding: 0;
        width: 100px;
    }
    .contact_block .mail .link{
        display: block;
        border: 2px solid #DC362F;
        background: linear-gradient(to bottom, #9E0300, #780215);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contact_block .mail .mail_img{
        width: 40px;
    }
    .contact_block .mail .link::after{
        content: "¥á¡¼¥ë";
        color: #fff;
        display: block;
        text-align: center;
        margin-top:7px;
        font-size: 12px;
        line-height: 1;
    }
    .contact_block .text,
    .contact_block .fax{
        display: none;
    }
    .contact_block .drawer-button{
        display: flex;
        width: 100px;
        position: relative;
    }


    .gnav_open .contact_block{
        left:calc(-100vw + 80px);
    }
    .gnav_open .contact_block .drawer-button .menubar_inner{
        display: none;
    }
    .gnav_open .contact_block .drawer-button .menubar::before,
    .gnav_open .contact_block .drawer-button .menubar::after{
        position: absolute;
        width: 45px;
        top: 50%;
        height: 4px;
    }
    .gnav_open .contact_block .drawer-button .menubar::before{
        transform: rotate(45deg);
    }
    .gnav_open .contact_block .drawer-button .menubar::after{
        transform: rotate(-45deg);
    }
}
@media (max-width:560px){
    .contact_block .tel{
        padding-right:15px;
        padding-left:15px;
        flex-grow: 1;
	    flex-shrink: 1;
	    flex-basis: 0%;
    }
    .contact_block .mail,
    .contact_block .drawer-button{
        width: 80px;
    }
}
@media (max-width:440px){
    .contact_block .tel{
        padding-right:10px;
        padding-left:7px;
    }
    .contact_block .mail,
    .contact_block .drawer-button{
        width: 70px;
    }

    .gnav_open .contact_block{
        left:calc(-100vw + 70px);
    }
}


.footer .copyright,
.footer .copyright a{
    color: #9a918c;
}
.footer .copyright{
    display: flex;
    justify-content: center;
    font-size: 12px;
}

@media (max-width:770px){
    .footer_block .block{
        width: 100%;
        padding-top:0;
        padding-bottom:0;
    }
    .footer_block .block:not(:first-child){
        border-left: none;
        margin-top:50px;
    }
    .footer_block .inner{
        padding: 40px 0px;
    }

    .footer .copyright{
        padding-bottom: 50px;
    }

    .footer_gnav{
        display: none;
    }
}


/*  */
.site_main_wrapper{
    display: flex;
    flex-direction: row-reverse;
    gap: 60px;
}
.site_main_wrapper .main_wrapper{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
    padding-bottom: 60px;
}
.site_main_wrapper .sub_wrapper{
    width: 100%;
    max-width: 350px;
    position: relative;
    z-index: 2;
    margin-top: -40px;
    padding-bottom: 60px;
}
.page_main_wrapper{
    padding-top:40px;
}
.page_section_wrapper:not(:first-child){
    margin-top:70px;
}
.page_section_inner + .page_section_inner{
    margin-top:40px;
}
@media (max-width:770px){
    .site_main_wrapper{
        flex-direction: column;
    }
    .site_main_wrapper .sub_wrapper{
        max-width: 500px;
        margin-right: auto;
        margin-left: auto;
    }
}


.sub_section:not(:first-child){
    margin-top:20px;
}
.sub_section.shadow{
    background-color: #fff;
    box-shadow: 0 0 8px #eeebeb;
}
.sub_section.color1{
    background: #fff;
}
.sub_section.color2{
    background: #DD9925;
}
.sub_section .inner{
    padding: 20px;
}
.sub_section .inner.after_zig::after{
    content: "";
	display: block;
	background-image: url("https://file003.shop-pro.jp/PA01275/422/img/zigzag_white_01.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 6px;
    transform: scaleY(-1);
}


/*  */
.bg_wrapper{
    padding-top:60px;
    padding-bottom:60px;
    position: relative;
}
.bg_wrapper::before{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100vw;
    background: #fff;
    top:0;
    left: calc((-100vw + (100% - 350px - 60px)) / 2);
}
.bg_wrapper .inner{
    position: relative;
    z-index: 2;
}
.under_zig::after{
    content: "";
    display: block;
    width: 100vw;
    height: 6px;
    background: url(https://file003.shop-pro.jp/PA01275/422/img/zigzag_white_01.png) repeat-x;
    position: absolute;
    bottom:0;
    left: calc((-100vw + (100% - 350px - 60px)) / 2);
}
@media (max-width:1030px){
    .bg_wrapper::before,
    .under_zig::after{
        min-width: 1030px;
        left: -430px;
    }
}
@media (max-width:770px){
    .bg_wrapper::before,
    .under_zig::after{
        min-width: 100%;
        width: calc(100% + 40px);
        left: -20px;
    }
}


/*  */
.topicpath-nav_wrapper.bg_wrapper{
    padding-top: 10px;
    padding-bottom: 10px;
}
.topicpath-nav_wrapper .topicpath-nav{
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 12px;
    line-height: 1.1;
}
.topicpath-nav_wrapper a{
    color: #8e150a;
}
.topicpath-nav_wrapper .topicpath-nav .box::after{
    content: ">";
    margin-left: 5px;
}
.topicpath-nav_wrapper .topicpath-nav .box:last-child::after{
    display: none;
}


/*  */
.sub_title1{
    background: #5C3223;
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 1.1;
    gap: 7px;
    padding: 20px 15px;
    min-height: 90px;
}
.sub_title1:hover{
    color: #fff;
}
.sub_title1::after{
    content: "";
    display: block;
    position: absolute;
    border-top:12px solid #5C3223;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    bottom: -12px;
    left:50%;
    transform: translate(-50%,0);
}
.sub_title1.icon::before{
    content: "";
    display: block;
    background-size: contain;
}
.sub_title1.icon.cats::before{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/sidebar_item_cats.png);
    width: 38px;
    height: 38px;
}
.sub_title1.icon.ranking::before{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/sidebar_item_ranking.png);
    width: 38px;
    height: 39px;
}

.sub_title2{
    text-align: center;
    font-size: 40px;
    line-height: 1;
    color: #5C3223;
    font-weight: 900;
}
.sub_title2.after_zig::after{
    content: "";
	display: block;
	background-image: url("https://file003.shop-pro.jp/PA01275/422/img/zigzag_white_01.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 6px;
    margin-top:20px;
}


/*  */
.text_list{
    display: flex;
    gap: .5em 1em;
    flex-wrap: wrap;
}


.category_list{
    padding: 30px;
}
.category_list .list{
    width: 100%;
    max-width: 290px;
    margin-right: auto;
    margin-left: auto;
}
.category_list .block:not(:first-child){
    border-top:1px solid #EEEBEB;
}
.category_list .link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}
.category_list .image{
    width: 45px;
}
.category_list .text{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
}

/*  */
.item_category_list{
    display: flex;
    flex-wrap: wrap;
    gap:50px 5px;
}
.item_category_list .block{
    width: calc((100% - 5px * 2) / 3);
}
.item_category_list .image{
    text-align: center;
}
.item_category_list .textbox{
    padding-right: 15px;
    padding-left:15px;
    margin-top: 10px;
}
.item_category_list .name{
    color: #B78744;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
}
.item_category_list .comment{
    margin-top:16px;
}
@media (max-width:770px){
    .item_category_list .block{
        width: calc((100% - 5px) / 2);
    }
}
@media (max-width:480px){
    .item_category_list .block{
        width: 100%;
    }
}


/*  */
.itemlist{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.itemlist .block{
    background: #fff;
    width: calc((100% - 15px * 2) / 3);
}
.itemlist .link{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.itemlist .image_wrapper{
    padding: 20px;
}
.itemlist .image{
    position: relative;
}
.itemlist .image::before{
    content: "";
    display: block;
    padding-bottom: 70%;
}
.itemlist .image .img{
    object-fit: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
}
.itemlist .name{
    padding: 0 10px;
}
.itemlist .pricebox{
    padding-top: 10px;
    margin:10px;
    border-top: 1px solid #EEEBEB;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.itemlist .pricebox .price{
    font-weight: bold;
    font-size: 18px;
}
@media (max-width:740px){
    .itemlist .block{
        width: calc((100% - 15px) / 2);
    }
}


/*  */
.banner_list{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.banner_list .box.size1{
    width: calc((100% - 12px) / 2);
}


/*  */
.text_list .block{
    position: relative;
    padding-left: 18px;
}
.text_list .block:not(:first-child){
    margin-top:10px;
}
.text_list .block::before{
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background-color: #5C3223;
    width: 8px;
    height: 8px;
    top: 8px;
    left: 0;
}


/*  */
.sub_item_list{
    width: 100%;
    max-width: 330px;
    margin-right: auto;
    margin-left: auto;
}
.sub_item_list .block{
    position: relative;
}
.sub_item_list .block:not(:first-child){
    border-top: 1px solid #EEEBEB;
}
.sub_item_list .block::before{
    position: absolute;
    pointer-events: none;
    left:-10px;
    top:5px;
    z-index: 2;
}
.sub_item_list .block:nth-child(1)::before,
.sub_item_list .block:nth-child(2)::before,
.sub_item_list .block:nth-child(3)::before{
    content: "";
    width: 32px;
    height: 45px;
}
.sub_item_list .block:nth-child(1)::before{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/ranking_no1_01.png);
}
.sub_item_list .block:nth-child(2)::before{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/ranking_no2_01.png);
}
.sub_item_list .block:nth-child(3)::before{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/ranking_no3_01.png);
}
.sub_item_list .block:nth-child(4)::before,
.sub_item_list .block:nth-child(5)::before{
    border-radius: 100vw;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: 1;
    font-size: 20px;
    background: #B07331;
    color: #fff;
}
.sub_item_list .block:nth-child(4)::before{
    content: "4";
}
.sub_item_list .block:nth-child(5)::before{
    content: "5";
}
.sub_item_list .link{
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top:15px;
    padding-bottom:15px;
}
.sub_item_list .imagebox{
    width: 100%;
    max-width: 90px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px;
}
.sub_item_list .textbox{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
}
@media (max-width:770px){
    .category_list .list,
    .sub_item_list{
        max-width: 450px;
    }
}


/*  */
.sns_link{
    background: url(https://file003.shop-pro.jp/PA01275/422/img/side_sns_back_01.webp) no-repeat center top;
    height: 237px;
}
.sns_link .title{
    text-align: center;
    font-size: 29px;
    line-height: 1.2;
    padding-top:50px;
}
.sns_link .iconlist{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top:15px;
}
.sns_link .iconlist .block{
    width: 62px;
}
@media (max-width:770px){
    .sns_link{
        height: 340px;
        background-size: cover;
    }
    .sns_link .title{
        padding-top: 70px;
        font-size: 35px;
    }
    .sns_link .iconlist{
        margin-top: 25px;
    }
}
@media (max-width:560px){
    .sns_link{
        height: 60.5vw;
    }
    .sns_link .title{
        padding-top: 13vw;
        font-size: min(6.5vw, 30px);
    }
}
@media (max-width:450px){
    .sns_link .iconlist{
        margin-top: 15px;
    }
}
@media (max-width:380px){
    .sns_link .iconlist{
        margin-top:10px;
    }
}


/*  */
.side_cal{
    background: #fff;
    padding: 15px 20px;
}
.side_cal .tbl_calendar:not(:nth-of-type(1)){
    margin-top:20px;
}
.side_cal caption{
    font-weight: bold;
    padding-bottom:5px;
}
.side_cal tbody{
    border: 5px solid #e3e9ff;
    background: #e3e9ff;
}
.side_cal tbody th,
.side_cal tbody td{
    text-align: center;
    line-height: 1.1;
}
.side_cal tbody th{
    color: #20c;
    font-size: 11px;
}
.side_cal tbody td{
    background: #fff;
    padding: 5px;
    border-top: 1px solid #e3e9ff;
    border-right: 1px solid #e3e9ff;
    font-size: 13px;
}
.side_cal tbody td:last-child{
    border-right: none;
}



/*  */
.page_section{
    position: relative;
    padding-bottom: 90px;
}
.section_inner{
    padding-top:40px;
}


/*  */
.site_main_block{
    padding-top:220px;
}
.page_title_wrapper{
    position: absolute;
    left:0;
    top:0;
    background: url(https://file003.shop-pro.jp/PA01275/422/img/title_image.jpg) center center;
    background-size: cover;
    height: 220px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 1.1;
    color: #fff;
}
.page_title_wrapper .title{
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
}


.category_title_wrapper{
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom:20px;
}
.category_title_wrapper .txt{
    margin-right: -210px;
    position: relative;
    z-index: 2;
    transform: translate(0px, -20px);
}
@media (max-width:630px){
    .category_title_wrapper{
        flex-direction: column;
    }
    .category_title_wrapper .img{
        text-align: center;
    }
    .category_title_wrapper .txt{
        transform: none;
        margin-right: auto;
        margin-left: auto;
        margin-top: -70px;
    }
}



.commit-content{
	text-align: center;
	font-size: 20px;
	line-height: 1.7;
	color: #5C3223;
	margin: 0;
}
@media (max-width:770px){
    .commit-content{
        text-align: left;
    }
}


.titlestyle1{
    display: flex;
    align-items: baseline;
    gap: 5px 10px;
    position: relative;
    color: #5C3223;
}
.titlestyle1.color1,
.titlestyle1.color1 .txt2{
    color: #9D0300;
}
.titlestyle1 .txt1{
    position: relative;
    z-index: 3;
    font-size: 54px;
    line-height: 1;
    font-weight: 900;
}
.titlestyle1 .txt1::before{
    content: "";
    background: #9b000b;
    width: 1px;
    height: 100%;
    transform: rotate(30deg);
    position: absolute;
    right: -12px;
}
.titlestyle1 .txt2{
    z-index: 3;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}
.titlestyle1 .link_icon{
    position: relative;
    background: #9D0300;
    border-radius: 100vw;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left:5px;
    transform: translate(0,3px);
}
.titlestyle1 .link_icon::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: 3px solid transparent;
    border-left: 6px solid #fff;
    border-right: none;
    width: 0;
    height: 0;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.titlestyle1.shadow_text::after{
    position: absolute;
    z-index: 2;
    color: #f3ede8;
    font-size: 140px;
    line-height: 1;
    left:-60px;
    bottom: -43px;
    font-family: vollkorn, serif;
    font-weight: 900;
}
.bg_wrapper .titlestyle1.shadow_text::after{
    color: #f9f5f3;
}
.titlestyle1.shadow_text.pickup::after{
    content: "PICKUP";
}
.titlestyle1.shadow_text.information::after{
    content: "INFORMATION";
}
.titlestyle1.shadow_text.about::after{
    content: "ABOUT";
}
.titlestyle1.shadow_text.category{
    padding-top:20px;
}
.titlestyle1.shadow_text.category::after{
    content: "CATEGORY";
}
@media (max-width:770px){
    .titlestyle1{
        flex-direction: column;
    }
    .titlestyle1 .txt1::before{
        display: none;
    }
}


.titlestyle2{
    position: relative;
    font-size: 26px;
    line-height: 1.2;
    padding: 17px 0;
    margin-bottom: 20px;
    border-top: 2px solid #F3EDE8;
    border-bottom: 1px solid #F3EDE8;
}
.titlestyle2::before{
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 180px;
    height: 2px;
    background: #F9B49A;
}


.titlestyle3{
    font-size: 20px;
    line-height: 1.2;
    color: #5C3223;
    border-bottom: 4px solid #F3EDE8;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


/*  */
.more_link{
    color: #9D0300;
    font-weight: 900;
}
.more_link,
.more_link .txt{
    display: flex;
    align-items: baseline;
}
.more_link::after,
.more_link .txt::after{
    content: "";
    display: block;
}
.more_link::after{
    background: #9D0300;
    width: 1px;
    height: 20px;
    transform: rotate(-60deg) translate(0, 9px);
    margin-left: -15px;
}
.more_link .txt::after{
    background: #9D0300;
    height: 1px;
    width: 120px;
    margin-left:20px;
}


/*  */
table.style{
    border-top: 1px solid #DBDBC8;
}
table.style tr{
    border-left: 1px solid #DBDBC8;
}
table.style th,
table.style td{
    border-right: 1px solid #DBDBC8;
    border-bottom: 1px solid #DBDBC8;
    padding: 15px;
}
table.style th{
    background: #FBFBF6;
    font-weight: bold;
}
table.style.th_size1 th{
    width: 14em;
}
table.style th > span{
    display: flex;
    flex-wrap: wrap;
    gap: .5em 1em;
    font-size: 80%;
    margin-left: 1em;
    margin-top:5px;
    font-weight: normal;
}
table.style td{
    background: #fff;
}
@media (max-width:770px){
    table.style.spstyle,
    table.style.spstyle tbody,
    table.style.spstyle tr,
    table.style.spstyle th,
    table.style.spstyle td{
        display: block;
    }
    table.style.spstyle{
        border: none;
    }
    table.style.spstyle tr{
        border-top: 1px solid #DBDBC8;
        border-left: 1px solid #DBDBC8;
    }
    table.style.spstyle tr + tr{
        margin-top:15px;
    }
    table.style.spstyle.th_size1 th{
        width: auto;
    }
}


table.shop-listtable th,
table.shop-listtable td{
    padding: 10px;
}
table.shop-listtable thead th:nth-child(1){
    width: 11.5em;
}
table.shop-listtable thead th:nth-child(3){
    width: 8.6em;
}
table.shop-listtable thead th:nth-child(4){
    width: 8.2em;
}
table.shop-listtable thead th:nth-child(5){
    width: 12em;
}
@media (min-width:1161px){
    table.shop-listtable{
        font-size: 13px;
    }
}
@media (max-width:1160px){
    table.shop-listtable thead{
        display: none;
    }
    table.shop-listtable,
    table.shop-listtable tbody,
    table.shop-listtable tr,
    table.shop-listtable th,
    table.shop-listtable td{
        display: block;
    }
    table.shop-listtable{
        border:none
    }
    table.shop-listtable tr{
        border-top: 1px solid #DBDBC8;
        border-left: 1px solid #DBDBC8;
    }
    table.shop-listtable tr + tr{
        margin-top:15px;
    }
    table.shop-listtable td{
        display: flex;
    }
    table.shop-listtable td::before{
        content: attr(data-label);
        font-weight: bold;
        width: 6em;
    }
}

/*  */
.pager_link_wrapper{
	display: flex;
	justify-content: space-between;
	max-width: 260px;
	width: 100%;
    gap: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.pager_link_wrapper .box{
    width: 100%;
    max-width: 120px;
}
.pager_link_wrapper .link{
    display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    height: 45px;
	gap: 10px;
	font-weight: bold;
	color: #299D84;
    background: #fff;
	transition:
	color .3s;
	cursor: pointer;
    border: 2px solid #299D84;
    border-radius: 100vw;
}
.pager_link_wrapper .icon{
	font-size: 200%;
    line-height: 1;
    padding-bottom: 2px;
}
.pager_link_wrapper .link:hover{
    color: #fff;
    background: #299D84;
}
.pager_link_wrapper .link.disabled{
	pointer-events: none;
    background: #f9f5f3;
    border-color: #d7c6be;
	color: #af9a91;
}

.pager_text{
	margin-bottom: 0;
}
.pager_text b{
	font-size: 120%;
}


/*  */
.sort_block{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom:40px;
}
.sort_block .block{
	width: 9em;
	padding-right:5px;
	padding-left:5px;
	font-size: 15px;
	line-height: 1;
}
.sort_block .text{
	display: block;
	text-align: center;
	text-decoration: none;
	border-radius: 100vw;
	border: 1px solid #5b3125;
    color: #5b3125;
    font-weight: bold;
	padding: 8px 0;
    transition: background .2s, color .2s;
}
.sort_block .text:hover,
.sort_block .text:active{ color: #c71b00;}
.sort_block .text.disable{pointer-events: none; background: #830913; color: #fff;}


/*  */
.txtimg-item{
    display: flex;
    gap: 30px 40px;
}
.txtimg-item:not(:first-child){
    margin-top:30px;
}
.txtimg-item:nth-child(odd){
    background: #ECE3DE;
    padding: 20px;
}
.txtimg-item:nth-child(even){
    flex-direction: row-reverse;
}
.txtimg-item .imagebox{
    width: 100%;
    max-width: 275px;
}
.txtimg-item .textbox{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
}
@media (max-width:680px){
    .txtimg-item,
    .txtimg-item:nth-child(even){
        flex-direction: column;
        align-items: center;
    }
}


/*  */
.access_block .name{
    font-weight: bold;
    margin-bottom: 10px;
}
.access_block .map{
    display: block;
    border: none;
    width: 100%;
    height: 240px;
    margin-top:10px;
}



/*  */
.item_category_list .link,
.sub_item_list .link,
.category_list .link,
.sns_link .iconlist .block,
.contact_block .mail .img{
    transition:filter 0.3s, opacity 0.3s;
}
.item_category_list .link:hover,
.sub_item_list .link:hover,
.category_list .link:hover,
.sns_link .iconlist .block:hover,
.contact_block .mail .img:hover{
    filter:alpha(opacity=60); opacity:0.60;
}


/*  */
.news_block{
    display: flex;
    gap: 30px;
}
.news_block .news_image{
    width: 100%;
    max-width: 320px;
    text-align: center;
}
.news_block .news_text{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
}
.news_text_yyyymmdd{
    margin-bottom: 1em;
    font-size: 13px;
    line-height: 1;
    text-align: right;
    font-weight: bold;
    color: #a33710;
}
@media (max-width:1160px){
    .news_block .news_image{
        max-width: 37%;
    }
}
@media (max-width:770px){
    .news_block{
        flex-direction: column;
    }
    .news_block .news_image{
        max-width: 550px;
        margin-right: auto;
        margin-left: auto;
    }
}
.newslist{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.newslist .insta_inner{
    width: calc((100% - 10px * 2) / 3);
}
.newslist a{
    display: block;
    aspect-ratio: 1 / 1;
}
.newslist img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}