/*
Theme Name: The Hanger Child
Theme URI: http://thehanger.wp-theme.design/
Description: This is a child theme for The Hanger.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: the-hanger
Version: 1.0
*/

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

/* Common */
body,
h1,
h2,
h3,
h4,
li,
p,
span,
a {
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  font-weight: bold !important;
}
.woocommerce .star-rating span {
  font-family: "the-hanger" !important;
  font-weight: normal !important;
}
/* body {
		font-family: Muli, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
	}*/

/* UnderLine */

.u-60 {
  background: linear-gradient(transparent 40%, #c4b583 40%);
}
.u-50 {
  background: linear-gradient(transparent 50%, #c4b583 50%);
}
.u-40 {
  background: linear-gradient(transparent 60%, #c4b583 60%);
}
.u-30 {
  background: linear-gradient(transparent 70%, #c4b583 70%);
}
.u-20 {
  background: linear-gradient(transparent 80%, #c4b583 80%);
}
.u-10 {
  background: linear-gradient(transparent 90%, #c4b583 90%);
}

/* スマホのポップアップのスクロールをスムーズに */
html {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.site-header-style-1
  .navigation-foundation
  > ul
  > li.current-menu-item
  > a
  > span:before {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.site-header-style-1 .site-logo img {
  padding: 5px !important;
}
a {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
h1 {
  font-size: 1.5rem !important;
}
h1.under-line {
  background: linear-gradient(transparent 70%, #c4b583 70%);
}
h2 {
  font-size: 1.4rem !important;
}
h3 {
  font-size: 1.3rem !important;
}
h4 {
  font-size: 1rem !important;
}
h1.product_title.entry-title {
  font-size: 1.5rem !important;
}
h2.woocommerce-loop-product__title {
  font-size: 0.8rem !important;
}
span input.input-text {
  color: #111 !important;
  font-weight: bold !important;
}
#woocommerce-product-search-field-0 {
  margin-top: 65px;
}
/* モバイルメニュー Fix */
@media screen and (max-width: 1280px) {
  body
    > div.site-wrapper
    > div.header-mobiles-wrapper.mobile-header-style-1
    > header {
    position: fixed !important;
    z-index: 10 !important;
    width: 100% !important;
    margin-bottom: 90px !important;
  }
  body
    > div.site-wrapper
    > div.header-mobiles-wrapper.mobile-header-style-1
    > div.header-mobiles-content {
    position: fixed !important;
    z-index: 9 !important;
    width: 100% !important;
    overflow-y: auto !important;
    height: 100% !important;
  }
  body
    > div.site-wrapper
    > div.header-mobiles-wrapper.mobile-header-style-1
    > div.header-mobiles-content.visible
    > a {
    padding: 90px 25px 25px 25px !important;
  }
  body > div.site-wrapper > div.site-content-wrapper {
    padding-top: 65px;
  }
}
/* サブスク決済失敗時メールからの再決済リンクページの無表示解決処理 */
body.woocommerce-checkout .woocommerce .woocommerce-form-login {
  opacity: 1 !important;
}

div.user-name {
  font-size: 0.7rem;
}
p#billing_country_field.form-row.form-row-wide.address-field.update_totals_on_change.validate-required {
  display: none;
}
.btn-block {
  text-align: center;
}
p.btn-s {
  display: inline-block;
  width: 100%;
  padding: 5px;
  color: #fff !important;
}
a.btn-s {
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px 10px;
  background: #c4b583;
  color: #fff !important;
}
a.btn-s:hover {
  background: #000;
}
p.btn-m {
  display: inline-block;
  width: 100%;
  padding: 5px;
  opacity: 0.8;
}
a.btn-m {
  width: 100%;
  display: block;
  padding: 40px 0px;
  background: #c4b583;
  color: #fff !important;
}
a.btn-m:hover {
  background: #000;
}

/*************** TopPage Parallax ***************/
.section {
  height: 100vh;
  padding: 10% 0;
  text-align: center;
}

/* PCの場合の背景画像 */
.section1 {
  background: url("../../../img/about/concept1.jpg") no-repeat fixed center
    center / cover;
}
.section2 {
  background: url("../../../img/about/concept2.jpg") no-repeat fixed center
    center / cover;
}
.section3 {
  background: url("../../../img/about/concept4.jpg") no-repeat fixed center
    center / cover;
}
.section4 {
  background: url("../../../img/about/NOGUCHI_comp.jpg") no-repeat fixed center
    center / cover;
}

/*************** 会員登録 Parallax ***************/

.e-section {
  height: 100vh;
  padding: 10% 0;
  text-align: center;
}

@media screen and (min-width: 1023px) {
  /* PCの場合の背景画像 */
  .e-section1 {
    background: url("../../../img/common/winebottle-1-2.png") no-repeat fixed
      center center / contain;
  }
  .e-section2 {
    background: url("../../../img/common/winebottle-2-2.png") no-repeat fixed
      center center / contain;
  }
  .e-section3 {
    background: url("../../../img/common/winebottle-3-2.png") no-repeat fixed
      center center / contain;
  }
  .e-section4 {
    background: url("../../../img/common/winebottle-1.png") no-repeat fixed
      center center / contain;
  }
}
@media screen and (min-width: 1023px) {
  .e-sec1-mob,
  .e-sec2-mob,
  .e-sec3-mob,
  .e-sec4-mob {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .e-sec1,
  .e-sec2,
  .e-sec3,
  .e-sec4 {
    display: none !important;
  }
}

/*************** 商品サムネイル価格改行 ***************/
span.ywcrbp_regular_price:after,
span.ywcrbp_sale_price:after {
  content: "\A";
  white-space: pre;
}
/*************** 価格del斜線解除 ***************/
.price del:before {
  transform: rotate(0deg);
  top: 50%;
}
div.product_infos .price del:before,
.header-sticky-product
  .header-sticky-product-content
  .header-sticky-product-add-to-cart
  p
  del:before {
  transform: rotate(0deg);
  top: 40%;
}

/*************** Top Page Padding ***************/
.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill
  + .vc_row-full-width
  + .vc_row
  > .vc_column_container
  > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner {
  padding-top: 0px;
}

/*************** カテゴリーサブメニューアイコン表示 ***************/
ul.children.add_scroll > li > a img {
  margin-right: 0.9375rem !important;
}

/*************** 商品ページ価格フォントサイズ ***************/
div.product_infos span.ywcrbp_regular_price,
div.product_infos span.ywcrbp_sale_price,
div.product_infos span.ywcrbp_your_price {
  font-size: 18px;
}
span.ywcrbp_their_price {
  font-size: 12px;
}
div.product_infos span.ywcrbp_their_price {
  font-size: 14px;
}
span.ywcrpb_discount {
  font-size: 12px;
  color: red;
  line-height: 1.1 !important;
}
span.ywcrbp_their_price:before {
  content: "";
}
span.ywcrbp_their_price:after {
  content: "";
}
span.ywcrbp_their_price span.woocommerce-Price-amount,
span.ywcrbp_their_price small.woocommerce-price-suffix {
  display: none;
}
/*************** 商品ページ ***************/
.single-product .product .getbowtied-single-product-share-wrapper a {
  width: calc(100% / 2) !important;
}
/*************** stickyヘッダー価格表示調整 ***************/
div.header-content.header-sticky-product-content span.ywcrbp_regular_price,
div.header-content.header-sticky-product-content span.ywcrbp_sale_price,
div.header-content.header-sticky-product-content span.ywcrbp_your_price {
  font-size: 12px;
}
.header-sticky-product
  .header-sticky-product-content
  .header-sticky-product-add-to-cart
  p
  .amount:last-of-type {
  margin: 0 0 0 0;
}
.header-sticky-product span.ywcrbp_sale_price,
.header-sticky-product span.ywcrbp_your_price {
  margin: 0 5px 0 10px;
}
.header-sticky-product span.ywcrbp_regular_price:after {
  content: "";
}
div.header-content.header-sticky-product-content span.ywcrbp_their_price {
  display: none;
}

/*************** UserRole ***************/
/*Guest   body.role- */

/*Customer   body.role-customer*/
body.role-customer div.woocommerce-form-login-toggle {
  display: none !important;
}
/*Subscribr   body.role-subscriber*/
body.role-subscriber span.ywcrbp_your_price {
  margin-bottom: -15px;
}
body.post-type-archive-product div.star-rating {
  margin-top: 25px !important;
}
body.role-subscriber span.ywcrbp_their_price {
  display: none !important;
}
body.role-subscriber .header-sticky-product span.ywcrbp_sale_price,
body.role-subscriber .header-sticky-product span.ywcrpb_discount,
body.role-subscriber .header-sticky-product span.ywcrbp_regular_price,
body.role-subscriber section.related.products span.ywcrpb_discount,
body.role-subscriber li.post-293,
body.role-subscriber li.post-336 {
  display: none !important;
}
/*************** 商品ページ ***************/
body.role-subscriber ul.under-price-content {
  display: none !important;
}
ul.under-price-content {
  list-style-type: none !important;
  margin-left: 0px !important;
}
ul.under-price-content li {
  display: inline-block !important;
  margin-bottom: 20px !important;
}
ul.under-price-content li a {
  display: block !important;
  padding: 10px 20px;
  background: #c4b583;
  color: #fff !important;
}
ul.under-price-content li a:hover {
  background: #000;
}
div.lader-chart {
  margin-top: -90px !important;
  margin-bottom: 50px !important;
  transform: scale(0.85);
  margin-left: -30px;
}
div.lader-chart > div:nth-child(3),
div.lader-chart > div:nth-child(5),
div.lader-chart > div:nth-child(7) {
  display: none !important;
}
div.anychart-credits {
  display: none !important;
}
div.radar-chart #container {
  width: auto;
  height: 420px;
  margin-bottom: 30px;
  margin-top: -80px;
  padding: 0;
}

div#customer_details h3,
h3#order_review_heading {
  font-size: 16px !important;
  padding: 5px 10px;
  background-color: #dcdcdc;
}
h3#order_review_heading {
  padding-left: 10px !important;
}
h3#ship-to-different-address {
  padding: 0px 0px !important;
  background: none !important;
}

.single-product .product .entry-summary.summary .product_title,
.single-product .product .entry-summary.summary .woocommerce-breadcrumb,
.single-product .product .entry-summary.summary .price,
.single-product
  .product
  .entry-summary.summary
  .woocommerce-product-details__short-description {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: 0;
  order: 0;
}
div.form-row.place-order {
  margin-top: 80px !important;
}
div.terms-privacy-conditions {
  margin-top: -120px !important;
}
p.form-row.terms {
  margin-bottom: 0rem;
}
p#billing_last_name_field.form-row.form-row-first.validate-required {
  float: left;
  width: 50%;
  padding-right: 3px;
}
p#billing_first_name_field.form-row.form-row-last.validate-required {
  float: left;
  width: 50%;
  padding-left: 3px;
}
label.yith_wcmc_subscribe_me_label {
  padding: 0.25rem 0 1.5rem !important;
}
span.ywsbs-price-detail {
  display: none;
}
div.yith-par-message {
  font-size: 12px;
  margin: 20px 0 20px 0;
}
small.woocommerce-price-suffix {
  font-size: 60%;
}
span.woocommerce-Price-currencySymbol {
  font-size: 80%;
}

table.p-description td a,
a#terms_and_conditions.wctc-terms-and-conditions.vbox-item,
a#privacy.wctc-privacy.vbox-item {
  border-bottom: 1px dotted !important;
}
table.p-description td {
  padding: 0.4rem !important;
}

/*************** 規約 ***************/

ul.terms-menu {
  display: block;
  border: solid 7px #efefef;
  padding: 10px 10px 10px 0px;
  margin: 0px 10px 20px 10px;
  color: #666 !important;
  list-style: none;
  font-size: 12px;
}
li.terms-menu {
  padding: 5px;
}
li.terms-menu {
  margin: 5px;
}
li.terms-menu.current {
  border-bottom: 1px solid #ddd !important;
}
#terms h2 {
  font-size: 15px !important;
  font-weight: bold !important;
  border-bottom: 1px solid #ddd !important;
  color: #555 !important;
}

#terms li {
  font-size: 12px;
}
#terms ul.terms-list-type-decimal li {
  list-style: decimal;
  font-weight: bold !important;
  margin: 20px 0 -5px 0 !important;
}
#terms ul.terms-list-type-lower-latin li {
  list-style: square;
  font-weight: normal !important;
  margin: 0 0 0 0 !important;
}
#terms p {
  font-size: 13px;
  color: #666 !important;
}
@media (max-width: 767px) {
  body > div.vbox-overlay.open > div.vbox-container > div > div {
    max-width: 94% !important;
  }
}
.vbox-close {
  background: rgba(0, 0, 0, 0) !important;
  background-image: url(../../../wp-content/plugins/yith-woocommerce-terms-condition-premium/assets/images/venobox/close-big.gif) !important;
  top: 10px !important;
  right: 10px !important;
}
.vbox-inline .woocommerce h2 {
  margin: -10px 0px 10px 0px !important;
}
.vbox-inline .popup-footer a.btn {
  margin-top: -80px !important;
}
body
  > div.vbox-overlay.open
  > div.vbox-container
  > div
  > div
  > div
  > div.popup-content.ps.ps--active-y {
  padding-top: 20px;
}

