@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
fieldset,
form,
legend,
caption,
tbody,
tfoot,
thead,
table,
label,
tr,
th,
td,
p,
img,
figure,
ul,
ol,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	border: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

html {
	font-size: 18px;
}

body {
	position: relative;
	overflow-y: scroll;
	color: #333;
	font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 400;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
}

a[href] {
	color: #1877f0;
	text-decoration: none;
}

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

p {
	margin-top: 1.4rem;
}

p:nth-child(1) {
	margin-top: 0;
}

p:empty {
	display: none;
}

form > p:nth-child(1) {
	margin-top: 1.4rem;
}

[type=text],
[type=email],
[type=tel],
[type=password],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime],
[type=datetime-local],
[type=url],
[type=search],
[type=number],
textarea {
	max-width: 100%;
	padding: 0.44em 0.375em;
	margin: 0;
	background: #ededed;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1rem;
	outline: none;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	line-height: 1;
}

[type=text]:focus,
[type=email]:focus,
[type=tel]:focus,
[type=password]:focus,
[type=date]:focus,
[type=month]:focus,
[type=week]:focus,
[type=time]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=url]:focus,
[type=search]:focus,
[type=number]:focus,
textarea:focus {
	box-shadow: 0 0 5px #ccc;
	background: #fff;
	transition: box-shadow 0.25s, border-color 0.25s ease-in-out;
}

[type=text].readonly,
[type=email].readonly,
[type=tel].readonly,
[type=password].readonly,
[type=date].readonly,
[type=month].readonly,
[type=week].readonly,
[type=time].readonly,
[type=datetime].readonly,
[type=datetime-local].readonly,
[type=url].readonly,
[type=search].readonly,
[type=number].readonly,
textarea.readonly {
	border: 1px solid #eeece8;
	border: 1px solid #eeece8;
}

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

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

textarea {
	width: 100%;
	min-height: 7.5rem;
	resize: vertical;
}

[type=submit],
[type=button],
[type=reset] {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
}

::placeholder {
	opacity: 1;
	color: #999;
	font-size: 1em;
	font-weight: 400;
}

:disabled {
	opacity: 0.5;
}

[readonly] {
	cursor: default;
}

[readonly]:focus {
	box-shadow: none;
}

select {
	position: relative;
	max-width: 100%;
	padding: 0.62em 1.75em 0.62em 0.375em;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	background: #fff url("../img/ico/down-tri-arrow.svg") no-repeat right 0.35rem center/auto 0.75rem;
	outline: none;
	font-size: 1rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#all-container {
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

#header,
#header--l {
	width: 100%;
	max-width: calc(100% - 62px - 18px);
	height: 85px;
	display: flex;
	align-items: center;
}

#header--l {
	height: 100px;
}

#header h1,
#header--l h1 {
	margin-top: 9px;
	font-size: 10px;
	line-height: 1.2;
}

.header__inner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 12px 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-h1 {
	font-size: 10px;
	line-height: 1.2;
}

.header-logo {
	width: 206px;
	margin-top: 7px;
	font-size: inherit;
	line-height: 1;
}

.header-logo:nth-child(1) {
	margin-top: 0;
}

.header-logo a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
}

.header-logo img {
	display: block;
	width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-fit: contain;
}

#header--l .header-logo {
	width: 255px;
}

main {
	display: block;
	position: relative;
	z-index: 1;
	flex: 1;
}

#footer {
	position: relative;
	z-index: 3;
}

.footer-share-buttons {
	width: 100%;
	margin-top: 1.4rem;
	max-width: calc(768px + 13vw);
	margin-right: auto;
	margin-left: auto;
	padding-right: 6.5vw;
	padding-left: 6.5vw;
	padding-bottom: 1.4rem;
}

.footer-sns {
	list-style: none;
	padding: 0.75rem 6.5vw;
	background: url("../img/pattern/cloud.png") repeat-x center top/375px auto;
	color: #333;
	text-align: center;
}

.footer-sns:nth-child(1) {
	margin-top: 0;
}

.footer-sns p {
	font-size: 1.4rem;
}

.footer-sns p span {
	font-size: 0.6em;
}

.footer-sns ul {
	list-style: none;
	margin: calc(1.4rem - 12px) -6px 0;
	font-size: 11px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.footer-sns ul:nth-child(1) {
	margin-top: -12px;
}

.footer-sns ul > li {
	width: 84px;
	margin: 12px 6px 0;
}

.footer-sns > ul:nth-last-child(1) {
	margin-bottom: 0.4rem;
}

.footer-sns h2 + ul {
	margin-top: calc(1rem - 10px);
}

.footer-sns a {
	display: block;
	color: inherit;
}

.footer-sns img {
	margin-bottom: 1.5em;
}

.drawer-nav + .footer-sns {
	margin-top: 3rem;
}

.footer-bottom {
	background: #d9e2f2;
	font-size: 11px;
}

.footer-bottom__inner {
	width: 100%;
	max-width: calc(768px + 13vw);
	height: 100%;
	margin: 0 auto;
	padding: 1.4rem 6.5vw;
}

.footer-bottom a[href] {
	color: #333;
}

#drawer-btn-fixed {
	position: fixed;
	top: 12px;
	right: 18px;
	z-index: 7;
}

#drawer {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 6;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #4a9249;
	color: #fff;
	transition: all 0.3s;
}

#drawer.is-active {
	opacity: 1;
	visibility: visible;
}

#drawer h1 {
	font-size: 1rem;
}

.drawer__inner {
	position: relative;
	z-index: 1;
	height: 100%;
	overflow: auto;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.drawer__inner::-webkit-scrollbar {
	display: none;
}

.drawer__inner2 {
	position: relative;
	min-height: 100%;
	padding-bottom: 100px;
	background: url("../img/pattern/town.png") repeat-x -19px bottom/398px auto;
}

.drawer-header {
	width: 100%;
	max-width: calc(100% - 62px - 18px);
	height: 85px;
	display: flex;
	align-items: center;
}

.drawer-header__inner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 12px 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.drawer-logo {
	width: 206px;
	margin-top: 0;
	font-size: inherit;
	line-height: 1;
}

.drawer-logo a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
}

.drawer-logo img {
	display: block;
	width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-fit: contain;
}

.drawer-main {
	max-width: calc(768px + 13vw);
	margin: 0.5rem auto 0;
	padding-right: 6.5vw;
	padding-left: 6.5vw;
}

.drawer-nav {
	margin-top: 1.75rem;
}

.drawer-nav:nth-child(1) {
	margin-top: 0;
}

.drawer-sns {
	list-style: none;
	margin-top: 1.4rem;
	padding: 1rem;
	background: #fff;
	color: #333;
	text-align: center;
}

.drawer-sns:nth-child(1) {
	margin-top: 0;
}

.drawer-sns h2 {
	font-size: 1.125rem;
	font-weight: 400;
}

.drawer-sns h2 span {
	font-size: 0.6em;
}

.drawer-sns ul {
	list-style: none;
	margin: calc(1.4rem - 10px) -5px 0;
	font-size: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.drawer-sns ul:nth-child(1) {
	margin-top: -10px;
}

.drawer-sns ul > li {
	width: 74px;
	margin: 10px 5px 0;
}

.drawer-sns > ul:nth-last-child(1) {
	margin-bottom: 0.4rem;
}

.drawer-sns h2 + ul {
	margin-top: calc(1rem - 10px);
}

.drawer-sns a {
	display: block;
	color: inherit;
}

.drawer-sns img {
	margin-bottom: 1.5em;
}

.drawer-nav + .drawer-sns {
	margin-top: 3rem;
}

.drawer-search__inner {
	display: flex;
}

.drawer-search input[type=text] {
	display: block;
	width: 100%;
	min-height: 44px;
	border: none;
}

.drawer-search input[type=text]:focus {
	box-shadow: none;
}

.drawer-search__search_box_area {
	width: calc(100% - 60px - 0.25rem);
	margin-right: 0.25rem;
}

.drawer-search__btn_area {
	width: 60px;
}

.drawer-search__btn {
	width: 100%;
	min-height: 44px;
	padding: 0;
	border: none;
	border-radius: 0.555rem;
	background: #ffee00;
	font-size: inherit;
	cursor: pointer;
	outline: none;
}

.drawer-txt-link-group {
	margin-top: 1.75rem;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.drawer-txt-link-group:nth-child(1) {
	margin-top: 0;
}

.drawer-txt-link-group > li {
	width: calc(50% - 1rem - 0.1px);
	margin-top: 1.4rem;
	margin-right: 0.5rem;
}

.drawer-txt-link-group > li:nth-child(1),
.drawer-txt-link-group > li:nth-child(2) {
	margin-top: 0;
}

.drawer-txt-link-group > li:nth-child(2n) {
	margin-right: 0;
	margin-left: 0.5rem;
}

.drawer-txt-link-group > li a {
	display: block;
	position: relative;
	padding-left: 1.25em;
	color: inherit;
	text-decoration: none;
}

.drawer-txt-link-group > li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 0.555em;
	height: 0.555em;
	border-radius: 100%;
	background: #ffee00;
}

.drawer-btn-group {
	list-style: none;
	margin-top: 1.4rem;
}

.drawer-btn-group:nth-child(1) {
	margin-top: 0;
}

.drawer-btn-group a {
	border: 2px solid #fff;
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #db6a82;
	color: #fff;
	font-size: 1.388rem;
	display: flex;
	justify-content: center;
}

.drawer-btn-group a[href] {
	transition: background 0.3s;
}

.drawer-btn-group a[href]:hover {
	color: #fff;
	background: #e691a4;
}

.drawer-btn-group__btn-inner {
	display: inline-block;
	padding: 0.55em 90px;
	background: url("../img/pict/people.png") no-repeat 6px center/60px auto, url("../img/pict/people2.png") no-repeat right 4px center/68px auto;
}

#page-fixed {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 3;
	transition: all 0.3s;
}

#page-fixed.is-active {
	opacity: 1;
	visibility: visible;
}

.drawer-btn {
	position: relative;
	width: 62px;
	height: 62px;
	border-radius: 100%;
	background: #d43d3d;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.drawer-btn.is-active {
	background: #b08046;
}

.drawer-btn__mark {
	display: block;
	position: absolute;
	top: 21px;
	right: 50%;
	transform: translate(50%, 0);
	width: 40%;
}

.drawer-btn__mark:before,
.drawer-btn__mark:after {
	content: "";
	position: absolute;
	right: 0;
	width: 100%;
}

.drawer-btn__mark:before {
	top: -8px;
}

.drawer-btn__mark:after {
	top: 8px;
}

.drawer-btn__mark,
.drawer-btn__mark::before,
.drawer-btn__mark::after {
	height: 3px;
	border-radius: 1.5px;
	background-color: #fff;
	transition: all 200ms;
}

.drawer-btn.is-active .drawer-btn__mark {
	background: transparent;
}

.drawer-btn.is-active .drawer-btn__mark::before,
.drawer-btn.is-active .drawer-btn__mark::after {
	top: 0;
	width: 100%;
	background-color: #fff;
}

.drawer-btn.is-active .drawer-btn__mark::before {
	transform: rotate(45deg);
}

.drawer-btn.is-active .drawer-btn__mark::after {
	transform: rotate(-45deg);
}

.drawer-btn__txt {
	margin-top: 24px;
}

.drawer-btn.is-active .drawer-btn__txt::after {
	content: "とじる";
}

.drawer-btn.is-active .drawer-btn__txt_inner {
	display: none;
}

.page-top {
	display: block;
	width: 60px;
	height: 54px;
	padding: 5px;
	background: #b08046;
	color: #fff;
	font-size: 10px;
	text-align: center;
}

.page-top[href] {
	color: #fff;
}

.page-top img {
	margin-bottom: 3px;
}

.h1,
.h1--new {
	margin-top: 3rem;
	font-size: 1.333rem;
	font-weight: 400;
	text-align: center;
}

.h1:nth-child(1),
.h1--new:nth-child(1) {
	margin-top: 0;
}

.h1 span,
.h1--new span {
	font-size: 0.6em;
}

.h1--new {
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.h1--new::before {
	content: "";
	display: inline-block;
	margin-right: 0.5em;
	width: 85px;
	height: 85px;
	background: url("../img/common/zigzag_new.png") no-repeat center/contain;
}

section > .h1:nth-child(1),
section > .h1--new:nth-child(1) {
	margin-top: 3rem;
}

section.container > .h1:nth-child(1),
section.container--vw > .h1:nth-child(1),
section.container > .h1--new:nth-child(1),
section.container--vw > .h1--new:nth-child(1) {
	margin-top: 0;
}

.h2,
.h2--new {
	margin-top: 3rem;
	overflow: hidden;
	font-size: 1.25rem;
	font-weight: 700;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/*
	&__inner{
		&::before,
		&::after
		{
			content: "";
			display: inline-block;
			width: 2em;
			height: 1px;
			background: #999;
		}
		&::before{
			margin-right: 0.5em;
		}
		&::after{
			margin-left: 0.5em;
		}
	}
	*/
}

.h2:nth-child(1),
.h2--new:nth-child(1) {
	margin-top: 0;
}

.h2__inner {
	position: relative;
	margin-right: 1em;
	margin-left: 1em;
	padding-right: 0.75em;
	padding-left: 0.75em;
}

.h2__inner::before,
.h2__inner::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(50% - 0.5px);
	width: 3em;
	height: 1px;
	background: #999;
}

.h2__inner::before {
	left: 0;
	transform: translateX(-100%);
}

.h2__inner::after {
	right: 0;
	transform: translateX(100%);
}

section > .h2:nth-child(1),
section > .h2--new:nth-child(1) {
	margin-top: 3rem;
}

section.container > .h2:nth-child(1),
section.container--vw > .h2:nth-child(1),
section.container > .h2--new:nth-child(1),
section.container--vw > .h2--new:nth-child(1) {
	margin-top: 0;
}

.h3,
.h3--new {
	position: relative;
	margin: 1.4rem 0 0;
	font-size: 1.125rem;
	font-weight: 700;
}

.h3:nth-child(1),
.h3--new:nth-child(1) {
	margin-top: 0;
}

section > .h3:nth-child(1),
section > .h3--new:nth-child(1) {
	margin-top: 1.4rem;
}

section.container > .h3:nth-child(1),
section.container--vw > .h3:nth-child(1),
section.container > .h3--new:nth-child(1),
section.container--vw > .h3--new:nth-child(1) {
	margin-top: 0;
}

