@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* admin bar */
#wpadminbar {
	position: fixed;
}

/* form tag reset */
input,
textarea {
	-webkit-appearance: none;
}

input,
button,
select,
textarea {
	border: none;
	border-radius: 0;
	outline: none;
	background: transparent;
	font: inherit;
	font-size: 1.35rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select {
	border: 1px solid #ddd;
	background: url("../images/list_mk005.svg") center right 10px / 8px 8px no-repeat #fff;
}

textarea {
	padding: .5714285em;
	border: 1px solid #ddd;
	resize: vertical;
}

input[type="radio"],
input[type="checkbox"] {
	display: none;
}

.escott_quick_member label {
	display: inline-flex;
	align-items: center;
	margin-top: .5rem;
}

.escott_quick_member input[type="checkbox"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	border-radius: 0;
	background-color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.escott_quick_member input[type="checkbox"]:checked {
	position: relative;
	border-color: #8c0e20;
	background-color: #8c0e20;
}

.escott_quick_member input[type="checkbox"]:checked::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 5px;
	width: 5px;
	height: 10px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 3px 3px 0;
}

input[type="submit"],
input[type="button"],
label,
button,
select {
	outline: none;
	cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	color: #262626;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	border-color: #ddd;
}

select::-ms-expand {
	display: none;
}

html,
body {
	overflow: auto;
	font-size: 62.5%;
}

body {
	height: 100%;
	overflow-x: hidden;
	-webkit-animation: fadein 2s ease 0s 1 normal;
	-moz-animation: fadein 2s ease 0s 1 normal;
	-o-animation: fadein 2s ease 0s 1 normal;
	animation: fadeIn 2s ease 0s 1 normal;
	background-color: #fff;
	color: #484848;
	font-family: "Noto Serif JP", YuMincho, "Yu Mincho", Osaka, serif;
	font-size: 1rem;
	font-weight: 100;
}

@keyframes fadeIn {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

ol,
ul {
	font-weight: 300;
	letter-spacing: .1em;
	list-style: none;
}

h6 {
	letter-spacing: .1em;
}

p {
	font-weight: 300;
	letter-spacing: .1em;
}

dl {
	font-weight: 300;
	letter-spacing: .1em;
}

input {
	font-family: "リュウミン R-KL", "Ryumin Regular KL", YuMincho, "Yu Mincho", Osaka, serif !important;
	font-weight: 300;
	letter-spacing: .1em;
}

caption,
th,
td {
	text-align: left;
	vertical-align: top;
}

table {
	border-collapse: collapse;
}

img {
	width /***/: auto;
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}

a,
a:link,
a:visited {
	transition: all .3s;
	outline: none;
	color: #111;
	text-decoration: none;
}

a:hover {
	outline: none;
	color: #8c0e20;
	text-decoration: none;
}

a.imghover:link img {
	transition: all .3s;
}

a.imghover:hover img {
	filter: alpha(opacity=80);
	opacity: .8;
}

.imghover {
	transition: all .3s;
}

.imghover:hover {
	filter: alpha(opacity=80);
	opacity: .8;
}

::placeholder {
	color: #aaa;
}

.error_message,
.cat-il.type-grid .itemsoldout {
	color: #8c0e20;
}

/* search button icon */
#head-s-submit {
	font-family: FontAwesome;
}

/* -- clearfix -- */
.cf::before,
.cf::after {
	content: " ";
	display: table;
}

.cf::after {
	clear: both;
}

.cf {
	*zoom: 1;
}


.outliner.act {
	height: 100vw;
	overflow: hidden;
}

/* ###### header ##### */
.header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .5s;
}

.admin-bar .header {
	top: 46px;
}

.admin-bar:not(.home) .index_contents {
	margin-top: 60px;
}

/* ###### header ##### */


/* ###### header_change ##### */
.header.header_change {
	transition: all .5s;
	background-color: #fff;
}

/* ###### header_change ##### */


/* ###### page_contents ##### */
.page_contents__bn {
	position: relative;
	width: 92%;
	max-width: 1260px;
	margin: 0 auto;
}

.breadcrumbs-wrap {
	width: 100%;
	padding: 0;
	background-color: #f7f5f2;
}

.breadcrumbs-wrap ul.breadcrumbs {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}

/* ###### page_contents ##### */


/* ##### title_sp ##### */
.title_sp {
	position: relative;
	width: 100%;
}

.title_sp h2 {
	color: #111;
	font-weight: 500;
	letter-spacing: .1em;
}

.title_sp h6 {
	color: #8c0e20;
	font-weight: 300;
	line-height: 1;
}

/* ##### title_sp ##### */


/* ##### footer ##### */
.footer {
	position: relative;
	width: 100%;
}

.footer__copy {
	position: relative;
	width: 100%;
}

.footer__copy p {
	font-size: 1rem;
	text-align: center;
}

.sp-footer-menu {
	width: 92%;
	margin: 0 auto 130px;
}

#menu-sp-footer-menu li {
	position: relative;
	border-bottom: 1px solid #ddd;
}

#menu-sp-footer-menu li:first-child {
	border-top: 1px solid #ddd;
}

#menu-sp-footer-menu li::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #8c0e20;
}

#menu-sp-footer-menu li:first-child::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #8c0e20;
}

#menu-sp-footer-menu li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 5px 20px 3px;
	font-size: 1.3rem;
	letter-spacing: .13rem;
	line-height: 1;
}

#menu-sp-footer-menu li a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	-webkit-mask: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2056.7%2056.7%22%20style%3D%22enable-background%3Anew%200%200%2056.7%2056.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111111%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C56.5c-1.1%2C0-2.1-0.4-2.8-1.3c-1.3-1.6-1.1-3.9%2C0.4-5.2l25.7-21.7L10.4%2C6.7C8.9%2C5.4%2C8.7%2C3.1%2C10%2C1.5%20c1.3-1.6%2C3.6-1.8%2C5.2-0.4l32.4%2C27.3L15.2%2C55.6C14.5%2C56.2%2C13.6%2C56.5%2C12.8%2C56.5z%22%2F%3E%3C%2Fsvg%3E);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2056.7%2056.7%22%20style%3D%22enable-background%3Anew%200%200%2056.7%2056.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111111%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C56.5c-1.1%2C0-2.1-0.4-2.8-1.3c-1.3-1.6-1.1-3.9%2C0.4-5.2l25.7-21.7L10.4%2C6.7C8.9%2C5.4%2C8.7%2C3.1%2C10%2C1.5%20c1.3-1.6%2C3.6-1.8%2C5.2-0.4l32.4%2C27.3L15.2%2C55.6C14.5%2C56.2%2C13.6%2C56.5%2C12.8%2C56.5z%22%2F%3E%3C%2Fsvg%3E);
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: #111;
}

/* ##### footer ##### */


/* ##### btn ##### */

.btn_style01 {
	width: 100%;
}

.btn_style01 a {
	display: block;
	position: relative;
	border: 1px solid #ddd;
	background: url(../images/list_mk001.svg) no-repeat right 10px center;
	background-color: #fff;
	background-size: 10px;
	color: #8c0e20;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
	text-align: center;
}

.btn_style01 a img {
	width: 22px;
	padding-right: 6px;
}

.btn_style02 {
	width: 100%;
}

.btn_style02 a {
	display: block;
	position: relative;
	border: 1px solid #8c0e20;
	background: url(../images/list_mk002.svg) no-repeat right 10px center;
	background-color: #8c0e20;
	background-size: 10px;
	color: #fff;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
	text-align: center;
}

.btn_style02 a img {
	width: 22px;
	padding-right: 6px;
}

.btn_style03 {
	width: 100%;
}

.btn_style03 a {
	display: flex;
	position: relative;
	justify-content: center;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #8c0e20;
	font-weight: 500;
	letter-spacing: .075em;
	line-height: 1;
}

.btn_style03 a img {
	width: 19px;
	padding-right: 5px;
}

/* ##### btn ##### */

/* --- SNS Button --- */

.addtoany_content_bottom.addtoany_content {
	margin: 40px auto 0 !important;
}

.addtoany_content_bottom .a2a_kit a {
	width: 25%;
}

.addtoany_content_bottom .a2a_svg svg {
	width: 40px;
}

.addtoany_content_bottom .addtoany_list a:not(.addtoany_special_service) > span {
	width: 100% !important;
	border-radius: 0 !important;
}

/* -- Collne Style -- */

body {
	line-height: 1.5;
}

