@charset "utf-8";
/* CSS Document イシュカ */

/* common */
.pcNone{display:none;}
.spNone{display:block;}
.marker {background: linear-gradient(transparent 60%, #ff6 60%);}
p img,dt img,div img{height: auto;}

/* btn */
.block-freepage-wrap .block-sec .arrow_btn{position: relative;padding-top: 1.8em;}
.block-freepage-wrap .block-sec .arrow_btn .block-freepage-btn a{background-image: none;position: relative;border-color: #8c8678;color: #8c8678;}
.block-freepage-wrap .block-sec .block-freepage-btn a:hover{background-color: #8c8678;background-image: none;color: #fff;}
.block-freepage-wrap .block-sec .arrow_btn a:hover:after{background-color: #8c8678;border-color: transparent transparent #fff #fff;}
.block-freepage-wrap .block-sec .arrow_btn a:after{content: '';position: absolute;width: 10px;height: 10px;border: 2px solid;border-color: transparent transparent #8c8678 #8c8678;transform: rotate(-45deg);top: 12px;right: 5%;color: #fff;}
/* btn(右矢印) */
.block-freepage-wrap .block-sec .arrow_right a:after{top: 14px;border-color: transparent #8c8678 #8c8678 transparent;}
/*.block-freepage-wrap .block-sec .arrow_right a:hover{opacity: 0.7; }*/
.block-freepage-wrap .block-sec .arrow_right a:hover:after{border-color: transparent #fff #fff transparent;}
.arrow_btn a:visited{color: #8c8678;}

.ttl_img{padding-bottom: 1em;}

/* イシュカのこだわり */
.sec_summary h2 span{color: #01a19f;}
.sec_summary ul{display: flex;justify-content: center;flex-wrap: wrap;align-content: center;gap: 2rem;background-image: url(/campaign/event/fb0031/foods_bg.jpg); background-size: cover;background-position: center;aspect-ratio: 32 / 15; }/* アスペクト比を保持してレスポンシブ */
.sec_summary ul li{background-color: #fff3ca;width: 30vw;height: 30vw;max-width: 300px;max-height: 300px;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.sec_summary ul li h3{color: #ff8e23;font-weight: bold;font-size: 1.6em;letter-spacing: .05em;}
.sec_summary ul li p{margin: 1em;}
.sec_summary .summary_txt{padding-top: 1em;}

.sub_ttl{font-size: 20px;font-weight: bold;color: #ffffff;margin: 2.4em 0 1em 0;padding: 0.6em 0.3em 0.6em 0.8em;background: #68c0b7;letter-spacing: 0.07em;}
.flex_box{display: flex;justify-content: center;gap: 29.25px;}

/* point */
.sec_point1 .sec_img img{max-width: 600px;}
.sec_point1 .rice{background-color: #d8c5aa;padding: 1em 2.5em 2.5em;border-radius: 20px;margin-top: 1.5em;}
.sec_point1 .rice h4{font-size: 20px;color: #fff;text-align: center;padding: 1em 0;}
.sec_point1 .rice .sec_txt{width: 50%;line-height: 2.5;}
.sec_point2 .sec_img img{max-width: 600px;}

/* レシピ紹介 */
.sec_sku h3{font-size: 20px;}
.sec_sku .flex_box{justify-content: space-between;}
.sec_sku li{padding-bottom: .8em;}
.sec_sku li:nth-of-type(2) h3{background-color: #72533e;}
.sec_sku li:nth-of-type(3) h3{background-color: #a1ae43;}
.sec_sku li:nth-of-type(4) h3{background-color: #ff983e;}
.sec_sku li:nth-of-type(5) h3{background-color: #e2794d;}
.sec_sku li:nth-of-type(6) h3{background-color: #fe9382;}
.sec_sku li:nth-of-type(7) h3{background-color: #8cbbf8;}
.sec_sku h3{background-color: #9fd4cf;}
.sec_sku p.sec_txt{padding-bottom: .8em;}
.sec_sku .list_box{border: #d8c5aa solid 1px;padding: 1em 1.5em 0;border-radius: 20px;background-color: #d8c5aa17;}
.sec_sku .list_box p{color: #918471;border-bottom: #d8c5aa solid 1px;display: inline-block;margin-bottom: 0;line-height: 1.7;}
.sec_sku ul.list_target{list-style-type: none;padding-top: .5em;}
.sec_sku ul.list_target li{position: relative;line-height: 1.8;padding-left: 1.5em;}
.sec_sku ul.list_target li::after{content: '';display: block;position: absolute;top: .5em;left: 0;width: 10px;height: 5px;border-left: 3px solid #d8c5aa;border-bottom: 3px solid #d8c5aa;transform: rotate(-45deg);}
.sec_sku img{max-width: 750px;}
.sec_sku .sku_detail{width: 450px;}

.sec_lastly{border-top: #ccc5bf solid 1px;padding-top: 3.5em;}
.sec_lastly .obj_center{text-align: center;padding-top: 2em;}
.sec_lastly .btn_link{margin-top: 3em;}

/* 円サイズの微調整 */
@media screen and (max-width: 1350px){
	.sec_point1 ul{row-gap: 0;}
	.sec_point1 ul li{max-width: 240px;max-height: 240px;margin: 1em 0;}
}
@media screen and (max-width: 1023px){
	.sec_point1 .sec_img img,
	.sec_point2 .sec_img img{max-width: 400px;}
	/* レシピ紹介 */
	.sec_sku ul .flex_box{flex-direction: column-reverse;;gap: 0;}
}

/* ============for SP============ */
@media screen and (max-width: 767px) {
    /* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	.block-freepage-wrap .block-sec-inner{margin-bottom :5em;}

    /* btn */
    .block-freepage-wrap .block-sec .arrow_btn a:hover{background-color: #fff;}
    .block-freepage-wrap .block-sec .arrow_btn a:hover:after{background-color: #fff;border-color: transparent transparent #1797ba #1797ba;}
	/* btn(右矢印) */
	.block-freepage-wrap .block-sec .arrow_right .block-freepage-btn a:hover{color: #1797ba;}
	.block-freepage-wrap .block-sec .arrow_right .block-freepage-btn a:after{color: #1797ba;}
	.block-freepage-wrap .block-sec .arrow_right a:hover:after{border-color: transparent #1797ba #1797ba transparent;color: #1797ba;}
	
	/* イシュカのこだわり */
	.sec_summary ul{flex-wrap: nowrap;flex-direction: column;gap:0;}
	.sec_summary ul li{flex-wrap: wrap;background: none;width: 70%;text-align: left;padding-left: 1em;}
	.sec_summary ul li h3{font-size: 17px;background-color: #fff3ca;width: 22vw;height: 22vw;max-width: 300px;max-height: 300px;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;line-height: 1.3;}
	.sec_summary ul li p{margin: .5em;text-align: left;text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #FFF, 1px -1px 0 #fff;font-weight: bold;letter-spacing: .05em;}
	
	/* point */
	.sec_point1 .flex_box{flex-direction: column;}
	.sec_point1 .sec_img img{max-width: 100%;}
	.sec_point1 .point_txt{line-height: 2;}
	.sec_point1 .rice .sec_txt{width: 100%;}
	.rice .flex_box{row-gap: 10px;}
	
	.sec_point2 .flex_box{flex-direction: column;}
	.sec_point2 .sec_img img{max-width: 100%;}
	
	/* レシピ紹介 */
	.sec_sku h3{font-size: 17px;}
	.sec_sku .sku_box{padding-bottom:2em;}
	.sec_sku .sec_type_img img{width: 100%;}
	.sec_sku ul .flex_box .sec_type_img{margin-top: 0;}
	.sec_sku ul.list_target li{line-height: 1.6;}
	.sec_sku .sku_box p.sec_txt{margin-bottom: .5em;padding-top: 1em;}
	#wrap .sec_sku ul.list_target{margin-top: .8em;}
	.sec_sku .sku_detail{width: auto;}

}