.heading-bg,
.heading-bg--shakyo,
.heading-bg--salons {
	margin-top: 1.4rem;
	padding: 0.75em 1em;
	background: #4a9249;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.heading-bg:nth-child(1),
.heading-bg--shakyo:nth-child(1),
.heading-bg--salons:nth-child(1) {
	margin-top: 0;
}

.heading-bg--shakyo {
	background: #1877f0;
}

.heading-bg--salons {
	background: #a775a5;
}

.btn,
.btn--submit,
.btn--back,
.btn--green,
.btn--limegreen,
.btn--deeppink {
	display: block;
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0.7em 0.5em;
	border: none;
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #333;
	color: #fff;
	font-size: inherit;
	font-family: inherit;
	line-height: 1.333;
	text-align: center;
}

.btn[href],
[href].btn--submit,
[href].btn--back,
[href].btn--green,
[href].btn--limegreen,
[href].btn--deeppink {
	color: #fff;
}

.btn--submit,
.btn--back {
	font-size: calc(1rem + 2px);
}

.btn--submit {
	background: #db6a82;
}

.btn--back {
	background: #9c9c9c;
}

.btn--green {
	background: #4a9249;
}

.btn--deeppink {
	background: #db6a82;
}

.btn--limegreen {
	background: #4cb618;
}

.btn-arrow,
.btn-arrow--limegreen,
.btn-arrow--orange,
.btn-arrow--orange-bg-darkgray,
.btn-arrow--orange-bg-darkgray-200,
.btn-arrow--yellow,
.btn-arrow--yellow-bg-green,
.btn-arrow--yellow-bg-blue,
.btn-arrow--yellow-bg-darkmagenta,
.btn-arrow--mypage,
.btn-arrow--toppage {
	display: block;
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0.7em calc(0.5em + 44px - 8px);
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #f2a700;
	color: #fff;
	line-height: 1.333;
	text-align: center;
}

.btn-arrow[href],
[href].btn-arrow--limegreen,
[href].btn-arrow--orange,
[href].btn-arrow--orange-bg-darkgray,
[href].btn-arrow--orange-bg-darkgray-200,
[href].btn-arrow--yellow,
[href].btn-arrow--yellow-bg-green,
[href].btn-arrow--yellow-bg-blue,
[href].btn-arrow--yellow-bg-darkmagenta,
[href].btn-arrow--mypage,
[href].btn-arrow--toppage {
	color: #fff;
}

.btn-arrow::after,
.btn-arrow--limegreen::after,
.btn-arrow--orange::after,
.btn-arrow--orange-bg-darkgray::after,
.btn-arrow--orange-bg-darkgray-200::after,
.btn-arrow--yellow::after,
.btn-arrow--yellow-bg-green::after,
.btn-arrow--yellow-bg-blue::after,
.btn-arrow--yellow-bg-darkmagenta::after,
.btn-arrow--mypage::after,
.btn-arrow--toppage::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -8px;
	transform: translateY(-50%);
	width: 44px;
	height: 23px;
	background: url("../img/ico/arrow_red.svg") no-repeat center/contain;
}

.btn-arrow--limegreen,
.btn-arrow--orange {
	background: #fff;
	color: inherit;
}

.btn-arrow--limegreen[href],
.btn-arrow--orange[href] {
	color: inherit;
}

.btn-arrow--limegreen::after {
	background-image: url("../img/ico/arrow_limegreen.svg");
}

.btn-arrow--orange::after,
.btn-arrow--orange-bg-darkgray::after,
.btn-arrow--orange-bg-darkgray-200::after {
	background-image: url("../img/ico/arrow_orange.svg");
}

.btn-arrow--orange-bg-darkgray {
	background: #9c9c9c;
}

.btn-arrow--orange-bg-darkgray-200 {
	color: #333 !important;
	background: #ededed;
}

.btn-arrow--yellow {
	background: #b08046;
}

.btn-arrow--yellow::after {
	background-image: url("../img/ico/arrow_yellow.svg");
}

.btn-arrow--yellow-bg-green,
.btn-arrow--mypage,
.btn-arrow--toppage {
	background: #4a9249;
}

.btn-arrow--yellow-bg-green::after,
.btn-arrow--mypage::after,
.btn-arrow--toppage::after {
	background-image: url("../img/ico/arrow_yellow.svg");
}

.btn-arrow--yellow-bg-blue {
	background: #1877f0;
}

.btn-arrow--yellow-bg-blue::after {
	background-image: url("../img/ico/arrow_yellow.svg");
}

.btn-arrow--yellow-bg-darkmagenta {
	background: #a775a5;
}

.btn-arrow--yellow-bg-darkmagenta::after {
	background-image: url("../img/ico/arrow_yellow.svg");
}

.btn-pict,
.btn-pict--salons,
.btn-pict--tarumap {
	position: relative;
	width: 100%;
	min-height: 160px;
	margin-right: auto;
	margin-left: auto;
	padding: 0.7em 1em;
	border-radius: 0.315rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #4a9249;
	color: #fff;
	font-size: 1.388rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-pict[href],
[href].btn-pict--salons,
[href].btn-pict--tarumap {
	color: #fff;
}

.btn-pict::after,
.btn-pict--salons::after,
.btn-pict--tarumap::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 9px;
	right: 10px;
	width: 78px;
	height: 70px;
	background: url("../img/pict/read.png") no-repeat center/contain;
}

.btn-pict--tarumap {
	background-color: #a775a5;
}

.btn-pict--salons {
	background-color: #a775a5;
}

.btn-pict--salons::after,
.btn-pict--tarumap::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 9px;
	left: 10px;
	right: auto;
	width: 70px;
	height: 75px;
	background: url("../img/pict/harmonica.png") no-repeat center/contain;
}

.btn-s,
.btn-s--submit,
.btn-s--back,
.btn-s--green,
.btn-s--limegreen,
.btn-s--deeppink,
.btn-s--salons,
.btn-s--group {
	display: inline-block;
	position: relative;
	padding: 0.7em 0.7em;
	border: none;
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #333;
	color: #fff;
	font-size: inherit;
	font-family: inherit;
	line-height: 1.333;
	text-align: center;
}

.btn-s[href],
[href].btn-s--submit,
[href].btn-s--back,
[href].btn-s--green,
[href].btn-s--limegreen,
[href].btn-s--deeppink,
[href].btn-s--salons,
[href].btn-s--group {
	color: #fff;
}

.btn-s--submit,
.btn-s--back {
	font-size: calc(1rem + 2px);
}

.btn-s--submit {
	background: #db6a82;
}

.btn-s--back {
	background: #9c9c9c;
}

.btn-s--green {
	background: #4a9249;
}

.btn-s--deeppink {
	background: #db6a82;
}

.btn-s--limegreen {
	background: #4cb618;
}

.btn-s--salons {
	background: #a775a5;
}

.btn-s--group {
	background: #4cb618;
}

.btn-s-arrow,
.btn-s-arrow--salons,
.btn-s-arrow--group {
	display: inline-block;
	position: relative;
	padding: 0.7em 2.31em 0.7em 1em;
	border: none;
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #333;
	color: #fff;
	font-size: inherit;
	font-family: inherit;
	line-height: 1.333;
	text-align: center;
}

.btn-s-arrow[href],
[href].btn-s-arrow--salons,
[href].btn-s-arrow--group {
	color: #fff;
}

.btn-s-arrow::after,
.btn-s-arrow--salons::after,
.btn-s-arrow--group::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0.8em;
	transform: translateY(-50%);
	width: 0.91em;
	height: 1.1875em;
	background: url("../img/ico/tri-arrow2-white.svg") no-repeat center/contain;
}

.btn-s-arrow--salons {
	background-color: #a775a5;
}

.btn-s-arrow--salons::after {
	background-image: url("../img/ico/tri-arrow2-yellow.svg");
}

.btn-s-arrow--group {
	background-color: #4cb618;
}

.btn-s-arrow--group::after {
	background-image: url("../img/ico/tri-arrow2-yellow.svg");
}

.btn-favorite {
	display: inline-block;
	position: relative;
	padding: 0.7em 2.727em 0.7em 0.7em;
	border: 1px solid #ccc;
	border-radius: 1000px;
	background: #fff;
	color: #333;
	font-size: inherit;
	font-family: inherit;
	line-height: 1.333;
	text-align: center;
}

.btn-favorite[href] {
	color: #fff;
}

.btn-favorite::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0.7em;
	transform: translateY(-50%);
	width: 1.777em;
	height: 1.777em;
	background: url("../img/ico/heart-gray.svg") no-repeat center/contain;
}

.btn-favorite::after {
	content: "する";
}

.btn-favorite.is-active::before {
	background-image: url("../img/ico/heart-pink.svg");
}

.btn-favorite.is-active::after {
	content: "済み";
}

.btn-join,
.btn-join--gray {
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 422px;
	padding: 1.7rem 1rem;
	border: none;
	border-radius: 7.5px;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #C66960;
	color: #fff;
	font-size: inherit;
	font-family: inherit;
	font-weight: 700;
	line-height: 1.333;
	text-align: center;
}

.btn-join[href],
[href].btn-join--gray {
	color: #fff;
}

.btn-join[data-status=cancel],
[data-status=cancel].btn-join--gray {
	background: #737373;
}

.btn-join--gray {
	background: #737373;
}

.img_speech_balloon {
	text-align: center;
}

.img_speech_balloon img {
	width: 375px;
}

.container .img_speech_balloon,
.container--vw .img_speech_balloon {
	position: relative;
	left: -6.5vw;
	width: calc(100% + 13vw);
}

.link-tri-arrow {
	display: inline-block;
	color: #333;
}

.link-tri-arrow[href] {
	color: #333;
}

.link-tri-arrow::after {
	content: "";
	display: inline-block;
	width: 0.636em;
	height: 1em;
	margin-left: 0.5em;
	background: url("../img/ico/tri-arrow.svg") no-repeat center/contain;
	vertical-align: middle;
}

.badge,
.badge--require,
.badge--group,
.badge--salons,
.badge--matching {
	position: relative;
	min-width: 1.8em;
	min-height: 1.8em;
	margin: 0.125rem 0.25rem 0.125rem 0;
	padding: 0 0.75em;
	background: #9c9c9c;
	color: #fff;
	font-size: 65%;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	vertical-align: top;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.badge--require {
	background: #db6a82;
}

.badge--group {
	background: #4cb618;
}

.badge--salons {
	background: #a775a5;
}

.badge--matching {
	background: #C66960;
}

.badge-status,
.badge-status--max {
	padding: 0.15em 0.75em;
	border: 3px solid #fff;
	border-radius: 7px;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #EAD563;
	font-size: 0.888rem;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.badge-status span,
.badge-status--max span {
	margin: 0 0.525em 0 0.725em;
	font-size: 1.111rem;
	font-weight: 700;
	vertical-align: middle;
}

.badge-status--max {
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	color: #AE2418;
	font-weight: 700;
}

.error {
	color: #d43d3d;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.counter {
	display: flex;
	gap: 10px;
}

* + .counter {
	margin-top: 1.4rem;
}

.counter__icon {
	width: 60px;
	height: 44px;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	background: #dedede url("../img/ico/good_gray_700.svg") no-repeat center/auto 24px;
}

.counter__number {
	position: relative;
	max-width: calc(100% - 60px - 10px);
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
}

.counter__number::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	transform: translate(-4.5px, -50%) rotate(45deg);
	border: 1px solid #ccc;
	border-right: none;
	border-top: none;
	background: #fff;
}

.container,
.container--vw {
	width: 100%;
	max-width: calc(768px + 13vw);
	margin: 0 auto;
	padding: 3rem 6.5vw;
}

.container + .container,
.container--vw + .container,
.container + .container--vw,
.container--vw + .container--vw {
	padding-top: 0;
}

.container .container,
.container--vw .container,
.container .container--vw,
.container--vw .container--vw {
	padding-right: 0;
	padding-left: 0;
}

.container--vw {
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}

.container__inner {
	width: 100%;
	max-width: calc(768px + 13vw);
	margin: 0 auto;
	padding-right: 6.5vw;
	padding-left: 6.5vw;
}

.page-content > .section-div:nth-child(1) > .container:nth-child(1),
.page-content > .section-div:nth-child(1) > .container--vw:nth-child(1) {
	padding-top: 1.5rem;
}

.section-div--border-top > .container:nth-child(1),
.section-div--border-top > .container--vw:nth-child(1) {
	padding-top: 1.5rem;
}

.container-div--skew .container,
.container-div--skew .container--vw,
.container-div--skew-limegreen .container,
.container-div--skew-limegreen .container--vw,
.container-div--skew-blue .container,
.container-div--skew-blue .container--vw {
	padding-bottom: calc(3rem + 25px);
}

.container-div--skew + .container-div .container:nth-child(1),
.container-div--skew + .container-div--border--top .container:nth-child(1),
.container-div--skew + .container-div--skew .container:nth-child(1),
.container-div--skew + .container-div--skew-limegreen .container:nth-child(1),
.container-div--skew + .container-div--skew-blue .container:nth-child(1),
.container-div--skew + .container-div--skew-darkmagenta .container:nth-child(1),
.container-div--skew + .container-div--skew-pink .container:nth-child(1),
.container-div--skew + .container-div--town .container:nth-child(1),
.container-div--skew + .container-div--cloud .container:nth-child(1),
.container-div--skew + .container-div--bg-shakyo .container:nth-child(1),
.container-div--skew + .container-div--bg-group .container:nth-child(1),
.container-div--skew + .container-div .container--vw:nth-child(1),
.container-div--skew + .container-div--border--top .container--vw:nth-child(1),
.container-div--skew + .container-div--skew .container--vw:nth-child(1),
.container-div--skew + .container-div--skew-limegreen .container--vw:nth-child(1),
.container-div--skew + .container-div--skew-blue .container--vw:nth-child(1),
.container-div--skew + .container-div--skew-darkmagenta .container--vw:nth-child(1),
.container-div--skew + .container-div--skew-pink .container--vw:nth-child(1),
.container-div--skew + .container-div--town .container--vw:nth-child(1),
.container-div--skew + .container-div--cloud .container--vw:nth-child(1),
.container-div--skew + .container-div--bg-shakyo .container--vw:nth-child(1),
.container-div--skew + .container-div--bg-group .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div .container:nth-child(1),
.container-div--skew-limegreen + .container-div--border--top .container:nth-child(1),
.container-div--skew-limegreen + .container-div--skew .container:nth-child(1),
.container-div--skew-limegreen + .container-div--skew-limegreen .container:nth-child(1),
.container-div--skew-limegreen + .container-div--skew-blue .container:nth-child(1),
.container-div--skew-limegreen + .container-div--skew-darkmagenta .container:nth-child(1),
.container-div--skew-limegreen + .container-div--skew-pink .container:nth-child(1),
.container-div--skew-limegreen + .container-div--town .container:nth-child(1),
.container-div--skew-limegreen + .container-div--cloud .container:nth-child(1),
.container-div--skew-limegreen + .container-div--bg-shakyo .container:nth-child(1),
.container-div--skew-limegreen + .container-div--bg-group .container:nth-child(1),
.container-div--skew-limegreen + .container-div .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--border--top .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--skew .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--skew-limegreen .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--skew-blue .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--skew-darkmagenta .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--skew-pink .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--town .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--cloud .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--bg-shakyo .container--vw:nth-child(1),
.container-div--skew-limegreen + .container-div--bg-group .container--vw:nth-child(1),
.container-div--skew-blue + .container-div .container:nth-child(1),
.container-div--skew-blue + .container-div--border--top .container:nth-child(1),
.container-div--skew-blue + .container-div--skew .container:nth-child(1),
.container-div--skew-blue + .container-div--skew-limegreen .container:nth-child(1),
.container-div--skew-blue + .container-div--skew-blue .container:nth-child(1),
.container-div--skew-blue + .container-div--skew-darkmagenta .container:nth-child(1),
.container-div--skew-blue + .container-div--skew-pink .container:nth-child(1),
.container-div--skew-blue + .container-div--town .container:nth-child(1),
.container-div--skew-blue + .container-div--cloud .container:nth-child(1),
.container-div--skew-blue + .container-div--bg-shakyo .container:nth-child(1),
.container-div--skew-blue + .container-div--bg-group .container:nth-child(1),
.container-div--skew-blue + .container-div .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--border--top .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--skew .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--skew-limegreen .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--skew-blue .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--skew-darkmagenta .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--skew-pink .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--town .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--cloud .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--bg-shakyo .container--vw:nth-child(1),
.container-div--skew-blue + .container-div--bg-group .container--vw:nth-child(1) {
	padding-top: 0;
}

.container-div--cloud .container,
.container-div--cloud .container--vw {
	padding-top: 0.75rem;
}

#index + .container-div > .container:nth-child(1),
#index + .container-div--border--top > .container:nth-child(1),
#index + .container-div--skew > .container:nth-child(1),
#index + .container-div--skew-limegreen > .container:nth-child(1),
#index + .container-div--skew-blue > .container:nth-child(1),
#index + .container-div--skew-darkmagenta > .container:nth-child(1),
#index + .container-div--skew-pink > .container:nth-child(1),
#index + .container-div--town > .container:nth-child(1),
#index + .container-div--cloud > .container:nth-child(1),
#index + .container-div--bg-shakyo > .container:nth-child(1),
#index + .container-div--bg-group > .container:nth-child(1),
#index + .container-div > .container--vw:nth-child(1),
#index + .container-div--border--top > .container--vw:nth-child(1),
#index + .container-div--skew > .container--vw:nth-child(1),
#index + .container-div--skew-limegreen > .container--vw:nth-child(1),
#index + .container-div--skew-blue > .container--vw:nth-child(1),
#index + .container-div--skew-darkmagenta > .container--vw:nth-child(1),
#index + .container-div--skew-pink > .container--vw:nth-child(1),
#index + .container-div--town > .container--vw:nth-child(1),
#index + .container-div--cloud > .container--vw:nth-child(1),
#index + .container-div--bg-shakyo > .container--vw:nth-child(1),
#index + .container-div--bg-group > .container--vw:nth-child(1) {
	padding-top: 0;
}

