@charset "UTF-8";

body{font-family:sans-serif!important;}

.woocommerce-product-details__short-description .description-box,
.woocommerce-Price-amount.amount
{font-family: 'Shippori Mincho', serif;}

#primary,
body.page-under.page-page.pageID-239,
.commonSection.pageSection,
.all_wrap.pp
{ color: #6C6C6C;font-family: 'Shippori Mincho', serif; }

#header
{ background-color: rgba(255, 255, 255, 0.5); }

#header .siteLogo img {
width: 163px!important;
height: auto!important;
}

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

    #header .siteLogo img {
    width: 100px!important;
    height: auto!important;
    margin-top: 10px;
    }

    #header {
       height: 60px;
    }

    .headMenu {
        margin-top: 5px;
    }

    body.page-under main{ padding-top: 60px;}

}

body.page-under #main{ padding: 120px 0 0 0;}

@media screen and (max-width: 728px) {
body.pageID-1159.page-under #main{ padding: 65px 0 0 0;}
}


.top_main{ text-align: center; padding: 120px 0 43px 0;}

@media screen and (max-width: 728px) {
    .top_main img {
        width: auto!important;
        height: 50px!important;
    }
}

.product_crum{ width: 980px; margin: 0 auto; color:#6C6C6C;}
.product_crum ul{ list-style: none; display: flex; font-size: 12px;}
.product_crum ul li:first-child::after{ content: "▶︎"; font-size: 10px; margin-left: 5px; margin-right: 10px; }
.product_crum ul li a:hover{ text-decoration: underline;}

.itemno{font-size: 16px; line-height: 1em; margin-bottom: 0;}

.woocommerce-Price-amount.amount{ font-size: 16px;}
.summary.entry-summary .woocommerce-Price-amount.amount::before{ content: "¥";}

@media screen and (max-width: 767px){
.pageTitle { height: auto!important; }
}

.pro_attn_area{ font-size: 14px;}
.pro_attn_area p{ line-height: 1.5em; margin-bottom: 0;}

p.shipping_fee {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

/*
p.shipping_fee::before{ content: ""; height: 1em; width:  1.5em; background: url(../images/common/Icon_feather-info.svg) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 5px; background-size: contain;}
p.shipping_date::before{ content: ""; height: 1em; width: 1.5em; background: url(../images/common/Icon_feather-track.svg) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 5px;}
*/

p.shipping_fee a,
p.shipping_fee a:hover,
p.shipping_fee a:visited,
p.shipping_fee a:active{ color: #272626;}

p.shipping_fee a:hover{ text-decoration: underline;}

.yith-wcwl-add-button{ margin-bottom: 40px;}
.yith-wcwl-add-button:hover{ opacity: 0.5;}
.yith-wcwl-add-button a,
.yith-wcwl-wishlistaddedbrowse .feedback{ border: 1px #E2E2E2 solid; height: 40px!important; max-width: 200px!important; display: block; line-height: 40px; text-align: center;}
.yith-wcwl-add-button>a i{ margin-right: 0!important;}
.fa-heart-o:before,
.fa-heart:before { content: "\f08a"; color:#DB5397;}

/*
.productDetails button[type="submit"]::before{ content: ""; height: 1em; width:  1.5em; background: url(../images/common/Icon_awesome-shopping-cart.svg) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 5px; background-size: contain;}
*/

.productDetails button[type="submit"]:hover{ cursor:pointer; opacity: 0.5;}

.woocommerce-product-details__short-description,
.size-box h2{font-family: 'Josefin Sans', sans-serif!important; font-size: 18px;  }
.woocommerce-product-details__short-description{margin-bottom: 35px;}

.woocommerce-product-details__short-description span{ display: inline-block; background: #fff; line-height: 1.5em; padding-right: 8px; padding-top: 5px; position: relative;}
.woocommerce-product-details__short-description h2.desc_h2{ position: relative;}
/*.woocommerce-product-details__short-description h2.desc_h2::before{ content: ""; display: block; width: 100%; height: 1px; background: #000; position: absolute; top: 50%;}*/
.woocommerce-product-details__short-description .description-box{ font-size: 14px;}

.related.products ul{ flex-wrap: nowrap; justify-content:space-between; flex-flow: wrap; margin-bottom: 80px; }
.related.products ul li{width: 16.666666666666667%; }
.related.products ul li a{ padding: 0 10px;}
.related.products ul li h2{ font-size: 14px!important; line-height: 1.5em;}
.related.products ul li .price .woocommerce-Price-amount.amount{ font-size: 12px!important; }
@media screen and (max-width: 767px){
  .related.products ul{ flex-wrap: wrap; }
  .related.products ul li{width: 33%; }

}

.product_btn_area { text-align: center; display: block; width: 100%; }
.product_btn_area a{ display: inline-block; background: #6C6C6C; color: #fff; font-size: 14px; width: 200px; height: 40px; line-height: 40px;}
.product_btn_area a:hover{ opacity: 0.5;}

.page-index .products .price { font-size: 16px; color: #272626; }

.soldout_list{ background: #6C6C6C; line-height: 1em; color: #fff; font-size: 10px; border-radius: 5px; padding: 3px; display: inline-block; }

body.view-nav .headCart,
body.view-nav .login { display: none;}
body.view-nav .siteLogo{ opacity: 0;}

.navTrigger .close{ display: none;}
body.view-nav .navTrigger .open{ display: none;}
body.view-nav .navTrigger .close{ display: none;}

#menu_drop div { position: relative; }
#menu_drop span { cursor: pointer; font-size: 20px; color: #6C6C6C;}
#menu_drop ul { display: none; position: absolute;  font-family: serif; transform: translate(-50%,0); left: 50%; background-color:  rgba(255, 255, 255, 0.9) ; z-index: 999;}
#menu_drop ul a{ color: #6C6C6C;}
#menu_drop ul li { font-size: 14px!important; height: 4em;}

@media screen and (max-width: 767px){
#gNav .navMenu #menu_drop ul li a{ font-size: 10px!important;  height: 4em;}
#gNav .navMenu li #menu_drop ul li{ padding: 0; height: auto;}
}


#gNav ul.sns{ list-style: none; display: flex; justify-content: center;}
#gNav ul.sns li{ margin: 0 15px;}
#gNav ul.sns img{ height: 30px!important;}

.crumb_under ul{ list-style: none; display: flex; justify-content: flex-end; align-items: center; font-family: 'Arial', sans-serif;}
.crumb_under ul li{ position: relative; padding-left: 20px; margin-left: 5px; line-height: 1em;color: #6C6C6C;}
.crumb_under ul li::before{ content: ""; height: 1px; width:15px; position: absolute; left: 0; display: block; background: #E2E2E2; bottom: 5px;}
.crumb_under ul li:first-child::before{ display: none;}

 .crumb_under.pat2{ max-width:1180px; margin: 0 auto; padding-top: 120px; padding-bottom: 60px;}
@media screen and (max-width: 767px){
 .crumb_under.pat2{ margin: 0 5%; padding-top: 40px; padding-bottom: 0;}
}

 .crumb_under.pat3{ max-width:1180px; margin: 0 auto; padding-top: 0px; padding-bottom: 60px;}
@media screen and (max-width: 767px){
 .crumb_under.pat3{ margin: 0 5%; padding-top: 40px; padding-bottom: 0;}
}

#thumbnail-list{ display: flex; list-style: none; flex-wrap: wrap; justify-content:flex-start;}
#thumbnail-list li{ width:14.2%;}
#thumbnail-list li div{ margin: 0 5px 5px 5px;}

.all_wrap.works .slider { margin: 0;}
.all_wrap.works .slider .slick-slide img { width: 100%; }
.all_wrap.works .box_1{ display: flex; position: relative;}
.all_wrap.works .box_1 .l{ width: 30%;}
.all_wrap.works .box_1 .l div{ text-align: center;}
.all_wrap.works .box_1 .r{ width: 70%; }
.all_wrap.works .box_2{ text-align: center;padding-bottom: 42px;width: 370px;margin: 0 auto;}
.video__wrapper {
  position: relative;
  padding-top: 56%;
  width: 100%;
  height: 0;
}
.all_wrap.works .box_2 video {width: 100%;position: absolute;top: 0;left: 0;height: 100%;object-fit: cover}
.all_wrap.works .slider_wrap{ margin-bottom: 15px;}
.all_wrap.works .box_1{ max-width:1180px; margin: 0 auto;}
.all_wrap.works .pu,
.all_wrap.works .summary{ max-width:980px; margin: 0 auto; padding-bottom: 42px;}
.all_wrap.works .archive_under ul{ list-style: none; display:flex; flex-wrap: wrap; margin: 0 -20px;}
/*.all_wrap.works .archive_under ul li { margin: 0 20px; padding-bottom: 20px; width: 29%;}*/
.all_wrap.works .pu{ padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #E2E2E2;}
.all_wrap.works .thumbnail img { height: 60px; margin-right: 10px; }

@media screen and (max-width: 767px){
    .all_wrap.works .box_1{ flex-direction: column-reverse; flex-wrap: wrap; justify-content: space-around; margin: 0 5%;}
    .all_wrap.works .box_1 .l,
    .all_wrap.works .box_1 .r{ width: 100%;padding-top: 0;}
    .all_wrap.works .pu, .all_wrap.works .summary { margin: 0 5% 30px 5%; padding-bottom: 10px; }
    .all_wrap.works .archive_under ul{margin: 0 -1.5vw;}
    /*.all_wrap.works .archive_under ul li { margin: 0 1.5vw; padding-bottom: 20px; width: 43.5vw;}*/
}


.all_wrap.works_single .inner{ max-width:980px; margin: 0 auto;}
.all_wrap.works_single .inner .main_img{ line-height: 0; margin-bottom: 15px; text-align: center;}
.all_wrap.works_single .inner .box_1{ font-family: serif; padding-bottom: 30px;}
.all_wrap.works_single .inner .box_1 time{ font-size: 16px; display: block; text-align: right;}
.all_wrap.works_single .inner .box_1 h4{ font-size: 20px; line-height: 1.2em; padding-bottom: 25px; border-bottom: 1px solid #E2E2E2;}
.all_wrap.works_single .inner .cont{font-family: serif;  font-size: 16px; line-height: 1.5em; margin-bottom: 67px;}
.all_wrap.works_single .inner .btl{ font-size: 20px; text-align: center; margin-bottom: 67px; }
/*.all_wrap.works_single .inner .btl a{ background: #6C6C6C; color: #fff;  font-size: 14px; display: inline-block; padding: 0; height: 40px; line-height: 43px; min-width: 200px; font-weight: 700; font-family: Arial, sans-serif;}*/

@media screen and (max-width: 767px){
    .all_wrap.works_single .inner{ margin: 0 5%;}
    .all_wrap.works_single .inner .box_1 time{ font-size: 10px; }
    .all_wrap.works_single .inner .box_1 h4{ font-size: 14px; line-height: 1.2em; padding-bottom: 20px; }
    .all_wrap.works_single .inner .cont{ font-size: 14px; line-height: 1.5em; margin-bottom: 40px;}
    .all_wrap.works_single .inner .btl{ font-size: 16px;  }
}

.all_wrap.faq .toggle_title { position: relative; cursor: pointer; }
.all_wrap.faq .toggle_btn { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 24px; height: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden; border-radius:  50%; }
.all_wrap.faq .toggle_btn:before,.all_wrap.faq .toggle_btn:after { display: block; content: ''; background-color: #fff; position: absolute; width: 10px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.all_wrap.faq .toggle_title.selected .toggle_btn:before { content: normal; }
.all_wrap.faq dd { display: none; }

.all_wrap.faq .inner{ max-width:980px; margin: 0 auto;}
.all_wrap.faq h4{ font-size: 60px; line-height: 1em; padding-bottom: 36px;}
.all_wrap.faq .inner dl{ background: #F6F6F6; font-family: serif; margin: 0 0 20px 0; padding-bottom: 27px;}
.all_wrap.faq .inner dl dt{ position: relative; padding: 23px 0 0 80px; font-size: 20px; line-height: 1.2em;}
.all_wrap.faq .inner dl dt::before{ content: "Q"; position: absolute; left: 20px; top: 15px; font-size: 20px; display: block; height: 39px; width:40px; border-radius: 50%; border:1px solid #272626; font-family: 'Josefin Sans', sans-serif!important; font-weight: 300; text-align: center; line-height: 40px; background: #fff; padding-top: 1px;  }
.all_wrap.faq .inner dl dt::after{ content: "＋"; position: absolute; right: 20px; top: 15px; font-size: 20px; display: block; height: 39px; width:40px; font-family: 'Josefin Sans', sans-serif!important; font-weight: 300; text-align: center; line-height: 40px; padding-top: 1px;  }
.all_wrap.faq .inner dl dt.selected::after{ content: "−"; position: absolute; right: 16px; top: 9px;  font-size: 20px; display: block; height: 39px; width:40px; font-family: 'Josefin Sans', sans-serif!important; font-weight: 300; text-align: center; line-height: 40px; padding-top: 1px;  }
.all_wrap.faq .inner dl dd{ background: #fff; border: 15px; padding: 27px 30px;  margin:27px 80px 0 80px; font-size: 16px; line-height: 1.2em;}
.all_wrap.faq .inner dl dd a,
.all_wrap.faq .inner dl dd a:hover,
.all_wrap.faq .inner dl dd a:active,
.all_wrap.faq .inner dl dd a:visited{ color: #3F75CC; text-decoration: underline;}
.all_wrap.faq .inner dl dd a:hover{ text-decoration: none;}

@media screen and (max-width: 767px){
    .all_wrap.faq .inner{ margin: 0 5%;}
    .all_wrap.faq h4{ font-size: 40px; line-height: 1em; padding-bottom: 20px;}
    .all_wrap.faq .inner dl dt::before{ content: "Q"; position: absolute; left: 5vw; top: 15px; font-size: 14px; display: block; height: 18px; width:20px; border-radius: 50%; border:1px solid #272626; font-family: 'Josefin Sans', sans-serif!important; font-weight: 300; text-align: center; line-height: 20px; background: #fff; padding-top: 2px;  }
    .all_wrap.faq .inner dl dt{ padding: 19px 0 0 54px; font-size: 14px; line-height: 1.2em;}
    .all_wrap.faq .inner dl dt::after { content: "＋"; position: absolute; right: 1px; top: 7px; font-size: 16px; display: block; height: 39px; width: 40px; font-family: 'Josefin Sans',  -serif!important;
        font-weight: 300; text-align: center; line-height: 40px; padding-top: 1px;}
    .all_wrap.faq .inner dl dt.selected::after { content: "−"; position: absolute; right: -2px; top: 4px; font-size: 20px; display: block; height: 39px; width: 40px; font-family: 'Josefin Sans', sans-serif!important; font-weight: 300; text-align: center; line-height: 40px; padding-top: 1px ; }
    .all_wrap.faq .inner dl dd{ padding: 19px 5vw;  margin:19px 5vw 0 5vw; font-size: 12px; line-height: 1.2em;}
}

.all_wrap.pp .inner{ max-width:980px; margin: 0 auto; color: #272626; padding-bottom: 120px; font-family: serif;}
.all_wrap.pp .h4_3 { font-size: 30px; line-height: 1em; padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid #E2E2E2;}
.all_wrap.pp .h4_3.toku { font-size: 25px; line-height: 1em; }
.all_wrap.pp h5{ font-size: 20px; line-height: 1.2em; margin-bottom: 20px; font-weight: 700; }
.all_wrap.pp h6{ font-size: 18px; line-height: 1.2em; margin-bottom: 20px; font-weight: 700; }
.all_wrap.pp p,
.all_wrap.pp dl.num{ font-size: 16px; line-height: 1.5em; margin-bottom: 20px;}
.all_wrap.pp div.box{margin-bottom: 40px;}
.all_wrap.pp div.box.indent_{padding-left: 40px; text-indent: 0!important;}
.all_wrap.pp ul{ font-size: 16px; line-height: 1.5em; margin: 0 0 20px 0;  }
.all_wrap.pp ul li{ list-style-position: outside;}
.all_wrap.pp dl.num{ display: flex;}
.all_wrap.pp dl.num dt{ width: 2em;}
.all_wrap.pp div.box a{ font-weight: 700;}

.all_wrap.pp .crumb_under ul{ padding-bottom: 30px; font-size: 10px!important;}


@media screen and (max-width: 767px){
    .all_wrap.pp .inner{ margin: 0 5%; padding-bottom: 60px;}
    .all_wrap.pp div.box.indent_{padding-left: 0px;}
    .all_wrap.pp ul{  margin: 0}
    .all_wrap.pp ul li{ list-style-position: inside; padding-left: 10px;}
}



body.pageID-241 .u-column1.col-1 h2,
body.pageID-241 .required,
body.pageID-241 .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme,
body.pageID-241 .u-column2.col-2 h2,
body.pageID-241 .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads,
.coupon
{ display: none!important;}
body.pageID-241 .woocommerce form.login{ margin:10px 0 0 0; }
body.pageID-241 .woocommerce .col2-set .col-1{ width:100%; float: none;}
body.pageID-241 label{ font-family: sans-serif; color: #6C6C6C; font-size: 18px;}
body.pageID-241 p{ font-family: sans-serif; color: #6C6C6C;}
body.pageID-241 .woocommerce-LostPassword.lost_password{ text-align: center;font-family: sans-serif; c}
body.pageID-241 .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{ float: none;}
body.pageID-241 .postBody .woocommerce form .form-row{ text-align: center;}
body.pageID-241 .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide{ text-align: left;}
body.pageID-241 .commonSection.is-myPage .woocommerce #customer_login .button,
body.pageID-241 .commonSection.is-myPage .woocommerce .woocommerce-ResetPassword .button{ margin: 0; width: 200px; height: 40px;}
body.pageID-241 .commonSection.is-myPage .woocommerce #customer_login a,
body.pageID-241 .commonSection.is-myPage .woocommerce #customer_login a:hover,
body.pageID-241 .commonSection.is-myPage .woocommerce #customer_login a:visited,
body.pageID-241 .commonSection.is-myPage .woocommerce #customer_login a:active{color: #6C6C6C; text-decoration: none;}
body.pageID-241 .u-column2.col-2{ margin-top: 30px; float: none; width: 100%;}
body.pageID-241 .woocommerce-form-register__submit::before{ content: "新規会員"; color: #fff; }
body.pageID-241 .woocommerce-form-register__submit::after{ content: "はこちら"; color: #fff; }

body.pageID-241 .commonSection.is-myPage .woocommerce .woocommerce-ResetPassword {max-width: 100%;margin: 40px auto 0 auto; border: 1px solid #E2E2E2; display: block; width:100%; border-radius: 15px; padding: 30px 60px;}
body.pageID-241 .woocommerce form .form-row label{ text-align: left;}
body.pageID-241 .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { width: 100%; }

@media screen and (max-width: 767px){
    body.pageID-241 .commonSection.is-myPage .woocommerce .woocommerce-ResetPassword {padding: 30px 5vw;}
}

.woocommerce-message{ margin: 15px 0 2em!important;}

body.pageID-241 .woocommerce-MyAccount-navigation { margin-top: 15px;}
body.pageID-241 .woocommerce-MyAccount-navigation li{ border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; height: 54px; margin-bottom: 10px; text-indent: 10px;}
body.pageID-241 .commonSection.is-myPage .woocommerce-MyAccount-navigation li a {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2.2;
    height: 54px;
    line-height: 54px;
}
body.pageID-241 .commonSection.is-myPage .woocommerce-MyAccount-navigation li.is-active a {
    color: #000000; font-weight: 700; background:#E2E2E2 ;
}

body.pageID-241 .commonSection.is-myPage .woocommerce form,
body.pageID-241 .form-row.form-row-first.validate-required,
body.pageID-241 .woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first
{ width:100%!important;}

.giftwrap_li.show_thumb {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: start;
    width: auto!important;
    position: relative;
    padding-left: 30px;
}
.giftwrap_li.show_thumb input{ position: absolute; left: 0;}

.giftwrap_li .giftwrap_thumb, .wc-giftwrap .giftwrap_thumb { margin: 1em 15px 0 0!important; width: 60px;  }
.giftwrap_li.show_thumb .woocommerce-Price-amount.amount,
.giftwrap_title { font-size: 15px; }
.wc-giftwrap .giftwrap_ul, ul.giftwrap_ul{ display: block!important;}
.giftwrap_cancel.button.btn.fusion-button.fusion-button-default.edgtf-btn{ color: #fff; background: #000; width: 100px;}
.modal-header { border-bottom: none!important; }
.modal-body { padding:0 1rem 1rem 1rem!important; }
.modal-footer{ border-top:none!important; padding:0 0.75rem 0.75rem 0.75rem!important;}
.button.btn.alt.giftwrap_submit.replace_wrap.fusion-button.fusion-button-default.edgtf-btn{ background: #000; font-size: 15px; width: 50%; margin: 0 auto;}
@media screen and (max-width: 767px){
    .button.btn.alt.giftwrap_submit.replace_wrap.fusion-button.fusion-button-default.edgtf-btn{ width: auto; }
}

.woocommerce table.shop_table { border: 1px solid rgba(0,0,0,.1)!important; border-radius: 15px; margin: 0 -1px 15px 0!important; }
.shop_table.shop_table_responsive .cart-subtotal td,
.shop_table.shop_table_responsive .cart-subtotal th,
.shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping td,
.shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping th
{border-bottom: 1px solid rgba(0,0,0,.1)!important; padding: 15px 10px;}

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

.woocommerce table.shop_table { border: none!important;  }

.shop_table.shop_table_responsive .cart-subtotal td,
.shop_table.shop_table_responsive .cart-subtotal th,
.shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping td,
.shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping th
{border-bottom: none!important; padding: 0px;}

}

.wcgwp-modal-toggle.wcgwp-modal-toggle_coupon.button.btn.fusion-button.fusion-button-default.edgtf-btn{ background: #000; color: #fff; border-radius: 0; font-size: 12px; width: 250px; height: 30px; }
.woocommerce .cart-collaterals .cart_totals{ float: none!important; width:auto!important;}
.wc-giftwrap.giftwrap_coupon{ margin-bottom: 40px!important;}

.commonSection.pageSection.is-cart h1{text-indent: -999px; position: relative; height: 30px;}
.commonSection.pageSection.is-cart h1::before{ content: "CART"; position: absolute; left: 0;color: #000; text-indent: 0; font-size: 20px;}
@media screen and (max-width: 767px){
    .commonSection.pageSection.is-cart h1{ height: 30px!important; }
}

.commonSection.is-cart .woocommerce .cart-collaterals h2{text-indent: -999px; position: relative; height: 45px;}
.commonSection.is-cart .woocommerce .cart-collaterals h2::before{ content: "TOTAL"; position: absolute; left: 0;color: #000; text-indent: 0; font-size: 20px; font-family: 'Josefin Sans', sans-serif!important;}

.description-box p{ margin: 0;}

.wp-pagenavi { text-align: right; }
.pager .pages{ display: none;}
.wp-pagenavi a{ border: none!important; }


.contact_wrap{ max-width: 930px; margin: 0 auto; padding-bottom: 150px; text-align: left;}

.contact_wrap h2{color: #B1B1B1; border-bottom: 1px solid #B1B1B1; padding-bottom: 8px; margin-bottom: 30px;}

.contact_wrap dl{ display: flex; margin-bottom: 15px; color: #B1B1B1; align-items: top; font-size: 150%; }
.contact_wrap　::placeholder {　color: #B1B1B1;　}
.contact_wrap dl span{ color: red;}
.contact_wrap dl dt {
    width: 20%;
    text-align: right;
    margin-right: 3%;
    font-size: 100%;
    padding-top: 6px;
    font-weight: 300;
}
.contact_wrap dl dd{ width: 77%;}
.contact_wrap dl dd.name{ display: flex;}
.contact_wrap dl dd.name div{ width: 49%;}
.contact_wrap dl dd.name div.last{ margin-right: 2%;}
.contact_wrap dl dd p{ color: rgb(167, 167, 167); font-size: 12px;}
.contact_wrap dl input,
.contact_wrap dl textarea{ border: 1px solid #ccc; padding: 10px 8px; width: 100%; box-sizing: border-box;}
.contact_wrap dl textarea { min-height: 200px;}
.contact_wrap .submit{ text-align: center;}
.contact_wrap .submit button{ border: none; background: #6C6C6C; color: #fff; padding: 10px; min-width: 180px; margin: 0 auto; }
.contact_wrap .dl_last{ padding-bottom: 40px;}

@media screen and (max-width: 728px) {
.contact_wrap{ margin: 0 5%; }
.contact_wrap dl{ display: block;font-size: 100%;  }
.contact_wrap dl dt{ margin-bottom: 8px; text-align: left;}
.contact_wrap dl dt,
.contact_wrap dl dd{ width: 100%;}
.contact_wrap dl dd p{ font-size: 10px;}
.contact_wrap dl input,
.contact_wrap dl textarea{ font-size: 100%;}
}


main#gare .slick-initialized .slick-slide {
    display: block;
    background: red;
    height: 100vh;
    width: 100vw;
    position: relative;
}

main#gare .slick-initialized .slick-slide div{ color: #fff; position: absolute; }

.gare_wrap .fade_bg {
    position: absolute;
    height: 20%;
    width: 100vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    z-index: 999999;
    bottom: 0;
    color: #fff;
    font-family: Arial, sans-serif;
}
.gare_wrap .fade_bg .l,
.gare_wrap .fade_bg .r{ position: absolute; font-family: 120%;}
.gare_wrap .fade_bg .l{ left: 5%; bottom:30px;}
.gare_wrap .fade_bg .r{ right: 5%; bottom:30px;}
.gare_wrap .fade_bg .r a,
.gare_wrap .fade_bg .r a:hover,
.gare_wrap .fade_bg .r a:active,
.gare_wrap .fade_bg .r a:visited{ color: #fff; }

.gare_wrap .slick-arrow {
    height: 15vw;
    width: 15vw;
    background: url(../images/common/arrow.png) center center no-repeat;
    background-size: contain;
    z-index: 9999;
}

.gare_wrap .slick-arrow.slick-prev {  left:0; background: url(../images/common/arrow_prev.png) center center no-repeat;  background-size: contain;   }
.gare_wrap .slick-arrow.slick-next {  right:0; }

@media screen and (max-width: 728px) {
    body.page-under main#gare { padding-top: 0px; }
    .gare_wrap .fade_bg .l p{ margin: 0;}
    main#gare .slick-initialized .slick-slide div{ font-size: 10px;}
}

body.page-under main#gare .sp_attn{display: none!important;}

@media (orientation: portrait){
    body.page-under main#gare .sp_attn { display: block!important;}
    body.page-under main#gare ul#slider_pro_gare{ display: none!important;}
    body.page-under main#gare .sp_attn{ position: absolute; height: 100vh; width:100vw;}
    body.page-under main#gare .sp_attn img {
        left: 50%;
        top: 50%;
        width: 130px;
        height: 130px;
        margin: -65px 0 0 -65px;
    }
}

body.page-under.page-single #main{  padding: 60px 0 0 0;}

.image_wrap_slider{ width: 50%;}
@media screen and (max-width: 728px) {
    .image_wrap_slider{ width: 100%;}
}

.quantity_badge{ position: absolute; right: 0; top:0; color: #fff; background: #6C6C6C;  font-size: 10px; height: 16px; width: 16px; border-radius: 8px; line-height: 16px; font-family: 'Shippori Mincho', serif;}

.product.type-product .thumb::before{ content: ""; padding-top: 100%; display: block;}
.product.type-product .thumb{ background-size:contain; background-repeat: no-repeat; background-position: center center;}


.indexAbout{ text-align: center; }
.indexAbout a,
.indexAbout a:hover,
.indexAbout a:active,
.indexAbout a:visited {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color:#6C6C6C;
}

.indexAbout .link{ font-size: 24px;}

.indexAbout .link a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.indexAbout .link a:hover::after {
  transform: scale(1, 1);
}

/*スクロールダウン全体の場所*/
.scrolldown1 {
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translate(-50%, 0%);
    height: 50px;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
    position: absolute;
    left:-15px;
    top: -15px;
    /*テキストの形状*/
    color: #eee;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after {
    content: "";
    position: absolute;
    top: -10px;
    width: 1px;
    height: 30px;
    background: #6C6C6C;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity: 0;
    left: 50%;
    margin-top: -50px;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
    0%{
        height:0;
        top:0;
        opacity: 0;
    }
    30%{
        height:30px;
        opacity: 1;
    }
    100%{
        height:0;
        top:50px;
        opacity: 0;
    }
}

.fancybox-navigation{ top: 50%;}

.slider {
  height: 53vw;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; /* 画像がはみ出ないようにする */
  width: 100vw;
}
.slick-img img {
  width: 100%;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* 拡大率 */
  }
}
.add-animation {
  animation: fadezoom 5s 0s forwards;
}

.woocommerce-info,
.woocommerce-message{ border-top:none!important; padding: 1em 2em!important;}
.woocommerce-info::before,
.woocommerce-message::before{ display: none!important}

.commonSection.pageSection.is-cart{ min-height: 70vh;}

.form-row.form-row-wide.address-field.update_totals_on_change.validate-required,
.woocommerce-additional-fields .optional,
.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide span em
{ display: none!important}

.commonSection.is-checkout .woocommerce-checkout-review-order .button ,
.commonSection.is-myPage .woocommerce #customer_login .button,
.commonSection.is-myPage .woocommerce-Address a.edit{ background: #6C6C6C; }

body.pageID-241 h1.pageTitle{ color: #6C6C6C; font-size: 30px!important; overflow: hidden; text-decoration: -99999px;}

#sonypayment-card-form .form-row.form-row-wide{ text-align: left!important;}

.zero_quantity_badge{ display: none!important;}

#wpgs-gallery .icon-sp_wgs-left-open.slick-arrow, #wpgs-gallery .icon-sp_wgs-right-open.slick-arrow {
    background-color:none!important;
}

#wpgs-gallery .icon-sp_wgs-left-open.slick-arrow:before, #wpgs-gallery .icon-sp_wgs-right-open.slick-arrow:before {
    color: #E2E2E2!important;
}

.productDetails .summary .product_title {
    font-size: 20px;
    line-height: 1.5em;
}

body .btn {
    background: #B9B9B9!important;
    font-family: 'Josefin Sans', sans-serif!important;
}

.text-center.sold{
  display: inline-block!important;
  width: 70%;
  margin-top: 15px;
}

.text-center.sold .btn { line-height: 1em!important; padding: 0; height: 40px;}



