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

/* ----------------ALL---------------- */
html{
	font-size: 10px;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
}
body{line-height: 1.6rem;font-size: 1.6rem;color: #333;}
a {
	color: #333;
	text-decoration: none;
    cursor: pointer;
	transition: .3s ease opacity;
	&:hover {
		opacity: .6;
		transition: .3s ease opacity;
		text-decoration: none;
	}
}
h1{font-size: 3rem;}
h2{font-size: 2rem;}
small{font-size: 1.4rem;}
ul{list-style: none;padding: 0;line-height: 1.6;}
dl{margin: 0;}
p{line-height: 1.6;}
/* ----------------ALL---------------- */

/* -----------上に戻るボタン----------- */
#page_top{position: fixed;width: 40px;height: 40px;right: 26px;bottom: -40px;background: #0F7A58;opacity: 0.7;border-radius: 50%;z-index: 100;}
#page_top a{position: relative;display: block;width: 40px;height: 40px;text-decoration: none;}
#page_top a:after{content: "";display: block;position: absolute;width: 13px;height: 14px;border-right: 2px solid #fff;border-top: 2px solid #fff;transform: rotate(-45deg);left: 50%;top: 50%;margin-top: -4px;margin-left: -7px;}
/* -----------上に戻るボタン----------- */

/* common */
ul{list-style: none;}
.pcNone{display:none;}
.spNone{display:block;}
.mt3{margin-top: 3em;}
.txt_center{text-align: center;}
.txt_left{text-align: left;}
.font_bold{font-weight: bold;}
.marker{background: linear-gradient(transparent 60%, #ff6 60%);}
.marker_gray{background: linear-gradient(transparent 60%, #eceae3 60%);display: inline;padding: 5px 2px 2px;}
.flex0{display: flex;justify-content: space-between;margin: 0 auto;}
/* common images */
picture .pic_pc{max-width: 1280px;}
picture img{}

/* Header */
header{text-align: center;display: block;}
header .logo a{float: left;}
header .submenu ul{display: flex;justify-content: flex-end;}
header .submenu ul li{margin-right: 1em;}
header .submenu ul li span{display: block;font-size: .8rem;}
header .sec_header{background-color: #fdd9dd;}
header .header_img{display: inline-block;}
header .header_img img{text-align: center;}

.inner_center{
	/*margin-left: auto;margin-right: auto;width: 92%;*/
	padding-left: 2.275%;padding-right: 2.275%;width: 100%;max-width: 1280px;margin: 0 auto;
}

.main_content{display: block;}

/* header */
h1{margin-bottom: 0;}
.sec_header p{background-color: #fff;padding: 2em 0;margin: 0;line-height: 2.2;letter-spacing: .05em;}
.sec_header p a{background-color: #effbff;}
.sec_header p span{font-weight: 600;}
.sec_header p .arrow_link{padding: 0 0.2em;font-size: 0.8em;}

main{display: block;width: 100%;overflow: hidden;}

/* ウエイン紹介
-------------------- */
#about_wayne{min-width: 1200px;}
.back_ground.type_detail{text-align: center;margin-top: 130px;padding-bottom: 100px;color: #333;background: #20268d;}
.inner.shadow{margin-top: -50px;padding: 70px 30px 80px;background-color: #fff;color: #333333;}
#support{position: relative;padding-bottom: 120px;min-width: 1300px;text-align: center;}
.inner.shadow{box-shadow: 1px 0px 25px 1px rgb(0 0 0 / 50%);}
.inner{width: 100%;display: inline-block;text-align: left;margin-right: 0;max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
@media screen and (max-width: 1300px){
	#about_wayne{min-width: 100%;}
	#about_wayne .back_ground{margin-top: 60px;}
	#support {min-width: auto;}
	#about_wayne .inner.shadow{margin-top: -30px;padding: 60px 10px 40px;width: 90%;}
}
/* -------------------- */

/* h2タイトル */
.ttl_border{border-bottom: 4px solid #000;display: inline-block;margin-bottom: 2.5em;letter-spacing: .05em;}
.ttl_border span{display: inline-block;}
.ttl_border .ttl_upper{font-size: 1.6rem;color: #f28b8c;padding-bottom: 0.5em;}
.ttl_border .ttl_lower{padding: 0.5em 0;font-size: 2.4rem;line-height: 1.2;}

/* 足跡アイコン */
/* Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. */
/*fill='%23<カラーコード>'を追記して色を調整 */
/* %23 = # */
.sec_point span{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='drawer__icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3Eframe%3C/title%3E%3Cg%3E%3Cpath fill='%23f5b8bd' d='M226.5 92.9c14.3 42.9-.3 86.2-32.6 96.8s-70.1-15.6-84.4-58.5s.3-86.2 32.6-96.8s70.1 15.6 84.4 58.5zM100.4 198.6c18.9 32.4 14.3 70.1-10.2 84.1s-59.7-.9-78.5-33.3S-2.7 179.3 21.8 165.3s59.7 .9 78.5 33.3zM69.2 401.2C121.6 259.9 214.7 224 256 224s134.4 35.9 186.8 177.2c3.6 9.7 5.2 20.1 5.2 30.5v1.6c0 25.8-20.9 46.7-46.7 46.7c-11.5 0-22.9-1.4-34-4.2l-88-22c-15.3-3.8-31.3-3.8-46.6 0l-88 22c-11.1 2.8-22.5 4.2-34 4.2C84.9 480 64 459.1 64 433.3v-1.6c0-10.4 1.6-20.8 5.2-30.5zM421.8 282.7c-24.5-14-29.1-51.7-10.2-84.1s54-47.3 78.5-33.3s29.1 51.7 10.2 84.1s-54 47.3-78.5 33.3zM310.1 189.7c-32.3-10.6-46.9-53.9-32.6-96.8s52.1-69.1 84.4-58.5s46.9 53.9 32.6 96.8s-52.1 69.1-84.4 58.5z' /%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;}





/* ページ内リンクボタン */
.sec_point{border: #eceae3 solid 3px;text-align: center;padding: 1em 1em 1.8em;}
.sec_point .sec_point_txt{font-size: 1.8rem;;line-height: 1.6;}
.sec_point ul{margin-top: 1em;}
.sec_point li{position: relative;border: 2px solid #2f323a;width: 48%;}
.sec_point li:not(:nth-of-type(1)){margin-left: 0.5em;}
.sec_point li a{padding: 0.5em 0.2em 1.4em;display: inline-block;}
.sec_point a:after{content: '';position: absolute;width: 10px;height: 10px;border: 3px solid;border-color: transparent transparent #da9e96 #da9e96;transform: rotate(-45deg);right: 50%;bottom: 5%;}
.sec_point li span{/*background-color: #f5b8bd;color: #ffffff;*/padding: 0.2em 0.4em;display: inline-block;margin-right: 0.1em;}
.sec_point li span em{font-size: 1.2em;font-style: normal;}
.sec_point li p{margin-bottom: 0;line-height: 1.3;font-weight: bold;}
.sec_point li .sec_point_img{margin-top: 0;padding-top: 1em;text-align: center;}
.sec_point li .sec_point_img img{display: inline-block;max-width: 200px; height: auto;width: 100%;margin-right: 0.2em;}

/* サブタイトル */
.sec_point_detail .ttl_item{color: #666;text-align: center;padding: 0.9em;border-top: solid 2px #f28b8c;border-bottom: solid 2px #f28b8c;
background: -webkit-repeating-linear-gradient(-45deg, #eceae3, #eceae3 3px,#f0eee5 3px, #f0eee5 7px);
background: repeating-linear-gradient(-45deg, #eceae3, #eceae3 3px,#f0eee5 3px, #f0eee5 7px);}
/*.sec_point_detail .ttl_item span.point_no{color: #f28b8c;border: solid 1px #8e908a;padding: 0.2em;margin-right: 0.3em;background-color: #f7f6f0;}*/
.sec_point_detail .ttl_item span.point_txt{font-weight: bold;letter-spacing: .05em;line-height: 1.3;}

/* 足跡アイコン(詳細) */
.sec_point_detail .ttl_item span.point_no{
	color: #2d35bd;font-size: 2.5rem;display: inline-block;padding: 0.3em;margin-right: 0.3em;background-color: #f7f6f0;border-radius: 20px;width: 20px;height: 20px;line-height: 20px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='drawer__icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3Eframe%3C/title%3E%3Cg%3E%3Cpath fill='%23f5b8bd' d='M226.5 92.9c14.3 42.9-.3 86.2-32.6 96.8s-70.1-15.6-84.4-58.5s.3-86.2 32.6-96.8s70.1 15.6 84.4 58.5zM100.4 198.6c18.9 32.4 14.3 70.1-10.2 84.1s-59.7-.9-78.5-33.3S-2.7 179.3 21.8 165.3s59.7 .9 78.5 33.3zM69.2 401.2C121.6 259.9 214.7 224 256 224s134.4 35.9 186.8 177.2c3.6 9.7 5.2 20.1 5.2 30.5v1.6c0 25.8-20.9 46.7-46.7 46.7c-11.5 0-22.9-1.4-34-4.2l-88-22c-15.3-3.8-31.3-3.8-46.6 0l-88 22c-11.1 2.8-22.5 4.2-34 4.2C84.9 480 64 459.1 64 433.3v-1.6c0-10.4 1.6-20.8 5.2-30.5zM421.8 282.7c-24.5-14-29.1-51.7-10.2-84.1s54-47.3 78.5-33.3s29.1 51.7 10.2 84.1s-54 47.3-78.5 33.3zM310.1 189.7c-32.3-10.6-46.9-53.9-32.6-96.8s52.1-69.1 84.4-58.5s46.9 53.9 32.6 96.8s-52.1 69.1-84.4 58.5z' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* ポイント */
.flex_point{display: flex;justify-content: center;}
#point01 .flex_point li:not(:nth-of-type(1)){padding-left: .5em;}
#point01 .flex_point img{width: 100%;height: auto;max-width: 340px;}
#point02 .goods{padding-top: 2em;}
#point02 .goods figure{padding: 0 0.5em;margin: 0;}
#point02 .goods figure img{width: 100%; height: auto;}
#point02 .goods figcaption{padding: 0.4em 0 0.6em;font-size: .8em;}
#point03 img{width: 100%;height: auto;max-width: 800px;}
#point04 img{width: 100%;height: auto;max-width: 970px;}
.sec_point_detail div .point_list{padding-left: 0.5em;text-align: left;}
.point_list li{list-style: inside;list-style-position: inside;}

.kadomaru_btn{padding-top: 3em;padding-bottom: 1.5em;}
.kadomaru_btn a{background-color: #eceae3;/*padding: 0.5em 1.5em;*/border: solid 1px #333;height: 40px;line-height: 40px;display: block;max-width: 280px;margin: 0 auto 2rem;padding: 0 35px;border-radius: 50px;text-align: center;position: relative;}

/* Petweb紹介 */
.about_petweb{background-color: #E1EFD1;padding: 3em;}
.about_petweb h2{}
.about_petweb h2 em{color: #0e7958;font-style: normal;}
.about_petweb p{}
.about_petweb a{height: 60px;line-height: 60px;min-width: 400px;display: flex;align-items: center;}
.about_petweb a img{max-width: 500px;width: 40%;height: auto;}
.about_petweb .top_img img{width: 100%;height: auto;max-width: 500px;}

/* 商品・ブランド紹介 */
.sec_brand .brand_txt{line-height: 2.5;}
.sec_brand img{max-width: 100%;}
.brand_category{background-color: #eceae361;padding: 1.5em 1em;margin: 3em 0;}
.brand_category ul{text-align: center;}
.brand_category ul li{position: relative;display: inline-block;width: 130px;height: 130px;border-radius: 50%; background-color: #d1ede9;}
.brand_category ul li span{position: absolute;left: 0;top: 50%;width: 130px;text-align: center;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.5;}
.brand_category ul li:not(:nth-of-type(1)){margin-left: 0.5em;}
.brand_category .lower li{background-color: #fbdddf;}
.brand_category .lower .circle_color{background-color: #acddf7;}

.brand_list{border: solid 1px #f28b8c;padding: 1.5em 1em;margin-bottom: 5em;}
.brand_list h2{font-weight: bold;color: #f28b8c;}
.brand_list h2 span{color: #93908c;}
.brand_list h3{background-color: #f0eee5;border-left: #93908c solid 4px;padding: 0.5em 1em;}
.brand_list .logo_list{display: flex;flex-wrap: wrap;}
.brand_list .logo_list li{margin-left: .5em;}
.brand_list .logo_list .no_logo{border: #999 solid 1px;margin-bottom: .5em;height: 100px;line-height: 100px;padding: 0 0.5em;}
.brand_list .logo_list img{border: #999 solid 1px;margin-bottom: 0;}
.brand_list .logo_list p{text-align: center;margin: 0;font-size: .9em;}
.brand_list .logo_list .no_border{border-style: none;}

/* QA */
.sec_faq h2{background-color: #f0eee5;padding: 1em;margin-bottom: 2em;}
#id_faq .faq_list dl{margin-bottom: 4em;}
.sec_faq .faq_list dt{position: relative;border-bottom: 1px solid #333333;padding-left: 4em;}
.sec_faq .faq_list dt:after{content: "Q";background-color: #cbc8be;}
.sec_faq .faq_list dt p{margin-bottom: 1em;}
.sec_faq .faq_list dd{position: relative;margin-top: .8em;padding-left: 2.5rem;}
.sec_faq .faq_list dd:after{content: "A";background-color: #f28b8c;}
.sec_faq .faq_list dt:after,
.sec_faq .faq_list dd:after{position: absolute;left: 10px;top: 0;color: #ffffff;font-size: 30px;font-weight: 400;text-align: center;line-height: 37px;width: 37px;height: 37px;border-radius: 50px;}
.sec_faq .faq_list dd:after{left: -30px;}

/* 最後のまとめ */
.sec_conclusion{}
.sec_conclusion .conclusion_flex{background-color: #fffef3;display: flex;justify-content: center;}
.sec_conclusion .conclusion_txt{padding: 2em;line-height: 4.5;color: #88857d;letter-spacing: .1em;}
.sec_conclusion .conclusion_txt span{font-weight: bold;font-size: 1.1em;}
.sec_conclusion .conclusion_txt_last{font-size: 1.1em;}
.sec_conclusion .conclusion_img{padding-right: 1em;}
.sec_conclusion .conclusion_img img{width: 100%;height: auto;}
.sec_conclusion .txt_strong{font-weight: bold;color: #e36f8b;}

.btn_flex{display: flex;justify-content: center;margin-top: 0;}
.btn_flex p{margin: 0 2em;}

/* Footer */
footer{background-color: #E1EFD1;text-align: center;padding: 1em 0 0.2em;}
footer .uk-width-expand img{width: 200px;height: auto;}
footer div{margin: 1rem 0;}
footer small{color: #0F7158;}

@media screen and (max-width: 1280px) {
    /* common images */
    picture img{width: 100%;height: auto;}
}
/* ============for SP============ */
@media screen and (max-width: 767px) {
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	img{height: auto;}
	.block{margin-top: 2em;}
	/* 上に戻るボタン */
	#page_top{right: 10px;}
	
	.kadomaru_btn a{max-width:80%;height: 50px;line-height: 50px;padding: 0;font-size: 1.5rem;}
	
	header .logo a{width: 40%;}
	header .logo img{width: 100%;}

	.ttl_h1{font-size: 2rem;}
	.sec_point .sec_point_txt{font-size: 1.4rem;}
	.sec_point .flex0{flex-direction: column;}
	.sec_point li{width: 100%;border-width: 1px;}
	.sec_point li:not(:nth-of-type(1)){margin-left:0;margin-top: 1em;}
	.sec_point li .sec_point_img{padding-top: 0;}
	.sec_point_detail .ttl_item{display: flex;align-items: center;padding: 0.8em 0.4em;}
	.sec_point_detail .ttl_item span.point_no{font-size: 2rem;min-width: 20px;}
	.sec_point_detail .ttl_item span.point_txt{font-size: 1.8rem;}
	
	.sp_txt_left{text-align: left;}
	.sp_fontsize_s{font-size: 1.4rem;}
	
	/* ポイント */
	.point_list li{font-size: 1.4rem;}
	#point01 .flex_point,
	#point02 .flex_point{flex-direction: column;}
	#point02 .flex_point ul{margin-bottom: 0;}
	#point02 img{width: 90%;}
	#point02 picture{width: 90%;}
	#point01 .flex_point li{text-align: center;}
	#point01 .flex_point li:not(:nth-of-type(1)){padding-left: 0;padding-left: 0;padding-top: 1em;}
	#point03 .txt_detail{font-size: 1.4rem;}
	#point04 img{max-width: 290px;}
	
	/* Petweb紹介 */
	.about_petweb a{display: inline-block;min-width:100%;padding: 0.8em 0 0.2em;line-height: 30px;height: 70px;}
	.about_petweb .kadomaru_btn{text-align: center;padding: 1em 0 0;}
	.about_petweb a img{width: 30%;}
	
	/* 商品・ブランド紹介 */
	.brand_category h2{line-height: 1.6;}
	.sec_brand .brand_txt{text-align: left;font-size: 1.4rem;}
	.brand_category .upper{margin-bottom: 0;}
	.brand_category .lower{margin-top: 0;}
	.brand_category ul li{width: 100px;height: 100px;font-size: .9em;}
	.brand_category ul li:not(:nth-of-type(1)){margin-left:0;}
	.brand_category ul li span{width: 100px;font-size: 1.4rem;}
	
	.brand_list .brand_txt{text-align: left;}
	.brand_list .logo_list{}
	.brand_list .logo_list li{margin-left: 0;}
	.brand_list .logo_list li{width: 47%;}
	.brand_list .logo_list li:nth-child(2n){margin-left: 0.5em;}
	.brand_list .logo_list .no_logo{padding: 0;height: auto;text-align: center;line-height: 40px;}
	.brand_list .logo_list p{line-height: 1.3;letter-spacing: -.05em;font-size: 1.2rem;}
	.brand_list .logo_list img{width: 100%;}
	
	/* QA */
	.sec_faq{padding: 0;}
	#id_faq .faq_list dl{font-size: 1.4rem;}
	.sec_faq .faq_list dt:after{left: 2px;top: -6px;}
	.sec_faq .faq_list dd{padding-left: 1.7rem;}
	.sec_faq .faq_list dd:after{left: -37px;}
	
	/* 最後のまとめ */
	.sec_conclusion .conclusion_flex{flex-direction: column;}
	.sec_conclusion .conclusion_txt{padding: 1em;line-height: 2;margin-bottom: 0;letter-spacing: -.01em;font-size: 1.4rem;}
	.sec_conclusion .conclusion_txt_last{padding: 0 0.5em;font-size: 1.4rem;}
	.sec_conclusion .conclusion_img{margin-top: 0;margin-bottom: 2em;text-align: center;}
	.sec_conclusion .conclusion_img img{width: 70%;}
	.conclusion_txt_last{text-align: left;}
	.sec_conclusion .btn_flex{flex-direction: column;}
	.sec_conclusion .btn_flex p{padding: 1em 0;}
	.sec_conclusion .btn_flex .kadomaru_btn a{max-width: 100%;}
	
	/* Footer */
	footer .uk-width-expand img{width: 30%;}
	
}