.heading-bg + .container,
.heading-bg--shakyo + .container,
.heading-bg--salons + .container,
.heading-bg + .container--vw,
.heading-bg--shakyo + .container--vw,
.heading-bg--salons + .container--vw {
	padding-top: 1rem;
}

.container-div--border-top {
	border-top: 1px solid #ccc;
}

.container-div--skew,
.container-div--skew-limegreen,
.container-div--skew-blue,
.container-div--skew-darkmagenta,
.container-div--skew-pink {
	position: relative;
	margin-top: 3rem;
	margin-bottom: 3rem;
	background: #d9e2f2 url("../img/pattern/dot.png") repeat center/250px;
}

.container-div--skew::before,
.container-div--skew-limegreen::before,
.container-div--skew-blue::before,
.container-div--skew-darkmagenta::before,
.container-div--skew-pink::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 51px;
	background: url("../img/pattern/skew_top_skyblue.png") no-repeat bottom left/100% 100%;
}

.container-div--skew::after,
.container-div--skew-limegreen::after,
.container-div--skew-blue::after,
.container-div--skew-darkmagenta::after,
.container-div--skew-pink::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 39px;
	background: url("../img/pattern/skew_bottom_skyblue.png") no-repeat top right/100% 100%;
}

.container-div--skew-limegreen h1,
.container-div--skew-limegreen .h1,
.container-div--skew-limegreen .h1--new,
.container-div--skew-blue h1,
.container-div--skew-blue .h1,
.container-div--skew-blue .h1--new,
.container-div--skew-darkmagenta h1,
.container-div--skew-darkmagenta .h1,
.container-div--skew-darkmagenta .h1--new,
.container-div--skew-pink h1,
.container-div--skew-pink .h1,
.container-div--skew-pink .h1--new {
	position: relative;
	color: #fff;
}

.container-div--skew-limegreen {
	background-color: #4cb618;
	background-image: url("../img/pattern/dot_60percent.png");
}

.container-div--skew-limegreen::before {
	background-image: url("../img/pattern/skew_top_green.png");
}

.container-div--skew-limegreen::after {
	background-image: url("../img/pattern/skew_bottom_green.png");
}

.container-div--skew-limegreen#activities_info {
	margin-top: 0;
}

.container-div--skew-blue {
	background-color: #1877f0;
	background-image: url("../img/pattern/dot_50percent.png");
}

.container-div--skew-blue::before {
	background-image: url("../img/pattern/skew_top_cadetblue.png");
}

.container-div--skew-blue::after {
	background-image: url("../img/pattern/skew_bottom_cadetblue.png");
}

.container-div--skew-darkmagenta {
	background-color: #a775a5;
	background-image: url("../img/pattern/dot_50percent.png");
}

.container-div--skew-darkmagenta::before {
	background-image: url("../img/pattern/skew_top_darkmagenta.png");
}

.container-div--skew-darkmagenta::after {
	background-image: url("../img/pattern/skew_bottom_darkmagenta.png");
}

.container-div--skew-darkmagenta#tarumaps_info {
	margin-top: 0;
}

.container-div--skew-pink {
	background-color: #D57F8F;
	background-image: url("../img/pattern/dot_50percent.png");
}

.container-div--skew-pink::before {
	background-image: url("../img/pattern/skew_top_pink.png");
}

.container-div--skew-pink::after {
	background-image: url("../img/pattern/skew_bottom_pink.png");
}

.container-div--skew-pink#matching {
	margin-top: 0;
}

.container-div--town {
	padding-bottom: 1rem;
	background: #fff url("../img/pattern/town.png") repeat-x -21px bottom/398px auto;
}

.container-div--cloud {
	background: #fff url("../img/pattern/cloud.png") repeat-x center top/378px auto;
}

.container-div + #index,
.container-div--border--top + #index,
.container-div--skew + #index,
.container-div--skew-limegreen + #index,
.container-div--skew-blue + #index,
.container-div--skew-darkmagenta + #index,
.container-div--skew-pink + #index,
.container-div--town + #index,
.container-div--cloud + #index,
.container-div--bg-shakyo + #index,
.container-div--bg-group + #index {
	margin-top: -2rem;
}

.page-content > .container-div--border-top:nth-child(1) {
	border-top: none;
}

#info-speech-balloon + .container-div,
#info-speech-balloon + .container-div--border--top,
#info-speech-balloon + .container-div--skew,
#info-speech-balloon + .container-div--skew-limegreen,
#info-speech-balloon + .container-div--skew-blue,
#info-speech-balloon + .container-div--skew-darkmagenta,
#info-speech-balloon + .container-div--skew-pink,
#info-speech-balloon + .container-div--town,
#info-speech-balloon + .container-div--cloud,
#info-speech-balloon + .container-div--bg-shakyo,
#info-speech-balloon + .container-div--bg-group {
	margin-top: -2rem;
}

.introduction {
	padding: 4rem 1rem 0;
	background: #fff url("../img/pattern/town.png") repeat-x -21px top/398px auto;
	text-align: center;
}

.introduction__heading {
	max-width: 768px;
	margin-right: auto;
	margin-left: auto;
	font-size: calc(1rem - 3px);
	font-weight: 400;
	line-height: 1.6875;
}

.introduction__heading span {
	background: linear-gradient(to bottom, #fff 0%, #fff 60%, #ffee00 60%, #ffee00 100%);
	font-size: inherit;
}

.introduction h1.introduction__heading {
	display: block;
	font-size: calc(1rem - 3px);
}

.introduction h1.introduction__heading span {
	font-size: inherit;
}

.introduction__heading + p {
	max-width: 342px;
	margin-top: -12px;
	margin-right: auto;
	margin-left: auto;
}

.slide,
.slide--vw {
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
}

.slide:nth-child(1),
.slide--vw:nth-child(1) {
	margin-top: 0;
}

.slide--vw {
	position: relative;
	left: -6.5vw;
	width: calc(100% + 13vw);
	padding-left: 0.888rem;
}

.slide__item,
.slide__item--facebook {
	height: 100%;
	margin: 0 0.5rem 10px;
	width: 200px;
	border-radius: 7.5px;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
}

.slide__item > a,
.slide__item--facebook > a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
}

.slide__img {
	position: relative;
	overflow: hidden;
	border-top-right-radius: 7.5px;
	border-top-left-radius: 7.5px;
	background: #ccc;
}

.slide__img::after {
	content: "";
	display: block;
	padding-top: 75%;
	overflow: hidden;
}

