@charset "euc-jp";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&Noto+Sans+JP:wght@100..900&display=swap');
html{
	font-size: 62.5%;
}
body {
  background-color: #F5F5F5;
  background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
  color: #444444;
}
a {
  color: #444444;
}
a:hover {
  color: #444444;
 text-decoration: none;
 opacity: 0.7;
 transition: .3;
}
.e-head-line{
 font-weight: normal;
 font-size: 1.5rem;
 margin: 0;
 padding: 0 0 20px;
}
.e-head-line span{
 font-family: Montserrat;
 font-weight: 500;
 font-size: 5rem;
 letter-spacing: 0.05rem;
 padding-right: 20px;
}
/*
 * layout
 */
#wrapper {
/*  max-width: 1000px;*/
}
.container{
 width: 100%;
}
p{
 font-size: 1.5rem;
 margin: 0;
 letter-spacing: 0.05rem;
 line-height: 1.8;
}
/*
 * contents
 */
#contents{
/* width: 81%;*/
/* margin: 100px 4.2%;*/
 padding: 0;
 width: 100%;
 margin: 200px 4.2% 100px;
}
#contents .topicpath-nav {
/* margin-bottom: 5px;*/
 margin-bottom: 37px;
}
#contents .topicpath-nav li {
 padding: 0;
}
#contents .topicpath-nav li,
#contents .topicpath-nav a{
 font-size: 1.3rem;
 letter-spacing: 0.1rem;
}
#contents .topicpath-nav a {
 margin-left: 5px;
}

#contents .page-navi{
 display: flex;
 margin: 0 0 37px;
}
#contents .page-navi li:not(:last-child){
 margin: 0 35px 0 0;
 position: relative;
}
#contents .page-navi li:not(:last-child)::after{
 position: absolute;
 content: "";
 background: url(https://aa1185ddq1.smartrelease.jp/satsumaen/ec/img/icon/arrow.svg);
 background-repeat: no-repeat;
 background-size: contain;
 width: 15px;
 height: 15px;
 margin: 0 0 0 10px;
}

#contents .page-navi li,
#contents .page-navi li a{
 font-size: 13px;
 font-weight: 300;
 letter-spacing: 0.1rem;
}

/*
 * side
 */
#side.side-menu{
/*
 background-color: #fff;
 width: 10%;
 min-width: 200px;
*/
 height: fit-content;
/* position: relative;*/
 width: unset;
 max-width: 300px;
 min-width: unset;
 background-color: unset;
 position: fixed;
}
#side.side-menu a:hover{
 transition: .3s;
 opacity: 0.7;
}
/*
#side .unstyled img {
  display: block;
  margin-bottom: 5px;
}
*/
.h-logo{
 display: block;
 margin: 0 auto;
}
#side.side-menu .menu-list{
 position: absolute;
 top: 41%;
 margin: 0;
}
#side.side-menu .menu-list li{
 font-size: 1.5rem;
 letter-spacing: 0.1rem;
}
#side.side-menu .menu-list li:not(:last-child){
 margin: 0 0 30px;
}
#side.side-menu .sns-list{
 position: absolute;
 display: flex;
 left: 0;
 right: 0;
 justify-content: center;
 margin: 0;
 bottom: 5%;
}
#side.side-menu .sns-list li:first-child{
 margin-right: 20px;
}
#side.side-menu .sns-list li a:hover img{
 transition: .3s;
 opacity: 0.7;
}


/*
 * 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;}

/* 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_b_100 { 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_v_50 { padding: 50px 0; }
.pad_v_80 { padding: 80px 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_r_40 { padding-right: 40px; }
.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;
  }
}
@media (max-width: 768px) {
 /* ~768px */
 #contents {
  padding-left: 0;
 }
 .container{
  padding: 0;
 }
}
@media (max-width: 480px) {
  /* ~480px */
}

/*
 * 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); }
}

/*add start*/
#header{
 position: absolute;
 top: 52px;
 right: 3%;
}
#header > ul{
 margin: 0;
 float: unset;
 display: flex;
 position: fixed;
