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


/*================================
	PC
================================*/

@media screen and (min-width: 641px) {

body,.u-color__text--main {
	padding: 0!important;
	color: #6c4d42;
	letter-spacing: 0.04em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
}
p {
    margin: 0;
}
.l-contents__frame {
    padding: 0;
}
.u-margin__top--30 {
	margin-top: 0;
}
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    /*text-align: -internal-center;*/
    unicode-bidi: isolate;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Noto Sans JP', sans-serif;
}
h1,h2,h3,h4 {
	font-weight: bold;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.17em;
}
.disc_list li {
	list-style: disc;
}	
sub {
    font-size: 0.7em;
    vertical-align: baseline;
    position: relative;
    /*bottom: -0.1em;*/
}
:root{
	--header: 100px;
	scroll-padding: var(--header);
}
.l-contents {
	background: #fffdfa;
}
.fixed {
	position: fixed;
}
body a {
	background-color: transparent;
	text-decoration: none!important;
	color: #6c4d42;
}
a:focus-visible {
	outline: 2px solid;
	outline-offset: 2px;
}
a:hover { 
	opacity:0.6;
	transition:0.5s;
	color: inherit!important;
}
::marker {
    color: #7a4a3a!important;
}
.PC {
	display: block;
}
.SP {
	display: none;
}

header {
	width: 100%;
}
.sks_header {
	background: #fff;
	top: 0;
	left: 0;
	z-index: 1000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
	box-sizing: border-box;
	height: 80px;
}
.header_inner {
	/*position: relative;*/
	max-width: 750px;
	margin: 0 auto;
	height: 80px;
	display: flex;
	justify-content: space-between;
}
.header_logo {
	width: 135px;
	height: 75px;
}
.logo {
	width: 115px;
	height: 55px;
	margin: 10px 10px;
	background-image: url(../img/logo.svg);
    background-size: 115px 55px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
}
.touroku {
	padding: 10px 10px 0;
	float: right;
}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb {
	background: #E7E4E1;
	border-radius: 4px;
}

.ann {
	font-size: 0.85em;
	vertical-align: text-top;
	letter-spacing: -0.015em;
	line-height: 1.25;
	display: inline-block;
}

.block {
	display: block;
}

.width {
	max-width: 750px;
	margin: 0 auto;
	position: relative;
	height: auto;
	line-height: 1.65!important;
	background: #fff;
	padding-top: 80px;
}
.center {
	text-align: center;
}
.large {
	font-size: 1.5em;
}
.larger {
	font-size: 1.2em;
}
.small {
	font-size: 0.75em;
}
	
.b30 {
	margin-bottom: 4em!important;
}
.b20 {
	margin-bottom: 3em;
}
.b5 {
	margin-bottom: 0.5em;
}
.red {
	color: #d72e44;
}
	
/*.Top {
	padding-top: 80px;
}*/
/*.top_img img {
	width: 100%;
	height: 100%;
}*/

/*スライダー*/
.sks_top_slider {
  opacity: 1;
}
.sks_top_slider.is-ready {
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from { opacity: 0.7;}
  to { opacity: 1;}
}
.sks_top_slider:not(.slick-initialized) li:not(:first-child) {
  display: none;
}
.sks_top_slider img {
  width: 100%;
  height: auto;
  display: block;
}
.sks_top_slider {
	width: 750px;
	margin: 0 auto;
	position: relative;
}
.sks_top_slider .slick-prev:before, .sks_top_slider .slick-next:before {
    color: #bca39a!important;
	font-size: 30px!important;
}
.sks_top_slider .slick-arrow {
	width: 30px!important;
	height: 30px!important;
	z-index: 900!important;
}
.sks_top_slider .slick-prev {
    left: 25px;
}
.sks_top_slider .slick-next {
    right: 25px;
}
.sks_top_slider .slick-dots li.slick-active button:before {
    color: #7a4a3a!important;
}
.sks_top_slider .slick-dots {
    bottom: -25px!important;
}
	
.sks_top_slider .slick-dots li button:before {
	font-size: 8px!important;
    color: #7a4a3a!important;
}
.btn00 a {
	background-color: #eadfce;
	padding: 8px 12px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	/*color: #7a4a3a;*/
	font-weight: 500;
}
.top_message {
	/*background: #e9e3d8;*/
	padding: 100px 70px;
	line-height: 2;
	text-align: center;
	background: #f1e8d8;
}
.top_message {
	padding: 100px 70px;
	line-height: 2;
	text-align: center;
	background-image: url(../img/img_column_03_04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(255, 255, 255, 0.75);
	background-blend-mode: lighten;
}
.message_inner {
	/*background: #fff;*/
	padding: 40px 8px;
	line-height: 2.3;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.75);
}
.message_inner h2 {
	font-size: 1.75em;
	font-weight: 700;
	padding-bottom: 20px;
	color: #7a4a3a;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}	
.message_inner h3 {
	font-size: 1.5em;
	font-weight: 700;
	padding-bottom: 8px;
	color: #896457;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}	

.shokansen_triangle {
	/*padding: 40px 10px 15px;*/
	width: 50%;
	margin: 2em auto 0;
}
.shokansen_triangle img {
	width: 100%;
}
.message_btn {
	margin-bottom: 5px;
	margin-top: 1.5em;
}
.btn01, .btn02, .btn03, .btn03_02, .btn04 {
	text-align: center;
	font-size: 1em;
}
.product_detail .btn02 a:link {
	text-decoration: none!important;
}
.item_spec_box .spec_cont .btn02 {
	padding-top: 1.5em;
	border-top: 2px dotted #f3ede4;
}

.btn01 a {
	background-color: #eadfce;
	padding: 8px 42px;
	/*border-radius: 50px;*/
	min-width: 280px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #7a4a3a;
	font-weight: 600;
	margin-bottom: 15px;
}	
.btn01 a::after, .btn02 a::after, .btn03 a::after, .btn03_02::after, .symptom_name a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(45deg);
}

.btn02 a {
	background-color: #fff;
	padding: 12px 42px;
	border-radius: 50px;
	min-width: 280px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #7a4a3a;
	font-weight: 600;
	border: 1px solid #7a4a3a;
}	
.btn03 a {
	background-color: #f1e6ce;
	padding: 10px 42px;
	border-radius: 50px;
	min-width: 200px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #7a4a3a;
	font-weight: 600;
	/*margin-bottom: 15px;*/
	font-size: 1em;
}
.btn04 {
	background-color: #ffffffd4;
	padding: 10px 42px;
	border-radius: 50px;
	width: 250px;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #7a4a3a;
	font-weight: 600;
	/*margin-bottom: 15px;*/
	font-size: 1em;
	margin: 10px auto;
}	
.btn04::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(135deg);
}
.item_btn {
	margin: 10px auto 0;
}
.beige {
	background: #f7f2ec;
}