.slide__img img {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide__detail {
	position: relative;
	padding: 0.5em 0.75em 0.75em;
	border-bottom-right-radius: 7.5px;
	border-bottom-left-radius: 7.5px;
	background: #fff;
}

.slide__item--facebook .slide__detail::after {
	content: "";
	display: block;
	position: absolute;
	top: 0.35em;
	right: 0.75em;
	width: 1.2rem;
	height: 1.2rem;
	background: url("../img/sns/circle_facebook.svg") no-repeat center/contain;
}

.slide__date {
	font-size: 0.75rem;
}

.slide__title {
	margin-top: 0.25em;
}

.slide .slick-list,
.slide--vw .slick-list,
.slide .slick-track,
.slide--vw .slick-track {
	height: 100%;
}

.slide .slick-arrow,
.slide--vw .slick-arrow,
.slide .slick-arrow:hover,
.slide .slick-arrow:focus {
	z-index: 1;
	width: 44px;
	height: 44px;
	background: rgba(0, 0, 0, 0.75);
}

.slide .slick-prev:hover,
.slide--vw .slick-prev:hover,
.slide .slick-prev:focus,
.slide--vw .slick-prev:focus,
.slide .slick-next:hover,
.slide--vw .slick-next:hover,
.slide .slick-next:focus,
.slide--vw .slick-next:focus {
	background: rgba(0, 0, 0, 0.75);
}

.slide .slick-prev::before,
.slide--vw .slick-prev::before,
.slide .slick-next::before,
.slide--vw .slick-next::before {
	content: "";
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.slide .slick-prev.slick-disabled,
.slide--vw .slick-prev.slick-disabled,
.slide .slick-next.slick-disabled,
.slide--vw .slick-next.slick-disabled {
	background: rgba(0, 0, 0, 0.25);
}

.slide .slick-next,
.slide--vw .slick-next {
	right: -6.5vw;
}

.slide .slick-next::before,
.slide--vw .slick-next::before {
	right: 55%;
	transform: translate(50%, -50%) rotate(45deg);
}

.slide .slick-prev,
.slide--vw .slick-prev {
	left: -6.5vw;
}

.slide .slick-prev::before,
.slide--vw .slick-prev::before {
	right: 45%;
	transform: translate(50%, -50%) rotate(-135deg);
}

.slide--vw .slick-next {
	right: 0;
}

.slide--vw .slick-prev {
	left: 0;
}

.slide2,
.slide2--vw {
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
}

.slide2:nth-child(1),
.slide2--vw:nth-child(1) {
	margin-top: 0;
}

.slide2--vw {
	position: relative;
	left: -6.5vw;
	width: calc(100% + 13vw);
	padding-left: 1.25rem;
}

.slide2__item {
	height: 100%;
	margin: 0 0.75rem 10px;
	width: 224px;
	border-radius: 7.5px;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
}

.slide2__item > a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: inherit;
}

.slide2__img {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 7.5px;
	background: #ccc;
}

.slide2__img::after {
	content: "";
	display: block;
	padding-top: 65%;
	overflow: hidden;
}

.slide2__img img {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide2__title {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding: 0.5em;
	border-radius: 7.5px;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slide2 .slick-list,
.slide2--vw .slick-list,
.slide2 .slick-track,
.slide2--vw .slick-track {
	height: 100%;
}

.slide2 .slick-arrow,
.slide2--vw .slick-arrow,
.slide2 .slick-arrow:hover,
.slide2 .slick-arrow:focus {
	z-index: 1;
	width: 44px;
	height: 44px;
	background: rgba(0, 0, 0, 0.75);
}

.slide2 .slick-prev:hover,
.slide2--vw .slick-prev:hover,
.slide2 .slick-prev:focus,
.slide2--vw .slick-prev:focus,
.slide2 .slick-next:hover,
.slide2--vw .slick-next:hover,
.slide2 .slick-next:focus,
.slide2--vw .slick-next:focus {
	background: rgba(0, 0, 0, 0.75);
}

.slide2 .slick-prev::before,
.slide2--vw .slick-prev::before,
.slide2 .slick-next::before,
.slide2--vw .slick-next::before {
	content: "";
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.slide2 .slick-prev.slick-disabled,
.slide2--vw .slick-prev.slick-disabled,
.slide2 .slick-next.slick-disabled,
.slide2--vw .slick-next.slick-disabled {
	background: rgba(0, 0, 0, 0.25);
}

.slide2 .slick-next,
.slide2--vw .slick-next {
	right: -6.5vw;
}

.slide2 .slick-next::before,
.slide2--vw .slick-next::before {
	right: 55%;
	transform: translate(50%, -50%) rotate(45deg);
}

.slide2 .slick-prev,
.slide2--vw .slick-prev {
	left: -6.5vw;
}

.slide2 .slick-prev::before,
.slide2--vw .slick-prev::before {
	right: 45%;
	transform: translate(50%, -50%) rotate(-135deg);
}

.slide2--vw .slick-next {
	right: 0;
}

.slide2--vw .slick-prev {
	left: 0;
}

.btn-area {
	margin-top: 1.4rem;
	text-align: center;
}

.btn-area:nth-child(1) {
	margin-top: 0;
}

.btn-group {
	margin: 0 -0.7rem 0;
	display: flex;
	flex-wrap: wrap;
}

.btn-group:nth-child(1) {
	margin-top: -1.4rem;
}

.btn-group p:nth-child(2) {
	text-align: center;
}

.btn-group img {
	height: 36px;
	object-fit: contain;
}

.btn-group__item,
.btn-group__item--tarumap,
.btn-group__item--tarukatsu,
.btn-group__item--taruvolupoint,
.btn-group__item--matching {
	position: relative;
	display: block;
	width: calc(100% - 1.4rem - 0.1px);
	min-height: 164px;
	margin: 1.4rem 0.7rem 0;
	padding: 1.85em 3em 3.5em;
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #a775a5;
	color: #fff;
	font-size: 0.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.btn-group__item::after,
.btn-group__item--tarumap::after,
.btn-group__item--tarukatsu::after,
.btn-group__item--taruvolupoint::after,
.btn-group__item--matching::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 9px;
	right: 10px;
	width: 70px;
	height: 70px;
	background: no-repeat center/contain;
}

.btn-group__item--tarumap::after {
	background-image: url("../img/pict/map.png");
}

.btn-group__item--tarukatsu {
	background: #4cb618;
}

.btn-group__item--tarukatsu::after {
	bottom: 18px;
	left: 20px;
	right: auto;
	background-image: url("../img/pict/flower_bed.png");
}

.btn-group__item--tarukatsu img {
	height: 34px;
}

.btn-group__item--matching {
	padding: 1.85em 2em 1.25em;
	background: #d3556d;
}

.btn-group__item--matching::after {
	bottom: 7.5px;
	right: 11px;
	width: 72px;
	height: 73px;
	background-image: url("../img/pict/snowplowing.png");
}

.btn-group__item--matching p:nth-child(2) {
	margin-top: 0.75rem;
}

.btn-group__item--matching img {
	height: 80px;
}

.btn-group__item--taruvolupoint {
	padding-bottom: 1.25em;
	background: #f2a700;
}

.btn-group__item--taruvolupoint::after {
	bottom: -5px;
	left: 10px;
	right: auto;
	background-image: url("../img/pict/smartphone_point.png");
}

.btn-group__item--taruvolupoint p:nth-child(2) {
	margin-top: 0.75rem;
}

.btn-group__item--taruvolupoint img {
	height: 78px;
}

.btn-group a.btn-group__item,
.btn-group a.btn-group__item--tarumap,
.btn-group a.btn-group__item--tarukatsu,
.btn-group a.btn-group__item--taruvolupoint,
.btn-group a.btn-group__item--matching {
	color: #fff;
}

.btn-group2 {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

* + .btn-group2 {
	margin-top: 0.6rem;
}

.btn-group2 > li {
	width: calc(33.3333333333% - 0.3333333333rem - 0.1px);
}

.btn-group2 a {
	position: relative;
	display: block;
	height: 100%;
	padding: 0.7em 0.5em;
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #ccc;
	color: #fff;
	font-size: clamp(10px, 3.125vw, 1rem);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.btn-group2 a[href]:hover {
	opacity: 0.6;
	color: #fff;
}

.btn-group2 a::before {
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	margin: 0 auto 0.35em;
	background: no-repeat center/contain;
}

.btn-group2 > li.is-active a {
	background-color: #a775a5;
}

.btn-group2 > li.btn-group2__list a::before {
	background-image: url("../img/ico/list-white.svg");
}

.btn-group2 > li.btn-group2__illustmap a::before {
	background-image: url("../img/ico/map-white.svg");
}

.btn-group2 > li.btn-group2__googlemap a::before {
	background-image: url("../img/ico/google-g-white.svg");
	background-size: 80%;
}

.btn-group2__second-line {
	display: block;
	font-size: 75%;
}

.page-title {
	position: relative;
	min-height: 170px;
	margin-top: 1.25rem;
	padding: 0.75rem 0 1.5rem;
	overflow: hidden;
	background: #fffef1;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-title:nth-child(1) {
	margin-top: 0;
}

.page-title::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%) rotate(-15deg);
	width: 1000%;
	height: 1000%;
	background: url("../img/pattern/watercolor.png") center/180px;
}

.page-title > * {
	position: relative;
	z-index: 2;
}

.page-title p {
	padding-right: 6.5vw;
	padding-left: 6.5vw;
}

.page-title h1 {
	margin-top: 1rem;
}

.page-title h1:nth-child(1) {
	margin-top: 0;
}

.page-title img {
	width: 375px;
}

.page-content .page-title h1 {
	margin-top: 1rem;
}

.page-content .page-title h1:nth-child(1) {
	margin-top: 0;
}

.container .page-title,
.container--vw .page-title {
	left: -6.5vw;
	width: calc(100% + 13vw);
}

.breadcrumb + .page-title {
	margin-top: 0;
}

.page-title2,
.page-title2--tarumap,
.page-title2--tarukatsu,
.page-title2--point,
.page-title2--shakyo,
.page-title2--salons,
.page-title2--mypage,
.page-title2--group {
	position: relative;
	min-height: 75px;
	margin-top: 1.4rem;
	padding: 1rem;
	background: #b08046;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-title2:nth-child(1),
.page-title2--tarumap:nth-child(1),
.page-title2--tarukatsu:nth-child(1),
.page-title2--point:nth-child(1),
.page-title2--shakyo:nth-child(1),
.page-title2--salons:nth-child(1),
.page-title2--mypage:nth-child(1),
.page-title2--group:nth-child(1) {
	margin-top: 0;
}

.page-title2 h1,
.page-title2--tarumap h1,
.page-title2--tarukatsu h1,
.page-title2--point h1,
.page-title2--shakyo h1,
.page-title2--salons h1,
.page-title2--mypage h1,
.page-title2--group h1,
.page-title2__heading {
	font-size: 1.333rem;
	font-weight: 700;
}

.page-title2--tarumap {
	background: #a775a5;
}

.page-title2--tarukatsu {
	background: #4cb618;
}

.page-title2--point {
	background: #f2a700;
}

.page-title2--shakyo {
	background: #1877f0;
}

.page-title2--salons {
	background: #a775a5;
}

.page-title2--mypage {
	background: #db6a82;
}

.page-title2--group {
	background: #4cb618;
}

.breadcrumb + .page-title2,
.breadcrumb + .page-title2--tarumap,
.breadcrumb + .page-title2--tarukatsu,
.breadcrumb + .page-title2--point,
.breadcrumb + .page-title2--shakyo,
.breadcrumb + .page-title2--salons,
.breadcrumb + .page-title2--mypage,
.breadcrumb + .page-title2--group {
	margin-top: 0;
}

.page-title3 {
	position: relative;
	min-height: 170px;
	margin-top: 1.4rem;
	padding: 1rem 0 calc(50px + 1rem) 0;
	background: #fff url("../img/pattern/town.png") repeat-x -21px bottom/398px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-title3:nth-child(1) {
	margin-top: 0;
}

.page-title3__inner {
	width: 100%;
	max-width: calc(768px + 13vw);
	margin: 0 auto;
	padding: 0 6.5vw;
}

.page-title3 h1,
.page-title3__heading {
	font-size: 1.111rem;
	font-weight: 700;
}

.page-title3 h1 + .ul-category,
.page-title3__heading + .ul-category {
	margin-top: 0.75rem;
}

.breadcrumb + .page-title3 {
	margin-top: 0;
}

.map-tab-container {
	margin-top: 1.4rem;
	overflow-x: scroll;
	text-align: center;
}

.map-tab-container:nth-child(1) {
	margin-top: 0;
}

.map-tab {
	list-style: none;
	margin-top: 0.9rem;
	padding-right: 0.625rem;
	padding-left: 0.625rem;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	display: inline-flex;
}

.map-tab:nth-child(1) {
	margin-top: -0.5rem;
}

.map-tab > li {
	position: relative;
	margin-top: 0.5rem;
	margin-right: 0.375rem;
	margin-left: 0.375rem;
	padding-bottom: 0.5em;
}

.map-tab > li::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 1.5px;
	background: #ccc;
}

.map-tab > li.is-active {
	color: #9c9c9c;
}

.map-tab > li.is-active::after {
	background: #9c9c9c;
}

.map-tab > li.volunteer_groups.is-active {
	color: #4cb618;
}

.map-tab > li.volunteer_groups.is-active::after {
	background: #4cb618;
}

.map-tab > li.salons.is-active {
	color: #a775a5;
}

.map-tab > li.salons.is-active::after {
	background: #a775a5;
}

.map-tab a,
.map-tab a[href] {
	color: inherit;
}

.map-tab a:hover,
.map-tab a[href]:hover {
	color: inherit;
}

.map-category-container {
	margin-top: 1.4rem;
	overflow-x: scroll;
	text-align: center;
}

.map-category-container:nth-child(1) {
	margin-top: 0;
}

.map-category,
.map-category--salons {
	list-style: none;
	margin-top: 0.9rem;
	padding-right: 0.875rem;
	padding-left: 0.875rem;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	display: inline-flex;
}

.map-category:nth-child(1),
.map-category--salons:nth-child(1) {
	margin-top: -0.5rem;
}

.map-category > li,
.map-category--salons > li {
	position: relative;
	margin-top: 0.5rem;
	margin-right: 0.125rem;
	margin-left: 0.125rem;
}

.map-category a,
.map-category--salons a {
	display: block;
	padding: 0.5em 1em;
	border: 1px solid #9c9c9c;
	border-radius: 1000px;
}

.map-category a,
.map-category--salons a,
.map-category a[href] {
	color: inherit;
}

.map-category a:hover,
.map-category--salons a:hover,
.map-category a[href]:hover {
	color: inherit;
}

.map-category > li.is-active a,
.map-category--salons > li.is-active a,
.map-category > li.is-active a[href] {
	border-color: #4cb618;
	background: #4cb618;
	color: #fff;
}

.map-category--salons > li a,
.map-category--salons > li a[href] {
	color: inherit;
}

.map-category--salons > li a:hover,
.map-category--salons > li a[href]:hover {
	color: inherit;
}

.map-category--salons > li.is-active a,
.map-category--salons > li.is-active a[href] {
	border-color: #a775a5;
	background: #a775a5;
	color: #fff;
}

#map {
	position: relative;
	height: 100vh;
	min-height: 420px;
	background: #ccc;
}

#map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.map-container {
	position: relative;
	margin-top: 1.5rem;
}

.map-container:nth-child(1) {
	margin-top: 0;
}

.map-slide-position {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	overflow: hidden;
}

.map-slide,
.map-slide--salons {
	display: flex;
}

.map-slide__item {
	margin-bottom: 10px;
	padding-left: 1rem;
	padding-right: 1rem;
	outline: none;
}

.map-slide__item > div {
	position: relative;
	width: calc(100vw - 3rem);
	max-width: 400px;
	margin-left: 0.5rem;
	margin-right: -1.5rem;
	padding: 1.25rem;
	border-radius: 7.5px;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #fff;
}

.map-slide__item > div::before {
	content: "";
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #4cb618;
	border-radius: 7.5px;
	transition: opacity 0.3s;
	pointer-events: none;
}

.map-slide__item.slick-current > div::before {
	opacity: 1;
}

.map-slide__header {
	display: flex;
	flex-direction: row-reverse;
}

.map-slide__heading {
	width: calc(100% - 50px - 0.75rem);
	margin-left: 0.75rem;
	font-size: 14px;
	line-height: 1.3;
}

.map-slide__img {
	width: 50px;
	height: 50px;
}

.map-slide__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.map-slide p,
.map-slide--salons p {
	margin-top: 0.5rem;
	font-size: 14px;
}

.map-slide__footer {
	margin-top: 0.75rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

p + .map-slide__footer {
	margin-top: 0.5rem;
}

.map-slide__favorite {
	width: 32px;
	height: 32px;
	background: url("../img/ico/heart-gray.svg") no-repeat center/contain;
}

.map-slide__favorite.is-active {
	background-image: url("../img/ico/heart-pink.svg");
}

.map-slide__link {
	font-size: 14px;
}

.map-slide__link .link-tri-arrow {
	color: #4cb618;
}

.map-slide__link .link-tri-arrow::after {
	background-image: url("../img/ico/tri-arrow-limegreen.svg");
}

.map-slide--salons .link-tri-arrow {
	color: #a775a5;
}

.map-slide--salons .link-tri-arrow::after {
	background-image: url("../img/ico/tri-arrow-darkmagenta.svg");
}

.map-slide--salons .map-slide__item > div::before {
	border-color: 2px solid #a775a5;
}

.map-slide .slick-arrow,
.map-slide--salons .slick-arrow {
	display: none;
}

.illustmap-container {
	position: relative;
}

* + .illustmap-container {
	margin-top: 1.5rem;
}

.illustmap-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.illustmap-container li {
	position: absolute;
	margin: 0;
	padding: 0;
}

.illustmap-container li.illustmap-container__umi {
	top: 33.8461538462%;
	left: 44.7727272727%;
	width: 16.7272727273%;
}

.illustmap-container li.illustmap-container__yama {
	top: 53.6153846154%;
	left: 28.9545454545%;
	width: 16.7272727273%;
}

.illustmap-container li.illustmap-container__temiya {
	top: 16.4615384615%;
	left: 33.4545454545%;
	width: 16.7272727273%;
}

.illustmap-container li.illustmap-container__nagahashi {
	top: 21.0769230769%;
	left: 16.0909090909%;
	width: 16.7272727273%;
}

.illustmap-container li.illustmap-container__asari {
	top: 62.3846153846%;
	left: 54.0454545455%;
	width: 18.9395894428%;
}

.illustmap-container li.illustmap-container__zenibako {
	top: 79.3076923077%;
	left: 80.9545454545%;
	width: 13.3278592375%;
}

.ul-category {
	list-style: none;
	margin-top: 1.15rem;
	margin-right: -0.125rem;
	margin-left: -0.125rem;
	color: #9c9c9c;
	font-size: 0.555rem;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.ul-category:nth-child(1) {
	margin-top: -0.25rem;
}

.ul-category > li {
	position: relative;
	margin-top: 0.25rem;
	margin-right: 0.125rem;
	margin-left: 0.125rem;
	padding: 0.5em 1em;
	border: 1px solid #9c9c9c;
	border-radius: 1000px;
}

.ul-category2,
.ul-category2--salons {
	list-style: none;
	margin: calc(1rem - 8px) -4px 0;
	font-size: calc(1rem - 6px);
	display: flex;
	flex-wrap: wrap;
}

.ul-category2:nth-child(1),
.ul-category2--salons:nth-child(1) {
	margin-top: -0.5rem;
}

.ul-category2 > li,
.ul-category2--salons > li {
	position: relative;
	width: calc(50% - 8px - 0.1px);
	margin: 8px 4px 0;
}

.ul-category2 a,
.ul-category2--salons a {
	height: 100%;
	padding: 0.5em 1em;
	border: 1px solid #ccc;
	border-radius: 1000px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ul-category2 a,
.ul-category2--salons a,
.ul-category2 a[href] {
	color: inherit;
}

.ul-category2 a:hover,
.ul-category2--salons a:hover,
.ul-category2 a[href]:hover {
	color: inherit;
}

.ul-category2 > li.shakyo a,
.ul-category2--salons > li.shakyo a {
	border-color: #1877f0;
}

.ul-category2 > li.vc_group a,
.ul-category2--salons > li.vc_group a {
	border-color: #4cb618;
}

.ul-category2 > li.salon a,
.ul-category2--salons > li.salon a {
	border-color: #a775a5;
}

.ul-category2 > li.is-active a,
.ul-category2--salons > li.is-active a,
.ul-category2 > li.is-active a[href] {
	background: #ccc;
}

.ul-category2 > li.is-active.shakyo a,
.ul-category2--salons > li.is-active.shakyo a,
.ul-category2 > li.is-active.shakyo a[href],
.ul-category2 > li.is-active.vc_group a,
.ul-category2--salons > li.is-active.vc_group a,
.ul-category2 > li.is-active.vc_group a[href],
.ul-category2 > li.is-active.salon a,
.ul-category2--salons > li.is-active.salon a,
.ul-category2 > li.is-active.salon a[href] {
	color: #fff;
}

.ul-category2 > li.is-active.shakyo a,
.ul-category2--salons > li.is-active.shakyo a,
.ul-category2 > li.is-active.shakyo a[href] {
	background: #1877f0;
}

.ul-category2 > li.is-active.vc_group a,
.ul-category2--salons > li.is-active.vc_group a,
.ul-category2 > li.is-active.vc_group a[href] {
	background: #4cb618;
}

.ul-category2 > li.is-active.salon a,
.ul-category2--salons > li.is-active.salon a,
.ul-category2 > li.is-active.salon a[href] {
	background: #a775a5;
}

.ul {
	margin-top: 1.4rem;
	padding-left: 1.5em;
}

.ul:nth-child(1) {
	margin-top: 0;
}

.ul-avatar-select {
	list-style: none;
	margin: 0.2rem -0.4rem 0;
	display: flex;
	flex-wrap: wrap;
}

.ul-avatar-select:nth-child(1) {
	margin-top: -0.8rem;
}

.ul-avatar-select > li {
	position: relative;
	width: calc(33.3333333333% - 0.8rem - 0.1px);
	margin: 0.8rem 0.4rem 0;
}

.ul-avatar-select label {
	display: block;
	width: 100%;
	height: 100%;
}

.ul-avatar-select__img-area {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 2px solid #ccc;
	border-radius: 0.555rem;
	background: #ededed;
}

.ul-avatar-select__img-area::after {
	content: "";
	display: block;
	padding-top: 154.49%;
}

.ul-avatar-select [type=radio] {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.ul-avatar-select [type=radio]:checked ~ .ul-avatar-select__img-area {
	border-color: #db6a82;
	background: #e691a4;
}

.ul-avatar-select img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ul-archive {
	margin-top: 1.4rem;
	list-style: none;
}

.ul-archive:nth-child(1) {
	margin-top: 0;
}

.ul-archive > li {
	margin-bottom: 1.4rem;
	padding-bottom: 1.4rem;
	border-bottom: 1px dashed #9c9c9c;
}

.ul-archive > li:nth-last-child(1) {
	margin-bottom: 0;
}

.ul-archive a.ul-archive__inner {
	display: block;
	position: relative;
	color: inherit;
}

.ul-archive a.ul-archive__inner[href] {
	transition: opacity 0.3s;
}

.ul-archive a.ul-archive__inner[href]:hover {
	color: inherit;
}

.ul-archive__batch-container {
	display: block;
	margin-top: 0.5rem;
	font-size: calc(1rem - 4px);
}

.ul-archive__batch-container:nth-child(1) {
	margin-top: 0;
}

.ul-archive__batch-container span {
	display: inline-block;
	padding: 0.1em 0.25em;
	background: #ededed;
}

.ul-archive__batch-container span + span {
	margin-left: 0.25em;
}

.ul-archive .日付 {
	display: inline-block;
	margin-top: 0.5rem;
	color: #737373;
	font-size: calc(1rem - 2px);
}

.ul-archive .日付:nth-child(1) {
	margin-top: 0;
}

.ul-archive > li.facebook .日付 {
	position: relative;
	padding-right: 1.75em;
}

.ul-archive > li.facebook .日付::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.2rem;
	height: 1.2rem;
	background: url("../img/sns/circle_facebook.svg") no-repeat center/contain;
}

.ul-archive .タイトル {
	display: block;
	margin-top: 0.5rem;
}

.ul-archive .btn-arrow,
.ul-archive .btn-arrow--limegreen,
.ul-archive .btn-arrow--orange,
.ul-archive .btn-arrow--orange-bg-darkgray,
.ul-archive .btn-arrow--orange-bg-darkgray-200,
.ul-archive .btn-arrow--yellow,
.ul-archive .btn-arrow--yellow-bg-green,
.ul-archive .btn-arrow--yellow-bg-blue,
.ul-archive .btn-arrow--yellow-bg-darkmagenta,
.ul-archive .btn-arrow--mypage,
.ul-archive .btn-arrow--toppage {
	margin-top: 0.5rem;
}

.ul-archive2,
.ul-archive2--group,
.ul-archive2--salons {
	margin-top: 1.4rem;
	list-style: none;
	padding-top: 1.4rem;
	border-top: 1px dashed #9c9c9c;
}

.ul-archive2:nth-child(1),
.ul-archive2--group:nth-child(1),
.ul-archive2--salons:nth-child(1) {
	margin-top: 0;
}

.ul-archive2 > li,
.ul-archive2--group > li,
.ul-archive2--salons > li {
	margin-bottom: 1.4rem;
	padding-bottom: 1.4rem;
	border-bottom: 1px dashed #9c9c9c;
}

.ul-archive2__heading {
	margin-top: 1rem;
	font-size: 1rem;
	font-weight: 700;
}

.ul-archive2__content {
	margin-top: 0.5rem;
	font-size: 0.8rem;
}

.ul-archive2__btn-area {
	margin-top: 1rem;
	text-align: right;
	font-size: 0.8rem;
}

.ul-archive2--group .ul-archive2__heading {
	color: #4a9249;
}

.ul-archive2--salons .ul-archive2__heading {
	color: #a775a5;
}

.ul-history {
	list-style: none;
	margin-top: 1.4rem;
}

.ul-history:nth-child(1) {
	margin-top: 0;
}

.ul-history > li {
	padding: 1em 0.25em;
	border-bottom: 1px solid #ccc;
}

.ul-history > li:nth-child(1) {
	border-top: 1px solid #ccc;
}

.ul-history > li:nth-child(2n) {
	background: #f4f4f4;
}

.ul-history > li .活動日,
.ul-history > li .依頼先,
.ul-history > li .獲得ポイント,
.ul-history > li .活動内容,
.ul-history > li .状態 {
	display: block;
	margin-top: 0.5rem;
	display: flex;
}

.ul-history > li .活動日:nth-child(1),
.ul-history > li .依頼先:nth-child(1),
.ul-history > li .獲得ポイント:nth-child(1),
.ul-history > li .活動内容:nth-child(1),
.ul-history > li .状態:nth-child(1) {
	margin-top: 0;
}

.ul-history .ポイント値 {
	color: #db6a82;
	font-weight: 700;
}

.ul-history__heading {
	position: relative;
	width: 7em;
}

.ul-history__heading::after {
	content: "：";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1em;
	height: 1em;
}

.ul-history__content {
	display: block;
	width: calc(100% - 7em);
}

.ul-history__content.favorite-li {
	width: calc(100% - 3.5em);
}

.ul-history__content .list-favorite::before {
	right: -1rem;
	transform: translate(100%, -50%);
}

.ul-history a[href] {
	color: #333;
	transition: opacity 0.3s;
}

.ul-history a[href]:hover {
	color: #333;
	opacity: 0.6;
}

.ul-radio {
	margin-top: 1.4rem;
	list-style: none;
}

.ul-radio:nth-child(1) {
	margin-top: 0;
}

.ul-radio > li {
	margin-top: 0.5rem;
}

.ul-radio > li:nth-child(1) {
	margin-top: 0;
}

form > .ul-radio:nth-child(1) {
	margin-top: 1.4rem;
}

.ul-radio#pointApplication > li:nth-child(2) {
	display: none;
}

.ol {
	margin-top: 1.4rem;
	padding-left: 1.5em;
}

.ol:nth-child(1) {
	margin-top: 0;
}

.breadcrumb {
	margin-top: 1rem;
	font-size: calc(1rem - 6px);
	line-height: 1.25;
	white-space: nowrap;
}

.breadcrumb:nth-child(1) {
	margin-top: 0;
}

.breadcrumb ol {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0 18px;
	overflow-x: scroll;
	overflow-y: hidden;
	display: flex;
}

.breadcrumb ol > li {
	position: relative;
	padding: 0.5em 0;
}

.breadcrumb ol > li::before {
	content: "＞";
	margin: 0 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #999;
	font-size: 80%;
}

.breadcrumb ol > li:nth-child(1)::before {
	display: none;
}

.breadcrumb ol a,
.breadcrumb ol a[href] {
	color: inherit;
	text-decoration: none;
}

.breadcrumb ol a[href]:hover {
	color: #a3a3a3;
	text-decoration: underline;
}

.table-form {
	width: 100%;
	margin-top: 1.4rem;
	border-collapse: collapse;
}

.table-form:nth-child(1) {
	margin-top: 0;
}

.table-form > tbody > tr th,
.table-form > tbody > tr td {
	padding-top: 1em;
	text-align: left;
	vertical-align: middle;
}

.table-form > tbody > tr:nth-child(1) th,
.table-form > tbody > tr:nth-child(1) td {
	padding-top: 0;
}

.table-form > tbody > tr th {
	white-space: nowrap;
}

.table-form > tbody > tr td {
	width: 100%;
}

.table-form > tbody > tr th + td {
	padding-left: 1em;
}

.table-form [type=text],
.table-form [type=email],
.table-form [type=tel],
.table-form [type=password],
.table-form [type=date],
.table-form [type=month],
.table-form [type=week],
.table-form [type=time],
.table-form [type=datetime],
.table-form [type=datetime-local],
.table-form [type=url],
.table-form [type=search],
.table-form [type=number],
.table-form textarea {
	width: 100%;
}

.table-form .strength:empty {
	display: none;
}

form > .table-form:nth-child(1) {
	margin-top: 1.4rem;
}

.dl {
	margin-top: 1.4rem;
}

.dl:nth-child(1) {
	margin-top: 0;
}

.dl > dt {
	position: relative;
	margin-top: 0.5rem;
	padding-left: 1em;
	font-weight: 700;
}

.dl > dt:nth-child(1) {
	margin-top: 0;
}

.dl > dt::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0.35em;
	left: 0;
	width: 0.75em;
	height: 0.75em;
	background: #333;
	border-radius: 100%;
}

.dl > dd {
	margin-top: 0.25em;
	padding-left: 1em;
}

.dl-form {
	margin-top: 1.4rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}

.dl-form:nth-child(1) {
	margin-top: 0;
}

.dl-form > dt {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #ccc;
	font-weight: 700;
}

.dl-form > dt:nth-child(1) {
	margin-top: 0;
}

.dl-form > dd {
	margin-top: 0.25em;
}

.dl-form [type=text],
.dl-form [type=email],
.dl-form [type=tel],
.dl-form [type=password],
.dl-form [type=date],
.dl-form [type=month],
.dl-form [type=week],
.dl-form [type=time],
.dl-form [type=datetime],
.dl-form [type=datetime-local],
.dl-form [type=url],
.dl-form [type=search],
.dl-form [type=number],
.dl-form textarea {
	width: 100%;
}

.dl-form [type=text] + p,
.dl-form [type=email] + p,
.dl-form [type=tel] + p,
.dl-form [type=password] + p,
.dl-form [type=date] + p,
.dl-form [type=month] + p,
.dl-form [type=week] + p,
.dl-form [type=time] + p,
.dl-form [type=datetime] + p,
.dl-form [type=datetime-local] + p,
.dl-form [type=url] + p,
.dl-form [type=search] + p,
.dl-form [type=number] + p,
.dl-form textarea + p {
	margin-top: 0.25rem;
}

.dl-form [type=text] + .error,
.dl-form [type=email] + .error,
.dl-form [type=tel] + .error,
.dl-form [type=password] + .error,
.dl-form [type=date] + .error,
.dl-form [type=month] + .error,
.dl-form [type=week] + .error,
.dl-form [type=time] + .error,
.dl-form [type=datetime] + .error,
.dl-form [type=datetime-local] + .error,
.dl-form [type=url] + .error,
.dl-form [type=search] + .error,
.dl-form [type=number] + .error,
.dl-form textarea + .error {
	display: inline-block;
	margin-top: 0.25rem;
}

.dl-form .strength:empty {
	display: none;
}

.dl-form .badge:nth-child(1),
.dl-form .badge--require:nth-child(1),
.dl-form .badge--group:nth-child(1),
.dl-form .badge--salons:nth-child(1),
.dl-form .badge--matching:nth-child(1) {
	margin-left: 0.5rem;
}

.container > form > .dl-form,
.container--vw > form > .dl-form {
	margin-top: 1.4rem;
}

.container > form:nth-child(1) > .dl-form,
.container--vw > form:nth-child(1) > .dl-form {
	margin-top: 1.4rem;
}

.container > form:nth-child(1) > .dl-form:nth-child(1),
.container--vw > form:nth-child(1) > .dl-form:nth-child(1) {
	margin-top: 0;
}

.dl-search {
	margin-top: 1.4rem;
	padding: 1rem;
	overflow: hidden;
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	border: 1px solid #ccc;
	background: #fff;
}

.dl-search:nth-child(1) {
	margin-top: 0;
}

.dl-search > dt {
	margin-top: 0.75rem;
	font-weight: 700;
}

.dl-search > dt:nth-child(1) {
	margin-top: 0;
}

.dl-search > dd {
	margin-top: 0.25em;
}

.dl-search [type=text],
.dl-search [type=email],
.dl-search [type=tel],
.dl-search [type=password],
.dl-search [type=date],
.dl-search [type=month],
.dl-search [type=week],
.dl-search [type=time],
.dl-search [type=datetime],
.dl-search [type=datetime-local],
.dl-search [type=url],
.dl-search [type=search],
.dl-search [type=number],
.dl-search textarea {
	width: 100%;
	min-height: 46px;
}

.dl-search [type=text] + p,
.dl-search [type=email] + p,
.dl-search [type=tel] + p,
.dl-search [type=password] + p,
.dl-search [type=date] + p,
.dl-search [type=month] + p,
.dl-search [type=week] + p,
.dl-search [type=time] + p,
.dl-search [type=datetime] + p,
.dl-search [type=datetime-local] + p,
.dl-search [type=url] + p,
.dl-search [type=search] + p,
.dl-search [type=number] + p,
.dl-search textarea + p {
	margin-top: 0.5rem;
}

.dl-search__keyword {
	display: flex;
	justify-content: space-between;
}

.dl-search__keyword [type=text],
.dl-search__keyword [type=email],
.dl-search__keyword [type=tel],
.dl-search__keyword [type=password],
.dl-search__keyword [type=date],
.dl-search__keyword [type=month],
.dl-search__keyword [type=week],
.dl-search__keyword [type=time],
.dl-search__keyword [type=datetime],
.dl-search__keyword [type=datetime-local],
.dl-search__keyword [type=url],
.dl-search__keyword [type=search],
.dl-search__keyword [type=number],
.dl-search__keyword textarea {
	width: calc(100% - 60px - 0.25rem);
	margin-right: 0.25rem;
}

.dl-search__keyword .btn,
.dl-search__keyword .btn--submit,
.dl-search__keyword .btn--back,
.dl-search__keyword .btn--green,
.dl-search__keyword .btn--limegreen,
.dl-search__keyword .btn--deeppink {
	width: 60px;
	min-height: 46px;
	box-shadow: none;
}

.dl-search select {
	width: 100%;
}

.dl-search select + select {
	margin-top: 0.5rem;
}

.container > form > .dl-search,
.container--vw > form > .dl-search {
	margin-top: 1.4rem;
}

.container > form:nth-child(1) > .dl-search,
.container--vw > form:nth-child(1) > .dl-search {
	margin-top: 1.4rem;
}

.container > form:nth-child(1) > .dl-search:nth-child(1),
.container--vw > form:nth-child(1) > .dl-search:nth-child(1) {
	margin-top: 0;
}

.dl-detail {
	margin-top: 1.4rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}

.dl-detail:nth-child(1) {
	margin-top: 0;
}

.dl-detail > dt {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #ccc;
	font-weight: 700;
}

.dl-detail > dt:nth-child(1) {
	margin-top: 0;
}

.dl-detail > dd {
	margin-top: 0.25em;
}

.dl-detail .badge-status,
.dl-detail .badge-status--max {
	margin-left: 2.25rem;
}

.dl-faq {
	margin-top: 1.4rem;
}

.dl-faq:nth-child(1) {
	margin-top: 0;
}

.dl-faq > dt,
.dl-faq > dd {
	position: relative;
	padding: 28px;
	border: 1px solid #9c9c9c;
	border-radius: 0.555rem;
}

.dl-faq > dt::before,
.dl-faq > dd::before {
	position: absolute;
	top: -14px;
	left: -14px;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dl-faq > dt {
	margin-top: 2.1rem;
	background: #f4f4f4;
}

.dl-faq > dt:nth-child(1) {
	margin-top: 0;
}

.dl-faq > dt::before {
	content: "Q";
	background: #4cb618;
}

.dl-faq > dd {
	margin-top: 1rem;
	background: #fdfde6;
}

.dl-faq > dd:nth-child(1) {
	margin-top: 0;
}

.dl-faq > dd::before {
	content: "A";
	background: #f2a700;
}

.submit-btn-area {
	margin-top: 1.4rem;
	text-align: center;
}

.submit-btn-area:nth-child(1) {
	margin-top: 0;
}

.submit-btn-area .btn,
.submit-btn-area .btn--submit,
.submit-btn-area .btn--back,
.submit-btn-area .btn--green,
.submit-btn-area .btn--limegreen,
.submit-btn-area .btn--deeppink {
	margin-top: 0.75rem;
}

.mypage-header,
.mypage-header--dashboard {
	position: relative;
	margin-top: 1.4rem;
	background: #e691a4;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.mypage-header:nth-child(1),
.mypage-header--dashboard:nth-child(1) {
	margin-top: 0;
}

.mypage-header--dashboard {
	margin-bottom: calc(55px + 1.4rem);
}

.mypage-header__inner {
	position: relative;
	width: 100%;
	max-width: calc(768px + 13vw);
	margin: 0 auto;
	padding: 1rem 6.5vw;
}

.mypage-header__img-area {
	position: relative;
	width: 126px;
	height: 126px;
	margin: 1rem auto calc(-1rem - 55px);
	overflow: hidden;
	border-radius: 100%;
	background: #ededed;
}

.mypage-header__img-area:nth-child(1) {
	margin-top: 0;
}

.mypage-header__img-area::before {
	content: "";
	display: block;
	opacity: 0.15;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: url("../img/ico/avatar.svg") no-repeat center/45% auto;
}

.mypage-header__img-area img {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: #ededed;
	object-fit: cover;
}

.mypage-header__btn-area {
	position: absolute;
	bottom: 11px;
	right: 6.5vw;
}

.mypage-header__btn-area a {
	display: block;
	position: relative;
	width: 47px;
	height: 47px;
	padding-top: 32px;
	border-radius: 100%;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
	background: #fff url("../img/ico/pencil-deeppink.svg") no-repeat center 5px/26px auto;
	color: #333;
	font-size: 10px;
	text-align: center;
	line-height: 1.25;
}

.mypage-header__btn-area a[href] {
	color: #333;
}

.mypage-header__btn-area a[href]:hover {
	color: #333;
}

.mypage-header__honorific {
	font-size: 66%;
	font-weight: 400;
}

.mypage-header__inner2 {
	position: relative;
	width: 100%;
	max-width: calc(768px + 13vw);
	margin: 0 auto;
	padding: 1rem 6.5vw;
	display: flex;
}

.mypage-header__div1 {
	position: relative;
	width: 70px;
	height: 70px;
	overflow: hidden;
	border-radius: 100%;
	background: #ededed;
}

.mypage-header__div1::before {
	content: "";
	display: block;
	opacity: 0.15;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: url("../img/ico/avatar.svg") no-repeat center/45% auto;
}

.mypage-header__div1 img {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: #ededed;
	object-fit: cover;
}

.mypage-header__div2 {
	width: calc(100% - 70px - 1rem);
	margin-left: 1rem;
	text-align: left;
	align-self: center;
}

.mypage-header__heading {
	margin-top: 0;
	font-size: 1.333rem;
}

.mypage-point {
	margin-top: 1.4rem;
	font-weight: 700;
	text-align: center;
}

.mypage-point:nth-child(1) {
	margin-top: 0;
}

.mypage-point__heading {
	font-size: 0.555rem;
}

.mypage-point__number {
	color: #db6a82;
	font-size: 240%;
}

.mypage-menu {
	list-style: none;
	margin: 0.6rem -0.4rem 0;
	display: flex;
	flex-wrap: wrap;
}

.mypage-menu:nth-child(1) {
	margin-top: -0.8rem;
}

.mypage-menu > li {
	width: calc(100% - 0.8rem - 0.1px);
	margin: 0.85rem 0.4rem 0;
}

.mypage-menu a {
	position: relative;
	padding: 0.8em 0.5em;
	border-radius: 0.555rem;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #f2a700;
	color: #fff;
	line-height: 1.333;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mypage-menu a::before {
	content: "";
	display: inline-block;
	background: no-repeat center/contain;
}

.mypage-menu > li.QR a::before,
.mypage-menu > li.履歴 a::before {
	content: "";
	display: inline-block;
	margin-right: 0.5em;
	background: no-repeat center/contain;
}

.mypage-menu > li.QR a::before {
	width: 1.39965em;
	min-width: 1.39965em;
	height: 1.05em;
	background-image: url("../img/ico/camera-white.svg");
}

.mypage-menu > li.履歴 a {
	background: #4cb618;
}

.mypage-menu > li.履歴 a::before {
	width: 1.418747em;
	min-width: 1.418747em;
	height: 1.277em;
	background-image: url("../img/ico/history-white.svg");
}

.mypage-menu > li.ログアウト,
.mypage-menu > li.退会 {
	width: calc(50% - 0.8rem - 0.1px);
	margin-top: 2.25rem;
}

.mypage-menu > li.ログアウト a,
.mypage-menu > li.退会 a {
	background: #9c9c9c;
	font-size: 83.333%;
}

.mypage-menu > li.お気に入りジャンル a {
	background: #C66960;
}

.mypage-menu > li.お気に入りジャンル a::before {
	width: 1.39965em;
	min-width: 1.39965em;
	height: 1.05em;
	margin-right: 0.5em;
	background-image: url("../img/ico/heart-white.svg");
}

.label-radio {
	position: relative;
}

.label-radio [type=radio] {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.label-radio__inner {
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
}

.label-radio__inner::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 1.25em;
	height: 1.25em;
	background: url("../img/common/radio.svg") no-repeat center/contain;
}

.label-radio [type=radio]:checked ~ .label-radio__inner::before {
	background-image: url("../img/common/radio-checked.svg");
}

.file_upload_label {
	display: inline-block;
	position: relative;
	margin-top: 0.75rem;
	padding: 0.35em 1em;
	border: none;
	border-radius: 0.25rem;
	background: #1877f0;
	color: #fff;
	font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: inherit;
	font-weight: 700;
	text-align: left;
	text-decoration: none;
	transition: all 0.3s;
}

.file_upload_label:nth-child(1) {
	margin-top: 0;
}

.file_upload_label .file_upload {
	display: none;
}

.file_upload_label p {
	margin-top: 0;
}

.file_delete {
	display: inline-block;
	position: relative;
	margin-top: 1rem;
	color: #d43d3d;
	font-weight: 700;
	text-decoration: underline;
	transition: all 0.3s;
}

.file_delete::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -0.1em;
	width: 0.8125em;
	height: 1em;
	margin-right: 0.25em;
	background: url("../img/ico/trash_red.svg") no-repeat center/contain;
	vertical-align: middle;
}

.file_delete:hover {
	opacity: 0.6;
}

.upload_img {
	position: relative;
	width: 100%;
	max-width: 300px;
	margin-top: 0.75rem;
}

.upload_img:nth-child(1) {
	margin-top: 0;
}

.upload_img img {
	width: 100%;
	max-width: 300px;
}

.upload_img__close {
	position: absolute;
	top: 0;
	right: 0;
}

.pagination-container {
	margin-top: 1.4rem;
	overflow-x: scroll;
	text-align: center;
}

.pagination-container:nth-child(1) {
	margin-top: 0;
}

.list_nav {
	margin: 0.4rem -0.5rem 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.list_nav:nth-child(1) {
	margin-top: -1rem;
}

.list_nav__left {
	margin: 1rem 0.5rem 0;
}

.list_nav__right {
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.list_nav__right_item {
	margin: 1rem 0.5rem 0;
}

.pagination {
	list-style: none;
	margin: calc(1.4rem - 3px) -3px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.pagination:nth-child(1) {
	margin-top: -3px;
}

.pagination > li {
	margin: 3px;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.pagination a,
.pagination a[href] {
	min-width: 56px;
	min-height: 44px;
	padding: 0.2rem 0.45rem;
	border: 1px solid #ccc;
	border-radius: 0.555rem;
	color: #333;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.pagination a:hover,
.pagination a[href]:hover {
	background: #ededed;
	color: #333;
}

.pagination a.is_current,
.pagination a.is_current:hover {
	border-color: #1877f0;
	background: #e3f3ff;
	color: #1877f0;
}

.pagination-container .pagination {
	flex-wrap: nowrap;
	align-items: stretch;
}

.pagination-container .pagination a {
	height: 100%;
}

.reader-container {
	position: relative;
	margin-top: 1.4rem;
	background: #717171;
}

.reader-container:nth-child(1) {
	margin-top: 0;
}

.reader-container__incompatible {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 100%;
	padding: 1em;
	color: #fff;
}

.reader {
	height: 400px;
}

.reader:nth-child(1) {
	margin-top: 0;
}

.reader video {
	width: 100%;
	height: 100%;
}

#volunteerWorks {
	margin-top: 1.4rem;
	padding: 1rem;
	border-radius: 0.555rem;
	background: #fffabf;
}

#volunteerWorks:nth-child(1) {
	margin-top: 0;
}

#volunteerWorks label {
	display: block;
	margin-top: 0.5rem;
}

#volunteerWorks label:nth-child(1) {
	margin-top: 0;
}

#volunteerWorks:empty {
	display: none;
}

form > #volunteerWorks:nth-child(1) {
	margin-top: 1.4rem;
}

.ul-radio + #volunteerWorks {
	margin-top: 1rem;
}

.bg-area {
	margin-top: 1.4rem;
	padding: 1rem;
	border-radius: 0.555rem;
	background: #ededed;
}

.bg-area:nth-child(1) {
	margin-top: 0;
}

.bg-area2 {
	margin-top: 1.4rem;
	padding: 1rem;
	background: #737373;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bg-area2:nth-child(1) {
	margin-top: 0;
}

.post-date {
	margin-top: 1.4rem;
	color: #717171;
	font-size: 0.888rem;
}

.post-date:nth-child(1) {
	margin-top: 0;
}

.post-detail {
	margin-top: 1.4rem;
}

.post-detail:nth-child(1) {
	margin-top: 0;
}

.post-detail h2 {
	margin-top: 3rem;
	font-size: 1.333rem;
	font-weight: 700;
}

.post-detail h3 {
	margin-top: 3rem;
	font-size: 1.25rem;
	font-weight: 700;
}

.post-detail h4 {
	margin-top: 3rem;
	font-size: 1.125rem;
	font-weight: 700;
}

.post-detail .text-tiny {
	font-size: 0.7em;
}

.post-detail .text-small {
	font-size: 0.85em;
}

.post-detail .text-big {
	font-size: 1.4em;
}

.post-detail .text-huge {
	font-size: 1.8em;
}

.post-detail ol,
.post-detail ul {
	margin-top: 1.4rem;
	padding-left: 1.5em;
}

.post-detail figure.image {
	display: table;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	min-width: 50px;
	margin-top: 1.4rem;
	text-align: center;
}

.post-detail figure.image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	min-width: 100%;
}

.post-detail figure.image figcaption {
	display: table-caption;
	margin-top: 0.75em;
	padding: 0.6em;
	caption-side: bottom;
	word-break: break-word;
	background: #f4f4f4;
	font-size: 0.75em;
	outline-offset: -1px;
}

.post-detail figure.image-style-side {
	float: right;
	max-width: 50%;
	margin-left: 1rem;
}

.post-detail figure.table {
	width: 100%;
	margin-top: 1.4rem;
	margin-right: auto;
	margin-left: auto;
	display: table;
}

.post-detail figure.table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	border: 1px double #ccc;
}

.post-detail figure.table table th,
.post-detail figure.table table td {
	min-width: 2em;
	padding: 0.4em;
	border: 1px solid #ccc;
}

.post-detail figure.table table th {
	font-weight: 700;
	background: #fafafa;
}

.post-detail figure.media {
	margin-top: 1.4rem;
}

.post-detail blockquote {
	margin-top: 1.4rem;
	margin-left: 0;
	margin-right: 0;
	padding-right: 1.5em;
	padding-left: 1.5em;
	overflow: hidden;
	border-left: 5px solid #ccc;
	font-style: italic;
}

.post-detail iframe {
	max-width: 87vw;
}

.border-area,
.border-area--salons,
.border-area--matching {
	margin-top: 1.4rem;
	border: 1px solid #ccc;
}

.border-area:nth-child(1),
.border-area--salons:nth-child(1),
.border-area--matching:nth-child(1) {
	margin-top: 0;
}

.border-area--salons {
	border-color: #a775a5;
}

.border-area__heading {
	padding: 1rem;
	font-weight: 700;
}

.border-area--salons .border-area__heading {
	color: #a775a5;
}

.border-area--matching .border-area__heading {
	color: #C66960;
}

.border-area__detail {
	padding: 1rem;
}

.border-area__heading + .border-area__detail {
	padding-top: 0;
}

.policy-content {
	margin-top: 1.4rem;
	font-size: 0.8rem;
	counter-reset: policy-contenta__heading;
}

.policy-content:nth-child(1) {
	margin-top: 0;
}

.policy-content__heading {
	margin-top: 2.1rem;
	font-size: 1rem;
	font-weight: 700;
}

.policy-content__heading:nth-child(1) {
	margin-top: 0;
}

.policy-content__heading::before {
	counter-increment: policy-contenta__heading;
	content: "第" counter(policy-contenta__heading) "条（";
}

.policy-content__heading::after {
	content: "）";
}

.policy-content p {
	margin-top: 1.4em;
}

.policy-content p:nth-child(1) {
	margin-top: 0;
}

.gallery {
	position: relative;
	margin-top: 1.4rem;
	overflow: hidden;
	background: #dedede;
}

.gallery:nth-child(1) {
	margin-top: 0;
}

.gallery::after {
	content: "";
	display: block;
	padding-top: 66.666%;
}

.gallery img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gallery-thumbnail {
	margin-top: calc(1rem - 4px);
	display: flex;
	flex-wrap: wrap;
}

.gallery-thumbnail:nth-child(1) {
	margin-top: 0;
}

.gallery-thumbnail > div {
	position: relative;
	width: calc(33.3333333333% - 8px - 0.1px);
	max-width: 120px;
	margin: 4px;
	overflow: hidden;
	background: #dedede;
}

.gallery-thumbnail > div::after {
	content: "";
	display: block;
	padding-top: 66.666%;
}

.gallery-thumbnail > div img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-list,
.card-list--vw,
.card-list--l,
.card-list--mypage {
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 24px 29px;
}

.card-list:nth-child(1),
.card-list--vw:nth-child(1),
.card-list--l:nth-child(1),
.card-list--mypage:nth-child(1) {
	margin-top: 0;
}

.card-list--vw {
	position: relative;
	left: -6.5vw;
	width: calc(100% + 13vw);
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.card-list--l {
	max-width: 1641px;
	margin-right: auto;
	margin-left: auto;
}

.card-list__item {
	height: 100%;
	padding-bottom: 10px;
	flex-basis: 100%;
}

.card-list--mypage .card-list__item {
	padding-top: 20px;
}

.card-list__item > a {
	display: block;
	position: relative;
	width: 100%;
	border-radius: 7.5px;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	color: inherit;
}

.card-list__head {
	position: relative;
	padding: 0.75rem;
	border-top-right-radius: 7.5px;
	border-top-left-radius: 7.5px;
	background: #FAD0BA;
}

.card-list__title {
	margin: 0;
}

.card-list__badge {
	position: relative;
	display: table;
	margin: 0.25rem 0 -1.35rem;
	padding: 0.166rem 0.444rem;
	background: #C66960;
	color: #fff;
	font-size: 0.75rem;
}

.card-list--l .card-list__badge {
	padding: 0.233rem 0.233rem 0.233rem 0.433rem;
	font-size: 1rem;
}

.card-list__favorite {
	display: inline-block;
	width: 1.444rem;
	height: 1.444rem;
	margin-left: 0.35rem;
	border-radius: 5px;
	background: #fff url("../img/ico/heart-gray.svg") no-repeat center/65% auto;
	vertical-align: middle;
}

.card-list__favorite.is-active {
	background-image: url("../img/ico/heart-pink.svg");
}

.card-list__main {
	padding: 1.25rem 0.75rem 0.35rem;
	border-bottom-right-radius: 7.5px;
	border-bottom-left-radius: 7.5px;
	background: #fff;
	text-align: center;
}

.card-list__main > * {
	text-align: left;
}

.card-list__date {
	margin-top: 0.3rem;
	color: #737373;
	font-size: 0.75rem;
	display: flex;
	justify-content: space-between;
}

.card-list--l .card-list__content + .card-list__date {
	margin-top: 3rem;
}

.card-list__id {
	margin-top: 0.3rem;
	color: #737373;
	font-size: 0.75rem;
}

.card-list__status,
.card-list__status--max,
.card-list__status--end {
	min-height: 40px;
	margin: 0.25rem auto -1.35rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0.15em 0.75em;
	border: 3px solid #fff;
	border-radius: 1000px;
	box-shadow: 2px 2px 3.5px rgba(0, 0, 0, 0.3);
	background: #EAD563;
	font-size: 0.888rem;
	vertical-align: middle;
}

.card-list__status span,
.card-list__status--max span,
.card-list__status--end span {
	margin: 0 0.525em 0 0.725em;
	font-size: 1.111rem;
	font-weight: 700;
	vertical-align: middle;
}

.card-list__status--max {
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	color: #AE2418;
	font-weight: 700;
}

.card-list__status--end {
	padding-right: 1rem;
	padding-left: 1rem;
	color: #fff;
	font-weight: 700;
	background: #737373;
}

.card-list .slick-list,
.card-list--vw .slick-list,
.card-list--l .slick-list,
.card-list--mypage .slick-list,
.card-list .slick-track,
.card-list--vw .slick-track,
.card-list--l .slick-track,
.card-list--mypage .slick-track {
	height: 100%;
}

.card-list .slick-arrow,
.card-list--vw .slick-arrow,
.card-list--l .slick-arrow,
.card-list--mypage .slick-arrow,
.card-list .slick-arrow:hover,
.card-list .slick-arrow:focus {
	z-index: 1;
	width: 44px;
	height: 44px;
	background: rgba(0, 0, 0, 0.75);
}

.card-list .slick-prev:hover,
.card-list--vw .slick-prev:hover,
.card-list--l .slick-prev:hover,
.card-list--mypage .slick-prev:hover,
.card-list .slick-prev:focus,
.card-list--vw .slick-prev:focus,
.card-list--l .slick-prev:focus,
.card-list--mypage .slick-prev:focus,
.card-list .slick-next:hover,
.card-list--vw .slick-next:hover,
.card-list--l .slick-next:hover,
.card-list--mypage .slick-next:hover,
.card-list .slick-next:focus,
.card-list--vw .slick-next:focus,
.card-list--l .slick-next:focus,
.card-list--mypage .slick-next:focus {
	background: rgba(0, 0, 0, 0.75);
}

.card-list .slick-prev::before,
.card-list--vw .slick-prev::before,
.card-list--l .slick-prev::before,
.card-list--mypage .slick-prev::before,
.card-list .slick-next::before,
.card-list--vw .slick-next::before,
.card-list--l .slick-next::before,
.card-list--mypage .slick-next::before {
	content: "";
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.card-list .slick-prev.slick-disabled,
.card-list--vw .slick-prev.slick-disabled,
.card-list--l .slick-prev.slick-disabled,
.card-list--mypage .slick-prev.slick-disabled,
.card-list .slick-next.slick-disabled,
.card-list--vw .slick-next.slick-disabled,
.card-list--l .slick-next.slick-disabled,
.card-list--mypage .slick-next.slick-disabled {
	background: rgba(0, 0, 0, 0.25);
}

.card-list .slick-next,
.card-list--vw .slick-next,
.card-list--l .slick-next,
.card-list--mypage .slick-next {
	right: -6.5vw;
}

.card-list .slick-next::before,
.card-list--vw .slick-next::before,
.card-list--l .slick-next::before,
.card-list--mypage .slick-next::before {
	right: 55%;
	transform: translate(50%, -50%) rotate(45deg);
}

.card-list .slick-prev,
.card-list--vw .slick-prev,
.card-list--l .slick-prev,
.card-list--mypage .slick-prev {
	left: -6.5vw;
}

.card-list .slick-prev::before,
.card-list--vw .slick-prev::before,
.card-list--l .slick-prev::before,
.card-list--mypage .slick-prev::before {
	right: 45%;
	transform: translate(50%, -50%) rotate(-135deg);
}

.card-list--vw .slick-next {
	right: 0;
}

.card-list--vw .slick-prev {
	left: 0;
}

.card-list--mypage .slick-next {
	right: 0;
}

.card-list--mypage .slick-prev {
	left: 0;
}

.card-list.slick-slider .card-list__item,
.slick-slider.card-list--vw .card-list__item,
.slick-slider.card-list--l .card-list__item,
.slick-slider.card-list--mypage .card-list__item {
	width: 200px;
	margin: 0 0.75rem 10px;
}

.card-list--vw.slick-slider {
	padding-right: 0;
}

.vw-block,
.vw-block--side-padding {
	position: relative;
	left: -6.5vw;
	width: calc(100% + 13vw);
}

.vw-block--side-padding {
	padding-right: 6.5vw;
	padding-left: 6.5vw;
}

.mypage-slide-section {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background: #F0F0F0;
}

.share-buttons-heading {
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1em;
	padding-left: 1em;
	font-weight: 700;
	text-align: center;
}

* + .share-buttons-heading {
	margin-top: 3rem;
}

.share-buttons-heading::before,
.share-buttons-heading::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-30deg);
	width: 2px;
	height: 1em;
	border-radius: 1000px;
	background: #333;
}

.share-buttons-heading::before {
	left: 0.25em;
	transform: translateY(-50%) rotate(-30deg);
}

.share-buttons-heading::after {
	right: 0.25em;
	transform: translateY(-50%) rotate(30deg);
}

.share-buttons {
	list-style: none;
	font-size: clamp(10px, 2.8037383178vw, 18px);
	line-height: 1.25;
	overflow-wrap: break-word;
	display: grid;
	grid-template-columns: repeat(auto-fit, clamp(56px, 25% - 0.375em - 0.1px, 200px));
	justify-content: center;
	gap: 0.5em;
}

* + .share-buttons {
	margin-top: 3rem;
}

.share-buttons-heading + .share-buttons {
	margin-top: 1rem;
}

.share-buttons > li {
	min-width: 0;
}

.share-buttons a {
	display: block;
	width: 100%;
	min-width: 0;
	height: 100%;
	padding: 0.75em 0.75em;
	word-break: break-all;
	border-radius: 0.25rem;
	background: #333;
	color: #fff;
	display: grid;
	grid-template-columns: 1em auto;
	justify-content: center;
	align-items: center;
	gap: 0.5em;
	cursor: pointer;
}

.share-buttons a::before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background: no-repeat center/contain;
}