/*************** 会員登録ページ調整 ***************/
body.role-subscriber div.wpb_text_column.wpb_content_element.you-are-member {
  width: 100%;
  padding: 15px 0;
  background-color: #999;
  color: #fff;
  text-align: center;
}
body.role-subscriber div.wpb_text_column.wpb_content_element.e-cart-regist-btn,
body.role- div.wpb_text_column.wpb_content_element.you-are-member,
body.role-customer div.wpb_text_column.wpb_content_element.you-are-member {
  display: none !important;
}
input#alg_wc_empty_cart.button {
  font-size: 1rem !important;
}
body.role-subscriber .entry-customer-area {
  display: none;
}
/*************** 会員登録商品ページ調整 ***************/

body.role-.postid-815 div.woocommerce-billing-fields,
body.role-.postid-5901 div.woocommerce-billing-fields,
body.role-.postid-293 div.woocommerce-billing-fields {
  margin-top: 300px !important;
  margin-bottom: -700px !important;
}
body.role-.postid-815 div.woocommerce-account-fields,
body.role-.postid-5901 div.woocommerce-account-fields,
body.role-.postid-293 div.woocommerce-account-fields {
  margin-top: -800px !important;
  margin-bottom: 600px !important;
}
#payment > ul > li {
  list-style: none !important;
}
#payment > ul {
  margin-left: 0 !important;
}
span input.input-text,
.woocommerce #payment ul.payment_methods li .payment_box fieldset .input-text {
  border-color: rgba(119, 119, 119, 0.5) !important;
}
#wc-yith-stripe-cc-form > ul > li {
  color: red;
}
.woocommerce #payment ul.payment_methods li .payment_box fieldset .input-text {
  font-weight: bold !important;
  color: #222 !important;
}
#order_review > table > tbody > tr > td.product-total > span.price_time_opt {
  display: none !important;
}
#order_review > table > tbody > tr {
  font-size: 12px !important;
  color: #000 !important;
}
#product-293 .woocommerce-breadcrumb,
#product-5901 .woocommerce-breadcrumb,
#product-815 .woocommerce-breadcrumb {
  display: none !important;
}
body.role-subscriber
  #product-293
  > div
  > div
  > div.small-12.large-4.columns
  > div
  > p
  > span.ywcrbp_your_price,