/*===============
	TOP_お悩み
================*/
.worries h2 {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	padding: 40px 0 20px;
	font-size: 1.75em;
	letter-spacing: 0.1em;
}
.worries_title {
	padding: 5px 0;
	font-weight: 500;
	font-size: 1.25em;
	margin-bottom: 10px;
	position: relative;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.worries_title, .worries_title span {
	color: #fff;
	padding-right: 2px;
}
.tea .worries_title {
	padding: 14px 0;
	font-size: 1.375em;
	margin-bottom: 10px;
	color: #8d5c1f;
}
.worries .item_index_inner {
	display: flex;
	padding-bottom: 30px;
}
.worries .item_index_inner .item_img {
	height: 170px;
	padding: 10px 5px 0;
	margin: 0 auto;
}
.worries .item_box {
	display: inline-block;
	margin: 0 auto;
	/*width: 50%;*/
}
.worries .item_name {
	font-weight: 500;
	line-height: 1.5;
	padding-bottom: 10px;
	letter-spacing: 0.1em;
}
.furigana_s {
	font-size: 0.6em;
	display: block;
}
.bofu_bg_color {
	background: #9f8565!important;
}
.boi_bg_color {
	background: #ea707f!important;
}
.daisai_bg_color {
	background: #e58f34!important;
}
.kami_bg_color {
	background: #97549f!important;
}
.hachimi_bg_color {
	background: #6b8647!important;
}
.tea_bg_color {
	background: #f5e8c3;
	color: #8d5c1f;
}
.worries {
	padding-bottom: 30px;
	text-align: center;
}
.btn_area {
	padding: 35px 0;
	text-align: center;
}

/*======================
	main ranking
========================*/

.main_ranking section {
	padding: 6px 0 16px;
}
.main_ranking section:not(:last-child) {
	margin-bottom: 16px;
	/* border-bottom: 1px solid rgba(0,0,0,.1); */
	border-bottom: 4px solid #F6F7F6;
}
.rank_wrap {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-align:flex-start;
	-moz-box-align:flex-start;
	-ms-flex-align:flex-start;
	-webkit-align-items:flex-start;
	-moz-align-items:flex-start;
	align-items:flex-start;
}

.rank_series_ttl h3 {
	line-height: 1.3;
	text-align: center;
	font-weight: 500;
}
.ranking_list {
	display: flex;
	gap: 20px;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	width: 90%;
	margin: 0 auto;
}
.ranking_list li {
	width: 28%;
	font-size: 0.875em;
	/*line-height: 1.4;*/
	position: relative;
	font-weight: 500;
	margin: 30px 0;
  scroll-snap-align: start;
}
.ranking_list li img {
	margin-bottom: 6px;
}
.ranking_img {
	width: 160px;
	margin: 0 auto;
}	
.ranking_img img {
	width: 100%;
}	
.ranking_list a:link {
	text-decoration: none;
}
.ranking_list h3 {
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
	font-size: 1em!important;
	letter-spacing: 0.1em;
}
.ranking_list li::before,
.ranking_list li::after {
	content: "";
	display: inline-block;
	width: 36px;
	height: 40px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: -32px;
	left: 6px;	
}
.ranking_list .rank1::before {
	background-image: url(../img/icon_crown_01.png)!important;
}
.ranking_list .rank2::before {
	background-image: url(../img/icon_crown_02.png)!important;
}
.ranking_list .rank3::before {
	background-image: url(../img/icon_crown_03.png)!important;
}
.ranking_list .rank4::before {
	background-image: url(../img/icon_crown_n.png)!important;
}
.ranking_list .rank5::before {
	background-image: url(../img/icon_crown_n.png)!important;
}
.ranking_list {
	counter-reset: number 0; 
}
.ranking_list li::after {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	counter-increment: number 1;
	content: counter(number)" ";
	text-align: center;
	font-size: 1.25em;
	line-height: 42px;
	font-weight: 700;
	color: #FFFFFF;
}
.ranking h2 {
    margin-bottom: 42px;
	text-align: center;
	font-size: 1.75em;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.ranking_txt {
	text-align: center;
}
.item_copy {
	color: #954949;
	margin: 0 auto 10px;
	padding: 2px 8px;
	background: #f7f0e2;
	display: inline-block;
	font-size: 0.875em;
	width: fit-content;
}
.ranking_inner {
	margin: 0 10px;
}

/*===============
	商品検索
================*/
.product_search {
	margin: 2em 0;
	background: #f7f2ec;
	padding: 1em 2em 2em;
}
.product_search h2 {
    margin-bottom: 30px;
	text-align: center;
	font-size: 1.75em;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}

/*===============
	症状検索
================*/
.product_search_symptoms {
	padding: 2em 0.5em;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background: #fff;
	margin-bottom: 10px;
}
.product_search_symptoms h3 {
    margin-bottom: 20px;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.symptom_list {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	padding-left: 0;
	margin: 0 auto;
	width: 90%;
}
.symptom_list .symptom_name {
    width: 180px;
	/*margin: 0 10px;*/
}
.symptom_list .symptom_name a {
    position: relative;
    height: 60px;
    overflow: hidden;
    border-radius: 8px;
    background: #f7f0e2;
    display: flex;
    align-items: center;
	padding-left: 20px;
}	
.symptom_list .symptom_name a::before {
    content: "#";
	margin-right: 2px;
}
.symptom_list .symptom_name:nth-child(1) a {
	border-left: 10px solid #9f8565;
}
.symptom_list .symptom_name:nth-child(2) a {
	border-left: 10px solid #ea707f;
}
.symptom_list .symptom_name:nth-child(3) a {
	border-left: 10px solid #e58f34;
}
.symptom_list .symptom_name:nth-child(4) a {
	border-left: 10px solid #6b8647;
}
.symptom_list .symptom_name:nth-child(5) a {
	border-left: 10px solid #97549f;
}

/*===============
	名前検索
================*/
.product_name_search {
	padding-top: 2em;
	/*margin-bottom: 4em;
	border: 22px solid #f0e8dc;*/
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background: #fff;
}
.product_name_search h3 {
    margin-bottom: 20px;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.product_name_list {
	/*display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;*/
	width: 95%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 8px;
}
.product_name_list .product_name_list_item {
    display: flex;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 40px;
    box-sizing: content-box;
    border-left: 1px #f0e8dc dotted;
    /*height: 280px;*/
}
.product_name_list .product_name_list_item .product_name_list_item_data .product_name_list_item_data_item a {
	position: relative;
	width: 100%;
	height: auto;
	margin: 16px 5px 0 22px;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
	background: #fff;
	text-indent: 0;
}
.product_name_list .product_name_list_item .product_name_list_item_title {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	margin: 0 0 15px;
	font-size: 1.125em;
	font-weight: 700;
	flex-shrink: 0;
}
.product_name_list .product_name_list_item .product_name_list_item_title:first-letter {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	padding: 0 4px 2px;
	margin-right: 8px;
	font-size: 1.5em;
	color: #fff;
	background: #ba8e80;
	border-radius: 5px;
	vertical-align: super;
}
.product_name_list .product_name_list_item .product_name_list_item_data .product_name_list_item_data_item {
	margin-bottom: 5px;
}
.product_name_list .product_name_list_item .product_name_list_item_data .product_name_list_item_data_item a span {
	display: block;
	font-size: 0.875em;
	font-weight: normal;
	padding-left: 20px;
}
.row_ta {
	grid-row: span 2 / span 2;
	grid-column-start: 1;
	grid-row-start: 2;
}
.row_ha {
	grid-row: span 3 / span 3;
	grid-column-start: 2;
	grid-row-start: 1;		
}

/*===============
	NEWS
================*/
/*.news {
	background: #fffaf6;
}*/
.main_news {
	padding: 0 20px 10px;
	margin: 0;
}
.main_news .main_news_cont {
	width: 500px;
	margin: 0 auto;
}
.main_news section > dl {
	/*width: 600px;*/
	margin: 0 auto;
	border-bottom: 1px dotted #f3ede4;
	margin-bottom: 12px;
	padding: 0 10px 10px 10px;
	cursor: pointer;
}
.main_news section > dl > dt {
	margin-bottom: 2px;
	float: left;
}
.main_news .news_btn {
	width: 180px;
	margin: 16px auto 0;
}
.main_news .news_btn a {
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 2.25;
	font-weight: 500;
	background: #f1e6ce;
	color: #113A62;
	border-radius: 9999px;
	padding: 10px 42px;
}
.main_news .news_btn a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(45deg);
}
.main_news .news_title {
	position: relative;
	padding-right: 2em;
	/*font-size: 1.05em;*/
	font-weight: 500;
	clear: both;
}

.main_news .news_more::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	height: 2px;
	width: 15px;
	background: #7a4a3a;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;
}
.main_news .news_more::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	height: 2px;
	width: 15px;
	background: #7a4a3a;
	transition: all .3s ease-in-out;
}	
.main_news .news_more.open::before {
	transform: rotate(180deg);
}	
.main_news .news_more.open::after {
	opacity: 0;
}	
.main_news .news_cont {
	display: none;
	/*font-size: 1em;*/
	margin: 4px 0 10px;
	padding: 16px 0.5em 0 0;
	line-height: 1.8;
}	
.main_news .news_cont p {
	margin-bottom: .75em;
}	
.main_news .news_cont dl {
	margin: .75em 0;
}
.main_news .news_cont dt {
	margin-bottom: .25em;
}	
.main_news .news_cont dd {
	margin-left: 1em;
	margin-bottom: .25em;
}
.main_news .news_btn a {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 0.875em;
    line-height: 2.25;
    font-weight: 500;
    background: #f0e8dc;
    color: #7a4a3a;
    /* border: 3px solid #000000; */
    border-radius: 9999px;
}
.article_more_btn a {
    position: relative;
    display: block;
    text-align: center;
    padding: 12px 42px;
    border-radius: 50px;
    max-width: 220px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #f0e8dc;
    color: #7a4a3a;
    font-weight: 600;
    /*border: 1px solid #7a4a3a;*/
    margin: 10px auto 10px;
}	
.article_more_btn a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(45deg);
}
.news_cont a:link {
	text-decoration: underline!important;
}
.news_btn a:link {
	text-decoration: none!important;
}
.main_news section {
	/*border: 1px solid #f0e8dc;*/
	/*max-height: 300px;*/
	overflow-y: scroll;
	padding: 10px 20px;
}
.news_ct {
    margin: 2px 0 0 10px;
    background: #f7f0e2;
    color: #7a4a3a;
    padding: 1px 12px;
    font-size: 0.7em!important;
    font-weight: 500!important;
    letter-spacing: 0.15em;
	display: block;
    text-align: center;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.news_date {
	font-size: 0.9em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-weight: normal!important;
}
.news section {
	background: #fff;
	border-radius: 20px;
}
.news h2 {
    margin-bottom: 20px;
	text-align: center;
	font-size: 1.75em;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}

/*===============
	コラム
================*/
/*.article {
	padding-top: 4em;
}*/
.article h2 {
    margin-bottom: 20px;
	text-align: center;
	font-size: 1.75em;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
/*.article_wrap ul {
	display: flex;
	flex-wrap: wrap;
}*/
.article .article_cont {
    /*width: 32.5%;*/
    padding: 10px 4px 20px 4px;
	margin: 0 auto;
	position: relative;
}
.article .article_cont a {
	box-sizing: border-box;
}
.article .section_title {
	line-height: 1.4;
}
/*.article_title::after {
	content: '';
	position: relative;
	margin: auto;
	top: -1px;
	bottom: 0;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(45deg);
	display: inline-block;
	margin-left: 2px;
}*/
.article .article_title {
	line-height: 1.6;
	margin: 12px 0 2px;
	font-weight: 500;
	height: 3.75em;
	font-size: 1em;
}
/*.article .article_wrap {
	margin: 0px 5px;
}*/
.article_img {
	/*width: 300px;*/
	margin: 0 auto;
	overflow:hidden;
	border-radius: 10px;
}	
.article_img img {
	border-radius: 10px;
}
.article_img img:hover {
	transform: scale(1.1,1.1);
	transition:1s all;
}
.article_date {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.article .new .article_img::before {
	content: "";
	width: 59px;
    height: 65px;
    background-image: url(../img/icon_new.svg);
	position: absolute;
	top: 0;
	left: 33px;
	z-index: 10;
	display: inline-block;
	text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

/*コラム_スライダー*/
.column_slider {
	max-width: 88%;
	margin: 0 auto;  
 }
.column_slider .slick-prev:before, .column_slider .slick-next:before {
    color: #bca39a!important;
	z-index: 1000;
	font-size: 30px!important;
}
.column_slider .slick-prev, .column_slider .slick-next {
	width: 30px!important;
	height: 30px!important;
}
.column_slider .slick-prev {
    left: -38px!important;
}
.column_slider .slick-next {
    right: -38px!important;
}
.column_slider .slick-dots li.slick-active button:before {
    color: #7a4a3a!important;
}
.column_slider .slick-dots li button:before {
    color: #7a4a3a!important;
}
.column_slider .slick-dots {
    bottom: -15px!important;
}	
.column_slider .slick-dots li button:before {
	font-size: 8px!important;
}


/*===============
	FAQ
================*/
.top_faq {
	padding-top: 20px;
	background: #f7f2ec;
}
.top_faq h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.75em;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.top_faq_inner {
	background: #fff;
    margin: 20px 20px 0;
    padding: 10px 20px;
	border-radius: 20px;
}

/*================================
	TOP_エンブレム
================================*/
.emblem_box .emblem_title {
	font-size: 0.9em;
	line-height: 1.1;
	font-weight: 500;
	/*font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;*/
	letter-spacing: -0.000015em;
	text-align: center;
}
.emblem_box .ex_more {
    padding: 16px;
	/*border: 1px solid #e9e7e3;*/
	position: relative;
	padding-right: 40px;
	cursor: pointer;
	background: #f7efe4;
}
.emblem_box .ex_more::before {
    position: absolute;
    content: '';
    top: 50%;
    right: 18px;
    height: 1.5px;
    width: 13px;
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
	background: #7a4a3a;
}
.emblem_box .ex_more::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 18px;
    height: 1.5px;
    width: 13px;
    transition: all .3s ease-in-out;
	background: #7a4a3a;
}
.emblem_box .ex_more.open::before {
	transform: rotate(180deg);
}
.emblem_box .ex_more.open::after {
	opacity: 0;
}
.emblem_box .enblem_cont {
	display: none;
	font-size: 0.875rem;
    padding: .5em 1.2em 1.2em;
    background: #fff;
	line-height: 1.65;
	text-align: center;
}
.ann_e {
	font-size: 0.75rem;
	vertical-align: text-top;
	line-height: 1.35;
	display: inline-block;
	text-align: left;
	margin-top: 1em;
}
.emblem_box {
	margin-bottom: 0;
}

/*================================
	各商品ページ
=================================*/
.Breadcrumb {
	display: block;
}
.Breadcrumb ol {
	padding: 3px 16px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.Breadcrumb ol li {
	display: inline;
	font-size: 0.75em;
	padding: 4px;
	color: #7a4a3a;
	position: relative;
}
.Breadcrumb li:not(:last-child) {
	padding-right: 18px;
}
.Breadcrumb li:not(:last-child)::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 6px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #b18b7d;
	border-right: 1px solid #b18b7d;
	transform: rotate(45deg);
}
.page_top {
	padding: 50px 0;
	letter-spacing: 0.05em;
}	
p.page_top_title {
	font-size: 1.875em;
	text-align: center;
    line-height: 2;
	font-weight: 500;
}
.page_top_title {
	font-size: 1.875em;
	text-align: center;
    line-height: 2;
	font-weight: 700;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.item_top_text {
	text-align: center;
	margin-top: 4em;
}
.page_top_title .title_under {
	border-bottom: 1px solid;
    margin-bottom: 5px;
	margin-right: 6px;
	color: #a9523d;
}
.page_top_title .title_s {
	font-size: 0.75em;
}
/*.product_top {
	margin-top: 20px;
}*/
.product_top .page_top, .product_top .page_top span {
	color: #fff;
}
.top_decoration_img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	top: 188px;
	position: absolute;
	width: 64px;
	height: 102px;
	bottom: 0;
	z-index: 1;
}
h1.item_name, h2.item_name {
	font-size: 2.25em!important;
    font-weight: 600;
	letter-spacing: 0.125em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.item_top_text .type {
	font-size: 0.9em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.item_furigana {
	letter-spacing: 0.8em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.item_text {
	line-height: 1.8;
	/*font-size: 1.05em;*/
	padding: 0 24px 0.6em;
	/*letter-spacing: -0.01em;*/
}
.product_detail .item_img {
	position: relative;
}
.main_img img {
	width: 100%;
	height: 100%;
}
.texture_img {
	width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
	box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px 0px;
}
.texture_img img {
	width: 150px;
    height: 150px;
}
.sub_img_tea {
	width: 138px;
    height: 198px;
    overflow: visible;
    position: absolute;
    bottom: 25px;
    right: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
	box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px 0px;
	transform: rotate(10deg);
	border-radius: 10px;
}
.product_detail {
	padding-bottom: 100px;
}

/*チェックリスト*/
.reco_title {
	margin-bottom: 40px;
	padding: 20px 0;
	text-align: center;
	font-size: 1.375em;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.product_detail .wrapper {
	/*padding: 0 15px;*/
	/*line-height: 1.75;*/
	width: 92%;
    margin: 0 auto;
}
.item_recommend {
	background-color: #fff;
	position: relative;
	width: 100%;
	margin: 70px auto 0;
	display: block;
	line-height: 2;
	padding: 60px 80px;
}
.item_checklist {
	margin: 0 auto;
	max-width: 70%;
	width: fit-content;
	font-size: 1.125em;
	line-height: 1.8;
}
.item_checklist li {
	text-align: initial;
	position: relative;
	padding-left: 30px;
}
.item_checklist li:not(:last-child) {
    margin-bottom: 15px;
}
.item_recommend li:before {
	content: "";
	position: absolute;
	top: .45em;
	left: 8px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 6px;
	height: 14px;
	/*border-right: 2px solid #666;
	border-bottom: 2px solid #666;*/
}
.item_recommend li::after {
	content: "";
	position: absolute;
	top: .55em;
	left: 0;
	width: 15px;
	height: 15px;
	/*border: 1px solid #aaa;*/
	border-radius: 1px;
}
.item_spbg {
	padding-top: 10px;
}
.product_info {
	text-align: initial;
	padding: 0;
}
.item_inner_title {
	font-weight: 500;
	color: #fff;
	border-bottom: 1px solid #fff;
    padding: 40px 0 2px;
    margin: 0 auto 10px;
	line-height: 1.65;
	letter-spacing: 0.05em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-size: 1.375em;
}
.detail_txt {
	color: #fff;
	text-align: center;
}
.item_inner_title::before {
    background-image: url(../img/icon_leaf_white.png);
}

/*商品ページ内アンカー*/
.item_detail_anchor ul {
	display: flex;
    justify-content: center;
    gap: 80px;
    margin: 15px 0px;
    flex-wrap: wrap;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-size: 1.25em;
	position: relative;
	line-height: 2;
}
.tea .item_detail_anchor ul {
	display: flex;
    justify-content: center;
    gap: 35px;
	margin: 40px 10px;
    flex-wrap: wrap;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-size: 1.2em;
	position: relative;
	line-height: 2;
}
.item_detail_anchor li {
	padding: 8px 20px 8px 0;
	display: flex;
	position: relative;
}
.tea .item_detail_anchor li {
	padding: 8px 5px 8px 0;
	display: inline-block;
	position: relative;
}
.tea .item_detail_anchor li .anchor_explanation {
    /*font-family: 'Noto Sans JP', sans-serif;*/
	font-size: 0.75em;
	line-height: 1.5;
	margin-left: 30px;
	color: #8f6736;
	letter-spacing: -0.1em;
}
.item_detail_anchor li a {
	display: block;
	position: relative;
	height: 100%;
    width: 100%;
}
.item_detail_anchor li a::before {
	width: 20px;
	height: 30px;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	margin-right: 8px;
	vertical-align: text-top;
}
	
.bofu .item_detail_anchor li a::before, .tea .item_detail_anchor .kenko a::before {
	background-image: url(../img/icon_leaf_bofu.png);
}
.boi .item_detail_anchor li a::before, .tea .item_detail_anchor .biyo a::before {
	background-image: url(../img/icon_leaf_boi.png) ;
}
.daisai .item_detail_anchor li a::before {
	background-image: url(../img/icon_leaf_daisai.png);
}
.kami .item_detail_anchor li a::before {
	background-image: url(../img/icon_leaf_kami.png);
}
.hachimi .item_detail_anchor li a::before, .tea .item_detail_anchor .sukkiri a::before {
	background-image: url(../img/icon_leaf_hachimi.png);
}
.item_detail_anchor li a::after {
	content: '';
	position: absolute;
	margin: auto;
	margin-left: 10px;
	top: 0;
	bottom: 0;
	/*right: 16px;*/
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(135deg);
}
.tea .item_detail_anchor li a::after {
	content: '';
	position: absolute;
	margin: auto;
	margin-left: 0;
	top: 29%;
	bottom: 71%;
	right: -3px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(135deg);
}


/*================================
	spec
=================================*/

.p-product-detail .product__section-title {
    margin-bottom: 16px;
    font-size: 1.25em;
	padding-bottom: 16px;
	border-bottom: solid 2px #171717;
}
.item_spec_wrap .item_name_box {
	margin: 1em 0;
	color: #fff;
}
.item_spec_wrap .item_name {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.3;
	letter-spacing: .03em;
	font-weight: 500;
	margin: 0;
}
.item_spec_wrap .item_name em {
	font-style: normal;
	display: inline-block;
}
.item_spec_wrap .item_name .item_capa {
	display: inline-block;
	font-size: 0.875em;
	padding-left: 0.5em;
}
.item_spec_wrap .item_sales_name {
	text-align: center;
	font-size: 0.875em;
	line-height: 1.3;
	margin: .25em 0;
}
.item_spec_wrap .item_spec_bottom_box {
	margin: .5em auto 0;
}	
.item_spec_wrap .item_spec_bottom_box .balance_attn {
	font-size: 0.75em;
}
.item_spec_box {
	margin: 0 auto;
}
.item_spec_box .item_spec_title {
	font-size: 1.25em;
	line-height: 1.1;
	font-weight: 500;
	/*padding-left: 1em;*/
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.item_spec_box .spec_more {
    padding: 16px 30px;
	/*border: 1px solid #e9e7e3;*/
    margin-top: 16px;
	position: relative;
	padding-right: 40px;
	cursor: pointer;
	background: #fff;
}
.item_spec_box .spec_more.open::before {
	transform: rotate(180deg);
}
.item_spec_box .spec_more.open::after {
	opacity: 0;
}
.item_spec_box .spec_cont {
	display: none;
	font-size: 1em;
    padding: 0.5em 2em 2em;
    background: #fff;
	line-height: 1.65;
}
.item_spec_box .spec_cont ul,
.item_spec_box .spec_cont ol {
	margin-left: 0.5em;
	padding-left: 0;
}	
.item_spec_box .spec_cont ol > li ol {
	padding-left: 1.5em ;
}
.item_spec_box .spec_cont ol > li ol > li:not(:where(.sbno_list li)) {
	list-style: decimal;
}
.item_spec_box .spec_cont ol.sbno_list {
	list-style-type: none;
	padding-left: 2em ;
}
.item_spec_box .spec_cont ol.sbno_list > li {
	counter-increment: cnt;
}	
.item_spec_box .spec_cont ol.sbno_list > li::before {
	content: "（"counter(cnt) "）";
	display:inline-block;
	margin-left:-2em ;
	width: 2em ;
}
.item_spec_box .spec_cont ul.circle_list {
	list-style-type: none;
	padding-left: 1.5em ;
}	
.item_spec_box .spec_cont ul.circle_list > li::before {
	content: "◦";
	display:inline-block;
	margin-left:-1.5em ;
	width: 1.5em ;
}
.item_spec_box .spec_cont ul.disc_list {
	list-style-type: none;
	padding-left: 0.5em ;
}	
/*.item_spec_box .spec_cont ul.disc_list > li::before {
	content: "•";
	display:inline-block;
	margin-left:-1.5em ;
	width: 1.5em ;
}*/
.item_spec_box .spec_cont ol.no_list {
	padding-left: 1em;
}
.item_spec_box .spec_cont ol.no_list > li {
	list-style: decimal;
}

.item_spec_box .spec_more::before {
    position: absolute;
    content: '';
    top: 50%;
    right: 30px;
    height: 2px;
    width: 15px;
    background: #333;
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
}
.item_spec_box .spec_more::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 30px;
    height: 2px;
    width: 15px;
    background: #8b5b1f;
    transition: all .3s ease-in-out;
}
.spec_cont a:link {
	text-decoration: underline!important;
}
	
/*表*/
.item_spec_table {
	border-collapse: collapse;
	width: 95%;
	margin: 15px auto;
}
.item_spec_table th, .item_spec_table td {
	border: 1px solid #cfbfb8;
	padding: 10px 20px;
	line-height: 1.6;
    word-break: break-all;
}
.item_spec_table th {
	font-weight: 500;
	background-color: #f7f4f2;
}
/*.kampo_dosage th, .kampo_seibun th, .colmn_table th {
	background-color: #f7f4f2;
}*/
.item_spec_table th, .item_spec_table td {
	width: 50%;
}
.kampo_dosage th, .kampo_dosage td {
	width: 33.33%;
}
.kampo_dosage, .kampo_seibun {
	text-align: center;
}
.colmn_table {
	margin-bottom: 1.5em;
}

/*FAQ*/
.item_inner_faq {
    padding: 16px 18px;
    /* border: 1px solid #e9e7e3; */
    margin-top: 16px;
    position: relative;
    padding-right: 40px;
    cursor: pointer;
    background: #fff;
}
.item_inner_faq a {
	display: block;
}
.item_inner_faq a::after {
	content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 25px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
}
.color_area {
	padding-bottom: 3em ;
}

/*=================
	各商品毎
=================*/
/*============
	チャート
============*/
.chart_item_types_cont {
	/*width: 80%;*/
	margin: 0 auto;
	padding: 80px 0;
}
.item_types_chart {
	padding: 20px 0 60px;
	text-align: center;
}	
.item_types_chart_title {
	margin-bottom: 20px;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.item_types_chart_subtitle {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #8b5b1f;
	padding-bottom: 10px;
}
.item_types_chart_title span {
	font-size: 1.3em ;
}
.bofu .item_types_chart_title span {
	color: #945c46;
}
.boi .item_types_chart_title span {
	color: #e75466;
}
span.pink-marker {
	background: linear-gradient(transparent 70%, #fddfe0 50%);
	padding: 0 1px;
}
.item_types_table {
	padding-bottom: 20px;
	font-weight: 500;
	margin: 0 10px;
}
.item_types_table_top th, .item_types_table_top td {
	padding: 10px;
	letter-spacing: 0.035em ;
	font-weight: 500;
	font-size: 1.25em;
}
.item_types_table_top {
	width: 100%;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	color: #fff;
}
.bofu .item_types_table_top th:nth-child(1){
	background: #b97049;
}	
.bofu .item_types_table_top th:nth-child(2){
	background: #967b56;
}
.boi .item_types_table_top th:nth-child(1){
	background: #ea707f;
}	
.boi .item_types_table_top th:nth-child(2){
	background: #e3374d;
}
.item_types_table .item_types_table_img .jou img {
	height: 170px;
	margin: 0 auto;
	padding: 5px;
}
.item_types_table .item_types_table_img .karyu img {
	width: 170px;
	margin: 20px auto 6px;
	padding: 5px;
}
.item_types_table thead td, .item_types_table_img td {
	width: 50%;
}
.item_types_list_bottom {
	padding: 0 10px;
	width: 100%;
	background: #fff7e7;
	line-height: 1.4;
}
.item_types_list_bottom .list_inner {
	display: flex;
	font-size: 0.95em;
	align-items: center;
	padding: 10px 0;
}
.item_types_list_bottom .jou, .item_types_list_bottom .karyu {
	width: 42%;
}
.item_types_list_bottom .topic {
	width: 16%;
	background: #fedd8f;
	font-size: 0.9em;
	margin: 0 3px;
	padding: 2px 0;
	padding: 4px;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.list_1st, .list_2nd, .list_3rd, .list_4th, .list_5th {
	border-bottom: 1px solid #eadfce;
}
.list_6th .topic {
	width: 100%;
}
.list_6th {
	padding-bottom: 0!important;
}	
.list_7th p {
	margin: 0 auto;
	padding: 0 10px;
}
.chart_yajirushi {
	width: 70%;
	margin: 0 auto;
}

/*============
	アンカー
============*/
.anchor_item_types {
	display: flex;
	margin: 0 1%;
}
.anchor_item_types .jou {
	margin-right: 1%;
}
.item_types_anchor {
	position: relative;
	width: 49.5%;
}
.anchor_item_types .jou a, .anchor_item_types .karyu a {
	display: block;
	padding: 10px 30px;
	height: 520px;
	border-radius: 40px;
}
.anchor_item_types .bofu_jouss a {
	background: #f5e4d4;
}
.anchor_item_types .bofu_karyu a {
	background: #efe7d3;
}
.anchor_item_types .boi_jousx a {
	background: #fdf2f4;
}
.anchor_item_types .boi_karyu a {
	background: #fdebe8;
}
.item_types_anchor_item {
	text-align: center;
	margin-right: 1.5%;
}
.fukidashi {
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    top: 30px;
    right: 10px;
    position: absolute;
    width: 120px;
    bottom: 0;
    z-index: 1;
}
.anchor_item_types .jou .item_types_anchor_item img {
	height: 160px;
	margin: 0 auto;
	padding: 5px;	
}
.anchor_item_types .karyu img {
	width: 155px;
	margin: 0 auto;
	padding: 5px;	
}
.item_types_anchor_name {
	width: fit-content;
	margin: 0 auto;
	line-height: 1.5;
}	
.item_types_anchor_name span {
	display: block;
}
.item_types_anchor_list {
	padding-top: 15px;
}
.item_types_anchor_list_title {
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.25em;
	color: #ea6575;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.item_types_anchor_list ul {
	font-size: 0.9em;
	margin: 0 auto;
	width: fit-content;
	height: 140px;
}
.item_types_anchor_inner li {
	position: relative;
	padding: 0 0 5px 0.8em;
	line-height: 1.6;
	text-align: left;
}
.item_types_anchor_inner li:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #6c4d42;
	display: inline-block;
	top: 9px;
	left: 0px;
}
span.white-marker {
	background: linear-gradient(transparent 70%, #fff 50%);
	width: fit-content;
	padding: 0 3px;
}
/*.item_types_anchor a::after {
	content: '';
	position: absolute;
	margin: auto;
	bottom: 15px;
	right: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(135deg);
}*/

/*防風通聖散*/
.bofu_R_img {
	background-image: url(../img/top_bofu_R.png);
	right: 12px;
}
.bofu_L_img {
	background-image: url(../img/top_bofu_L.png);
	left: 12px;
}
.bofu_text_color {
	color: #8b5b1f;
}
.bofu .reco_title {
	color: #8b5b1f;
	border-top: 1px solid #8b5b1f;
	border-bottom: 1px solid #8b5b1f;
}
.bofu .item_checklist li {
	color: #8b5b1f;
}
.bofu .item_checklist li:before {
	border-right: 2px solid #8b5b1f;
	border-bottom: 2px solid #8b5b1f;
}
.bofu .item_checklist li::after {
	border: 1px solid #8b5b1f;
}
.bofu .item_spec_box .spec_more::before {
    background: #8b5b1f;
}
.bofu .item_spec_box .spec_more::after {
    background: #8b5b1f;
}
.bofu .item_spec_title {
	color: #8b5b1f;
}
.bofu .item_inner_faq a::after {
    border-top: 2.5px solid #8b5b1f;
    border-right: 2.5px solid #8b5b1f;
}
.bofu .item_inner_faq a::after {
    border-top: 2.5px solid #8b5b1f;
    border-right: 2.5px solid #8b5b1f;
}

/*防已黄耆湯*/
.boi_R_img {
	background-image: url(../img/top_boi_R.png);
	right: 12px;
	width: 70px;
	height: 110px;
	top: 175px;
}
.boi_L_img {
	background-image: url(../img/top_boi_L.png);
	left: 12px;
	width: 72px;
	height: 116px;
	top: 170px;
}
.boi_text_color {
	color: #ea5365;
}
.boi .reco_title {
	color: #ea5365;
	border-top: 1px solid #ea5365;
	border-bottom: 1px solid #ea5365;
}
.boi .item_checklist li {
	color: #ea5365;
}
.boi .item_checklist li:before {
	border-right: 2px solid #ea5365;
	border-bottom: 2px solid #ea5365;
}
.boi .item_checklist li::after {
	border: 1px solid #ea5365;
}
.boi .item_spec_box .spec_more::before {
    background: #ea5365;
}
.boi .item_spec_box .spec_more::after {
    background: #ea5365;
}
.boi .item_spec_title {
	color: #ea5365;
}
.boi .item_inner_faq a::after {
    border-top: 2.5px solid #ea5365;
    border-right: 2.5px solid #ea5365;
}

/*大柴胡湯*/
.daisai_R_img {
	background-image: url(../img/top_daisai_R.png);
	right: 12px;
}
.daisai_L_img {
	background-image: url(../img/top_daisai_L.png);
	left: 12px;
}
.daisai_text_color {
	color: #ef8400;
}
.daisai_text_color .ann {
	color: #ef8400;
}	
.daisai .reco_title {
	color: #ef8400;
	border-top: 1px solid #ef8400;
	border-bottom: 1px solid #ef8400;
}
.daisai .item_checklist li {
	color: #ef8400;
}
.daisai .item_checklist li:before {
	border-right: 2px solid #ef8400;
	border-bottom: 2px solid #ef8400;
}
.daisai .item_checklist li::after {
	border: 1px solid #ef8400;
}
.daisai .item_spec_box .spec_more::before {
    background: #ef8400;
}
.daisai .item_spec_box .spec_more::after {
    background: #ef8400;
}
.daisai .item_spec_title {
	color: #ef8400;
}
.daisai .item_inner_faq a::after {
    border-top: 2.5px solid #ef8400;
    border-right: 2.5px solid #ef8400;
}

/*加味逍遥散*/
.kami_R_img {
	background-image: url(../img/top_kami_R.png);
	right: 12px;
}
.kami_L_img {
	background-image: url(../img/top_kami_L_pc.png);
	left: 12px;
	width: 90px;
	top: 185px;
}
.kami_text_color {
	color: #8b4394;
}
.kami_text_color .ann {
	color: #8b4394;
}
.kami .reco_title {
	color: #8b4394;
	border-top: 1px solid #8b4394;
	border-bottom: 1px solid #8b4394;
}
.kami .item_checklist li {
	color: #8b4394;
}
.kami .item_checklist li:before {
	border-right: 2px solid #8b4394;
	border-bottom: 2px solid #8b4394;
}
.kami .item_checklist li::after {
	border: 1px solid #8b4394;
}
.kami .item_spec_box .spec_more::before {
    background: #8b4394;
}
.kami .item_spec_box .spec_more::after {
    background: #8b4394;
}
.kami .item_spec_title {
	color: #8b4394;
}
.kami .item_inner_faq a::after {
    border-top: 2.5px solid #8b4394;
    border-right: 2.5px solid #8b4394;
}
	
/*八味地黄丸*/
.hachimi_R_img {
	background-image: url(../img/top_hachimi_R_pc.png);
	right: 12px;
	width: 110px;
}
.hachimi_L_img {
	background-image: url(../img/top_hachimi_L.png);
	left: 12px;
}
.hachimi_text_color {
	color: #5e7b39;
}
.hachimi_text_color .ann {
	color: #5e7b39;
}
.hachimi .reco_title {
	color: #5e7b39;
	border-top: 1px solid #5e7b39;
	border-bottom: 1px solid #5e7b39;
}
.hachimi .item_checklist li {
	color: #5e7b39;
}
.hachimi .item_checklist li:before {
	border-right: 2px solid #5e7b39;
	border-bottom: 2px solid #5e7b39;
}
.hachimi .item_checklist li::after {
	border: 1px solid #5e7b39;
}
.hachimi .item_spec_box .spec_more::before {
    background: #5e7b39;
}
.hachimi .item_spec_box .spec_more::after {
    background: #5e7b39;
}
.hachimi .item_spec_title {
	color: #5e7b39;
}
.hachimi .item_inner_faq a::after {
    border-top: 2.5px solid #5e7b39;
    border-right: 2.5px solid #5e7b39;
}

/*生漢煎茶*/
.tea .page_top_title {
	color: #905c1b;
	font-size: 1.5em!important;
	line-height: 1.7;
}
.tea_R_img {
	background-image: url(../img/top_tea_R.png);
	right: 12px;
	height: 110px;
	top: 200px;
}
.tea_L_img {
	background-image: url(../img/top_tea_L.png);
	left: 12px;
	height: 115px;
	top: 196px;
}
.tea_text_color {
	color: #905c1b;
}
.tea_info {
	padding: 40px 0 10px;
}
.tea_title_reco {
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	display: block;
	top: -6%;
	position: absolute;
	width: 50%;
	bottom: 0;
	z-index: 1;
	right: 25%;
	max-height: 50px;
}
.tea .item_img {
	position: relative;
}
.non_caffein {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 0.9em;
	margin: 0;
	border: 1px solid #905c1b;
	color: #905c1b;
	padding: 2px 5px;
	border-radius: 5px;
	background: rgba(245, 245, 245, 0.9);
}

/*美容*/
.tea_bg_color_biyo {
	background: #f6d5cc;
}
.tea_bg_color_biyo .reco_title {
	color: #d55665;
	border-top: 1px solid #d55665;
	border-bottom: 1px solid #d55665;
}
.tea_bg_color_biyo .item_checklist li {
	color: #d55665;
}
.tea_bg_color_biyo .item_checklist li:before {
	border-right: 2px solid #d55665;
	border-bottom: 2px solid #d55665;
}
.tea_bg_color_biyo .item_checklist li::after {
	border: 1px solid #d55665;
}
.tea_bg_color_biyo .item_spec_box .spec_more::before {
    background: #d55665;
}
.tea_bg_color_biyo .item_spec_box .spec_more::after {
    background: #d55665;
}
.tea_bg_color_biyo .item_spec_title {
	color: #d55665;
}
.tea_bg_color_biyo .item_inner_faq a::after {
    border-top: 2.5px solid #d55665;
    border-right: 2.5px solid #d55665;
}
.tea_bg_color_biyo .item_inner_title {
	color: #d55665;
	border-bottom: 1px solid #d55665;
}
.tea_bg_color_biyo .item_inner_title::before {
    background-image: url(../img/icon_leaf_boi.png);
}
.tea_bg_color_biyo .tea_info {
	color: #d55665;
}
.tea_bg_color_biyo .reco_title_img {
    background-image: url(../img/reco_title_biyo.png);
}
.tea_bg_color_biyo .item_spec_wrap .item_name_box {
	color: #d55665;
}
	
/*健康*/
.tea_bg_color_kenko {
	background: #e7d6b5;
}	
.tea_bg_color_kenko .reco_title {
	color: #905c1b;
	border-top: 1px solid #905c1b;
	border-bottom: 1px solid #905c1b;
}
.tea_bg_color_kenko .item_checklist li {
	color: #905c1b;
}
.tea_bg_color_kenko .item_checklist li:before {
	border-right: 2px solid #905c1b;
	border-bottom: 2px solid #905c1b;
}
.tea_bg_color_kenko .item_checklist li::after {
	border: 1px solid #905c1b;
}
.tea_bg_color_kenko .item_spec_box .spec_more::before {
    background: #905c1b;
}
.tea_bg_color_kenko .item_spec_box .spec_more::after {
    background: #905c1b;
}
.tea_bg_color_kenko .item_spec_title {
	color: #905c1b;
}
.tea_bg_color_kenko .item_inner_faq a::after {
    border-top: 2.5px solid #905c1b;
    border-right: 2.5px solid #905c1b;
}
.tea_bg_color_kenko .item_inner_title {
	color: #905c1b;
	border-bottom: 1px solid #905c1b;
}
.tea_bg_color_kenko .item_inner_title::before {
    background-image: url(../img/icon_leaf_bofu.png);
}	
.tea_bg_color_kenko .tea_info {
	color: #905c1b;
}
.tea_bg_color_kenko .reco_title_img {
    background-image: url(../img/reco_title_kenko.png);
}
.tea_bg_color_kenko .item_spec_wrap .item_name_box {
	color: #905c1b;
}
	
/*すっきり*/
.tea_bg_color_sukkiri {
	background: #d7dfc8;
}
.tea_bg_color_sukkiri .reco_title {
	color: #53861b;
	border-top: 1px solid #53861b;
	border-bottom: 1px solid #53861b;
}
.tea_bg_color_sukkiri .item_checklist li {
	color: #53861b;
}
.tea_bg_color_sukkiri .item_checklist li:before {
	border-right: 2px solid #53861b;
	border-bottom: 2px solid #53861b;
}
.tea_bg_color_sukkiri .item_checklist li::after {
	border: 1px solid #53861b;
}
.tea_bg_color_sukkiri .item_spec_box .spec_more::before {
    background: #53861b;
}
.tea_bg_color_sukkiri .item_spec_box .spec_more::after {
    background: #53861b;
}
.tea_bg_color_sukkiri .item_spec_title {
	color: #53861b;
}
.tea_bg_color_sukkiri .item_inner_faq a::after {
    border-top: 2.5px solid #53861b;
    border-right: 2.5px solid #53861b;
}
.tea_bg_color_sukkiri .item_inner_title {
	color: #53861b;
	border-bottom: 1px solid #53861b;
}	
.tea_bg_color_sukkiri .item_inner_title::before {
    background-image: url(../img/icon_leaf_hachimi.png);
}	
.tea_bg_color_sukkiri .tea_info {
	color: #53861b;
}
.tea_bg_color_sukkiri .reco_title_img {
    background-image: url(../img/reco_title_sukkiri.png);
}
.tea_bg_color_sukkiri .item_spec_wrap .item_name_box {
	color: #53861b;
}
.tea_txt .red {
	font-size: 0.875em;
}
.tea .item_spec_box .spec_cont .howtodrink  {
	padding-left: 1.9em ;
}
.tea .item_spec_box .spec_cont .howtodrink li:nth-child(1)::before {
    content:  "";
    width:  22px; 
    height: 22px;
    background-image: url(../img/icon_cup.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
	margin: 0px 8px -2px -28px;
	padding-right: 4px;
}
.tea .item_spec_box .spec_cont .howtodrink li:nth-child(2)::before {
    content:  "";
    width:  22px; 
    height: 22px;
    background-image: url(../img/icon_yakan.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
	margin: 0px 8px -2px -28px;
	padding-right: 4px;
}
.tea .item_spec_box .spec_cont .howtodrink li:first-child {
	padding-bottom: 10px;
}
.nutrition {
	margin:0 auto 10px;
	border-collapse: collapse;
	/*text-align: center;*/
	width: 100%;
	width: 90%;
}
.nutrition th, .nutrition td {
	border: 1px solid #cfbfb8;
    padding: 10px 55px;
    line-height: 1.6;
    word-break: break-all;
}
.nutrition tbody td:not(:nth-of-type(1)) {
    text-align: right;
}
.nutrition tbody td:nth-of-type(1) {
    text-align: left;
}
.nutrition .caffein th,.nutrition .caffein td {
	border: none!important;
}
.nutrition p {
	text-align: right;
}
.disc_list {
	list-style-type: disc!important;
	margin-left: 1.3em!important;
}


/*==================
	他の商品
====================*/
.other_items {
	padding-bottom: 3em ;
	text-align: center;
}
.other_items_title {
	font-weight: 500;
	padding: 5px 0;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-size: 1.4em;
}
.other_items_title::before, .category_title_bottom::before {
	background-image: url(../img/icon_leaf_other-items.png);
}
.leaf::before {
	width: 23px;
	height: 33px;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	margin-right: 8px;
	vertical-align: text-top;
}
.other_btn a {
	padding: 10px 0;
	font-weight: 500;
	width: 100%;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #fff!important;
	letter-spacing: -0.01em ;
}
.other_btn span {
	color: #fff;
}
.other_btn_tea a {
	padding: 15px 0;
	font-weight: 500;
	width: 100%;
	display: inline-block;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #805738;
	/*line-height: 1.3;*/
	/*letter-spacing: -0.05em ;*/
	vertical-align: middle;
}
.other_btn a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
.other_btn_tea a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #805738;
	border-right: 2px solid #805738;
	transform: rotate(45deg);
}
.other_btn {
	margin: 0 auto 10px;
	font-size: 1.25em;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.other_btn_tea {
	margin: 0 auto 10px;
	font-size: 1.375em;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}


/*================================
	CTA
=================================*/

.tea .cta {
	padding-bottom: 30px;
}
.add_norm_wrap .norm_btn a span {
	display: inline-block;
	padding-left: 1.45em;
	background: url(../img/icon_cart_white.svg) no-repeat left center;
	background-size: auto 16px;
}
.add_norm_wrap .norm_btn a {
    display: block;
    border-radius: 9999px;
    background-color: #EF7A62;
    padding: 1.2em .5em;
    color: #fff;
    letter-spacing: 0;
    font-weight: 600;
    text-decoration: none;
}

	
/*================================
	add_prod_wrap
=================================*/

/*.add_prod_wrap {
	margin: 46px 0 30px;
	background: #72cdda;
}*/
.add_prod_title {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1.5em;
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	margin-bottom: 20px;
}
.add_prod_inner_wrap,.add_norm_inner_wrap {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;

	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;

	background: #FFFFFF;
	padding: 18px;
	margin-top: 10px;
}
.mark_main_box {
	margin-bottom: 10px;
}
.mark_main_box .mark_main_column {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-block;
	display:-moz-block;
	display:block;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.mark_main_box .main_attn {
	font-size: 0.875em;
	margin: 0.5em  0 0 1em ;
	line-height: normal;
	text-indent: -1em ;
}
.mark_price_box {
	width: calc(100% - 330px);
}
.prod_btn_box, .norm_btn_box {
	width: 320px;
	padding-left: 20px;
}
.prod_btn_box ul li {
	padding-left: 1em ;
}
.add_prod_wrap .mark_box {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	padding-right: 10px;
/*	margin-bottom: 6px;*/
}
.add_prod_wrap .main_box {
	/*width: calc(100% - 170px);*/
}
.add_prod_wrap .mark_box li, .add_norm_wrap .mark_box li {
	width: calc((100% / 2) - 3px);
	background-color: #e95471;
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
	font-size: 0.875em;
	line-height: 20px;
	padding: 5px;
}
/*.add_prod_wrap .mark_box li > span {
	display: block;
}*/
.add_norm_wrap .main_box,
.add_norm_wrap .sub_box,
.add_prod_wrap .main_box,
.add_prod_wrap .sub_box {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:space-between;
	-moz-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-moz-flex-pack:space-between;
	-ms-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;

	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;
	margin-top: 1em ;
}
.add_prod_wrap .sub_box {
	padding: 1em  0 0;
	border-top: 1px solid #e9e7e3;
}
.add_prod_wrap .main_box .prod_title,
.add_prod_wrap .main_box .norm_title {
	font-size: 1.25em;
	line-height: 1.3;
	font-weight: 700;
	text-align: left;
}
.add_prod_wrap .main_box .prod_price {
	text-align: right;
	line-height: 1;
}
	
.add_prod_wrap .main_box .prod_price em {
	color: #e95471;
	font-size: 1.5em;
	font-weight: 600;
	font-style: normal;
}
.add_prod_wrap .main_box .prod_price span span {
	font-size: 0.625em;
}
.add_prod_wrap .sub_box .prod_title {
	font-size: 1em;
	line-height: 1.4;
	font-weight: 600;
	text-align: left;
}
.add_prod_wrap .sub_box .prod_price {
	font-size: 1em;
	line-height: 1.4;
	text-align: right;
}
.add_prod_wrap .sub_box .prod_price em {
	font-weight: 600;
	font-style: normal;
}
.add_prod_wrap .sub_box .prod_price span {
	font-size: 0.875em;
}
.add_prod_wrap .sub_box .prod_price span span {
	font-size: 0.625em;
}
.add_prod_wrap .prod_btn, .add_norm_wrap .norm_btn {
/*	margin-top: 1em ;*/
	text-align: center;
}	
.add_prod_wrap .prod_btn a {
	display: block;
	border-radius: 9999px;
	background-color: #45A77D;
	padding: 1.3em .5em;
	color: #fff;
	font-size: 1em;
	letter-spacing: 0;
	font-weight: 600;
	text-decoration: none;
}	
.add_prod_wrap .teiki_btn a span {
	display: inline-block;
	padding-left: 1.35em;
	background: url(../../../../common/css/svg/teiki_w_16x16.svg) no-repeat left center;
	background-size: auto 16px;
}
.add_prod_wrap .prod_attn {
	margin: .5em 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.875em;
	line-height: 1.4;
}
.add_prod_wrap .prod_attn li {
	text-indent: -1em ;
	margin: 0 0 .25em  1em ;
}
.add_prod_wrap .prod_attn .txt_red {
	color: #e95471;
}
.add_prod_wrap .teiki_terms {
	margin: .25em  1px 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.75em;
	line-height: 1.3;
}	
.add_prod_wrap .teiki_terms li {
	text-indent: -0.8em ;
	margin: 0 0.8em .25em 1em;
}
.add_prod_wrap .teiki_terms .txt_red {
	color: #e95471;
}
.add_prod_wrap, .add_norm_wrap {
	padding: 8px 0;
}
.add_norm_inner_wrap, .add_prod_inner_wrap {
	background: #FFFFFF;
	padding: 16px;
    margin: 10px auto 0;
}
 .main_box dd {
	min-width: 115px;
}
.add_prod_wrap .main_box .prod_title, .add_norm_wrap .main_box .norm_title {
	font-size: 1.15em;
	line-height: 1.4;
	font-weight: 600;
	text-align: left;
	word-break: keep-all;
}
.norm_title {
	padding-bottom: 15px;
}
/*.main_box .norm_title span, .main_box .prod_title span {
	display: block;
}*/
.add_prod_wrap .main_box .prod_price,
.add_norm_wrap .main_box .norm_price {
	text-align: right;
	line-height: 1;
}
.main_box .prod_price em, .add_norm_wrap .main_box .norm_price em {
	color: #e95471;
	font-size: 1.5em;
	font-weight: 600;
	font-style: normal;
}
.main_box span span {
	font-size: 0.625em;
}

	
/*================================
	生漢煎とは
================================*/
/*.top {
	margin-top: 10px;
}*/
.top .page_top_title {
	color: #7a4a3a;
}
.shokansen .page_top_title {
	font-size: 1.875em;
	color: #7a4a3a;
}
.message {
	padding-bottom: 40px;
	text-align: center;
}
.characteristic, .policy3, .questions, .symptoms_cont, .symptoms_table_cont {
	padding: 0 20px 60px;
	line-height: 1.8;
}
.characteristic_img {
	padding: 10px 0 20px;
}
.characteristic p {
	padding-bottom: 1em;
}
.shokansen_circle img {
	padding: 15px 30px 40px;
	margin: 0 auto;
	width: 420px;
	display: none;
}
.elements3 {
	display: flex;
	flex-wrap: wrap;
	padding-top: 30px;
}
.element-icon {
	width: 6%;
	content: "";
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	display: block;
	margin: 0 4%;
	vertical-align: top;
	margin-top: 6px;
}
.sho-icon {
    background-image: url(../img/icon_sho.png);
}
.kan-icon {
    background-image: url(../img/icon_kan.png);
}
.sen-icon {
    background-image: url(../img/icon_sen.png);
}
.e_txt {
	width: 80%;
	padding-bottom: 50px;
}
.element_inner {
	display: flex;
	padding-bottom: 12px;
}


/*================================
	こだわり
================================*/
.policy_title {
	font-size: 1.375em;
	text-align: center;
	padding-bottom: 20px;
	position: relative;
	color: #7a4a3a;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.policy3 h3 {
	text-align: center;
	padding-bottom: 5px;
	position: relative;
	color: #7a4a3a;
	font-size: 1.375em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.policy3 h3 span {
	font-size: 1.2em;
	padding-right: 2px;
}
.policy_list {
	padding-bottom: 80px;
	font-weight: 500;
	font-size: 1.125em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.color_01 {
	color: #75b22f;
}	
.color_02 {
	color: #f1594d;
}
.color_03 {
	color: #348fce;
}
.policy_list li a {
	padding: 12px 38px 12px 77px;
    background: #f7f3ed;
	width: 380px;
	margin: 0 auto 10px;
	display: block;
	position: relative;
}	
.policy_list li:nth-child(1) a::before {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 25px;
	width: 20px;
	height: 20px;
	background-image: url(../img/icon_kodawari_01.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}	
.policy_list li:nth-child(2) a::before {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 25px;
	width: 20px;
	height: 20px;
	background-image: url(../img/icon_kodawari_02.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.policy_list li:nth-child(3) a::before {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 27px;
	width: 23px;
	height: 23px;
	background-image: url(../img/icon_kodawari_03.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.policy_list a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #805738;
	border-right: 2px solid #805738;
	transform: rotate(135deg);
}
.policy_inner h3 img {
	position: absolute;
	top: -68px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 62px;
	margin: 0 auto 18px;
}	
.policy_inner .policy_txt h3::after {
	position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background: #eadfce;
    transform: translateX(-50%);
}	
.policy_inner .policy_txt {
	position: relative;
	width: auto;
	padding: 35px 40px 0;
}
.policy_inner .policy_txt h4 {
	padding: 25px 0 5px;
	font-weight: 500;
	font-size: 1.125em;
	color: #7a4a3a;
}	
.policy_inner {
	padding-bottom: 80px;
}	
.policy_txt ul {
	list-style-type: circle;
	padding-left: 20px;
}
.policy_txt ul li {
	list-style-type: circle;
}
.policy_txt ul span {
	font-weight: 500;
	color: #7a4a3a;
}	
.policy_txt ul li:nth-child(1) {
	padding-bottom: 10px;
}


/*================================
	Q＆A
================================*/
.about_top, .policy_top, .faq_top {
	padding: 30px 10px;
	text-align: center;
}
.faq {
	line-height: 1.8;
}
.faq .icon img {
	margin: 0 auto;
	height: 42px;
	padding: 5px;
}
.faq .anchor {
	padding-bottom: 80px;
	color: #7a4a3a;
}
.faq .anchor_inner {
	position: relative;
	padding-right: 30px;
	width: 95%;
	margin: 10px 3%;
}
.faq .anchor_inner h3 {
	padding: 6px 10px;
	font-size: 1.3em;
	/*color: #7a4a3a;*/
	/*font-weight: 500;*/
    font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.anchor_inner a {
	display: block;
}
.anchor_inner a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(135deg);
}
.anchor .kampo {
	border-left: 5px solid #f0e8dc;
}
.anchor .bofu {
	border-left: 5px solid #9f8565;
}
.anchor .boi {
	border-left: 5px solid #ea707f;
}
.anchor .daisai {
	border-left: 5px solid #e58f34;
}
.anchor .kami {
	border-left: 5px solid #97549f;
}
.anchor .hachimi {
	border-left: 5px solid #6b8647;
}
.anchor .tea {
	border-left: 5px solid #f9e0b5;
}
.anchor .shopping {
	border-left: 5px solid #f0e8dc;
}
.title_kampo::before {
	background-image: url(../img/icon_leaf_kampo.png);
}
.title_bofu::before {
	background-image: url(../img/icon_leaf_bofu.png);
}
.title_boi::before {
	background-image: url(../img/icon_leaf_boi.png);
}
.title_daisai::before {
	background-image: url(../img/icon_leaf_daisai.png);
}
.title_kami::before {
	background-image: url(../img/icon_leaf_kami.png);
}
.title_hachimi::before {
	background-image: url(../img/icon_leaf_hachimi.png);
}
.title_tea::before {
	background-image: url(../img/icon_leaf_tea.png);
}
.q_title {
	font-weight: 600;
    font-size: 1em;
	display: flex;
	padding-bottom: 8px;
}
.contents_title {
	border-bottom: 1px solid #eadfce;
    padding: 40px 0 2px;
    margin: 0 auto 5px;
	color: #7a4a3a;
	letter-spacing: 0.05em ;
    font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.375em;
	line-height: 1.65;
}
.q-icon, .a-icon {
	font-size: 1.5em;
    font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
    font-weight: 600;
    color: #7a4a3a;
    line-height: 1;
	/*letter-spacing: 0.5em ;*/
	margin-right: 10px;
}
.q_txt {
	line-height: normal;
}
.a_text {
	display: flex;
}
.Bold {
	font-weight: bold;
}
li.faq_content:not(:last-child) {
	border-bottom: 2px dotted #f3ede4;
}
/*li.faq_content {
	margin: 0 8px;
}*/
.faq_content {
	padding: 0.85em  0;
}
.a_txt a:link {
	text-decoration: underline!important;
	overflow-wrap: anywhere!important;
}
.faq_btn {
	padding: 10px;
    text-align: center;
}	
.faq_btn a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #113A62;
	border-right: 2px solid #113A62;
	transform: rotate(45deg);
}
.faq_btn a {
	background-color: #bae6ec;
	padding: 8px 42px;
	border-radius: 50px;
	min-width: 50%;	
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #113A62;
	font-weight: 600;
}	
.shopping_txt {
	padding: 12px 8px;
}
/*.anchor_point {
	padding-top: 80px;
	margin-top: -80px;
}*/

/*================================
	フッター
================================*/

footer {
	width: 100%;
	background: #f0e8dc!important;
	color: #4f342b!important;
	padding: 40px 3% 20px;
	line-height: 1.35;
	/*text-align: center;*/
}
.footer_cont {
	width: 750px; 
    margin: 0 auto;
}
.footer_menu {
	display: flex;
	margin: 0 auto 1.5em;
	gap: 100px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	text-align: left;
}
footer ul {
	list-style: none;
	font-size: 0.9em;
	flex-wrap: wrap;
	/*width: 380px;*/
}

footer ul li {
	padding: 10px 20px;
	margin: 0 auto;
}

.copylights {
	text-align: center;
	font-size: 0.75em;
}
	
#page_top {
	position: fixed;
	bottom: -100px;
	right: 30px;
	transition: 0.5s;
	z-index: 98;
	opacity: 0.5;
}

#page_top span {
	font-size: 66px;
	color: #7a4a3a;
}

#page_top .material-symbols-rounded {
	font-variation-settings:
	'FILL' 1,
	'wght' 400,
	'GRAD' 0,
	'opsz' 46
}

/*================================
	フッター内、メニュー内SNSアイコン
=================================*/
.footer_sns {
	padding: 1.5em 0 0.5em;
}
.footer_sns p, .drawer_sns p {
	text-align: center;
	color: #6c4d42;
}
.footer_sns .follow_us {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-size: 1.2em;
	font-weight: 500;
}
.footer_sns .sns_message {
	font-size: 0.8em;
}
.footer_sns_area {
	gap: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px;
	width: 100%;
}
.footer_sns_area li, .drawer_sns_area li {
	margin: 0 10px;
}
.footer_sns_area p, .drawer_sns_area p {
	font-size: 0.7em;
	margin-top: 6px;
}

.footer_sns_icon::before, .drawer_sns_icon::before {
	content: ""!important;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
	margin: 0 auto;
}
.footer_sns .icon-ig::before, .drawer_sns .icon-ig::before {
	background-image: url(../img/icon_ig.svg);
}
.footer_sns .icon-x::before, .drawer_sns .icon-x::before {
	background-image: url(../img/icon_x.svg);
}
.footer_sns .icon-line::before, .drawer_sns .icon-line::before {
	background-image: url(../img/icon_line.svg);
}

.drawer_sns {
	margin-top: 3em;
}
.drawer_sns_area {
	gap: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex!important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

/*================================
	menu
=================================*/

.gb_menu ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:space-between;
    -moz-box-pack:space-between;
    -webkit-flex-pack:space-between;
    -moz-flex-pack:space-between;
    -ms-flex-pack:space-between;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    background: #fff;
    color: #7a4a3a;
    padding: 6px 0;
    left: 0;
    float: right;
}
.gb_menu a {
	display: block;
	text-decoration: none !important;
	position: relative;
	color: inherit!important;
}
.gb_menu ul li {
/*	width: calc(100% / 5);*/
	width: 74px;
	text-align: center;
	font-size: 0.75em;
	line-height: 1;
	letter-spacing: 0;
	padding: 0 4px;
}
.gb_menu ul li:not(:last-child) {
/*	border-right: 1px solid rgb(0 0 0 / 20%);*/
	border-right: 2px solid #FFFFFF;
}
.gb_menu ul li .g_icon {
	display: block;
	font-size: 2.125em;
	color: #7a4a3a;
	/*margin-bottom: 4px;*/
}
.gb_menu .material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' -25,
  'opsz' 34
}
.b_menu {
	width: 100%;
    position: fixed;
    bottom: -54px;
    transition: 0.5s;
	z-index: 99;
}
.global-user-nav__badge {
    position: absolute;
    top: 0px;
    right: 8px;
    z-index: 1;
/*    display: grid;
    place-content: center;*/
    width: 14px;
    height: 14px;
    font-size: 8px;
	line-height: 14px;
    font-weight: normal;
	color: #FFFFFF;
	background: #FF0004;
    border-radius: 50%;
}
.global-user-nav__badge:empty {
  display: none;
}
.gb_menu .menu_icon {
	cursor: pointer;
}
/*.header_navi {
	position: absolute;
	right: 0;
}*/


/*================================
	side drawer
=================================*/

/*	side drawer open scroll lock
---------------------------------*/

html.is-fixed,
html.is-fixed body {
	height: 100%;
	overflow: hidden;
}
.drawer_overlay {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}
.drawer_overlay.active {
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 9999
}
#drawer_nav {
	background: #fff;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
	z-index: 99999;
	-webkit-overflow-scrolling: touch;
	width: 80%;
	max-width: 420px;
/*	font-size: .9em ;*/
	line-height: 1.5;
}
#drawer_nav {
	height: 100%;
	-webkit-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	position: fixed;
	right: -100%;
}
#drawer_nav.active .close_icon {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	background: #FFF;
	line-height: 1;
	width: 40px;
	height: 2px;
	position: absolute;
	top: 20px;
	left: -40px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	pointer-events: none;
}
#drawer_nav.active .close_icon::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
#drawer_nav.active {
	right: 0
}
#drawer_nav .inner {
	height: 100%;
	overflow-y: scroll;
	padding: 20px 10px 40px 10px;
}

/*	side drawer - menu
---------------------------------*/

.sd_menu_list > ul:first-child {
	margin: 0;
/*	margin-top: -10px;*/
}
.sd_menu_list > ul:first-of-type > li {
	border-bottom: 1px solid rgba(50,50,50,.2);
}
.sd_menu_list .kampo li a {
	display: block;
	padding: 0.7em  1.25em  0.7em  0.65em;
	margin: 0;
	position: relative;
	text-decoration: none;
	color: #6c4d42;
}
.sd_menu_list .bottom li a {
	display: block;
	padding: 0.5em  1.25em  0.5em  0.65em;
	margin: 0;
	position: relative;
	text-decoration: none;
	color: #6c4d42;
}
.sd_menu_list > ul:first-of-type > li a::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #b18b7d;
	border-left: 2px solid #b18b7d;
	position: absolute;
	right: 14px;
	top: 50%;
	-ms-transform: translateY(-50%) rotate(135deg);
	    transform: translateY(-50%) rotate(135deg);
	-webkit-transform: translateY(-50%) rotate(135deg);
	opacity: 1!important;
}
.sd_menu_list .sub_menu li {
	padding: 0 0 0.25em  1em;
}
.sd_menu_list .sub_menu li dl {
	margin: 0;
	padding: 0;
}
.sd_menu_list .sub_menu li dt {
	margin: 0;
	font-size: 0.8125em;
	line-height: 1;
	background: #CCC;
	color: #FFF;
	padding: .4em 1em .4em .5em;
}
.sd_menu_list .sub_menu li dd {
	margin: 0;
/*	font-size: .9em ;*/
	color: #666;
	border-top: 1px dotted rgba(50,50,50,.2);
}
.sd_menu_list .sub_menu li dd:first-of-type {
	border-top: none;
}
.sd_menu_list .sub_menu li dd a,
.sd_menu_list .sub_menu li dd span {
	display: block;
	position: relative;
	color: #666;
	padding: 1em 0 1em 1em;
}
	
.sd_menu_list .item_list {
	padding: 0.7em 0 0.7em 0.7em;
}
.sd_menu_list .item_list span {
	display: block;
	font-size: 0.85em ;
	/*color: #a96145;*/
}
.sd_menu_list .bottom {
	padding-top: 3em;
	font-size: 0.9em;
}
.dm_name_search_title p {
	color: #a96145;
	font-weight: 700;
}
.dm_name_search_title {
	padding-top: 10px;
}
.sd_menu_list .nav_title {
	position: relative;
	padding-right: 2em;
	/*font-size: 1.05em;*/
	font-weight: 500;
	clear: both;
	margin-bottom: 0;
}
.sd_menu_list .nav_title::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 10px;
	height: 2px;
	width: 15px;
	background: #b18b7d;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;
}

.sd_menu_list .nav_title::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 10px;
	height: 2px;
	width: 15px;
	background: #b18b7d;
	transition: all .3s ease-in-out;
}
/**/
.sd_menu_list .nav_title.stay::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 10px;
	height: 2px;
	width: 15px;
	background: #b18b7d;
	transform: rotate(0deg);
	transition: all .3s ease-in-out;
}
.sd_menu_list .nav_title.stay::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 10px;
	height: 2px;
	width: 15px;
	background: #b18b7d;
	transform: rotate(0deg);
	transition: all .3s ease-in-out;
}
.sd_menu_list .open::before {
	transform: rotate(180deg);
}
.sd_menu_list .stay.open::before {
	transform: rotate(-90deg);
}

.item_list .navi_list {
	display: none;
	padding-top: 1em;
}
.item_list .navi_list.stay {
	display: block;
}
.sd_menu_list .kampo {
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-weight: 500;
}

/*フォーム全体*/
#form2 {
	display: flex;
	justify-content: center; 	
	border: solid 2px #b18b7d;
	max-width: 370px;
	height: 50px;
	/*margin-left: auto;
	margin-right: auto;*/
	border-radius: 4px;
	margin: 0.5em;
}
/*入力フォーム*/
#sbox3 {
	width: 320px;
	padding: 0 15px;
	border-radius: initial;
	background: transparent;
	border: none;
	outline: 0;
	color: #6c4d42;
}	
#sbox3::placeholder{
    color: #bdaea8;
}
/*検索ボタン*/
#sbtn4 {
	width: 50px;
	background: transparent;
	border-radius: initial;
	border: none;
	color: #7a4a3a;
	font-size: 18px;
	cursor: pointer;
}
#sbtn4:hover{
	background: #9f8565;
	color: #fff;
}