.share-buttons a[href*=facebook] {
	background: #1877F2;
	grid-template-columns: 0.536em auto;
}

.share-buttons a[href*=facebook]::before {
	width: 0.536em;
	background-image: url("../img/sns/facebook_white.svg");
}

.share-buttons a[href*=twitter] {
	background: #000;
	grid-template-columns: auto;
}

.share-buttons a[href*=twitter]::before {
	width: 1.231em;
	background-image: url("../img/sns/X_white.svg");
}

.share-buttons a[href*=line] {
	background: #4CC764;
	grid-template-columns: 1.2em auto;
}

.share-buttons a[href*=line]::before {
	width: 1.2em;
	height: 1.3em;
	background-image: url("../img/sns/line_white.svg");
}

.share-buttons a.copy-button {
	position: relative;
	grid-template-columns: 0.86375em auto;
}

.share-buttons a.copy-button::before {
	width: 0.86375em;
	background-image: url("../img/sns/copy_white.svg");
}

.share-buttons a.copy-button.tooltip {
	opacity: 1 !important;
}

/* Tooltip */
.tooltip::after {
	content: "タイトルとURLをコピーしました";
	background: #555;
	display: inline-block;
	color: #fff;
	border-radius: 0.4rem;
	position: absolute;
	right: 0;
	top: -5px;
	transform: translateY(-100%);
	font-size: 0.75rem;
	padding: 4px 10px 6px 10px;
	animation: fade-tooltip 0.5s 1s 1 forwards;
	white-space: nowrap;
}