right: 45px;
z-index: 100;
}
#header > ul > li{
 padding: 0;
 margin: 0;
}
#header > ul > li:not(:last-child){
 margin: 0 30px 0 0;
}
#header > ul > li:nth-child(5){
 position: relative;
 padding-right: 50px;
 margin-right: 50px;
}
#header > ul > li:nth-child(5)::after{
 position: absolute;
/* content: "";*/
 width: 1px;
 height: 25px;
 background-color: #333;
 margin-left: 50px;
}
#header > ul > li a{
 font-size: 1.5rem;
 color: #333;
 letter-spacing: 0.1rem;
}
/*�ƒ�ƒ�‡‚�Ÿƒ�ƒ�‹�‚�ƒ�‹�ƒ�šœƒ‹�ƒ�ƒ�ƒ�*/
#g-nav,
#g-nav2{
 position:fixed;
 z-index: 999;
 top:0;
 right: -120%;
 width: 100%;
 max-width: 590px;
 height: 100vh;
 background:#222;
 transition: all 0.6s;
}
#g-nav,
#g-nav.panelactive #g-nav-list,
#g-nav.panelactive #g-nav-list .custom-gnav{
 height: auto!important;
}
#g-nav.panelactive,
#g-nav2.panelactive{
 right: 0;
}
#g-nav.panelactive #g-nav-list,
#g-nav2.panelactive #g-nav-list{
 position: relative;
 z-index: 999;
 width: 100%;
 max-width: 525px;
 height: 100vh;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
}
#g-nav.panelactive #g-nav-list .custom-gnav,
#g-nav2.panelactive #g-nav-list .custom-gnav{
 height: 100vh;
 margin: 30% 10%;
 text-align: left;
}

