@charset "utf-8";
/* オネストキッチンクランチCSS Document */

/*common*/
.pcNone{display:none;}
.spNone{display:block;}
.marker{background: linear-gradient(transparent 60%, #ff6 60%);}
.obj_center{text-align: center;}
.txt_bold{font-weight: bold;}
.wavy_line{text-decoration: #7fccc5 wavy underline;}
.bg_beige{background-color: #ece2d9;}

.btn_link_pink a{background-color: #c60e3b;color: #FFF;}


/* リボン */
.ribbon01{display: inline-block;position: relative;height: 50px;line-height: 50px;text-align: center;padding: 0 30px;font-size: 18px;background: #7fccc5;color: #FFF;box-sizing: border-box;}
.ribbon01:before, .ribbon01:after{position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
.ribbon01:before{top: 0;left: 0;border-width: 25px 0px 25px 15px;border-color: transparent transparent transparent #fff;border-style: solid;}
.ribbon01:after{top: 0;right: 0;border-width: 25px 15px 25px 0px;border-color: transparent #fff transparent transparent;border-style: solid;}

/* ストライプ */
.stripe{background-image: repeating-linear-gradient(-45deg, #fff8df, #fff8df 5px, transparent 5px, transparent 10px);}


.sub_ttl{font-size: 20px;font-weight: bold;color: #ffffff;margin: 2.4em 0 1em 0;padding: 0.8em 0.3em 0.8em 0.8em;background: #c60e3b;letter-spacing: 0.07em;}

/*PC*/
.shimei_txt{color: #c60e3b;font-size: 2rem;text-align: center;font-weight: bold;padding: 1.5em 0;}
.flex_box{display: flex;justify-content: center;gap: 29.25px;}

.summary h2{font-weight: bold;color: #432e13;}
.summary .flex_box{justify-content:normal;}
.summary .flex_box p{margin: 0;}
.summary .summary_txt{width: 60%;}
.summary .summary_feature{padding: 1.5em;}
.summary ul{margin-left: 1.5em;margin-bottom: 0;}
.summary ul li{position: relative;}
.summary ul li::before{content: "";display: block;position: absolute;width: 1rem;height: 0.5rem;border-left: 2px solid #c60e3b;border-bottom: 2px solid #c60e3b;top: 0.9rem;left: -2rem;transform: rotate(-45deg);}

/* 商品ラインアップ */
.sec_lineup .flex_box{}
.sec_lineup .flex_box dl dd{margin: 0 auto;}

h2 span{color: #ebd27e;font-size: .8em;}
.sec_point1 .point_txt img{width: 150px;height: auto;}
.sec_point1 .txt_color{color: #f86f17;font-size: 1.3em;}
.sec_point1 .flex_box{}
#wrap .sec_point1 ul{border: #ccc solid 3px;border-radius: 15px;padding: 2em;}
#wrap .sec_point1 ul:nth-of-type(1){border-color: #c60e3b;}
#wrap .sec_point1 ul:nth-of-type(2){margin-top: 0;}
#wrap .sec_point1 ul:nth-of-type(2) .ribbon01{background: #ccc;}
.sec_point1 ul li:nth-of-type(1){}
.sec_point1 ul li:not(:nth-of-type(1)){padding-bottom: 1em;}
.sec_point1 ul li span{padding-right: .5em;}
.sec_point1 ul li p{margin-bottom: 0;}

/* こだわり2 */
.about_quality{display: flex;gap: 20px;}
.about_quality li{width: 25%;background-color: #ebd27e;padding: 1em;display: flex;flex-direction: column;align-items: center;border-radius: 15px 0 15px 0;}
.about_quality li img{width: 200px;height: auto;}

/* こだわり3 */
.sec_point3 dl{border: #7fccc5 solid 1px;background-color: #f8fffe;}
.sec_point3 .ttl_h3{margin-top: 0;margin-bottom: 1em;background-color: #7fccc5;color: #fff;}
#wrap .sec_point3 .sec_point3_1{width: 33%;}

.sec_point3 .row1{justify-content: space-between;padding: 1em 1.5em;font-weight: bold;}
.sec_point3 dd{padding: 0 .5em;}

#wrap .sec_point3 ul{list-style: disc;padding-left: 1em;}
#wrap .sec_point3 ul li{list-style-position: inside;}

/* こだわり4 */
.sec_point4{}

/* こだわり5 */
.sec_point5 .img_wide{background-color: #fefbf6;padding: 1em 0;text-align: center;}

.sec_lastly{margin-top: 2em;}
.sec_lastly .btn_link{margin-top: 3em;}

/*SP*/
@media screen and (max-width: 1023px){
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	
	.summary .flex_box{flex-direction: column;}
	.summary .summary_txt{width: 100%;}
	.shimei_txt{letter-spacing: -.05em;padding: 1em 0;}
	
	/* 商品ラインアップ */
	.sec_lineup .flex_box{gap: 10px;flex-direction: column;}
	.btn_sku{font-size: 1em;letter-spacing: 0;border-top: none;margin-top: 0;}
	
	#wrap .sec_point1 ul{padding: 1em;}
	.sec_point1 .point_txt{text-align: center;padding-bottom: 1em;}
	.sec_point1 .flex_box,
	.sec_point2 .flex_box{flex-direction: column;}
	.sec_point1 p{margin: 0;}
	
	/* こだわり2 */
	.about_quality{flex-direction: column;}
	.about_quality li{width: auto;}
	.about_quality li img{width: 150px;}
	.about_quality li p{margin-bottom: 0;}
	
	/* こだわり3 */
	.sec_point3 .flex_box{flex-direction: column;}
	#wrap .sec_point3 .sec_point3_1{width: 100%;}
	

	
	.ttl_h3{margin-top: 0.8em;}
	
	/*ログイン時(ブランド申請)*/
	.family .flex0{flex-direction: column;}
	
}