@import url('css-NotoSansJP100300400500700900_swap_japanese.css');
@import url('css2-NotoSerifJPwght300400500600700_swap.css');
@import url('css2-DancingScriptwght400500600700_swap.css');
@import url('css2-Poly_swap.css');
@import url("makeshop.css");

/*---------------------------------
reset
---------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  list-style-type:none;
}

body { line-height:1; }

img{ max-width:100%; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }

/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration:line-through; }

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table { border-collapse:collapse; border-spacing:0; }

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}
*,
*::before,
*::after {
  box-sizing:border-box;
}
.bx-wrapper {
  background-color:transparen!importantt;
  border:none!important;
  box-shadow:none!important;
}
@media (min-width:751px) {
  a[href*="tel:"] {
    pointer-events:none;
    cursor:default;
    text-decoration:none;
  }
}
/*---------------------------------
base
---------------------------------*/
body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: normal;
    scroll-behavior: smooth;
    color: #000;
    font-size: 15px;
    color: #000;
    line-height: 1.7;
    letter-spacing: .5px;
}
a { color:#000; text-decoration:none; }
a:hover { /*text-decoration:underline;*/ opacity:.7; }

.clearfix::after { content:""; display:block; clear:both; }
.main { width:100%; margin:0 auto; }
.contents-section { max-width:1200px; margin:50px auto 100px; padding:0 15px; }
.contents-heading {
  display:flex; align-items:baseline; margin-right:10px; margin:0 auto 24px;
  color:#3e220a; font-family:"HiraMinProN-W6","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6","HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
/*.information-heading { padding-bottom:25px; border-bottom:3px double #3e220a; }*/
.heading-title { position:relative; padding-left: 10px; font-size:24px; font-weight:normal; margin-right:10px; }
.heading-title:before {
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    width: 63px;
    height: 63px;
    background-color: #feedde;
    border-radius: 50%;
    z-index: -1;
}
.lowglucide .heading-title:before{ background-color: rgb(95,35,21,0.2); }

.heading-sub-title { font-family:'Poly', serif; font-weight:100; }
.item-title-wrap { max-width:1200px; margin:0 auto; padding-top:130px; }
.item-title-wrap span { font-size:14px; display:inline-block; margin-bottom:14px; }
.item-title { color:#3e220a; font-size:32px; font-weight:400; }
.section-title { font-size:20px; font-weight:bold; color:#3e220a; padding-left:8px; }
/*.contents-wrap p { line-height:2.4em; }*/
.contents-wrap p { line-height:1.8; }
/*---------------------------------
button
---------------------------------*/
.btn-wrap {
  text-align:center;
}
.btn {
  position:relative;
  z-index:2;
  background:#fff;
  color:#3e220a;
  border:1px solid #3e220a;
  display:inline-block;
  text-align:center;
  text-decoration:none;
  line-height:54px;
  outline:none;
  border-radius:5px;
}
.btn {
  display:inline-block;
  width:200px;
  height:54px;
  text-align:center;
  text-decoration:none;
  line-height:54px;
  outline:none;
}
.btn::before,
.btn::after {
  position:absolute;
  z-index:-1;
  display:block;
  content:'';
}
.btn,
.btn::before,
.btn::after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all .3s;
  transition:all .3s;
}
.btn:hover {
  background:#3e220a;
  color:#fff;
  text-decoration:none;
  opacity:.8;
}
.product-list-btn {
  width:230px;
}
.mail-magazine-btn {
  width:100%;
}
/*---------------------------------
cart-button
---------------------------------*/
.add-btn {
  font-size:18px;
  font-weight:bold;
  text-align:center;
  width:100%;
  border-radius:3px;
  margin-bottom:40px;
}
.outstock-btn {
  background:#989898;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  width:60%;
  border-radius:3px;
  padding:24px;
}
.outstock {
  color:#fff;
  display:inline-block;
  border-radius:2px;
  width:100%;
}
.sold-btn {
  background:#adadad!important;
}
.sold-btn:hover {
  background:#989898!important;
}
.cart-btn {
  display:inline-block;
  border-radius:2px;
  width:100%;
  padding:24px;
  background:#af4233;
}
.cart-btn:hover {
  background:#EB503C;
}
.cart-btn2 {
  display: block;
  margin-top: 14px;
  padding: 12px;
  background: #fff;
  border: solid 1px #af4233;
  color: #af4233!important;
}
.cart-btn2 .small{ font-size: .7em; font-weight: 400; }
.add-btn a {
  color:#fff;
  text-decoration:none;
}
.add-btn a:hover {
  opacity:1;
}
.add-btn-right {
  width:24%;
}
.cart-option-area {
  font-size:12px;
  margin-top:10px;
}
.cart-option-area span {
  display:block;
}
.sell-period-btn {
 
}
.sell-period-btn p {
  color:#fff;
}
/*---------------------------------
header
---------------------------------*/
header { z-index:999; }
.header a:hover { text-decoration:none; }
.header { position:fixed; top:0; left:0; right:0; font-size:14px; }

.h_top > ul { padding:0 10px; text-align:right; background:#3f2714; }
.h_top > ul > li { display: inline; margin-left:20px; line-height:1.8; }
.h_top > ul > li > a { position:relative; color:#fff; font-size:13px; }
.h_top > ul > li > :hover { color:#bfbbb8; }
.h_top > ul > li > a:before { position:absolute; top:50%; left:-11px; margin-top:-3px; content:""; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 6px; border-color: transparent transparent transparent #ffffff; }

.top-bar {
  z-index:999; margin:0; padding:20px 0 16px; background:#fff;
  box-shadow:0px 0px 1px 0px rgba(0,0,0,0.4);
}
@-moz-document url-prefix() {
  .top-bar { box-shadow:0px 0px 3px 0px rgba(0,0,0,0.4); }
}
.header-inner { padding:0 40px; }
.shop-logo { float:left; margin:10px 16px 0 0; }
.shop-logo img { max-height:30px; }
.nav { float:left; display:flex; margin-top:5px; }
@media all and (-ms-high-contrast:none) {
  .nav { margin-top:11px; }
}
.drop-arrow { margin-left:6px; }
.nav-item a { padding:8px 14px; vertical-align:-webkit-baseline-middle; }
.second-nav { display:flex; float:right; }
.nav-item span { font-family:'Poly', serif; }
.second-nav li span { padding:8px 14px }
.second-nav img { display:block; width: 25px; height: 25px; margin:0 auto 6px; }
.nv-dropdown:active .drop-arrow {
  transform:rotate(180deg);
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.nv-dropdown:checked { transform:rotate(180deg); }
.sp-nav-wrap { display:none; }
.sp-second-nav-wrap { display:none; }
span.cart-badge {
  background:#EB503C;
  color:#fff;
  padding:2px 7px!important;
  font-size:10px;
  font-family:'Noto Sans JP', sans-serif;
  border-radius:10px;
  position:absolute;
  top:30px;
  right:52px;
}
/*---------------------------------
header-dropmenu
---------------------------------*/
.navigation ul li a{
  transition-property:border;
  transition-duration:0.5s;
  transition-timing-function:ease;
  transition-delay:0s;
}
.navigation>ul>li{ text-align:center; }
.navigation .drop-nv-wrap{ display:none; position:absolute; top:16px; z-index:-1; }
.nav-item { margin-right:8px; }
.navigation .drop-nv-wrap .dropdown-menu{
  line-height:1.4em;
  padding: 50px 0 30px 0;
  overflow:scroll;
  overflow-x:auto;
  max-height:80%;
  position:fixed;
  background-color:#f5f5f5;
}
::-webkit-scrollbar{
  width:10px;
}
::-webkit-scrollbar-track{
  background:#fff;
  border:none;
  border-radius:10px;
  box-shadow:inset 0 0 2px #777; 
}
::-webkit-scrollbar-thumb{
  background:#ccc;
  border-radius:10px;
  box-shadow:none;
}
.navigation .drop-nv-wrap .dropdown-menu > li{
  text-align:left;
  /*margin:12px 32px 0 0!important;*/
  padding-left:15px;
}
.navigation .drop-nv-wrap .dropdown-menu > li:nth-child(1) a{ border-top:none; }
.navigation .drop-nv-wrap .dropdown-menu > li > a{
  padding: 16px!important;
  display: block;
  border-top: dotted 1px #bdbdbd;
  font-size: 1.15em;
  font-weight: 500;
}
/*.dropdown-menu-list a:hover {
  text-decoration:underline!important;
}*/

.dropdown-menu2{ border-top: dotted 1px #bdbdbd; }
.dropdown-menu-list2 > a{ display:block; padding:8px 15px; }
.dropdown-menu-list2 > a:before {
  content:"-";
  padding-right:6px;
  vertical-align:text-top;
  font-weight:bold;
}


.article-title,
.article-title-pc {
  position:relative;
}
.article-title:after {
  content:"";
  position:absolute;
  right:-15px;
  top:20%;
  transition:all 0.2s ease-in-out;
  display:block;
  width:8px;
  height:8px;
  border-top:solid 2px #3e220a;
  border-right:solid 2px #3e220a;
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}
.article-title-pc:after {
  content:"";
  position:absolute;
  right:0;
  top:13px;
  transition:all 0.2s ease-in-out;
  display:block;
  width:7px;
  height:7px;
  border-top:solid 2px #3e220a;
  border-right:solid 2px #3e220a;
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}
@-moz-document url-prefix() {
  .article-title-pc:after {
    top:3px;
  }
}
.article-title.open:after,
.article-title-pc.open:after{
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  top:57%;
}
@-moz-document url-prefix() {
  .article-title.open:after,
  .article-title-pc.open:after {
    top:44%;
  }
}
/*---------------------------------
header-serch
---------------------------------*/
.search-link {
  display:inline-block;
  position:relative;
  float:right;
  padding:0;
}
.sp-header {
  display:none;
}
.search {
  float:right;
  position:relative;
}
.search-box {
  margin:0;
  float:left;
  display:none;
  position:relative;
  right:0;
}
.search-icon {
  margin:0;
  float:left;
  cursor:pointer;
}
a.btn-go {
  text-decoration:none;
  position:absolute;
  right:-55px;
  background:#fff;
}
.btn-go span {
  color:#3e220a;
  padding:9px 12px!important;
}
.search-box a:hover {
  opacity:1;
}
input[type="text"] {
  margin:21px 9px 0 0;
  padding:0 50px 4px 0px;
  border:none;
  border-bottom:1px solid #3e220a;
  outline:none;
}
.close {
  cursor:pointer;
  margin:0 0 0 -20px;
  position:absolute;
  top:27px;
}
/*---------------------------------
top
---------------------------------*/
/*---------------------------------
main-visual
---------------------------------*/
.main-visual {
  margin-top:111px;
}
#M_slider {
  width:100%;
  margin:0 auto;
  overflow:hidden;
}
/*.main-visual img {
  width:100%;
  object-fit:cover;
  height:80vh;
}*/
.main-visual {
  width: 100%;
}
.main-visual img {
  width: 100vw;
}
.bx-viewport {
  height: auto!important;
}
.bx-wrapper {
  margin-bottom: 20px!important;
}

.bx-wrapper .bx-pager {
  color:#666!important;
  bottom:16px!important;
  padding-top:0;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background:#E57C6F!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background:#fff!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  width:9px!important;
  height:9px!important;
  margin:0 7px!important;
}
.scroll-down a {
  display:none;
}
.bx-controls-direction {
  display:none;
}
/*---------------------------------
side-nav
---------------------------------*/
.group-all_items{ display:none; }
.side-bar{ width:25%; margin-right:5%; }
.left-nav {
    /*width:290px; margin-right:45px;*/
    width:100%;
    border-bottom: 1px solid #a27353;
    border-right: 1px solid #a27353;
    border-left: 1px solid #a27353;
}
.left-nav a{  display:block; color:#7f3a0b; }

.left-nav-title {
  margin-top:1px; font-weight:bold;
  border-top:1px solid #a27353; /*border-bottom:1px solid #a27353;*/
}
.left-nav-title a {
    display: block;
    padding: 15px;
    text-align: center;
    background: #7f3a0b;
    color: #fff;
    font-size: 1.15em;
}

.left-nav dd{ position: relative; }
.left-nav [class^="cat-"] > a{ position: relative; padding: 1.2em 35px 1.2em 60px; border-top: 1px solid #a27353; font-size: .95em; }
.left-nav [class^="cat-"] > a::before{
  position: absolute;
  content:"";
  width:40px;
  height:40px;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.left-nav .cat-lowglucide > a{ background: #f0e6d3; }

.left-nav .cat-lowglucide > a::before{ background:url(../image/lowglucide_icon.jpg); }
.left-nav .cat-limited > a::before{ background:url(../image/lemoncake_icon.jpg); }
.left-nav .cat-cakecollection > a::before{ background:url(../image/cakecollection_icon.jpg); }
.left-nav .cat-macaron > a::before{ background:url(../image/macaron_icon.jpg); }
.left-nav .cat-cheese > a::before{ background:url(../image/cheese_icon.jpg); }
.left-nav .cat-rollclub > a::before{ background:url(../image/rollclub_icon.jpg); }
.left-nav .cat-chocolate > a::before{ background:url(../image/chocolate_icon.jpg); }
.left-nav .cat-sacuka > a::before{ background:url(../image/sacuka_icon.jpg); }
.left-nav .cat-cookie > a::before{ background:url(../image/cookie_icon.jpg); }
.left-nav .cat-baked > a::before{ background:url(../image/baked_icon.jpg); }
.left-nav .cat-gift > a::before{ background:url(../image/gift_icon.jpg); }
.left-nav .cat-lemoncake > a::before{ background:url(../image/lemoncake_icon.jpg); }
.left-nav .cat-minazuki > a::before{ background:url(../image/minazuki_icon.jpg); }
.left-nav .cat-gelees > a::before{ background:url(../image/gelees_icon.jpg); }
.left-nav .cat-lautomne > a::before{ background:url(../image/lautomne_icon.jpg); }
.left-nav .cat-nouvelle_financier > a::before{ background:url(../image/nouvelle_financier_icon.jpg); }
.left-nav .cat-xmas > a::before{ background:url(../image/xmas_icon.jpg); }
.left-nav .cat-rutan_chocolat > a::before{ background:url(../image/rutan_chocolat_icon.jpg); }
.left-nav .cat-choualacreme > a::before{ background:url(../image/choualacreme_icon.jpg); }


/*サイドナビにトグルをつけるカテゴリ*/
.left-nav .cat-limited .toggle,
.left-nav .cat-lowglucide .toggle,
.left-nav .cat-chocolate .toggle,
.left-nav .cat-cookie .toggle,
.left-nav .cat-baked .toggle,
.left-nav .cat-gift .toggle
 {
  position:absolute;
  top:0;
  right:0;
  width: 35px;
  height: 62px;
  border-left:1px solid #fcddcb;
  cursor:pointer;
}
.left-nav .cat-lowglucide .toggle{ border-left: 1px solid #ac9975; }

.left-nav .cat-limited .toggle::before,
.left-nav .cat-lowglucide .toggle::before,
.left-nav .cat-chocolate .toggle::before,
.left-nav .cat-cookie .toggle::before,
.left-nav .cat-baked .toggle::before,
.left-nav .cat-gift .toggle::before{
  position:absolute;
  top:50%;
  left:50%;
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top:1px solid #7f3a0b;
  border-right:1px solid #7f3a0b;
  -webkit-transform:translate(-50%, -50%) rotate(135deg);
  transform:translate(-50%, -50%) rotate(135deg);
}
.left-nav .cat-limited .toggle.active::before,
.left-nav .cat-lowglucide .toggle.active::before,
.left-nav .cat-chocolate .toggle.active::before,
.left-nav .cat-cookie .toggle.active::before,
.left-nav .cat-baked .toggle.active::before,
.left-nav .cat-gift .toggle.active::before{
  -webkit-transform:translate(-50%, -50%) rotate(-45deg);
  transform:translate(-50%, -50%) rotate(-45deg);
}


.grandchild_list li{ font-size:14px; line-height:1.4em; border-bottom: dotted 1px #e9c6af; background: #fffbf7; }
.grandchild_list li:nth-child(1){ border-top: dotted 1px #a27353;}
.grandchild_list li:last-child{ border-bottom:none; }
.grandchild_list li a { display:block; padding:1em; }
.grandchild_list li a:hover { opacity:.7; }

.cat-lowglucide .grandchild_list li{ background: #f0e6d3; }

.group-price .left-nav-item{
  font-size:14px;
  line-height:1.4em;
  border-bottom: dotted 1px #a27353;
}
.group-price .left-nav-item:nth-child(1){ border-top: dotted 1px #a27353;}
.group-price .left-nav-item:last-child{ border-bottom:none; }
.group-price .left-nav-item a { display:block; padding:1em;border-top: none; }
.group-price .left-nav-item a:hover { opacity:.7; }

.left-nav-help { margin-top:1px; padding:12px 7px; border-top:1px solid #a27353; }
.nav-help-list { margin:18px 0; font-size:14px; line-height:1.4em; }
/*---------------------------------
information
---------------------------------*/
.information-list-wrap {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  border-top: 3px double #3e220a;
  border-bottom:3px double #3e220a;
  overflow-y: auto;
  height: 175px;
}
.information-list {
  display:flex;
  align-items:baseline;
  /*margin:0 0 32px;*/
  margin:25px 0;
}
.information-label {
  font-size:14px;
  font-weight:300;
  margin-right:24px;
}
.information-contents {
  line-height:1.2em;
}
.information-label:before {
  content:"-";
  padding-right:4px;
}
.information-contents a:hover {
  text-decoration:underline;
}
/*---------------------------------
product-container
---------------------------------*/
.product-container { display:flex; }
.product-contents-wrap { /*min-width:500px;*/ width:70%; }
.product-wrap { margin-bottom:72px; }
.new-product-wrap { border-bottom:3px double #3e220a; }
.product-list { max-width:888px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:baseline; }
.product-list-item {
  width:32%;
  /*min-width:279px;*/
  margin:0 2% 4% 0;
}
.product-list-item:nth-child(3n) { margin-right:0; }
.product-image-wrap { position:relative; width:auto; height:0; padding-bottom:100%; margin-bottom:8px; }
.product-image-wrap img {
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  top:0;
  left:0;
}
.product-image-wrap img:hover {
  opacity:.5;
}

.product-image-wrap .item-list-icon li{
  position: absolute;
  top: 45px;
  left: 10px;
  width: 90px;
  height: 26px;
  z-index: 1;
}
.product-image-wrap .item-list-icon li img:hover {
  opacity:1;
}

.product-name-link {
  line-height:1.6em;
}
/*.product-list-item a div:hover {
  opacity:.7;
}*/
.product-caption {
  font-weight:500;
}
.product-price {
  display:inline-block;
  margin-top:8px;
}
.product-discount {
  text-decoration:line-through;
}
.product-sale-price {
  color:#EB503C;
  font-weight:500;

}
.sold-out {
  display:inline-block;
  font-size:10px;
  font-weight:100;
  background:#adadad;
  color:#fff;
  padding:0 6px;
  border-radius:2px;
  font-family:'Poly', serif;
  margin-bottom:5px;
}
/*---------------------------------
footer
---------------------------------*/
footer { margin-top:100px; }
footer .box1 { background:#f6efe0; }
footer .box1 .shop_area { order:2; width:38%; padding:20px 20px 10px; color:#5f2315; font-size:16px; }
footer .box1 .shop_area .logo { width:100%; margin: 1em 0 0; text-align:center; }
footer .box1 .shop_area .txt_box { width:100%; max-width:380px; margin:0 auto; }
footer .box1 .shop_area .address { margin-bottom:0; font-size: 15px; }
footer .box1 .shop_area .open_hour { margin-top: 1em; font-size: 15px;  }
footer .box1 .shop_area .txt_tel { position: relative; margin:0; padding-left: 35px; font-size: 26px; }
footer .box1 .shop_area .txt_tel:before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ""; background-image: url(../image/ico_tel.png); background-color: #69362a; background-repeat: no-repeat; background-position: center center; background-size: contain; border-radius: 50%; width: 27px; height: 27px; }
footer .box1 .shop_area .txt_tel a{ color: #5f2315; }
footer .box1 .link_web { order:1; }
footer .box1 .link_toushitsu { order:3; }
footer .box1 .link_web,
footer .box1 .link_toushitsu { position:relative; width:31%; }
footer .box1 .link_web div,
footer .box1 .link_toushitsu div { display:block; height:100%; }
footer .box1 .link_web a:hover,
footer .box1 .link_toushitsu a:hover{ opacity: 1; }

footer .box1 .link_web div { background:url(../image/footer_img_web.jpg) no-repeat 50% 50% / cover; }
footer .box1 .link_toushitsu div { background:url(../image/footer_img_toushitsu.jpg) no-repeat 50% 50% / cover; }
footer .box1 a span { position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); transform: -webkit-translateY(-50%) translateX(-50%); display:block; min-width: 240px; padding:10px 20px; color:#5f2315; font-size:18px; text-align:center; background:rgba(255,255,255,0.7); line-height:1.2; }
footer .box1 .link_web a span { padding:22px 20px; }
footer .box1 a  span:after { position: absolute; top: 50%; right: 7px; margin-top: -4px; content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 10px; border-color: transparent transparent transparent #5f2215; }
footer .box1 .link_web a:hover span,
footer .box1 .link_toushitsu a:hover span { color: #fff; background: rgb(95, 34, 21,0.7); -webkit-transition:all .3s; transition:all .3s; }
footer .box1 .link_web a:hover span:after,
footer .box1 .link_toushitsu a:hover span:after { border-color: transparent transparent transparent #fff; }

footer .box2 { text-align:center; padding:40px 0 10px; }
footer .box2 .fnav { max-width:800px; margin:0 auto; justify-content:space-around; -webkit-justify-content:space-around; font-size:13px; }
footer .box2 .fnav li { width:21%; margin-bottom:5px; text-align:left; }
footer .box2 .fnav li a { color:#471509; }
footer .fnav2 { max-width:400px; margin:10px auto; }
footer .box2 .fnav li.sns { width: 100%; text-align: center; margin: 20px auto; }
footer .box2 .fnav li.sns p { display:inline-block; text-align:center; }
footer .box2 .fnav li.sns .fb { margin-right:2px; }
footer .box2 .fnav li.sns a { display:block; background-color:#69362a; border-radius:50%; width:32px; height:32px; padding-top:7px; }
footer .box2 .fnav li.sns a:hover { background-color:#97736a; }
footer .box2 .fnav li.sns .fb img { width:9px; }
footer .box2 .fnav li.sns .ig img { width:18px; }
footer .btn_toushitsu { margin:15px auto 25px; }
footer .btn_toushitsu a { background-color:#da4410; border:1px solid #da4410; padding:5px 20px; }
footer .btn_toushitsu a:hover { color:#da4410; }
footer .box2 .copy { font-size:10px; color:#471509; }

.link-btn { color: #763c2f; display: block; border: solid 1px #c6b4b0; background: #feedde; padding: 0.3em; margin-top: 0.2em; margin-bottom: 0.2em; border-right: none; border-left: none; font-size: .9em;}

/*.footer {
  background:#f7efe0;
}
.footer-contents {
  max-width:1024px;
  margin:0 auto;
  padding:70px 0;
}
.footer-menu-container {
  display:flex;
}
.footer-menu {
  margin-right:130px;
}
.footer-menu:nth-child(3) {
  margin-right:0;
}
.footer-menu-list-title {
  margin-bottom: 10px;
  color: #a94533;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Poly', serif;
}
.footer-menu-list-item {
  margin-bottom:6px;
}
.footer-item-list {
  display:flex;
  flex-direction:column;
  height:700px;
  flex-wrap:wrap;
  justify-content:left;
  align-content:baseline;
  width:440px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  line-height:1.4em;
}
.footer-item-list li {
  margin-right:45px;
}
.mail-icon {
  vertical-align:middle;
}
.sns-link-list {
  display:flex;
  margin-top:36px;
}
.sns-link {
  margin-right:16px;
}
.mail-magazine-text {
  text-align:center;
  margin:56px 0 36px;
}
.mail-magazine-title {
  font-size:32px;
  font-family:'Poly', serif;
  margin-bottom:24px;
}
.mail-magazine-caption {
  line-height:1.4em;
  margin-bottom:24px;
}
.mail-magazine-btn-wrap {
  margin-bottom:0;
}
.footer-bottom { 
  background:#3e220a url(../image/bg_plaid.svg);
}
.footer-bottom-inner {
  padding:28px 0;
  text-align:center;
  color:#fff;
}
.copy-right {
  font-family:'Poly', serif;
  font-size:10px;
  margin-top:20px;
  letter-spacing:0.1em;
}*/
/*---------------------------------
category_list
---------------------------------*/
.category-image {
  position:relative;
}
.category-image img {
  margin-top:115px;
  height:222px;
  width:100%;
  object-fit:cover;
}
.category-image:before {
  content:"";
 /* background-color:#0000006b;*/
 background-color: #fca75a;
  background-image: url(../image/bg_plaid.svg);
  position:absolute;
  width:100%;
  height:337px;
  top:0;
  left:0;
  z-index:1;
}
.category-title-wrap {
  width:100%;
  position:absolute;
  top:190px;
  z-index:2;
}
.category-title {
  text-align: center;
  color:#fff;
  font-size:40px;
  font-weight:500;
  /*text-shadow:0px 0px 3px #f7f7f7;*/
  max-width:1200px;
  margin:0 auto;
  padding-left:8px;
}

/*---------------------------------
pager
---------------------------------*/
.pager {
  margin-bottom:64px;
}
.pager  ul.pagination {
  text-align:center;
  margin:0;
  padding:0;
}

.pager .pagination li {
  margin:0 2px;
  padding:0;
  display:inline-block;
  background:#EBEBEB;
  width:30px;
  height:50px;
  text-align:center;
  position:relative;
}

.pager .pagination li a{
  vertical-align:middle;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  display:table;
  text-decoration:none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color:#fff;
  background:#3e220a;
}
/*---------------------------------
detail
---------------------------------*/
.detail {
  /*margin-top:50px;*/
  display:flex;
  justify-content:space-around;
}
.detail-image {
  width:50%;
  /*height:100%;*/
}
.detail-image img {
  width:100%;
}
.detail-right {
  /*padding-top:40px;*/
  width:45%;
  margin-left:5%;
}
.product-name {
  font-size: 1.7em;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 15px;
}
.product-price-block {
  font-size:40px;
}
.product-price-block small {
  font-size:24px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0;
}
input[type="number"] {
  -moz-appearance:textfield;
}
input.productnum {
  font-size:24px;

  color:#3e220a;
  width:100px;
  height:40px;
  float:left;
  text-align:right;
  padding:0 5px;
}
div.button {
  float:left;
  width:16px;
  padding-left:16px;
}
.cart-add-btn {
  display:flex;
  align-items:center;
}
input.spinner_up {
  margin-top:3px;
  border:0px;
  width:13px;
  height:13px;
  background:url("../image/up.png") no-repeat;
  cursor:pointer;
}
input.spinner_down {
  margin-top:3px;
  border:0px;
  width:13px;
  height:13px;
  background:url("../image/down.png") no-repeat;
  cursor:pointer;
}
.productnum-wrap {
  padding:40px 0 40px;
}
.purchase-num {
  font-size:18px;
  font-weight:500;
  margin-bottom:8px;
}
.option-area {
  margin:-20px 0 60px;
}
.makeshop-option-wrap {
  margin:8px 0;
}
.makeshop-option-label {
  font-size:14px;
  margin-bottom:6px;
}
.makeshop-option-select {
  padding:10px;
  width:100%;
}
.bg-section {
  background:#FCF8EC;
  padding:100px 0;
}
/*.detail-description {
  width:1200px;
  margin:0 auto;
  display:flex;
  justify-content:flex-end;
  padding:0 16px;
}*/
/*.left-detail-description,
.right-detail-description {
  width:50%;
}
.left-detail-description {
  margin-right:140px;
}*/
.description-title {
  font-size:18px;
  font-weight:bold;
  margin-bottom:24px;
}
.description-text {
  line-height:2em;
}
.grid-multi-image {
  display:flex;
  flex-wrap:wrap;
}
.multi-image {
  flex:1 0 calc(100%/3);
}
*::-ms-backdrop, .multi-image {
  width:33.33%; /* IE11 */
}
.multi-image img {
  width:100%;
  height:60vh;
  object-fit:cover;
}
.detail-sold-out {
  display:inline-block;
  font-size:14px;
  font-weight:100;
  background:#adadad;
  color:#fff;
  padding:6px;
  font-family:'Poly', serif;
  margin-bottom:5px;
  border-radius:2px;
}
.detail-product-discount {
  font-size:20px;
  margin-bottom:8px;
  text-decoration:line-through;
  text-decoration-thickness: 1px;
  font-weight: 300;
}
.detail-product-discount small {
  font-size: 20px;
}
.detail-product-sale-price {
  color:#EB503C;
  font-weight:500;
  font-size:38px;
  line-height: 1.3;
}
.detail-product-sale-price small {
  font-size:20px;
}
/*---------------------------------
cart
---------------------------------*/
.cart-title-wrap {
  width:1200px;
  margin:0 auto;
  padding-top:130px;
}
.cart-title {
  font-size:20px;
  font-family:'Poly', serif;
  font-weight:bold;
  color:#3e220a;
  letter-spacing:.2em;
}
.cart {
  margin-top:60px;
}
.cart-text-head {
  border-bottom:1px dotted #3e220a;
  padding-bottom:16px!important;
  display:flex;
}
.cart-product {
  padding:16px 0;
  display:flex;
  border-bottom:1px dotted #3e220a;
  align-items:center;
}
.cart .img-head { width:20%; }
.cart-product img { width:160px; }
.cart .name-head { width:25%; padding-right:40px; line-height:1.4em; }
.cart .qty-head { width:15%; }
.cart .price-head { width:25%; }
.cart .remove-head { width:15%; }
.cart-item-text { display:flex; justify-content:space-between; width:76%; align-items:center; }
.cart .img { width:20%; }
.cart .name { width:25%; line-height:1.4em; }
.cart .qty { width:15%; display:flex; }
.cart .price { width:25%; }
.cart .remove { width:15%; padding-left:14px; }
.remove-sp { display:none; }
.total {
  text-align:right;
  margin:56px 0 32px;
}
.total-text {
  font-size:18px;
}
.total-price {
  font-size:32px;
  padding-left:16px;
}
.total-text-small {
  font-size:14px;
}
.continue-shopping {
  padding-right:40px;
}
.payment-add-btn {
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
  align-items:center;
}
.quantity-notification {
  width:44px;
  height:44px;
  text-align:center;
}
.awesome a{
  cursor:pointer !important;
  text-align:center !important;
  display:inline-block;
  vertical-align:middle !important;
  color:#fff!important;
  width:85px!important;

  height:100%!important;
  background:#3e220a!important;
  font-size:12px;
  margin-left:6px;
  text-decoration:none;
  padding:14px;
}

/*---------------------------------
最近見た商品
---------------------------------*/
.recently-item {
    width: calc(100% / 4);
    padding: 16px;
}
.cart .recently-item {
    width: calc(100% / 5);
}
/*---------------------------------
関連商品
---------------------------------*/
.item-list {
    width: calc(100% / 4);
    padding: 16px;
}



/*---------------------------------
news-list
---------------------------------*/
.contents-wrap {
  max-width:960px;
  margin:0 auto 80px;
}
.info-title-wrap {
  padding-top:50px;
}
h2.info-title {
  font-size:24px;
  text-align:center;
  font-weight:400;
  line-height:1.8em;
  width:60%;
  /*margin:0 auto -30px;*/
  margin:0 auto;
}
/*---------------------------------
guide
---------------------------------*/
.guide-section {
  margin-bottom:90px;
}
.guide-section-title {
  font-size:20px;
  font-weight:400;
  line-height:1.2em;
  margin-bottom:24px;
  border-bottom:1px solid #3e220a;
  padding-bottom:12px;
}
/*---------------------------------
company
---------------------------------*/
.company-section img {
  margin-bottom:20px;
  width:100%;
}
/*---------------------------------
contract
---------------------------------*/
.contract-section {
  margin-bottom:64px;
}
.contract-section-title {
  font-size:20px;
  font-weight:400;
  line-height:1.2em;
  margin-bottom:24px;
  border-bottom:1px solid #3e220a;
  padding-bottom:12px;
}
/*---------------------------------
policy
---------------------------------*/
.policy-section pre {
  line-height:2.4em;
  font-size:16px;
  font-family:"Noto Sans JP", sans-serif;
  color:#3e220a;
  white-space:pre-wrap;
}
/*---------------------------------
responsive 
---------------------------------*/
@media screen and (max-width:1100px) {
  .shop-logo { margin: 12px 5px 0 10px; width: 22%; }
  .header-inner{ padding:0; }
  .navigation>ul>li { font-size: 0.9em; }
}

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


/*---------------------------------
footer
---------------------------------*/
  footer .box1 .logo img { width:130px; }
  footer .box1 a span { min-width: 192px; font-size:15px; }

  footer .box2 { padding-top:20px; }
  footer .box2 .fnav { max-width:600px; justify-content:flex-start; -webkit-justify-content:flex-start; }
  footer .box2 .fnav li { width:24%; }
  footer .box2 .fnav li:not(:nth-child(4n+1)) { margin-left:1%; }
  footer .box2 .fnav li:nth-child(n+5) { margin-top:5px; }
  footer .box2 .fnav li:last-child { margin-top:10px; }
  footer .box2 .copy { margin-top:20px; }
}


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

  .heading-title:before { top: -17px; left: -5px; width: 45px; height: 45px; }

/*---------------------------------
common
---------------------------------*/
  .main-visual {
    position:relative;
    margin-top:83px;
  }
  #start-contents {
    margin-top:0;
    padding-top:0;
    position:relative;
  }
  span.cart-badge {
    top:-10px;
    right:-14px;
  }
  .header,
  .footer {
    width:100%;
  }
  .top-bar {
    padding:14px 2px;
    min-height:54px;
  }
  .header-inner {
    padding:0 10px;
  }
  .shop-logo {
    width:65%;
    margin:5px auto 0;
    float:none;
    text-align:center;
  }
  .nav,
  .second-nav {
    display:none;
  }
  .side-bar {
    display:none;
  }
  .contents-section {
    margin:30px auto 0;
  }
  .bx-wrapper .bx-pager {
    text-align:center!important;
    padding-left:0;
  }
  /*------------------
  hamburger
  ------------------*/
  .wrapper {
    height:100%;
    overflow-x:hidden;
    position:relative;
    display:block;
  }
  .sp-nav-wrap {
    display:block;
  }
  .overlay {
    content:"";
    display:block;
    width:0;
    height:0;
    background-color:rgba(0, 0, 0, 0.5)!important;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    opacity:0;
    transition:opacity .5s;
  }
  .overlay.open {
    width:100%;
    height:100%;
    opacity:1;
  }
  .menu-trigger {
    display:inline-block; width:28px; height:28px;
    vertical-align:middle; cursor:pointer;
    position:fixed; top:37px; left:16px; z-index:100;
  }
  .menu-trigger span {
    display:inline-block; box-sizing:border-box;
    position:absolute; left:0; width:80%; height:2px;
    background-color:#3f2714;
    transition:all .5s;
  }
  .menu-trigger.active span { background-color:#3f2714; }
  .menu-trigger span:nth-of-type(1) {
    top:6px;
  }
  .menu-trigger.active span:nth-of-type(1) {
    transform:translateY(12px) rotate(-45deg);
  }
  .menu-trigger span:nth-of-type(2) {
    top:14px;
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity:0;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom:4px;
  }
  .menu-trigger.active span:nth-of-type(3) {
    transform:translateY(-4px) rotate(45deg);
  }
 
  nav {
    width:350px;
    height:100%;
    padding-top:65px;
    background:#fff!important;
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    transform:translate(-350px);
    transition:all .5s;
  }
  nav.open {
    transform:translate(0,0);
    overflow:scroll;
    overflow-x:hidden;
    height:100%;
  }
  nav li {
     padding:10px 20px;
    color:#3e220a;
    text-align:left;
    font-family:'Poly', serif;
  }
  nav li a{ display:block; } 

  nav .memberBox .img{ width: 49%; line-height: 0; }

  .dropdown-menu-list2 > a:before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    padding-right: 0;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate( 45deg) translateY(-50%);
    transform: rotate( 45deg) translateY(-50%);
}

  .accordion-container {
    position:relative;
    width:100%;
    cursor:pointer
  }  
  .accordion-container .article-title {
    display:block;
    position:relative;
    margin:0;
    font-weight:normal;
    color:#3e220a;;
    cursor:pointer;
  }
  .accordion-container .article-title:hover,
  .accordion-container .article-title:active,
  .accordion-container .content-entry.open .article-title {
    color:#3e220a;;
  }  
  .accordion-container .article-title:hover i:before,
  .accordion-container .article-title:hover i:active,
  .accordion-container .content-entry.open i {
    color:white;
  }
  .article-title{
    position:relative;
  }

  .article-title:after {
    content:"";
    position:absolute;
    right:16px;
    top:10%;
    transition:all 0.2s ease-in-out;
    display:block;
    width:8px;
    height:8px;
    border-top:solid 2px #3e220a;;
    border-right:solid 2px #3e220a;;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  
  .article-title.open:after {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:45%;
  }

  .accordion-content {
    display:none;
    padding:24px 6px 0;
    font-family:'Noto Sans JP', sans-serif;
  }
  .accordion-content p {
    position:relative;
    /*margin-bottom:20px;*/
    display:block;
  }
  .accordion-content a {
    /*position:absolute;
    display:inline-block;*/
    width:100%;
    height:100%;
    /*top:0;
    left:0;*/
  }

  .accordion-container {
    margin:0;
  }
  .accordion-content .dropdown-menu-list a{ padding:10px; font-size: 1.1em; font-weight: 500; color: #5f2315; border-top: dotted 1px #bdbdbd; }
  .accordion-content .dropdown-menu-list2 a{ padding: 7px 7px 7px 16px; }
  .accordion-content [class^="cat-"] > a{ position: relative; padding: 1em 1em 1em 50px; }
  .accordion-content [class^="cat-"] > a::before{
    position: absolute;
    content:"";
    width:38px;
    height:38px;
    top: 50%;
    left: 0;
    background-size: contain;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
  }
  .accordion-content .cat-limited > a{ color:#a94533; }

  .accordion-content .cat-lowglucide > a::before{ background-image:url(../image/lowglucide_icon.jpg); }
  .accordion-content .cat-limited > a::before{ background-image:url(../image/limited_icon.jpg); }
  .accordion-content .cat-cakecollection > a::before{ background-image:url(../image/cakecollection_icon.jpg); }
  .accordion-content .cat-macaron > a::before{ background-image:url(../image/macaron_icon.jpg); }
  .accordion-content .cat-cheese > a::before{ background-image:url(../image/cheese_icon.jpg); }
  .accordion-content .cat-rollclub > a::before{ background-image:url(../image/rollclub_icon.jpg); }
  .accordion-content .cat-chocolate > a::before{ background-image:url(../image/chocolate_icon.jpg); }
  .accordion-content .cat-sacuka > a::before{ background-image:url(../image/sacuka_icon.jpg); }
  .accordion-content .cat-cookie > a::before{ background-image:url(../image/cookie_icon.jpg); }
  .accordion-content .cat-baked > a::before{ background-image:url(../image/baked_icon.jpg); }
  .accordion-content .cat-gift > a::before{ background-image:url(../image/gift_icon.jpg); }
  .accordion-content .cat-lemoncake > a::before{ background:url(../image/lemoncake_icon.jpg); }
  .accordion-content .cat-minazuki > a::before{ background:url(../image/minazuki_icon.jpg); }
  .accordion-content .cat-gelees > a::before{ background:url(../image/gelees_icon.jpg); }
  .accordion-content .cat-lautomne > a::before{ background:url(../image/lautomne_icon.jpg); }
  .accordion-content .cat-nouvelle_financier > a::before{ background:url(../image/nouvelle_financier_icon.jpg); }
  .accordion-content .cat-xmas > a::before{ background:url(../image/xmas_icon.jpg); }
  .accordion-content .cat-rutan_chocolat > a::before{ background:url(../image/rutan_chocolat_icon.jpg); }
  .accordion-content .cat-choualacreme > a::before{ background:url(../image/choualacreme_icon.jpg); }


  dl.search1{
    position:relative;
    background-color:#fff;
    border-bottom:1px solid #aaa;
  }
  dl.search1 dt{
    padding:12px 0px
  }
  dl.search1 dt input{
    border:none;
    border-radius:0;
    outline:none;
    background:none;
  }
  
  dl.search1 dd{
    position:absolute;
    top:0;
    right:0;
  }
  dl.search1 dd button{
    display:block;
    padding:10px;
    background:none;
    border:none;
  }
  dl.search1 dd button span{
    display:block;
    width:20px;
    height:20px;
  }
  .search-link-sp { margin-bottom:16px; }
  .sp-second-nav-wrap { display:flex; position:absolute; top:38px; right:16px; }
  .cart-link { width:25px; height: 25px; margin-left:16px; }

  .slider li img { height:50vh; }
  .footer-contents {
    width:90%;
    padding:30px 0;
    margin-top:60px;
  }
  .footer-menu-container {
    display:block;
  }
  .footer-menu {
    margin-bottom:60px;
  }
  .footer-menu:last-child {
    margin-bottom:0;
  }
  .sns-link-list {
    margin-top:20px;
  }
  .sns-link img {
    width:24px;
  }
  .product-contents-wrap {
    min-width:100%;
  }
  .information-list-wrap {
    white-space:inherit;
    height: 200px;
  }
  .information-list {
    display:block;
    margin-bottom:32px;
  }
  .information-label {
    margin:0 0 12px 0;
  }
  .product-list {
    justify-content:space-between;
    width:100%;
  }
  
  
  /*------------------
  category_list
  ------------------*/
  .banner-image {
    background-position:center;
    height:20vh;
  }
  .item-title-wrap span {
    padding-left:8px;
  }
  .item-title {
    font-size:28px;
    padding-left:8px;
  }
  .category-image:before {
    height:225px;
  }
  .category-image img {
    height:145px;
      margin-top:80px;
  }
  .category-title-wrap {
    top:130px;
  }
  .category-title {
    font-size:30px; text-align: center;
  }
  
  /*------------------
  detail
  ------------------*/
  /*.detail {
    margin-top:130px;
    display:block;
  }
  .detail-image {
    width:100%;
  }*/
  .detail-image img {
    width:100%;
  }
  /*.detail-right {
    margin-left:0;
    width:100%;
  }*/
  .product-name {
    font-size:24px;
  }
  .product-price-block {
    font-size:32px;
  }
  .product-price-block small {
    font-size:18px;
  }
  .detail-product-discount {
    font-size: 20px;
    margin-bottom: unset;
  }
  .detail-product-discount small {
    font-size: 20px;
  }
  .productnum-wrap {
    padding:32px 0 24px;
  }
  .add-btn {
    width:100%;
  }
  .bg-section {
    margin-top:60px;
    padding:40px 0;
  }
  .detail-description {
    width:100%;
    display:block;
  }
  .left-detail-description, .right-detail-description {
    width:100%;
    margin-bottom:48px;
  }
  .right-detail-description {
    margin-bottom:0;
  }
  .grid-multi-image {
    display:block;
  }
  .outstock-btn {
    width:100%;
  }
  .outstock {
    width:100%;
  }
  
  /*------------------
  cart
  ------------------*/
  .cart-title {
    padding:0 0 0 10px;
  }
  .cart-table {
    border-top: 1px dotted #3e220a;
  }
  .cart-text-head {
    display:none;
  }
  .cart .img {
    width:auto;
  }
  .cart .img img {
    padding-right:16px;
  }
  .cart-item-text {
    display:block;
  }
  .cart-item-text div {
    width:100%!important;
    margin-bottom:10px;
  }
  .cart .remove {
    display:none;
  }
  .remove-sp {
    display:block;
    text-align:right;
    text-decoration:underline;
  }
  .cart-add-btn {
    display:block;
    /*margin-bottom:54px;*/
  }
  .continue-shopping {
    padding:0;
    margin-top:24px;
    text-align:center;
    text-decoration:underline;
  }
  .awesome {
    height:44px!important;
  }
  .cart-product {
    align-items:end;
  }
  .payment-add-btn {
    display:block;
    margin-bottom:48px;
  }
  
  /*---------------------------------
  news-list
  ---------------------------------*/
  /*.info-title-wrap {
    padding-top:130px;
  }*/
  h2.info-title {
    font-size:18px;
    line-height:1.6em;
    width:80%;
  }
}


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

/*------------------
  footer
------------------*/
  footer { margin-top:50px; }
  footer .box1 .shop_area { order:1; }
  footer .box1 .link_web { order:2; }
  footer .box1 .shop_area { width: 100%; }
  footer .box1 .shop_area .logo img { width: 130px; }
  footer .box1 .shop_area .address { margin: 0; }
  footer .box1 .link_web, footer .box1 .link_toushitsu { width: 50%; height: 100px; }
  footer .box1 a span { min-width: 165px; font-size: 12px; }
  footer .box1 .link_web a span { padding: 17px 10px; }

  footer .box2 .fnav { justify-content:center; -webkit-justify-content:center; }
  footer .box2 .fnav li { width:auto; }
  footer .box2 .fnav li:not(:last-child) { display:none; }
  footer .box2 .fnav li:last-child { margin-top:0; }
  footer .box2 .fnav li.sns{ margin:0 auto; }
  footer .box2 .copy { margin-top:10px; }
  footer .btn_toushitsu { margin:10px auto; }

  /*---------------------------------
  最近見た商品
  ---------------------------------*/
    .recently-item,
    .cart .recently-item { width: calc(100% / 2);}

  /*---------------------------------
  関連商品
  ---------------------------------*/
  .item-list {width: calc(100% / 2); }



}



/*---------------------------------
スマホ縦以下
---------------------------------*/
@media screen and (max-width:480px) {
  .h_top > ul > li:last-child { display:none; }
  .shop-logo img { max-height:20px; }

  /*------------------
    common
    ------------------*/
  nav { width:100%; transform:translate(-100%); }
  .category-title {font-size: 25px;}


  /*------------------
  detail
  ------------------*/
  .detail { display:block; }
  .detail-image {
  /*width:100%;*/
    width: 75%;
    margin: auto;
}
  .detail-right { margin-left:0; width:100%; }

  .product-list-item {
    width:48.5%;
    margin: 0 3% 3% 0!important;
    min-width:0;
  }
  .product-image-wrap .item-list-icon li{
  top: 30px;
  left: 4px;
  width: 82px;
  height: 21px;
}
  .product-list-item:nth-child(even) { margin-right:0!important; }
  .product-list-item:nth-child(3n) { margin-right:3%; }
}
.otoku { width: 8em;}