em {
	color: inherit;
}

.admin-bar .nav_menu {
	top: 46px;
}

.title_sp h3 {
	color: #8c0e20;
	letter-spacing: .1em;
	line-height: 1;
}

.title_sp {
	display: flex;
	flex-direction: column-reverse;
	align-items: left;
}

.index_contents__message .title_sp,
.index_contents__items_detail_desc_right .title_sp,
.index_contents__items_detail02_desc_right .title_sp,
.index_contents__episode .title_sp {
	align-items: flex-start;
}

p.index_contents__pickup_list01_list_thumb {
	overflow: hidden;
}

p.index_contents__pickup_list01_list_thumb::before,
.index_contents__message_left p::before,
.index_contents__blog_detail_list_thumb > a span::before,
.index_contents__episode_detail_list_thumb > a span::before {
	content: "";
	display: block;
	padding-top: 66.666%;
}

p.index_contents__pickup_list01_list_thumb img,
.index_contents__message_left p img,
.index_contents__items_detail_desc_left p img,
.index_contents__items_detail_list_thumb p img,
.index_contents__blog_detail_list_thumb > a span img,
.index_contents__episode_detail_list_thumb > a span img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.index_contents__message_left p,
.index_contents__items_detail_desc_left p,
.index_contents__items_detail_list_thumb p,
.index_contents__blog_detail_list_thumb > a span,
.index_contents__episode_detail_list_thumb > a span {
	position: relative;
	overflow: hidden;
}

.index_contents__items_detail_desc_left p::before {
	content: "";
	display: block;
	padding-top: 56.235%;
}

.index_contents__items_detail_list_thumb p::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.index_contents__blog_detail_list_thumb > a span,
.index_contents__episode_detail_list_thumb > a span {
	display: block;
}

#content {
	padding: inherit;
}

#content p.none {
	font-size: 1.3rem;
	letter-spacing: .13rem;
	text-align: center;
}

ul.global_nav02 li a,
ul.global_nav02 li .role {
	position: relative;
}

.total-quant-in-cart {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	font-size: 1rem;
}

.global_nav02_search .role {
	cursor: pointer;
}

.global_nav02_search.On .role + form {
	display: block;
	visibility: visible;
	position: fixed;
	z-index: 1;
	top: 60px;
	right: 4vw;
	left: 4vw;
	overflow: hidden;
	transition: .4s;
	opacity: 1;
}

.admin-bar .global_nav02_search.On .role + form {
	top: 106px;
}

.global_nav02_search.No .role + form {
	visibility: hidden;
	position: fixed;
	z-index: -1;
	top: -30px;
	right: 4%;
	left: 4%;
	transition: .4s;
	opacity: 0;
}

.global_nav02_search form .s-box {
	display: grid;
	grid-template-columns: 1fr 40px;
	padding: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.global_nav02_search form .s-box .search-text {
	grid-column: 1/3;
	grid-row: 1/2;
	width: 100%;
	height: 41px;
	border: none;
}

.global_nav02_search form .s-box .searchsubmit {
	grid-column: 2/3;
	grid-row: 1/2;
	width: 24px;
	height: 24px;
	margin: 8px;
	padding: 0;
	overflow: hidden;
	transform: scale(-1, 1);
	border-radius: 0;
	background-color: #8c0e20;
	text-indent: -100vw;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ctitle%3E49-Search%3C%2Ftitle%3E%3Cg%20id%3D%22_49-Search%22%20data-name%3D%2249-Search%22%3E%3Cpath%20d%3D%22M21.15%2C19.74a12%2C12%2C0%2C1%2C0-1.41%2C1.41L30.29%2C31.71l1.41-1.41ZM12%2C22A10%2C10%2C0%2C1%2C1%2C22%2C12%2C10%2C10%2C0%2C0%2C1%2C12%2C22Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ctitle%3E49-Search%3C%2Ftitle%3E%3Cg%20id%3D%22_49-Search%22%20data-name%3D%2249-Search%22%3E%3Cpath%20d%3D%22M21.15%2C19.74a12%2C12%2C0%2C1%2C0-1.41%2C1.41L30.29%2C31.71l1.41-1.41ZM12%2C22A10%2C10%2C0%2C1%2C1%2C22%2C12%2C10%2C10%2C0%2C0%2C1%2C12%2C22Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
}

.menu__logo {
	width: 100%;
	margin: 40px 0 45px;
}

.menu__logo p {
	width: 140px;
	margin: 0 auto;
}

.menu__logo p img {
	width: 100%;
}

/* ---- Common ---- */

.contents {
	position: relative;
	width: 100%;
	margin: 40px auto 80px;
}

.contents__main {
	position: relative;
	width: 92%;
	margin: 0 auto 60px;
}

/* -- Collne Style -- */

/* -- header-global-navi -- */

.header-global-navi {
	padding-top: 60px;
}

.hgn {
	visibility: hidden;
	opacity: 0;
}

.act .hgn {
	visibility: visible;
	position: relative;
	margin-bottom: 0;
	padding: 25px 15px 30px 15px;
	opacity: 1;
}

/* .hgn.gnav-1 {
	padding-bottom: 0;
} */
.hgn::before {
	display: block;
	position: absolute;
	top: 0;
	left: 18px;
	color: #8c0e20;
	font-size: 1rem;
	letter-spacing: .12rem;
}

.hgn.gnav-1::before {
	content: "Products";
}

.hgn.gnav-2::before {
	content: "Contents";
}

.hgn.gnav-3::before {
	content: "About us";
}

.hgn > .block {
	position: relative;
	border-top: 1px solid #ddd;
}

.hgn > .block::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #8c0e20;
}

.hgn > .block > .menu-item {
	position: relative;
	border-bottom: 1px solid #ddd;
}

.hgn > .block > .menu-item::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #8c0e20;
}

.hgn .block .menu-item > a {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0 15px 3px;
	font-size: 1.3rem;
	letter-spacing: .13rem;
	cursor: pointer;
}

.hgn .block .menu-item > a:hover {
	color: #111;
}

.hgn .block :not(.icon) > a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin-right: 2px;
	background-color: #111;
	-webkit-mask: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2056.7%2056.7%22%20style%3D%22enable-background%3Anew%200%200%2056.7%2056.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111111%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C56.5c-1.1%2C0-2.1-0.4-2.8-1.3c-1.3-1.6-1.1-3.9%2C0.4-5.2l25.7-21.7L10.4%2C6.7C8.9%2C5.4%2C8.7%2C3.1%2C10%2C1.5%20c1.3-1.6%2C3.6-1.8%2C5.2-0.4l32.4%2C27.3L15.2%2C55.6C14.5%2C56.2%2C13.6%2C56.5%2C12.8%2C56.5z%22%2F%3E%3C%2Fsvg%3E);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2056.7%2056.7%22%20style%3D%22enable-background%3Anew%200%200%2056.7%2056.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111111%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C56.5c-1.1%2C0-2.1-0.4-2.8-1.3c-1.3-1.6-1.1-3.9%2C0.4-5.2l25.7-21.7L10.4%2C6.7C8.9%2C5.4%2C8.7%2C3.1%2C10%2C1.5%20c1.3-1.6%2C3.6-1.8%2C5.2-0.4l32.4%2C27.3L15.2%2C55.6C14.5%2C56.2%2C13.6%2C56.5%2C12.8%2C56.5z%22%2F%3E%3C%2Fsvg%3E);
	mask-repeat: no-repeat;
	mask-size: contain;
}

.hgn .block .icon > a::before,
.hgn .block .icon > a::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0%, -50%) rotate(-90deg);
	transform: translate(0%, -50%) rotate(-90deg);
	transition: transform .4s ease-in-out, opacity .4s ease-in-out;
	background-color: currentcolor;
}

.hgn .block .icon > a::before {
	right: 5px;
	width: 9px;
	height: 1px;
	opacity: 1;
}

.hgn .block .icon > a::after {
	right: 9px;
	width: 1px;
	height: 9px;
}

.hgn .block .icon > a.active::after {
	opacity: 0;
}

.hgn .block .icon > a.active::before {
	-webkit-transform: translate(0%, -50%) rotate(0deg);
	transform: translate(0%, -50%) rotate(0deg);
	background-color: #111;
}

.icon > a + .header-nav-child {
	display: none;
	margin: 0 0 20px;
}

.header-nav-child .header-nav-child .header-nav-child {
	margin: 1px 0 0 0;
	background-color: initial;
}