/* Animation */
.google-cse .gsc-control-cse {
	padding: 0;
}

.google-cse .gsc-input {
	padding-right: 0.25rem !important;
}

.google-cse .gsc-input-box {
	border: none;
}

.google-cse .gsib_a {
	padding: 0;
}

.google-cse #gsc-i-id1 {
	height: auto !important;
	padding: 0.44rem 0.375rem !important;
	border: 1px solid #ccc !important;
	font-size: 1rem;
}

.google-cse .gsib_b {
	display: none;
}

.google-cse .gsc-search-button-v2 {
	min-width: 60px;
	min-height: 44px;
	padding: 0;
	border: none;
	border-radius: 0.555rem;
	background: #ffee00;
	font-size: 1rem;
	cursor: pointer;
	outline: none;
}

.google-cse .gsc-search-button-v2::before {
	content: "検索";
}

.google-cse .gsc-search-button-v2 svg {
	display: none;
}

.display-none {
	display: none !important;
}

.display-block {
	display: block !important;
}

.display-inline-block {
	display: inline-block !important;
}

.display-inline {
	display: inline !important;
}

.w-50 {
	width: 50px !important;
}

.w-100 {
	width: 100px !important;
}

.w-150 {
	width: 150px !important;
}

.w-200 {
	width: 200px !important;
}