/*========= �ƒœ�‚�…Ÿ��ƒ�‡‚�Ÿ�Ÿ�‚��CSS ===============*/
.openbtn1,
.openbtn2{
 position:relative;
 z-index: 9999;/*�ƒœ�‚�…Ÿ��ƒ�‡‚�Ÿ‚’�œ€�‰��‰��*/
 cursor: pointer;
 width: 60px;
 height: 60px;
}
/*�—���‰�Œ–*/
.openbtn1 span,
.openbtn2 span{
 display: inline-block;
 transition: all .4s;
 position: absolute;
 left: 0;
 height: 2px;
 background-color: #444;
 width: 60px;
}
.openbtn1 span:nth-of-type(1),
.openbtn2 span:nth-of-type(1){
 top: 0px;
}
.openbtn1 span:nth-of-type(2),
.openbtn2 span:nth-of-type(2){
 top: 15px;
}
.openbtn1.active span,
.openbtn2.active span{
 background-color: #fff;
}
.openbtn1.active span:nth-of-type(1),
.openbtn2.active span:nth-of-type(1){
 top: 0;
 left: 0;
 transform: translateY(6px) rotate(-45deg);
 width: 60px;
}
.openbtn1.active span:nth-of-type(2),
.openbtn2.active span:nth-of-type(2){
 top: 0;
 left: 0;
 transform: translateY(6px) rotate(45deg);
 width: 60px;
}
.custom-gnav form{
 margin: 0;
 position: relative;
}
.custom-gnav form .search-box{
 position: relative;
 width: 100%;
 height: 32px;
 background-color: transparent;
 border: 0;
 border-bottom: solid 1px #fff;
 font-size: 1.4rem;
 color: #fff;
 line-height: 1.1;
 border-radius: 0;
 -webkit-appearance: none;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 4px 6px 4px 30px;
}
.bor-box {
border: none;
}
.custom-gnav form .search-icon{
 position: absolute;
 width: 20px;
 height: 17px;
 background-image: url(https://aa1185ddq1.smartrelease.jp/satsumaen/ec/img/icon/search.png);
 background-size: contain;
 background-position: center center;
 background-repeat: no-repeat;
 top: 0;
 bottom: 2px;
 margin: auto;
}
.custom-gnav form .search-box:focus{
 outline:none;
}
.custom-gnav .middle-menu{
 margin: 0;
 padding: 50px 0;
 border-bottom: solid 1px #444;
 list-style: none;
}
.custom-gnav .middle-menu li{
 text-align: left;
}
.custom-gnav .middle-menu li:not(:last-child){
 margin: 0 0 20px;
}
.custom-gnav > .middle-menu > li:nth-child(3) a{
 display: block;
 margin-bottom: 10px;
}
.custom-gnav .middle-menu li a{
 color: #fff;
 font-weight: 600;
 letter-spacing: 0.05rem;
 line-height: 1.8;
 padding: 0;
}
.custom-gnav .middle-menu li select{
 background-color: transparent;
 border: none;
 color: #fff;
 margin: 0;
 padding: 0;
}
.custom-gnav .middle-menu li .product-cat-list{
 margin: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
}
.custom-gnav .middle-menu li .product-cat-list li{
 width: 50%;
 margin: 0 0 10px;
}
.custom-gnav .middle-menu li .product-cat-list li a{
 display: flex;
 align-items: center;
}
.custom-gnav .middle-menu li .product-cat-list li img{
 width: 50px;
 margin-right: 20px;
}
.custom-gnav .bottom-menu{
 list-style: none;
 margin: 0;
 padding: 20px 0;
 border-bottom: solid 1px #444;
 display: flex;
 gap: 50px;
 justify-content: center;
}
.custom-gnav .bottom-menu li{
 width: fit-content;
}
.custom-gnav .bottom-menu li,
.custom-gnav .bottom-menu li a{
 color: #fff;
 letter-spacing: 0.05rem;
 font-weight: 600;
}
.custom-gnav .other-menu{
 padding: 30px 0 0;
}
.custom-gnav .other-menu .om-01{
 list-style: none;
 font-size: 1.3rem;
 margin: 0;
 padding: 0 0 50px;
 display: flex;
 gap: 30px;
 justify-content: right;
}
.custom-gnav .other-menu .om-01 li{
 margin: 0 0 10px;
}
.custom-gnav .other-menu .om-01 li a{
 color: #fff;
 letter-spacing: 0.05rem;
}
.custom-gnav .other-menu div .om-02{
 margin: 0;
 list-style: none;
 display: flex;
}
.custom-gnav .other-menu div .om-02 li{
 margin: 0 20px 0 0;
}
.custom-gnav .other-menu div small{
 font-size: 1.2rem;
 color: #444;
 letter-spacing: 0.05rem;
 display: block;
 text-align: center;
 margin: auto;
}
/*�ƒ�ƒ�‡‚�Ÿƒ�ƒ�‹�‚�ƒ�‹�ƒ�šœƒ‹�ƒ�ƒ�ƒ�*/
.row{
 display: flex;
}
.row:after{
 display: none;
}
.row .side{
 float: left;
}
.top-menu{
 display: none;
}
.seconds-menu{
 display: block;
}
.h-logo{
 display: block;
}
.top-h-logo{
 display: none;
}
#side.side-menu .sns-list li .top-sns{
 display: none;
}
#side.side-menu .sns-list li .seconds-sns{
 display: block;
}
.method-list{
 display: flex;
 margin: 0;
}
.method-list li{
 width: 50%;
 height: 100px;
 text-align: center;
 position: relative;
 background: #222;
}
.method-list li a{
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 18px;
 color: #fff;
 letter-spacing: 0.06rem;
 position: relative;
}
.method-list li a div{
 width: 24px;
 height: 24px;
 background-size: contain;
 background-repeat: no-repeat;
 margin-right: 10px;
}
.method-list li:first-child a div{
 background-image: url(https://aa1185ddq1.smartrelease.jp/satsumaen/ec/img/icon/payment-method.svg);
}
.method-list li:last-child a div{
 background-image: url(https://aa1185ddq1.smartrelease.jp/satsumaen/ec/img/icon/shipping-method.svg);
}
.method-list li:first-child a::after{
 position: absolute;
 content: "";
 width: 1px;
 height: 50px;
 background-color: #fff;
 right: 0;
}
#footer{
 background-color: #444;
 color: #fff;
}
#footer a{
 color: #fff;
}
#footer .f-flow-box{
 width: 79%;
 max-width: 1514px;
 display: flex;
 margin: auto;
}
#footer .f-flow-box .ffb-01{
 width: 64%;
 text-align: left;
}
#footer .f-flow-box .ffb-01 img + div > p:first-child{
 font-size: 15px;
 font-weight: 600;
 margin-top: 30px;
}
#footer .f-flow-box .ffb-01 img + div > p:nth-child(2){
 margin-bottom: 20px;
}
#footer .f-flow-box .ffb-01 .contact{
 display: flex;
 font-weight: bold;
 margin-bottom: 50px;
}
#footer .f-flow-box .ffb-01 .contact p:first-child{
 margin-right: 20px;
}
#footer .f-flow-box .ffb-01 > div > div:last-child{
 width: 64%;
 font-size: 13px;
}
#footer .f-flow-box .ffb-01 > div > div:last-child a:first-child{
 margin-right: 28px;
}
#footer .f-flow-box .ffb-01 > div > div:last-child small{
 display: block;
 font-size: 12px;
 margin-top: 20px;
}
#footer .f-flow-box ul.inline:last-child{
 width: 36%;
 margin: 0 0 0 auto;
 text-align: right;
}
#footer .f-flow-box ul.inline:last-child li{
 margin: 0 30px 30px 0;
 padding: 0;
}
#footer .f-flow-box ul.inline:last-child li:nth-child(5),
#footer .f-flow-box ul.inline:last-child li:last-child{
 margin-right: 0;
}
#footer .f-flow-box ul.inline:last-child li:nth-child(n+5){
 margin-bottom: 0;
}
@media (max-width: 768px){
 p{
  margin-bottom: 0px;
 }
 #footer .f-flow-box{
  width: 100%;
  max-width: none;
  display: block;
 }
 #footer .f-flow-box .ffb-01{
  width: auto;
 }
 #footer .f-flow-box .ffb-01 > div > div:last-child{
  width: 100%;
 }
 #footer .f-flow-box ul.inline:last-child{
  display: none;
 }
}
/*�ƒ•�ƒ�ƒ�‹�ƒš�ƒ�‹�‚�*/
/*�‚ˆ��‚�‚‹�”��–�•�*/
.faq .main{
 margin: 0 0 112px;
}
.faq .main-content{
 width: 87%;
 margin: 0 auto;
}
.faq .main-content .e-head-line{
 padding: 0 0 48px;
}
.faq .ac li{
 margin-bottom: 20px;
 padding: 3% 4%;
 background-color: #fff;
}
.faq .main-content .ac-label{
 cursor: pointer;
 position: relative;
}
.faq .main-content .ac-label p{
 font-size: 1.8rem;
}
.faq .main-content .ac-label.fw{
 font-weight: bolder;
}
.faq .ac li .ac-content p{
 margin: 29px 0 0;
 font-size: 1.6rem;
}
.faq .main-content .ac-content{
 display: none;
}
.faq .main-content .icon-wrap{
 position: absolute;
 right: 5px;
 top: 50%;
 transform: translatey(-50%);
 width: 38px;
 height: 38px;
}
.faq .main-content .icon{
 position: relative;
 display: inline-block;
 width: 100%;
 height: 100%;
}
.faq .main-content .icon:before,
.faq .main-content .icon:after{
 position: absolute;
 content: "";
 display: block;
 transition: all 0.4s;
 background: #444;
 left: 50%;
 top: 50%;
 width: 50%;
 height: 2px;
 transform: translate(-50%, -50%);
}
.faq .main-content .icon:before{
 transform: translate(-50%, -50%) rotate(90deg);
}
/*�š‹�€�š�ˆ‡�‚Š�›�…Ÿ��ˆ*/
.faq .main-content .icon.open:before {
 transform: translate(-50%, -50%) rotate(0deg);
}
.more-link{
 display: block;
 width: 13%;
 min-width: 250px;
 background-color: #fff;
 margin: 50px auto 0;
 text-align: center;
 border-radius: 25px;
 font-size: 1.8rem;
 letter-spacing: 0.05rem;
 line-height: 1;
 padding: 18px 0 14px;
}
.hidden-pc{
 display: none;
}
@media screen and (min-width: 801px) and (max-width: 1441px) {
 #footer .f-flow-box ul.inline:last-child{
  width: 63%;
 }
}
@media screen and (max-width: 800px) {
 #header{
  width: 90%;
  position: absolute;
  top: 30px;
  right: unset;
  z-index: 10;
  margin: 0 20px;
 }
 .hidden-pc{
  display: flex;
 }
 #header .hidden-pc > div:last-child{
  display: inline-flex;
  margin: 0 0 0 auto;
  position: fixed;
  right: 20px;
 }
 #header .hidden-pc > div:last-child .cart-area{
  margin-right: 20px;
 }
 #header .hidden-pc > div:last-child .cart-area a{
  display: flex;
 }
 #header .hidden-pc > div:last-child .cart-area img{
  margin-right: 5px;
 }
 #g-nav2{
  width: 100%;
  right: 0;
  top: -120%;
 }
 #g-nav2.panelactive{
  top: 0
 }
 #g-nav2.panelactive #g-nav-list{
  max-width: 100%;
 }
 #side.side-menu{
  display: none!important;
 }
 .seconds-menu{
  display: none;
 }
 .more-link{
  width: 71.4%;
  margin: 30px auto 50px;
  padding: 4% 0%;
 }
 .e-head-line{
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  padding: 0 0 7%;
 }
 .e-head-line span{
  font-size: 2.4rem;
  padding-right: 3%;
 }
 #footer{
  padding: 12% 5%;
 }
 #footer .f-flow-box .ffb-01 img{
  display: block;
  width: 69%;
  margin: 0 auto;
 }
 #footer .f-flow-box .ffb-01 img + div > p:first-child{
  margin: 18% auto 6%;
  line-height: 0;
 }
 #footer .f-flow-box .ffb-01 img + div > p:nth-child(2){
  margin-bottom: 6%;
 }
 #footer .f-flow-box .ffb-01 .contact p:first-child{
  line-height: 1;
  margin-right: 0;
  margin-bottom:3%;
 }
 #footer .f-flow-box .ffb-01 .contact p:last-child{
  line-height: 1;
  margin: 0;
 }
 #footer .f-flow-box .ffb-01 .contact{
  display: block;
  margin-bottom: 16%;
 }
 #footer .f-flow-box .ffb-01 > div > div:last-child a:first-child{
  margin-right: 7%;
 }
 #footer .f-flow-box .ffb-01 > div > div:last-child small{
  margin-top: 6%;
 }
 .method-list{
  display: block;
 }
 .method-list li{
  width: 100%;
  height: auto;
 }
 .method-list li a{
  font-size: 1.6rem;
  padding: 4% 0;
 }
 .method-list li:first-child a::after{
  right: unset;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #444;
 }
 .shop{
  display: none;
 }
 #contents{
  width: 100%;
  margin: 100px 4.2% 50px;
 }
 #contents .page-navi{
  margin: 0 0 18px;
 }
 .faq .main{
  margin: 0 0 30px;
 }
 .faq .main-content{
  width: 100%;
 }
 .faq .main-content .e-head-line{
  padding: 0 0 20px;
 }
 .faq .main-content .ac-label p{
  font-size: 1.4rem;
  padding-right: 8%;
 }
 .faq .main-content .icon:before, .faq .main-content .icon:after{
  left: 90%;
 }
 .faq .ac li .ac-content p{
  margin: 14.5px 0 0;
  font-size: 1.4rem;
 }
 .top-center-logo{
  width: 50%;
 }
}
.top-display{
 display: none;
}
/*add end*/