.header-nav-child .header-nav-child .container {
	padding: 0;
}

.hgn .block .header-nav-child .header-nav-child .sub-menu .online > a {
	display: none;
}

.header-nav-child .header-nav-child .online .header-nav-child {
	display: block;
}

.hgn .sub-menu {
	display: grid;
	gap: 1px;
}

.hgn .sub-menu .menu-item a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 42px;
	padding: 6px 8px 6px 6px;
	background-color: #fff;
	font-size: 1.2rem;
	letter-spacing: .12rem;
	gap: 6px;
}

.gnav-1 .sub-menu .menu-item a {
	position: relative;
	padding: 6px 8px 6px 42px;
}

.gnav-1 .sub-menu .menu-item a img {
	position: absolute;
	top: 50%;
	left: 6px;
	width: 30px;
	height: 30px;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.hgn .sub-menu .menu-item a::after {
	content: "";
	display: block;
	width: 6px;
	height: 8px;
	-webkit-mask: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2056.7%2056.7%22%20style%3D%22enable-background%3Anew%200%200%2056.7%2056.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111111%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C56.5c-1.1%2C0-2.1-0.4-2.8-1.3c-1.3-1.6-1.1-3.9%2C0.4-5.2l25.7-21.7L10.4%2C6.7C8.9%2C5.4%2C8.7%2C3.1%2C10%2C1.5%20c1.3-1.6%2C3.6-1.8%2C5.2-0.4l32.4%2C27.3L15.2%2C55.6C14.5%2C56.2%2C13.6%2C56.5%2C12.8%2C56.5z%22%2F%3E%3C%2Fsvg%3E");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2056.7%2056.7%22%20style%3D%22enable-background%3Anew%200%200%2056.7%2056.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111111%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C56.5c-1.1%2C0-2.1-0.4-2.8-1.3c-1.3-1.6-1.1-3.9%2C0.4-5.2l25.7-21.7L10.4%2C6.7C8.9%2C5.4%2C8.7%2C3.1%2C10%2C1.5%20c1.3-1.6%2C3.6-1.8%2C5.2-0.4l32.4%2C27.3L15.2%2C55.6C14.5%2C56.2%2C13.6%2C56.5%2C12.8%2C56.5z%22%2F%3E%3C%2Fsvg%3E");
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: #111;
}

.hgn.gnav-3 .block .icon .icon > a::before,
.hgn.gnav-3 .block .icon .icon > a::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0%, -50%) rotate(-90deg);
	transform: translate(0%, -50%) rotate(-90deg);
	transition: transform .4s ease-in-out, opacity .4s ease-in-out;
	background-color: currentcolor;
}

.hgn.gnav-3 .block .icon .icon > a::before {
	right: 13px;
	width: 9px;
	height: 1px;
	opacity: 1;
}

.hgn.gnav-3 .block .icon .icon > a::after {
	right: 17px;
	width: 1px;
	height: 9px;
	-webkit-mask: inherit;
	mask: inherit;
}

.hgn.gnav-3 .block .icon .icon > a.active::after {
	opacity: 0;
}

.hgn.gnav-3 .block .icon .icon > a.active::before {
	-webkit-transform: translate(0%, -50%) rotate(0deg);
	transform: translate(0%, -50%) rotate(0deg);
	background-color: #111;
}

.online-menu {
	visibility: hidden;
	opacity: 0;
}

.act .online-menu {
	visibility: visible;
	padding: 0 15px 30px 15px;
	opacity: 1;
}

.online-menu > .block {
	position: relative;
}

.online-menu > .block > .menu-item {
	position: relative;
	border-bottom: 1px solid #ddd;
}

.online-menu > .block > .menu-item::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #8c0e20;
}

.online-menu .block .menu-item > a {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0 15px 3px;
	font-size: 1.3rem;
	letter-spacing: .13rem;
}

.online-menu .block :not(.icon) > a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	background-color: #111;
	-webkit-mask: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2056.7%2056.7%22%20style%3D%22enable-background%3Anew%200%200%2056.7%2056.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111111%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C56.5c-1.1%2C0-2.1-0.4-2.8-1.3c-1.3-1.6-1.1-3.9%2C0.4-5.2l25.7-21.7L10.4%2C6.7C8.9%2C5.4%2C8.7%2C3.1%2C10%2C1.5%20c1.3-1.6%2C3.6-1.8%2C5.2-0.4l32.4%2C27.3L15.2%2C55.6C14.5%2C56.2%2C13.6%2C56.5%2C12.8%2C56.5z%22%2F%3E%3C%2Fsvg%3E);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2056.7%2056.7%22%20style%3D%22enable-background%3Anew%200%200%2056.7%2056.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111111%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C56.5c-1.1%2C0-2.1-0.4-2.8-1.3c-1.3-1.6-1.1-3.9%2C0.4-5.2l25.7-21.7L10.4%2C6.7C8.9%2C5.4%2C8.7%2C3.1%2C10%2C1.5%20c1.3-1.6%2C3.6-1.8%2C5.2-0.4l32.4%2C27.3L15.2%2C55.6C14.5%2C56.2%2C13.6%2C56.5%2C12.8%2C56.5z%22%2F%3E%3C%2Fsvg%3E);
	mask-repeat: no-repeat;
	mask-size: contain;
}

/* -- sp menu add -- */

.spmenu_add_block {
	padding: 10px 15px 20px 15px;
}

.sp_menu_banner {
	margin-bottom: 40px;
}

.sp_menu_banner ul {
	display: grid;
	gap: 10px;
}

/* -- header-global-navi -- */

/* ##### header ##### */
.header {
	width: 100%;
	height: 60px;
}

.header.act {
	height: 100vh;
	overflow: hidden;
}

.nav_menu {
	display: block;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	text-align: center;
	text-decoration: none;
}

.menu__line {
	display: block;
	position: absolute;
	height: 1px;
	transition: transform .3s;
}

.menu__line--top {
	top: 24px;
	left: 19px;
	width: 22px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #8c0e20;
}

.menu__line--center {
	bottom: 29px;
	left: 19px;
	width: 22px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #8c0e20;
}

.menu__line--bottom {
	bottom: 23px;
	left: 19px;
	width: 14px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #8c0e20;
}

.menu__line--top.active {
	top: 29px;
	width: 24px;
	transform: rotate(45deg);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #8c0e20;
}

.menu__line--center.active {
	display: none;
}

.menu__line--bottom.active {
	bottom: 30px;
	width: 24px;
	transform: rotate(135deg);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #8c0e20;
}

.header__contents {
	width: 100%;
	height: 60px;
}

body:not(.home) .header__contents {
	background-color: #fff;
}

.header.act .header__contents {
	height: 100vh;
	overflow: auto;
	background-color: #f7f5f2;
}

.header.act .header__contents_nav {
	display: flex;
	flex-direction: column;
	margin-top: -60px;
}

.header__contents_logo {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 60%;
	height: 60px;
	margin: 0 auto;
}

.header.act .header__contents_logo {
	visibility: hidden;
}

.header__contents_logo p {
	width: 80px;
	line-height: 1;
}

.header__contents_logo p svg {
	width: 100%;
}

.header__contents_logo p svg path {
	fill: #8c0e20;
}

.header__contents_logo p svg polygon {
	fill: #8c0e20;
}

.header__contents_nav .gnav {
	display: none;
	z-index: 1100;
	width: 100%;
}

.admin-bar .header__contents_nav .gnav {
	top: 46px;
}

ul.global_nav {
	position: relative;
	width: 90%;
	margin: 60px auto 0;
	border-top: 1px solid #ddd;
}

ul.global_nav02 {
	display: flex;
	position: absolute;
	top: 0;
	right: 4%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	height: 60px;
}

ul.global_nav02 li {
	width: 20px;
	margin-left: 12px;
}

ul.global_nav02 li.global_nav02_login {
	display: none;
}

ul.global_nav02 li a,
ul.global_nav02 li .role {
	display: block;
	width: 100%;
}

ul.global_nav02 li a p.global_nav02_img svg,
ul.global_nav02 li .role p.global_nav02_img svg {
	width: 100%;
}

ul.global_nav02 li a p.global_nav02_img svg path,
ul.global_nav02 li .role p.global_nav02_img svg path {
	fill: #8c0e20;
}

.home ul.global_nav02 li .role p.global_nav02_img svg path {
	fill: #fff;
}

ul.global_nav02 li a p.global_nav02_title,
ul.global_nav02 li .role p.global_nav02_title {
	display: none;
}

