@charset "utf-8";
/* CSS Document マーリー&ダンフード(fb0033_marly_food.css) */

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

/* 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: #0c5579;color: #0c5579;}
.block-freepage-wrap .block-sec .block-freepage-btn a:hover{background-color: #0c5579;background-image: none;color: #fff;}
.block-freepage-wrap .block-sec .arrow_btn a:hover:after{background-color: #0c5579;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 #0c5579 #0c5579;transform: rotate(-45deg);top: 12px;right: 5%;color: #fff;}
/* btn(右矢印) */
.block-freepage-wrap .block-sec .arrow_right a:after{top: 14px;border-color: transparent #0c5579 #0c5579 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: #0c5579;}

.block-freepage-wrap .block-freepage-headline3{background-color: #fcb8ad;border-radius: 20px;}
.merit .block-freepage-headline3{background-color: #e2c2df;border-radius: 20px;}

/* はじめに */
.summary_flex{background: linear-gradient(to right, #ebfbfe 60%, #013780);padding: 2em 1em 1.5em;}
.block-freepage-wrap .summary_flex .illust_center{margin-top: 0;}
.summary_flex .illust_center img{height: auto;}
.btn_list{display: flex;justify-content: center;gap: 3em;}

/* 特長 */
.point .flex_box{display: flex;column-gap: 20px;}
.point .flex_box div{width: 50%;}
.block-freepage-wrap .ttl_h3{background: #fcb8ad;border-radius: 36px;line-height: 36px;padding: .5em 1.5em;color: #0c5579;font-weight: bold;font-size: 18px;}
.point .flex_box li{list-style-type: circle;list-style-position: inside;}

/* 犬用商品ラインアップ */
.goods_lineup .txt_lineup{padding-bottom: 1em;}
.goods_lineup dl{display: flex;padding-bottom: 1em;margin-bottom: 1em;column-gap: 20px;}
.goods_lineup dt{border: #ccc solid 1px;padding: 1.5em;max-width: 400px;}
.goods_lineup dd{width: 70%;}
.goods_lineup dd .sku_name{font-weight: bold;color: #0c5579;font-size: 1.2rem;border-bottom: solid 1px #0c5579;margin-bottom: .4em;}
.goods_lineup dd .sku_age{padding: .4em 0 .6em;}
.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 li:nth-of-type(n+3){list-style:circle;list-style: inside;}

/* 猫用商品ラインアップ */
#lineup_cat h3{background-color: #00b1ad;color: #fff;}




/* ============for SP============ */
@media screen and (max-width: 767px) {
    /* common */
    .pcNone{display:block;}
	.spNone{display:none;}
    .block-sec-inner .flex0{flex-direction: column;}
    .block-sec-inner .flex0 .img_bottom{width: 100%;}
    .block-sec-inner .illust_center img{height: auto;}
    .flex_base{flex-direction: column;}
    /* 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 #0c5579 #0c5579;}
	/* btn(右矢印) */
	.block-freepage-wrap .block-sec .arrow_right .block-freepage-btn a:hover{color: #0c5579;}
	.block-freepage-wrap .block-sec .arrow_right .block-freepage-btn a:after{color: #0c5579;}
	.block-freepage-wrap .block-sec .arrow_right a:hover:after{border-color: transparent #0c5579 #0c5579 transparent;color: #0c5579;}
	
	/* はじめに */
	.summary h2{padding:0;background:none;}
	.summary .summary_flex{margin-bottom: 2em;background: linear-gradient(to bottom, #ebfbfe 60%, #0253b0, #083270);}
	.block-freepage-wrap .summary_flex .illust_center{margin-top: 1em;}
	.summary .btn_list{flex-direction: column;gap: 1em;}
	.block-freepage-wrap .summary .btn_list p{margin-bottom: 0;}
	
    /* 特長 */
	.point .flex_box{flex-direction: column;}
	.point .flex_box div{width: 100%;}
	.block-freepage-wrap .ttl_h3{border-radius: 16px;margin-bottom: 1em;}
    .block-freepage-wrap .point h3{margin-top: 1em;letter-spacing: -.05em;padding: .5em;}
    .point .illust_center img{height: auto;}
	.point .flex_box li{padding-bottom: .5em;}
	
    /* メリット */
	.food .btn_list{flex-direction: column;gap:0;padding-top: 1.5em;}
	.block-freepage-wrap .food .arrow_btn{padding-top: 0;}
	
	/* 商品ラインアップ */
    .goods_lineup .lineup{padding-top: 2.5em;}
    .goods_lineup dl{flex-direction: column;}
    .goods_lineup dd{width: 100%;margin-left:0;}
    .goods_lineup dd li{padding-top: 1em;}
	
}