/*================================
	症状別ページ
=================================*/
.symptoms .page_top_title {
	font-size: 1.875em;
}
.symptoms .page_top_title .title_s {
	font-size: 0.8em;
}
.symptoms .top_text {
	margin: 3em  0 2em;
	text-align: center;
}
.item_symptoms {
	background-color: #fff;
	position: relative;
	margin: 2.5em auto 0;
	display: block;
	line-height: 2;
}
.item_symptoms h3 {
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	text-align: center;
	font-size: 1.2em;
	color: #7a4a3a;
}
.item_symptoms .check_txt {
	margin-bottom: 1em;
}
.item_symptoms .check_txt h3 {
	color: #ea6575;
}
.item_symptoms .check_txt p {
	text-align: center;
}	
.symptoms_check_cont {
	/*width: 50%;*/
	margin: 10px 5px;
	padding: 30px 80px;
	border: 1px solid #eadfce;
	border-radius: 10px;
	position: relative;
}	
.item_checklist_symptoms {
	margin-bottom: 30px;
	/*max-width: 70%;*/
	width: fit-content;
	/*font-size: 1.125em;*/
	line-height: 1.8;
}
.item_checklist_symptoms li {
	text-align: initial;
	position: relative;
	padding-left: 30px;
}
.item_checklist_symptoms li:not(:last-child) {
    margin-bottom: 8px;
}
.item_symptoms li:before {
	content: "";
	position: absolute;
	top: .45em;
	left: 8px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 6px;
	height: 14px;
	border-right: 2px solid #6c4d42;
	border-bottom: 2px solid #6c4d42;
}
.item_symptoms li::after {
	content: "";
	position: absolute;
	top: .55em;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #6c4d42;
	border-radius: 1px;
}
.symptoms .kampo_name_btn {
	font-size: 1.2em;
	padding-right: 2px;
	margin-bottom: 3px;
}
/*.symptoms .item_index_inner img {
	width: 170px;
	padding: 10px 0 0;
	margin: 0 auto;
}
.symptoms .item_name {
	font-weight: 500;
	line-height: 1.5;
	*padding-bottom: 10px;*
	letter-spacing: 0.1em;
	text-align: center;
	min-height: 70px;
}
.symptoms .item_box {
	display: flex;
	margin: 3px;
	width: calc((100% / 2) - 6px);
	text-align: center;
	border: 1px solid #eadfce;
	padding: 20px 10px 20px 0px;
}
.symptoms .item_index_inner {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0 0;
	position: relative;
	margin: 0 auto;
	width: 100%;
	font-weight: 500;
}*/
/*.symptoms .item_box_2x {
	width: 90%;
}
.symptoms .item_box_2x .item_box {
	width: 270px;
}*/
.symptoms .item_name {
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
}
.symptoms dl {
	margin-bottom: 10px;
}
.symptoms .lifestyle h3, .symptoms .howto_seach h3 {
	margin: 1.25em 0 2px;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	color: #7a4a3a;
	border-left: 5px solid #eadfce;
	padding-left: 4px;
}
.item_checklist_symptoms_cont {
	padding: 0 60px;
}
.item_type_inner {
	margin: 30px 0;
	border: 1px solid #eadfce;
}
.item_type_inner h4 {
	font-size: 1.25em;
	background: #a9a49c;
	margin-bottom: 5px;
	text-align: center;
	padding: 4px 0;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	color: #fff;
}
.type_cont {
	padding: 0 12px 12px;
}
.item_type_description {
	margin-bottom: 2em;
}
.item_type_description .type_cont {
	border-radius: 0 0 20px 20px;
	padding: 20px;
}
.item_type_description h4 {
	color: #fff;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	text-align: center;
	padding: 5px;
	font-size: 1.2em;
	line-height: 1.6em;
}
.bofu .item_type_description .type_cont {
	background: #fbf8f4;
}
.boi .item_type_description .type_cont {
	background: #fff8f8;
}
.daisai .item_type_description .type_cont {
	background: #fdf8f3;
}
.kami .item_type_description .type_cont {
	background: #fbeffa;
}	
.hachimi .item_type_description .type_cont {
	background: #f3f7ee;
}
.reco_kampo {
	text-align: center;
	margin-bottom: 1.5em;
	font-size: 1.1em;
}
.serching_symptoms .reco_kampo:before {
	content: "";
	width: 50px;
	height: 30px;
	background: url(../img/detail_triangle.png) no-repeat 0 0;
    background-size: contain;
    background-position: center center;
	display: block;
	margin: 15px auto;
}
.kampo_name {
	font-weight: 700;
	font-size: 1.2em;
	background: linear-gradient(transparent 70%, #fddfe0 50%);
}	
.reco_kampo .kampo_name {
	font-weight: 700;
	font-size: 1.5em;
	background: linear-gradient(transparent 70%, #fddfe0 50%);
	padding: 0 3px;
	color: #8f5041;
}
.type_cont .item_btn {
	margin-top: 20px;
}
/*.item_index_inner .boi .item_copy {
	margin-bottom: 34px;
}*/
.item_box_2x .boi .item_copy {
	margin-bottom: 10px!important;
}
.symptoms_decoration_img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	position: absolute;
	width: 120px;
	height: 137px;
	bottom: 0;
	z-index: 1;
}	
.symptoms .bofu_check_img {
	background-image: url(../img/check_bofu.png);
	right: 62px;
	top: 50px;
}
.symptoms .boi_check_img {
	background-image: url(../img/top_boi_R.png);
	right: 52px;
	top: 50px;
}
.symptoms .daisai_check_img {
	background-image: url(../img/check_daisai.png);
	right: 62px;
	top: 80px;
}
.symptoms .hachimi_check_img {
	background-image: url(../img/top_hachimi_R_pc.png);
	right: 62px;
	top: 50px;
}
.top_cam_banner {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: center;
	background: #b93422;
	color: #fff;
	padding: 10px;
	letter-spacing: 0.05em;
}
.top_cam_banner span {
	font-size: 1.15em;
}
.top_cam_banner a:link {
	display: block;
}
.symptoms p a, .article_body p a {
	color: #7a4a3a;
	text-decoration: underline!important;
}
.symptoms .lifestyle {
	padding-bottom: 3em;
}
.symptoms .lifestyle p {
	line-height: 1.65;
}


/*=====================
	症状別ページ一覧
=====================*/
.symptoms_table {
	margin: 2em auto;
	width: 85%!important;
}
.symptoms_table .th:first-child {
	width: calc(50% - 5px);
}
.symptoms_table .td:first-child {
	width: 50%;
}
.symptoms_table .th:nth-child(2), .symptoms_table .td:nth-child(2) {
	width: 50%;
}
.symptoms_table_cont p {
	text-align: center;
}
.symptoms_table .th {
	background-color: #f3eddf;
	text-align: center;
	padding: 10px;
	position: relative;
	font-weight: 500;
	font-size: 1.1rem;
	border-radius: 30px;
}
.symptoms_table .th:first-child {
	margin-right: 5px;
}
.symptoms_table .th:nth-child(2) {
	margin-left: 5px;
}
.symptoms_table .th::after{
	content: "";
    position: absolute;
    left: calc(50% - 9px);
    bottom: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 9px 0 9px;
	border-color: #f3eddf rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.symptoms_table .th, .symptoms_table .td {
	line-height: 1.6;
	word-break: break-all;
}
.symptoms_table .tr {
	display: flex;
	margin-bottom: 1.5rem;
}	
.symptoms_table .symptom_name {
	text-align: center;
}
.symptoms_table .symptom_name a {
	background-color: #f7f0e2;
	padding: 8px 20px 8px 10px;
	min-width: 240px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #7a4a3a;
	font-weight: 600;
	margin-bottom: 10px;
	border-radius: 8px;
	height: 3.125em;
}
.table_inner_list dt {
	width: 50%;
	padding: 8px 0;
	position: relative;
	border-right: 1px dotted #eadfce;
	font-weight: normal;
}
.table_inner_list dd {
	width: 50%;
	padding-bottom: 5px;
}
.table_inner_list dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
}
.symptoms_table_inner {
	padding: 16px;
	border: 1px solid #eadfce;
	margin-bottom: 1.15em;
	line-height: 1.65;	
}
.symptoms_table_inner .symptom_name.s01 a {
	border-left: 10px solid #9f8565;
}
.symptoms_table_inner .symptom_name.s02 a {
	border-left: 10px solid #ea707f;
}
.symptoms_table_inner .symptom_name.s03 a {
	border-left: 10px solid #e58f34;
}
.symptoms_table .table_inner_list dt::after {
	content: "→";
	position: absolute;
	margin: auto;
	top: 0.5em;
	bottom: 0;
	right: 15px;
}
.symptoms_table .table_inner_list dd a {
	color: #7a4a3a;
	font-weight: 500;
	padding: 5px 20px;
	display: block;
	position: relative;
}
.symptoms_table .table_inner_list dd a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 6px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a4a3a;
	border-right: 2px solid #7a4a3a;
	transform: rotate(45deg);
}