/* 2023.12.27�吨�Š� */
.list {
  display: flex;
  justify-content: center;
  gap: 10px;
  background-color: antiquewhite;
}

.link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color .15s;
padding-bottom: 20px;
}

.dropDown {
  position: absolute;
  bottom: 0;
  display: none;
  padding: 15px;
  background-color: #fff;
  color: initial;
  transform: translate(0, 100%);
background: #222222;
	width: 760px;
	right: -300px;
}

.link:hover > .dropDown,
.link:focus > .dropDown {
  display: block;
}

.custom-gnav .link:hover > .dropDown,
.custom-gnav .link:focus > .dropDown{
 display: none!important;
}

.dropDown__list {
 display: flex;
 flex-wrap: wrap;
 list-style: none;
}

.dropDown__link {
  transition: color .15s;
	color: #FFFFFF;
}
.dropDown__link:hover{
	text-decoration: none;
}
.dropDown__item .dropDown__link img{
	width: 50px;
    margin-right: 20px;
}
li.dropDown__item{
	padding: 5px;
	width: 235px;
	text-align: left;
}
@media screen and (max-width: 800px){
	.dropDown{
		display: none;
	}
}
@media screen and (max-width: 1450px){
#g-nav.panelactive #g-nav-list .custom-gnav{
  margin: 5% 10%;
}
.custom-gnav .other-menu div small{
  display: none;
}
}