.w-250 {
	width: 250px !important;
}

.w-300 {
	width: 300px !important;
}

.w-350 {
	width: 350px !important;
}

.w-400 {
	width: 400px !important;
}

.w-450 {
	width: 450px !important;
}

.w-500 {
	width: 500px !important;
}

.w-550 {
	width: 550px !important;
}

.w-600 {
	width: 600px !important;
}

.w-650 {
	width: 650px !important;
}

.w-700 {
	width: 700px !important;
}

.w-750 {
	width: 750px !important;
}

.w-800 {
	width: 800px !important;
}

.w-850 {
	width: 850px !important;
}

.w-900 {
	width: 900px !important;
}

.w-950 {
	width: 950px !important;
}

.w-1000 {
	width: 1000px !important;
}

.w-100\% {
	width: 100% !important;
}

.w-90\% {
	width: 90% !important;
}

.w-80\% {
	width: 80% !important;
}

.w-70\% {
	width: 70% !important;
}

.w-60\% {
	width: 60% !important;
}

.w-50\% {
	width: 50% !important;
}

.w-40\% {
	width: 40% !important;
}

.w-30\% {
	width: 30% !important;
}

.w-20\% {
	width: 30% !important;
}

.w-10\% {
	width: 10% !important;
}

.w-auto {
	width: auto !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-25 {
	margin-top: 25px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-35 {
	margin-top: 35px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-45 {
	margin-top: 45px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-1rem {
	margin-top: 1rem !important;
}

.mt-2rem {
	margin-top: 2rem !important;
}

.mt-3rem {
	margin-top: 3rem !important;
}

.mt-4rem {
	margin-top: 4rem !important;
}

.mt-5rem {
	margin-top: 5rem !important;
}

.mt-0\.5rem {
	margin-top: 0.5rem !important;
}

.mt-1\.5rem {
	margin-top: 1.5rem !important;
}

.mt-2\.5rem {
	margin-top: 2.5rem !important;
}

.mt-3\.5rem {
	margin-top: 3.5rem !important;
}

.mt-4\.5rem {
	margin-top: 4.5rem !important;
}

.m-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.ml-auto {
	margin-left: auto !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pt-25 {
	padding-top: 25px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pt-45 {
	padding-top: 45px !important;
}

.pt-50 {
	padding-top: 50px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pb-35 {
	padding-bottom: 35px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pb-45 {
	padding-bottom: 45px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

.pt-1rem {
	padding-top: 1rem !important;
}

.pt-2rem {
	padding-top: 2rem !important;
}

.pt-3rem {
	padding-top: 3rem !important;
}

.pt-4rem {
	padding-top: 4rem !important;
}

.pt-5rem {
	padding-top: 5rem !important;
}

.pb-1rem {
	padding-bottom: 1rem !important;
}

.pb-2rem {
	padding-bottom: 2rem !important;
}

.pb-3rem {
	padding-bottom: 3rem !important;
}

.pb-4rem {
	padding-bottom: 4rem !important;
}

.pb-5rem {
	padding-bottom: 5rem !important;
}

.bg-darkgray-100 {
	background: #f4f4f4 !important;
}

.c-wht {
	color: #fff !important;
}

.c-red {
	color: #d43d3d !important;
}

.c-red2 {
	color: #AE2418 !important;
}

.c-blue {
	color: #1877f0 !important;
}

.c-green {
	color: #4a9249 !important;
}

.c-yellow {
	color: #ffee00 !important;
}

.c-dimgray {
	color: #717171 !important;
}

.c-font {
	color: #333 !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-17 {
	font-size: 17px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-19 {
	font-size: 19px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-21 {
	font-size: 21px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-23 {
	font-size: 23px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fs-25 {
	font-size: 25px !important;
}

.fs-26 {
	font-size: 26px !important;
}

.fs-27 {
	font-size: 27px !important;
}

.fs-28 {
	font-size: 28px !important;
}

.fs-29 {
	font-size: 29px !important;
}

.fs-30 {
	font-size: 30px !important;
}

.fs-31 {
	font-size: 31px !important;
}

.fs-32 {
	font-size: 32px !important;
}

.fs-33 {
	font-size: 33px !important;
}

.fs-34 {
	font-size: 34px !important;
}

.fs-35 {
	font-size: 35px !important;
}

.fs-36 {
	font-size: 36px !important;
}

.fs-1rem {
	font-size: 1rem !important;
}

.fs-s {
	font-size: calc(1rem - 2px) !important;
}

.fw-bold {
	font-weight: 700 !important;
}

.fw-normal {
	font-weight: 400 !important;
}

.ta-center {
	text-align: center !important;
}

.ta-right {
	text-align: right !important;
}

.ta-left {
	text-align: left !important;
}

@media only screen and (min-width: 768px) {
	a[href] {
		transition: color 0.3s;
	}

	a[href]:hover {
		color: #74adf6;
	}

	.footer-share-buttons {
		max-width: 868px;
		padding-right: 50px;
		padding-left: 50px;
	}

	.footer-sns a[href] {
		transition: opacity 0.3s;
	}

	.footer-sns a[href]:hover {
		opacity: 0.6;
		color: inherit;
	}

	.footer-bottom__inner {
		padding-right: 50px;
		padding-left: 50px;
	}

	.footer-bottom a[href]:hover {
		color: #333;
	}

	.drawer-main {
		padding-right: 50px;
		padding-left: 50px;
	}

	.drawer-sns a[href] {
		transition: opacity 0.3s;
	}

	.drawer-sns a[href]:hover {
		opacity: 0.6;
		color: inherit;
	}

	.drawer-txt-link-group > li a[href] {
		transition: opacity 0.3s;
	}

	.drawer-txt-link-group > li a[href]:hover {
		opacity: 0.6;
		color: inherit;
	}

	.pc-none {
		display: none !important;
	}

	.page-top[href] {
		transition: opacity 0.3s;
	}

	.page-top[href]:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn[href],
[href].btn--submit,
[href].btn--back,
[href].btn--green,
[href].btn--limegreen,
[href].btn--deeppink {
		transition: opacity 0.3s;
	}

	.btn[href]:hover,
[href].btn--submit:hover,
[href].btn--back:hover,
[href].btn--green:hover,
[href].btn--limegreen:hover,
[href].btn--deeppink:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn-arrow[href],
[href].btn-arrow--limegreen,
[href].btn-arrow--orange,
[href].btn-arrow--orange-bg-darkgray,
[href].btn-arrow--orange-bg-darkgray-200,
[href].btn-arrow--yellow,
[href].btn-arrow--yellow-bg-green,
[href].btn-arrow--yellow-bg-blue,
[href].btn-arrow--yellow-bg-darkmagenta,
[href].btn-arrow--mypage,
[href].btn-arrow--toppage {
		transition: opacity 0.3s;
	}

	.btn-arrow[href]:hover,
[href].btn-arrow--limegreen:hover,
[href].btn-arrow--orange:hover,
[href].btn-arrow--orange-bg-darkgray:hover,
[href].btn-arrow--orange-bg-darkgray-200:hover,
[href].btn-arrow--yellow:hover,
[href].btn-arrow--yellow-bg-green:hover,
[href].btn-arrow--yellow-bg-blue:hover,
[href].btn-arrow--yellow-bg-darkmagenta:hover,
[href].btn-arrow--mypage:hover,
[href].btn-arrow--toppage:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn-arrow--limegreen[href]:hover,
.btn-arrow--orange[href]:hover {
		color: inherit;
	}

	.btn-pict[href],
[href].btn-pict--salons,
[href].btn-pict--tarumap {
		transition: opacity 0.3s;
	}

	.btn-pict[href]:hover,
[href].btn-pict--salons:hover,
[href].btn-pict--tarumap:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn-s[href],
[href].btn-s--submit,
[href].btn-s--back,
[href].btn-s--green,
[href].btn-s--limegreen,
[href].btn-s--deeppink,
[href].btn-s--salons,
[href].btn-s--group {
		transition: opacity 0.3s;
	}

	.btn-s[href]:hover,
[href].btn-s--submit:hover,
[href].btn-s--back:hover,
[href].btn-s--green:hover,
[href].btn-s--limegreen:hover,
[href].btn-s--deeppink:hover,
[href].btn-s--salons:hover,
[href].btn-s--group:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn-s-arrow[href],
[href].btn-s-arrow--salons,
[href].btn-s-arrow--group {
		transition: opacity 0.3s;
	}

	.btn-s-arrow[href]:hover,
[href].btn-s-arrow--salons:hover,
[href].btn-s-arrow--group:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn-favorite[href] {
		transition: opacity 0.3s;
	}

	.btn-favorite[href]:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn-join[href],
[href].btn-join--gray {
		transition: opacity 0.3s;
	}

	.btn-join[href]:hover,
[href].btn-join--gray:hover {
		opacity: 0.6;
		color: #fff;
	}

	.container,
.container--vw {
		max-width: 868px;
		padding-right: 50px;
		padding-left: 50px;
	}

	.container--vw {
		max-width: none;
		padding-right: 0;
		padding-left: 0;
	}

	.introduction {
		padding-right: 50px;
		padding-left: 50px;
	}

	.slide--vw {
		left: -50px;
		width: 100vw;
	}

	.slide__item > a,
.slide__item--facebook > a {
		transition: opacity 0.3s;
	}

	.slide__item > a[href]:hover,
.slide__item--facebook > a[href]:hover {
		opacity: 0.6;
		color: #333;
	}

	.slide2--vw {
		left: -50px;
		width: 100vw;
	}

	.slide2__item > a {
		transition: opacity 0.3s;
	}

	.slide2__item > a[href]:hover {
		opacity: 0.6;
		color: #333;
	}

	.btn-group__item,
.btn-group__item--tarumap,
.btn-group__item--tarukatsu,
.btn-group__item--taruvolupoint,
.btn-group__item--matching {
		width: calc(50% - 1.4rem - 0.1px);
		transition: opacity 0.3s;
		color: #fff;
	}

	.btn-group__item:hover,
.btn-group__item--tarumap:hover,
.btn-group__item--tarukatsu:hover,
.btn-group__item--taruvolupoint:hover,
.btn-group__item--matching:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn-group a.btn-group__item:hover,
.btn-group a.btn-group__item--tarumap:hover,
.btn-group a.btn-group__item--tarukatsu:hover,
.btn-group a.btn-group__item--taruvolupoint:hover,
.btn-group a.btn-group__item--matching:hover {
		opacity: 0.6;
		color: #fff;
	}

	.btn-group2 a[href] {
		transition: opacity 0.3s;
	}

	.page-title p {
		padding-right: 50px;
		padding-left: 50px;
	}

	.container .page-title,
.container--vw .page-title {
		left: -50px;
		width: 100vw;
	}

	.page-title3__inner {
		max-width: 868px;
		padding-right: 50px;
		padding-left: 50px;
	}

	.map-tab a,
.map-tab a[href] {
		transition: opacity 0.3s;
	}

	.map-tab a:hover,
.map-tab a[href]:hover {
		opacity: 0.6;
	}

	.map-category a,
.map-category--salons a,
.map-category a[href] {
		transition: opacity 0.3s;
	}

	.map-category a:hover,
.map-category--salons a:hover,
.map-category a[href]:hover {
		opacity: 0.6;
	}

	.map-category--salons > li a,
.map-category--salons > li a[href] {
		transition: opacity 0.3s;
	}

	.map-category--salons > li a:hover,
.map-category--salons > li a[href]:hover {
		opacity: 0.6;
	}

	.ul-category2 a,
.ul-category2--salons a,
.ul-category2 a[href] {
		transition: opacity 0.3s;
	}

	.ul-category2 a:hover,
.ul-category2--salons a:hover,
.ul-category2 a[href]:hover {
		opacity: 0.6;
	}

	.ul-archive a.ul-archive__inner[href]:hover {
		opacity: 0.6;
	}

	.mypage-header__btn-area a {
		transition: opacity 0.3s;
	}

	.mypage-header__btn-area a[href]:hover {
		opacity: 0.6;
	}

	.mypage-menu a {
		transition: opacity 0.3s;
	}

	.mypage-menu a:hover {
		opacity: 0.6;
		color: #fff;
	}

	.card-list,
.card-list--vw,
.card-list--l,
.card-list--mypage {
		gap: 38px 29px;
	}

	.card-list--vw {
		left: -50px;
		width: 100vw;
	}

	.card-list__item {
		flex-basis: calc(50% - 15px);
	}

	.card-list--vw .card-list__item {
		flex-basis: calc(20% - 24px);
	}

	.card-list--l .card-list__item {
		flex-basis: calc(20% - 24px);
	}

	.card-list__item > a {
		transition: opacity 0.3s;
	}

	.card-list__item > a[href]:hover {
		opacity: 0.6;
		color: #333;
	}

	.vw-block,
.vw-block--side-padding {
		left: -50px;
		width: 100vw;
	}

	.vw-block--side-padding {
		padding-right: 50px;
		padding-left: 50px;
	}

	.share-buttons a,
.share-buttons a[href] {
		transition: opacity 0.3s;
	}

	.share-buttons a:hover,
.share-buttons a[href]:hover {
		opacity: 0.6;
		color: #fff;
	}

	.pc-ta-center {
		text-align: center !important;
	}

	.pc-ta-right {
		text-align: right !important;
	}

	.pc-ta-left {
		text-align: left !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1151px) {
	.card-list--l .card-list__item {
		flex-basis: calc(50% - 15px);
	}
}
@media only screen and (min-width: 869px) {
	.slide--vw {
		left: calc((-100vw + 768px + 100px) / 2 - 50px);
	}

	.slide2--vw {
		left: calc((-100vw + 768px + 100px) / 2 - 50px);
	}

	.container .page-title,
.container--vw .page-title {
		left: calc((-100vw + 768px + 100px) / 2 - 50px);
	}

	.card-list--vw {
		left: calc((-100vw + 768px + 100px) / 2 - 50px);
	}

	.vw-block,
.vw-block--side-padding {
		left: calc((-100vw + 768px + 100px) / 2 - 50px);
	}
}
@media only screen and (max-width: 767px) {
	.sp-none {
		display: none !important;
	}
}
@media only screen and (max-width: 374px) {
	.drawer-btn-group__btn-inner {
		padding-right: 70px;
		padding-left: 70px;
		background-size: 51px auto, 56px auto;
	}
}
@keyframes fade-tooltip {
	to {
		opacity: 0;
	}
}