@charset "utf-8";

body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
figure,
form,
fieldset,
input,
textarea,
p,
blockquote,
tbody,
th,
tr,
td,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
}

html {
	font-size: 10px;
}

body {
	background: #fff;
	color: #513925;
	counter-reset: number 0;
	font-size: 1.8rem;
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
	font-weight: 500;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.1em;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-x: hidden;
}

body.is_fix_load {
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
}

body.is_fix {
	scrollbar-width: none; 
	-ms-overflow-style: none;
	overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500;
}

em,
i {
	font-size: 100%;
	font-weight: 500;
	font-style: normal;
}

ul {
	list-style: none;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

li {
	list-style: none;
}

table,
tbody,
tr,
th,
td {
	border-collapse: collapse;
}

fieldset,
img {
	border: 0 none;
	max-width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

img[src$=".svg"] {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

svg {
	max-width: 100%;
	height: auto;
	vertical-align: text-top;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500;
}

main,
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

caption,
th {
	text-align: left;
}

q:before,
q:after {
	content: "";
}

abbr,
acronym,
tbody,
tr {
	border: 0 none;
}

select option {
	padding: 0 0.5em;
	color: #000;
}

form label {
	cursor: pointer;
}

button {
	padding: 0;
}

hr {
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

.clear {
	clear: both;
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
}

a {
	color: #513925;
	border: 0 none;
	outline: medium none;
	overflow: hidden;
	text-decoration: none;
	transition: all 0.5s;
}
a:hover {
	opacity: 0.5;
}

a:focus,
a:hover,
button:focus,
button:hover {
	color: #513925;
	outline: medium none;
	text-decoration: none;
}

input,
select,
button {
	background: transparent;
	border: 0;
	font-size: 1.6rem;
	vertical-align: middle;
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
	border-radius: 0;
}

input[type=submit] {
	-webkit-appearance: none;
}

button {
	transition: all 0.5s cubic-bezier(0, 0, 0.25, 1) 0s;
}

textarea {
	font-size: 1.6rem;
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
	border-radius: 0;
	-webkit-appearance: none;
}

input[type="text"],
input[type="password"],
textarea,
select {
	box-shadow: none;
	outline: none;
}

*:focus {
	outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

iframe {
	border: none;
}

.is_sp {
	display: none;
}

.btn_clear {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
}
.btn_clear span {
    border-radius: 1000px;
    border: 2px solid;
	color: #999;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
	right: 8px;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 767px) {
	input,
	select,
	button,
	textarea {
		font-size: 1.4rem;
	}
	body {
		font-size: 1.4rem;
	}
	.is_sp {
		display: block;
	}

	.is_pc {
		display: none;
	}
}
/*------------------------------------------------

		object fit image

------------------------------------------------*/
.objfit {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------

		header

------------------------------------------------*/
.header {
	width: 100%;
	padding: 0 0 0 4%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: #FFF;
	height: 90px;
	border-bottom: 1px solid #dddddd;
}
.header .header_inner {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
.header .header_logo {
	display: flex;
	align-items: center;
}
.header .header_logo a {
	display: block;
	width: 280px;
}
.header .header_search,
.top_search {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}
.header .header_search_btn,
.top_search_btn {
	position: relative;
	margin: 0 auto;
	width: fit-content;
}
.top_search_btn {
	max-width: unset;
	width: 650px;
}
.header .header_search_btn form,
.top_search_btn form {
	align-items: center;
	color: #999;
	display: flex;
	font-size: 1.3rem;
	font-weight: 700;
	flex-wrap: nowrap;
	justify-content: center;
	height: 44px;
	text-align: center;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.header .header_search_btn form .header_select,
.top_search_btn form .top_select {
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
	border: 1px solid #513925;
	border-radius: 10px 0 0 7px;
}
.header .header_search_btn form .header_select::before,
.top_search_btn form .top_select::before {
	content: "▼";
	font-size: 10px;
	display: block;
	position: absolute;
	right: 5px;
}
.header .header_search_btn form select,
.top_search_btn form select {
	appearance: none;
	color: #513925;
	height: 100%;
	padding: 0px 20px 0px 15px;
	position: relative;
	font-size: 18px;
}
.header .header_search_btn form>label,
.top_search_btn form>label  {
    height: 100%;
	width: 100%;
    display: flex;
    border-top: 1px solid #513925;
    border-right: 1px solid #513925;
    border-bottom: 1px solid #513925;
}
.header .header_search_btn form>label>input,
.top_search_btn form>label>input {
	cursor: pointer;
	padding: 10px 35px 10px 10px;
    height: 100%;
	width: 100%;
    font-size: 18px;
}
@media (max-width: 1200px) {
	.header .header_search_btn form select,
	.top_search_btn form select {
		padding: 0px 17px 0px 12px;
		font-size: 16px;
		transform: scale(0.9);
	}
	.header .header_search_btn form>label>input,
	.top_search_btn form>label>input {
		font-size: 16px;
		transform: scale(0.9);
		padding: 10px 25px 10px 0px;
	}
	.header .header_search_btn form .header_select::before,
	.top_search_btn form .top_select::before {
		right: 5px;
	}
}
.header .header_search_btn form button,
.top_search_btn form button {
	background: #513925;
	border-radius: 0 10px 10px 0;
	height: 100%;
	padding: 0 10px;
	width: 60px;
}
.header .header_search_btn form button img,
.top_search_btn form button img {
	width: 20px;
}
.header .header_menu_btn,
.top_menu_btn {
	align-items: center;
	display: flex;
	justify-content: space-between;
	transition: all 0.5s;
	cursor: pointer;
}
.top_menu_btn {
	justify-content: flex-end;
    width: fit-content;
}
.header .header_menu_btn {
	align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    gap: 3px;
    width: 90px;
    height: 100%;
}
.header .header_menu_btn img {
	width: 35px;
}
.header .header_menu_btn:hover {
	opacity: 0.5;
}
.header .header_menu_btn span,
.search .search_menu_btn span {
	background: #513925;
    border-radius: 100px;
    width: 100%;
    height: 4px;
}
.header .header_menu_inner {
	background: #f1eee6;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
	display: none;
	transition: all 0.75s;
}
.header .header_menu .search .header_menu_btn,
.search .search_menu_btn {
    background: #513925;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 20px;
}
.header .header_menu .search .header_menu_btn span,
.search .search_menu_btn span {
    background: #FFF;
    position: absolute;
    width: 70%;
}
.header .header_menu .search .header_menu_btn span:first-child,
.search .search_menu_btn span:first-child {
    transform: rotate(45deg);
}
.header .header_menu .search .header_menu_btn span:last-child,
.search .search_menu_btn span:last-child {
    transform: rotate(-45deg);
}
.header .header_menu_btn .icon_plus,
.top_menu_btn .icon_plus {
    line-height: 1;
    background: #ea841e;
    color: #FFF;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    border-radius: 3px;
}
.header .header_menu.is_open .header_menu_inner {
    display: block;
}
.header .header_menu.is_open .header_menu_recipe {
	overflow: auto;
    height: 100vh;
}
.search .header_search_online {
	padding-top: 40px;
    max-width: 1200px;
    margin: 0 auto;
    width: 92%;
}
.search .header_search_online a {
	background: #ee8a1e;
	border-radius: 100px;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	width: 100%;
}
@media (max-width: 1200px) {
	.header {
		height: 60px;
	}
	.header .header_logo {
		width: 100%;
	}
	.header .header_logo a {
		width: 180px;
	}
	.header .header_search {
		display: none;
	}
	.header .header_menu_btn {
		width: 60px;
		font-size: 10px;
	}
	.header .header_menu_btn img {
		width: 22px;
	}
	.header .header_menu_btn.pc {
		display: none;
	}
	.header .header_menu_btn span,
	.search .search_menu_btn span {
		height: 3px;
	}
	.header .header_menu .search .header_menu_btn,
	.search .search_menu_btn {
		width: 35px;
		height: 35px;
		right: calc(4% - 3px);
		top: 14px;
	}
	.top_search,.top_menu_btn {
		display: flex;
	}
	.top_search_btn {
		width: 100%;
	}
}
/*------------------------------------------------

	footer

------------------------------------------------*/
.footer {
	width: 100%;
	background: #f1eee6;
	padding: 40px 4%;
	position: relative;
}
.footer > p{
    max-width: 1200px;
    margin: 0 auto;
}
.footer_inner {
	position: relative;
	margin-top: 50px;
}
.footer .footer_list {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footer .footer_list>li {
    width: 33.3333%;
    text-align: left;
}
.footer .footer_list>li>ul {
    margin-top: 10px;
}
.footer .footer_list>li>ul>li a {
	text-align: center;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: all 0.5s;
	border-bottom: 1px solid #513925;
	width: fit-content;
}
.footer .footer_list>li>ul>li a:hover {
	opacity: 0.5;
}
.footer .footer_list>li>ul>li a i {
	display: flex;
    align-items: center;
}
.footer .footer_list>li>ul>li + li{
	margin-top: 5px;
}
.footer .footer_copy {
	text-align: center;
	font-size: 12px;
    padding: 50px 4% 30px;
}
.footer .footer_top {
	position: fixed;
    bottom: 40px;
    right: 40px;
	font-size: 50px;
	color: #33aa82;
	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));
	z-index: 5;
}
.footer .footer_top i {
	background: #FFF;
	border-radius: 100px;
}
.footer .footer_top a {
	font-size: 50px;
	color: #33aa82;
	display: block;
	transition: all 0.5s;
}
.footer .footer_top a:hover {
	opacity: 0.5;
}
@media screen and (max-width: 767px) {
	.footer {
		padding: 40px 4% 20px;
	}
	.footer_inner {
		margin-top: 30px;
	}
	.footer .footer_list > li {
		width: 100%;
	}
	.footer .footer_list > li + li {
		margin-top: 30px;
	}
	.footer .footer_list li a {
		text-align: left;
		justify-content: left;
		font-size: 12px;
		position: relative;
		width: 100%;
	}
	.footer .footer_list>li>ul>li a {
		font-size: 12px;
	}
	.footer .footer_list li a::before {
		align-items: center;
		content: ">";
		color: #ee8a1e;
		display: flex;
		font-weight: 900;
		width: 0.8em;
		height: 1em;
	}
	.footer .footer_copy {
		font-size: 10px;
		padding: 40px 4% 70px;
		letter-spacing: 0.05em;
	}
}
/*------------------------------------------------

		page_top

------------------------------------------------*/
.page_top {
	width: 80px;
    height: 80px;
    position: fixed;
    bottom: 40px;
    right: 4%;
}
@media screen and (max-width: 767px) {
	.page_top {
		width: 60px;
		height: 60px;
		position: fixed;
		bottom: 20px;
		right: 2%;
	}
}
/*------------------------------------------------

		ttl_h2

------------------------------------------------*/
.ttl_h2 {
	text-align: center;
}
/*------------------------------------------------

		search

------------------------------------------------*/
.search {
	width: 100%;
	padding: 90px 0 160px;
}
main .search {
	padding: 0;
}
.search .search_inner {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.search .search_inner + .search_inner {
	margin-top: 60px;
}
.search_content .search_inner + .search_inner {
	margin-top: 0px;
}
.search .search_ttl {
    font-weight: 600;
    margin: 0px auto 20px;
}
.search .search_ttl.center {
	text-align: center;
}
.search .search_sort {
	align-items: center;
    border-radius: 100px;
    border: 1px solid #513925;
    background: #FFF;
    color: #513925;
	cursor: pointer;
    display: flex;
    justify-content: center;
    max-width: 300px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 100%;
}
.search .search_sort span {
	color: #ee8a1e;
    font-size: 34px;
    font-weight: 100;
    align-items: center;
    justify-content: center;
    display: flex;
    line-height: 1;
    position: absolute;
    left: 60px;
    width: 25px;
    height: 25px;
}
.search form {
	margin-top: 40px;
}
.search .search_item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.search .search_item > p {
	display: flex;
	justify-content: space-between;
	width: 10em;
}
.search .search_item > ul {
    border-top: 1px solid;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
    margin-top: 20px;
    padding-top: 20px;
    width: 100%;
}
.search .search_item > div {
	margin-right: auto;
    margin-left: 30px;
    width: calc(100% - 400px);
    min-width: 350px;
}
.search .search_item label {
	display: flex;
	width: 100%;
}
.search .search_item .form_clear {
	position: absolute;
    right: 0;
    top: 0;
	background: #ffffff;
    border: 1px solid;
	font-size: 0.8em;
    padding: 3px 13px;
    width: fit-content;
    text-align: center;
	cursor: pointer;
	display: none;
}
.form_all_clear {
	background: #ffffff;
    border: 1px solid;
    font-size: 0.8em;
    padding: 5px 13px;
    width: fit-content;
	display: flex;
	align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 350px;
    width: 92%;
	cursor: pointer;
}
.search .search_item + .search_item {
	margin-top: 40px;
}

/*--input---*/
.search input[type=radio],
.search input[type=checkbox] {
	display: none;
}
.search input + label {
	display: flex;
    justify-content: center;
    align-items: center;
}
.search input + label::before {
	border: 1px solid #513925;
	border-radius: 0px;
	content: "";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	margin-right: 0.3em;
	vertical-align: middle;
}
.search input[type=radio] + label::before {
	border-radius: 50%;
}
.search input:checked + label::before {
	background: url(../img/icn_check.svg) center no-repeat;
}
.search input[type=radio]:checked + label::before {
	background: url(../img/icn_maru.svg) center / 8px no-repeat;
}
.search label.btn_clear {
    display: flex;
    height: 40px;
	width: 100%;
	max-width: 500px;
}
.search input[type=text] {
    border: 1px solid #111;
    border-radius: 10px;
	background: #FFF;
    cursor: pointer;
    padding: 10px 35px 10px 10px;
    width: 14em;
    height: 100%;
    font-size: 16px;
	width: 100%;
}
.search_bottom {
	display: flex;
	gap: 15px;
    width: 100%;
    justify-content: space-between;
	margin-top: 60px;
	min-height: 50px;
}
.header_menu.is_open .search .search_inner.is_active .search_bottom,
.search.is_fix.is_open .search_bottom{
	position: fixed;
	width: 92%;
    max-width: 1200px;
	bottom: 40px;
	margin: 0 auto;
}
.search .search_input {
	align-items: center;
	display: flex;
	position: relative;
	transition: all 0.5s;
	width: 100%;
}
.search input[type=submit] {
	align-items: center;
	border: 1px solid #513925;
    background: #513925;
    color: #FFF;
	cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    flex-wrap: nowrap;
	justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
.search .search_input:hover {
	opacity: 0.5;
}
.search .search_input::before {
	background: url(../img/icn_arrow_right.svg) no-repeat;
	content: "";
	display: block;
	width: 17px;
	height: 14px;
	position: absolute;
	right: 15px;
}
.search_recipe {
	width: 100%;
	margin-top: 40px;
}
.search_recipe a {
	border: 2px solid #513925;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	width: 100%;
	margin-top: 40px;
}
.search_recipe a img {
	margin-left: 10px;
    width: 1em;
}
.search_content .search_inner {
	display: none;
}
.search_content .search_inner.is_active {
	display: block;
}
.search_parts {
	margin: 30px auto 30px;
}
@media screen and (max-width: 767px) {
	.search_parts {
		margin: 30px auto 20px;
	}
}
@media screen and (max-width: 767px) {
	.search {
		padding: 60px 0 160px;
	}
	.search form {
		margin-top: 20px;
	}
	.search .search_ttl {
		margin: 0 auto 10px;
	}
	.search .search_ttl img {
		height: 20px;
	}
	.search .search_item {
		flex-direction: column;
	}
	.search .search_item + .search_item {
		margin-top: 25px;
	}
	.search .search_item > div,
	.search .search_item > ul {
		margin-left: 0;
		margin-top: 10px;
		min-width: unset;
		width: 100%;
		gap: 10px 0;
	}
	.search .search_item > ul {
		padding-top: 10px;
		border-top: 1px solid #513925;
	}
	.search .search_item > ul li {
		width: 50%;
	}
	.search input + label {
		justify-content: left;
	}
	.header_menu.is_open .search .search_inner.is_active .search_bottom,
	.search.is_fix.is_open .search_bottom{
		max-width: 92%;
		width: 100%;
		bottom: 20px;
	}
	.search .search_input {
		width: 69%;
	}
	.search input[type=radio]:checked + label::before {
		background: url(../img/icn_maru.svg) center / 6px no-repeat;
	}
	.search .search_inner input[type="text"] {
		font-size: 16px;
	}
	.search input[type=submit] {
		font-size: 1.3rem;
	}
	.search_recipe a {
		font-size: 1.3rem;
		padding: 10px;
	}
	.search .search_inner + .search_inner {
		margin-top: 40px;
	}
	.search_content .search_inner + .search_inner {
		margin-top: 0px;
	}
	.search .search_tab .search_ttl {
		margin: 0 auto;
	}
}
/*------------------------------------------------

		md_floating_nav

------------------------------------------------*/
.md_floating_nav {
	background: #fff;
	box-shadow: 10px 0 10px 0 rgb(0 0 0 / 10%);
	display: block;
	padding: 20px 5%;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
.md_floating_nav p {
	max-width: 1000px;
	margin: 0 auto;
}
.md_floating_nav p a {
	align-items: center;
	background: #e55658;
	border-radius: 100px;
	color: #fff;
	display: flex;
	justify-content: center;
	font-size: 2.2rem;
	font-weight: 700;
	padding: 10px 15px;
}
.md_floating_nav p a i {
	width: 32px;
	height: 28px;
	margin: -5px 5px 0 0 !important;
}
.md_floating_nav p a i svg {
	width: 32px;
	height: 28px;
}
body.is_floating #inbenta-bot-sdk.inbenta .inbenta-bot__launcher {
	bottom: 120px !important;
}
body.is_floating #inbenta-bot-sdk.inbenta .inbenta-bot__launcher.launcher-animation {
	bottom: 60px !important;
}
body.is_floating div#inbenta-min-button.show {
	bottom: 250px !important;
}
@media screen and (max-width: 767px) {
	.md_floating_nav {
		padding: 10px 5%;
	}
	.md_floating_nav p a {
		font-size: 1.4rem;
		padding: 10px 15px;
	}
	.md_floating_nav p a i {
		width: 24px;
		height: 24px;
		margin: -5px 5px 0 0 !important;
	}
	.md_floating_nav p a i svg {
		width: 24px;
		height: 24px;
	}
	body.is_floating #inbenta-bot-sdk.inbenta .inbenta-bot__launcher {
		bottom: 80px !important;
	}
	body.is_floating #inbenta-bot-sdk.inbenta .inbenta-bot__launcher.launcher-animation {
		bottom: 60px !important;
	}
	body.is_floating div#inbenta-min-button.show {
		bottom: 160px !important;
	}
}

/*------------------------------------------------

		main

------------------------------------------------*/
main {
	margin-top: 90px;
}
@media (max-width: 1200px) {
	main {
		margin-top: 60px;
	}
}
/*------------------------------------------------

	content

------------------------------------------------*/
.content {
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
}
.content .content_inner {
    max-width: 1200px;
    margin: 0 auto;
	position: relative;
    width: 92%;
}
.content .content_ttl {
    font-size: 34px;
	font-weight: 600;
    width: calc(100% - 280px);
}
.content_search_ttl {
	font-size: 34px;
	font-weight: 600;
    text-align: center;
	padding: 30px 0;
    width: 92%;
	margin: 0 auto;
}
.content_tab,
.search_tab {
	display: flex;
	justify-content: center;
	max-width: 375px;
	width: 100%;
	margin: 0 auto 30px;
}
.search_tab {
	max-width: 1200px;
}
.content_tab li,
.search_tab li{
	width: 50%;
}
.content_tab li a,
.search_tab li {
	display: block;
	text-align: center;
	padding: 0 0 10px;
	width: 100%;
	border-bottom: solid 4px #f9f6ec;
	transition: all 0.5s;
	cursor: pointer;
}
.content_tab li.is_active a,
.content_tab li a:hover,
.search_tab li.is_active,
.search_tab li:hover {
	border-bottom: solid 4px #ea841e;
	color: #ea841e;
	opacity: 1;
}
.search_tab li .search_ttl img {
	height: 24px;
}
.content_search_text {
	font-size: 24px;
	font-weight: 600;
    text-align: center;
}
.content_taxonomy_ttl {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    background: #f1eee6;
    padding: 50px 0;
    width: 100%;
    margin: 0px auto;
}
.content_taxonomy_ttl br {
    display: none;
}
.content .content_detail {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.content .content_left {
    overflow: hidden;
    padding-top: 28.5%;
    position: relative;
    width: 47.5%;
}
.content .content_left img {
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    object-fit: cover;
}
.content .content_right {
    width: 47.5%;
}
.content .content_right_category {
    align-items: center;
	display: flex;
    justify-content: left;
	font-size: 16px;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 20px;
}
.content .content_right_category li a {
	border: 1px solid #ea841e;
    border-radius: 5px;
    color: #ea841e;
	display: flex;
	gap: 3px;
    padding: 1px 7px;
}
.content .content_right_category li a img {
	width: 1em;
}
.content .content_right_detail {
    margin-top: 20px;
    width: 100%;
}
.content .content_right_detail li {
	border-radius: 0;
    display: flex;
    justify-content: left;
	align-items: flex-start;
    width: 100%;
}
.content .content_right_detail li + li {
    margin-top: 15px;
}
.content .content_right_detail li > img {
    width: 100%;
    height: 100%;
    max-width: 1.2em;
    max-height: 1.2em;
    margin-right: 0.5em;
}
.content .content_right_detail li > p {
	line-height: 1;
    width: 7em;
    font-size: 18px;
}
.content .content_right_detail li > p:nth-of-type(2) {
    width: calc(100% - 11em);
    padding-right: 0.5em;
}
.content .content_right_detail_text {
    color: #111;
    font-size: 12px;
	line-height: 1.1;
	display: block;
	margin-top: 5px;
}
.content .content_right_detail + .content_right_detail_text {
	margin-top: 15px;
}
.content .content_right_sns {
    display: flex;
    justify-content: left;
    margin-top: 20px;
    width: 100%;
}
.content .content_right_sns.is_sp {
    display: none;
}
.content .content_right_sns > li + li {
    margin-left: 10px;
}
.content .content_right_sns > li a {
    align-items: center;
    background: #eee;
    border-radius: 5px;
    color: #FFF;
	font-size: 16px;
    display: flex;
    justify-content: center;
    padding: 3px 10px;
}
.content .content_right_sns > li.facebook a {
    background: #1877f2;
}
.content .content_right_sns > li.twitter a {
    background: #000;
}
.content .content_right_sns > li.line a {
    background: #4cc764;
}
.content .content_right_sns > li a img {
    height: 20px;
    margin-right: 5px;
}
.content .content_detail_material {
    width: 47.5%;
}
.content .content_detail_ttl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 30px;
    font-weight: 600;
    width: 100%;
}
.content .content_detail_ttl span {
    font-size: 0.8em;
    vertical-align: text-top;
    margin-left: 5px;
}
.content .content_detail_material ul {
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	margin-top: 20px;
}
.content .content_detail_material ul li {
    display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0;
}
.content .content_detail_material ul li + li {
    border-top: 1px solid #b0b0b0;
}
.content .content_detail_material ul li p:first-child {
    text-align: left;
}
.content .content_detail_material ul li p:first-child a {
	color: #ee8a1e;
    border-bottom: 1px solid #ee8a1e;
	display: inline-block;
	vertical-align: text-bottom;
}
.content .content_detail_material ul li p:first-child a:hover {
    border-bottom: 1px solid transparent;
}
.content .content_detail_material ul li p:last-child {
    text-align: right;
	margin-left: auto;
}
.content .content_detail_material .icon_a,
.content .content_detail_howto .icon_a {
    align-items: center;
	background: #ea5541;
    color: #FFF;
    display: inline-flex;
	font-weight: 600;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
}
.content .content_detail_material .icon_b,
.content .content_detail_howto .icon_b {
	align-items: center;
	background: #418dea;
	color: #FFF;
    display: inline-flex;
	font-weight: 600;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
}
.content .content_detail_material .icon_c,
.content .content_detail_howto .icon_c {
	align-items: center;
	background: #ea4179;
	color: #FFF;
    display: inline-flex;
	font-weight: 600;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
}
.content .content_detail_material .icon_d,
.content .content_detail_howto .icon_d {
    align-items: center;
	background: #eaba41;
	color: #FFF;
    display: inline-flex;
	font-weight: 600;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
}
.content .content_detail_material .icon_e,
.content .content_detail_howto .icon_e {
    align-items: center;
	background: #83c365;
	color: #FFF;
    display: inline-flex;
	font-weight: 600;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
}
.content .content_detail_howto .icon_a,
.content .content_detail_howto .icon_b,
.content .content_detail_howto .icon_c,
.content .content_detail_howto .icon_d,
.content .content_detail_howto .icon_e {
    margin: 0 3px;
}
.content .content_detail_howto {
    width: 47.5%;
}
.content .content_detail_howto .content_detail_howto_list {
	margin-top: 20px;
    width: 100%;
}
.content .content_detail_howto .content_detail_howto_list .content_detail_howto_text:not(:first-child) {
	margin-top: 30px;
}
.content .content_detail_howto .content_detail_howto_list .content_detail_howto_text {
    width: 100%;
	padding-left: 40px;
	position: relative;
}
.content .content_detail_howto .content_detail_howto_list .content_detail_howto_text::before {
	counter-increment: number 1;
    content: counter(number) "";
    border: 1px solid #513925;
    border-radius: 100px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5em;
    width: 1.5em;
    position: absolute;
    top: 0;
    left: 0;
}
.content .content_detail_howto .content_detail_howto_list .content_detail_howto_image {
    margin-top: 10px;
	width: 100%;
	padding-top: 75%;
	position: relative;
}
.content .content_detail_howto .content_detail_howto_list .content_detail_howto_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}
.content .content_point {
	text-align: center;
    width: 100%;
}
.content .content_point p {
	align-items: center;
	font-size: 26px;
	font-weight: 600;
	display: flex;
	width: fit-content;
	margin: 0 auto;
	position: relative;
}
.content .content_point p::before,
.content .content_point p::after {
	background: #513925;
	content:"";
	display: block;
	height: 1px;
	width: 30px;
	position: absolute;
	margin-top: 5px;
	left: -35px;
	transform: rotate(55deg);
}
.content .content_point p::after {
	left: auto;
	right: -35px;
	transform: rotate(-55deg);
}
.content .content_online {
	background: #f1eee6;
	padding: 30px;
	margin-top: 50px;
	display: flex;
	align-items: center;
}
.content .content_online::before {
	background: url(../img/content_online_l.png) center / contain no-repeat;
	content: "";
	width: 21.5%;
	padding-top: 17%;
	display: block;
}
.content .content_online::after {
	background: url(../img/content_online_r.png) center / contain no-repeat;
	content: "";
	width: 21.5%;
	padding-top: 17%;
	display: block;
}
.content .content_online .content_online_inner {
	width: 56%;
	margin: 0 auto;
	text-align: center;
}
.content .content_online  .content_online_image {
	display: none;
}
.content .content_online a {
	background: #ee8a1e;
	border-radius: 100px;
	color: #FFF;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px auto 10px;
	padding: 20px 20px;
	width: 100%;
	font-size: 24px;
	text-align: center;
	position: relative;
}
.content .content_online a::before {
	background: url(../img/icn_link.svg) center / contain no-repeat;
	display: block;
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	right: 30px;
}
.content .content_online small {
	font-size: 12px;
}
.content .content_online br.sp {
	display: none;
}
.content .content_point {
	border: 20px solid #f1eee6;
    padding: 20px 40px 40px;
	margin-top: 50px;
}
.content .content_point div {
	margin-top: 20px;
	text-align: left;
}
.content .content_list {
	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    width: 92%;
}
.content .content_list_item {
	width: 23%;
}
.content .content_list.is_search .content_list_item {
    border-top: 1px solid #e5e1dd;
	border-bottom: 1px solid #e5e1dd;
	padding: 15px 0;
    width: 100%;
}
.content .content_list.is_search .content_list_item +  .content_list_item {
    border-top: none;
}
.content .content_list li:not([class]) {
	width: 23%;
	height: 0;
	margin: 0;
}
.content .content_list_item_image {
	overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%;
}
.content .content_list_item_image img {
    height: 100%;
    position: absolute;
    width: 100%;
	top: 0;
	right: 0;
	object-fit: cover;
}
.content .content_list_item_ttl {
    font-size: 17px;
	margin-top: 10px;
}
.content .content_list.is_search .content_list_item_ttl {
	font-size: 22px;
	margin-top: 0;
}
.content .content_list.is_search .content_list_item_url {
	font-size: 12px;
	color: #ee8a1e;
	margin-top: 5px;
}
.content.is_column_02 .content_list_item {
	width: 48.7%;
}
.content .content_list_item:nth-child(n + 5),
.content.is_column_02 .content_list_item:nth-child(n + 3) {
	margin-top: 40px;
}
.content .content_list.is_search .content_list_item:nth-child(n + 5) {
	margin-top: 0;
}
.content.is_column_02 .content_list_item_image {
	overflow: hidden;
	padding-top: 45%;
    position: relative;
    width: 100%;
}
.content .btn_recipe_only {
	max-width: 1200px;
    margin: 0 auto 30px;
	text-align: right;
    width: 92%;
}
.content .btn_recipe_only label {
	cursor: pointer;
    display: block;
    margin: 0 0 0 auto;
	width: fit-content;
}
.content .btn_recipe_only label div {
    align-items: center;
    display: flex;
    margin: 0 0 0 auto;
	padding: 0 0 0 1.5em;
    position: relative;
    width: fit-content;
}
.content .btn_recipe_only label div::before {
	border: 1px solid #513925;
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position:absolute;
	left: 0em;
}
.content .btn_recipe_only label div.on::before {
	background: url(../img/icn_check.svg) center no-repeat;
}
.content .conect_list {
    max-width: 1200px;
    margin: 50px auto 0;
    width: 92%;
}
.content .conect_item {
    width: 100%;
}
.content .conect_item + .conect_item {
    margin-top: 50px;
}
.content .conect_item_ttl {
    font-size: 26px;
	font-weight: 600;
    text-align: center;
    width: 100%;
}
.content .conect_link {
    text-align: right;
    margin-top: 5px;
    width: 100%;
}
.content .conect_item_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}
.content .conect_item_ttl + .conect_item_list {
    margin-top: 40px;
}
.content .conect_item_list_wrap {
    width: 23.5%;
}
.content .conect_list_item_image {
	overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%;
}
.content .conect_list_item_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}
.content .conect_list_item_ttl {
    font-size: 17px;
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.content .content_ttl {
		font-size: 24px;
		text-align: center;
		width: 100%;
	}
	.content .content_ttl.t_left_sp {
		text-align: left;
	}
	.content_search_ttl {
		font-size: 24px;
		padding: 20px 0;
	}
	.content_search_text {
		font-size: 18px;
		width: 92%;
		text-align: left;
		margin: 0 auto;
	}
	.content_taxonomy_ttl {
		font-size: 22px;
		padding: 30px 0;
		margin: 0px auto;
	}
	.content_taxonomy_ttl br {
		display: block;
	}
	.content .content_detail {
		flex-direction: column;
		margin-top: 0;
	}
	.content .content_left,.content .content_right {
		width: 100%;
	}
	.content .content_left {
		padding-top: 60%;
		width: 100%;
	}
	.content .content_right_category {
		font-size: 12px;
		gap: 10px;
		margin-top: 10px;
	}
	.content .content_list_item {
		width: 47.5%;
	}
	.content.is_column_02 .content_list_item {
		width: 100%;
	}
	.content .content_left, .content .content_right {
		margin-top: 10px;
	}
	.content .content_right_detail {
		margin-top: 10px;
	}
	.content .content_right_detail li + li {
		margin-top: 10px;
	}
	.content .content_right_detail li > img {
		max-width: 18px;
		max-height: 18px;
	}
	.content .content_right_detail li > p {
		width: 6em;
		font-size: 15px;
	}
	.content .content_right_detail li > p:nth-of-type(2) {
		width: calc(100% - 7em);
	}
	.content .content_right_detail_text {
		font-size: 10px;
		margin-top: 5px;
	}
	.content .content_right_detail + .content_right_detail_text {
		margin-top: 10px;
	}
	.content .content_list_item:nth-child(n + 3),
	.content.is_column_02 .content_list_item + .content_list_item {
		margin-top: 10px;
	}
	.content.is_column_02 .content_list_item_image {
		padding-top: 45%;
	}
	.content .content_list_item_ttl {
		font-size: 15px;
		margin-top: 5px;
	}
	.content .content_detail_ttl {
		font-size: 24px;
	}
	.content .content_detail_material,.content .content_detail_howto {
		width: 100%;
		margin-top: 30px;
	}
	.content .content_detail_howto ul {
		margin-top: 10px;
	}
	.content .content_detail_howto ul li + li {
		margin-top: 20px;
	}
	.content .content_detail_howto ul li p:first-child {
		width: calc(100% - 35px);
	}
	.content .content_point {
		border: 10px solid #f1eee6;
		padding: 20px 20px 20px;
		margin-top: 30px;
	}
	.content .content_point p {
		font-size: 20px;
	}
	.content .content_point p + p {
		margin-top: 10px;
	}
	.content .content_online {
    padding: 6%;
    width: calc(100% + 8%);
    margin-left: -4%;
}
	.content .content_online .content_online_image {
		display: block;
    margin: 15px 0 0 0;
	}
	.content .content_online::before,
	.content .content_online::after {
		display: none;
	}
	.content .content_online .content_online_inner {
		width: 100%;
	}
	.content .content_online .content_online_inner p {
		font-size: 12px;
		text-align: left;
	}
	.content .content_online a {
    margin: 15px 0 0;
    padding: 10px;
    width: 100%;
    font-size: 16px;
	}
	.content .content_online a::before {
    width: 14px;
    height: 14px;
    right: 20px;
	}
	.content .content_online small {
		font-size: 10px;
    letter-spacing: 0em;
    display: block;
    margin-top: 10px;
		text-align: left;
	}
	.content .content_online br.sp {
		display: none;
	}
	.content .conect_item_ttl {
		font-size: 20px;
		text-align: left;
	}
	.content .conect_item_list_wrap {
		width: 47.5%;
	}
	.content .conect_item + .conect_item {
		margin-top: 30px;
	}
	.content .conect_item_list {
		margin-top: 5px;
		gap: 10px 0;
	}
	.content .conect_list_item_ttl {
		font-size: 15px;
		margin-top: 5px;
	}
	.content .content_right_sns.is_pc {
		display: none
	}
	.content .content_right_sns.is_sp {
		display: flex;
		max-width: 1200px;
		margin: 30px auto 0;
		width: 92%;
	}
	.content .content_right_sns > li a {
		font-size: 14px;
		padding: 3px 20px;
	}
	.content .content_right_sns > li a img {
		height: 18px;
	}
	.content .content_list.is_search .content_list_item_ttl {
		font-size: 17px;
		margin-top: 0;
	}
	.content .btn_recipe_only {
		margin: 0 auto 20px;
	}
	.search_tab li .search_ttl img {
		height: 17px;
	}
	.form_all_clear {
		max-width: 100%;
		width: 30%;
	}
	.form_all_clear span {
		display: none;
	}
	.content_tab, .search_tab {
		margin: 0 auto 20px;
	}
	.content .conect_item_ttl + .conect_item_list {
		margin-top: 20px;
	} 
}

/*------------------------------------------------

		single side

------------------------------------------------*/
.md_section_side {
	background: #f8f5e4;
	margin-bottom: 40px;
}
.md_section_side_accordion > p {
	background: #33aa82;
	color: #fff;
	cursor: pointer;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 11.5px 50px 11.5px 20px;
	transition: 0.3s all;
	transform: rotate(0.01deg);
	position: relative;
}
.md_section_side_accordion > p:hover {
	opacity: 0.6;
}
.md_section_side_accordion > p i {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	right: 5%;
}
.md_section_side_accordion > p i::before,
.md_section_side_accordion > p i::after {
	background: #fff;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
}
.md_section_side_accordion > p i::after {
	transform-origin: center;
	transform: translateY(-2px) rotate(90deg);
	transition: all 0.4s;
}
.md_section_side_accordion > p.is_open i::after {
	transform: translateY(-2px) rotate(180deg);
}
.md_section_side_accordion > ul {
	padding: 20px 8%;
}
.md_section_side_accordion > ul > li + li {
	margin-top: 12px;
}
.md_section_side_accordion ul li a {
	display: block;
	padding: 0 15px;
	position: relative;
}
.md_section_side_accordion ul li a:hover {
	color: #33aa82;
}
.md_section_side_accordion ul li a span {
	border-bottom: 1px solid transparent;
	transition: all 0.5s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.md_section_side_accordion ul li a:hover span {
	border-bottom: 1px solid #33aa82;
}
.md_section_side_accordion > ul > li > a::before {
	background: #33aa82;
	border-radius: 50%;
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 0.6em;
	left: 0;
}
.md_section_side_accordion ul li p {
	cursor: pointer;
	transition: opacity 0.3s;
}
.md_section_side_accordion ul li p:hover {
	opacity: 0.6;
}
.md_section_side_accordion ul li ul {
	margin-top: 10px;
	padding-left: 8%;
}
.md_section_side_accordion ul li ul li + li {
	margin-top: 10px;
}
.md_section_side_accordion ul li ul li a::before {
	background: #33aa82;
	content: '';
	display: block;
	width: 8px;
	height: 1px;
	position: absolute;
	top: 0.8em;
	left: 0;
}
@media (max-width: 768px) {
	.md_section_side {
		margin-bottom: 20px;
	}
	.md_section_side_accordion > p {
		font-size: 1.6rem;
		padding: 6.5px 30px 6.5px 15px;
	}
	.md_section_side_accordion > ul {
		padding: 20px 5%;
	}
	.md_section_side_accordion > ul > li + li {
		margin-top: 8px;
	}
	.md_section_side_accordion ul li ul {
		margin-top: 6px;
		padding-left: 5%;
	}
	.md_section_side_accordion ul li ul li + li {
		margin-top: 5px;
	}
}

/*------------------------------------------------

		md_ttl_wrap

------------------------------------------------*/
.md_main_ttl_wrap {
	border-bottom: 3px solid #33aa82;
	max-width: 1200px;
	margin: 0 auto 50px;
	padding-bottom: 30px;
}
.md_main_ttl_wrap.is_flex {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.md_main_ttl_wrap .md_main_ttl {
	color: #33aa82;
	font-size: 3.0rem;
	font-weight: bold;
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
	transform: rotate(0.01deg);
}
.md_main_ttl_wrap .md_main_ttl span {
	font-size: 1.8rem;
}
.md_main_ttl_wrap .is_center {
	text-align: center;
}
@media (max-width: 768px) {
	.md_main_ttl_wrap {
		border-bottom: 2px solid #33aa82;
		margin: 0 auto 35px;
		padding-bottom: 20px;
	}
	.md_main_ttl_wrap .md_main_ttl {
		font-size: 2.0rem;
	}
	.md_main_ttl_wrap .md_main_ttl span {
		font-size: 1.4rem;
	}
}

/*------------------------------------------------

		md_date

------------------------------------------------*/
.md_main_ttl_wrap + .md_date {
	color: #33aa82;
	margin: -24px auto 24px;
	text-align: right;
}
.md_content + .md_date {
	color: #33aa82;
	margin-top: 36px;
	text-align: right;
}
@media (max-width: 768px) {
	.md_main_ttl_wrap + .md_date {
		margin: -20px auto 20px;
	}
	.md_content + .md_date {
		margin-top: 30px;
	}
}

/*------------------------------------------------

		md_content

------------------------------------------------*/
.md_content {
	font-size: 1.8rem;
	line-height: 1.7;
}
@media (max-width: 768px) {
	.md_content {
		font-size: 1.5rem;
	}
}
.md_content_ttl {
	padding-top: 1px;
}
.wp-block-cover + .md_content_ttl {
	padding-top: 0;
}
.md_content_ttl h2 {
	text-align: center;
}
@media (max-width: 768px) {
	.md_content_ttl h2 {
		text-align: left;
	}
}
/*------------------------------------------------

		md_btn

------------------------------------------------*/
.md_btn {
	display: flex;
	margin: 0 auto;
}
.md_btn.is_return {
	justify-content: center;
	max-width: 500px;
	margin: 40px auto 0;
}
.md_btn.is_return + .md_btn.is_return {
	margin-top: 20px;
}
.md_btn a {
	align-items: center;
	background: #33aa82;
	border-radius: 60px;
	color: #fff !important;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.md_btn.is_return a {
	background: #fff;
	border-radius: 3px;
	color: #333 !important;
	border: 1px solid #666;
	padding: 5px 50px 5px 20px;
}
.md_btn.is_accent a {
	background: #ffcd0a;
}
.md_btn a:hover {
	opacity: 0.6;
}
.md_btn a span {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	width: 100%;
	padding: 8px 50px;
}
.md_btn.is_return a span {
	font-size: 1.4rem;
	font-weight: 400;
}
.md_btn a i {
	right: 20px;
}
.md_btn a i.is_btn {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 21px;
	height: 21px;
	margin-top: -10.5px !important;
	padding-left: 2px;
	transition: 0.3s all;
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 1;
}
.md_btn a i.is_btn svg {
	color: #33aa82;
	transition: 0.3s all;
}
.md_btn.is_return a i.is_btn svg {
	color: #333;
}

/*------------------------------------------------

		pager

------------------------------------------------*/
.l_pager {
	margin-top: 50px;
	width: 100%;
}
.l_pager .md_pager_numbers {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 5px;
}
.l_pager .md_pager_numbers li {
	font-size: 1.5rem;
    font-weight: bold;
    flex-basis: 35px;
    line-height: 32px;
    width: 35px;
    height: 35px;
    text-align: center;
}
.l_pager .md_pager_numbers > li > a {
	opacity: 1;
	transition: 0.3s linear;
	border-radius: 5px;
}
.l_pager .md_pager_numbers > li.is_active > span {
	color: #ffffff;
    background: #ee8a1e;
}
.l_pager .md_pager_numbers > li > a:hover {
	opacity: 0.6;
}
.l_pager .md_pager_numbers > li > a,
.l_pager .md_pager_numbers > li > span {
	background: #f0f0f0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100px;
}

@media (max-width: 559px) {
	.l_pager {
		margin-top: 20px;
	}
	.l_pager .md_pager_numbers li {
		font-size: 1.2rem;
		flex-basis: 30px;
		line-height: 30px;
		width: 30px;
		height: 30px;
	}
}
/*------------------------------------------------

		slick

------------------------------------------------*/
#recommendSlider,
#relationSlider {
	display: none !important;
	height: 0 !important;
}
#recommendSlider.slick-initialized,
#relationSlider.slick-initialized {
	display: block !important;
	height: auto !important;
}
.slick-slide img {
	width: 100%;
}
.slick-dots {
	display: flex;
	justify-content: center;
	width: 100%;
    bottom: 20px;
    z-index: 2;
    position: absolute;
}
.slick-dots li {
	background: #fadcbb;
	border-radius: 100px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	transition: 0.3s all;
	text-indent: -9999px;
}
.slick-dots li:only-child {
	display: none;
}
.slick-dots li.slick-active {
	background: #ee8a1e;
}
.slick-dots li:hover {
    background: #ee8a1e;
}
.slick-slider > button {
	color: #b3b3b3;
	cursor: pointer;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.slick-slider > button:hover {
	opacity: 0.6;
}
.slick-slider > button.is_prev {
	left: -4%;
}
.slick-slider > button.is_next {
	right: -4%;
}
.slick-slider > button i {
	font-size: 30px;
}
@media screen and (max-width: 767px) {
	.slick-dots {
		margin-top: 10px;
		bottom: 15px;
	}
	.slick-dots li {
		width: 10px;
		height: 10px;
	}
	.slick-slider > button {
		width: 40px;
		height: 40px;
		margin-top: 0;
		top: 35%;
		z-index: 1;
	}
	.slick-slider > button.is_prev {
		border-radius: 0 6px 6px 0;
		left: 0;
	}
	.slick-slider > button.is_next {
		border-radius: 6px 0 0 6px;
		right: 0;
	}
	.slick-slider > button svg {
		width: 24px;
		height: 24px;
	}
}

/*------------------------------------------------

		md_pagetag_list

------------------------------------------------*/
.md_pagetag_list_image {
	width: 50%;
}
.md_pagetag_list_image.is_left {
	margin-left: 0;
	margin-right: auto;
}
.md_pagetag_list_image.is_center {
	margin-left: auto;
	margin-right: auto;
}
.md_pagetag_list_image.is_right {
	margin-left: auto;
	margin-right: 0;
}

.md_pagetag_list {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 60px auto;
}
.md_pagetag_list.is_col_1 li {
	width: 100%;
}
.md_pagetag_list.is_col_2 li {
	width: 48%;
}
.md_pagetag_list.is_col_3 li {
	width: 29%;
}
.md_pagetag_list li a {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: visible;
}
.md_pagetag_list.is_col_1 li:not(:first-of-type) a {
	margin-top: 40px;
}
.md_pagetag_list.is_col_2 li:not(:nth-of-type(-n+2)) a {
	margin-top: 40px;
}
.md_pagetag_list.is_col_3 li:not(:nth-of-type(-n+3)) a {
	margin-top: 40px;
}
.md_pagetag_list li a > .md_image {
	height: 0;
	padding-bottom: 100%;
	transition: 0.3s all;
	position: relative;
}
.md_pagetag_list li a:hover > .md_image {
	opacity: 0.6;
}
.md_pagetag_list li a > .md_image img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.is_thumHorizon li a > * {
	width: 47.5%;
}
.is_thumHorizon li a > .md_image,
.is_thumVertical li a > .md_image {
	height: 0;
	padding-bottom: 48%;
	position: relative;
}
.is_thumVertical li a {
	flex-direction: row;
}
.is_thumVertical li a > * {
	width: 100%;
}
.is_thumVertical li a > .md_text {
	margin-top: 20px;
}
.is_thumNone li a {
	border-top: 1px solid #33aa82;
	display: block;
	padding-top: 40px;
}
.is_thumNone li a > * {
	width: 100%;
}
.md_pagetag_list li p time {
	display: block;
	font-weight: bold;
	margin-bottom: 4px;
}
.md_pagetag_list li h2 {
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 auto;
	transform: rotate(-0.01deg);
}
.md_pagetag_list li h2 + p.md_excerpt {
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1.3rem;
	line-height: 1.4;
	height: 3.36rem;
	overflow: hidden;
	text-align: justify;
	text-overflow: ellipsis;
}
.md_pagetag_list.is_col_2 li h2 + p.md_excerpt {
	-webkit-line-clamp: 3;
	height: 5.54rem;
}
.md_pagetag_list li h2 + p.md_excerpt span {
	border-bottom: 1px solid transparent;
	transition: 0.3s all;
}
.md_pagetag_list li a:hover h2 + p.md_excerpt span {
	border-bottom: 1px solid #33aa82;
	color: #33aa82;
}
.md_pagetag_list li h2 + p:not(:empty) {
	margin-top: 15px;
}
.md_pagetag_list li .md_btn {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 25px;
	padding-bottom: 3px;
	padding-right: 20px;
	position: relative;
}
.md_pagetag_list li .md_btn span {
	border-bottom: 1px solid transparent;
	transition: 0.3s all;
}
.md_pagetag_list li a:hover .md_btn span {
	border-bottom: 1px solid #33aa82;
	color: #33aa82;
}
.md_pagetag_list li .md_btn i.is_icn {
	color: #33aa82;
}
@media (max-width: 559px) {
	.md_pagetag_list {
		margin: 30px auto;
	}
	.md_pagetag_writer {
		padding: 28px 5%;
	}
	.md_pagetag_writer figure {
		margin: 0 auto 20px;
	}
	.md_pagetag_writer .md_text {
		width: 100%;
		margin-left: 0;
	}
	.md_pagetag_writer .md_text .md_name {
		font-size: 1.6rem;
		text-align: center;
	}
	.md_pagetag_writer .md_text .md_company {
		text-align: center;
	}
	.md_pagetag_list.is_col_1 li:not(:first-of-type) a,
	.md_pagetag_list.is_col_2 li:not(:nth-of-type(-n+2)) a,
	.md_pagetag_list.is_col_3 li:not(:nth-of-type(-n+3)) a {
		margin-top: 40px;
	}
	.md_pagetag_list.is_col_sp_1 li {
		width: 100%;
	}
	.md_pagetag_list.is_col_sp_2 li {
		width: 48%;
	}
	.md_pagetag_list.is_col_sp_1 li:not(:first-of-type) a {
		margin-top: 40px !important;
	}
	.md_pagetag_list.is_col_sp_2 li:not(:nth-of-type(-n+2)) a {
		margin-top: 40px !important;
	}
	.md_pagetag_list li h2 {
		font-size: 1.6rem;
	}
	.md_pagetag_list.is_col_2 li h2 + p.md_excerpt {
		-webkit-line-clamp: 2;
		height: 3.36rem;
	}
	.md_pagetag_list li h2 + p:not(:empty) {
		font-size: 1.2rem;
		margin-top: 10px;
	}
	.md_pagetag_list li .md_btn {
		font-size: 1.2rem;
		margin-top: 10px;
	}
	.is_thumHorizon li a > .md_image {
		padding-bottom: 100%;
	}
	.is_thumVertical.is_col_sp_2 li a > .md_image {
		padding-bottom: 100%;
	}
	.md_pagetag_list.is_col_sp_1 li a > .md_image {
		padding-bottom: 48%;
	}
}

/*------------------------------------------------

		recommend list

------------------------------------------------*/
.md_recommend_list {
	position: relative;
}
.md_recommend_list #recommendSlider {
	position: relative;
	z-index: 1;
}
.md_recommend_list .md_reccommend_item {
	margin: 0 17px;
}
.md_recommend_list .md_reccommend_item a {
	display: block;
}
.md_recommend_list .md_reccommend_item figure p {
	width: 100%;
	height: 0;
	padding-top: 36.84%;
	transition: 0.3s all;
	position: relative;
}
.md_recommend_list .md_reccommend_item a:hover figure p {
	opacity: 0.6;
}
.md_recommend_list .md_reccommend_item figure figcaption {
	display: block;
	margin-top: 10px;
	text-align: center;
	transition: 0.3s all;
}
.md_recommend_list .md_reccommend_item a:hover figure figcaption {
	color: #33aa82;
}
.md_under_recommend .md_recommend_list .md_reccommend_item figure figcaption {
	font-size: 1.2rem;
}
.md_recommend_list .md_reccommend_item figure figcaption span {
	border-bottom: 1px solid transparent;
	transition: 0.3s all;
}
.md_recommend_list .md_reccommend_item a:hover figure figcaption span {
	border-bottom: 1px solid #33aa82;
}
.md_recommend_list .md_reccommend_item figure figcaption i.is_icn.is_not_pos {
	display: inline-block;
	margin: 0 !important;
	vertical-align: sub;
}
.md_recommend_list .md_recommend_slider_control {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 1200px;
	height: calc(100% - 40px - 1em);
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.md_recommend_list .md_recommend_slider_control button {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	color: #33aa82;
	cursor: pointer;
	display: flex;
	justify-content: center;
	width: 35px;
	height: 35px;
	text-align: center;
	transition: 0.3s all;
	position: relative;
	z-index: 10;
}
.md_recommend_list .md_recommend_slider_control button:hover {
	background: rgba(255,255,255,0.6);
}
.md_recommend_list .md_recommend_slider_control button.is_prev {
	padding-right: 3px;
}
.md_recommend_list .md_recommend_slider_control button.is_next {
	padding-left: 3px;
}
.md_recommend_list .md_recommend_slider_control button svg {
	width: 16px;
}
@media screen and (max-width: 767px) {
	.md_recommend_list .md_reccommend_item {
		width: 80%;
		margin: 0 15px;
	}
	.md_recommend_list .md_reccommend_item figure figcaption {
		font-size: 1.2rem;
	}
	.md_recommend_list .md_recommend_slider_control button {
		width: 40px;
		height: 40px;
	}
}


/*------------------------------------------------

		article list

------------------------------------------------*/
.md_article_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -25px;
}
.md_description + .md_article_list {
	margin-top: 25px;
}
.md_article_item {
	font-size: 1.4rem;
	width: 31.5%;
}
.is_archive .md_article_item {
	width: 47.5%;
}
.md_article_item > a {
	border-bottom: 1px dotted #4d4d4d;
	display: block;
	height: 100%;
	padding: 25px 0;
}
.md_article_item figure {
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 57.5%;
	position: relative;
	transition: 0.3s all;
	overflow: hidden;
}
.md_article_item > a:hover figure {
	opacity: 0.6;
}
.md_article_item figure img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.md_article_item figure .md_ribbon {
	background: #33aa82;
	color: #fff;
	content: "";
	display: block;
	font-size: 1.0rem;
	font-weight: 700;
	line-height: 1;
	width: 130px;
	height: 70px;
	padding: 55px 0 5px;
	text-align: center;
	transform: translate(-50%, -50%) rotate(-45deg);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.md_article_item figure i.is_icn {
	color: #33aa82;
	top: 10px;
	bottom: inherit;
	right: 10px;
}
.md_article_item .md_cat_date {
	align-items: center;
	color: #33aa82;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
}
.md_article_item .md_cat_date > p:not(:last-of-type) {
	font-size: 1.2rem;
}
.md_article_item .md_cat_date > p + p {
	margin-top: 5px;
}
.md_article_item .md_cat_date a {
	color: #33aa82;
}
.md_article_item .md_cat_date i {
	display: inline-block;
	margin-right: 2px;
}
.md_article_item .md_cat_date i svg {
	vertical-align: middle;
}
.md_article_item .md_date {
	border-bottom: 1px solid transparent;
	color: #33aa82;
	margin-bottom: 10px;
	text-align: right;
	transition: 0.3s all;
}
.md_article_item .md_article_ttl {
	font-size: 1.6rem;
	display: -webkit-box;
	font-weight: 700;
	margin-bottom: 10px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.md_article_item .md_article_ttl span {
	border-bottom: 1px solid transparent;
	transition: 0.3s all;
}
.md_article_item > a:hover .md_article_ttl span {
	border-bottom: 1px solid #33aa82;
	color: #33aa82;
}
.md_article_item .md_article_ttl + p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.md_article_item .md_article_ttl + p span {
	border-bottom: 1px solid transparent;
	transition: 0.3s all;
}
.md_article_item > a:hover .md_article_ttl + p span {
	border-bottom: 1px solid #33aa82;
	color: #33aa82;
}
@media screen and (max-width: 767px) {
	.md_article_item {
		font-size: 1.2rem;
		width: 47.5%;
	}
	.md_article_item .md_article_ttl {
		font-size: 1.3rem;
	}
}

/*------------------------------------------------

		pickup

------------------------------------------------*/
.md_pickup_list {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -50px;
}
.md_pickup_list .md_pickup_item {
	width: 21.8%;
}
.md_pickup_list .md_pickup_item a {
	display: block;
	margin-top: 50px;
	position: relative;
}
.md_pickup_list .md_pickup_item .md_cat {
	color: #fff;
	display: inline-block;
	font-size: 1.2rem;
	min-width: 120px;
	padding: 1px 10px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.md_pickup_list .md_pickup_item figure {
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 57.5%;
	transition: 0.3s all;
	position: relative;
}
.md_pickup_list .md_pickup_item figure.is_feature,
.md_pickup_list .md_pickup_item figure.is_recommend {
	padding-top: 50%;
}
.md_pickup_list .md_pickup_item a:hover figure {
	opacity: 0.6;
}
.md_pickup_list .md_pickup_item .md_pickup_sub_ttl span {
	border-bottom: 1px solid transparent;
	transition: 0.3s all;
}
.md_pickup_list .md_pickup_item a:hover .md_pickup_sub_ttl span {
	border-bottom: 1px solid #33aa82;
	color: #33aa82;
}
.md_pickup_list .md_pickup_item .md_pickup_sub_ttl i {
	display: inline-block;
	width: 1em;
	height: 1em;
	position: relative;
}
.md_pickup_list .md_pickup_item .md_pickup_sub_ttl i::after {
	border-top: solid 1px #4d4d4d;
	border-right: solid 1px #4d4d4d;
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	margin-top: -2px;
	transition: 0.3s all;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 3px;
}
.md_pickup_list .md_pickup_item a:hover .md_pickup_sub_ttl i::after {
	border-top: solid 1px #33aa82;
	border-right: solid 1px #33aa82;
}
.md_pickup_list .md_pickup_item .md_pickup_slug {
	margin-top: 12px;
}
.md_pickup_list .md_pickup_item .md_pickup_slug span {
	font-size: 1.2rem;
}
.md_pickup_list .md_pickup_item a:hover .md_pickup_slug span {
	border-bottom: 1px solid #33aa82;
	color: #33aa82;
}
@media screen and (max-width: 767px) {
	.md_pickup_list {
		margin-top: -25px;
	}
	.md_pickup_list .md_pickup_item {
		width: 47.5%;
	}
	.md_pickup_list .md_pickup_item a {
		margin-top: 25px;
	}
	.md_pickup_list .md_pickup_item .md_cat {
		font-size: 1.0rem;
		min-width: 85px;
	}
	.md_pickup_list .md_pickup_item figure {
		margin-bottom: 5px;
	}
	.md_pickup_list .md_pickup_item .md_pickup_sub_ttl {
		font-size: 1.2rem;
	}
}

/*------------------------------------------------

		pickup slider

------------------------------------------------*/
.md_pickup_slider_list {
	align-items: flex-start;
	background: url(../img/ajax-loader.gif) center center / auto no-repeat;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	min-height: 200px;
	margin-top: -50px;
}
.md_pickup_slider_list.slick-initialized {
	background: none;
	min-height: unset;
}
.md_pickup_slider_list .md_pickup_slider_item {
	display: none;
	width: 21.8%;
	margin: 0 20px;
}
.md_pickup_slider_list.slick-initialized .md_pickup_slider_item {
	display: block;
}
.md_pickup_slider_list .md_pickup_slider_item a {
	display: block;
	margin-top: 50px;
	position: relative;
}
.md_pickup_slider_list .md_pickup_slider_item .md_cat {
	color: #fff;
	display: inline-block;
	font-size: 1.2rem;
	min-width: 120px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.md_pickup_slider_list .md_pickup_slider_item figure {
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 57.5%;
	transition: 0.3s all;
	position: relative;
}
.md_pickup_slider_list .md_pickup_slider_item figure.is_feature,
.md_pickup_slider_list .md_pickup_slider_item figure.is_recommend {
	padding-top: 50%;
}
.md_pickup_slider_list .md_pickup_slider_item a:hover figure {
	opacity: 0.6;
}
.md_pickup_slider_list .md_pickup_slider_item .md_pickup_sub_ttl span {
	border-bottom: 1px solid transparent;
	font-weight: 700;
	transition: 0.3s all;
}
.md_pickup_slider_list .md_pickup_slider_item a:hover .md_pickup_sub_ttl span {
	border-bottom: 1px solid #33aa82;
	color: #33aa82;
}
.md_pickup_slider_list .md_pickup_slider_item .md_pickup_sub_ttl i {
	display: inline-block;
	width: 1em;
	height: 1em;
	position: relative;
}
.md_pickup_slider_list .md_pickup_slider_item .md_pickup_sub_ttl i::after {
	border-top: solid 1px #4d4d4d;
	border-right: solid 1px #4d4d4d;
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	margin-top: -2px;
	transition: 0.3s all;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 3px;
}
.md_pickup_slider_list .md_pickup_slider_item a:hover .md_pickup_sub_ttl i::after {
	border-top: solid 1px #33aa82;
	border-right: solid 1px #33aa82;
}
.md_pickup_slider_list .md_pickup_slider_item .md_pickup_slug {
	margin-top: 12px;
}
.md_pickup_slider_list .md_pickup_slider_item .md_pickup_slug span {
	font-size: 1.2rem;
}
.md_pickup_slider_list .md_pickup_slider_item a:hover .md_pickup_slug span {
	border-bottom: 1px solid #33aa82;
	color: #33aa82;
}
@media screen and (max-width: 767px) {
	.md_pickup_slider_list {
		margin: -25px calc(50% - 50vw) 0;
		padding: 0 calc(5% - 10px);
	}
	.md_pickup_slider_list .md_pickup_slider_item {
		width: 47.5%;
		margin: 0 10px;
	}
	.md_pickup_slider_list .md_pickup_slider_item a {
		margin-top: 25px;
	}
	.md_pickup_slider_list .md_pickup_slider_item .md_cat {
		font-size: 1.0rem;
		min-width: 85px;
	}
	.md_pickup_slider_list .md_pickup_slider_item figure {
		margin-bottom: 5px;
	}
	.md_pickup_slider_list .md_pickup_slider_item .md_pickup_sub_ttl {
		font-size: 1.2rem;
	}
}

/*------------------------------------------------

		relation

------------------------------------------------*/
.md_relation_list {
	padding: 45px 0;
	position: relative;
}
.md_relation_list #relationSlider {
	position: relative;
	z-index: 1;
}
.md_relation_list .md_relation_item {
	margin: 0 17px;
}
.md_relation_list .md_relation_item a {
	display: block;
}
.md_relation_list .md_relation_item figure p {
	width: 100%;
	height: 0;
	padding-top: 36.84%;
	transition: 0.3s all;
	position: relative;
}
.md_relation_list .md_relation_item a:hover figure p {
	opacity: 0.6;
}
.md_relation_list .md_relation_item figure figcaption {
	display: block;
	margin-top: 10px;
	text-align: center;
	transition: 0.3s all;
}
.md_relation_list .md_relation_item a:hover figure figcaption {
	color: #33aa82;
}
.md_under_relation .md_relation_list .md_relation_item figure figcaption {
	font-size: 1.2rem;
}
.md_relation_list .md_relation_item figure figcaption span {
	border-bottom: 1px solid transparent;
	transition: 0.3s all;
}
.md_relation_list .md_relation_item a:hover figure figcaption span {
	border-bottom: 1px solid #33aa82;
}
.md_relation_list .md_relation_item figure figcaption i.is_icn.is_not_pos {
	display: inline-block;
	margin: 0 !important;
	vertical-align: sub;
}
.md_relation_list .md_relation_slider_control {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 1200px;
	height: calc(100% - 40px - 1em);
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.md_relation_list .md_relation_slider_control button {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	color: #33aa82;
	cursor: pointer;
	display: flex;
	justify-content: center;
	width: 35px;
	height: 35px;
	text-align: center;
	transition: 0.3s all;
	position: relative;
	z-index: 10;
}
.md_relation_list .md_relation_slider_control button:hover {
	background: rgba(255,255,255,0.6);
}
.md_relation_list .md_relation_slider_control button.is_prev {
	padding-right: 3px;
}
.md_relation_list .md_relation_slider_control button.is_next {
	padding-left: 3px;
}
.md_relation_list .md_relation_slider_control button svg {
	width: 16px;
}
@media screen and (max-width: 767px) {
	.md_relation_list {
		padding: 20px 0;
	}
	.md_relation_list .md_relation_item {
		width: 80%;
		margin: 0 15px;
	}
	.md_relation_list .md_relation_item figure figcaption {
		font-size: 1.2rem;
	}
	.md_relation_list .md_relation_slider_control button {
		width: 40px;
		height: 40px;
	}
}
/*------------------------------------------------

		ttl_dots

------------------------------------------------*/
.ttl_dots {
	text-align: center;
	width: fit-content;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 0 20px;
}
.ttl_dots::before {
	background: url(../img/ttl_dots.svg) 0 0 / cover no-repeat;
	content: "";
	display: block;
	position: absolute;
	width: 190px;
	height: 6px;
	bottom: 0px;
}
.ttl_dots span {
	position: absolute;
}

@media screen and (max-width: 767px) {
	.ttl_dots {
		transform: scale(0.75);
	}
}
/*------------------------------------------------

		btn_more

------------------------------------------------*/

.btn_more {
	margin: 0 auto;
	width: fit-content;
	cursor: pointer;
}

.btn_more a {
	align-items: center;
	background: #e37689;
	border: 2px solid #e37689;
	color: #FFF;
	display: flex;
	justify-content: center;
	font-weight: 600;
	font-size: 18px;
	padding: 3px 100px;
	position: relative;
	border-radius: 100px;
	transition: all 0.5s;
}

.btn_more a:hover {
	background: #FFF;
	border: 2px solid #e37689;
	color: #e37689;
}

.btn_more a i {
	right: 10px;
	position: absolute;
	width: 20px;
	height: 20px;
	transition: all 0.5s;
}
.btn_more a:hover i {
	color: #e37689;
}

.btn_more a.is_close {
	background: #808080;
    border: 1px solid #808080;
    pointer-events: none !important;
}

.btn_more a.is_close:hover {
    color: #FFF;
}

@media screen and (max-width: 767px) {
	.btn_more {
		width: 100%;
	}
	.btn_more a {
		font-size: 14px;
	}
	.btn_more a i {
		width: 16px;
		height: 16px;
		font-size: 16px;
	}
}

/*------------------------------------------------

	title

------------------------------------------------*/
.ttl_wrapper {
    background: url(../img/ttl_wrapper_bk.jpg) 0 0 / cover no-repeat;
    padding: 30px 0;
    min-height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.ttl_wrapper.is_bk_none {
	background: none;
	padding: 30px 0;
}
.ttl_wrapper.is_ttl_none {
	padding: 0;
	min-height: 40px;
}
@media screen and (max-width: 767px) {
	.ttl_wrapper.is_ttl_none {
		padding: 0;
		min-height: 15px;
	}
}
/*------------------------------------------------

	bread

------------------------------------------------*/
.bread {
	background: #ee8a1e;
	padding: 10px 4%;
	font-size: 12px;
	overflow: auto;
	width: 100%;
}
.bread ul {
	display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.bread ul li {
	margin-right: 15px;
	color: #FFF;
	white-space: nowrap;
}
.bread ul li br {
	display: none;
}
.bread ul li + li {
	margin-left: 15px;
	padding-left: 15px;
	position: relative;
	display: flex;
	align-items: center;
}
.bread ul li:last-child {
	padding-right: 15px;
}
.bread ul li + li::before {
	display: block;
	content: "＞";
	position: absolute;
	left: -15px;
}
.bread ul li a {
	color: #FFF;
}
@media screen and (max-width: 767px) {
	.bread {
		margin-top: 30px;
	}
	.bread_list li a,
	.bread_list li {
		font-size: 10px;
	}
}

/*アーカイブページの絞り込み箇所*/
/* .search .search_sort {
    display: none;
} */
.search.is_fix {
    background: #f1eee6;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.75s;
    z-index: 100;
	padding: 0;
	display: none;
}
.search.is_fix.is_open {
    display: block;
}
.search.is_fix .search_fix_inner  {
    overflow: auto;
    height: 100vh;
    padding: 40px 0 160px;
}
.search .search_sort + form {
	display: none;
} 
@media screen and (max-width: 767px) {
	.search .search_sort {
		display: flex;
		padding: 5px;
		max-width: 250px;
	}
	.search .search_sort span {
		font-size: 25px;
	}
}
.content_print_btn {
    width: fit-content;
    position: absolute;
    top: 0;
    right: 0;
}
.content_print_btn a {
	background: #fff9d2;
    display: block;
    cursor: pointer;
	font-size: 16px;
    padding: 10px;
    width: 260px;
    text-align: center;
}
.content_print_btn a i {
	margin-right: 7px;
	color:#ffb162;
}
@media screen and (max-width: 767px) {
	.content_print_btn {
		display: none;
	}
}
.search.is_fix.is_sort_recipe .search_item .form_clear {
	display: flex;
}
.search.is_fix.is_sort_recipe .is_sort_recipe_keyword {
    font-size: 0.85em;
    margin: 10px 0 0;
    width: 100%;
    padding-left: 1em;
    text-indent: -1em;
}