/* 2024.07.01 */
/* ------ header ------ */
body {
	font-family: "Noto Sans JP", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "�ƒ’�ƒ�ƒ�角�‚� Pro W3", "Hiragino Kaku Gothic Pro", "�ƒ¡ã‚¤ãƒ�‚�", Meiryo, Osaka, "ï¼�¼³ Ｐゴシッ�‚�", sans-serif;
}
body > #wrapper {
    padding-top: 50px;
    /* padding-top: 197px; */
}
#header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 100;
		background-color: #F5F5F5;
    height: 197px;
}
.header-contents {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.header-contents-sp {
	display: none;
}
.bar-postage {
    display: flex;
    background: #404640;
    color: #fff;
    width: 100%;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.g-nav-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    max-width: 1920px;
    padding: 45px 1.35% 45px 2.6%;
    margin: 0 auto;
    box-sizing: border-box;
    height: 147px;
}
.header-logo {
    width: 13%;
    height: auto;
    max-width: 250px;
    min-width: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 250 / 45;
    flex-shrink: 0;
}
.header-logo > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.g-nav-group {
    display: flex;
    width: 56%;
    max-width: 1070px;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
}
ul.g-nav {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
    width: 100%;
    height: 20px;
    padding-right: 40px;
    border-right: 1px solid #ccc;
}
ul.g-nav li {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 105px;
		flex-shrink: 0;
}
ul.g-nav li .link {
    padding: 0 !important;
}
ul.g-nav li .dropDown {
    bottom: -15px !important;
}
.header-btn-box {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    max-width: 460px;
    justify-content: space-between;
}
.header-btn-box > a {
    width: 100%;
    color: #fff;
    background: #80807c;
    max-width: 220px;
    height: 55px;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
		gap: 6px;
}
.header-btn-box > a.btn-login {
    background: #111;
}
.header-btn-box > a.btn-cart {
    background: #525A45;
}

@media screen and (max-width: 1200px){
	body > #wrapper {
    padding-top: 146px;
}
#header {
    height: 146px;
}
ul.g-nav {
    gap: 25px;
    padding-right: 25px;
}.g-nav-group {
    gap: 25px;
}
.g-nav-area {
    padding: 30px 1.35% 30px 2.6%;
    height: auto;
}
.header-btn-box {
    gap: 10px;
}
.header-btn-box > a {
    height: 35px;
    font-size: 11px;
    min-width: 105px;
}
}

