@charset "UTF-8";
/* 獣医師とつくろう！*/
.about_headline {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	color: #643E2F;
	line-height: 1.5;
	letter-spacing: 0.2em;
	margin-bottom: 48px;
}

.maker_orange span {
	position: relative;
	z-index: 1;
}

.maker_orange span::after {
	content: "";
	display: inline-block;
	background: rgba(240, 183, 116, 0.4);
	width: 100%;
	height: 8px;
	border-radius: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.about_text1 {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}

.maker_green .maker {
	position: relative;
	z-index: 1;
}

.maker_green .maker::after {
	content: "";
	display: inline-block;
	background: rgba(194, 219, 121, 0.4);
	width: 100%;
	height: 8px;
	border-radius: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.ul_about_nav {
	margin-top: 40px;
}

.ul_about_nav li {
	margin-top: 24px;
}

.ul_about_nav li a {
	height: 60px;
}

.ul_about_nav li a::after {
	height: 60px;
}

/* さくら猫さんのご紹介 */
.about_cat_headline {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	color: #643E2F;
	margin-bottom: 40px;
}

.about_cat_text {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}

.wrap_about_cat_img {
	padding: 80px 0;
}

.about_cat_slider {
	margin-bottom: 40px;
}

.about_cat_slider:last-child {
	margin-bottom: 0;
}

/* Happy Tabbyからの刊行物 */
.publications_headline {
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
	color: #643E2F;
	position: relative;
	margin-bottom: 40px;
}

.publications_headline::before, .publications_headline::after {
	content: "";
	display: inline-block;
	background: url(../images/icon_footprint2.png) repeat-x;
	background-size: 70px 12px;
	width: 19%;
	height: 12px;
}

.publications_headline::before {
	margin-right: 16px;
}

.publications_headline::after {
	margin-left: 16px;
}

.publications_contents {
	margin-bottom: 48px;
}

.publications_contents:last-child {
	margin-bottom: 0;
}

.ttl_h3_publications {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	text-align: center;
	color: #643E2F;
	margin-bottom: 40px;
}

.publications_img {
	margin: 0 auto 40px;
	width: 80%;
}

.publications_text {
	margin-top: 40px;
}

.ul_publications_img {
	margin: 0 auto 40px;
	width: 80%;
}

.ul_publications_img li {
	margin-bottom: 40px;
}

.ul_publications_img li:last-child {
	margin-bottom: 0;
}

.wrap_publications_text {
	margin-top: 40px;
}

.wrap_publications_text .publications_text_headline {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	color: #643E2F;
	margin-bottom: 16px;
}

.wrap_publications_text p {
	margin-bottom: 24px;
	letter-spacing: 0.1em;
}

.wrap_publications_text p:last-child {
	margin-bottom: 0;
}

/* ショップナビ */
.bnr_shop {
	margin: 40px 0;
}

.ul_shop_nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 48px;
}

.ul_shop_nav li {
	border: 1px solid #FBD8CF;
	border-radius: 10px;
	padding: 4px;
	background: #fff;
	width: 48%;
	margin-bottom: 24px;
}

.ul_shop_nav li:last-child {
	margin-bottom: 0;
}

.ul_shop_nav li a {
	background: rgba(251, 216, 207, 0.4);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	color: #643E2F;
	line-height: 1.5;
	height: 64px;
	position: relative;
	border-radius: 10px;
}

.ul_shop_nav li a::before {
	content: "";
	display: inline-block;
	background: url(../images/about/icon_leaf.png) no-repeat;
	background-size: contain;
	width: 23px;
	height: 19px;
	position: absolute;
	top: 4px;
	left: 4px;
}

.ul_shop_nav li a::after {
	content: "";
	display: inline-block;
	background: url(../images/about/icon_line.png) no-repeat;
	background-size: contain;
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: -8px;
	right: -8px;
}

.ul_shop_nav li:nth-child(2) {
	border-color: #F9F177;
}

.ul_shop_nav li:nth-child(2) a {
	background: rgba(249, 241, 119, 0.4);
}

.ul_shop_nav li:nth-child(3) {
	border-color: #C1E5F2;
}

.ul_shop_nav li:nth-child(3) a {
	background: rgba(193, 229, 242, 0.4);
}

.ul_shop_nav li:nth-child(4) {
	border-color: #F0B774;
}

.ul_shop_nav li:nth-child(4) a {
	background: rgba(240, 183, 116, 0.4);
}

.ul_shop_nav li:nth-child(5) {
	border-color: #D5B378;
}

.ul_shop_nav li:nth-child(5) a {
	background: rgba(213, 179, 120, 0.4);
}

/* ニュースレター */
.publications_headline2::before, .publications_headline2::after {
	width: 10%;
}

.news_lette_text {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
	color: #643E2F;
}

.ul_news_letter {
	width: 80%;
	margin: 0 auto;
}

.ul_news_letter li {
	text-align: center;
	margin-bottom: 40px;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
}

.ul_news_letter li:last-child {
	margin-bottom: 0;
}

.ul_news_letter li a {
	display: block;
}

.ul_news_letter li img {
	margin-bottom: 16px;
	border: 1px solid #D5B378;
}

.ul_news_letter li .news_letter_link {
	letter-spacing: 0;
	color: #643E2F;
	text-decoration: underline;
}

.ul_news_letter li .news_letter_link::after {
	content: "\f15c";
	font-weight: 400;
	font-family: "Font Awesome 5 Free";
	margin-left: 8px;
}

@media print, screen and (min-width: 769px) {
	/* 獣医師とつくろう！*/
	.about_headline {
		text-align: center;
		margin-bottom: 40px;
	}
	.maker_orange {
		position: relative;
		z-index: 1;
	}
	.maker_orange::after {
		content: "";
		display: inline-block;
		background: rgba(240, 183, 116, 0.4);
		width: 100%;
		height: 16px;
		border-radius: 40px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.maker_orange span::after {
		content: none;
	}
	.about_text1 {
		letter-spacing: 0.3em;
	}
	.ul_about_nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.ul_about_nav li {
		width: 236px;
		margin-top: 24px;
		margin-right: 40px;
	}
	.ul_about_nav li:nth-child(3), .ul_about_nav li:nth-child(5) {
		margin-right: 0;
	}
	.ul_about_nav li a {
		height: 60px;
	}
	.ul_about_nav li a::after {
		height: 60px;
	}
	/* さくら猫さんのご紹介 */
	.about_cat_headline {
		font-size: 24px;
		font-size: 2.4rem;
		letter-spacing: 0.2em;
	}
	.about_cat_text {
		letter-spacing: 0.3em;
		text-align: center;
	}
	/* Happy Tabbyからの刊行物 */
	.publications {
		padding-bottom: 40px;
	}
	.publications_headline::before, .publications_headline::after {
		width: 40%;
	}
	.wrap_publications_img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.publications_img {
		margin: 0;
		width: 100%;
	}
	.publications_img01 {
		max-width: 240px;
		margin-right: 40px;
	}
	.publications_img_right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.publications_img02 {
		width: 120px;
	}
	.publications_text {
		text-align: center;
	}
	.ul_publications_img {
		width: 100%;
		max-width: 944px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.ul_publications_img li {
		width: 32%;
		max-width: 288px;
		margin-bottom: 0;
	}
	/* ショップナビ */
	.bnr_shop {
		margin: 40px auto;
		max-width: 420px;
	}
	.ul_shop_nav li {
		padding: 3px;
		background: #fff;
		width: 19%;
		max-width: 156px;
		margin-bottom: 0;
	}
	.ul_shop_nav li:last-child {
		margin-bottom: 0;
	}
	.ul_shop_nav li a {
		height: 70px;
	}
	.ul_shop_nav li a:hover {
		opacity: 0.6;
	}
	/* ニュースレター */
	.publications_headline2::before, .publications_headline2::after {
		width: 35%;
	}
	.news_lette_text {
		text-align: center;
	}
	.ul_news_letter {
		width: 100%;
		max-width: 860px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.ul_news_letter li {
		width: calc(100% / 3 - 80px / 3);
		margin-right: 40px;
	}
	.ul_news_letter li:nth-child(3n) {
		margin-right: 0;
	}
	.ul_news_letter li:last-child {
		margin-bottom: 40px;
	}
	.ul_news_letter li img {
		height: 22vw;
		max-height: 240px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.ul_news_letter li a:hover {
		opacity: 0.6;
	}
}