/*================================
	コラムページ
================================*/
.article_page {
	padding: 30px 20px 80px;
}	
.article_heading {
	/*border-bottom: 1px dotted #eadfce;*/
	margin: 0 auto 0.75em;
	/*padding: 0 0 0.5em;*/
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}
.article_heading_info {
	display: flex;
	justify-content: space-between;
}
.article_date {
	font-size: 0.9em;
}	
.article_date_tag {
	display: inline-flex;
	align-items: center;
}
.article_category_tag {
	margin: 2px 0 0 10px;
	/*background: #f7f0e2;*/
	padding: 0 10px;
	font-size: 0.8em !important;
	font-weight: 500;
	letter-spacing: 0.15em;
	display: block;
	text-align: center;
	border-left: 1px solid #b18b7d;
	color: #7a4a3a;
}
h1.article_title {
	font-size: 1.75em;
	line-height: 1.5;
	margin-top: 10px;
	letter-spacing: -0.0025em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
}		
.article_thumb {
	margin: 2em 0;
}
.article_thumb img, .article_body figure img {
    border-radius: 20px;
}
.article_body h2, .article_body h3, .article_body h4 {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	color: #7a4a3a;
}
.article_body h2  {
	font-size: 1.6em;
	margin: 3em 0 1.5em;
	border-top: 1.5px solid #f0e8dc;
	border-bottom: 1.5px solid #f0e8dc;
	padding: 0.8em 0.25em 0.6em;
	/*background: #f0e8dc;*/
}
/*.article_body .marker  {
	background: linear-gradient(transparent 70%, #fff0e6 50%);
	padding: 0 5px;
}*/	
.article_body h3 {
	margin: 1.8em 0 12px;
	border-left: 5px solid #f0e8dc;
	padding-left: 5px;
	font-size: 1.3em;
}
.article_body h4 {
	margin: 1.2em 0 6px 0;
	/*border-bottom: 1px solid #eadfce;*/
	font-size: 1.2em;
}
/*.article_body h4::before {
	content: '';
	width: 17px;
	height: 17px;
	background: #eadfce;
	border-radius: 50%;
	margin-right: 8px;
	display: inline-block;
}*/
.article_body > p {
	margin-bottom: 1em;
	line-height: 1.8;
}
.article_body > ul {
	margin-bottom: 1.5em;
	line-height: 1.8;
}
.article_body figure {
	margin: 0.5em 0 1.5em;
}
.article_body .ann a:link {
	text-decoration: underline!important;
}
.page_nav {
    /*border: 6px solid #f0e8dc;*/
    padding: 1em 1.5em 0.75em 2.5em;
    margin: 2em 0 3em;
    font-size: 1em;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #7a4a3a;
	border-radius: 20px;
	background: #f7f2ec;
	letter-spacing: -0.0025em;
}
.page_nav_title {
	text-align: center;
	margin-bottom: 20px;
	font-size: 1em;
}
.page_nav_list_h2::before {
    border-bottom: 4px solid #7a4a3a;
    border-right: 4px solid #7a4a3a;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 0;
    top: 16px;
    transform: translate(0, -50%) scale(.5, .5) rotate(-45deg);
    opacity: 1;
}
.page_nav_list_h2 {
    margin: 0 0 0.65em;
    position: relative;
    padding: 0 0 0 30px;
}
.page_nav_list_h3 {
    margin: 0 0 0.25em;
    position: relative;
    padding: 0 0 0 1em;
}	
/*.page_nav_link {
    margin: 0 0 1em;
    position: relative;
}*/
.cam_banner {
    display: block;
	margin: 3em auto 4em;
}
.article_body ul.by_list {
    margin-bottom: 0.5em;
}
.article_body ul.by_list li {
    margin: 0 0 0.8em 0.5em;
}
.article_body ol.ol_border {
    border: 2px solid #f0e8dc;
    border-radius: 15px;
    padding: 1.5em 1em 0.5em 2.5em;
	margin: 0 0 3em;
}
.article_body ol.ol_border li {
    font-size: 1em;
    margin: 0 0 0.8em 0;
}
.article_body ol.ol_border li a {
    text-decoration: underline!important;
}
.article_body .table01 {
	margin-bottom: 2em;
	width: 100%;
	border-collapse: collapse;
	vertical-align: top;
}	
.article_body .table01 .table_title {
	text-align: center;
	background-color: #f7f2ec;
}	
.article_body .table01 th, .article_body .table01 td {
	border: 1px solid #6c4d42;
    padding: 12px;
    line-height: 1.6;
    word-break: break-all;
}
.article_body span.c-marker {
	background: linear-gradient(transparent 10%, #ffe9ea 0%);
    padding: 0 2px;
	font-weight: 600;
}
.article_body .c-list {
	padding: 1em 1em 1em 3em;
	background: #f7f2ec;
}
.article_body .c-list li {
	list-style: disc;
}
.column_table {
	border-collapse: collapse;
	margin-bottom: 1em;
	min-width: 60%;
}
.column_table th, .column_table td {
	border: 1px solid #cfbfb8;
	padding: 10px 16px;
	line-height: 1.6;
	word-break: break-all;
	/*vertical-align: text-top;*/
}
.column_table th {
	background-color: #f7f2ec;
	padding: 10px;
	font-weight: normal;
	/*width: 35%;*/
}
.tl_title {
	margin-bottom: 5px!important;
}
.pick_item_area {
	text-align: center;
}
.symptoms .item_index_inner, .article_body .pick_items_inner {
	display: grid;
	grid-template-columns: repeat(2, 350px);
	gap: 8px;
	justify-content: center;
	width: 100%;
	text-align: center;
}
.symptoms .item_box, .article_body .item_box {
	display: flex;
	/*gap: 12px;*/
	width: 100%;
	border: 1px solid #eadfce;
	align-items: stretch;
	box-sizing: border-box;
}
/* ─── 条件1：1個だけの時は真ん中 ─── */
.symptoms .item_box:first-child:last-child, .article_body .item_box:first-child:last-child {
	grid-column: span 2;
	justify-self: center;
	width: 350px;    
}
/* ─── 条件2：3個以上の奇数で、最後の1個は左寄せ ─── */
.symptoms .item_box:nth-child(odd):last-child:not(:first-child), .article_body .item_box:nth-child(odd):last-child:not(:first-child) {
	grid-column: 1;
	justify-self: start;
}
.symptoms .item_box .img, .article_body .item_box .img {
	flex: 0 0 40%;
	align-self: center;
}
.symptoms .item_box .txt, .article_body .item_box .txt {
	flex: 1;
	padding: 18px 5px 0;
	margin: 0;
	display: flex; 
	flex-direction: column;
	font-weight: 500;
}
.btn03_02 {
	background-color: #f1e6ce;
	padding: 10px 30px 10px 20px;
	border-radius: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #7a4a3a;
	font-weight: 600;
	margin: 10px 5px;
	font-size: 0.8rem;
	position: relative;
}
.symptoms .item_box a, .article_body .item_box a {
	display: flex;
	/*gap: 12px;*/
	width: 100%;
	text-decoration: none;
	color: inherit;
	padding: 10px 5px;
}
.pick_title {
	text-align: center;
}
/*.pick_title:after {
	content: "";
	position: absolute;
	left: calc(50% - 9px);
	bottom: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 9px 0 9px;
	border-color: #b5998b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}*/
.pick_item_area {
	margin-top: 1.5em;
}

/*dl_img*/
.column_dl_img figure {
	border-radius: 0!important;
    border-bottom: 1px solid #cfbfb8;
	padding-bottom: 10px;
	margin: 0 0 1em!important;
}
.column_dl_img img {
	width: 80%;
	margin: 1em auto 0.5em !important;
	border-radius: 0!important;
}
.column_dl_img dl {
	padding: 1.5em;
    border: 1px solid #cfbfb8;
	margin: 1em auto 1.5em;
	width: 85%;
}
.column_dl_img dt {
	text-align: center;
	font-weight: 600;
}	
.column_dl_img dd {
	width: 90%;
	margin: 0 auto;
}

/*pin*/
.c_box_pink {
	padding: 1.5em 1em 1.25em;
	background: #ffe9ea;
	margin-bottom: 1.75em;
	box-shadow: 3px 3px 1px #f5d7d8;
	position: relative;
}
.c_box_pink::before {
	background-image: url(../img/icon_pin_r.png);
	content: '';
	position: absolute;
	margin: auto;
	top: -8px;
	left: 47%;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.c_box_pink .c_box_title {
	color: #d72e44;
}
.c_box_blue {
	padding: 1.5em 1em 1.25em;
	background: #E9F5FF;
	margin-bottom: 1.75em;
	box-shadow: 3px 3px 1px #D7E6F5;
	position: relative;
}
.c_box_blue::before {
	background-image: url(../img/icon_pin_b.png);
	content: '';
	position: absolute;
	margin: auto;
	top: -8px;
	left: 47%;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.c_box_blue .c_box_title {
	color: #2D56D7;
}
.c_box_green {
	padding: 1.5em 1em 1.25em;
	background: #eef9f0;
	margin-bottom: 1.75em;
	box-shadow: 3px 3px 1px #CAECDA;
	position: relative;
}
.c_box_green::before {
	background-image: url(../img/icon_pin_g.png);
	content: '';
	position: absolute;
	margin: auto;
	top: -8px;
	left: 47%;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.c_box_green .c_box_title {
	color: #29AF62;
}
.c_box_yellow {
	padding: 1.5em 1em 1.25em;
	background: #fffce7;
	margin-bottom: 1.75em;
	box-shadow: 3px 3px 1px #e9ddce;
	position: relative;
}
.c_box_yellow::before {
	background-image: url(../img/icon_pin_o.png);
	content: '';
	position: absolute;
	margin: auto;
	top: -8px;
	left: 47%;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.c_box_yellow .c_box_title {
	color: #f17a34;
}
.c_box_title {
	font-weight: 600;
	text-align: center;
	margin-bottom: 5px;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-size: 1.1em;
	width: fit-content;
	margin: 0 auto 0.75em;
	border-bottom: 2px dotted;
	padding: 0 4px;
}
.c_box_line_red {
	padding: 1.5em 1em 1.25em;
	border: 1px solid #f7596d;
	margin-bottom: 1em;
}
.c_box_title_n {
	font-weight: 600;
	text-align: center;
	margin-bottom: 5px;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-size: 1.1em;
	margin: 0 auto 0.5em;
}
/*レシピ*/
.article_page table#guide {
	width: 300px;
	margin: 0 auto;
	float: right;
	display: inline-block;
	border-collapse: separate;
	border-spacing: 1px 0;
}
.article_page table#guide th {
	color: rgba(255, 255, 255, 1.00)!important;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	position: relative;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
}	
.article_page .recipe_icon {
	content: '';
	position: absolute;
	margin: auto;
	top: 8px;
	left: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.article_page #guide .calorie {
	background-image: url(../img/icon_calorie.svg);
}
.article_page #guide .time {
	background-image: url(../img/icon_time.svg);
}
.article_page #guide .salt {
	background-image: url(../img/icon_salt.svg);
}
.article_page #ingredients tbody tr th {
	background: rgba(170, 123, 69, 1.00);
	color: rgba(255, 255, 255, 1.00);
	border-radius: 3px;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	text-align: center;
	padding: 2px;
}
.article_page #ingredients tbody tr td {
	border-bottom: 1px dotted #f0e8dc;
}
.article_page #ingredients tbody tr td:nth-child(2n) {
	text-align: right;
}
.article_page #ingredients {
	float: left;
	width: 55%;
}
.article_page #howto {
	margin-top: 1em;
	display: inline-block;
}

