@charset "utf-8";
/* CSS Document */

/* common */
.pcNone{display:none;}
.spNone{display:block;}
.font_bold{font-weight: bold;}
.pt1{padding-top: 1em;}

/* マーカー */
.marker{background: linear-gradient(transparent 60%, #ff6 60%);}
.marker_orange{background: linear-gradient(transparent 60%, #ffca66 60%);}

.ttl_h3{background: #fcb8ad;border-radius: 36px;line-height: 36px;padding-left: 1.5em;}

/*PC*/
.ttl_img{padding:0;background:none;}
.img_dogfoods{text-align: center;}

.flex_box{display: flex;}
.flex_box .txt_p1{width: 70%;}


/* ボタン */
.btn_link a{background-color: #0c5579;color: #FFF;}

/* 内部リンクボタン */
.list_btn{display: flex;gap: 20px;justify-content: center;}
/*.list_btn li a{background-color: #f49c92;}*/
.list_btn a{width: 200px;}
.list_btn a::after{right: 20px;transform: translateY(-50%) rotate(90deg);}
.list_btn a::after {
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 14px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(135deg);
    /*left: 50%;*/
    top: 20%;
}

/* 特徴 */
.summary .flex_box{padding: 1.5em 1em .5em;margin: 2em 0 3.5em;background: linear-gradient(to right, #ebfbfe 60%, #013780);}
.summary .flex_box .reason_txt{width: 70%;padding-right: 1em;line-height: 2.5;}
.summary .flex_box .illust_center{margin-top: 0;}
.link_inner{text-align: center;}

.sec_merit .flex_box{column-gap: 20px;}
.sec_merit .flex_box div{width: 50%;}
.sec_merit .merit1{}
.sec_merit .merit2{}
#wrap .sec_merit ul{padding-left: 1em;}
.sec_merit li{list-style-type: circle;list-style-position: inside;}
.sec_merit .flex_box .illust_center{margin-top: 0;}
.sec_merit .merit2 .reason_txt{}

.point1 .reason_txt{width: 60%;padding-right: 1em;}
.point1 .illust{max-width: 400px;}
.point2 .illust_center{text-align: 	center;}
.point3 .reason_txt{}
.point3 .illust_center{}


/* (犬用)商品ラインアップ */
.goods_lineup{}
.goods_lineup h3{}
#wrap .goods_lineup dl{display: flex;/*border-bottom: #ccc solid 1px;*/padding-bottom: 1em;margin-bottom: 1em;}
.goods_lineup dt{border: #ccc solid 1px;padding: 0 1.5em 1.5em;max-width: 400px;}
.goods_lineup dd{width: 70%;margin-left: 1em;}
.goods_lineup dd .sku_name{font-weight: bold;font-size: 1.8rem;border-bottom: solid 1px #000;margin-bottom: .4em;}
.goods_lineup dd .sku_age span{background-color: #ffa090;color: #fff;padding: .2em;margin-right: .1em;}
.goods_lineup dd .sku_size span{border: solid 1px #9E9E9E;padding: .2em .4em;border-radius: 2px;margin-right: 1em;}
.goods_lineup dd ul{}
.goods_lineup dd li{}
.goods_lineup dd li:nth-of-type(n+3){list-style:circle;list-style: inside;}
/*.goods_lineup dd li span{background-color: #6daad9;color: #fff;padding: 0.2em 0.4em;font-size: .9em;margin-right: 0.5em;border-radius: 4px;}*/
/*.goods_lineup dd .effect_tag span{background-color: #6daad9;color: #fff;padding: 0.4em;font-size: .9em;margin-right: 0.5em;border-radius: 4px;}*/

/* (猫用)商品ラインアップ */
#cat_food{}
#cat_food h3{background-color: #00b1ad;color: #fff;}
#cat_food dd p{margin: .1em 0;}


/* お問い合わせ */
.contact{margin-top: 3em;}


/* ============for SP============ */
@media screen and (max-width: 767px) {
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	#main #maincontents{padding-top: 2em;}/* パンくずリスト */
	
	/* 内部リンクボタン */
	.list_btn{flex-direction: column;}
	
	.sec_merit .flex_box div{width: 100%;}
	.flex_box{flex-direction: column;}
	.summary .flex_box{margin-bottom: 3em;background: linear-gradient(to bottom, #ebfbfe 60%, #0253b0, #083270);}
	.summary .flex_box .reason_txt{width: 100%;padding-right:0;margin-bottom: 3em;}
	.ttl_h3{border-radius: 36px 0 0 36px;}

	
	/* 商品ラインアップ */
	.goods_lineup dl{flex-direction: column;}
	.goods_lineup dt{margin-bottom: 0.5em;/*max-width: 300px;*/}
	.goods_lineup dd{width: 100%;margin-left: 0;}
	.goods_lineup dd li:nth-of-type(n+3){padding-left: 0.5em;}
	
	/* (猫用)商品ラインアップ */
	/*#for_cat .flex_list_cat{flex-direction: column;}
	#for_cat .flex_list_cat dl{width: 100%;border-bottom: #ccc solid 1px;}
	#wrap .flex_list_cat dl{}*/
	
}