@charset "utf-8";
/* CSS Document */

/* common */
.pcNone{display:none;}
.spNone{display:block;}
.mt3{margin-top: 3em;}
.txt_center{text-align: center;}

/* ページ内リンクボタン */
.sku_btn{flex-wrap: wrap;justify-content: center;}
.sku_btn li{width: 20%;position: relative;margin: 1em;border-radius: 10px;border: 2px solid #000;}
.sku_btn a{display: block;}
.sku_btn a:after{content: '';position: absolute;width: 10px;height: 10px;border: 2px solid;border-color: transparent transparent #000 #000;transform: rotate(-45deg);right: 5%;top: 35%;}
.sku_btn img{/*max-width: 250px;*/ height: auto;margin-right: 0.5em;}

.flex_yoko{display:flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
.flex_yoko li{font-size: 13px;width: 24%;}
.flex_yoko li:nth-of-type(2){/*padding: 0 1em;*/}

/* タイトル サブタイトル */
#lineup01 .ttl_h2{border-bottom-color: #5d308d;color: #5d308d;}
#lineup01 .ttl_item{background-color: #5d308d;padding: 1.2em 1em;letter-spacing: .05em;color: #fdaf02;text-align: center;font-weight: bold;}
#lineup01 .ttl_item span{color:#fff;}

.box_border{border: #5d308d solid 1px;text-align: center;/*margin-left: 0.1em;margin-right: 0.1em;*/}
#lineup01 .box_border,
#lineup05 .box_border{padding: 0.5em 0;}

#lineup02 h3{border-left: #75390d solid 15px;font-size: 24px;font-weight: bold;color: #75390d;padding: .5em;margin: .8em .5em;}
#lineup02 .ttl_item{background-color: #cb2344;padding: 1.2em 1em;letter-spacing: .05em;color: #fff;}
#lineup02 .sec_snack{background-color: #ffd07c;}
#lineup02 .sec_snack .txt_detail{color:#fff;letter-spacing: .05em;}
#lineup02 .type_tag{margin-bottom: 0;}

/* ストライプ */
.stripe{/*text-shadow: 0 0 5px white;*/padding: 0.3em 0.5em;background: repeating-linear-gradient(-45deg, #ffac07, #ffac07 6px, #fda21d 3px, #fda21d 14px);}
.stripe_purple{padding: 3em 0.5em 0.3em;background: repeating-linear-gradient(-45deg, #9780b8, #9780b8 6px, #a98cbf 3px, #a98cbf 14px);}

#lineup02 .sec_drink{background: repeating-linear-gradient(-45deg, #ffd684, #ffd684 6px, #ffc36b 6px, #ffc36b 14px);}
#lineup02 .sec_drink .txt_detail{color: #4e2609;}
#lineup02 .sec_drink .box_border{background-color: #5d308d;padding: .8em;}

/* タグ */
#lineup02 .type_tag span{display: inline-block;background-color: #5d308d;color: #fff;padding: 0.3em 0.3em;border-radius: 3px;font-size: .9em;margin: 0 0.2em 0.5em;line-height: 1;letter-spacing: .05em;}
#lineup02 .type_tag .tag_cat{background-color: #a5318c;}
#lineup02 .type_tag .tag_other{background-color: #9178e5;}


/* リンクボタン */
.link_btn{text-align: center;}
.link_btn a{position: relative;border: 3px solid #2db0c2;padding: 1em 4.5em;}
.link_btn a:after{content: '';position: absolute;width: 10px;height: 10px;border: 3px solid;border-color: transparent transparent #2db0c2 #2db0c2;transform: rotate(-135deg);right: 5%;top: 35%;}
.link_btn a:hover{opacity: 1;background-color: #f7f7f7;}

.txt_detail{padding-left: 1em;padding-right: 1em;}

/* food_group */
.food_group h2{background-color: #ec6901;color:#fff;font-size: 1.5em;font-weight: bold;text-align: center;height:60px;line-height:60px;padding: 0.3em;}
.food_group .flex_yoko{flex-wrap: wrap;/*justify-content: space-around;*/font-size: 0;line-height: 0;}/* 隙間対策 */
.food_group .flex_yoko li{width: 21%;padding: 0 1em;}
.food_group .box_border{margin-top: 0.4em;border: none;color: #fff;line-height: 1.2;}
.food_group .bg_orange{background-color: #ed8422;}
.food_group .bg_orange h2{background: none;}

/* 骨シリーズ */
#lineup04 h2{background-color: #5d308d;}
#lineup04 ul{}

.standouts{border: #ec6901 2px solid;padding: 1em;margin: 3em 0;}
.standouts span{font-weight: bold;}
.standouts .standouts_link{color: #ec6901; font-weight: bold;}

/* 印刷用素材ダウンロード */
.sec_free_pop{background-color: #eee4ff;padding: 1.5em;}
.sec_free_pop h2{font-size: 24px;background-color: #5d308d;color: #fff;padding: 1em;text-align: center;margin-top: 1em;}
.sec_free_pop .detail_flex{display: flex;background-color: #ffb63eb0;padding: 1em;}
.sec_free_pop .detail_flex p{margin-top: 0;margin-bottom: 0;padding-right: 2em;}
.sec_free_pop .print_detail{font-weight: 600;color: #7a3e93;}
.sec_free_pop .free_pop_flex{display: flex;padding-top: 1.5em;column-gap: 50px;}
.sec_free_pop .link_btn{text-align: left;}
.sec_free_pop .link_btn a{background-color: #f79325;border: #000 solid 2px;color: #000;border-radius: 10px;}
.sec_free_pop .link_btn a:after{border-color: transparent transparent #000 #000;border-width: 2px;}

.sec_free_pop .thumb{width: 100%;max-width: 600px;}
.sec_free_pop .link_btn.bg_orange2 a{background-color: #edb91a;}

/* ============for tablet============ */
@media screen and (max-width: 1280px){/*max-width: 1023px*/
	
	/* 内部リンクボタン */
	.sku_btn a:after{width: 6px;height: 6px;}
	
	.flex_yoko li{width: 30%;}
	.food_group .flex_yoko{gap: 10px 20px;}
	.food_group .flex_yoko li{width: 30%;padding: 0 3px;}
	
	.box_border{margin-left: 3px;margin-right: 3px;}
	
	/* 印刷用素材ダウンロード */
	.sec_free_pop .free_pop_flex{column-gap: 20px;}
	.sec_free_pop .thumb_txt{}
	.sec_free_pop .thumb_txt_detail{margin-bottom: 0;}
	.sec_free_pop .link_btn{margin-top: 2em;}
	.sec_free_pop .link_btn a{padding: 1em 2.5em 1em 1em;}
	
}

/* ============for SP============ */
@media screen and (max-width: 767px) {
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	img{height: auto;}

	.ttl_h1{font-size: 2.23125rem;}
	.square_btn{font-size: .9em;margin: 0;padding: 0.2em;}
	.square_btn img{max-width: 54px;position: absolute;top: 50%;left: 16%;transform: translate(-50%,-50%);}
	.square_btn span{display: inline-flex;line-height: 30px;height: 30px;padding-left: 65px;}
	.sku_btn{gap: 10px;}
	.sku_btn li{width: 40%;margin: 0;}
	.sku_btn a:after{width: 6px;height: 6px;border-width: 2px;}
	.sku_btn img{width: 90%;}
	.box_border{line-height: 1.5;}
	
	.flex_yoko li{flex-wrap: wrap;width: 45%;justify-content: space-around;}
	.flex_yoko .box_border{margin-top: 0.2em;line-height: 1.3;font-size: .9em;}
	
	#lineup01 .box_border,
	#lineup05 .box_border{height: 4rem;margin-top: 1em;}
	#lineup02 .sec_drink .box_border{margin: 0;}
	
	/* food_group */
	.food_group h2{line-height: 1.5;height: auto;}
	.food_group .flex_yoko{gap: 10px;}
	.food_group .flex_yoko li{width: 45%;padding: 0;}
	.box_tag{font-size: .8em;margin-top: 0;}
	
	/* cat */
	.cat_group .flex_yoko{flex-direction: column;}
	.cat_group .flex_yoko li{width: 100%;padding: 0;}
	.cat_group .flex_yoko li:nth-of-type(2){padding: 0;}
	.cat_group .flex_yoko .box_border{padding: 0.8em 0;margin-top: 0.5em;margin-bottom: 0;}
	.cat_group .item_detail{margin-top: .5em;}
	
	/* 印刷用素材ダウンロード */
	.sec_free_pop{padding: 1em;}
	.sec_free_pop h2{margin-bottom: 0;margin-top: 2em;}
	.sec_free_pop .detail_flex{flex-direction: column;}
	.sec_free_pop .free_pop_flex{flex-direction: column-reverse;}
	.sec_free_pop .free_pop_flex:nth-of-type(2){border-top: #893cc3 solid 1px;padding-top: 2em;}
	.sec_free_pop .thumb{}
	.sec_free_pop .link_btn{text-align: center;padding-bottom: 2em;}
	.sec_free_pop .link_btn a{padding: 1em 2.5em;}
	.sec_free_pop .print_detail{padding: 0.5em;}
	.sec_free_pop p.txt_center{text-align: left;}


}