/*関連記事*/
.article_page .related_articles {
	padding: 1em;
	border: 1px dashed #e1d3be;
	margin: 2em 0;
}
.article_page .related_articles .related_articles_title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 0.95em;
}

/*#04_夏バテ_熱中症*/
.heatstroke {
	display: flex;
}
.heatstroke .degree {
	padding: 1em;
	border-radius: 10px;
	margin: 0 5px;
	width: 33%;
}
.heatstroke .level_title {
	font-weight: 700;
	font-size: 1.1em;
	text-align: center;
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	margin-bottom: 10px;
	/*border-bottom: 1px solid;*/
	width: fit-content;
	margin: 0px auto 15px;
	color: #fff;
	border-radius: 3px;
	padding: 0 10px;
}
.heatstroke .level1 .level_title {
	background: #fbb228;
}
.heatstroke .level2 .level_title {
	background: #fd8a0e;
}
.heatstroke .level3 .level_title {
	background: #ef5353;
}
.heatstroke .degree .txt {
    order: 1;
}
.heatstroke .degree .level_img {
    order: 2;
}
.heatstroke .degree .list {
    order: 3;
}
.heatstroke .level1 {
	background: #fefbc6;
}
.heatstroke .level2 {
	background: #ffdea9;
}
.heatstroke .level3 {
	background: #f7c8c8;
}
.heatstroke .level_img {
	margin: 10px auto;
	height: 190px;
	position: relative;
}
.heatstroke .level_img img {
	width: 170px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.heatstroke .level1 .level_img {
	width: 150px;
}
.heatstroke .level2 .level_img {
	width: 160px;
}
.heatstroke .txt {
	display: block;
	height: 4.75em;
}
.heatstroke .list_title {
	text-align: center;
	font-weight: 600;
}

/*#09_腸内環境*/
.table2_3 {
	display: flex;
	gap: 12px;
	margin-bottom: 1em;
}
.table2_3 .name {
	font-family: YakuHanRP, 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}
.d-flex {
	display: block;
}
.d-img {
	width: 190px;
	margin: 0 auto;
}

.d-img img {
	border-radius: 10px;
}
.table2_3 .t_txt {
	margin-top: 1em;
	font-size: 0.85em;
}
.box-pink {
	background: #f5d7d8;
	padding: 1em;
	border-radius: 10px;
	width: 230px;
}
.box-yellow {
	background: #fffce7;
	padding: 1em;
	border-radius: 10px;
	width: 230px;
}
.box-blue {
	background: #E9F5FF;
	padding: 1em;
	border-radius: 10px;
	width: 230px;
}
.box-green {
	background: #eef9f0;
	padding: 1em;
	border-radius: 10px;
	width: 230px;
}

/*「①」などのリスト*/
.circle-list {
	display: flex;
}
.circle-list ol {
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
}
.circle-list li {
	display: flex;
	margin-top: 3px;
}
.olListNumber {
	margin-right: 2px;
	font-weight: 500;
}
.circle-list figure {
	margin: 0 10px 0 0!important;
}

.sns_share {
    padding: 0 0.5em;
	display: flex;
	align-items: center;
}
.sns_share__c {
    position: relative;
    display: inline-flex;
    align-items: center;
    background-color: #f7f0e2;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 0.875em;
    color: #94533e;
    line-height: 1.4;
	font-weight: 500;
	margin-right: 10px;
}
	
.sns_share__c::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #f7f0e2;
}
.sns_share__c > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url(../img/icon_share.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.sns_share ul {
	display: flex;
}
.sns_share ul li {
	margin: 0 10px;
}
.sns_icon::before {
	content: ""!important;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
}
.fa-facebook::before {
	background-image: url(../img/logo_fb.png);
}
.fa-x::before {
	background-image: url(../img/logo_x.png);
}
.fa-line::before {
	background-image: url(../img/logo_line.png);
}
	
.author_box_sks {
	border: 4px solid #f0e8dc;
	padding: 1em 0.5em;
	margin: 3em 0;
	color: #7a4a3a;
	border-radius: 20px;
	display: inline-flex;
	width: 100%;
}
.author_box_sks .author_img {
	width: 90px;
	margin: 20px 30px;
}
.author_box_sks .author {
	font-weight: 700;
	font-size: 1.2em;
}
.author_txt {
	font-size: 0.875em;
	padding-top: 3px;
}
/*澤田さんver*/
.author_box {
	border: 4px solid #f0e8dc;
	padding: 1em;
	margin: 3em 0;
	color: #7a4a3a;
	border-radius: 20px;
	display: inline-block;
	width: 100%;
}
.author_title {
	font-weight: 600;
}
.author_box .author {
	background: #f0e8dc;
    padding: 2px 12px;
    width: fit-content;
    border-radius: 15px;
	margin-bottom: 5px;
}

.article_footer {
	border-top: 1px solid #f0e8dc;
	margin: 2em 0 0.9em;
}
.article_notes {
	margin-top: 2em;
}
.article_page .article_notes h3 {
	font-size: 0.9em;
	text-align: center;
}
.article_footer .article_notes a:link {
	text-decoration: underline!important;
}
.article_notes ol {
	padding-left: 20px!important;
	margin: 0.5em 0;
}

/*================
	コラム一覧
=================*/
.article_list .page_top_title {
	margin-bottom: 1em;
}
.article_list .top_text {
	margin: 0 24px 0.6em;
	text-align: center;
}
.article_list_inner {
	margin: 30px 10px 50px;
}
.article_list_inner .article_index {
	display: flex;
    flex-wrap: wrap;
}
.article_list_inner .article_cont {
	position: relative;
	width: 48%;
	padding: 25px;
	margin: 5px 1% 10px;
	border: 1px solid #eee;
}
.article_list_inner .article_title {
	margin: 12px 0;
	font-size: 1em!important;
	font-weight: normal;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.65;
}
.list_tag_date {
	display: flex;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	align-items: center;
}
.list_category_tag {
	font-size: 0.9em;
	padding: 1px 10px;
    color: #fff;
	margin-left: 10px;
	border-radius: 20px;
}
.cat_01 {
	background: #a8cd8d;
}
.cat_02 {
	background: #e39999;
}
.cat_03 {
	background: #8cc3dd;
}
.cat_04 {
	background: #bbb4d5;
}
.cat_05 {
	background: #ebbf7a;
}
.cat_06 {
	background: #91c3a3;
}
.category {
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	text-align: center;
	margin-top: 3em;
}
.category_title_bottom {
	font-size: 1.4em;
	font-weight: 500;
}
.category ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 1.2em;
	position: relative;
	padding: 20px 0;
}
.category li {
	color: #fff;
	position: relative;
	margin: 4px;
	border-radius: 10px;
	width: 235px;
	font-weight: 500;
}
.category li a {
	padding: 15px 20px;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.category li a::after {
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}
.c_page_top {
	padding: 50px 0 20px;
	letter-spacing: 0.05em;
}
.c_page_top .top_text {
		margin: 0 10px;
}

/* ページネーション */
.pager {
	margin: 50px 0 20px;
}
.pager .pagination {
	text-align: center;
}
.pager .pagination li {
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	position: relative;
	border-radius: 10px;
}
.pager .pagination li.next::after {
	content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 16px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #976755;
    border-right: 1px solid #976755;
    transform: rotate(45deg);
}
.pager .pagination li.pre::after {
	content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 16px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #976755;
    border-right: 1px solid #976755;
    transform: rotate(-135deg);
}
.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active{
	color: #7a4a3a;
	background: #f0e8dc;
}

/*================
	カテゴリ一覧
=================*/
.category_title {
	color: #fff;
	font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;
	text-align: center;
	font-size: 1.8em;
	margin: 0 0 1em;
	padding: 5px 0;
}
.category_list .top_text {
	text-align: center;
}
}