body.role-subscriber
  #product-5901
  > div
  > div
  > div.small-12.large-4.columns
  > div
  > p
  > span.ywcrbp_your_price,
body.role-subscriber
  #product-815
  > div
  > div
  > div.small-12.large-4.columns
  > div
  > p
  > span.ywcrbp_your_price {
  display: none !important;
}
@media (max-width: 767px) {
  body.postid-293 h1.product_title.entry-title {
    margin-top: 60px !important;
  }
}
.makuake-id-guide h4 {
  font-size: 14px !important;
  color: red;
}
div.woocommerce-product-details__short-description {
  margin-bottom: -2rem !important;
}
p#billing_MAKUAKE_ID_field span.optional {
  display: none;
}
/*************** チェックアウトページ上記解除 ***************/
body.role-.page-id-54 div.woocommerce-billing-fields,
body.role-.page-id-54 div.woocommerce-account-fields {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/*************** チェックアウトボタンメッセージ周辺調整 ***************/

div.terms-privacy-conditions {
  margin-top: -130px !important;
  margin-bottom: 70px !important;
}
.checkout-discription {
  font-size: 12px;
  color: red;
}

body.page-id-54
  #wc-yith-stripe-cc-form
  > div.yith-stripe-form-container.standard
  > p {
  margin-bottom: 1.5rem !important;
}

/*************** 会員カテゴリー/商品サムネイル非表示 ***************/
li.cat-item.cat-item-78,
li.cat-item.cat-item-15,
li.post-815.product.type-product.status-publish.product_cat-membership.last.instock.virtual.taxable.purchasable.product-type-simple.visible.animation_ready.animated,
li.post-5901.product.type-product.status-publish.product_cat-membership.last.instock.virtual.taxable.purchasable.product-type-simple.visible.animation_ready.animated,
li.post-293.product.type-product.status-publish.product_cat-membership.instock.virtual.sold-individually.taxable.purchasable.product-type-simple.visible.animation_ready.animated {
  display: none !important;
}

/*************** Gianism SocialLogin ボタン調整 ***************/
#wpg-login.large .wpg-button {
  height: 45px !important;
}