@media screen and (max-width: 999px){
	.header-logo {
    min-width: 150px;
}
ul.g-nav {
    gap: 15px;
    padding-right: 15px;
}
.g-nav-group {
    gap: 15px;
}
}

@media screen and (max-width: 800px){
	body > #wrapper {
    padding-top: 0;
}
#header {
    height: auto;
    background-color: rgb(0 0 0 / 38%);
        margin: 0;
}
.header-contents {
	display: none;
}
.header-contents-sp {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    box-sizing: border-box;
    height: 60px;
}
.header-contents-sp > div:last-of-type {
    display: flex;
    gap: 15px;
    align-items: center;
}
.cart-area > a {
    display: flex;
    gap: 3px;
    color: #fff;
    align-items: center;
}
.openbtn2 {
    position: relative;
    z-index: 9999;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    flex-flow: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.openbtn1 span, .openbtn2 span {
    position: relative;
    left: auto;
    width: 100%;
}
.openbtn2 span:nth-of-type(1) {
    top: auto;
}
.openbtn2 span:nth-of-type(2) {
    top: auto;
}
.openbtn1.active span:nth-of-type(1), .openbtn2.active span:nth-of-type(1) {
    top: 0;
    left: 0;
    transform: translateY(6px) rotate(-45deg);
    width: 39px;
}
.openbtn1.active span:nth-of-type(2), .openbtn2.active span:nth-of-type(2) {
    top: 0;
    left: 0;
    transform: translateY(-5px) rotate(45deg);
    width: 39px;
}
#g-nav, #g-nav2 {
    background: #404640;
}
}