.header.act ul.global_nav02 {
	visibility: hidden;
}

ul.global_nav02 li a.pen {
	margin-left: 3px;
}

/* ##### header ##### */


/* ###### header_change ##### */
.header_change {
	transition: all .5s;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}

.header_change .index_header__contents_logo p svg path {
	fill: #8c0e20;
}

.header_change .index_header__contents_logo p svg polygon {
	fill: #8c0e20;
}

.header_change .header__contents_logo p svg path {
	fill: #8c0e20;
}

.header_change .header__contents_logo p svg polygon {
	fill: #8c0e20;
}

.header_change .menu__line--top {
	background-color: #8c0e20;
}

.header_change .menu__line--center {
	background-color: #8c0e20;
}

.header_change .menu__line--bottom {
	background-color: #8c0e20;
}

.header_change ul.global_nav02 li a p.global_nav02_img svg path,
.header_change ul.global_nav02 li .role p.global_nav02_img svg path {
	fill: #8c0e20;
}

/* ###### header_change ##### */


.page_contents {
	padding-top: 60px;
	padding-bottom: 80px;
}

.breadcrumbs-wrap {
	padding: 16px 4% 12px;
}

.breadcrumbs-wrap ul.breadcrumbs {
	font-size: 1rem;
}

.breadcrumbs-wrap ul.breadcrumbs li {
	margin-right: 15px;
	margin-bottom: 3px;
	padding-left: 10px;
	background: url(../images/list_mk001.svg) no-repeat 0 center;
	background-size: 6px;
}

.breadcrumbs-wrap ul.breadcrumbs li a {
	position: relative;
	color: #111;
}


/* ##### page_contents__bn ##### */
.page_contents__bn {
	padding-bottom: 60px;
}

.page_contents__bn ul {
	/* display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox; */
	display: grid;
	position: relative;

	/* -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between; */
	grid-template-columns: repeat(2, 1fr);
	width: 100%;
	gap: 20px 4%;
}

/* .page_contents__bn ul li {
	width:48%;
	margin-bottom:20px;
} */
.page_contents__bn ul li img {
	width: 100%;
}

.page_contents__bn ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 384 / 150;
}

.page_contents__bn ul li a img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
}

/* ##### page_contents__bn ##### */


/* ##### title_sp ##### */
.title_sp h2 {
	font-size: 2.2rem;
}

.title_sp h6 {
	margin-bottom: 6px;
	font-size: 1rem;
}

/* ##### title_sp ##### */


/* ##### footer ##### */
.footer {
	width: 100%;
	padding: 0 0 30px;
	background: url(../images/sp/sp_footer_backimg.png) no-repeat center 100%;
	background-color: #f7f5f2;
	background-size: 100%;
}

.footer__guide {
	width: 100%;
	margin: 0 0 64px;
	padding: 0;
	overflow: hidden;
	border-top: 1px solid #ddd;
}

.footer__guide .inside {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-right: -1px;
}

.footer__guide_list {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.footer__guide_list.show-pc {
	display: none;
}

.footer__guide_list a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 20px;
	background-color: #fff;
}

.footer__guide_list.nega a {
	background-color: #8c0e20;
	color: #fff;
}

.footer__guide_list_img {
	width: 100%;
	height: 70px;
	text-align: center;
}

.footer__guide_list_img img {
	width: auto;
	height: 70px;
}

