/** Shopify CDN: Minification failed

Line 99:1 Expected identifier but found whitespace
Line 360:25 The "-" operator only works if there is whitespace on both sides

**/
body{background-color: #FAFAFA;}
img{width: 100%;}
body{color: #383332;font-size: 16px;line-height: 1.8;}
h1{font-size: 24px;font-family: serif;font-weight: bold;}
/*shopifyデフォルト設定済ここまで*/
hr{
    display: none;
}
/*サイドバーここから*/
.ly_sidebar_layout{
    display: flex;
}
.bl_eachPages_contents{
    width: calc(100% - 209px);
    margin-left: 209px;
}
.bl_side_nav{
    background-color: #fff;
    height: 100vh;
    box-shadow: 3px 0px 6px #00000012;
    position: fixed;
}
.bl_side_nav_list{
    list-style-type: none;
    margin: 0;
}
.bl_side_nav_item{
    border: .1px solid #bebebe31;
    width: 209px; 
    box-sizing: content-box;
    transition: all .2s ease-in-out;
    margin-bottom: 0;
}
.el_side_nav_link{
    color: #383332;
    font-family: serif;
    text-decoration: none;
    display: block;
    padding: 24px 30px;
}
.bl_side_nav_item:hover{
    background-color: #FAFAFA;
}
body .main-content{
    padding-top: 90px !important;
    padding-bottom: 0;
}
body .wrapper{
    max-width: none;
}
body .site-footer{
    margin-left: 209px;
}
.side-sns{
    margin: 20px;
    width: 100%;
}
.side-sns img {
    width: 50px;
    margin: 10px;
}
/*ネガティブマージン→コレクション,ブログ,商品ページ*/
.ly_N_margin{
    margin-left: -30px;
}
/*サイドバーここまで*/
/*Gナビここから*/
.site-header__logo-image{
  	padding: 8px;
    height: 60px;
  	width: auto;
}
.site-header{
    box-shadow: 0px 1px 3px #0000001A;
    background-color: #FAFAFA;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    position: fixed;
    padding: 13px 0;
}
.site-nav__dropdown-link{
    font-family: serif;
}
.site-nav__dropdown{
    background-color: #FAFAFA;
}
.header-wrapper .burger-icon,
.header-wrapper .site-nav--has-dropdown:hover > a:before,
.header-wrapper .site-nav--has-dropdown > a.nav-focus:before,
.header-wrapper .site-nav--has-dropdown.nav-hover > a:before{
    background-color: #C04D21 !important;
}
. icon-text　{
    font-size: 0.75em ;
    margin-left: 5px;
}
/*アイコンここから*/
.supports-fontface .icon:before{
    /*color: #C04D21;*/
}
/*共通レイアウトここから*/
.bl_section_wrap{
    margin-bottom: 80px;
    max-width: 1800px;
}
.ly_section_inner{
    padding: 0 6%;
    margin-bottom: 80px;
}
.section-header.el_mb20{
    margin-bottom: 20px;
}
a {
    color: #be4426;
    text-decoration: none;
    background: transparent;
}
/*パンくずリスト*/
.bl_breadcrumbs_list{
    font-size: 12px;
    color: #756B6A;
    display: flex;
    list-style-type: none;
    margin: 16px 0 48px 5%;
}
.el_breadcrumbs_item:not(:last-child)::after{
    content:">";
    display: inline-block;
    padding: 0 8px;
}
.el_breadcrumbs_link{
    color: #756B6A;
    text-decoration: none;
}
/*h1*/
h1,
.el_h1style_head{
    font-size: 28px;
    font-weight: bold;
    font-family: serif;
    margin: 48px 0 0 80px;
}
.el_page_title_en{
    color: #C04D21;
    font-size: 14px;
    font-family: serif;
}
.el_page_title_en::before{
    content:"";
    display:inline-block;
    width: 1px;
    height: 27px;
    background-color: #C04D21;
    margin: 0 20px;
}
.el_page_title_comment{
    margin: 0px 0 0 80px;
    font-size: 12px;
    font-family: serif;
}
.section-header{
    margin-bottom: 0;
}
.el_title{
    text-align: center;
    font-family: serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    white-space: nowrap;
}
.bl_reccommended_head{
    text-align: center;
    padding-top: 42px;
}
.el_recommended_title {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    font-family: serif;
    font-weight: bold;
    font-size: 24px;
}
.el_recommended_title:before,
.el_recommended_title:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 200px;
    height: 1px;
    background-color: #756B6A;
}
.el_recommended_title:before {
    left: -200px;
}
.el_recommended_title:after {
    right: -200px;
}
/*共通btnここから*/
.el_btn{
    display: block;
    box-sizing: border-box;
    padding: 10px 16px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    cursor: pointer;
    transition: .25s;
  	font-family: serif;
  	min-width: 8em;
}
.el_btn__ordinarily{
    background-color: #fff;
    border: 1px solid #C04D21;
    color: #C04D21;
}
.el_btn__ordinarily:hover{
    background-color: #C04D21;
    border: 1px solid #C04D21;
    color: #fff;
}
.el_btn__emphasis{
    background-color: #C04D21;
    border: 1px solid #C04D21;
    color: #fff;
}
.el_btn__emphasis:hover{
    background-color: #fff;
    border: 1px solid #C04D21;
    color: #C04D21;
}
.el_btn__right{
    margin:0 0 0 auto
}
/*バナーリンクここから*/
.bl_banner_item{
    display: flex;
}
.bl_banner_item img{
    width: 30%;
    max-width: 150px;
}
.bl_banner_wrap{
    display: flex;
    justify-content: space-between;
}
.el_banner_link{
    width: 48%;
    font-family: serif;
    color: #383332;
    text-decoration: none;
    padding: 20px 0 20px 20px;
    border-top: .5px solid #756B6A;
    border-bottom: .5px solid #756B6A;
    transition: .3s ease-in-out;
}
.el_banner_link:hover{
    background-color: #fff;
}
.el_banner_title{
    width: 70%;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 18px;
}
/*トップの横幅フルバナーリンク*/
.bl_banner_link__large{
    position: relative;
    height: 24vw;
    overflow: hidden;
}
.bl_banner_inner{
    position: absolute;
    width: 100%;
    height: 24vw;
    cursor: pointer;
  	background-size: cover;
    background-image: url('//mizutaki-yamato.jp/cdn/shop/files/bg_commitment.jpg?v=12154335745805181042');
    transition: 1.4s;
}
.bl_banner_inner:hover{
    transform: scale(1.1);
    opacity: 0.9;
}
/*矢印*/
.arrow {
    width: 24px;
    height: 6px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: skew(45deg);
    display: inline-block;
    margin-left: 0.5em;
}
/*共通mediaここから*/
.bl_media{
    display: flex;
  	justify-content: space-between;
    font-family: serif;
    margin-bottom: 64px;
}
.ly_align-items_center{
    align-items: center;
}
.bl_media_img_wrap{
    width: 42%;
    box-sizing: border-box;
}
.bl_media_txt_wrap{
    width: 57%;
    box-sizing: border-box;
}
.bl_media_txt_wrap{
    padding: 2% 5%;
}
.bl_media__large{
    margin-right: 6%;
    margin-top: 2em;
}
.bl_media__large_img_wrap{
    width: 50%;
    max-width: 560px;
    margin-left: 80px;
}
.bl_media__large_txt_wrap{
    padding: 20px;
    width: 48%;
}
.ly_position_r{
    position: relative;
}
.el_media_subImg{
    position: absolute;
}
.bl_media_txt_wrap{
    display: flex;
    flex-direction: column;
}
.bl_media__medium{
    padding: 6%;
}
.ly_section_inner　img {
    max-width: 500px;
}
/*商品詳細product-templateここから*/
/*サムネイルここから*/
.el_product_thum_item{
    width: calc(calc(100%-40px)/5);
}
.el_product_thum_list{
  	display: flex;
    justify-content: left;
    flex-wrap: wrap;
    list-style-type: none;
}
.product-single__media-wrapper.el_product_thum_item{
    margin: 0;
}
.product-single__thumbnails{
    margin: 0;
}
.bl_product_wrap{
    /*background-color: #dcdcdc;*/
    padding: 0;
    box-sizing: border-box;
    margin-left: 5%;
}
.bl_product_media{
    /*background-color: #fcffd4;*/
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.bl_product_media_image{
    /*background-color: rgb(252, 215, 215);*/
    width: 58%;
}
.bl_product_media_text{
    /*background-color: rgb(215, 252, 252);*/
    width: 38%;
}
.bl_product_desc{
    /*background-color: rgb(215, 252, 240);*/
}
.product-single__meta--wrapper{
    padding-right: 0;
    padding-left: 0;
}
h1.product-single__title{
    margin: 48px 0;
    font-size: 24px;
}
.product-single__price, .product-single__price--compare-at{
	font-family: YuGothic,游ゴシック,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    font-weight: bold;
    font-size: 20px;
}
.product-single__quantity{
    margin-top: 40px;
}
#ProductSection--product-template{
    border-bottom: .3px solid #d0d0d0;
}
.product-single__add-to-cart--full-width .btn--add-to-cart{
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}
.bl_h2_product {
    font-size: 20px;
    font-weight: bold;
    font-family: serif;
    text-align: left !important;
    margin-top: 1.5em;
    margin-bottom: 0.5em !important;
}
.bl_h2_product::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 1px;
    background-color: #C04D21;
    transform: translateY(-8px);
    margin-right: 2px;
}
.bl_h2_product::after {
    content: "";
    border-bottom: none !important;
}
.product-form__item {
    margin-top: 1em;
}
.bl_product_desc {
    margin-top: 4em;
    margin-bottom: 4em;
}
@media screen and (min-width:769px) {
.bl_product_desc {
    max-width: 60%;
}
.product-single__meta {
    padding-top: 50px;
    z-index: 0 !important;
}
}
/*商品詳細product-templateここまで*/
/*P-こだわりここから*/
.bl_commit_title{
	padding: 20px 0;
    margin: 0 20px;
	position: relative;
    top: -80px;
    font-size: 18px;
    font-family: serif;
    font-weight: bold;
    text-align: center;
}
.bl_commit_title + .el_media_txt,
.bl_commit_title + .el_media_txt + .el_media_txt{
    position: relative;
    top: -48px;
}
.bl_commit_title::before, .bl_commit_title::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}
.bl_commit_title::before {
	border-left: solid 2px #C04D21;
	border-top: solid 2px #C04D21;
	top: 0;
	left: 0;
}
.bl_commit_title::after {
	border-right: solid 2px #C04D21;
	border-bottom: solid 2px #C04D21;
	bottom: 0;
	right: 0;
}
.bl_commit_wrap{
    margin-top: 120px;
    position: relative;
}
:not(:last-of-type).bl_commit_wrap{
    margin-bottom: 80px;
    border-bottom: 0.2px solid #FAFAFA;
}
:not(:last-of-type).bl_commit_wrap::after{
    content: '';
    position: absolute;
    left: 50%;
    display: inline-block;
    width: 80%;/*線の長さ*/
    height: .2px;/*線の太さ*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);/*位置調整*/
    background-color: #D0D0D0;/*線の色*/
}
.bl_commit_wrap:nth-of-type(2) .bl_media{
    flex-direction: row-reverse;
}
.bl_commit_wrap img.el_media_subImg:nth-of-type(2){
    width: 200px;
}
.bl_commit_wrap:nth-of-type(1) img.el_media_subImg:nth-of-type(2){
    left: -30px;
    top: 40%;
}
.bl_commit_wrap:nth-of-type(2) img.el_media_subImg:nth-of-type(2){
    left: 50%;
    top: 40%;
}
img.setyuzu{
    left: 50%;
    top: 40%;
}
.bl_about_hakata .bl_media:nth-child(1){
    flex-direction: row-reverse;
}
.bl_about_hakata{
   	background-image: url('//mizutaki-yamato.jp/cdn/shop/files/bg_washi.png?v=7772754770516255625');
    background-repeat: repeat;
    padding-top: 20px;
    padding-bottom: 4px;
}
/*P-水炊きセットここから*/
.bl_jidori_area{
    background-image: url('//mizutaki-yamato.jp/cdn/shop/files/bg_washi.png?v=7772754770516255625');
    background-repeat: repeat;
    padding: 4%;
}
.bl_jidori_area .bl_media_txt_wrap{
    align-items: center;
    padding: 0 5% 0 0;
}
.page_mizutakiset .bl_product_card{
}
.page_mizutakiset .bl_product_card_item{
    width: 40%;
  	max-width: 350px;
}
/*購入ボタン（埋め込み）ここから*/
.bl_buy_btn_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 10px;
}
.bl_buy_btn{
    margin-bottom: 72px;
}
/*P-手作りポン酢ここから*/
.page_ponzu .bl_media:first-of-type{
    flex-direction: row-reverse;
}
/*購入ボタン（埋め込み）*/
.ly_pc{
    display: block;
}
.ly_sp{
    display: none;
}
/*P-店舗のご案内ここから*/
.bl_storeinfo_section img.el_media_mainImg{
    width: 98%;
    margin-left: 10%;
}
.bl_storeinfo_section img.el_media_subImg:nth-of-type(2){
    width: 20%;
    left: -5%;
    top: 45%;
}
.bl_storeinfo_section img.el_media_subImg:nth-of-type(3){
    width: 18%;
    left: 5%;
    top: 70%;
}
.bl_storeinfo_section .el_yamato_logo{
    width: 180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  	margin-bottom: 20px;
}
.bl_storeinfo_section .bl_media_txt_wrap .el_btn{
    margin-top: 30px;
}
.page_storeinformation .bl_banner_wrap{
    margin-top: 160px;
}
.bl_storeinfo_section{
    margin-bottom: 180px;
}
/*P-水炊きの作り方ここから*/
.el_howtomake_head{
    font-size: 20px;
    font-weight: bold;
    font-family: serif;
}
.bl_process_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-position: inside;
}
.bl_mizutaki .bl_process_list{
    justify-content: space-around;
}
.bl_preparation .bl_process_item:first-of-type{
    width: 28%;
}
.bl_preparation .bl_process_item:last-of-type{
    width: 68%;
}
.bl_preparation .bl_process_item .el_process_desc:first-of-type{
    margin-top: 20px;
}
.bl_mizutaki .bl_process_item{
    width: 40%;
}
.bl_mizutaki .bl_process_item:nth-of-type(even){
    margin-bottom: 42px;;
}
.bl_sime_men .bl_process_item,
.bl_sime_zousui .bl_process_item{
    width: 30%;
}
.el_process_title{
    display: inline;
    font-size: 16px;
    font-family: serif;
    font-weight: bold;
}
.bl_process_item::marker{
    text-indent: 2em;
    font-family: serif;
    font-weight: bold;
}
.bl_material_dl{
    display: flex;
    align-items: center;
    margin-block-start: 0em;
    margin-block-end: 0em;
    width: 100%;
}
.bl_material_dl::after {
    height: 1em;
    content: '';
    background: radial-gradient(#756B6A 10%, transparent 10%) center/ 0.5em;
    flex: auto;
}
.el_material_amount {
    order: 1;
    padding-left: 0.5em;
    margin-inline-start: 0;
}
.el_material_name{
    padding-right: 0.5em;
}
.el_material_name::before{
    content: "・";
    color: #383332;
}
.el_materials_item{
    display: flex;
    width: 100%;
}
/*P-よくあるご質問ここから*/
.bl_h2_faq_category{
    font-size: 22px;
    font-weight: bold;
    font-family: serif;
    border-bottom: solid 2px #756B6A;
    position: relative;
}
.bl_h2_faq_category:after{
    content: "";
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 20%;
    border-bottom: 2px solid #C04D21;
}
/*P-プライバシーポリシーここから*/
.el_privacypolicy_head{
    font-size: 20px;
    font-weight: bold;
}
.bl_privacypolicy_item{
    margin-top: 32px;
}
.bl_privacypolicy_list,
.bl_privacy_child_list{
    list-style-type: none;
    font-size: 15px;
}
.bl_privacy_child_list{
    margin-left: 0;
}
.el_privacy_child_item{
    padding-left:3em;
    text-indent:-3em;
}
/*P-特定商取引ここから*/
table.bl_specificCommerce_table{
    border-collapse: separate;
}
.bl_specificCommerce_table td{
    padding: 20px;
    letter-spacing: 0;
    border-bottom: 8px solid #FAFAFA;
}
.bl_specificCommerce_table td:first-of-type{
    font-size: 14px;
    font-weight: bold;
}
.bl_specificCommerce_table td:last-of-type{
    font-size: 15px;
}
.el_table_heading{
    background-color: #F6F6F6;
    width: 11.5em;
}
.el_table_text{
    background-color: #fff;
}
.bl_deliveryCharge_list{
    list-style-type: none;
}
.bl_specificCommerce_table tr:first-child td:after,
.bl_specificCommerce_table tr:first-child th:after{
    border-bottom: none;
}
/*P-ご利用についてここから*/
.bl_h2_aboutUse{
    font-size: 22px;
    font-weight: bold;
    font-family: serif;
}
.bl_h2_aboutUse::before{
    content:"";
    display:inline-block;
    width: 16px;
    height: 1px;
    background-color: #C04D21;
    transform: translateY(-8px);
    margin-right: 2px;
}
.bl_h3_aboutUse{
    font-size: 20px;
    font-weight: bold;
    margin-top: 2em;
}
/*ご注文の流れ*/
.bl_orderFlow_list{
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    max-width: 1300px;
}
.el_orderFlow_item{
    width: 22%;
}
.orderFloe_head{
    font-size: 22px;
    font-family: serif;
    font-weight: bold;
    margin-bottom: 12px;
    white-space: nowrap;
}
.orderFlow_title{
    text-align: center;
    font-size: 14px;
    margin-bottom: 4px;
    white-space: nowrap;
}
.bl_orderFlow_image img{
    margin-bottom: 4px;
    width: 92%;
}
.bl_orderFlow_image figcaption{
    font-size: 12px;
    text-align: center;
}
figure.bl_orderFlow_image {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    text-align: center;
}
/*お支払い方法*/
.bl_payment_list{
    list-style-type: none;
}
.el_payment_item{
    position: relative;
    padding: 0 0 0 12px;
}
.el_payment_item::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 4px #756B6A;
    top: 13px;
    left: 0;
    margin-top: -5px; 
}
/*銀行振込*/
.bl_bankTransfer_list{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #756B6A;
    border-bottom: 1px solid #756B6A;
    padding: 20px 0;
}
.el_bankTransfer_dt{
    width: 10%;
    min-width: 5em;
}
.el_bankTransfer_dd{
    width: 81%;
}
/*よくあるご質問*/
.bl_faq_list{
    list-style-type: none;
    margin-top: 32px;
}
.bl_faq_item{
    margin-bottom: 20px;
}
details {
    transition: .5s;
}
summary {
    display: block;
    cursor: pointer;
}
summary::-webkit-details-marker {
    display: none;
}
.el_faq_question::before{
    content: 'Q';
    background-color: #756B6A;
    color: #fff;
    font-size: 30px;
    font-family: serif;
    display:inline-block;
    padding: 5px 19px;
    margin-right: 26px;
}
.el_faq_question{
    position: relative;
}
.el_faq_question::after{
    content: '';
    width: 12px;
    height: 12px;
    border: 0;
    border-bottom: solid 1px #756B6A;
    border-right: solid 1px #756B6A;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -6px;
    transform: rotate(45deg);
}
.el_faq_question{
    background-color: #F6F6F6;
}
.bl_faq_box{
    background-color: #fff;
}
.el_faq_answer{
    padding: 20px 20px 20px 88px;
    position: relative;
}
.el_faq_answer::before{
    position: absolute;
    left: 16px;
    top: 12px;
    content: 'A';
    background-color: #C04D21;
    color: #fff;
    font-size: 30px;
    font-family: serif;
    display:inline-block;
    padding: 7px 11px;
    margin-right: 20px;
    line-height: 1;
}
details[open] .el_faq_answer{
    animation: .5s open_close ease-in-out;
  }
  @keyframes open_close {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
/*お知らせここから*/
.push--large--one-twelfth{
    left: 0;
}
.large--five-sixths{
    width: 100%;
}
.grid__item{
    padding-left: 30px;
}
.el_news_date,
h2 a.el_news_head{
    font-weight: bold;
}
h1.el_article_template_news_title{
    margin-top: 0;
}
.bl_margin60{
    margin: 60px 0;
}
.el_blog_summary{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 20px;
}
.bl_top_news_list a　{
  color:#383332 !important;
}
/*お問い合わせ*/
.el_label_required{
    background-color: #D80000;
    color: #fff;
    font-size: 12px;
    padding: 6px;
    border-radius: 3px;
    margin-right: 10px;
}
.el_label_any{
    background-color: #D0D0D0;
    color: #756B6A;
    font-size: 12px;
    padding: 6px;
    border-radius: 3px;
    margin-right: 10px;
}
.el_contact_form_label{
    font-weight: bold;
    font-size: 14px;
}
.hidden-label.el_contact_form_label{
    position:static;
    overflow: visible;
    height: initial;
}
.bl_contact_form_item{
    display: flex;
}
.el_contact_form_label{
    width: 100%;
    max-width: 248px;
}
.el_contact_form_input{
    width: 100%;
    max-width: 600px;
    border-radius: 3px;
}
.bl_contact_form_item{
    border-bottom: .3px solid #D0D0D0;
    padding: 20px;
}
.el_submit_btn{
    border-radius: 4px;
    padding: 16px 20px;
    margin: 0 auto;
    width: 160px;
    display: block !important;
    font-weight: bold;
    margin-top: 20px;
}
/*コレクションここから*/
.bl_product_card{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 48px;
}
.bl_product_card_item{
    width: 30%;
}
.bl_product_card_item:not(:nth-last-of-type(-n+3)){
    margin-bottom: 60px;
}
.bl_card_title{
    font-family: serif;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 2px;
}
.bl_card_price{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 2px;
}
.bl_card_description{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 13px;
}
select.variant-select　{
    font-size: 0.875em;
    margin-bottom: 0.5em;
}
/*ナビドロワー*/
.mobile-nav a{
    font-family: serif;
    font-size: 15px;
}
.mobile-nav__item:after {
    border-bottom: .3px solid #D0D0D0;
}
.drawer{
    box-shadow: 3px 0px 6px #00000012;
}
.drawer .side-sns {
    width: auto;
}
/*フッターここから*/
.bl_footer_contents_wrap{
    display: flex;
    align-items: center;
    padding: 40px 10%;
}
.bl_footer_contents_box_left{
    width: 20%;
    margin-right: 10%;
}
.bl_footer_contents_box_right{
    width: 70%;
}
.bl_footer_contents_box_right img{
    margin-bottom: 10px;
    width: 80%;
    max-width: 160px;
}
.bl_footer_link_wrap{
    display: flex;
}
.bl_footer_list1,
.bl_footer_list2,
.bl_footer_list3,
.bl_footer_list4{
    width: 32%;
    list-style-type: none;
    padding-left: 0px;
}
.bl_footer_link_wrap a,
.bl_footer_contents_bottom a{
    color: #383332;
    font-size: 12px;
    text-decoration: none;
    transition: .2s ease-in-out;
}
.bl_footer_link_wrap a:hover{
    opacity: .7;
}
.bl_footer_list_child_item{
    position: relative;
    text-indent: .5em;
}
.bl_footer_list_child{
    margin-left: 0;
}
.el_footer_child_link::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 3px transparent;
    border-left: solid 3px #756B6A;
    top: 18px;
    left: 0;
    margin-top: -5px; 
}
.bl_footer_list_child_item::marker{
    color: transparent;
}
.bl_footer_bottom_list{
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin-bottom: 0;
}
.el_footer_bottom_item{
    min-width: 15em;
    margin-bottom: 0;
    margin-top: 4px;
}
small{
    font-size: 9px;
}
.bl_footer_contents_bottom{
    text-align: center;
    border-top: .3px solid #D0D0D0;
}
.bl_footer{
    border-top: .3px solid #D0D0D0;
}
.site-footer__copyright-content{
    display: none;
}
.site-footer{
    padding-bottom: 0;
}
/*フッターここまで*/
/*トップここから*/
.page_index .bl_banner_link__large_text,
.bl_banner_link_btn{
    position: absolute;
    color: #fff;
    font-family: serif;
  	font-weight: bold;
}
.bl_banner_link_btn p{
    margin-bottom: 0;
}
.page_index .bl_banner_link__large_text:first-of-type{
    top: 50%;
    left: 20px;
    transform: translate(-0%, -50%);
    width: 46%;
  	text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
.page_index .bl_banner_link_btn{
    top: 80%;
    right: 30px;
    width: 12em;
    display: flex;
    align-items: center;
    font-size: 14px;
}
/*トップのお知らせエリアここから*/
.ly_top_news_area{
    background-color: #fff;
    padding: 1px 0;
}
.ly_top_news_area a {
  color:#383332;
}
.bl_top_news_list{
    list-style-type: none;
    margin-top: 20px;
}
.bl_top_news_title_wrap{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-bottom: 2px solid #C04D21;
    margin-bottom: 8px;
}
.el_top_news_title,
.el_top_news_date{
    margin-bottom: 0;
    font-weight: bold;
}
.el_top_news_title{
    font-size: 18px;
    font-family: serif;
}
.el_top_news_contents{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 20px;
}
/*検索結果*/
.bl_search_result_list{
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bl_search_result_list .large--one-third{
    width: 28%;
}
.search-bar--page{
    margin-bottom: 60px;
}
.el_search_result_head{
    font-size: 24px;
    margin-bottom: 20px;
}
.grid-product__title{
    font-size: 18px;
}
/*検索結果ここまで*/

.anchor {
  padding-top: 80px;
  margin-top: -80px;
}
/*新規登録*/
.birthday {
	text-align: left;
}
.birthday ul {
    width: 100%;
}
.birthday ul li {
	list-style-type: none;
	float: left;
	margin-right: 1%;
      width: 30%;
}
label[for=birthday]{
    text-align:left;
}
.birthday ul li:last-child {

}
.gender {
	clear: both;
    text-align: left;
    margin-bottom: 2em;
}
label[for=gender]{
    text-align:left;
    margin-right: 2em;
}
.gender #female,#other {
    margin-left: 2em;
}

.account {
    padding-left: 0px;
}
.account .section-header {
    margin-bottom: 2em;
}
.account h1 {
    margin-left: 0px;
}
.head-account {
    margin-bottom: 2em;
}
.head-account h1 {
    margin-left: 0px;
}


/*pcmini*/
@media screen and (max-width:1310px) {
.bl_side_nav {
    display: none;
}
.bl_eachPages_contents {
    width: 100%;
    margin-left: 0;
}
  body .site-footer {
    margin-left: 0;
}
}
/*タブここから*/
@media screen and (max-width: 768px){
  	body{
        font-size: 15px;
    }
  	/*タブ共通レイアウトここから*/
    .bl_section_wrap{
        margin-bottom: 60px;
    }
    .ly_section_inner{
        margin-bottom: 60px;
    }
  	body .main-content{
        padding-top: 80px !important;
    }
  	/*ネガティブマージン→コレクション,ブログ*/
    .ly_N_margin{
        margin-left: 0;
    }
    /*タブフッター*/
    .bl_footer_contents_wrap{
        flex-direction: column;
        padding: 10px;
    }
    .bl_footer_contents_box_left{
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
  .bl_footer_contents_box_left img{
        width:50%;
  }
    .bl_footer_contents_box_right{
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .bl_footer_link_wrap{
        justify-content: space-between;
        width: 100%;
        margin-top: 2em;
    }
    .bl_footer_list1,
    .bl_footer_list2,
    .bl_footer_list3{
        width: 33%;
        padding-left: 0;
        text-align: left;
    }
    .bl_footer_contents_box_right img{
        width: 160px;
    }
    .el_footer_bottom_item{
        min-width: min-content;
        padding: 0 8px;
    }
    .el_footer_bottom_item a{
    font-size: 10px;
    }
    /*タブサイドバー*/
    .ly_sidebar_layout{
        display: block;
    }
    .bl_side_nav{
        display: none;
    }
    .bl_eachPages_contents{
        width: 100%;
        margin-left: 0;
    }
    body .site-footer{
        margin-left: 0;
    }
    /*タブお問い合わせ*/
    .bl_contact_form_item{
        flex-wrap: wrap;
    }
    .el_contact_form_label{
        max-width: initial;
        padding-bottom: 8px;
    }
    .el_contact_form_input{
        max-width:initial;
    }
    /*タブヘッダー*/
    .site-header{
        padding: 0;
    }
    .site-header__logo-image{
        padding: 8px;
        height: 48px;
        width: auto;
    }
    /*タブh1*/
    h1,
    .el_h1style_head{
        font-size: 24px;
        margin: 30px 0 0 30px;
    }
    .el_page_title_en{
        font-size: 12px;
    }
    .el_page_title_en::before{
        height: 24px;
        margin: 0 16px;
    }
    .el_page_title_comment{
        margin: 0px 0 0 30px;
    }
    .bl_breadcrumbs_list{
        margin: 0px 0 0 30px;
    }
    .el_title{
        font-size: 16px;
    }
  	/*タブバナーリンクここから*/
    .el_banner_link{
        padding: 16px 0 16px 10px;
    }
    .el_banner_title{
        font-size: 16px;
    }
  	/*タブデフォルト設定の相殺*/
    .grid{
        margin-left: 0;
    }
  	/*タブP-店舗のご案内ここから*/
    .bl_storeinfo_section img.el_media_mainImg{
        width: 80%;
        margin-right: auto;
    }
    .bl_storeinfo_section img.el_media_subImg:nth-of-type(2){
        width: 36%;
        left: -5%;
        top: 20%;
    }
    .bl_storeinfo_section img.el_media_subImg:nth-of-type(3){
        width: 30%;
        left: 10%;
        top: 35%;
    }
    .bl_storeinfo_section .el_yamato_logo{
        width: 180px;
    }
    .bl_storeinfo_section .bl_media_txt_wrap .el_btn{
        margin-top: 30px;
    }
    .page_storeinformation .bl_banner_wrap{
        margin-top: 80px;
    }
    .bl_media.bl_storeinfo_section{
        flex-direction: column;
        margin-bottom: 80px;
    }
    .bl_storeinfo_section .bl_media_txt_wrap,
    .bl_storeinfo_section .bl_media_img_wrap{
        width: 100%;
    }
    .bl_storeinfo_section .bl_media_txt_wrap{
        margin-top: 80px;
    }
  	/*タブP-水炊きの作り方ここから*/
    .el_howtomake_head{
        font-size: 18px;
    }
    .bl_mizutaki .bl_process_list{
        justify-content: space-between;
    }
    .bl_mizutaki .bl_process_item{
        width: 46%;
    }
    .bl_mizutaki .bl_process_item{
        margin-bottom: 32px;
    }
    .bl_sime_men .bl_process_item,
    .bl_sime_zousui .bl_process_item{
        width: 46%;
        margin-bottom: 32px;
    }
  	/*P-よくあるご質問ここから*/
    .bl_h2_faq_category{
        font-size: 20px;
    }
    /*P-プライバシーポリシーここから*/
    .el_privacypolicy_head{
        font-size: 18px;
    }
  	/*タブP-ご利用についてここから*/
    .bl_h2_aboutUse{
        font-size: 20px;
    } 
  	/*タブご注文の流れ*/
    .el_orderFlow_item{
        width: 19%;
    }
    .orderFloe_head{
        font-size: 20px;
        margin-bottom: 0;
    }
    .orderFlow_title{
        font-size: 13px;
    }
    .bl_orderFlow_image figcaption{
        font-size: 12px;
    }
  	/*タブお知らせ*/
    .ly_margin-left{
        margin-left: 30px;
    }
  	/*タブコレクションここから*/
    .bl_product_card_item{
        width: 48%;
    }
    .bl_product_card_item{
        margin-bottom: 32px;
    }
  	.bl_product_card{
        margin-bottom: 0;
    }
  	.bl_card_title{
        font-size: 16px;
        margin-bottom: 1px;
    }
    .bl_card_price{
        font-size: 13px;
        margin-bottom: 1px;
    }
    .bl_card_description{
        font-size: 12px;
    }
  	/*タブトップ*/
  	.page_index .bl_banner_link__large_text:first-of-type{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 70%;
	}
  	/*タブトップの横幅フルバナーリンク高さ*/
    .bl_banner_link__large{
        height: 30vw;
        min-height: 185px;
    }
    .bl_banner_inner{
        height: 30vw;
    }
}
/*タブここまで*/
/*スマホここから*/
@media screen and (max-width: 590px){
  	body{
        font-size: 14px;
    }
    .bl_footer_contents_box_left{
        text-align: center;
    }
  .section-header.el_mb20 {
    margin-left: 16px;
}
  	/*スマホ共通レイアウトここから*/
    .bl_section_wrap{
        margin-bottom: 32px;
    }
    .ly_section_inner{
        margin-bottom: 32px;
    }
    /*スマホ商品詳細*/
    .bl_product_media{
    /*background-color: #fcffd4;*/
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    .bl_product_media_image{
        width: 100%;
    }
    .bl_product_media_text{
        width: 100%;
    }
    .ly_N_margin{
        margin-left: 0;
    }
    .bl_product_wrap{
        margin-left: 0;
    }
    .product-single__meta--wrapper{
        margin-left: 0;
    }
    .page_product h1.product-single__title{
        margin: 16px 0;
    }
    .product-single__policies{
        margin: 0;
    }
    .product-single__media-group-wrapper .slick-dots li a:before{
        border-color: #D0D0D0;
        background-color: #D0D0D0;
    }
    .product-single__media-group-wrapper .slick-dots li.slick-active a:before{
        border-color: #756B6A;
        background-color: #756B6A;
    }
    .product-single__media-group-wrapper .slick__arrow .icon,
    .product-single__media-group-wrapper .slick__arrow.slick-disabled{
        display: none;
    }
  .product-single__media-group-wrapper {
          margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    /*h1*/
    h1,
    .el_h1style_head{
        font-size: 22px;
        margin: 30px 0 0 0px;
    }
    .el_h1style_head{
          margin: 30px 0 10px 16px;
    }
    .el_page_title_en{
        font-size: 12px;
    }
    .el_page_title_en::before{
        height: 24px;
        margin: 0 16px;
    }
    .el_page_title_comment{
        margin: 0px 0 0 0px;
    }
    .bl_breadcrumbs_list{
        margin: 16px 0 48px 0px;
    }
   .bl_eachPages_contents .grid__item {
     margin: 0;
     padding-left:0;
 }
  	/*スマホバナーリンクここから*/
    .bl_banner_item img{
        width: 30%;
        max-width: 80px;
    }
    .bl_banner_wrap{
        flex-direction: column;
    }
    .el_banner_link{
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 16px 0 16px 10px;
        margin-bottom: 20px;
        border-top: .5px solid #756B6A;
        border-bottom: .5px solid #756B6A;
    }
    .el_banner_title{
        width: 68%;
        text-align: left;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 14px;
    }
    .bl_banner_item{
        justify-content: space-between;
    }
  /*スマホトップ*/
  .bl_top_news_title_wrap{
    flex-direction: inherit;
}
  .bl_top_news_list  {
      margin: 0;
  }
  	/*デフォルト設定の相殺*/
    .grid{
        margin-left: 0;
    }
     /*スマホ共通mediaここから*/
    .bl_media{
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
    }
    .bl_media_img_wrap{
        width: 100%;
        box-sizing: border-box;
    }
    .bl_media_txt_wrap{
        width: 100%;
        box-sizing: border-box;
    }
    .bl_media_txt_wrap{
        padding: 2% 5%;
    }
    .bl_media__large{
        margin-right: 0;
    }
    .bl_media__large_img_wrap{
        width: 100%;
        max-width: none;
        margin-left: 0;
    }
    .bl_media__large_txt_wrap{
        padding: 20px;
        width: 100%;
    }
    /*スマホP-こだわりここから*/
     .bl_commit_title{
        padding: 20px 0;
        margin: 30px 10px 20px;
        position: relative;
        top: 0;
        font-size: 16px;
        font-family: serif;
        font-weight: bold;
        text-align: center;
    }
    .bl_commit_title + .el_media_txt,
    .bl_commit_title + .el_media_txt + .el_media_txt{
        position: relative;
        top: 0;
    }
    .bl_commit_title::before, .bl_commit_title::after {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
    }
    .bl_commit_title::before {
        top: 0;
        left: 0;
    }
    .bl_commit_title::after {
        bottom: 0;
        right: 0;
    }
    .bl_commit_wrap{
        margin-top: 0;
        position: relative;
    }
    :not(:last-of-type).bl_commit_wrap{
        margin-bottom: 0;
    }
    :not(:last-of-type).bl_commit_wrap::after{
        content: '';
        position: absolute;
        left: 50%;
        display: inline-block;
        width: 80%;/*線の長さ*/
        height: .2px;/*線の太さ*/
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);/*位置調整*/
        background-color: #D0D0D0;/*線の色*/
    }
    .bl_commit_wrap:nth-of-type(2) .bl_media{
        flex-direction: column;
    }
    .bl_commit_wrap:nth-of-type(1) img.el_media_subImg:nth-of-type(2){/*水炊きスープ*/
        width: 33%;
        left: auto;
        right: -30px;
        top: 30%;
    }
    .bl_commit_wrap:nth-of-type(2) img.el_media_subImg:nth-of-type(2){/*ポン酢*/
        left: -30%;
        top: 8%;
      	width: 68%;
    }
      img.setyuzu{/*yuzu*/
        left: -20%;
        top: 80%;
      	width: 68%;
    }
  	.bl_commit_wrap:nth-of-type(1) .bl_media_txt_wrap:nth-of-type(2) p,
    .bl_commit_wrap:nth-of-type(2) .bl_media_txt_wrap:nth-of-type(2) p{
        position: relative;
        z-index: 2;
      	margin-top: 24px;
      	text-shadow: #FAFAFA 0 0 4px;
    }
  	.bl_commit_wrap:nth-of-type(3) .bl_media_img_wrap{
        margin-top: 24px;
    }
    .bl_about_hakata .bl_media:nth-child(1){
        flex-direction: column;
    }
    .bl_about_hakata{
        background-image: url('//mizutaki-yamato.jp/cdn/shop/files/bg_washi.png?v=7772754770516255625');
        background-repeat: repeat;
        padding-top: 20px;
        padding-bottom: 4px;
    }
    .bl_commit_wrap .el_btn__emphasis{
      	margin-top: 20px;
    }
  /*スマホP-手作りポン酢ここから*/
    .page_ponzu .bl_media:first-of-type{
        flex-direction: column;
    }
  	/*購入ボタン（埋め込み）*/
    .ly_pc{
        display: none;
    }
    .ly_sp{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 80px;
    }
  	/*スマホP-店舗のご案内ここから*/
    .bl_storeinfo_section img.el_media_subImg:nth-of-type(3){
        top: 30%;
    }
  	.bl_storeinfo_section .el_yamato_logo{
        width: 160px;
    }
  	/*スマホP-水炊きの作り方ここから*/
    .bl_preparation .bl_process_item:first-of-type{
        width: 100%;
        margin-bottom: 32px;
    }
    .bl_preparation .bl_process_item:last-of-type{
        width: 100%;
    }
    .el_howtomake_head{
        font-size: 18px;
    }
    .bl_process_list{
        flex-direction: column;
    }
    .bl_mizutaki .bl_process_item{
        width: 100%;
    }
    .bl_mizutaki .bl_process_item{
        margin-bottom: 32px;
    }
    .bl_sime_men .bl_process_item,
    .bl_sime_zousui .bl_process_item{
        width: 100%;
        margin-bottom: 32px;
    }
    .bl_mizutaki .bl_media__medium{
          padding: 8%;
      }
  	/*スマホP-よくあるご質問ここから*/
    .bl_h2_faq_category{
        font-size: 18px;
    }
    /*スマホP-特定商取引ここから*/
    table.bl_specificCommerce_table{
        border-collapse: separate;
    }
    .bl_specificCommerce_table td{
        padding: 20px 8px;
    }
    .bl_specificCommerce_table td:first-of-type{
        font-size: 13px;
    }
    .bl_specificCommerce_table td:last-of-type{
        font-size: 14px;
    }
    .el_table_heading{
        width: 10em;
    }
  	/*スマホP-ご利用についてここから*/
    .bl_h2_aboutUse{
        font-size: 18px;
    }
  	/*スマホご注文の流れ*/
    .el_orderFlow_item{
        width: 100%;
        margin-bottom: 10px;
        background-color: #fff;
        padding: 10px;
        border-radius: 10px;
    }
  .ly_section_inner ul.bl_orderFlow_list{
        margin: 0 0 15px 5px;
  }
    .orderFloe_head{
        font-size: 16px;
    }
    .orderFlow_title{
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        position: relative;
        top: -25px;
        left: 4em;
    }
    .bl_orderFlow_list{
        flex-direction: column;
    }
    .bl_orderFlow_image img{
        margin-bottom: 4px;
        width: 20%;
    }
    .bl_orderFlow_image figcaption{
        font-size: 12px;
        text-align-last: left;
        width: 77%;
    }
    figure.bl_orderFlow_image{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -20px;
    }
  	/*スマホお知らせ*/
  	.ly_margin-left{
        margin-left: 16px;
    }
	/*スマホコレクションここから*/
    .bl_product_card_item{
        width: 46%;
    }
    .bl_card_title{
        font-size: 13px;
    }
    .bl_card_price{
        font-size: 12px;
    }
    .bl_card_description{
        font-size: 11px;
    }
    /*スマホP-水炊きセットコレクション*/
    .page_mizutakiset .bl_product_card_item{
        width: 46%;
    }
  	.page_mizutakiset .bl_product_card{
        justify-content: space-between;
    }
  	/*スマホトップ*/
  	.page_index .bl_banner_link__large_text:first-of-type{
        width: 85%;
	}
  	/*スマホトップの横幅フルバナーリンク高さ*/
    .bl_banner_link__large{
        height: 40vw;
        min-height: 185px;
    }
    .bl_banner_inner{
        height: 40vw;
    }
  	/*検索結果*/
    .el_search_result_head{
        font-size: 20px;
    }
    .grid-product__title{
        font-size: 14px;
    }
/*スマホカート*/
.bl_buy_btn_wrap {
    font-size: 0.9em;
    }
}
/*スマホここまで*/
/*スライドショーここから*/
.csslider1 {
  display: inline-block;
  position: relative;
  width: 100%;
}
.csslider1 > .cs_anchor {
    display: none;
}
.csslider1 > ul {
    position: relative;
    z-index: 1;
    font-size: 0;
    line-height: 0;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
}
.csslider1 > ul > li.img img {
    width: 100%;
}
.csslider1 > ul > li.img {
    font-size: 0pt;
    user-select: none;
}
.csslider1 > ul > li {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 15px;
    font-size: initial;
    line-height: normal;
    white-space: normal;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transform: translate3d(0,0,0);
}
.csslider1 .cs_lnk{
    position: absolute;
    top: -9999px;
    left: -9999px;
    font-size: 0pt;
    opacity: 0;
    filter: alpha(opacity=0);
}
/* /calculate autoplay */
.csslider1 > .cs_description {
    z-index: 3;
}
.csslider1 > .cs_description a,
.csslider1 > .cs_description a:visited,
.csslider1 > .cs_description a:active {
    color: inherit;
}
.csslider1 > .cs_description a:hover {
    text-decoration: none;
}
.csslider1 > .cs_description > label {
    position: absolute;
    word-wrap: break-word;
    white-space: normal;
    text-align: left;
    width: 100%;
}
.csslider1 > .cs_description > label > span {
    vertical-align: top;
}
.csslider1 > .cs_description > label span {
    display: inline-block;
}
.csslider1 > ul > li {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    opacity: 0;
    z-index: 1;
    transition: opacity 2000ms ease, transform 24000ms linear;     
}
.csslider1 > ul > li.num0 {
    opacity: 0;
    transform:  translate(-11.53846%, 11.53846%); 
}
.csslider1 > ul > li.num1 {
    opacity: 0;
    transform: translate(11.53846%, 11.53846%); 
}
.csslider1 > ul > li.num2 {
    opacity: 0;
    transform: scale(1) translate(-11.53846%, -11.53846%);     
}
.csslider1 > ul > li.num0 {
    opacity: 1;
    z-index: 2;
}
.csslider1 > .slide:checked ~ ul > li.num0 {
    opacity: 0;
    z-index: 1;
}
.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,.csslider1 > #cs_slide1_2:checked ~ ul > li.num2 {
    opacity: 1;
    transform: scale(1) translate(0, 0);
    z-index: 2;
}
/*スタート位置変更*/


/* calculate autoplay */
@keyframes kenbernsBR {
    0%, 100% { transform: scale(1); opacity: 0 }
    8.333333333333334%, 33.333333333333336% { opacity: 1 }
    41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsBL {
    0%, 100% { transform: scale(1); opacity: 0 }
    8.333333333333334%, 33.333333333333336% { opacity: 1 }
    41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsTL {
    0%, 100% { transform: scale(1); opacity: 0 }
    8.333333333333334%, 33.333333333333336% { opacity: 1 }
    41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsTR {
    0%, 100% { transform: scale(1); opacity: 0 }
    8.333333333333334%, 33.333333333333336% { opacity: 1 }
    41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
.csslider1 > #cs_play1:checked ~ ul > li.num0,
.csslider1 > #cs_pause1:checked ~ ul > li.num0 {
    animation: kenbernsTR 24000ms infinite -2000ms linear; 
}
.csslider1 > #cs_play1:checked ~ ul > li.num1,
.csslider1 > #cs_pause1:checked ~ ul > li.num1 {
    animation: kenbernsBR 24000ms infinite 6000ms linear;  
}
.csslider1 > #cs_play1:checked ~ ul > li.num2,
.csslider1 > #cs_pause1:checked ~ ul > li.num2 {
    animation: kenbernsTL 24000ms infinite 14000ms linear;    
} 
.csslider1 > #cs_play1:checked ~ ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li {
    transition: none;  
}
.csslider1.cs_pauseHover:hover > ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li{
    animation-play-state: paused !important;
}
/* stop */
.csslider1 > .slide:checked ~ ul > li {
    animation: none;
} 
/* /calculate autoplay */
.csslider1 {
    perspective: 500px;   
}
/* /calculate autoplay*/
.csslider1 > .cs_description > label {
    font-size: 24px;
    font-family: serif;
    font-weight: bold;
    line-height: normal;
    opacity: 1;
    z-index: 1;
    perspective: 500px;
}
@media screen and (max-width: 590px){
    .csslider1 > .cs_description > label {
        font-size: 18px;
    }
}
.csslider1 > .cs_description > label.num0 {/*1枚目 テキストの場所*/
    left: 60px;
    bottom: 20%;
}
.csslider1 > .cs_description > label.num1 {/*2枚目*/
    left: 20px;
    top: 10%;
}
.csslider1 > .cs_description > label.num2 {/*3枚目*/
    right: 0;
    top: 50%;
    text-align: right;
}
.csslider1 > .cs_description > label > span {
    margin: 1px 10px;
    padding: 10px;
    color: #fff; 
    overflow: hidden;
    transform-origin: 0% 0% 0px;
    border-radius: 4px;
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 {
    z-index: 2;
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr {
    opacity: 1;
    visibility: visible;
    transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transform: rotateX(0deg);    
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title {
    opacity: 1;
    visibility: visible;
    transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
    transform: rotateX(0deg); 
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper {
    opacity: 1;
    transform: translateX(0); 
}
.csslider1 > .cs_description > label > .cs_title {
    margin: 0px 10px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    /* Fallback for web browsers that doesn't support RGBa */
    background: #000;
    background-color: rgba(0,0,0,0);
    transform: rotateX(90deg);
    transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; 
    width: fit-content;
}
.csslider1 > .cs_description > label > .cs_descr {
    font-size: 0.8em;
    margin: 1px 10px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    background-color: #E34B64;
    transform: rotateX(-90deg);
    transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);    
}
.csslider1 > .cs_description > label > .cs_title > .cs_wrapper {
    transform: translateX(-100%);
    transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper {
    transform: translateX(100%);
    transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
/* calculate autoplay */
@keyframes cs_descrWrapper {
    1.53125%, 35.520833333333336%	{ z-index: 2; }
    35.530833333333334%, 100%	{ z-index: 0; }
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 {
    animation: cs_descrWrapper 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 {
    animation: cs_descrWrapper 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 {
    animation: cs_descrWrapper 24000ms infinite 14600ms ease;
}
@keyframes cs_title {
    1.53125%, 31.792083333333334%	{ opacity: 1; transform: rotateX(-9deg); z-index: 2; visibility: visible;}
    2.1875%, 31.135833333333334%	{ opacity: 1; transform: rotateX(0deg); z-index: 2; visibility: visible;}
    33.333333333333336%	{ opacity: 0; transform: rotateX(90deg); z-index: 2; visibility: hidden;}
    33.343333333333334%, 100%	{ z-index: 0; }
}
@keyframes cs_descr {
    3.0625%, 29.604583333333334%	{ opacity: 1; transform: rotateX(9deg); z-index: 1; visibility: visible;}
    4.375%, 28.948333333333334%	{ opacity: 1; transform: rotateX(0deg); z-index: 1; visibility: visible;}
    33.333333333333336%	{ opacity: 0; transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
    33.343333333333334%, 100%	{ z-index: 0; }
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_title {
    animation: cs_title 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_title {
    animation: cs_title 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_title {
    animation: cs_title 24000ms infinite 14600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_descr {
    animation: cs_descr 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_descr {
    animation: cs_descr 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_descr {
    animation: cs_descr 24000ms infinite 14600ms ease;
}
@keyframes cs_title_text {
    1.53125%, 31.792083333333334%	{ opacity: 1; transform: translateX(-1%); }
    2.1875%, 31.135833333333334%	{ opacity: 1; transform: translateX(0%); }
    33.333333333333336%	{ opacity: 0; transform: translateX(100%); }
}
@keyframes cs_descr_text {
    3.0625%, 29.604583333333334%	{ opacity: 1; transform: translateX(1%); }
    4.375%, 28.948333333333334%	{ opacity: 1; transform: translateX(0%); }
    33.333333333333336%	{ opacity: 0; transform: translateX(-100%); }
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {
    animation: cs_title_text 24000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {
    animation: cs_title_text 24000ms infinite 6810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {
    animation: cs_title_text 24000ms infinite 14810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {
    animation: cs_descr_text 24000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {
    animation: cs_descr_text 24000ms infinite 6810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {
    animation: cs_descr_text 24000ms infinite 14810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
    transition: none;   
}
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
    animation-play-state: paused !important;
}
/* stop */
.csslider1 > .slide:checked ~ .cs_description > label {
    animation: none;
}
@media
only screen and (max-width: 480px),
only screen and (max-device-pixel-ratio: 2) and (max-width: 480px),
only screen and (max-resolution: 192dpi) and (max-width: 480px),
only screen and (max-resolution: 2dppx)  and (max-width: 480px) { 
    .csslider1 > .cs_description{
        display: none;
    }
}

/* スマホ表示用のスタイル */
@media screen and (max-width: 767px) {
    .el_faq_question {
        display: flex;
        align-items: center; /* 上下中央に配置 */
        padding: 10px 30px 10px 10px;
    }

    .el_faq_question::before {
        content: 'Q';
        background-color: #756B6A;
        color: #fff;
        font-size: 20px;
        font-family: serif;
        display: inline-block;
        padding: 5px 12px;
        margin-right: 12px;
        flex-shrink: 0;
        align-self: center; /* Qを上下中央に配置 */
    }

    .el_faq_question span {
        flex: 1; /* 質問テキストが残りのスペースを占有するようにする */
    }

    .el_faq_answer {
        padding: 20px 10px 20px 50px;
    }

    .el_faq_answer::before {
        font-size: 20px;
        padding: 5px 10px;
        left: 10px;
    }

    summary {
        display: block;
        cursor: pointer;
    }

    summary::-webkit-details-marker {
        display: none;
    }

    .el_faq_question::after {
        content: '';
        width: 10px;
        height: 10px;
        border-bottom: solid 1px #756B6A;
        border-right: solid 1px #756B6A;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -5px;
        transform: rotate(45deg);
    }
  .bl_faq_list {
    margin-left: 0px;
}
}

.faq_contact {
    margin-bottom: 2.5em;
    width: 100%;
    text-align: center;
}
.faq_contact_btn {
    padding: 1em;
    background-color: #f5efed;
    width: 200px;
    text-align: center;
    margin: 0 auto;
}
.faq_pagelink {
    text-align: center;
    width: 100%;
    margin-bottom: 2.5em;
}

#sticky-cart-button {
  width: 100%;
  border: none;
  background: transparent;
  color: white;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.blog_arc {
    width:80%;
}