/* ------ footer ------ */
.method-list {
    background: #333;
}
.method-list li {
    height: 150px;
    background: none;
}

@media screen and (max-width: 800px) {
.method-list li {
    height: 100px;
}
}
.method-list li a {
    box-sizing: border-box;
}
#footer {
    background-color: #404640;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 32px;
    box-sizing: border-box;
}
#footer .f-flow-box {
    width: 100%;
    max-width: 1920px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    gap: 20px;
    padding: 0 7.8%;
    box-sizing: border-box;
}
.footer-g-nav-contents {
    width: 36%;
    max-width: 426px;
    display: flex;
    justify-content: flex-end;
}
.footer-g-nav-group {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 20px;
    align-items: flex-end;
}
.footer-g-nav {
    display: flex;
    gap: 30px;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}
.footer-g-nav > .btn-login, .footer-g-nav > .btn-cart {
    display: flex;
    align-items: center;
    gap: 6px;
}
.footer-g-nav-group .footer-g-nav:last-of-type {
    margin-top: 30px;
}
#footer .f-flow-box .ffb-01 {
    display: flex;
    flex-flow: column;
    gap: 20px;
}
#footer .f-flow-box .ffb-01 p {
    font-size: 1.3rem;
}
.footer-logo {
    width: 24.3%;
    height: auto;
    max-width: 250px;
    min-width: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 250 / 45;
}
.footer-logo > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#footer .f-flow-box .ffb-01 .contact {
    margin-bottom: 0;
    margin-top: 10px;
}
#footer .f-flow-box .ffb-01 .contact p:first-child {
    margin-right: 0;
}
.footer-copy {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 38px;
    letter-spacing: 1.2px;
    font-size: 13px;
}

@media screen and (max-width: 800px) {
	#footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
#footer .f-flow-box {
    justify-content: center;
    padding: 0 5%;
}
#footer .f-flow-box .ffb-01 {
    gap: 20px;
    width: 100%;
    align-items: center;
}
.footer-logo {
    width: 100%;
    max-width: 180px;
    min-width: 180px;
}
.footer-logo > img {
    width: 100% !important;
}
#footer .f-flow-box .ffb-01 > div {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
}
}
.g-nav-area form{
 margin: 0;
 position: relative;
}
.g-nav-area form .search-box{
 border: solid 1px #ccc;
 border-radius: 20px;
 padding: 10px 10px 10px 40px;
 color: #444;
 font-size: 1.4rem;
 line-height: 1.7;
}
.g-nav-area form .search-icon svg{
 display: block;
 position: absolute;
 width: 25px;
 top: 0;
 bottom: 0;
 left: 12px;
 margin: auto;
}
.g-nav-area form .search-icon svg path{
 fill: #ccc;
}
@media screen and (min-width:1358px) and ( max-width:1441px) {
 .g-nav-group{
  width: 69%;
  gap: 20px;
 }
}