.nega .footer__guide_list_img img {
	filter: invert(100%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}

.footer__guide_list_title {
	font-size: 1.2rem;
	letter-spacing: .12rem;
	text-align: center;
}

.footer__contents {
	position: relative;
	width: 92%;
	margin: 0 auto;
}

.footer__contents_nav {
	display: none;
}

.footer__logo {
	width: 100%;
	margin: 40px 0 15px;
}

.footer__logo p {
	width: 140px;
	margin: 0 auto;
}

.footer__logo p img {
	width: 100%;
}

.footer__sns_nav {
	width: 100%;
	margin-bottom: 40px;
}

.footer__sns_nav ul {
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}

.footer__sns_nav ul li {
	width: 18px;
	margin: 0 8px;
}

.footer__sns_nav ul li a svg path {
	fill: #8c0e20;
}

.footer__sns_nav ul li a svg ellipse {
	fill: #8c0e20;
}

.footer__sns_nav ul li a svg polygon {
	fill: #8c0e20;
}

/* ##### footer ##### */


/* ##### btn ##### */
.btn_style01 a {
	padding: 20px 5px;
	background: url(../images/list_mk001.svg) no-repeat right 8px center;
	background-color: #fff;
	background-size: 8px;
	font-size: 1.4rem;
}

.btn_style01 a:hover {
	background-color: #f3f3f3;
}

.btn_style02 a {
	margin-bottom: 15px;
	padding: 20px 5px;
	background: url(../images/list_mk002.svg) no-repeat right 8px center;
	background-color: #8c0e20;
	background-size: 8px;
	font-size: 1.4rem;
}

.btn_style02 a:hover {
	background-color: #6a0312;
}

.btn_style03 a {
	padding: 16px 0;
	font-size: 1.3rem;
}

/* ##### btn ##### */


/* ##### class style ##### */
.pc {
	display: none;
}

/* ##### class style ##### */


/* -- Collne Style -- */

.header__contents_nav div.global_nav {
	display: none;
	position: fixed;
	z-index: 1100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.title_sp h3 {
	margin-bottom: 6px;
	font-size: 1rem;
}

/* -- Collne Style -- */

.entry-content {
	font-size: 1.3rem;
}

/* .chika-select-color {
    border: initial !important;
} */
.cat-il.type-grid .itemimg .colors li {
	border: 1px solid #ddd !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em .5em 1em;
	padding: 1em;
	border: 1px solid #484848;
	text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #8c0e20;
}

/* --- グローバルメニュー切り替え追加 --- */

.hgn > .block .menu-item.for-pc > a {
	display: none;
}

.header-nav-child .header-nav-child .container .sub-menu .online.menu-item {
	display: none;
}

/* --- グローバルメニュー切り替え追加 --- */

@media (min-width: 600px) {

	.global_nav02_search.On .role + form {
		left: calc(100vw - 552px - 4vw);
		max-width: 552px;
	}
}

@media (max-width: 767px) {

	.pc {
		display: none;
	}
}

@media (min-width: 768px) {
	/* ##### header ##### */
	.header {
		width: 100%;
		height: 80px;
	}

	.nav_menu {
		display: block;
		position: fixed;
		z-index: 2000;
		top: 0;
		left: 0;
		width: 80px;
		height: 80px;
		text-align: center;
		text-decoration: none;
	}

	.menu__line {
		display: block;
		position: absolute;
		height: 1px;
		transition: transform .3s;
	}

	.menu__line--top {
		top: 33px;
		left: 24px;
		width: 32px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-color: #8c0e20;
	}

	.menu__line--center {
		bottom: 39px;
		left: 24px;
		width: 32px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-color: #8c0e20;
	}

	.menu__line--bottom {
		bottom: 32px;
		left: 24px;
		width: 24px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-color: #8c0e20;
	}

	.menu__line--top.active {
		top: 39px;
		width: 30px;
		transform: rotate(45deg);
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-color: #8c0e20;
	}

	.menu__line--center.active {
		display: none;
	}

	.menu__line--bottom.active {
		bottom: 40px;
		width: 30px;
		transform: rotate(135deg);
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-color: #8c0e20;
	}

	.header__contents {
		width: 100%;
		height: 80px;
	}

	.header__contents_logo {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 60%;
		height: 80px;
		margin: 0 auto;
	}

	.header__contents_logo p {
		width: 110px;
		line-height: 1;
	}

	.header__contents_logo p svg {
		width: 100%;
	}

	.header__contents_logo p svg path {
		fill: #8c0e20;
	}

	.header__contents_logo p svg polygon {
		fill: #8c0e20;
	}

	.global_nav02_search.On .role + form {
		top: 84px;
	}

	.admin-bar .global_nav02_search.On .role + form {
		top: calc(32px + 84px);
	}

	ul.global_nav {
		position: relative;
		width: 90%;
		margin: 80px auto 0;
		border-top: 1px solid #ddd;
	}

	ul.global_nav li {
		border-bottom: 1px solid #ddd;
	}

	ul.global_nav li a {
		display: block;
		width: 100%;
		padding: 12px 0;
		background: url(../images/list_mk001.svg) no-repeat right 3px center;
		background-size: 8px;
		font-size: 1.3rem;
		letter-spacing: .075em;
		text-align: center;
	}

	ul.global_nav02 {
		display: flex;
		position: absolute;
		top: 0;
		right: 4%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		height: 80px;
	}

	ul.global_nav02 li {
		width: 25px;
		margin-left: 14px;
	}

	ul.global_nav02 li a,
	ul.global_nav02 li .role {
		display: block;
		width: 100%;
	}

	ul.global_nav02 li a p.global_nav02_img svg,
	ul.global_nav02 li .role p.global_nav02_img svg {
		width: 100%;
	}

	ul.global_nav02 li a p.global_nav02_img svg path,
	ul.global_nav02 li .role p.global_nav02_img svg path {
		fill: #8c0e20;
	}

	.home ul.global_nav02 li .role p.global_nav02_img svg path {
		fill: #fff;
	}

	ul.global_nav02 li a p.global_nav02_title,
	ul.global_nav02 li .role p.global_nav02_title {
		display: none;
	}

	/* ##### header ##### */


	/* ###### header_change ##### */
	.header_change {
		transition: all .5s;
		background-color: #fff;
		box-shadow: 0 0 8px rgba(0, 0, 0, .1);
	}

	.header_change .index_header__contents_logo p svg path {
		fill: #8c0e20;
	}

	.header_change .index_header__contents_logo p svg polygon {
		fill: #8c0e20;
	}

	.header_change .header__contents_logo p svg path {
		fill: #8c0e20;
	}

	.header_change .header__contents_logo p svg polygon {
		fill: #8c0e20;
	}

	.header_change .menu__line--top {
		background-color: #8c0e20;
	}

	.header_change .menu__line--center {
		background-color: #8c0e20;
	}

	.header_change .menu__line--bottom {
		background-color: #8c0e20;
	}

	.header_change ul.global_nav02 li a p.global_nav02_img svg path,
	.header_change ul.global_nav02 li .role p.global_nav02_img svg path {
		fill: #8c0e20;
	}

	/* ###### header_change ##### */


	.sp {
		display: none;
	}

	.header__contents_logo .sp {
		display: block;
	}

}

@media (min-width: 783px) {

	.admin-bar .header,
	.admin-bar .nav_menu,
	.admin-bar .header__contents_nav .gnav {
		top: 32px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {


	.page_contents {
		padding-top: 80px;
		padding-bottom: 100px;
	}

	.breadcrumbs-wrap {
		padding: 20px 4%;
		background-color: #f7f5f2;
	}

	.breadcrumbs-wrap ul.breadcrumbs {
		font-size: 1rem;
	}

	.breadcrumbs-wrap ul.breadcrumbs li {
		margin-right: 20px;
		padding-left: 12px;
		background: url(../images/list_mk001.svg) no-repeat 0 center;
		background-size: 8px;
	}

	.breadcrumbs-wrap ul.breadcrumbs li a,
	a:link a:visited {
		position: relative;
		color: #111;
	}

	.breadcrumbs-wrap ul.breadcrumbs li a::after {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		height: 1px;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
		background: #111;
	}

	.breadcrumbs-wrap ul.breadcrumbs li a:hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}


	/* ##### page_contents__bn ##### */
	.page_contents__bn {
		margin-bottom: 85px;
	}

	.page_contents__bn ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);

		/* display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        margin:0 auto; */
		width: 100%;
		gap: 20px 4%;
	}

	/* .page_contents__bn ul li {
        position: relative;
        width:32%;
        margin-bottom:15px;
    } */

	/* ##### page_contents__bn ##### */


	/* ##### title_sp ##### */
	.title_sp h2 {
		font-size: 2.2rem;
		line-height: 1.6;
	}

	.title_sp h6 {
		margin-bottom: 6px;
		font-size: 1.3rem;
	}

	/* ##### title_sp ##### */


	/* ##### footer ##### */
	.footer {
		position: relative;
		width: 100%;
		padding-bottom: 25px;
		background: url(../images/footer_backimg.png) no-repeat center 100%;
		background-color: #f7f5f2;
		background-size: 150%;
	}

	.footer__guide {
		margin: 0;
		padding: 0;
		border: initial;
	}

	.footer__guide .inside {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		margin-right: 0;
		padding: 30px 0 15px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background-color: #fff;
	}

	.footer__guide_list {
		width: 25%;
		margin-bottom: 15px;
		border-right: 1px dotted #ddd;
		border-bottom: initial;
	}

	.footer__guide_list:nth-child(4n) {
		border-right: none;
	}

	.footer__guide_list a {
		display: block;
		width: 100%;
	}

	.footer__guide_list a p.footer__guide_list_img {
		width: 50px;
		margin: 0 auto;
	}

	.footer__guide_list.salon a p.footer__guide_list_img {
		width: 100px;
	}

	.footer__guide_list a p.footer__guide_list_title {
		padding-top: 3px;
		font-size: 1.1rem;
		text-align: center;
	}

	.footer__guide_list.show-pc {
		display: block;
	}

	.footer__guide_list.show-sp {
		display: none;
	}

	.footer-text-menu {
		display: none;
	}

	.footer__contents {
		width: 92%;
		margin: 0 auto;
		padding-top: 80px;
	}

	.footer__contents_nav {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 60px;
	}

	.footer__contents_nav_list {
		width: 18%;
	}

	.footer__contents_nav_list h6 {
		padding-bottom: 6px;
		color: #8c0e20;
		font-size: 1rem;
		letter-spacing: .1em;
	}

	/* .footer__contents_nav_list h3 {
        position:relative;
        font-size:1.3rem;
        letter-spacing:0.1em;
        line-height:1.0;
        padding-bottom:15px;
        border-bottom:1px solid #ddd;
        margin-bottom:20px;
    }
    .footer__contents_nav_list h3:after {
        position: absolute;
        content:'';
        bottom:-1px;
        left:0;
        width:20px;
        height:1px;
        background-color:#8c0e20;
    } */
	.footer__contents_nav_list ul {
		position: relative;
		margin: 0;
		padding: 0;
	}

	/* .footer__contents_nav_list ul li {
        font-size:1.1rem;
        margin-bottom:8px;
    } */
	.footer__contents_nav_list ul li a,
	a:link a:visited {
		position: relative;
	}

	.footer__contents_nav_list ul li a::after {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		height: 1px;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
		background: #8c0e20;
	}

	.footer__contents_nav_list ul li a:hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}

	.footer__contents_btn {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}

	.footer__contents_btn h4 {
		width: 300px;
		margin: 0 8px;
	}

	.footer__logo {
		width: 100%;
		margin: 60px 0 20px;
	}

	.footer__logo p {
		width: 200px;
		margin: 0 auto;
	}

	.footer__logo p img {
		width: 100%;
	}

	.footer__sns_nav {
		width: 100%;
		margin-bottom: 120px;
	}

	.footer__sns_nav ul {
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}

	.footer__sns_nav ul li {
		width: 22px;
		margin: 0 10px;
		transition: all .3s;
	}

	.footer__sns_nav ul li a,
	a:link a:visited svg path {
		transition: all .3s;
		fill: #8c0e20;
	}

	.footer__sns_nav ul li a,
	a:link a:visited svg ellipse {
		transition: all .3s;
		fill: #8c0e20;
	}

	.footer__sns_nav ul li a,
	a:link a:visited svg polygon {
		transition: all .3s;
		fill: #8c0e20;
	}

	.footer__sns_nav ul li a:hover svg path {
		transition: all .3s;
		fill: #6a0312;
	}

	.footer__sns_nav ul li a:hover svg ellipse {
		transition: all .3s;
		fill: #6a0312;
	}

	.footer__sns_nav ul li a:hover svg polygon {
		transition: all .3s;
		fill: #6a0312;
	}

	/* ##### footer ##### */


	/* ##### btn ##### */
	.btn_style01 a,
	a:link a:visited {
		padding: 18px 5px;
		background: url(../images/list_mk001.svg) no-repeat right 8px center;
		background-color: #fff;
		background-size: 8px;
		font-size: 1.4rem;
	}

	.btn_style01 a:hover {
		background-color: #f3f3f3;
	}

	.btn_style01 a img {
		width: 22px;
		padding-right: 6px;
	}

	.btn_style02 a,
	a:link a:visited {
		padding: 18px 5px;
		background: url(../images/list_mk002.svg) no-repeat right 8px center;
		background-color: #8c0e20;
		background-size: 8px;
		font-size: 1.4rem;
	}

	.btn_style02 a:hover {
		background-color: #6a0312;
	}

	.btn_style02 a img {
		width: 22px;
		padding-right: 6px;
	}

	.btn_style03 a,
	a:link a:visited {
		padding: 16px 5px;
		background-color: #fff;
		font-size: 1.3rem;
		letter-spacing: .05em;
	}

	.btn_style03 a:hover {
		background-color: #f3f3f3;
	}

	/* ##### btn ##### */

	/* ##### class style ##### */

	/* -- Collne Style -- */

	.title_sp h3 {
		margin-bottom: 6px;
		font-size: 1.3rem;
	}

	/* -- Collne Style -- */

	.admin-bar:not(.home) .index_contents {
		margin-top: 80px;
	}

	.footer__contents_nav_list .menu > li,
	.footer__contents_nav_list .sub-menu > li {
		margin: 0 0 8px;
	}

	.footer__contents_nav_list .menu > li > a,
	.footer__contents_nav_list .sub-menu > li > a {
		font-size: 1.1rem;
		line-height: 1;
	}

	.footer__contents_nav_list .menu > li > a::after,
	.footer__contents_nav_list .sub-menu > li > a::after {
		bottom: -3px;
	}

	.footer__contents_nav_list .widget_title {
		display: block;
		padding-bottom: 6px;
		color: #8c0e20;
		font-size: 1rem;
		letter-spacing: .1em;
	}

	.footer__contents_nav_list .menu > li > a {
		position: relative;
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 15px;
		border-bottom: 1px solid #ddd;
		font-size: 1.2rem;
		letter-spacing: .1em;
		line-height: 1;
	}

	.footer__contents_nav_list .menu > li > a::after {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 20px;
		height: 1px;
		transform: inherit;
		transform-origin: inherit;
		transition: inherit;
		background-color: #8c0e20;
	}

	.page_contents__bn ul li a {
		display: block;
		position: relative;
		overflow: hidden;
		aspect-ratio: 384 / 150;
	}

	/* -- Collne Style -- */

}