/*************** アカウントパスワード脆弱性メッセージ削除 ***************/
div.woocommerce-password-strength.short,
small.woocommerce-password-hint {
  display: none !important;
}
/*************** マクアケ先行＆一般会員登録ページ ***************/
body.postid-293 .topbar,
body.postid-293 > div.site-wrapper > header,
body.postid-293 > div.site-wrapper > div.site-prefooter,
body.postid-293 > div.site-wrapper > footer,
body.postid-293
  > div.site-wrapper
  > div.header-mobiles-wrapper.mobile-header-style-1,
#product-293
  > div
  > div
  > div.small-12.large-4.columns
  > div
  > div.woocommerce.ywqcdg-wrapper
  > div.woocommerce-form-login-toggle
  > div,
body.postid-815 .topbar,
body.postid-815 > div.site-wrapper > header,
body.postid-815 > div.site-wrapper > div.site-prefooter,
body.postid-815 > div.site-wrapper > footer,
body.postid-815
  > div.site-wrapper
  > div.header-mobiles-wrapper.mobile-header-style-1,
#product-815
  > div
  > div
  > div.small-12.large-4.columns
  > div
  > div.woocommerce.ywqcdg-wrapper
  > div.woocommerce-form-login-toggle
  > div,
body.postid-5901 .topbar,
body.postid-5901 > div.site-wrapper > header,
body.postid-5901 > div.site-wrapper > div.site-prefooter,
body.postid-5901 > div.site-wrapper > footer,
body.postid-5901
  > div.site-wrapper
  > div.header-mobiles-wrapper.mobile-header-style-1,
#product-5901
  > div
  > div
  > div.small-12.large-4.columns
  > div
  > div.woocommerce.ywqcdg-wrapper
  > div.woocommerce-form-login-toggle
  > div {
  display: none !important;
}
body.postid-293 div.vbox-overlay.open .topbar,
body.postid-293 > div.site-wrapper > div.vbox-overlay.open header,
body.postid-293 > div.site-wrapper > div.vbox-overlay.open div.site-prefooter,
body.postid-293 > div.site-wrapper > div.vbox-overlay.open footer,
body.postid-293
  > div.site-wrapper
  > div.header-mobiles-wrapper.mobile-header-style-1,
#product-293
  > div.vbox-overlay.open
  div
  > div
  > div.small-12.large-4.columns
  > div
  > div.woocommerce.ywqcdg-wrapper
  > div.woocommerce-form-login-toggle
  > div,
body.postid-815 div.vbox-overlay.open .topbar,
body.postid-815 > div.site-wrapper > div.vbox-overlay.open header,
body.postid-815 > div.site-wrapper > div.vbox-overlay.open div.site-prefooter,
body.postid-815 > div.site-wrapper > div.vbox-overlay.open footer,
body.postid-815
  > div.site-wrapper
  > div.header-mobiles-wrapper.mobile-header-style-1,
#product-815
  > div.vbox-overlay.open
  div
  > div
  > div.small-12.large-4.columns
  > div
  > div.woocommerce.ywqcdg-wrapper
  > div.woocommerce-form-login-toggle
  > div,
body.postid-5901 div.vbox-overlay.open .topbar,
body.postid-5901 > div.site-wrapper > div.vbox-overlay.open header,
body.postid-5901 > div.site-wrapper > div.vbox-overlay.open div.site-prefooter,
body.postid-5901 > div.site-wrapper > div.vbox-overlay.open footer,
body.postid-5901
  > div.site-wrapper
  > div.header-mobiles-wrapper.mobile-header-style-1,
#product-5901
  > div.vbox-overlay.open
  div
  > div
  > div.small-12.large-4.columns
  > div
  > div.woocommerce.ywqcdg-wrapper
  > div.woocommerce-form-login-toggle
  > div {
  display: none !important;
}
/*************** マクアケ先行ComingSoonページ ***************/
input#alg_wc_empty_cart.button {
  background-color: #333 !important;
}
input#alg_wc_empty_cart.button:hover {
  background-color: #c4b583 !important;
}
input#alg_wc_empty_cart.button:after {
  content: " <i class=" fas fa-angle-right "></i>" !important;
}
.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
  font-size: 0.8125rem !important;
}
/*************** GravityForms ***************/
.gform_footer input[type="submit"] {
  width: 100% !important;
}
.gform_wrapper .gfield_checkbox li label {
  margin-top: -6px !important;
}
.gfield_label {
  padding: 0px !important;
}
.gform_wrapper h3.gform_title {
  margin: 10px 0 16px !important;
}

