/* 全頁共通CSS */

*{
    margin: 0;
    padding: 0;
}
*,
*::before, *::after{
    box-sizing: inherit;
}
body{
    box-sizing: border-box;
    color: #231815;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(1rem, 0.556rem + 0.93vw, 1.25rem); /* 16~20px */
    line-height: 2;
    letter-spacing: 1px;
    overflow-x: hidden!important;
    -webkit-text-size-adjust: 100%;
}
body.active{
    width: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden!important;
    overscroll-behavior: none;    
}
img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
    color: #231815;
    text-decoration: none;
    word-wrap:break-word;
    transition: 0.3s;
}
a:hover{
    opacity: 0.7;
}
*:focus {
    outline: none;
}

/*--------------------------------------------------------
    ヘッダー
--------------------------------------------------------*/
.ly_header{
    margin-bottom: clamp(40px,8vw,140px);
    position: relative;
    width: 100%;
}
.ly_header::after{
    background-image: url("../img/icon_spacer.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
}
.ly_header .bl_inner{
    padding: clamp(15px,8vw,100px) clamp(15px,2vw,30px);
}
.el_headerLogo{
    display: block;
    margin: 0 auto 20px;
    max-width: 400px;
    width: 50%;
}
.ly_header .el_catchcopy{
    font-size: clamp(1rem, -0.556rem + 3.24vw, 1.875rem); /* 16~30px */
    font-weight: bold;
    text-align: center;
    margin: 0 auto 40px;
}
.ly_header p{
    font-size: clamp(1rem, 0.111rem + 1.85vw, 1.5rem); /* 16~24px */
    width: 100%;
}
.ly_header p br{
    display: none;
}
@media (min-width:768px){
    .el_headerLogo{
        width: 30%;
    }
    .ly_header p{
        text-align: center;
    }
    .ly_header p br{
        display: block;
    }
}
@media (min-width:1200px){
    .el_headerLogo{
        width: 100%;
    }
}

/*========== ツーライン共通ヘッダ ==========*/
/* ヘッダーコンテナ */
.bl_headerFixed{
    position: relative;
    width: 100%;
    height: 100px;
}

/* ロゴ */
.bl_headerFixed .el_twolineLogo{
    max-width: 50px;
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
}


.bl_headerLink,
.bl_mvLink{
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: clamp(15px, .938vw, 20px);
    -webkit-text-size-adjust: 100%;
    color: #1a1a1a;
    letter-spacing: 1.5px;
}

.bl_headerLink,
.bl_headerLink ul{
	display: flex!important;
	justify-content: flex-end;
	align-items: center;
}
.bl_headerLink{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.bl_headerLink ul{
	margin: 0 auto;
	background-color: hsla(48, 33%, 97%, .5);
	border-radius: 30px;
	border: 1px solid #1a1a1a;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	pointer-events: auto;
	line-height: 1.2;
    list-style: none;
}
.bl_headerLink .el_construction a,
.bl_headerLink .el_agriculture{
	display: inline-block;
	padding:4px 10px;
	font-size: 13px;
}
.bl_headerLink .el_agriculture{
	cursor: pointer;
	background-color: #ccc;
	border-radius: 30px;
}
.hp_ffDIN{
    font-family: din-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
}
@media (min-width:960px){
    .bl_headerLink{
        display: none!important;
    }
}

/* #sec_mv　右上各リンク */
.bl_mvLink{
	display: none;
}
@media (min-width: 960px) {
	.bl_mvLink{
		font-weight: 700;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		line-height: 1.5!important;
		position: absolute;
		top: 30px;
		right: 30px;
		z-index: 10;
	}
    .bl_mvLink ul{
        list-style: none;
    }
    .bl_mvLink__twoline .el_construction a,
    .bl_mvLink__twoline .el_agriculture{
        display: inline-block;
        padding: min(.5vw, 8px) min(1.5vw, 30px);
        font-size: clamp(13px, 1.15vw, 18px);
    }
	.bl_mvLink__twoline{
		display: flex;
		align-items: center;
		margin: 0 auto;
		margin-right: .5rem;
		background-color: hsla(48, 33%, 97%, .5);
		border-radius: 30px;
		border: 1px solid #1a1a1a;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		pointer-events: auto;
	}
	.bl_mvLink__twoline span{
		padding-left: 5px;
		font-size: 13px;
		font-weight: 300;
	}
	.el_agriculture{
		cursor: pointer;
		background-color: #ccc;
		border-radius: 30px;
	}
	/* #sec_mv　SNSリンク */
	.bl_mvLink__sns{
		display: flex;
		align-items: center;
		margin: 0;
		padding-top: 5px;
	}
	.bl_mvLink__sns li{
		padding-left: .5rem; 
	}
	.bl_mvLink__sns svg{
		width: min(3.25vw,50px);
		height: min(3.25vw,50px);
		fill: #1a1a1a;
	}
}

/*--------------------------------------------------------
    Yasso
--------------------------------------------------------*/
/*========== コンテナ ==========*/
.bl_yassoCont .bl_cont{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 clamp(15px,2vw,30px);
}
.bl_yassoCont .bl_cont+.bl_cont{
    margin-top: clamp(100px,12vw,140px);
}
.bl_yassoCont .bl_cont p+p{
    margin-top: 20px;
}
.bl_yassoCont .hp_txtCenter br{
    display: none;
}
@media (min-width:768px){
    .bl_yassoCont .hp_txtCenter br{
        display: block;
    }
}
@media (min-width:1350px){
    .bl_yassoCont .bl_cont{
        padding: 0;
    }
}

/*========== 見出し ==========*/
.bl_yassoCont .bl_cont h2{
    font-size: clamp(1.625rem, 0.514rem + 2.31vw, 2.25rem); /* 26~36px */
    text-align: center;
    margin-bottom: 60px;
    line-height: 1.4;
    position: relative;
}
.bl_yassoCont .bl_cont h2::after{
    background-image: url("../img/icon_spacer.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 5px;
}
.bl_yassoCont .bl_cont *+h2{
    margin-top: 80px;
}
.bl_yassoCont .bl_cont h3{
    font-size: clamp(1.375rem, 0.486rem + 1.85vw, 1.875rem); /* 22~30px */
    line-height: 1.6;
    margin-bottom: 20px;
}

/*========== 幅1000px ==========*/
.bl_yassoCont .bl_aboutText{
    max-width: 980px;
    margin: 0 auto;
}

/*========== 画像 ==========*/
.bl_yassoCont figure{
    margin: 20px auto;
}
.bl_yassoCont figure img{
    border-radius: 20px;
    width: 100%;
}
.bl_yassoCont figure+p{
    font-size: clamp(1.25rem, 0.806rem + 0.93vw, 1.5rem); /* 20~24px */
}

/*========== ボタン ==========*/
.bl_yassoCont .el_btn{
    background-color: #fff;
    border: 3px solid #231815;
    border-radius: 60px;
    color: #231815;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s;
    margin: 0 auto;
    max-width: 260px;
    width: 100%;
    height: 60px;
}
.bl_yassoCont *+.el_btn{
    margin-top: 20px;
}
.bl_yassoCont .el_btn:hover{
    background-color: #231815;
    color: #fff;
    opacity: 1;
}
.bl_yassoCont .bl_btnCont .el_btn.cart{
    background-color: #231815;
    border: 3px solid #231815;
    color: #fff;
}
.bl_yassoCont .bl_btnCont .el_btn.cart:hover{
    background-color: #fff;
    color: #231815;
}

/*========== flex ==========*/
.bl_yassoCont .bl_flexCont{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 30px;
}
.bl_yassoCont .bl_flexCol{
    width: 48%;
}
.bl_yassoCont .bl_flexCol+.bl_flexCol{
    margin: 0;
}
.bl_yassoCont .bl_flexCol:nth-child(n+3){
    margin-top: 30px;
}
.bl_yassoCont .bl_cont .bl_flexCol p{
    font-size: clamp(1rem, 0.333rem + 1.39vw, 1.375rem)!important; /* 16~22px */
    text-align: center;
    margin-top: 10px;
}
.bl_yassoCont .bl_cont .bl_flexCol .bl_btnCont{
    margin-top: auto;
}
@media (min-width:768px){
    .bl_yassoCont .bl_flexCol{
        width: 22%;
    }
    .bl_yassoCont .bl_flexCol:nth-child(n+3){
        margin: 0;
    }
    .bl_yassoCont .bl_flexCol:nth-child(n+5){
        margin-top: 30px;
    }
}

/*--------------------------------------------------------
    きくらげ紹介
--------------------------------------------------------*/
/*========== コンテナ ==========*/
.bl_kikurageCont{
    font-family: "fot-tsukubrdgothic-std", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-top: 80px;
}
.bl_kikurageCont .bl_cont{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}
.bl_kikurageCont .bl_cont p+p{
    margin-top: 20px;
}
.bl_kikurageCont .bl_cont a{
    color: #000;
    text-decoration: none;
}
@media (min-width:768px){
    .bl_kikurageCont .bl_cont{
        padding: 0 30px;
    }
}
@media (min-width:1450px){
    .bl_kikurageCont .bl_cont{
        padding: 0;
    }
}

/*========== ボタン ==========*/
.bl_kikurageCont .bl_cont .el_btn{
    border-radius: 60px;
    display: block;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    transition: 0.3s;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 0;
}
.bl_kikurageCont .bl_cont *+.el_btn{
    margin-top: 40px;
}
.bl_kikurageCont .bl_cont .el_btn:hover{
    opacity: 0.5;
}

/*========== about ==========*/
.bl_kikurageCont .bl_about{
    background-color: #fcfbda;
    width: 100%;
    padding: 100px 0 80px;
    position: relative;
}
.bl_kikurageCont .bl_about p{
    color: #906f31;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 auto;
    line-height: 1.8;
}
.bl_kikurageCont .bl_about figure{
    margin-top: 30px;
    padding-right: 15px;
}
@media (max-width:374px){
    .bl_kikurageCont .bl_about p{
        font-size: 16px;
    }
}
@media (min-width:768px){
    .bl_kikurageCont .bl_about{
        padding: 120px 0 80px;
    }
    .bl_kikurageCont .bl_about p{
        font-size: 20px;
        margin: 0 0 0 auto;
        line-height: 2;
    }
    .bl_kikurageCont .bl_about figure{
        margin-top: 0;
        padding-right: 0;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 40%;
    }
}
@media (min-width:1024px){
    .bl_kikurageCont .bl_about p{
        font-size: 24px;
        line-height: 2;
    }
    .bl_kikurageCont .bl_about figure{
        width: 45%;
    }
}
@media (min-width:1200px){
    .bl_kikurageCont .bl_about{
        padding: 160px 0;
    }
    .bl_kikurageCont .bl_about p{
        font-size: 24px;
        line-height: 2.2;
    }
    .bl_kikurageCont .bl_about figure{
        max-width: 780px;
        width: 45%;
    }
}
@media (min-width:1300px){
    .bl_kikurageCont .bl_about p{
        font-size: 26px;
    }
}
@media (min-width:1400px){
    .bl_kikurageCont .bl_about p{
        font-size: 26px;
        line-height: 2.4;
    }
}
@media (min-width:1600px){
    .bl_kikurageCont .bl_about p{
        font-size: 28px;
    }
    .bl_kikurageCont .bl_about figure{
        width: 45%;
    }
}
@media (min-width:1900px){
    .bl_kikurageCont .bl_about p{
        font-size: 32px;
        line-height: 2.4;
    }
}

/*========== きくらげについて ==========*/
.bl_kikurageCont .bl_kikurage{
    background-color: #538595;
    padding: 40px 0;
}
.bl_kikurageCont .bl_kikurage h2{
    margin-bottom: 40px;
}
.bl_kikurageCont .bl_kikurage h2 img{
    margin: 0;
    max-width: 480px;
    width: 80%;
}
.bl_kikurageCont .bl_kikurage .pc{
    display: none;
}
@media (min-width:768px){
    .bl_kikurageCont .bl_kikurage{
        padding: 120px 0;
    }
    .bl_kikurageCont .bl_kikurage h2{
        margin-bottom: 60px;
    }
    .bl_kikurageCont .bl_kikurage h2 img{
        width: 60%;
    }
}
@media (min-width:1200px){
    .bl_kikurageCont .bl_kikurage .bl_cont{
        position: relative;
    }
    .bl_kikurageCont .bl_kikurage h2{
        position: absolute;
        top: 0;
        left: 30px;
        width: 90%;
    }
    .bl_kikurageCont .bl_kikurage .sp{
        display: none;
    }
    .bl_kikurageCont .bl_kikurage .pc{
        display: block;
    }
}
@media (min-width:1450px){
    .bl_kikurageCont .bl_kikurage h2{
        left: 0;
    }
}

/*========== ツーラインについて ==========*/
.bl_kikurageCont .bl_twoline .bl_bg{
    background-image: url("../img/kikurage/img_bg01.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
    z-index: -1;
}
.bl_kikurageCont .bl_twoline .bl_inner{
    background-image: url("../img/kikurage/img_bg02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100vh;
}
.bl_kikurageCont .bl_twoline .bl_cont.pc{
    display: none;
}
.bl_kikurageCont .bl_twoline h2{
    margin-bottom: 30px;
    width: 90%;
}
.bl_kikurageCont .bl_twoline p{
    color: #FCFBDA;
    margin: 0 auto;
}
.bl_kikurageCont .bl_twoline span{
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
}
@media (max-width:374px){
    .bl_kikurageCont .bl_twoline p{
        line-height: 1.8;
    }
}
@media (max-width:409px){
    .bl_kikurageCont .bl_twoline p{
        font-size: 16px;
    }
}
@media (min-width:768px){
    .bl_kikurageCont .bl_twoline .bl_inner{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100vh;
        padding: 0;
    }
    .bl_kikurageCont .bl_twoline .bl_cont.sp{
        display: none;
    }
    .bl_kikurageCont .bl_twoline .bl_cont.pc{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin: 0;
        width: 100%;
    }
    .bl_kikurageCont .bl_twoline h2{
        margin-top: 0;
        margin-left: 40px;
        width: 40px;
        order: 2;
    }
    .bl_kikurageCont .bl_twoline p{
        display: inline-block;
        font-size: 24px;
        line-height: 2;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        margin: 0;
        order: 1;
    }
}
@media (min-width:1024px){
    .bl_kikurageCont .bl_twoline p{
        font-size: 24px;
    }
}
@media (min-width:1200px){
    .bl_kikurageCont .bl_twoline .bl_cont.pc{
        margin: 0 auto;
    }
    .bl_kikurageCont .bl_twoline p{
        font-size: 20px;
        line-height: 3;
    }
}
@media (min-width:1600px){
    .bl_kikurageCont .bl_twoline p{
        font-size: 24px;
    }
}

/*========== 入善について ==========*/
.bl_kikurageCont .bl_nyuzen .bl_inner{
    background-image: url("../img/kikurage/img_bg04.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100vh;
}
.bl_kikurageCont .bl_nyuzen .bl_cont.pc{
    display: none;
}
.bl_kikurageCont .bl_nyuzen h2{
    margin-bottom: 30px;
    width: 70%;
}
.bl_kikurageCont .bl_nyuzen p{
    color: #FCFBDA;
    margin: 0 auto;
}
.bl_kikurageCont .bl_nyuzen span{
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
}
@media (max-width:374px){
    .bl_kikurageCont .bl_nyuzen p{
        line-height: 1.8;
    }
}
@media (max-width:409px){
    .bl_kikurageCont .bl_nyuzen p{
        font-size: 16px;
    }
}
@media (min-width:768px){
    .bl_kikurageCont .bl_nyuzen .bl_inner{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100vh;
        padding: 0;
    }
    .bl_kikurageCont .bl_nyuzen .bl_cont.sp{
        display: none;
    }
    .bl_kikurageCont .bl_nyuzen .bl_cont.pc{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin: 0;
        width: 100%;
    }
    .bl_kikurageCont .bl_nyuzen h2{
        margin-top: 0;
        margin-left: 40px;
        width: 150px;
        order: 2;
    }
    .bl_kikurageCont .bl_nyuzen p{
        display: inline-block;
        font-size: 24px;
        line-height: 2;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        margin: 0;
        order: 1;
    }
}
@media (min-width:1024px){
    .bl_kikurageCont .bl_nyuzen p{
        font-size: 24px;
    }
}
@media (min-width:1200px){
    .bl_kikurageCont .bl_nyuzen .bl_cont.pc{
        margin: 0 auto;
    }
    .bl_kikurageCont .bl_nyuzen p{
        font-size: 20px;
        line-height: 3;
    }
}
@media (min-width:1600px){
    .bl_kikurageCont .bl_nyuzen p{
        font-size: 24px;
        line-height: 3;
    }
}

/*========== おいしい食べ方 ==========*/
.bl_kikurageCont .bl_howtoeat{
    background-color: #F3A692;
    padding: 80px 0;
}
@media (min-width:768px){
    .bl_kikurageCont .bl_howtoeat{
        padding: 120px 0;
    }
}

/* 見出し */
.bl_kikurageCont .bl_howtoeat h2{
    margin: 0 auto;
    width: 90%;
}
@media (min-width:768px){
    .bl_kikurageCont .bl_howtoeat h2{
        max-width: 550px;
        width: 100%;
    }
}

/* flex */
.bl_kikurageCont .bl_howtoeat .bl_flexCont{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 80px auto;
    max-width: 1300px;
}
.bl_kikurageCont .bl_howtoeat .bl_flexCol{
    width: 100%;
}
.bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol{
    margin-top: 80px;
}
@media (min-width:1024px){
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol{
        margin-top: 60px;
    }
}
@media (min-width:1200px){
    .bl_kikurageCont .bl_howtoeat .bl_flexCont{
        align-items: flex-start;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol{
        width: 420px;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol{
        margin-top: 0;
        width: 720px;
    }
}
@media (min-width:1300px){
    .bl_kikurageCont .bl_howtoeat .bl_flexCol{
        width: 440px;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol{
        width: 780px;
    }
}
@media (min-width:1400px){
    .bl_kikurageCont .bl_howtoeat .bl_flexCol{
        width: 440px;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol{
        width: 820px;
    }
}

/* bl_flexInner */
.bl_kikurageCont .bl_howtoeat .bl_flexInner .el_img{
    margin-top: 30px;
}
@media (min-width:768px){
    .bl_kikurageCont .bl_howtoeat .bl_flexInner{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner{
        justify-content: space-between;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexInner .el_title{
        width: 70px;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexInner .el_img{
        margin-top: 0;
        margin-left: 30px;
        width: 45%;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexInner .el_img figure{
        width: 250px;
        margin: 0 auto;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexInner .el_img img{
        width: 100%;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner .el_img{
        margin-left: 0;
        width: 40%;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner .el_img+.el_img{
        width: 48%;
    }
}
@media (min-width:1024px){
    .bl_kikurageCont .bl_howtoeat .bl_flexInner .el_img{
        width: 35%;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner .el_img{
        width: 40%;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner .el_img+.el_img{
        width: 40%;
    }
}
@media (min-width:1200px){
    .bl_kikurageCont .bl_howtoeat .bl_flexInner .el_img{
        margin-left: 0;
        width: 320px;
    }
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner .el_img+.el_img,
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner .el_img{
        margin-left: 0;
        width: 320px;
    }
}
@media (min-width:1400px){
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner .el_img,
    .bl_kikurageCont .bl_howtoeat .bl_flexCol+.bl_flexCol .bl_flexInner .el_img+.el_img{
        width: 370px;
    }
}

/* 中身 */
.bl_kikurageCont .bl_howtoeat h3.pc{
    display: none;
}
.bl_kikurageCont .bl_howtoeat h3{
    margin: 0 auto;
    width: 80%;
}
.bl_kikurageCont .bl_howtoeat p{
    color: #493627;
    text-align: center;
    font-size: 18px;
}
.bl_kikurageCont .bl_howtoeat ul{
    list-style: none;
    margin-top: 10px;
}
.bl_kikurageCont .bl_howtoeat li{
    color: #493627;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 18px;
}
.bl_kikurageCont .bl_howtoeat li+li{
    margin-top: 15px;
}
.bl_kikurageCont .bl_howtoeat li::before{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 70px;
    height: 30px;
}
.bl_kikurageCont .bl_howtoeat li:first-child::before{
    background-image: url("../img/kikurage/icon_howtoeat01.png");
}
.bl_kikurageCont .bl_howtoeat li:nth-child(2)::before{
    background-image: url("../img/kikurage/icon_howtoeat02.png");
}
.bl_kikurageCont .bl_howtoeat li:last-child::before{
    background-image: url("../img/kikurage/icon_howtoeat03.png");
}
@media (min-width:768px){
    .bl_kikurageCont .bl_howtoeat h3.sp{
        display: none;
    }
    .bl_kikurageCont .bl_howtoeat h3.pc{
        display: block;
    }
}

/* ボタン */
.bl_kikurageCont .bl_howtoeat .fadein:last-child{
    transition-delay: inherit!important;
}
.bl_kikurageCont .bl_howtoeat .el_btn{
    display: block;
    max-width: 420px;
    margin: 0 auto;
    padding: 0;
}

/*========== レシピ ==========*/
.bl_kikurageCont .bl_recipe{
    background-color: #FCFBDA;
    padding: 80px 0;
}
@media (min-width:768px){
    .bl_kikurageCont .bl_recipe{
        padding: 120px 0;
    }
}

/* flex */
.bl_kikurageCont .bl_recipe .bl_flexCont{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.bl_kikurageCont .bl_recipe .bl_flexCol+.bl_flexCol{
    margin-top: 60px;
}
@media (min-width:1200px){
    .bl_kikurageCont .bl_recipe .bl_flexCol{
        width: 30%;
    }
    .bl_kikurageCont .bl_recipe .bl_flexCol+.bl_flexCol{
        margin-top: 0;
        width: 65%;
    }
}
@media (min-width:1400px){
    .bl_kikurageCont .bl_recipe .bl_flexCol{
        width: 38%;
    }
    .bl_kikurageCont .bl_recipe .bl_flexCol+.bl_flexCol{
        margin-top: 0;
        width: 58%;
    }
}

/* 見出し・テキスト・ボタン */
.bl_kikurageCont .bl_recipe h2{
    margin-bottom: 30px;
    width: 80%;
}
.bl_kikurageCont .bl_recipe p{
    color: #906F31;
}
.bl_kikurageCont .bl_recipe .el_btnCont{
    margin: 120px auto 0;
    max-width: 300px;
    position: relative;
}
.bl_kikurageCont .bl_recipe .el_btnCont::before{
    background-image: url("../img/kikurage/img_recipe-btn-before.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 300px;
    height: 50px;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}
.bl_kikurageCont .bl_recipe .el_btn{
    background-color: #906F31;
    color: #FCFBDA;
    font-size: 20px;
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: bold;
    font-style: normal;
    padding: 20px 0;
    position: relative;
}
.bl_kikurageCont .bl_recipe .el_btn::before{
    background-image: url("../img/kikurage/icon_instagram.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
@media (min-width:768px){
    .bl_kikurageCont .bl_recipe .left{
        position: relative;
    }
    .bl_kikurageCont .bl_recipe h2{
        max-width: 400px;
        width: 100%;
    }
    .bl_kikurageCont .bl_recipe p{
        font-size: 20px;
    }
    .bl_kikurageCont .bl_recipe .el_btnCont{
        margin: 120px 0 0;
    }
}

/* レシピ一覧 */
.bl_kikurageCont .bl_recipeList .bl_flexCol{
    width: 100%;
}
.bl_kikurageCont .bl_recipeList .bl_flexCol img{
    width: 90%;
}
.bl_kikurageCont .bl_recipeList .bl_flexCol p{
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
}
.bl_kikurageCont .bl_recipeList+p{
    font-size: 24px;
    margin-top: 10px;
}
@media (min-width:768px){
    .bl_kikurageCont .bl_recipeList .bl_flexCol{
        width: 30%!important;
    }
    .bl_kikurageCont .bl_recipeList .bl_flexCol+.bl_flexCol{
        margin-top: 0;
    }
    .bl_kikurageCont .bl_recipeList .bl_flexCol:nth-child(n+4){
        margin-top: 40px;
    }
    .bl_kikurageCont .bl_recipeList .bl_flexCol p,
    .bl_kikurageCont .bl_recipeList+p{
        font-size: 20px;
    }
    .bl_kikurageCont .bl_recipeList .bl_flexCol img{
        width: 100%;
    }
}
@media (min-width:1200px){
    .bl_kikurageCont .bl_recipeCont{
        position: relative;
    }
    .bl_kikurageCont .bl_recipeList::after{
        content: '';
        display: block;
        width: 23%;
    }
    .bl_kikurageCont .bl_recipeList .bl_flexCol{
        width: 23%!important;
    }
    .bl_kikurageCont .bl_recipeList .bl_flexCol:nth-child(n+4){
        margin-top: 0;
    }
    .bl_kikurageCont .bl_recipeList .bl_flexCol:nth-child(n+5){
        margin-top: 40px;
    }
    .bl_kikurageCont .bl_recipeList .bl_flexCol p,
    .bl_kikurageCont .bl_recipeList+p{
        font-size: 18px;
    }
    .bl_kikurageCont .bl_recipeList+p{
        position: absolute;
        bottom: 30px;
        right: 30px;
        margin: 0;
    }
}

/*--------------------------------------------------------
    ページトップボタン・ショップボタン
--------------------------------------------------------*/
/* コンテナ */
.bl_bottomMenu{
    display: none;
    padding: 10px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 900;
}
.bl_bottomMenu .bl_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
@media (min-width:768px){
    .bl_bottomMenu{
        padding: 0;
        bottom: 20px;
    }
    .bl_bottomMenu .bl_inner{
        justify-content: center;
    }
}

/* ショップボタン */
.el_cartBtn{
    background-color: #231815;
    border: 3px solid #231815;
    border-radius: 60px;
    box-shadow: 0px 10px 15px -5px #777777;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    transition: 0.3s;
    width: calc( 100% - 100px );
    height: 60px;
}
.el_cartBtn::before{
    background-image: url("../img/icon_cart.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
    display: block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
.el_cartBtn:hover{
    background-color: #fff;
    color: #231815;
    opacity: 1;
}
.el_cartBtn:hover::before{
    background-image: url("../img/icon_cart-hover.png");
}
@media (min-width:768px){
    .el_cartBtn{
        font-size: 28px;
        width: 500px;
        height: 80px;
    }
    .el_cartBtn::before{
        width: 40px;
        height: 40px;
    }
}

/* ページトップボタン */
.bl_pageTop{
    margin: auto;
    text-align: center;
    text-decoration: none;
    width: 80px;
    height: 80px;
    z-index: 900;
}
.bl_pageTop a{
    background-color: #231815;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    position: relative;
    width: 100%;
    height: 100%;
}
.bl_pageTop a span{
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}
.bl_pageTop a::before{
    background-image: url("../img/icon_pagetop.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 25px;
    height: 25px;
}
.bl_pageTop a:hover{
    opacity: 0.5;
}
@media (min-width:768px){
    .bl_pageTop{
        position: fixed;
        right: 20px;
        bottom: 20px;
    }
}

/*--------------------------------------------------------
    フッター
--------------------------------------------------------*/
.ly_footer{
    font-size: clamp(0.875rem, 0.431rem + 0.93vw, 1.125rem); /* 14~18px */
    text-align: center;
    margin-top: clamp(80px,20vw,140px);
    padding: 0 clamp(15px,2vw,30px) 100px;
}
.ly_footer .el_footerLogo{
    margin: 0 auto 20px;
    max-width: 160px;
    width: 100%;
}
.ly_footer .bl_btnCont{
    margin: 30px auto;
}
.ly_footer .el_btn{
    font-size: 16px;
    max-width: 500px;
}
.ly_footer .el_btn:hover{
    background-color: #231815;
}
.ly_footer .el_address{
    margin-bottom: 10px;
}
@media (min-width:768px){
    .ly_footer{
        padding-bottom: 120px;
    }
    .ly_footer .el_btn{
        font-size: 18px;
    }
}

/*--------------------------------------------------------
    ヘルパー
--------------------------------------------------------*/
/* 文章の揃え */
.hp_txtLeft{
    text-align: left !important;
}
.hp_txtRight{
    text-align: right !important;
}
@media (min-width:768px){
    .hp_txtCenter{
        text-align: center !important;
    }
}