@media (min-width: 1024px) {
	/* ##### class style ##### */
	.header__contents_logo .sp,
	.sp {
		display: none;
	}

	.pc {
		display: block;
	}

	.pc.title_sp {
		display: flex;
	}

	.contents {
		margin: 80px auto;
	}

	#content p.none {
		font-size: 1.4rem;
		letter-spacing: .14rem;
	}

	/* ##### header ##### */
	.header {
		width: 100%;
		height: 90px;
		background-color: #fff;
	}

	.nav_menu {
		display: none;
	}

	.header.act {
		height: initial;
		overflow: initial;
	}

	.header__contents_nav .gnav {
		display: grid;
	}

	.header.act .header__contents,
	.header__contents {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		/* max-width: 1260px; */
		justify-content: space-between;
		width: 92%;
		height: 90px;
		margin: 0 auto;
		overflow: initial;
		border-bottom: 1px solid #ddd;
		background-color: #fff;
	}

	.header.act .header__contents_logo,
	.header__contents_logo {
		display: flex;
		visibility: visible;
		position: relative;
		align-items: center;
		width: 130px;
		height: 90px;
		margin: 0;
		margin-right: 1vw;
	}

	.header__contents_logo::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #8c0e20;
	}

	.header__contents_logo p {
		width: 100%;
	}

	.header__contents_logo p svg {
		width: 100%;
	}

	.header__contents_logo p svg path {
		fill: #8c0e20;
	}

	.header__contents_logo p svg polygon {
		fill: #8c0e20;
	}

	.header.act .header__contents_nav,
	.header__contents_nav {
		/* flex: 1; */
		display: grid;
		grid-template-columns: repeat(2, auto);
		flex-direction: initial;
		align-items: center;
		justify-content: flex-end;
		width: calc(100% - (150px + 1vw));
		margin-top: 0;
	}

	.login .header__contents_nav {
		grid-template-columns: 1fr 187.5px;
	}

	#menu-global-menu > .menu-item {
		border-right: 1px solid #ddd;
	}

	#menu-global-menu > .menu-item:first-child {
		border-left: 1px solid #ddd;
	}

	.hgn,
	.oneline-menu {
		visibility: visible;
		opacity: 1;
	}

	.hgn > .block > .menu-item {
		position: inherit;
		border-bottom: none;
	}

	.hgn > .block > .menu-item.other {
		display: none;
	}

	.hgn > .block > .menu-item::after,
	.hgn > .block::before,
	.hgn > .block > .menu-item::before,
	.hgn .sub-menu .menu-item a::after {
		display: none;
	}

	.header-nav-child .header-nav-child .container .sub-menu .online.menu-item {
		display: block;
	}

	.index_nav_menu,
	.spmenu_add_block {
		display: none;
	}

	ul.global_nav {
		display: grid;
		grid-template-columns: repeat(3, auto);
		justify-content: flex-end;
		font-size: 1.2rem;
	}

	.gnav > .hgn > .block .for-pc > a,
	a:link a:visited {
		/* height:50px; */
		display: block;
		position: relative;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		color: #111;
		font-size: 1.2rem;
		line-height: 1.2;
		text-align: center;
	}

	.gnav > .hgn > .block .for-pc > a:hover {
		color: #8c0e20;
	}

	.icon > a + .header-nav-child {
		display: contents;
		margin: 0;
	}

	.gnav > .hgn > .block .menu-item.for-pc > a + .header-nav-child {
		display: block;
		visibility: hidden;
		position: absolute;
		top: calc(100% - 13px);
		left: 0;
		width: 100%;
		max-height: 600px;
		margin: 0;
		padding: 33px 0 40px;
		overflow: auto;
		transition: all .3s ease-in-out;
		border-bottom: 1px solid #ddd;
		opacity: 0;
		background: #fff;
		text-align: left;
		-ms-scroll-chaining: none;
		overscroll-behavior: contain;
	}

	.gnav > .hgn > .block .menu-item.for-pc > a:hover + .header-nav-child,
	.gnav > .hgn > .block .menu-item.for-pc > a + .header-nav-child:hover {
		visibility: visible;
		opacity: 1;
	}

	.header.act ul.global_nav02,
	ul.global_nav02 {
		display: grid;
		visibility: visible;
		position: relative;
		right: 0;
		grid-template-columns: repeat(3, 1fr);

		/* display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; */
		align-items: center;

		/* width:250px; */
		height: 90px;
	}

	.login ul.global_nav02 {
		/* width:187.5px; */
	}

	ul.global_nav02 li {
		width: initial;

		/* width:25%; */
		margin-left: 0;
		padding-left: 10px;
	}

	.login ul.global_nav02 li {
		/* width:33.333%; */
	}

	ul.global_nav02 li a,
	ul.global_nav02 li span,
	ul.global_nav02 li .role {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		color: #111;
	}

	.global_nav02_search {
		position: relative;
	}

	ul.global_nav02 li.global_nav02_login {
		display: block;
	}

	ul.global_nav02 li a p.global_nav02_img svg,
	ul.global_nav02 li span p.global_nav02_img svg,
	ul.global_nav02 li .role p.global_nav02_img svg {
		width: 26px;
		padding-bottom: 2px;
	}

	body:not(.home) ul.global_nav02 li a p.global_nav02_img svg path,
	body:not(.home) ul.global_nav02 li span p.global_nav02_img svg path,
	body:not(.home) ul.global_nav02 li .role p.global_nav02_img svg path {
		fill: #8c0e20;
	}

	/* .home ul.global_nav02 li .role p.global_nav02_img svg path {
        fill:#fff;
    } */
	.global_nav02_search.On .role + form {
		top: 95px;
	}

	.admin-bar .global_nav02_search.On .role + form {
		top: calc(32px + 95px);
	}

	.global_nav02_search.On .role + form,
	.global_nav02_search.No .role + form {
		left: 66.66vw;
	}

	/* ##### header ##### */

	.header.act .header-global-navi,
	.header-global-navi {
		display: grid !important;
		grid-template-columns: repeat(3, auto);
		padding-top: 0;
	}

	.hgn {
		position: initial;
		padding: 0;
		border-left: 1px dotted #ddd;
	}

	.hgn.gnav-3 {
		border-right: 1px dotted #ddd;
	}

	.hgn::before {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		margin: 3px 0;
		font-size: 1rem;
		line-height: 1;
		text-align: center;
	}

	.hgn .block {
		display: flex;
		position: inherit;
		justify-content: center;
		padding: 0 10px;
		border-top: none;
		gap: 8px;
	}

	.hgn .block .icon > a::before {
		display: none;
	}


	#menu-global-menu > .menu-item > a {
		align-items: flex-start;
		padding: 26px .75vw 0;
		text-align: center;
	}

	#menu-global-menu > .menu-item > a span {
		display: flex;
		flex-direction: column-reverse;
		line-height: 1.2;
	}

	#menu-global-menu > .menu-item > a span i {
		margin-bottom: 6px;
		color: #8c0e20;
		font-size: 1rem;
	}

	.icon > a + .header-nav-child > .container,
	.icon > a + .header-nav-child > .container > .sub-menu,
	.icon > a + .header-nav-child > .container > .sub-menu > .for-pc {
		display: contents;
	}

	.header-nav-child .header-nav-child .container {
		width: 92%;
		max-width: 1260px;
		height: initial;
		margin: auto;
		padding: 0;
		text-align: center;
	}

	.gnav-1 .sub-menu {
		display: inline-flex;
		flex-wrap: wrap;
		gap: 25px;
		justify-content: center;
	}

	/* .gnav-1 .sub-menu .menu-item {
		width: 190px;
	} */
	.gnav-1 .sub-menu .menu-item a {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		padding: 0;
		font-size: 1.3rem;
		letter-spacing: .14rem;
	}

	.gnav-1 .sub-menu .menu-item a img {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 40px;
		height: 40px;
		margin-right: 6px;
		-webkit-transform: inherit;
		transform: inherit;
	}

	/* .gnav-1 .sub-menu .menu-item.online .menu-item {
		width: auto;
	} */
	.gnav-1 .sub-menu .menu-item.online .menu-item a {
		justify-content: center;
	}

	#menu-global-menu > .menu-item a {
		display: inline-block;
	}

	.gnav-3 .sub-menu > .menu-item {
		letter-spacing: .13rem;
		text-align: left;
	}

	.gnav-3 .sub-menu > .menu-item > a > span {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}

	.gnav-3 .sub-menu > .menu-item > a > span img {
		width: 40px;
		height: 40px;
		margin-right: 6px;
	}

	.gnav-3 .sub-menu {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		margin-left: 0;
		gap: 40px;
	}

	.gnav-3 .sub-menu > .menu-item > a {
		display: block;
		min-height: inherit;
		padding: 0;
		color: #898989;
		font-size: 10px;
	}

	.gnav-3 .header-nav-child .header-nav-child {
		display: block;
	}

	.gnav-3 .header-nav-child .header-nav-child .container {
		width: 100%;
		text-align: left;
	}

	.hgn.gnav-3 .block .icon > a::after {
		display: none;
	}

	.gnav-3 .header-nav-child .header-nav-child .container .sub-menu {
		display: block;
	}

	.gnav-3 .sub-menu .sub-menu > .menu-item > a {
		padding: 10px 0;
		color: #898989;
		font-size: 1.3rem;
	}

	/* ###### header_change ##### */
	.header_change {
		transition: all .5s;
		background-color: #fff;
		box-shadow: 0 0 8px rgba(0, 0, 0, .1);
	}

	.header_change .index_header__contents_logo::after {
		display: none;
	}

	.header_change .index_header__contents_logo p svg path {
		fill: #8c0e20;
	}

	.header_change .index_header__contents_logo p svg polygon {
		fill: #8c0e20;
	}

	.header_change .index_header__contents {
		border-bottom: none;
	}

	.header_change .header__contents_logo::after {
		display: none;
	}

	.header_change .header__contents_logo p svg path {
		fill: #8c0e20;
	}

	.header_change .header__contents_logo p svg polygon {
		fill: #8c0e20;
	}

	.header_change .header__contents {
		border-bottom: none;
	}

	.gnav > .hgn > .block > li > a::after {
		content: "";
		position: absolute;
		top: initial;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
		background: #8c0e20;
		-webkit-mask: inherit;
		mask: inherit;
	}

	.gnav > .hgn > .block > li > a:hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}

	.header_change ul.global_nav02 li a,
	.header_change ul.global_nav02 li .role {
		color: #111;
	}

	.header_change ul.global_nav02 li a p.global_nav02_img svg path,
	.header_change ul.global_nav02 li .role p.global_nav02_img svg path {
		fill: #8c0e20;
	}

	/* ###### header_change ##### */

	.online-menu {
		display: none;
	}

	.hgn .block .menu-item > a:hover + .header-nav-child .header-nav-child .online-menu,
	.gnav > .hgn > .block > li > a + .header-nav-child .header-nav-child:hover .online-menu {
		display: block;
		visibility: visible;
		opacity: 1;
	}

	.header-nav-child .header-nav-child .header-nav-child {
		display: block;
	}

	.gnav-1 .sub-menu .menu-item.online {
		width: 100%;
	}

	.gnav-1 .sub-menu .menu-item.online > a,
	li.online > a {
		display: none;
	}

	.online-menu > .block > .menu-item {
		border-bottom: initial;
	}

	.online-menu > .block > .menu-item::after {
		display: none;
	}

	/* ---- グローバルナビ ---- */

	.index_header__contents {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 92%;
		max-width: inherit;
		margin: 0 auto;
		border-bottom: 1px solid #ddd;
	}


	.page_contents {
		padding-top: 90px;
		padding-bottom: 100px;
	}

	.breadcrumbs-wrap {
		margin: auto;
		padding: 20px 0;
	}

	.breadcrumbs-wrap ul.breadcrumbs {
		/* max-width: 1260px; */
		width: 92%;
		margin: auto;
		padding: 0 5px;
		font-size: 1.2rem;
	}

	.breadcrumbs-wrap ul.breadcrumbs li {
		margin-right: 20px;
		padding-left: 12px;
		background: url(../images/list_mk001.svg) no-repeat 0 center;
		background-size: 8px;
	}

	.breadcrumbs-wrap ul.breadcrumbs li a,
	a:link a:visited,
	.breadcrumbs-wrap ul.breadcrumbs li span {
		position: relative;
		color: #111;
	}

	.breadcrumbs-wrap ul.breadcrumbs li a::after {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		height: 1px;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
		background: #111;
	}

	.breadcrumbs-wrap ul.breadcrumbs li a:hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}

	/* ##### page_contents__bn ##### */
	.page_contents__bn {
		margin-bottom: 70px;
	}

	.page_contents__bn ul {
		/* display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        margin:0 auto; */
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px 2%;
	}

	/* .page_contents__bn ul li {
        position: relative;
        width:32%;
        margin-bottom:30px;
    } */

	/* ##### page_contents__bn ##### */


	/* ##### title_sp ##### */
	.title_sp h2 {
		font-size: 3rem;
		line-height: 1.6;
	}

	.title_sp h6 {
		margin-bottom: 6px;
		font-size: 1.3rem;
	}

	/* ##### title_sp ##### */


	/* ##### footer ##### */
	.footer {
		position: relative;
		width: 100%;
		padding-bottom: 40px;
		background: url(../images/footer_backimg.png) no-repeat center 100%;
		background-color: #f7f5f2;
		background-size: 100%;
	}

	.footer__guide {
		width: 100%;
		margin-bottom: 0;
		padding: 35px 0;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background-color: #fff;
	}

	.footer__guide .inside {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 1260px;
		margin: auto;
	}

	.footer__guide_list {
		width: 12.5%;
		border-right: 1px dotted #ddd;
		border-bottom: initial;
	}

	.footer__guide_list:first-of-type {
		border-left: 1px dotted #ddd;
	}

	.footer__guide_list a {
		display: block;
		width: 100%;
		padding: 0;
	}

	.footer__guide_list a p.footer__guide_list_img {
		width: 60px;
		margin: 0 auto;
	}

	.footer__guide_list.salon a p.footer__guide_list_img {
		width: 90%;
	}

	.footer__guide_list.salon.nega a p.footer__guide_list_img {
		padding-top: 5px;
	}

	.footer__guide_list a p.footer__guide_list_title {
		padding-top: 0;
		padding-bottom: 10px;
		font-size: 1.2rem;
		text-align: center;
	}

	.footer__guide_list.nega a p.footer__guide_list_title {
		padding-bottom: 5px;
	}

	.footer__guide_list.show-pc {
		display: block;
	}

	.footer__guide_list.show-sp {
		display: none;
	}

	.footer__contents {
		width: 92%;
		max-width: 1260px;
		margin: 0 auto;
		padding-top: 80px;
	}

	.footer__contents_nav {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 60px;
	}

	.footer__contents_nav_list {
		width: 18.5%;
	}

	.footer__contents_nav_list h6 {
		padding-bottom: 6px;
		color: #8c0e20;
		font-size: 1rem;
		letter-spacing: .1em;
	}

	/* .footer__contents_nav_list h3 {
        position:relative;
        font-size:1.6rem;
        letter-spacing:0.1em;
        line-height:1.0;
        padding-bottom:15px;
        border-bottom:1px solid #ddd;
        margin-bottom:20px;
    } */

	/* .footer__contents_nav_list h3:after {
        position: absolute;
        content:'';
        bottom:-1px;
        left:0;
        width:20px;
        height:1px;
        background-color:#8c0e20;
    } */
	.footer__contents_nav_list ul {
		position: relative;
	}

	.footer__contents_nav_list ul li {
		margin-bottom: 10px;
		font-size: 1.2rem;
	}

	.footer__contents_nav_list ul li a,
	a:link a:visited {
		position: relative;
	}

	.footer__contents_nav_list ul li a::after {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		height: 1px;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
		background: #8c0e20;
	}

	.footer__contents_nav_list ul li a:hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}

	.footer__contents_btn {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}

	.footer__contents_btn h4 {
		width: 400px;
		margin: 0 8px;
	}

	.footer__logo {
		width: 100%;
		margin: 60px 0 20px;
	}

	.footer__logo p {
		width: 240px;
		margin: 0 auto;
	}

	.footer__logo p img {
		width: 100%;
	}

	.footer__sns_nav {
		width: 100%;
		margin-bottom: 120px;
	}

	.footer__sns_nav ul {
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}

	.footer__sns_nav ul li {
		width: 22px;
		margin: 0 10px;
	}

	.footer__sns_nav ul li a,
	a:link a:visited svg path {
		transition: all .3s;
		fill: #8c0e20;
	}

	.footer__sns_nav ul li a,
	a:link a:visited svg ellipse {
		transition: all .3s;
		fill: #8c0e20;
	}

	.footer__sns_nav ul li a,
	a:link a:visited svg polygon {
		transition: all .3s;
		fill: #8c0e20;
	}

	.footer__sns_nav ul li a:hover svg path {
		transition: all .3s;
		fill: #6a0312;
	}

	.footer__sns_nav ul li a:hover svg ellipse {
		transition: all .3s;
		fill: #6a0312;
	}

	.footer__sns_nav ul li a:hover svg polygon {
		transition: all .3s;
		fill: #6a0312;
	}

	/* ##### footer ##### */


	/* ##### btn ##### */
	.btn_style01 a,
	a:link a:visited {
		padding: 22px 5px;
		font-size: 1.6rem;
	}

	.btn_style01 a:hover {
		background-color: #f3f3f3;
	}

	.btn_style01 a img {
		width: 24px;
		padding-right: 6px;
	}

	.btn_style02 a,
	a:link a:visited {
		padding: 22px 5px;
		font-size: 1.6rem;
	}

	.btn_style02 a:hover {
		background-color: #6a0312;
	}

	.btn_style03 a,
	a:link a:visited {
		padding: 20px 0;
		font-size: 1.4rem;
	}

	.btn_style03 a:hover {
		background-color: #f3f3f3;
	}

	/* ##### btn ##### */


	/* ##### class style ##### */
	.sp {
		display: none;
	}

	/* ##### class style ##### */

	/* -- Collne Style -- */
	.admin-bar .header__contents_nav .gnav {
		top: inherit;
	}

	.footer__contents_nav_list .widget_title {
		font-size: 1.6rem;
	}

	.title_sp h3 {
		margin-bottom: 6px;
		font-size: 1.3rem;
	}

	.footer__contents_nav_list .widget_title {
		display: block;
		padding-bottom: 6px;
		color: #8c0e20;
		font-size: 1rem;
		letter-spacing: .1em;
	}

	/* .footer__contents_nav_list .widget_title {
        position:relative;
        font-size:1.6rem;
        letter-spacing:0.1em;
        line-height:1.0;
        padding-bottom:15px;
        border-bottom:1px solid #ddd;
        margin-bottom:20px;
    } */
	.page_contents__bn ul li a {
		display: block;
		position: relative;
		overflow: hidden;
		aspect-ratio: 384 / 150;
	}

	.footer__contents_nav_list ul {
		position: relative;
		margin: 0;
		padding: 0;
	}

	.footer__contents_nav_list .menu > li,
	.footer__contents_nav_list .sub-menu > li {
		margin: 0 0 8px;
	}

	.footer__contents_nav_list .menu > li > a {
		position: relative;
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 15px;
		border-bottom: 1px solid #ddd;
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: .1em;
		line-height: 1;
	}

	.footer__contents_nav_list .menu > li > a::after {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 20px;
		height: 1px;
		transform: inherit;
		transform-origin: inherit;
		transition: inherit;
		background-color: #8c0e20;
	}

	.footer__contents_nav_list ul {
		position: relative;
		margin: 0;
		padding: 0;
	}

	.footer__contents_nav_list .menu > li,
	.footer__contents_nav_list .sub-menu > li {
		margin: 0 0 8px;
	}

	/* .footer__contents_nav_list .menu > li > a, */
	.footer__contents_nav_list .sub-menu > li > a {
		font-size: 1.2rem;
		line-height: 1;
	}

	.footer__contents_nav_list .menu > li > a::after {
		bottom: -1px;
	}

	.footer__contents_nav_list .sub-menu > li > a::after {
		bottom: -3px;
	}

	/* -- Collne Style -- */

	.breadcrumbs-wrap {
		background-color: #fff;
	}

	.entry-content {
		font-size: 1.4rem;
	}

	/* --- グローバルメニュー切り替え追加 --- */

	.gnav > .hgn > .block > .icon > a {
		display: none;
	}

	.hgn > .block .menu-item.for-pc > a {
		display: flex;
		min-height: initial;
		padding: 20px 0;
	}

	.hgn > .block .menu-item.for-pc > a::after {
		content: "";
		display: block;
		position: absolute;
		top: initial;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
		background: #8c0e20;
		-webkit-mask: inherit;
		mask: inherit;
	}

	.hgn > .block .menu-item.for-pc > a:hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}

	.hgn > .block .menu-item.for-pc > a,
	.gnav > .hgn > .block > li > a,
	a:link a:visited {
		padding: 6px 0;
		line-height: 1.2;
		text-align: center;
	}

	/* --- グローバルメニュー切り替え追加 --- */

}