/*************** PopupBuilder ***************/
.sg-popup-builder-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/*************** blogger ***************/
div.bloggers {
  display: inline-block;
  width: 100%;
  border: 5px solid #ddd;
  padding: 10px;
}
div.bloggers ul li {
  list-style-type: none;
  float: left;
  padding: 5px;
}
li.bloggers-1 {
  width: 15%;
  vertical-align: middle;
}
li.bloggers-1 img {
  width: 100%;
  padding-right: 10px;
  vertical-align: middle;
}
li.bloggers-2 {
  width: 50%;
  font-size: 11px;
  border-left: 1px solid #ddd;
}
ul.bloggers-3 li {
  padding: 10px !important;
  font-size: 20px !important;
  width: 8%;
}
ul.bloggers-3 li a {
  padding: 5px;
}
ul.bloggers-3 li.b-sns-fb a:hover {
  color: #3b5998 !important;
}
ul.bloggers-3 li.b-sns-tw a:hover {
  color: #00acee !important;
}
ul.bloggers-3 li.b-sns-in a:hover {
  color: #d93177 !important;
}
ul.bloggers-3 li.b-sns-hp a:hover {
  color: #c4b583 !important;
}
@media (max-width: 480px) {
  li.bloggers-1 {
    width: 20%;
  }
  li.bloggers-2 {
    width: 80%;
  }
  ul.bloggers-3 li {
    width: 22%;
  }
}
/*************** サイドバー　***************/
@media screen and (max-width: 63.9375em) {
  body.single-post div.show-for-large {
    display: block !important;
    margin-top: 40px;
  }
  .blog-sidebar-right .site-sidebar--blog {
    padding-left: 0 !important;
  }
}
/*************** blogger サイドバー　***************/
@media screen and (min-width: 63.9376em) {
  div.blogger-side li.bloggers-1,
  div.blogger-side li.bloggers-2 {
    width: 100%;
    border-left: none;
  }
  div.blogger-side ul.bloggers-3 li {
    width: 22%;
  }
  div.blogger-side ul.bloggers-3 li.b-sns-fb a:hover {
    color: #3b5998 !important;
  }
  div.blogger-side ul.bloggers-3 li.b-sns-tw a:hover {
    color: #00acee !important;
  }
  div.blogger-side ul.bloggers-3 li.b-sns-in a:hover {
    color: #d93177 !important;
  }
  div.blogger-side ul.bloggers-3 li.b-sns-hp a:hover {
    color: #c4b583 !important;
  }
}
body.archive div.blogger-side-block {
  display: none !important;
}
/*************** blog アーカイブ***************/
div.blog-articles article {
  border-bottom: 1px solid #ececec;
}
.blog-listing .blog-articles .post,
.blog-listing .blog-articles .type-page {
  padding-bottom: 20px !important;
}
div.entry-content-wrap > header > h2 {
  font-size: 20px !important;
}
div.entry-content-wrap > header > h3 {
  font-size: 18px !important;
}
div.site-content-wrapper
  > div.getbowtied_popular_posts_container
  > div
  > div
  > h3 {
  background: linear-gradient(transparent 60%, #ddd 60%);
}
body.archive h4.widget-title,
body.blog h4.widget-title,
body.single h4.widget-title {
  background: linear-gradient(transparent 50%, #c4b583 50%);
  font-size: 16px !important;
}

/*************** blog シングル***************/
body.single
  .single_related_post_container
  .single_related_posts
  .related-post
  .related_post_content
  .related_post_title {
  font-size: 18px !important;
}
ul.nav-previous,
ul.nav-next {
  background: #ededed;
  margin: 0;
  padding: 0px 30px;
}
@media (max-width: 480px) {
  body.single .single_navigation_container .single_navigation .nav-previous,
  body.single .single_navigation_container .single_navigation .nav-next {
    padding: 0px 10px !important;
  }
  ul.nav-next {
    text-align: right !important;
  }
}
ul.nav-previous:hover,
ul.nav-next:hover {
  background: #000;
}
ul.nav-previous li,
ul.nav-next li {
  list-style-type: none !important;
}
ul.nav-previous li a,
ul.nav-next li a {
  display: block !important;
  padding: 0 0 15px 0;
  margin-top: -10px;
}
li.nav-author {
  font-size: 12px;
  position: relative;
  top: 20px;
}
div.nav-previous-title,
div.nav-next-title {
  margin: 0 !important;
  padding: 25px 0 5px 0 !important;
}
p.nav-date {
  font-size: 12px;
  margin: 0 !important;
}
p.nav-title {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-text-overflow: ellipsis !important;
  -o-text-overflow: ellipsis !important;
  margin: 0 !important;
}
div.archive-cat ul.post-categories,
ul.post-categories {
  list-style-type: none !important;
  margin: 0 !important;
  margin-top: -10px !important;
}
div.archive-cat a,
ul.post-categories a {
  font-size: 12px !important;
  padding: 5px;
  margin-bottom: 10px !important;
  border: 1px #ddd solid;
}
div.site-content-wrapper > div.single_related_post_container > div > div > h2 {
  background: linear-gradient(transparent 60%, #ddd 60%);
}
ul.nav-previous {
  background-image: url(../../../img/common/arrow-left.png) no-repeat cover
    center center !important;
}
/*************** マイアカウント ***************/
#post-55 div.woocommerce-MyAccount-content p {
  font-size: 12px !important;
}
#post-55 div.user-info p:after {
  content: " さんのアカウント情報";
  font-size: 12px;
}
#post-55 > header > h1 {
  font-size: 20px !important;
}
#post-55 .woocommerce-MyAccount-content h2 {
  font-size: 18px !important;
}
#post-55 h3 {
  font-size: 14px !important;
}
#post-55 td {
  font-size: 11px !important;
}
#post-55 th {
  font-size: 11px !important;
  text-align: center !important;
  background: #ececec;
  padding: 10px !important;
  border: 1px solid #ddd;
}
#post-55 td {
  text-align: center !important;
  padding: 7px 10px !important;
  border: 1px solid #ededed;
}
@media screen and (max-width: 780px) {
  #post-55 table.shop_table,
  #post-55 table.ywsbs_subscription_table,
  #post-55 table.my_account_orders,
  #post-55 table.account-payment-methods-table {
    display: block;
    position: relative;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  #post-55 table.my_account_orders::after,
  #post-55 table.wishlist_table::after,
  #post-55 table.account-payment-methods-table::after {
    content: "※全表示されない場合は横スクロールでご覧ください";
    font-size: 11px;
    color: #ff0053;
    text-align: center !important;
  }
  #post-55 td.product-thumbnail {
    min-width: 70px !important;
  }
  #post-55
    th.woocommerce-PaymentMethod.woocommerce-PaymentMethod--method.payment-method-method {
    min-width: 300px;
  }
}
@media screen and (max-width: 39.9375em) {
  #post-55
    .woocommerce-account.woocommerce-orders
    .shop_table_responsive.woocommerce-orders-table
    thead {
    display: block !important;
  }
  #post-55
    td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number::before,
  #post-55
    td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date::before,
  #post-55
    td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status::before,
  #post-55
    td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total::before,
  #post-55
    td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions::before {
    display: none;
  }
  #post-55
    .woocommerce-account.woocommerce-orders
    .shop_table_responsive.woocommerce-orders-table
    tr
    td {
    display: table-cell !important;
  }
  .woocommerce-account.woocommerce-orders
    .shop_table_responsive.woocommerce-orders-table
    tr
    td {
    display: table-cell !important;
  }
}
#post-55
  .woocommerce-account.woocommerce-view-order
  .woocommerce-MyAccount-content
  .woocommerce-order-details
  .order_details
  tfoot
  tr:last-child
  td
  span,
