@charset "utf-8";

/*
a:link, a:visited, a:hover {color: inherit!important;}
*/
.fs-preview-header {position: fixed;top: 0;left: 0;z-index: 20;}

address {font-style: normal;}
.fs-c-productPostage {display:none;}
.fs-c-productListItem__control > *:last-child {margin: 0;}
.fs-c-modal__contents .fs-c-creditCardIcons {display: none;}

/**商品**/
.fs-c-button--plain {color: #000000;}
.fs-c-productList__list__item {padding: 0;border: none;}
.fs-c-productList__list {gap: 30px 3%;grid-template-columns: calc(48.5% - 0px) calc(48.5% - 0px);}
@media screen and (min-width: 600px) {
  .fs-c-productList__list {grid-template-columns: calc(31.3333333333% - 0px) calc(31.3333333333% - 0px) calc(31.3333333333% - 0px);}
}
@media screen and (min-width: 768px) {
  .fs-c-productList__list {gap: 30px 3%;grid-template-columns: calc(22.75% - 0px) calc(22.75% - 0px) calc(22.75% - 0px) calc(22.75% - 0px);}
}
@media screen and (min-width: 960px) {
.fs-c-productList__list {grid-template-columns: calc(17.6% - 0px) calc(17.6% - 0px) calc(17.6% - 0px) calc(17.6% - 0px) calc(17.6% - 0px);}
}
.fs-c-productList__list__item .fs-c-productPrice__main__label {display: none;}
.fs-c-productList__list__item .fs-c-productName__name,
.fs-c-productList__list__item .fs-c-productListItem__productDescription ,
.fs-c-productList__list__item .fs-c-productPrice__addon{
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fs-c-productList__list__item .fs-c-productListItem__productDescription {min-height: 3.6em;}
.fs-c-productList__list__item .fs-c-productPrice {align-items: center;}
.fs-c-productList__list__item .fs-c-productName__name {margin: 0 0 0.5em;min-height: 2.4em;}
.fs-c-productList__list__item .fs-c-productPrice__main {font-size: 1.4em;margin: 0 0.25em 0 0;font-weight: bold;}
#giftimize #giftSetting {
  outline: 1px solid #78c38c!important;
  background: #78c38c!important;
  color: #FFFFFF!important;
  font-weight: 500!important;
  padding: 10px 5px!important;
  font-size: 22px!important;
}
.fs-c-checkout-multiDestination__wrapping {display: none;}

.fs-p-scrollingCartButton__icon {background: url("https://handamen.itembox.design/item/ico_cart.svg") no-repeat center / contain;}
.fs-icon--cart:before {opacity: 0;}
.fs-c-button--particular {background: none;border: none;box-shadow: none;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 1em!important;display:flex;}
.fs-c-button__label {order: 1;}
.fs-c-button--particular::after {margin: 0 0.2em 0 0;}
.fs-c-productQuantityAndWishlist__quantity.fs-c-quantity.fs-system-assistTarget::before {
font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 1em!important;content: "数量";display: block;margin: 0 1em 0 0;width:2em;padding: 0.5em 0;}

.fs-c-productQuantityAndWishlist__quantity.fs-c-quantity.fs-system-assistTarget {display: flex;padding: 8px 0;max-width: none;font-size: 1.2em;text-align: center;}
.fs-c-quantity__select.fs-system-quantity-list {width: 5em;padding: 0.5em;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.fs-c-productQuantityAndWishlist {display: flex;justify-content:space-between;align-items:flex-start;flex-direction:row-reverse;}
.fs-c-quantity__select.fs-system-quantity-list option {text-align: center;}
.fs-c-productQuantityAndWishlist__wishlist {align-self: center;}

/** マイページ **/
.fs-c-accountService {justify-content: space-between;flex-basis:100%!important;}
.fs-c-accountService__page {margin: 0;flex-basis: 15%;height: auto;min-height: 150px;}
.fs-c-accountService__page.fs-c-accountService__page--accountReviews {display: none;}
.fs-c-accountService__page .fs-c-accountService__pageLink ,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink{background: #714987;color: #FFFFFF;box-shadow: none;border: none;border-radius: 0;}
.fs-c-accountService__page.fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink{color: #FFFFFF;display: flex;align-items: center;justify-content: center;text-align: center;text-decoration: none;width: 100%;height: 100%;}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before {color: #FFFFFF;}
.fs-c-accountService__page.fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink__label::before {font-family: "fs-icon" !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;display: block;color: #FFFFFF;content: "";font-size: 48px;line-height: 1.2;margin: 8px auto 3px;width: 50px;height: 64px;background:url("https://handamen.itembox.design/item/mypage06.svg") no-repeat center / contain;}
.fs-c-accountService__page .fs-c-accountService__pageLink__label {font-size: 1em!important;}
.fs-c-button--purchaseHere.fs-c-button--primary {font-size: 1.4em!important;width: 100%!important;}
.fs-c-checkout-shippingParcel__productVariation, .fs-c-checkout-shippingParcel__productSelection,
.fs-c-listedProductName__variation, .fs-c-listedProductName__selection {font-size: 1.3rem;line-height:1.2;margin:0 0 10px;}
.fs-c-checkout-previewAndEdit__info {min-height: 12em;}

.fs-c-checkout-shippingDetail__wrappingInfo {display: none;}
.fs-c-cartDiscountInfo__note > li {font-size: 0; color: transparent;}
.fs-c-cartDiscountInfo__note > li::before {color: #333;font-size: 1.4rem;}
.fs-c-cartDiscountInfo__note > li::after {color: #333;font-size: 1.4rem;content: "お届け先１ヵ所につき、10,800円（税込）以上の購入で全国送料無料となります。";}
.fs-c-checkout-shippingDetail__deliveryDateInfo {display: none;}
.fs-c-checkout-addDestinationButton {justify-content: center;}


@media screen and (max-width: 599px) {
.fs-c-accountService__page {margin: 0 0 2%;min-height: auto;aspect-ratio: 1 / 1;}
.fs-c-accountService__page .fs-c-accountService__pageLink__label {font-size: 12px!important;}
.fs-c-accountService__page,.fs-c-accountService__page--accountDelete {flex-basis: 32%!important;}
}

.btn_continue {display: block;width: 300px;height: 100%;padding:1em;font-size: 1.2em;font-weight: bold;background: #714987!important;color: #FFFFFF!important;margin: 0 auto 50px;}

#fs_CheckoutSuccess .fs-c-heading.fs-c-heading--page {font-size: 3rem;}

.order_number {font-size: 1.3em;font-weight: bold;margin: 0 auto 60px;}
.order_number span {color: #714987;}
.order_contact {width: 90%;max-width: 800px;font-size: 1.5em;text-align: center;font-weight: bold;color: #714987;line-height: 1.3;margin: 80px auto!important;}
.fs-c-checkoutSuccess.fs-c-subSection ul.aside_sns {text-align: center !important;overflow: hidden !important;margin: 80px auto!important;}
.fs-c-checkoutSuccess.fs-c-subSection ul.aside_sns li {display: inline-block !important;margin: 0 5px !important;}
.order_contact .tel {pointer-events: none;}
.order_contact img {margin: 0.5em auto 0;display: inline-block;}
.fs-c-button--change--small {width: 220px;margin-left: auto;margin-right: auto;font-size: 1.2em;font-weight: bold;}
.fs-c-checkout-shippingDestination {display: block;width: 100%;margin: 10px auto;}
.fs-c-checkout-shippingDestination .fs-c-checkout-heading {margin: 0 auto 20px;}
.fs-c-checkout-shippingDestination .fs-c-checkout-shippingDestination__control {align-items: center;}
.fs-c-checkout-previewAndEdit.fs-c-checkout-preview__inputConfirmation {display: flex;flex-direction: column;}
#fs-multipleAddressButton-container a {font-size: 1.2em;}
.fs-c-button--chooseDestination.fs-c-button--standard {font-size: 1.1em;font-weight: bold;}

#fs-multipleAddressButton-container::before {
display: block;
width: 100%;
  content: "複数のお届け先に送る場合は、「いくつかのお届け先に送る」をクリックしてください。";
  color: #F00;
text-align: center;
}

@media screen and (max-width: 768px) {
.fs-c-checkout-previewAndEdit.fs-c-checkout-preview__inputConfirmation {display: grid;}
.order_number span {display: block;}
.order_contact .tel {pointer-events: auto;}
.fs-c-checkout-shippingDestination__control {flex-direction: column;}

#giftimize #giftSetting {font-size: 18px!important;}
}


.fs-c-checkout-multiAddress__button.fs-c-buttonConatiner.fs-c-buttonContainer--addAddressee {justify-content: center;flex-wrap: wrap;}
.fs-c-checkout-multiAddress::after {
  display: block;
  content: "新しいお届け先を追加する場合は「お届け先を追加する」よりご登録ください。";
  text-align: center;
  color: #f00;
width: 100%;
margin: 0.5em 0 1em;
}
.fs-c-checkout-multiAddress__button.fs-c-buttonConatiner.fs-c-buttonContainer--addAddressee .fs-c-button--standard {font-size: 1.6rem;background: #78c38c;color: #FFFFFF;font-weight: bold;border: none;}

@media screen and (max-width: 768px) {
  .fs-c-checkout-multiAddress__button.fs-c-buttonConatiner.fs-c-buttonContainer--addAddressee {display: flex;}
  .fs-c-checkout-multiAddress__button.fs-c-buttonConatiner.fs-c-buttonContainer--addAddressee .fs-c-button--standard {font-size: 1.3rem;}
}


.fs-c-inputInformation__link.fs-c-textLinkContainer a {
font-size: 1.2em;
font-weight: bold;
color: #F00;
text-align: center;
text-decoration: underline;
}


/*################ style.css ##################*/



header p,header ul,
header + div.sp_cont p,header + div.sp_cont ul,
nav.main_nav p,nav.main_nav ul ,
.bottom_content p,.bottom_content ul,
.bottom_nav p,.bottom_nav ul,
.aside_sns,
footer p,footer ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
iframe {border: none;}

/* -----------------------------------------------------------
　共通要素・可変画像（親要素幅まで）
----------------------------------------------------------- */

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

.fcRed {
  color:#a40000;
}

.fwBold {
  font-weight:bold;
}

.left {
  float: left;
}

.right {
  float: right;
}

.align_right {text-align:right;}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

.italic {font-style:italic;}

a {
  color:inherit;
  text-decoration:none;
}
p.right a:hover {text-decoration:underline!important;}

body {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","游明朝",YuMincho,"Yu Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:14px;
  font-weight: 400;
  color:#000;
  line-height:1.7em;
} 

.gothic {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#loginLogout {height:100%;}
#logoutButton ,#loginButton{ display: none; }

@media screen and (min-width: 769px),print{ 

  .sp_cont {
    display:none;
  } 
  
  figure {
    width:100%;
    margin:0 auto 1em;
    text-align:center;
  }
  
  figcaption {
    font-size:1em;
    margin:0;
  }
  
  img.origin {width:auto;max-width:none;}
  figure.origin img {width:auto;max-width:none;} 
  .hover_btn {transition:0.5s;opacity:1;}
  .hover_btn:hover {transition:0.5s;opacity:0.7;}
	
  #telfaxflow,
  #returned,
  #mscard {padding-top:200px;margin-top:-200px;}

}

/* -----------------------------------------------------------
  テンプレート
----------------------------------------------------------- */
 
@media screen and (min-width: 769px),print{ 
  
  /* :::::::::: header :::::::::: */
	
  header {
    position:fixed;
    width:100%;
    height:100px;
    overflow:hidden;
    margin:0 auto;
    clear:both;
    background:#FFF;
    z-index:99;
    top:0;
    left:0;
  }
  
  header .header_box {
    position:relative;
    box-sizing:border-box;
    width:100%;
    max-width:1240px;
    height:100px;
    overflow:hidden;
    margin:0 auto;
    padding:10px 20px;
  }

  header .header_box .logo {
    width:229px;
    height:66px;
    margin:10px 0 0;
    float:left;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/logo_pc.png) no-repeat left center / auto 100%;  
  }
  header .header_box .logo a {
    display:block;
    width:100%;
    height:100%;
  }
  header .header_box .logo img {display:none;}
  header .top_nav {
    position:relative;
    box-sizing:border-box;
    width:570px;
    height:80px;
    padding:3px 0 0;
    float:right;
  }
  header ul.top_nav01,header ul.top_nav02,header ul.top_nav03  { 
    width:auto;
    height:20px;
    float:left;
    margin: 0;
    padding: 0;
  }
  header ul.top_nav01 li {
    position: relative;
    z-index: 0;
    width:auto;
    float:left;
    height:80px;
    margin:0 15px 0 0;
  }
  header ul.top_nav01 li a .fs-client-cart-count {
    position: absolute;
    z-index: 1;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    background: #9477a7;
    border-radius: 50%;
    top: 0;
    right: 0;
    color: #FFFFFF;
}

  header ul.top_nav02 li {
    display:inline-block;
	  width:32%;
	  height:30px;
    line-height:30px;
    margin:5px 0 0;
	  padding:0 0 0;
    vertical-align:middle;
  }
  header ul.top_nav02 li a {
    box-sizing:border-box;
    position:relative;
    display:block;
    width:100%;
    height:100%;
    padding:0 7px;
    text-align: center;
  }
  header ul.top_nav02 li a:hover {text-decoration:underline;}
  header ul.top_nav02 li a::before {
    position:absolute;
    display:block;
    content:"";
    width:1px;
    height:20px;
    background:#c7c7c7;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
  }
  header ul.top_nav02 li:nth-child(3) a::after {
    position:absolute;
    display:block;
    content:"";
    width:1px;
    height:20px;
    background:#c7c7c7;
    margin:auto;
    top:0;
    bottom:0;
    right:0;
  }
  header ul.top_nav02 li.tn_fb a::before {content:none;}
  header ul.top_nav02 li.tn_is a{
    width:40px;
    padding:0 0 0 10px;
  }
  header ul.top_nav02 li.tn_fb a {
    width:40px;
    padding:0 5px;
  }
  
  header ul.top_nav02 li.tn_brand {
    display:block;
    width:220px;
    height:28px;
    margin:10px 0 0;
  }
  header ul.top_nav02 li.tn_brand a {
    box-sizing:border-box;
    text-align:center;
    padding:0;
    border:solid 1px #C7C7C7;
  }
  header ul.top_nav02 li.tn_brand a::before {content:none;}
  header ul.top_nav02 li.tn_brand a:hover {
    background:#E9E3EC;
    border:solid 1px #E9E3EC;
    text-decoration:none;
  }
  header ul.top_nav03 {
    width:100px;
    margin:0 0 0 15px;
  }
  header ul.top_nav03 li.login {
    width:100%!important;
    margin:0 0 5px!important;
    font-size:12px!important;
    height:35px!important;
    line-height:37px!important;
    text-align:center;
    border-radius:18px!important;
    background:#c7c7c7;
  }
  header ul.top_nav03 li.login li {margin: 0!important;width: 100%!important;line-height: 35px;}  
  header ul.top_nav03 li.login:hover {background:#a40000;color:#FFF;}
  
  header ul.top_nav03 li.login a { 
  	display:block; 
  	width:100%;
  	height:100%; 
    box-sizing:border-box;
    border-radius:18px;
    padding:0 5px;
    margin: 0;
    transition: none;
  }
  header ul.top_nav03 li.login a:hover {text-decoration:none;} 
  header ul.top_nav03 li.login a:hover {background:#a40000;color:#FFF;}
  header ul.top_nav03 li.mypage {
    width:100%;
    margin:0;
    font-size:12px;
    height:35px;
    line-height:37px;
    text-align:center;
    border-radius:18px;
  }
  header ul.top_nav03 li.mypage a {
    box-sizing:border-box;
    display:block;
    width:100%;
    height:100%;
    border-radius:18px;
    background:#9678a5;
    color:#FFF!important;
    padding:0 5px;
  }
  header ul.top_nav03 li.mypage:hover a {background:#a40000;color:#FFF;text-decoration:none;}
  
  /* :::::::::: nav :::::::::: */
  
  nav.main_nav {
    position:fixed;
    box-sizing:border-box;
    width:100%;
    height:80px;
    z-index:99;
    background:#FFF;
    top:100px;
  }
  .home nav.main_nav {position:static;}
  nav.main_nav.s_fixed {position:fixed;top:100px;}
  .home nav.main_nav.s_fixed {top:100px;}
  .home nav.main_nav.fixed {
    position:fixed;
    top:100px;
    left:0;
    z-index:99;
  }

  .customize-support nav.main_nav.fixed {top:82px;}
  
  nav.main_nav .menu {display:none;}
  
  nav.main_nav div.tel_nav {
    width:100%;
    height:40px;
    background:#9477a7;
  }
  
  nav.main_nav div.tel_nav p {
    box-sizing:border-box;
    width:100%;
    max-width:1040px;
    margin:0 auto;
    padding:0 20px;
  }
  
  nav.main_nav div.tel_nav p span {
    position:relative;
    display:block;
    height:40px;
    vertical-align:middle;
    float:left;
  }
  
  nav.main_nav div.tel_nav p span:nth-of-type(1) {width:53.75%;margin:0 3.3% 0 0;}
  nav.main_nav div.tel_nav p span:nth-of-type(2) {width:42.95%;}  
  
  nav.main_nav div.tel_nav p span img {
    position:absolute;
    width:100%;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
  }
  
  nav.main_nav div.tel_nav p span:nth-of-type(1) img {max-width:537px;}
  nav.main_nav div.tel_nav p span:nth-of-type(2) img {max-width:429px;}  
  
  nav.main_nav ul.bottom_nav {
    box-sizing:border-box;
    width:100%;
    max-width:1040px;
    height:auto;
    overflow:hidden;
    padding:0 20px;
    margin:0 auto;
  }
  
  nav.main_nav ul.bottom_nav > li {
    box-sizing:border-box;
    height:auto;
    padding:0;
    margin:0;
    float:left;
  }
  
  nav.main_nav ul.bottom_nav > li:nth-child(1) {width:18.6%;}
  nav.main_nav ul.bottom_nav > li:nth-child(2) {width:13.8%;}
  nav.main_nav ul.bottom_nav > li:nth-child(3) {width:13.8%;}
  nav.main_nav ul.bottom_nav > li:nth-child(4) {width:16.1%;}
  nav.main_nav ul.bottom_nav > li:nth-child(5) {width:22.9%;}
  nav.main_nav ul.bottom_nav > li:nth-child(6) {width:14.8%;}
  
  nav.main_nav ul.bottom_nav > li:nth-child(1) span img {max-width:122px;}
  nav.main_nav ul.bottom_nav > li:nth-child(2) span img {max-width:58px;}
  nav.main_nav ul.bottom_nav > li:nth-child(3) span img {max-width:58px;}
  nav.main_nav ul.bottom_nav > li:nth-child(4) span img {max-width:76px;}
  nav.main_nav ul.bottom_nav > li:nth-child(5) span img {max-width:130px;}
  nav.main_nav ul.bottom_nav > li:nth-child(6) span img {max-width:92px;}
  
  nav.main_nav ul.bottom_nav > li > span {
    box-sizing:border-box;
    position:relative;
    z-index:0;
    display:block;
    width:100%;
    height:40px;
    cursor:pointer;
    padding:10px 5px;
    text-align:center;
  }
  
  nav.main_nav ul.bottom_nav > li:nth-child(1) > span {padding-left:0;}
  nav.main_nav ul.bottom_nav > li:nth-child(6) > span {padding-right:0;}
  
  nav.main_nav ul.bottom_nav > li > span::before {
    position:absolute;
    display:block;
    content:"";
    width:1px;
    height:20px;
    background:#000;
    z-index:0;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
  }
  
  nav.main_nav ul.bottom_nav > li:nth-child(1) > span::before {content:none;}
  
  nav.main_nav ul.bottom_nav > li.active > span::after {
    position:absolute;
    display:block;
    content:"";
    width:0;
    height:0;
    border-bottom:solid 0.75em #c4b4ce;
    border-left:solid 0.5em transparent;
    border-right:solid 0.5em transparent;
    margin:auto;
    bottom:0;
    left:0;
    right:0;
  }
  
  nav.main_nav ul.bottom_nav li div.subnav {
    display:none;
    width:auto;
    position:absolute;
    left:0;
    right:0;
    background:#c4b4ce;
    padding:20px 0;
    z-index:10;
  }
  
  nav.main_nav ul.bottom_nav li div.subnav .box {
    box-sizing:border-box;
    width:auto;
    max-width:1040px;
    padding:0 20px;
    height:auto;
    margin:0 auto;
  }
  nav.main_nav ul.bottom_nav li div.subnav .box ul {
    position:relative;
    display:inline-block;
    z-index:0;
    margin:0.5em 0 0;
  }
  nav.main_nav ul.bottom_nav li:nth-of-type(2) div.subnav .box ul ,
  nav.main_nav ul.bottom_nav li:nth-of-type(3) div.subnav .box ul ,
  nav.main_nav ul.bottom_nav li:nth-of-type(4) div.subnav .box ul {
    float:left;
  }   
  nav.main_nav ul.bottom_nav li div.subnav .box ul li {
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    float:left;
    font-size:16px;
    line-height:1.8em;
  }
  nav.main_nav ul.bottom_nav li div.subnav .box ul li span {
    position:relative;
    display:block;
    padding:0 0 0 1em;
  }  
  nav.main_nav ul.bottom_nav li div.subnav .box ul li span:hover {text-decoration:underline;}
  nav.main_nav ul.bottom_nav li div.subnav .box ul li span::before {
    position:absolute;
    display:block;
    content:">";
    top:0;
    left:0;
  }
  nav.main_nav ul.bottom_nav li:nth-child(1) div.subnav .box div {
    width:30%;

    float:left;
    margin:0 5% 0 0;
  }
  nav.main_nav ul.bottom_nav li:nth-child(1) div.subnav .box div:nth-of-type(3) {margin:0;}
  nav.main_nav ul.bottom_nav li:nth-child(1) div.subnav .box div li {float:none;}
  nav.main_nav ul.bottom_nav li:nth-of-type(2) div.subnav .box ul ,
  nav.main_nav ul.bottom_nav li:nth-of-type(3) div.subnav .box ul ,
  nav.main_nav ul.bottom_nav li:nth-of-type(4) div.subnav .box ul ,
  nav.main_nav ul.bottom_nav li:nth-of-type(5) div.subnav .box ul {
    margin:10px 5% 0 0;
  } 
  nav.main_nav ul.bottom_nav li:nth-of-type(2) div.subnav .box ul li ,
  nav.main_nav ul.bottom_nav li:nth-of-type(3) div.subnav .box ul li ,
  nav.main_nav ul.bottom_nav li:nth-of-type(4) div.subnav .box ul li ,
  nav.main_nav ul.bottom_nav li:nth-of-type(5) div.subnav .box ul li {
    float:none;
  } 
  nav.main_nav ul.bottom_nav li:nth-of-type(2) div.subnav .box p ,
  nav.main_nav ul.bottom_nav li:nth-of-type(3) div.subnav .box p ,
  nav.main_nav ul.bottom_nav li:nth-of-type(4) div.subnav .box p ,
  nav.main_nav ul.bottom_nav li:nth-of-type(5) div.subnav .box p {  
    width:32%;
    margin:0 2% 0 0;
    float:left;
  }
  
  nav.main_nav ul.bottom_nav li:nth-of-type(2) div.subnav .box p.right {
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin:1.5em;
    float:right;
    width:21.45%;
    font-size:16px;
  }
  nav.main_nav ul.bottom_nav li:nth-of-type(2) div.subnav .box p.right::before {content:"> ";}
  nav.main_nav ul.bottom_nav li:nth-of-type(2) div.subnav .box p.right a:hover {text-decoration:underline;}
  
  nav.main_nav ul.bottom_nav li:nth-of-type(3) div.subnav .box .header_gift {
    width: 350px;
    margin: 20px 0 0;
  }
  nav.main_nav ul.bottom_nav li:nth-of-type(3) div.subnav .box .header_gift a {transition: 0.5s;}
  nav.main_nav ul.bottom_nav li:nth-of-type(3) div.subnav .box .header_gift a:hover {opacity: 0.5;}
  
  nav.main_nav ul.bottom_nav li:nth-of-type(6) div.subnav .box ul li {width:32%;margin:0 2% 2% 0;}
  nav.main_nav ul.bottom_nav li:nth-of-type(6) div.subnav .box ul li:nth-child(3n) {margin:0;}
  nav.main_nav ul.bottom_nav li:nth-of-type(6) div.subnav .box ul li:nth-child(4) ,
  nav.main_nav ul.bottom_nav li:nth-of-type(6) div.subnav .box ul li:nth-child(5) {margin:0 2% 0 0;}
  
  nav ul.bottom_nav_sp {display:none;}
  
  
  ul.fixed_nav {
    position:fixed;
    top:220px;
    right:0;
    z-index:100;
    transition:0.5s;
  }
  .home ul.fixed_nav {right:-220px;}
  .home ul.fixed_nav {top:150px;}
  .home .s_fixed +  ul.fixed_nav {top:220px;}
  
  
  ul.fixed_nav li {margin:0 0 15px;}
  ul.fixed_nav li.pagetop {
    display:block!important;
    cursor:pointer;
  }
  ul.fixed_nav li img {display:block;}
  ul.fixed_nav li:nth-child(2),
  ul.fixed_nav li:nth-child(3) {
    position:relative;
    transition:0.7s;
    left:0;
  }
  ul.fixed_nav li:nth-child(2):hover,
  ul.fixed_nav li:nth-child(3):hover {left:-220px;}
  .ico_menu {display: none;}
  
}
@media screen and (min-width: 768px) and (max-width: 1500px),print{ 
  ul.fixed_nav {
    transform:scale(0.7);
    transform-origin:top right;
  }
  .home ul.fixed_nav {
    top:110px;
    right:-155px;
  }
}
@media screen and (min-width: 768px) and (max-width: 980px),print{ 
  ul.fixed_nav {
    transform:scale(0.6);
  }
  .home ul.fixed_nav {
    top:110px;
    right:-132px;
  }
  ul.fixed_nav li {margin:0 0 5px;}
}
@media screen and (min-width: 860px) and (max-width: 900px),print{ 
  header .header_box .logo {
    width:25%;
    background: url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/logo_pc.png) no-repeat left center / 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 859px),print{ 
  header .header_box .logo {
    width:18%;
    background: url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/logo_pc.png) no-repeat left center / 100%;
  }
}
@media screen and (min-width: 769px),print{ 
  /* :::::::::: breadcrumbs :::::::::: */
  
  .fs-c-breadcrumb {
    box-sizing:border-box;
    max-width:1040px;
    width:100%;
    height:auto;
    margin:0 auto 10px;
    padding:0 20px;
    /*font-size:11px;*/
    line-height:13px;
    color:#000;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:13px;
  }
  .fs-c-breadcrumb + .fs-c-breadcrumb {display: none;}
  .fs-c-breadcrumb__list {padding: 0;}
  .breadcrumbs span {
    display:inline-block;
    margin:0 0.5em;
  }
  
  .breadcrumbs span a {
    color:#000;
  }
  
  .breadcrumbs span:first-child {margin-left:0;}
  
  /* :::::::::: main :::::::::: */
  
  main {
    display:block;
    width:100%;
    height:auto;
    
    padding:0 20px 0!important;
    box-sizing: border-box;
    margin: 20px auto 0 !important;
    max-width: 1040px !important;
  }
  main.s_fixed {padding:0 20px 0;}
  
  
  
  
  
  main p {
    margin:0 0 1em;
    line-height:1.7em;
  }
  
  main .box {
    box-sizing:border-box;
    width:100%;
    max-width:1040px;
    height:auto;
    overflow:hidden;
    margin:0 auto;
    padding:0 20px;
    clear:both;
  }
  
  /* :::::::::: 下部共通コンテンツ :::::::::: */
  
  
  .bottom_content div iframe {
    width: 100%;
    height: auto;
    min-height: 330px;
    overflow: hidden !important;
    margin: 0 0 20px;
  }
  
  .bottom_content {
    box-sizing: border-box;
    width: 100%;
    max-width: 1040px;
    height: auto;
    overflow: hidden;
    padding: 0 20px;
    clear: both;
    margin:80px auto 40px;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .bottom_content div {
    position:relative;
    box-sizing:border-box;
    padding:0 1%;
    border:solid 1px #714987;
    overflow:hidden;
    float:left;
    width:49%;
    margin:0 2% 2% 0;
  }　
  .bottom_content div:nth-of-type(1) {}
  .bottom_content div:nth-of-type(2) {width:49%;margin:0 0 2%;}
  .bottom_content div:nth-of-type(3) {width:100%;margin:0 0 2%;text-align:center;}
  .bottom_content div:nth-of-type(4) {width:23.5%;margin:0 2% 2% 0;}
  .bottom_content div:nth-of-type(5) {width:23.5%;margin:0 2% 2% 0;}
  .bottom_content div:nth-of-type(6) {width:23.5%;margin:0 2% 2% 0;}
  .bottom_content div:nth-of-type(7) {width:23.5%;margin:0 0 2%;}
  .bottom_content div h3 {
    width:100%;
    text-align:center;
    font-size:24px;
    font-weight: bold;
    color:#714987;
    margin:15px 0 0.8em;
  }
  .bottom_content div p.detail_link {
    width:150px;
    height:30px;
    text-align:center;
    line-height:30px;
    background:#eae4ed;
    margin:0 auto;
  }
  .bottom_content div p.detail_link {
    position:absolute;
    width:120px;
    margin:auto;
    left:0;
    right:0;
    bottom:30px;
  }
  
  .bottom_content div p.detail_link a {
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    font-size: 14px;
    transition: 0.5s;
  }
  .bottom_content div p.detail_link a:hover {opacity: 0.5;}
  .bottom_content div p.detail_link a::after {
    content:">"; 
    margin:0 0 0 0.5em;
  }
  
  .bottom_content p.next_month {
    float:right;
    margin:0 0 0.5em;
  }
	
  ul.guide {margin:0 auto 90px;}
  ul.guide li {
    position:relative;
    line-height:1.7em;
    padding:0 0 0 1.5em;
    font-size:14px;
  }
  
  ul.guide li::before {
    position:absolute;
    display:block;
    content:"";
    width:1em;
    height:1em;
    border-radius:50%;
    background:#000;
    top:0.2em;
    left:0;
  }
  
  ul.cr_card {margin:0 auto 80px;}
  ul.cr_card li {display:inline;margin:0;}
  main article .bottom_content ul.cr_card {margin:0 auto 80px;}
  
  ul.cr_card li img {width:auto;max-width:none;}
  .bottom_content div:nth-of-type(3) p:nth-of-type(1) {margin:0 auto;font-size:14px;}
  .bottom_content div:nth-of-type(3) p:nth-of-type(2) {font-size:13px;margin:0 auto 2em;}
  .bottom_content div:nth-of-type(4) p:nth-of-type(1) {margin:0 auto;font-size:14px;}
  .bottom_content div:nth-of-type(4) p:nth-of-type(3) {margin:0 auto;font-size:14px;}
  .bottom_content div:nth-of-type(5) p:nth-of-type(1) {margin:0 auto 1em;font-size:14px;}
  .bottom_content div:nth-of-type(6) p:nth-of-type(1) {margin:0 auto;font-size:14px;}
  .bottom_content div:nth-of-type(7) p:nth-of-type(1) {margin:0 auto 1em;font-size:14px;}
  
  .bottom_content div p span {
    position:relative;
    display:block;
    line-height:1.5em;
    padding:0 0 0 1.2em;
    font-size:14px;
  }
  
  .bottom_content div:nth-of-type(4) p:nth-of-type(1) img {display:block;width:50%;margin:0 auto 0.5em;}
  .bottom_content div:nth-of-type(4) p:nth-of-type(3) img {display:block;width:50%;margin:0 auto 0.5em;}
  .bottom_content div:nth-of-type(5) p:nth-of-type(2) img {display:block;width:70%;margin:0 auto 0.5em;}
  .bottom_content div:nth-of-type(5) p span:last-child {margin:0 auto 40%;}
  .bottom_content div p span:before {
    position:absolute;
    display:block;
    content:"※";
    width:1em;
    height:1em;
    top:0;
    left:0;
  }
  
  /* :::::::::: aside.bottom_nav :::::::::: */

  aside.bottom_nav {
    box-sizing:border-box;
    width:100%;
    height:auto;
    overflow:hidden;
    max-width:1040px;
    margin:0 auto 30px;
    padding:0 20px;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  
  .fs-l-main + aside.bottom_nav {
    padding: 40px 20px 0;
    border-top: solid 1px #9477a7;
    margin: 100px auto 30px;
  }
  
  aside.bottom_nav div {
    box-sizing:border-box;
    width:15%;
    height:auto;
    float:left;
    margin:0 5% 0 0;
    padding:3% 2.5% 3% 2.5%;
    border-right:solid 1px #000;
  }
  
  aside.bottom_nav div h2 {
    width:96%;
    margin:0 auto 5px;
  }
  
  aside.bottom_nav > ul {
    width:20%;
    float:left;
    font-size:13px;
    padding:1% 0 0;
    margin:2.5em 0 0;
  }
  
  aside.bottom_nav > ul:nth-of-type(1) {margin:0;}
  
  aside.bottom_nav > ul > li {
    position:relative;
    padding:0 0 0 1.2em;
    margin:0 0 1.5em;
    line-height:1.1em;
  }
  
  aside.bottom_nav > ul:nth-of-type(1) > li:nth-of-type(1) > ul > li{padding:0;}
  
  aside.bottom_nav > ul > li::before {
    position:absolute;
    display:block;
    content:">";
    left:0;
  }
  
  aside.bottom_nav > ul:nth-of-type(1) li:nth-of-type(1) ul li::before {content:none;}
  
  aside.bottom_nav > ul > li > span {
    display:block;
    margin:0 0 0.5em;
  }
  
  aside.bottom_nav > ul > li > ul > li {margin:0 0 0.5em;}
  
  aside.bottom_nav ul li a:hover {text-decoration:underline;}
  
  aside.bottom_nav + ul.aside_sns {
    text-align:center!important;
    overflow:hidden!important;
    margin:0 auto 50px!important;
  }
  
  aside.bottom_nav + ul.aside_sns li {
    display:inline-block!important;
    margin:0 5px!important;
  }
  
  /* :::::::::: footer :::::::::: */
  
  footer {
    width:100%;
    height:auto;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/bg_footer.png) no-repeat center center,#9477a7;
    color:#FFF;
    text-align:center;
    padding:70px 0;
  }
  
  footer p.pagetop {
    position:fixed;
    z-index:30;
    bottom:200px;
    right:0;
    width:45px;
    height:150px;
  }
  footer p.pagetop {display:none!important;}
  footer .f_logo {
    width:80%;
    margin:5px auto;
    max-width:530px;
  }
  
  footer .address {font-size:14px;}
  footer .copyright {font-size:11px;}
}


@media print {
header ,
aside,
nav,
div.bottom_content,
footer {display:none;}
  main {padding:0;}
}









/*################ meida.css ##################*/


/* -----------------------------------------------------------
　共通要素・可変画像（親要素幅まで）
----------------------------------------------------------- */

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

  body {
    -webkit-text-size-adjust: 100%;
    font-size:14px;
  }
   
  .pc_cont {
    display:none;
  } 
   
  figure {
    margin:0 auto 1em;
    text-align:center;
  } 
  
  figcaption {
    font-size:1em;
    margin:0.5em 0 0;
  }
	
}

/* -----------------------------------------------------------
  テンプレート
----------------------------------------------------------- */

@media screen and (max-width: 768px){
  /* :::::::::: header :::::::::: */
	
  header {
    position:fixed;
    width:100%;
    height:60px; 
    background:#FFF;
    border-bottom:solid 1px #eae4ed;
    z-index:99;
    top:0;
  }
  
  header .header_box {
    width:98%;
    height:auto;
    overflow:hidden;
    margin:0 0 0 2%;
  }

  header .header_box .logo {
    position:relative;
    width:calc(100% - 125px);
    height:50px;
    margin:5px 0;
    float:left;
  }
  
  header .header_box .logo img {
    width:100%;
    max-width:278px;
    max-height:50px;
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
  }
  
  header .header_box .cart {
    position: relative;
    z-index: 0;
    text-indent:-9999px;
    width:60px;
    height:60px;
    float:right;
    margin:0 60px 0 0;
    border-left:solid 1px #eae4ed;
    border-right:solid 1px #eae4ed;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/header_cart_sp.png) center center /cover;
  }
  
  header .header_box .cart a {
    display:block;
    width:100%;
    height:100%;
  }
  header .header_box .cart a .fs-client-cart-count {
    position: absolute;
    z-index: 1;
    font-size: 12px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
    background: #9477a7;
    border-radius: 50%;
    top: 0;
    right: 0;
    color: #FFFFFF;
    text-indent: 0;
}


  
  header + .sp_cont {padding:60px 0 0;}
  header + .sp_cont p img {display:block;}
  header + .sp_cont p.tel {
    box-sizing:border-box;
    padding:10px 2%;
    width:100%;
    height:auto;
    background:#9477a7;
  }
  
  header + .sp_cont .sub_title {
    display:none;
    padding:0.5em 2%;
    font-size:2.4vw;
    line-height:1.5;
    text-align:center;
  }
  header + .sp_cont ul {
    width:96%;
    margin:0 auto!important;
    overflow:hidden;
  }
  
  header + .sp_cont ul li {
    box-sizing:border-box;
    position:relative;
    font-size:1.2em;
    text-align:center;
    width:25%;
    padding:0 1%;
    float:left;
    z-index:0;
  }
  
  header + .sp_cont ul li::after {
    position:absolute;
    display:block;
    content:"";
    width:1px;
    height:2em;
    margin:auto;
    top:0;
    bottom:0;
    right:0;
    background:#9477a5;
  }
  
  header + .sp_cont ul li:last-child::after {content:none;}
  
  header + .sp_cont ul li a {
    box-sizing:border-box;
    display:block;
    width:100%;
    height:100%;
    padding:0.7em 0;
  }

  /* :::::::::: nav :::::::::: */

  nav.main_nav {
    position:fixed;
    width:100%; 
    height:auto;
    z-index:99;
    top:60px;
  }
  
  nav.main_nav.open {height:100%;}

  nav.main_nav .menu {
    position:fixed;
    width:60px;
    height:60px;
    top:0;
    right:0;
    z-index:99;
  }
  
  nav.main_nav div.menu_box {
    position:fixed;
    display:none;
    width:100%;
    height: calc(100% - 60px);
    overflow-y: auto;
    background:#FFF;
    z-index:0;
    top:61px;
  }
	
  nav.main_nav .top_nav_sp {
    width:96%;
    height:auto;
    overflow:hidden;
    margin:3% auto;
  }
  nav.main_nav .top_nav_sp li {
    height:40px;
    float:left;
    text-align:center;
    line-height:40px;
    font-size:3vw;
  }
  nav.main_nav .top_nav_sp li.login li {width: 100%;}
  nav.main_nav .top_nav_sp li.tn_houjin {display:none;}
  nav.main_nav .top_nav_sp li.tn_home {width:32%;margin:0 2% 2% 0;}
  nav.main_nav .top_nav_sp li.tn_brand {width:60%;margin:0 2% 2% 0;}
  nav.main_nav .top_nav_sp li.tn_contact {width:38%;margin:0 0 2% 0;}
  nav.main_nav .top_nav_sp li.tn_fb {width:10%;margin:0 1% 2% 0;}
  nav.main_nav .top_nav_sp li.mypage {width:32%;margin:0 2% 2% 0;}
  nav.main_nav .top_nav_sp li.login {width:32%;margin:0 0 2% 0;}
  nav.main_nav .top_nav_sp li.login { border-radius:20px;background:#9578a4;}
  nav.main_nav .top_nav_sp li a {
    display:block;
    width:100%;
    height:100%;
    border-radius:20px;
  }

  
  nav.main_nav .top_nav_sp li.tn_home a ,
  nav.main_nav .top_nav_sp li.login a {  
    color:#FFF!important;
    background:#9578a4;
    margin: 0;
    padding: 0;
  }
  
  nav.main_nav .top_nav_sp li.mypage a {
    color:#000!important;
    background:#c7c7c7;
  }
  
  nav.main_nav .top_nav_sp li.tn_brand a ,
  nav.main_nav .top_nav_sp li.tn_contact a {
    color:#000!important;
    background:#EAE4ED;
  }
  
  nav.main_nav .top_nav_sp li.tn_fb img {
    width:auto;
    max-width:none;
    max-height:30px;
    vertical-align:middle;
  }
  
  nav.main_nav div.tel_nav {display:none;}
  nav.main_nav ul.bottom_nav {display:none;}
  
  nav.main_nav ul.bottom_nav_sp {
    width:96%;
    margin:0 auto;
    overflow:hidden;
  }

  nav.main_nav ul.bottom_nav_sp > li.nav_gr {
    width:49%;
    height:auto;
    overflow:hidden;
    float:left;
  }
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-child(2) {margin:0 0 0 2%;float:left;}
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr > ul > li {
    box-sizing:border-box;
    width:100%;
    height:auto;
    overflow:hidden;
    margin:0 0 2.5%;
    padding:2.5%;
    background:#eae4ed;
  }
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr > ul > li:last-child {background:#9477A5;}
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul > li > span {
    box-sizing:border-box;
    position:relative;
    display:block;
    width:100%;
    height:auto;
    padding:33% 0 0;
  }
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul li > span img {position:absolute;top:0;bottom:0;margin:auto;left:37%;
  right:0;}
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(1) ul li:nth-of-type(1) > span {background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/mn_sp01.png) no-repeat top left /auto 100%;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(1) ul li:nth-of-type(2) > span {background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/mn_sp02.png) no-repeat top left /auto 100%;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(1) ul li:nth-of-type(3) > span {background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/mn_sp03.png) no-repeat top left /auto 100%;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(2) ul li:nth-of-type(1) > span {background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/mn_sp04.png) no-repeat top left /auto 100%;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(2) ul li:nth-of-type(2) > span {background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/mn_sp05.png) no-repeat top left /auto 100%;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(2) ul li:nth-of-type(3) > span {background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/mn_sp06.png) no-repeat top left /auto 100%;}
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(1) ul li:nth-of-type(1) > span img {width:12vmin;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(1) ul li:nth-of-type(2) > span img {width:15vmin;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(1) ul li:nth-of-type(3) > span img {width:24vmin;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(2) ul li:nth-of-type(1) > span img {width:12vmin;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(2) ul li:nth-of-type(2) > span img {width:15vmin;}
  nav.main_nav ul.bottom_nav_sp > li.nav_gr:nth-of-type(2) ul li:nth-of-type(3) > span img {width:18vmin;}
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul > li > span::after {
    position:absolute;
    display:block;
    content:"";
    width:1.4em;
    height:0.65em;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/sp_mn_after.png) no-repeat bottom center /cover;
    bottom:10%;
    right:27%;
    transition:0.5s;
  }
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul > li:last-child > span::after {background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/sp_mn_afterw.png) no-repeat bottom center /cover;}
    
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul li > span.open::after {
    transition:0.5s;
    transform:rotateX(180deg);
  }  
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul li > ul {
    display:none;
    width:96%;
    height:auto;
    margin:10px auto;
  }
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul li > ul li {
    font-size:3.2vmin;
    line-height:1.8em;
    margin:0 0 0.5em;
  }
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul li > ul li span {
    position:relative;
    display:block;
    padding:0 0 0 1em;
  }  
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul > li:last-child > ul > li span {
    color:#FFFFFF;
  }  
  
  nav.main_nav ul.bottom_nav_sp > li.nav_gr ul li > ul span::before {
    position:absolute;
    display:block;
    content:">";
    top:0;
    left:0;
  }
  
  nav.main_nav ul.bottom_nav_sp > li.header_gift_sp {width: 100%;}
  nav.main_nav ul.bottom_nav_sp > li.header_gift_sp img {width: 100%;}
  
  nav.main_nav ul.bottom_nav_sp + .sp_cont {
    width:100%;
    margin:4% 0 0;
    clear:both;
  }
  
  nav.main_nav ul.bottom_nav_sp + .sp_cont p:nth-of-type(1) {
    width:75%;
    margin:0 auto 3%;
  }
  
  nav.main_nav ul.bottom_nav_sp + .sp_cont p:nth-of-type(2) {
    width:100%;
    margin:0 auto 3%;
    background:#9477a5;
    color:#FFF;
    text-align:center;
    padding:0.5em 0;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:3vmin;
  }
  
  nav.main_nav ul.bottom_nav_sp + .sp_cont p:nth-of-type(3) {width:90%;margin:0 auto 5%;text-align:center;}
  nav.main_nav ul.bottom_nav_sp + .sp_cont p:nth-of-type(3) img {display:block;margin:0 auto 2%;}
  nav.main_nav ul.bottom_nav_sp + .sp_cont p.close {
    width:100%;
    height:auto;
    text-align:center;
    background:#eae4ed;
    font-size:3vmin;
    padding:2.2em 0;
    color:#714988;
  }
  
  nav.main_nav ul.bottom_nav_sp + .sp_cont p.close span {
    position:relative;
    padding:0 0 0 3em;
  }
  
  nav.main_nav ul.bottom_nav_sp + .sp_cont p.close span::before {
    position:absolute;
    display:block;
    content:"×"; 
    font-size:2em;
    height:1em;
    margin:auto;
    left:0;
    top:-100%;
    bottom:-100%;
  }

  .fs-p-scrollingCartButton {bottom: 65px!important;}
  .ico_menu {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 65px;
    inset: auto 0 0;
  }
  .ico_menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-top: solid 1px #9477A5;
    list-style-type: none!important;
    margin: 0;
    padding: 0;
  }
  .ico_menu ul li {
    position: relative;
    z-index: 0;
    width: 20%;
  }
  .ico_menu ul li::after {
    position: absolute;
    z-index: 0;
    display: block;
    content: "";
    width: 1px;
    height: 66%;
    background: #9477A5;
    inset: 0 0 0 auto;
    margin: auto;
  }
  .ico_menu ul li:nth-last-child(1)::after {display: none;}
  .ico_menu ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    text-decoration: none;
    text-align: center;
    line-height: 1.2;
  }
  .ico_menu ul li a span {
    display: block;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    color: #000000;
  }
  .ico_menu ul li a span::before {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    margin: 0 auto 7px;
  }
  .ico_menu ul li.ico_tel a span::before {background: url("https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/ico_tel.svg") no-repeat top center / auto 100%;}
  .ico_menu ul li.ico_recipe a span::before {background: url("https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/ico_recipe.svg") no-repeat top center / auto 100%;}
  .ico_menu ul li.ico_cart a span::before {background: url("https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/ico_cart.svg") no-repeat top center / auto 100%;}
  .ico_menu ul li.ico_katei a span::before {background: url("https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/ico_katei.svg") no-repeat top center / auto 100%;}
  .ico_menu ul li.ico_zoutou a span::before {background: url("https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/ico_zoutou.svg") no-repeat top center / auto 100%;}
}
  
@media screen and (max-width: 768px){  
  /* :::::::::: breadcrumbs :::::::::: */
  
  .fs-c-breadcrumb {
    width:90%;
    height:auto;
    font-size:13px;
	  line-height:1.5em;
    color:#000;
    padding:0;
    margin:0 auto;
    overflow:hidden;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .fs-c-breadcrumb + .fs-c-breadcrumb {display: none;}
  .fs-c-breadcrumb__list {padding: 0;}

  .breadcrumbs span {
    display:inline-block;
    margin:0;
  }
  
  .breadcrumbs span a {
    color:#000;
  }  
	
  .breadcrumbs span:first-child {margin-left:0;}

  /* :::::::::: main :::::::::: */

  main {
    display:block;
    width:100%;
    height:auto;
    padding:10px 5% 0!important;
    margin: 0 auto 50px!important;
  }
  
  
  main p {
    margin:0 0 1em;
    line-height:1.7em;
  }
  
  main .box {
    width:92%;
    height:auto;
    margin:0 auto;
    overflow:hidden;
  }
  
  main p.lead {
    width:92%;
    height:auto;
    overflow:hidden;
    margin:0 auto 1em;
    padding:2em 0;
    clear:both;
    line-height:1.9em;
  }	
  
  main p.sub_lead {
    margin:0 auto 2em;
    line-height:1.9em;
  }	

  a.mailto {color:#714988;}
  
  /* :::::::::: 下部共通コンテンツ :::::::::: */
  
  .bottom_content {width: 92%!important;}
  .bottom_content {margin: 0 auto 50px!important;}
  .bottom_content div iframe {
    width: 100%;
    height: auto;
    min-height: 360px;
    overflow: hidden !important;
    margin: 0 0 3%;
  }
  
  .bottom_content {
    width: 92%;
    height: auto;
    overflow: hidden;
    margin:5% auto 5%;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  
  .bottom_content div {
    position:relative;
    box-sizing:border-box;
    padding:3%;
    border:solid 1px #714987;
    overflow:hidden;
    width:100%;
    margin:0 auto 2%;
  }　
  
  .bottom_content div:nth-of-type(3) {text-align:center;}
  
  .bottom_content div h3 {
    width:100%;
    text-align:center;
    font-weight: bold;
    font-size:20px;
    color:#714987;
    margin:0 0 0.5em;
  }
  
  .bottom_content div p.detail_link {
    width:150px;
    height:35px;
    text-align:center;
    line-height:35px;
    background:#eae4ed;
    margin:0 auto;

  }
  
  .bottom_content div p.detail_link {
    /*position:absolute;*/
    width:120px;
    /*margin:auto;
    bottom:3%;
    left:0;
    right:0;*/
  }
  
  .bottom_content div p.detail_link a {
    display:block;
    width:100%;
    height:100%;
  }
  
  .bottom_content div p.detail_link a::after {
    content:">"; 
    margin:0 0 0 0.5em;
  }
  
  .bottom_content p.next_month {
    float:right;
    margin:0 0 0.5em;
  }
  
  
  ul.guide {margin:0 auto 20px;}
  ul.guide li {
    position:relative;
    line-height:1.7em;
    padding:0 0 0 1.5em;
    font-size:0.9em;
  }
  
  ul.guide li::before {
    position:absolute;
    display:block;
    content:"";
    width:1em;
    height:1em;
    border-radius:50%;
    background:#000;
    top:0.2em;
    left:0;
  }
  
  ul.cr_card {margin:0 auto 20px;}
  ul.cr_card li {display:inline;margin:0;}
  ul.cr_card li img {width:auto;max-width:none;}
  
  .bottom_content div p span {
    position:relative;
    display:block;
    line-height:1.5em;
    padding:0 0 0 1.2em;
    font-size:0.9em;
  }
  
  .bottom_content div:nth-of-type(4) p:nth-of-type(1) img {display:block;width:30%;margin:0 auto 0.5em;}
  .bottom_content div:nth-of-type(4) p:nth-of-type(2) img {display:block;width:90%;margin:0 auto 2em;}
  .bottom_content div:nth-of-type(4) p:nth-of-type(3) img {display:block;width:30%;margin:0 auto 0.5em;}
  .bottom_content div:nth-of-type(4) p:nth-of-type(4) img {display:block;width:90%;margin:0 auto 0.5em;}
  .bottom_content div:nth-of-type(5) p:nth-of-type(2) img {display:block;width:40%;margin:0 auto 0.5em;}
  .bottom_content div:nth-of-type(6) p:nth-of-type(3) img {display:block;width:60%;margin:0 auto 0.5em;}
  .bottom_content div:nth-of-type(7) p:nth-of-type(2) img {display:block;width:60%;margin:0 auto 0.5em;} 
  .bottom_content div p span:before {
    position:absolute;
    display:block;
    content:"※";
    width:1em;
    height:1em;
    top:0;
    left:0;
  } 
  /* :::::::::: aside.bottom_nav :::::::::: */

  aside.bottom_nav {display:none;}
  
  
  
  aside.bottom_nav + ul.aside_sns {
    text-align:center!important;
    overflow:hidden!important;
    margin:0 auto 50px!important;
  }
  
  aside.bottom_nav + ul.aside_sns li {
    display:inline-block!important;
    margin:0 5px!important;
  }

  /* :::::::::: footer :::::::::: */
  
  footer {
    width:100%;
    height:auto;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/common/bg_footer.png) no-repeat center center,#9477a7;
    background-size:auto 80%;
    color:#FFF;
    text-align:center;
    padding:50px 0;
  }
  
  footer p.pagetop {
    box-sizing:border-box;
    position:fixed;
    z-index:100;
    bottom:130px;
    right:0;
    width:3em;
    height:10em;
  }
  
  footer .f_logo {
    width:90%;
    margin:3% auto;
  }
  
  footer .address {font-size:2.4vmin;}
  footer .copyright {font-size:2vmin;}
  
}


/*******product**************/
  
div.product_info {
  width: 100%;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow: hidden;
  margin: 50px 0 0;
}
div.product_info ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  max-width: 480px;
  margin: 0 auto 50px;
  padding: 0;
}
div.product_info ul li {
  box-sizing: border-box;
  width: 48%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.product_info ul li img {
  display: block;
  width: 100%;
}

table.product {
  width:100%;
  margin:0 auto 1em;
  font-size:15px;
  border-collapse: collapse;
}
table.product th {
  box-sizing: border-box;
  width:6em;
  height:auto;
  padding:0.5em 1em;
  background:#fafafa;
  text-align:left;
  font-weight:normal;
}
table.product td {
  box-sizing: border-box;
  width:calc(100% - 6em);
  height:auto;
  padding:0.5em 1em;
}
table.product tr {border-top:solid 1px #e3e3e3;}
table.product tr:nth-last-of-type(1) {border-bottom:solid 1px #e3e3e3;}
ul.check {
  margin:0 0 1.5em;
  padding: 0;
}
ul.check li {
  position:relative;
  padding:0 0 0 1em; 
  margin: 0;
  font-size:15px;
  list-style-type: none;
}
ul.check li::before {
  position:absolute;
  display:block;
  content:"● ";
  top:0;
  left:0;
}
  
button.fs-c-button--addToCart--detail.fs-c-button--primary {
  /*min-width: 300px;
  max-width: 300px;
  margin: 0 auto;*/
  background: #ee7800;
  font-size: 2.4rem;
  border: none;
}


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

  div.product_info {display: none;}
  table.product {
    font-size: 1em;
    margin:1em auto;
  }
  table.product th {padding:1em;}
  table.product td {padding:1em;}
  ul.check li {font-size: 1em;}
}

/*******cart*****/


.box.single01 ul,
.box.single02 ul,
.box.single03 ul,
.box.single04 ul,
.box.single05 ul,
.box.single06 ul,
.box.single07 ul,
.box.single08 ul,
.box.single09 ul {padding: 0;}
.box.single01 ul li,
.box.single02 ul li,
.box.single03 ul li,
.box.single04 ul li,
.box.single05 ul li,
.box.single06 ul li,
.box.single07 ul li,
.box.single08 ul li,
.box.single09 ul li {list-style-type: none;}
 p.pr_icon {margin:1em 0;}
.box.single01 ,
.box.single02 ,
.box.single03 ,
.box.single04 ,
.box.single05 ,
.box.single06 ,
.box.single07 ,
.box.single08 ,
.box.single09 {
  width:100%;
  overflow:hidden;
  margin:0 auto 90px;
  padding: 0;
  clear:both;
}
.box .box {padding: 0;}

@media screen and (min-width: 769px){
  
  .single_img {margin:0 auto 40px;}
  .single_img + .box {
    width:700px;
    margin:0 auto;
  }
  .box .h2_mark {
    box-sizing:border-box;
    width:100%;
    font-size:32px;
    color:#714987;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/h2/h2_mark.png) no-repeat top left/ auto 100%;
    margin:0 0 20px;
    padding:0.3em 0 0.3em 0.75em;
  } 
  .box p {
    font-size:17px;
    line-height:2em;
    margin:0 auto 1em;
  }
  .box.single01 {padding:100px 0 0;}
  .box.single01 figure {
    overflow:hidden;
    margin:0 0 1em;
  }
  .box.single01 figure img {
    width:50%!important;
    float:left;
  }
  .box.single02 {
    border-bottom:solid 1px #CCCCCC;
    margin-bottom:30px;
    padding-bottom:60px;
  }
  .box.single02 ul {overflow:hidden;}
  .box.single02 ul li {
    width:31.25%;
    float:left;
    margin:0 3.125% 3.125% 0;
  }
  .box.single02 ul li:nth-child(3n) {margin:0 0 3.125%;}
  .box.single02 ul li img {display:block;}
  
  .box.single03 .voice_box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .box.single03 dl {
    position:relative;
    width:48%;
    float:left;
    margin:0;
    padding:70px 5% 70px;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/index/bg_index_voice.png) repeat-y top left /100% auto;
  }
  .box.single03 dl::before {
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:65px;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/index/bg_voice_before.png) no-repeat top left / 100% auto;
    top:0;
    left:0;
  }
  .box.single03 dl::after {
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:60px;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/index/bg_voice_after.png) no-repeat bottom left / 100% auto;
    bottom:0;
    left:0;
  }
  
  .box.single03 dl:nth-of-type(even) {margin:0 0 4%;}
  .box.single03 dl dt {
    font-size:24px;
    line-height:1.5em;
    font-widht:bold;
    color:#714987;
    margin:0 0 1em;
  }
  .box.single03 dl dd {
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:15px;
    line-height:1.8em;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .box.single03 dl dd p {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","游明朝",YuMincho,"Yu Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    clear:both;
    font-size:20px;
    font-widht:bold;
    color:#714987;
    text-align:right;
    margin:0.5em 0 0;
  }
  .box.single04 ul {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin:0 auto 60px;
  }
  .box.single04 ul li {width: calc(100% / 3);}
  .box.single04 ul li img {display: block;}
  .box.single04 div {margin:0 auto 40px;} 
  .box.single05 ul {overflow:hidden;}
  .box.single05 ul li {
    width:48%;
    float:left;
    margin:0 4% 0 0;
  }
  .box.single05 ul li:nth-child(even) {margin:0;}
  .box.single05 ul li img {display:block;margin:0 0 0.5em;}
  .box.single05 ul li p {
    font-size:24px;
    font-weight:bold;
  }
  
  .box.single06 p {margin:0 0 0.5em;}
  .box.single06 figure {
    overflow:hidden;
    margin:0 0 2em;
  }
  .box.single06 figure img {
    width:50%!important;
    float:left;
  }
  .box.single06 div.left { 
    width:270px;
    margin:0 20px 0 0;
  }
  .box.single07 figure {margin:0 auto 50px;}
  .box dl.about dt {
    width:25.7%;
    margin:0 4.3% 30px 0;
    float:left;
    clear:both;
  }
  .box dl.about dd {
    width:70%;
    margin:0 0 30px;
    float:left;
    font-size:14px;
    line-height:2em;
    padding:1em 0 0;
  }
  .box dl.about dt:nth-of-type(2) {
    margin:0 0 4.3% 30px;
    float:right;
  }
  .box dl.about dd:nth-of-type(2) {float:right;}
  .box.single09 figure figcaption {text-align:right;}
  
}

@media screen and (max-width: 768px){
  
  .box .box {padding: 0;}
  .box.single01 ,
  .box.single02 ,
  .box.single03 ,
  .box.single04 ,
  .box.single05 ,
  .box.single06 ,
  .box.single07 ,
  .box.single08 ,
  .box.single09 {
    margin:0 auto 40px;
  }
  
  .pr_icon {
    width:100%;
    margin:5% auto;
  }
  .box {
    width:100%;
    overflow:hidden;
    margin:0 auto 8%;
    clear:both;
  }
  .box.single02 {
    border-bottom:solid 1px #CCCCCC;
    margin-bottom:6%;
    padding-bottom:4%;
  }
  .box .single_img {
    width:100%;
    margin:0 auto 5%;
  }
  .box .h2_mark {
    box-sizing:border-box;
    width:100%;
    font-size:1.4em;
    color:#714987;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/h2/h2_mark.png) no-repeat top left / auto 100%;
    margin:0 0 5%;
    padding:0.3em 0 0.3em 0.75em;
  } 
  .box p {
    line-height:2em;
    margin:0 auto 0.5em;
  }
  .box.single01 figure {
    overflow:hidden;
    margin:0 0 1em;
  }
  .box.single01 figure img {
    width:100%;
    margin:0;
  }
  .box.single02 ul {overflow:hidden;}
  .box.single02 ul li {
    width:49%;
    float:left;
    margin:0 2% 2% 0;
  }
  .box.single02 ul li:nth-child(even) {margin:0 0 2%;}
  .box.single02 ul li img {display:block;}
  .box.single03 dl {
    position:relative;
    width:100%;
    margin:0 auto 3%;
    padding:65px 7% 60px;
    background:url(https://www.handamen.com/wp-content/themes/ono_theme_v1/img/index/bg_index_voice_sp.png) no-repeat top left /100% 100%;
  }
  .box.single03 dl dt {
    font-size:16px;
    line-height:1.5em;
    font-widht:bold;
    color:#714987;
    margin:0 0 1em;
  }
  .box.single03 dl dd {
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:12px;
    line-height:1.8em;
    margin: 0;
  }
  .box.single03 dl dd p {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","游明朝",YuMincho,"Yu Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    clear:both;
    font-size:14px;
    font-widht:bold;
    color:#714987;
    text-align:right;
    margin:0.5em 0 0;
  }
  .box.single04 ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin:0 auto 10%;
  }
  .box.single04 ul li {width: 50%;}
  .box.single04 ul li img {display: block;}
  .box.single04 div {margin:0 auto 8%;} 
  .box.single05 ul {overflow:hidden;}
  .box.single05 ul li {
    width:100%;
    margin:0 auto 8%
  }
  .box.single05 ul li:nth-child(even) {margin:0;}
  .box.single05 ul li img {display:block;margin:0 0 0.5em;}
  .box.single05 ul li p {
    font-size:1.3em;
    font-weight:bold;
  }
  
  .box.single05 p.right {
    width: 200px;
    height: 40px;
    margin: 30px auto 20px;
    font-size: 18px;
    float: none;
    line-height: 40px;
    text-align: center;
  }
  .box.single05 p.right a {
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    background: #714988;
  }
  .box.single06 p {margin:0 0 0.5em;}
  .box.single06 figure {
    overflow:hidden;
    margin:0 0 2em;
  }
  .box.single06 figure img {
    width:100%;
    margin:0;

  }
  .box.single06 div.left { 
    width:70%;
    margin:0 auto 5%;
    float:none;
  }
  .box.single07 figure {margin:0 auto 50px;}
  dl.about {overflow:hidden;margin:8% 0 0;}
  dl.about dt {
    width:30%;
    margin:0 5% 8% 0;
    float:left;
    clear:both;
  }
  dl.about dd {
    width:65%;
    margin:0 0 8%;
    float:left;
    font-size:0.9em;
  }
  dl.about dt:nth-of-type(2) {
    margin:0 0 8% 5%;
    float:right;
  }
  dl.about dd:nth-of-type(2) {float:right;}
  .box.single09 figure figcaption {text-align:right;}
  
}

/**********************************************************/

/**製品カテゴリボタン**/

@media screen and (min-width: 768px) {
  .fs-c-subgroupList__item {max-width: calc(33% + 1px);}
}


@media screen and (min-width: 960px) {
  .fs-c-subgroupList__item {max-width: 25%;}
}







/**ボタン**/

.fs-c-button--back--moderate,
.fs-c-viewAllProductsLink ,
.fs-c-button--myPageTop {
  padding: 0.5em 1em;
  background: #c7c7c7;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.2;
}
.fs-c-button--back--moderate:hover,
.fs-c-viewAllProductsLink:hover ,
.fs-c-button--myPageTop:hover {
  opacity: 0.5;
  text-decoration: none;
}

.fs-c-button--viewProductDetail.fs-c-button--plain,
.fs-c-button--addToCart--list.fs-c-button--plain {
  color: #FFFFFF;
  background: #ee7800;
  padding: 0.5em 0.75em;
}
.fs-c-button--viewProductDetail.fs-c-button--plain:hover ,
.fs-c-button--addToCart--list.fs-c-button--plain:hover {
  text-decoration: none;
  opacity: 0.5;
}
.fs-c-button--viewProductDetail.fs-c-button--plain::before ,
.fs-c-button--plain.fs-c-button--addToCart--list::before {color: #FFFFFF;}
.fs-pt-menu__item.fs-pt-menu__item--lv1 {
  width: 90px;
  line-height: 35px;
  margin: 0 5px;
}
.fs-pt-menu__item.fs-pt-menu__item--lv1 a {
  display: block;
  height: 100%;
  text-align: center;
  font-size: 12px;
  background: #c7c7c7;
  padding: 0;
  margin: 0;
  border-radius: 99px;
  transition: 0s;
}
.fs-p-headerUtilityMenu__register.fs-pt-menu__item.fs-pt-menu__item--lv1 a {
  color: #FFFFFF;
  background: #9678a5;
}
.fs-pt-menu__item.fs-pt-menu__item--lv1 a:hover {
  background: #a40000;
  color: #FFFFFF;
}
.fs-pt-menu__item.fs-pt-menu__item--lv1 a::before {display: none;}
/**見出し**/
.fs-c-heading.fs-c-heading--page {
  font-weight: 700;
  padding: 50px 0 0.5em;
  border-bottom: solid 2px #714987;
}

.fs-c-productNameHeading.fs-c-heading {
  font-size:2.4em;
  font-weight:bold;
  margin:0 0 0.5em;
  line-height:1.3em;
}

.fs-c-wishlistProduct__title {margin-top: 30px;}

/**カート**/
.cart_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: static;
  width: 100%;
  padding: 10px 20px;
  border-bottom: solid 2px #714987;
}
.cart_header + .fs-l-header__welcomeMsg {margin: 0 auto;}
.cart_header .logo img {display: block;}

/**エリア**/
.fs-p-drawer.fs-l-sideArea {display: none;}
.fs-l-pageMain {
  max-width: 100%!important;
}

/** パンくず・ウェルカムメッセージ **/
.fs-c-breadcrumb__list {max-width: calc(100% - 250px);}
.fs-l-header__welcomeMsg {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  margin: 180px auto 0;
  text-align: right;
}
.fs-p-welcomeMsg {
  display: inline-block;
  width: auto;
  height: 20px;
  line-height: 20px;
  transform: translateY(15px);
  padding: 0 1em;
  border: solid 1px #333;
  margin: 0;
  font-size: 0.8em;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fs-c-productPrice__main__price.fs-c-price {font-size: 1.4em;}
.fs-c-productPrice.fs-c-productPrice--selling {margin: 0;}
.category_img p {display: none;}
.category_img + .fs-c-heading.fs-c-heading--page {display: none}
.fs-c-sortItems__list__item__label {padding: 2px 8px 0;}
.fs-c-productPrices.fs-c-productPrices--productDetail {margin: 50px 0 20px;font-size: 1.6em;}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price  {font-size: 2.4em;padding: 0 10px;}
.fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__addon{font-size: 1em;}
.fs-c-productActionButton.fs-c-buttonContainer .fs-c-button__label::before {display: inline-block;content: "";width: 1.2em;height:1.2em;margin: 0 0.5em 0.2em 0;vertical-align: middle;background:url("https://handamen.itembox.design/item/ico_cart.svg") no-repeat center / contain;}
.fs-l-productLayout__item.fs-l-productLayout__item--3 {margin-top: 30px;}
.fs-body-my-top .fs-c-accountService {flex-basis: 100%;}

@media screen and (max-width: 800px){
  .fs-c-accountService__page {
    flex-basis: 32%;
    margin: 0 0 2%;
  }
}


@media screen and (max-width: 599px){
  .fs-c-accountService__page {
    order: 1;
    flex-basis: 100%;
  }
  
  .fs-c-accountService::after {
    display: block;
    content: "";
    flex-basis: 32%;
    order: 2;
  }
}

@media screen and (max-width: 768px){
  
  .fs-p-headerUtilityMenu__list {flex-wrap: nowrap;}
  .fs-pt-menu__item.fs-pt-menu__item--lv1 {
    width: 80px;
    line-height: 27px;
    margin: 0 3px;
  }
  
  /**カート**/
  .cart_header {padding: 10px 5%;}
  .cart_header .logo {width: 150px;}

  
　　/** パンくず・ウェルカムメッセージ **/
  .fs-l-header__welcomeMsg ,
  .fs-l-header__welcomeMsg.is-ready {display: block!important;}
  .fs-l-header__welcomeMsg {
    padding: 0 5% 10px;
    margin: 0 auto;
  }
  .fs-p-welcomeMsg {transform: translateY(0);}
  .fs-c-breadcrumb__list {max-width: 100%;}
  .cart_header + .fs-l-header__welcomeMsg {margin: 0 auto;}
  
  .category_img p {
    display: block;
    font-size: 13px;
  }
  .fs-c-productNameHeading.fs-c-heading {
    font-size:1.8em;
    margin:50px 0 0.5em;
  }
  .fs-l-pageMain {margin: 0 auto;}
  .fs-c-productPrice__main__price.fs-c-price {font-size: 1.2em;}
  .fs-c-productPrices.fs-c-productPrices--productDetail {margin: 40px 0 20px;font-size: 1.4em;}
  .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price  {font-size: 2em;padding: 0 5px;}
  .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__addon{font-size: 1em;}
}




@media screen and (min-width: 960px) {
  .fs-l-product4 .fs-l-productLayout {
    display: grid;
    grid-template-columns: calc(50% - 40px / 2) calc(50% - 40px / 2);
    grid-gap: 40px;
    align-items: start;
  }
}


ul.valiate {
  box-sizing:border-box;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin:0 0 30px;
  padding: 0;
  list-style-type: none;
}
ul.valiate::before,ul.valiate::after {display: block;content: "";width: 23.5%;order: 1;}
ul.valiate li {
  position: relative;
  width:23.5%;
  background:#ebe5ee;
  line-height:1.2em;
  font-size:13px;
  aspect-ratio: 1/1;
}
ul.valiate li a {
  position:absolute;
  box-sizing:border-box;
  display:block;
  width:100%;
  height:100%;
  padding:1em 4% 0;
}
ul.valiate li a p {
  position:absolute;
  bottom:5%;
  right:5%;
  margin:0;
}
ul.valiate li a p span {
  font-size:1.3em;
  font-weight:bold;
}
ul.valiate li:hover,
ul.valiate li.current {background:#9577a6;color:#FFF;}
ul.valiate li.current a,
ul.valiate li a:hover{text-decoration: none;color:#FFF;}

@media screen and (max-width: 768px){
  ul.valiate {margin:0 0 8%;}
  ul.valiate li {
    width:49%;
    margin:0 0 2%;
    aspect-ratio: 2/1;
  }
  ul.valiate li a {padding:5% 3%;}
}