@media (min-width: 1044px) {
	/* .gnav > .hgn > .block > li > a,
	a:link a:visited {
		padding: 6px 0;
	} */
}

@media (min-width: 1260px) {

	.index_header__contents_nav {
		gap: 15px;
	}

	.header__contents_nav {
		gap: 15px;
	}

	.hgn .block {
		padding: 0 12px;
		gap: 10px;
	}

	ul.global_nav {
		font-size: 1.4rem;
	}

	#menu-global-menu > .menu-item > a {
		padding: 26px 20px 0;
	}

	.header__contents_nav {
		width: calc(100% - 200px);
	}

	ul.global_nav02 li a p.global_nav02_title,
	ul.global_nav02 li span p.global_nav02_title,
	ul.global_nav02 li .role p.global_nav02_title {
		display: block;
		width: 100%;
		font-size: 1rem;
		letter-spacing: .03em;
		text-align: center;
	}

	ul.global_nav02 li.global_nav02_search a p.global_nav02_title {
		letter-spacing: .1em;
	}

	ul.global_nav02 li {
		padding-left: 0;
	}

	/* --- グローバルメニュー切り替え追加 --- */

	.hgn > .block .menu-item.for-pc > a,
	.gnav > .hgn > .block > li > a,
	a:link a:visited {
		padding: 12px 0;
		font-size: 1.3rem;
		line-height: 1.2;
	}

	/* --- グローバルメニュー切り替え追加 --- */
}

@media (min-width: 1372px) {

	.global_nav02_search.On .role + form,
	.global_nav02_search.No .role + form {
		right: calc(50vw - 50% + 4vw);
		left: 66.66vw;
	}

	.hgn .block {
		padding: 0 16px;
		gap: 16px;
	}

	.header.act .header__contents_nav,
	.header__contents_nav {
		gap: 15px;
	}

}