.woocommerce-account.woocommerce-view-order
  .woocommerce-MyAccount-content
  .woocommerce-order-details
  .order_details
  tfoot
  tr
  td
  span {
  font-size: 11px !important;
}
#post-55 .ywsbs-subscription-action-view a.button,
#post-55 td.order-actions a,
#post-55 .woocommerce .wishlist_table td.product-add-to-cart a,
#post-55 td.payment-method-actions a,
#post-55 div.woocommerce-MyAccount-content a.button {
  font-size: 11px !important;
  padding: 5px !important;
}
#post-55 .woocommerce-customer-details address,
#post-55 .woocommerce-customer-details address p,
#post-55 .woocommerce-customer-details address p,
#post-55 div.addresses address {
  font-size: 11px !important;
}
.tag-label.default {
  font-size: 10px !important;
  background: #000 !important;
  color: #fff !important;
  padding: 2px 10px !important;
  margin: 2px 6px !important;
}
div.ywpar-wrapper p strong {
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(transparent 90%, #c4b583 90%);
}
#post-55
  > div
  > div
  > div.woocommerce-MyAccount-content
  > form
  > fieldset
  > p.form-row.form-row-2,
#post-55
  > div
  > div
  > div.woocommerce-MyAccount-content
  > form
  > fieldset
  > p.form-row.form-row-3,
#post-55
  > div
  > div
  > div.woocommerce-MyAccount-content
  > form
  > fieldset
  > p.form-row.form-row-4 {
  display: block !important;
  float: left !important;
  width: 33.3333% !important;
  padding-left: 2px;
}
p.form-row.form-row-2 > input,
p.form-row.form-row-3 > input,
p.form-row.form-row-4 > input,
p.form-row.form-row-5 > input {
  border-color: #d1d1d1 !important;
}

/*************** カート ***************/
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
  padding-right: 0px !important;
  width: auto !important;
  min-width: 100px !important;
  padding: 10px 20px 10px 0px !important;
  vertical-align: middle !important;
}
tr.woocommerce-shipping-totals p.woocommerce-shipping-destination,
tr.woocommerce-shipping-totals a.shipping-calculator-button {
  display: none;
}
tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li {
  margin-bottom: 0 !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
  text-align: right !important;
}
/*************** 決済ページ ***************/
body.page-id-54 p#billing_MAKUAKE_ID_field {
  display: none;
}
body.woocommerce-checkout .woocommerce .woocommerce-form-login .lost_password {
  display: block !important;
  float: left !important;
  margin-top: -40px !important;
}
p#billing_birthday_y_field {
  display: block !important;
  max-width: 50% !important;
}
p#billing_birthday_m_field,
p#billing_birthday_d_field {
  display: block !important;
  float: left !important;
  max-width: 25% !important;
}
#billing_state_field > span > span > span.selection > span,
#shipping_state_field > span > span > span.selection > span,
#billing_birthday_y_field > span > span > span.selection > span,
#billing_birthday_m_field > span > span > span.selection > span,
#billing_birthday_d_field > span > span > span.selection > span,
#billing_gender_field > span > span > span.selection > span {
  border-color: rgba(119, 119, 119, 0.5) !important;
}
#billing_state_field > span,
#shipping_state_field > span,
#wc4jp_delivery_date,
#wc4jp_delivery_time_zone,
#order_comments,
#billing_user_gender_field > span > label,
#select2-billing_birthday_y-container,
#select2-billing_birthday_m-container,
#select2-billing_birthday_d-container,
#select2-billing_gender-container {
  color: #000 !important;
}
#order_comments::-webkit-input-placeholder {
  color: #999 !important;
}
#order_comments::-moz-placeholder {
  color: #999 !important;
}
#order_comments:-ms-input-placeholder {
  color: #999 !important;
}
.select2-dropdown {
  border-color: rgba(119, 119, 119, 1) !important;
}
#zip_footer {
  display: none !important;
}
#zip_close a {
  color: #fff !important;
}
#order_review > table > tfoot > tr.order-total > td > small {
  display: none !important;
}
#payment > div > div.checkout-discription {
  padding-top: 5px !important;
}
/*************** ログインページ ***************/
.woocommerce-account
  .woocommerce
  > .woocommerce-form-login
  .woocommerce-LostPassword {
  padding: 0 !important;
  position: static !important;
  line-height: 1 !important;
  font-size: 0.8125rem !important;
  margin-top: -20px !important;
}
/*************** 会員商品サムネール消去 ***************/
li.post-815 {
  display: none !important;
}
li.post-5901 {
  display: none !important;
}

/*************** 商品ページお問合せ ***************/
div.vc_toggle_title > h4::after {
  content: "aAA" !important;
}
div.product-ask #gform_2 > div.gform_footer.top_label > p:nth-child(7),
div.product-ask #gform_4 > div.gform_footer.top_label > p:nth-child(7) {
  display: none !important;
}
.gfield input,
.gfield textarea {
  border: 1px solid #bbb !important;
}

/*************** 商品ページ　送料についてボタン ***************/
ul.delivery-info {
  display: block;
  margin-left: 0px !important;
}
ul.delivery-info li {
  list-style-type: none;
}
ul.delivery-info li a {
  display: inline-block;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px dotted #999;
}

/*************** ガイド ***************/
div.guide p {
  font-size: 14px !important;
}
div.guide h2 {
  font-size: 20px !important;
  background: linear-gradient(transparent 60%, #c4b583 60%);
}
div.guide h3 {
  font-size: 17px !important;
}
div.guide ul li {
  font-size: 14px;
}
div.guide th,
div.guide td,
div.sgpb-content div.guide th,
div.sgpb-content div.guide td {
  font-size: 12px;
}
body.page-id-3003 td,
body.page-id-3003 th,
div.sgpb-content div.guide th,
div.sgpb-content div.guide td {
  border: 1px solid #ddd !important;
  text-align: center !important;
  padding-right: 0rem !important;
  padding: 10px 6px !important;
  font-weight: normal !important;
}
@media (max-width: 480px) {
  body.page-id-3003 td,
  body.page-id-3003 th,
  div.sgpb-content div.guide th,
  div.sgpb-content div.guide td {
    font-size: 11px !important;
    font-weight: normal !important;
  }

  form.popup p,
  form.popup li {
    font-size: 14px !important;
  }
  form.popup {
    padding: 0 10px 0 5px !important;
  }
}
.gform_wrapper.gf_browser_safari .gfield_radio li input[type="radio"] {
  margin-top: 12px !important;
}
h3.gform_title {
  background: linear-gradient(transparent 70%, #c4b583 70%) !important;
}
/*************** TopPage ***************/
.top-sec2 {
  padding: 75px 50px !important;
}
.top-sec3,
.top-sec3-mob,
.top-sec5,
.top-sec5-mob,
.top-sec0 {
  min-height: 100vh !important;
}
.top-sec77 {
  min-height: 30vh !important;
}
.image2 {
  background: url("../../../img/top/member.jpg") no-repeat fixed 50% 50%
    transparent;
}
.image2-mob {
  background: url("../../../img/top/member.jpg") no-repeat 60% 80%;
}
.image1 {
  background: url("../../../img/top/about2.jpg") no-repeat fixed 50% 50%
    transparent;
}
.image1-mob {
  background: url("../../../img/top/about2.jpg") no-repeat 20% 20%;
}
.image0 {
  background: url("../../../img/top/present.jpg") no-repeat fixed 50% 50%
    transparent;
}
.image0-mob {
  background: url("../../../img/top/present2.jpg") no-repeat cover 20% 20%;
}
.opening-canpaign {
  background: url("../../../img/top/opus1.jpg") no-repeat 50% 50% transparent;
}
@media (max-width: 780px) {
  .top-sec1,
  .top-sec3,
  .top-sec5,
  .top-sec0,
  .top-sec77 {
    display: none !important;
  }
}
@media (min-width: 780px) {
  .top-sec1-mob,
  .top-sec3-mob,
  .top-sec5-mob,
  .top-sec0-mob,
  .top-sec77 {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  div.top-sec1,
  div.top-sec1-mob {
    margin-top: -65px;
  }
}
div.top-sec1-mob h2 {
  font-size: 18px !important;
}
div.top-sec1 p,
div.top-sec1-mob p,
div.top-sec1 a.slide-button,
div.top-sec1-mob a.slide-button {
  text-transform: none !important;
}
div.top-cat-btn ul li {
  display: block;
  list-style-type: none;
  text-align: center;
  font-size: 14px;
}
div.top-cat-btn ul li a {
  display: inline-block;
  color: #fff !important;
  float: left;
  width: 30%;
  background: #c4b583;
  padding: 40px 0px;
  margin: 4px 2px;
}
div.top-cat-btn ul li a:hover {
  background: #000;
  color: #fff !important;
}
@media (max-width: 480px) {
  div.top-cat-btn ul li a {
    display: inline-block;
    color: #fff !important;
    float: left;
    width: 100%;
    background: #c4b583;
    padding: 20px 0px;
    margin: 4px 2px;
  }
}
div.top-text-area {
  display: inline-block;
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
}
div.top-sec4 p,
div.top-sec4 h3 {
  text-align: center !important;
}
div.top-sec4 img {
  width: 95%;
  -webkit-filter: grayscale(100%);
  　filter: grayscale(100%);
  text-align: center !important;
  vertical-align: middle !important;
}
div.top-sec4 img:hover {
  -webkit-filter: grayscale(0%);
  　filter: grayscale(0%);
}
@media (max-width: 780px) {
  div.top-sec4 img {
    width: 130%;
    text-align: center !important;
    vertical-align: middle !important;
  }
  div.som-img {
    float: left;
    width: 50% !important;
  }
}
li.style a {
  background-image: url("https://sanmilab.com/img/categories/style.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: 5% 50% !important;
}
li.type a {
  background-image: url("https://sanmilab.com/img/categories/type.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: 5% 50% !important;
}
li.price a {
  background-image: url("https://sanmilab.com/img/categories/price.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: 5% 50% !important;
}
li.area a {
  background-image: url("https://sanmilab.com/img/categories/area.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: 5% 50% !important;
}
li.variety a {
  background-image: url("https://sanmilab.com/img/categories/variety.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: 5% 50% !important;
}
li.age a {
  background-image: url("https://sanmilab.com/img/categories/age.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: 5% 50% !important;
}
/*************** Contact ***************/
table.contact,
div.contact-guide p {
  font-size: 13px !important;
}
table.contact h3,
h3.contact {
  background: linear-gradient(transparent 70%, #c4b583 70%);
}
div.contact-guide ul li {
  float: left;
  display: inline-block;
  width: 48%;
  padding: 5px;
  color: #fff !important;
}
div.contact-guide ul li a {
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px 10px;
  background: #c4b583;
  color: #fff !important;
  font-size: 12px;
}
div.contact-guide ul li a:hover {
  background: #000;
}
@media (max-width: 780px) {
  div.contact-guide ul li {
    width: 100%;
    margin: -2px -2px -2px -10px !important;
  }
}
/*************** Category Menu ***************/
div.cat-menu ul {
  width: 100%;
  margin: 0 0 10px 0 !important;
  padding: 0;
}
div.cat-menu ul li {
  float: left;
  display: inline-block;
  width: 33%;
  padding: 5px;
  margin: -2px !important;
  color: #fff !important;
}
div.cat-menu ul li a {
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px 10px;
  background: #c4b583;
  color: #fff !important;
  font-size: 12px;
}
div.cat-menu ul li a:hover {
  background: #000;
}
@media (max-width: 780px) {
  div.cat-menu ul li {
    width: 50%;
  }
  div.cat-menu ul li a {
    font-size: 11px;
  }
}

span.getbowtied-subcategory-image {
  display: none !important;
}
h2.woocommerce-loop-category__title {
  font-size: 12px !important;
  text-align: center !important;
  margin-bottom: 0px !important;
  color: #fff !important;
}
li.product-category a {
  background: #c4b583;
  padding: 15px 10px;
}
li.product-category a:hover {
  background: #000 !important;
}
body.post-type-archive-product ul.products li.product-category:nth-child(9),
body.post-type-archive-product ul.products li.product-category:nth-child(10),
body.post-type-archive-product ul.products li.product-category:nth-child(11) {
  display: none !important;
}
/*************** Footer ***************/
div.footer-copy ul {
  margin-left: -5px;
}
div.footer-copy ul li {
  width: 50%;
  display: inline-block;
  list-style: none;
  float: left;
  padding: 10px;
  font-size: 40px;
}
div.footer-copy ul li:nth-child(1) {
  text-align: right;
}
div.footer-copy ul li:nth-child(2) {
  text-align: left;
}
div.footer-copy p {
  text-align: center;
  font-size: 54px;
  color: #e3ddda;
  opacity: 0.4;
}
ul#menu-footer-our-company li:before,
ul#menu-footer-menu li:before {
  content: "> ";
}
@media (max-width: 780px) {
  div.footer-copy p {
    font-size: 36px;
  }
}
div.footer-content .large-6 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 50% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
div.footer-agreemet ul li {
  font-size: 11px;
}
/*************** Shop SideBar ***************/
div.price_slider_amount .button {
  padding: 10px 20px 6px 20px !important;
  border: 1px dotted #999 !important;
}
/*************** Mobile Menu ***************/
@media (max-width: 1280px) {
  ul#menu-main-navigation-2 li.menu-item-object-page,
  ul#menu-main-navigation-2 li.menu-item-object-custom {
    border-bottom: 1px dotted #ddd !important;
  }
  div.is-drilldown a:hover,
  div.header-mobiles-ecomm-menu a:hover {
    background: #d7d2cb !important;
    color: #fff !important;
  }
  div.gbt-mega-dropdown-content li:hover {
    background: #d7d2cb !important;
  }
}
.header-mobiles-wrapper .header-mobiles .header-mobiles-menu a:before {
  content: "\e908" !important;
}
.thehanger-icons-hamburger:before {
  content: "\e9b7" !important;
}

/*************** 最終 ***************/
.member-product {
  margin-top: 40px;
}
div.btn-block a.btn-s {
  width: 50%;
}
@media (max-width: 1024px) {
  div.ywqcdg-wrapper {
    margin-top: 30px !important;
  }
}
body.page-id-54 .member-product {
  display: none;
}
body.postid-815 p#billing_MAKUAKE_ID_field {
  display: none;
}
body.postid-5901 p#billing_MAKUAKE_ID_field {
  display: none;
}
.startup-thanks {
  display: block;
}
.startup-thanks p {
  text-align: center !important;
}
.footer-copy img {
  max-width: 35% !important;
}
.footer-copy p {
  margin: -60px 0 -10px 0 !important;
}
.opening-canpaign h1 {
  text-align: center !important;
}
.opening-canpaign ul li {
  list-style: none;
}
ul.open-camp li a:hover {
  color: #c4b583 !important;
}
.wp-editor-area {
  color: #000 !important;
}
body.role- ul.open-campaign li:nth-child(2) {
  display: none !important;
}
@media (max-width: 780px) {
  .section p {
    font-size: 12px !important;
  }
  .section h2 {
    font-size: 17px !important;
  }
}
#tab-description {
  overflow: visible !important;
  white-space: normal !important;
}

li.product_cat-uncategorized {
  display: none !important;
}
div.new-member-msg {
  margin-bottom: 20px !important;
  border: 10px #ececec solid !important;
  padding: 10px !important;
}
body.role-subscriber li.btn-login,
body.role-editor li.btn-login,
body.role-administrator li.btn-login,
body.role-author li.btn-login {
  display: none !important;
}

ul.select2-results__options #select2-orderby-07-result-7kp4-popularity,
ul.select2-results__options #select2-orderby-07-result-al4w-rating,
ul.select2-results__options #select2-orderby-n3-result-nbju-date {
  display: none !important;
}
@media screen and (min-width: 1280px) and (max-width: 1281px) {
  body > div.site-wrapper > header {
    display: none !important;
  }
}
/*************** 会員登録ページクーポン表示調整 ***************/
body.postid-815 .create-account {
  margin-top: 80px !important;
}
body.postid-5901 .create-account {
  margin-top: 80px !important;
}
body.role-.postid-293 div.woocommerce-account-fields {
  margin-top: -900px !important;
}
/****************************************************************/
/****************************************************************/