@charset "UTF-8";

/*
*******************************************************************************************************
# リセット関連スタイル、共通

  -- normarize
  -- module
  -- font

*******************************************************************************************************
*/
/* ------------------------------------
  * normarize
* ------------------------------------ */
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
	box-sizing: border-box;
	overflow-y: scroll;
	/* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%;
	/* iOS 8+ */
	;
}

*,
::before,
::after {
	background-repeat: no-repeat;
	/* Set `background-repeat: no-repeat` to all elements */
	box-sizing: inherit;
}

::before,
::after {
	text-decoration: inherit;
	/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}

/* Remove margin, padding of all elements and set background-no-repeat as default */
* {
	padding: 0;
	/* Reset `padding` and `margin` of all elements */
	margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
	display: none;
	height: 0;
}

hr {
	overflow: visible;
	/* Show the overflow in Edge and IE */
	;
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

summary {
	display: list-item;
	/* Add the correct display in all browsers */
	;
}

small {
	font-size: 80%;
	/* Set font-size to 80% in `small` elements */
	;
}

[hidden],
template {
	display: none;
	/* Add the correct display in IE */
	;
}

abbr[title] {
	border-bottom: 1px dotted;
	/* Add a bordered underline effect in all browsers */
	text-decoration: none;
	/* Remove text decoration in Firefox 40+ */
	;
}

a {
	background-color: transparent;
	/* Remove the gray background on active links in IE 10 */
	-webkit-text-decoration-skip: objects;
	/* Remove gaps in links underline in iOS 8+ and Safari 8+ */
	;
}

a:active,
a:hover {
	outline-width: 0;
	/* Remove the outline when hovering in all browsers */
	;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	/* Specify the font family of code elements */
	;
}

b,
strong {
	font-weight: bolder;
	/* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
	;
}

dfn {
	font-style: italic;
	/* Address styling not present in Safari and Chrome */
	;
}

/* Address styling not present in IE 8/9 */
mark {
	background-color: #ff0;
	color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
	border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
	cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
	cursor: default;
}

[type="number"] {
	width: auto;
	/* Firefox 36+ */
	;
}

[type="search"] {
	-webkit-appearance: textfield;
	/* Safari 8+ */
	;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	/* Safari 8 */
	;
}

textarea {
	overflow: auto;
	/* Internet Explorer 11+ */
	resize: vertical;
	/* Specify textarea resizability */
	;
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	/* Specify font inheritance of form elements */
	;
}

optgroup {
	font-weight: bold;
	/* Restore the font weight unset by the previous rule. */
	;
}

button {
	overflow: visible;
	/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
	;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS */
	;
}

button,
select {
	text-transform: none;
	/* Firefox 40+, Internet Explorer 11- */
	;
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* Style select like a standard input */
select {
	-moz-appearance: none;
	/* Firefox 36+ */
	-webkit-appearance: none;
	/* Chrome 41+ */
	;
}

select::-ms-expand {
	display: none;
	/* Internet Explorer 11+ */
	;
}

select::-ms-value {
	color: currentColor;
	/* Internet Explorer 11+ */
	;
}

legend {
	border: 0;
	/* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit;
	/* Correct the color inheritance from `fieldset` elements in IE */
	display: table;
	/* Correct the text wrapping in Edge and IE */
	max-width: 100%;
	/* Correct the text wrapping in Edge and IE */
	white-space: normal;
	/* Correct the text wrapping in Edge and IE */
	;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS and Safari */
	font: inherit;
	/* Change font properties to `inherit` in Chrome and Safari */
	;
}

[type="search"] {
	-webkit-appearance: textfield;
	/* Correct the odd appearance in Chrome and Safari */
	outline-offset: -2px;
	/* Correct the outline style in Safari */
	;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
	border-style: none;
	/* Remove border when inside `a` element in IE 8/9/10 */
	;
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
	vertical-align: baseline;
}

svg:not(:root) {
	overflow: hidden;
	/* Internet Explorer 11- */
	;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	/* Internet Explorer 11+, Windows Phone 8.1+ */
	;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
	[hidden~="screen"] {
		display: inherit;
	}

	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		position: absolute !important;
		clip: rect(0 0 0 0) !important;
	}
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
	cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
	cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
	cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
	background-color: #b3d4fc;
	/* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc;
	/* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

ul, li {
	list-style: none;
}

a {
	color: #000;
	text-decoration: none;
}

/* ------------------------------------
  * font
* ------------------------------------ */
@font-face {
	font-family: 'iconfont';
	src: url("/fonts/iconfont.eot");
	src: url("/fonts/iconfont.eot?#iefix") format("eot"), url("/fonts/iconfont.woff") format("woff"), url("/fonts/iconfont.ttf") format("truetype"), url("/fonts/iconfont.svg#iconfont") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.u-icn:before {
	display: inline-block;
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.u-icn.u-icn-circle:before {
	width: 16px;
	height: 16px;
	font-size: 10px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	margin: -8px 0 0;
	border-radius: 8px;
	background-color: #ff5600;
}

.u-icn.u-icn-cancel:before {
	content: '\e901';
	width: 24px;
	height: 24px;
	font-size: 10px;
	color: #ff5600;
	line-height: 20px;
	text-align: center;
	box-sizing: border-box;
	margin: -24px 0 0;
	border: 2px solid #ff5600;
	border-radius: 12px;
}

.u-icn-lg {
	font-size: 1.3333333333333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.u-icn-2x {
	font-size: 2em;
}

.u-icn-3x {
	font-size: 3em;
}

.u-icn-4x {
	font-size: 4em;
}

.u-icn-5x {
	font-size: 5em;
}

.u-icn-fw {
	width: 1.2857142857142858em;
	text-align: center;
}

.u-icn-calendar:before {
	content: '\e900';
}

.u-icn-close:before {
	content: '\e901';
}

.u-icn-course-1:before {
	content: '\e903';
}

.u-icn-course-2:before {
	content: '\e904';
}

.u-icn-fav:before {
	content: '\e905';
}

.u-icn-fav-plus:before {
	content: '\e906';
}

.u-icn-blank:before {
	content: '\e907';
}

.u-icn-maru1:before {
	content: '\e908';
}

.u-icn-maru2:before {
	content: '\e909';
}

.u-icn-min:before {
	content: '\e90a';
}

.u-icn-non:before {
	content: '\e90b';
}

.u-icn-phone:before {
	content: '\e90c';
}

.u-icn-phone2:before {
	content: '\e90d';
}

.u-icn-plus:before {
	content: '\e90e';
}

.u-icn-youtube:before {
	content: "";
	background: url("https://karada39.com/img/icon/YouTube_icon_light.svg") no-repeat;
	width: 60px;
	height: 41px;
	opacity: 0.7;
}

.u-icn-facebook:before {
	content: '\e90f';
}

.u-icn-instagram:before {
	content: '\e910';
}

.u-icn-twitter:before {
	content: '\e911';
}

.u-icn-menu:before {
	content: '\e912';
}

.u-icn-tenpo-fav:before {
	content: '\e913';
}

.u-icn-tenpo-re:before {
	content: '\e914';
}

.u-icn-tenpo-src:before {
	content: '\e915';
}

.u-icn-tenpo:before {
	content: '\e916';
}

.u-icn-ya1-d:before {
	content: '\e917';
}

.u-icn-ya1-l:before {
	content: '\e918';
}

.u-icn-ya1-r:before {
	content: '\e919';
}

.u-icn-ya1-u:before {
	content: '\e91a';
}

.u-icn-ya2-d:before {
	content: '\e91b';
}

.u-icn-ya2-l:before {
	content: '\e91c';
}

.u-icn-ya2-r:before {
	content: '\e91d';
}

.u-icn-ya2-u:before {
	content: '\e91e';
}

.u-icn-search:before {
	content: '\e91f';
}

.u-icn-staff:before {
	content: '\e920';
}

.u-icn-course:before {
	content: '\e921';
}

.u-icn-course_nayami:before {
	content: '\e903';
}

.u-icn-course_list:before {
	content: '\e904';
}

.u-icn-price:before {
	content: '\e922';
}

.u-icn-ticket:before {
	content: '\e923';
}

.u-icn-pdf:before {
	content: '\e924';
}

.u-icn-fav-minus:before {
	content: '\e925';
}

.u-icn-hoguradio:before {
	content: '\e926';
}

.u-icn-voice:before {
	content: '';
	top: 0 !important;
	width: 35px;
	height: 25px;
	background-image: url("https://karada39.com/img/common/icn_voice_white.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.u-icn-line:before {
	content: '';
	top: 0 !important;
	width: 60px;
	height: 60px;
	background-image: url("https://karada39.com/img/common/icn_line.png");
	background-repeat: no-repeat;
	background-size: contain;
}

/* ------------------------------------
  * module
* ------------------------------------ */
/* ---------- 全頁共通モジュール ---------- */
/* clearFix */
.cfx {
	*zoom: 1;
}

.cfx:before, .cfx:after {
	content: "";
	display: table;
}

.cfx:after {
	clear: both;
}

/* PC/SP出し分け用 */
@media only screen and (min-width: 737px) {
	.sp-v {
		display: none !important;
	}
}

@media only screen and (max-width: 736px) {
	.pc-v {
		display: none !important;
	}
}

/* リンクマウスオーバー */
@media only screen and (min-width: 737px) {
	a.hovr:hover * {
		opacity: 0.7;
	}
}

/* 背景グラデーション */
.mod-bg-gradient {
	background-color: #ed6500;
	background: linear-gradient(to right, #ff5810 0%, #ff5810 100%);
}

/* コンテンツボックス */
.mod-cts-box {
	width: 100%;
	box-sizing: border-box;
	padding: 0 95px;
}

@media only screen and (max-width: 736px) {
	.mod-cts-box {
		padding: 0 20px;
	}
}

.mod-box-maxw {
	width: 100%;
	max-width: 1090px;
	box-sizing: border-box;
	padding: 0 4.12%;
	margin: 0 auto;
}

@media only screen and (min-width: 1091px) {
	.mod-box-maxw {
		padding: 0 45px;
	}
}

@media only screen and (max-width: 736px) {
	.mod-box-maxw {
		padding: 0;
	}
}



/* 枠線で囲う 2024.10.10 追加 */
.frame-line {
	border: 1px solid #bebebe;
	border-radius: 8px;
	margin-bottom: 2rem;
	padding: 16px;
}

.frame-line .name-course {
	background: #faf3dd;
	padding: 1rem;
	margin-bottom: 1rem;
}

.frame-line .name-course .icn-opt {
	font-weight: bold;
	font-size: 11px;
	color: #ff5600;
	border: 1px solid #ff5600;
	border-radius: 1rem;
	background: #fff;
	padding: 4px;
	margin-left: 8px;
	position: relative;
	top: -2px;
}

.see-more-button {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px 26px 8px 8px;
	font-size: 13px;
	position: relative;
	display: table;
}

.see-more-button:before {
    position: absolute;
	    top: 50%;
	    right: 8px;
}


/* ページタイトル */
.mod-ttl-page {
	font-size: 32px;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.4;
	text-align: center;
	padding: 30px 0;
}

.mod-ttl-page.u-icn {
	padding: 30px 0;
}

.mod-ttl-page.u-icn:before {
	font-size: 54px;
	color: #ff5600;
	vertical-align: middle;
	padding: 0 15px 0 0;
	margin: -6px 0 0;
}

@media only screen and (max-width: 736px) {
	.mod-ttl-page {
		font-size: 22px;
		padding: 21px 0;
	}

	.mod-ttl-page.u-icn {
		padding: 62px 0 16px;
		position: relative;
	}

	.mod-ttl-page.u-icn:before {
		font-size: 40px;
		margin: 0 0 0 -20px;
		position: absolute;
		top: 15px;
		left: 50%;
	}

	.mod-ttl-page.u-icn.u-icn-pc {
		padding: 21px 0;
	}

	.mod-ttl-page.u-icn.u-icn-pc:before {
		display: none;
	}
}

/* 下線付き見出し */
.mod-ttl-border {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 24px;
	/* padding: 0 0 21px; */
}

.mod-ttl-border .text {
	display: inline-block;
	width: 100%;
	font-size: 28px;
	font-weight: normal;
	border-bottom: 2px solid #ff5600;
	padding: 27px 0 15px;
}

@media only screen and (max-width: 736px) {
	.mod-ttl-border {
		padding: 0 0 11px;
	}

	.mod-ttl-border .text {
		font-size: 24px;
		padding: 16px 0 8px;
	}
}

/* アイコン付き見出し */
.mod-ttl-icn {
	width: 100%;
	box-sizing: border-box;
	padding: 38px 0 30px;
}

.mod-ttl-icn .text {
	display: inline-block;
	width: 100%;
	font-size: 28px;
	font-weight: normal;
	border-bottom: 2px solid #ff5600;
	padding: 17px 0 15px 42px;
	position: relative;
}

.mod-ttl-icn .text:before {
	font-size: 30px;
	color: #ff5600;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 0;
}

.reserve-tel {
	float: right;
	background: #62a61e;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	padding: 8px 20px;
	border-radius: 6px;
}

.u-icn-tel:before {
	content: '\e90c';
	margin-right: 10px;
}

@media only screen and (max-width: 736px) {
	.mod-ttl-icn {
		padding: 6px 15px 11px;
	}

	.mod-ttl-icn .text {
		font-size: 21px;
		padding: 11px 0 9px 36px;
	}

	.mod-ttl-icn .text:before {
		font-size: 25px;
	}

	.reserve-tel {
		font-size: 15px;
		padding: 7px 14px;
	}
}

/* 太字見出し */
.mod-ttl-sub {
	width: 100%;
	box-sizing: border-box;
	padding: 0 40px;
}

.mod-ttl-sub .text {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 30px 0 20px;
}

@media only screen and (max-width: 736px) {
	.mod-ttl-sub {
		padding: 0 20px;
	}

	.mod-ttl-sub .text {
		font-size: 15px;
		padding: 13px 0 10px;
	}
}

/* タイトル文字色 */
.mod-ttl-orange {
	color: #ff5600;
}

/* 丸付き数字 */
.mod-num {
	display: inline;
	font-family: '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic';
	font-weight: bold;
	vertical-align: baseline;
	padding: 0 2px;
}

/* ページトップ注意書き */
.mod-top-note {
	background-color: #faf3dd;
}

.mod-top-note .text {
	font-size: 18px;
	color: #ff5600;
	font-weight: bold;
	text-align: center;
	padding: 9px 0;
}

@media only screen and (max-width: 736px) {
	.mod-top-note .text {
		font-size: 13px;
		padding: 5px 0;
	}
}

/* アイコン付きテキストリンク */
.mod-link-text {
	font-size: 16px;
	position: relative;
}

.mod-link-text:before {
	font-size: 20px;
	color: #ff5600;
	line-height: 0;
	position: absolute;
	top: 50%;
	right: 0;
}

.mod-link-text .text {
	display: inline-block;
	padding: 0 30px 0 0;
}

.mod-link-text.icn-l:before {
	left: 0;
	right: auto;
}

.mod-link-text.icn-l .text {
	padding: 0 0 0 30px;
}

@media only screen and (min-width: 737px) {
	a.mod-link-text:hover {
		cursor: pointer;
	}

	a.mod-link-text:hover .text {
		color: #ff5600;
		text-decoration: underline;
	}
}

@media only screen and (max-width: 736px) {
	.mod-link-text {
		font-size: 14px;
	}

	.mod-link-text:before {
		font-size: 15px;
	}

	.mod-link-text .text {
		padding: 0 25px 0 0;
	}

	.mod-link-text.icn-l .text {
		padding: 0 0 0 25px;
	}
}

/* 矢印アイコンリンク */
.mod-link-arrow {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0 28px 0 10px;
	position: relative;
}

.mod-link-arrow:before {
	display: block;
	content: '\e919';
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	right: 10px;
}

.mod-link-arrow.arrow-circle:before {
	width: 16px;
	height: 16px;
	font-size: 10px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	margin: -8px 0 0;
	border-radius: 8px;
	background-color: #ff5600;
}

/* ボタンリンク */
.mod-btn-base {
	display: block;
	width: 100%;
	color: #000;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	padding: .8rem 0;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.mod-btn-base.base-orange {
	color: #fff;
	background-color: #ff5600;
}

.mod-btn-base.base-green {
	color: #fff;
	background-color: #62a61e;
}

.mod-btn-base.base-ocher {
	color: #000;
	background-color: #efe4c7;
}

.mod-btn-base.base-gray {
	color: #fff;
	background-color: #999;
}

.mod-btn-base.u-icn {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.mod-btn-base.u-icn:before {
	font-size: 17px;
	line-height: 0;
	position: absolute;
	top: 50%;
	right: 19px;
}

.mod-btn-base.u-icn.u-icn-circle:before {
	font-size: 10px;
	line-height: 16px;
}

.mod-btn-base .text {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.mod-btn-base .text.u-icn {
	padding: 0 0 0 38px;
	position: relative;
}

.mod-btn-base .text.u-icn:before {
	font-size: 23px;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 0;
}

@media only screen and (min-width: 737px) {
	.simple-btn {
		width: 300px;
		margin: 0 auto;
	}
	
	a.mod-btn-base:hover {
		color: #ff5600;
	}

	a.mod-btn-base:hover.base-orange {
		color: #fff;
		background-color: #ff8f00;
	}

	a.mod-btn-base:hover.base-green {
		color: #fff;
		background-color: #60bf00;
	}

	a.mod-btn-base:hover.base-ocher {
		color: #000;
	}

	a.mod-btn-base:hover.base-gray {
		color: #fff;
		background-color: #999;
		opacity: 0.7;
	}
}

@media only screen and (max-width: 736px) {
	.mod-btn-base {
		padding: .8rem 0;
		border-radius: 7px;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	}

	.mod-btn-base.u-icn {
		padding-left: 30px;
		padding-right: 30px;
	}

	.mod-btn-base.u-icn:before {
		font-size: 14px;
		right: 14px;
	}

	.mod-btn-base .text.u-icn {
		padding: 0 0 0 25px;
	}

	.mod-btn-base .text.u-icn:before {
		font-size: 18px;
	}
}

/* 店舗を探す・予約するボタン */
.mod-btn-search {
	width: 100%;
	box-sizing: border-box;
	padding: 24px 0 31px;
	background-color: #803100;
}

.mod-btn-search .sttl {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0 0 12px;
}

.mod-btn-search .btn {
	width: 480px;
	margin: 7px auto 0;
}

.mod-btn-search .btn a {
	font-size: 20px;
	padding: 15.5px 5px;
}

.mod-btn-search .btn a .text {
	padding-left: 55px;
}

.mod-btn-search .btn a .text:before {
	font-size: 36px;
}

@media only screen and (max-width: 736px) {
	.mod-btn-search {
		padding: 16px 15px 25px;
	}

	.mod-btn-search .sttl {
		font-size: 19px;
		padding: 0 0 7px;
	}

	.mod-btn-search .btn {
		width: 100%;
		margin: 9px 0 0;
	}

	.mod-btn-search .btn a {
		font-size: 15px;
		padding: 11px 5px;
	}

	.mod-btn-search .btn a .text {
		padding-left: 34px;
	}

	.mod-btn-search .btn a .text:before {
		font-size: 25px;
	}
}

/* 店舗検索に戻るボタン */
.mod-btn-searchtenpo {
	padding: 40px 0;
	background-color: #faf3dd;
}

.mod-btn-searchtenpo>a {
	width: 350px;
	margin: 0 auto;
}

.mod-btn-searchtenpo>a:before {
	left: 10px;
	right: auto;
}

@media only screen and (max-width: 736px) {
	.mod-btn-searchtenpo {
		padding: 25px 0;
	}

	.mod-btn-searchtenpo>a {
		width: 220px;
	}
}

/* アイコン注釈リスト */
.mod-list-icn {
	font-size: 0;
	line-height: 1.4;
	margin: 0 0 20px;
}

.mod-list-icn>li {
	display: inline-block;
	font-size: 16px;
	line-height: 1.4;
	margin: 0 0 10px;
}

.mod-list-icn>li .img {
	display: inline-block;
	width: 35px;
	line-height: 0;
	vertical-align: middle;
}

.mod-list-icn>li .text {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 20px 4px 10px;
}

@media only screen and (max-width: 736px) {
	.mod-list-icn {
		margin: 0 0 12px;
	}

	.mod-list-icn>li {
		width: 50%;
		font-size: 13px;
		margin: 0 0 5px;
	}

	.mod-list-icn>li .img {
		width: 25px;
	}

	.mod-list-icn>li .text {
		padding: 4px 10px;
		width: calc(100% - 30px);
	}
}

/* コースリスト */
.mod-ttl-course {
	display: table;
	width: 100%;
	min-height: 90px;
	box-sizing: border-box;
	padding: 10px 20px 10px 10px;
	margin: 0 0 2px;
	border-radius: 10px;
	background-color: #efe4c7;
}

.mod-ttl-course .img {
	display: table-cell;
	width: 70px;
	line-height: 0;
	vertical-align: middle;
}

.mod-ttl-course .img>span {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}

.mod-ttl-course .img>span img {
	display: block;
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mod-ttl-course .ttl {
	display: table-cell;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 10px 0 29px;
}

.mod-ttl-course .icn {
	display: table-cell;
	width: 24px;
	vertical-align: middle;
}

.mod-ttl-course .icn .u-icn {
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 12px;
	background-color: #fff;
}

.mod-ttl-course .icn .u-icn:before {
	content: '\e90e';
	font-size: 16px;
	color: #ff5600;
	vertical-align: baseline;
	line-height: 24px;
}

.mod-ttl-course.open .icn .u-icn:before {
	content: '\e90a';
}

.mod-list-course>li {
	display: table;
	width: 100%;
	padding: 15px 0;
}

.mod-list-course>li:nth-child(n+2) {
	border-top: 2px dotted #ccc;
}

.mod-list-course>li .name {
	display: table-cell;
	font-size: 16px;
	line-height: 1.5;
	vertical-align: middle;
	padding: 0 30px 0 0;
}

.mod-list-course>li .price {
	display: table-cell;
	width: 200px;
	font-size: 16px;
	text-align: right;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 30px 0 0;
}

.mod-list-course>li .price>span {
	display: inline-block;
	padding: 0 0 0 30px;
}

.mod-list-course>li .btn {
	display: table-cell;
	width: 122px;
	font-size: 12px;
	vertical-align: middle;
}

.mod-list-course>li .btn>a {
	display: table;
	width: 100%;
	min-height: 34px;
	text-align: center;
	padding: 5px 20px 5px 5px;
	border-radius: 6px;
}

.mod-list-course>li .btn>a .text {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	position: relative;
}

.mod-list-course>li .btn>a .text:after {
	display: block;
	content: '\e919';
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	bottom: 50%;
	right: -14px;
}

.mod-radio-course>li {
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px;
	position: relative;
}

.mod-radio-course>li:nth-child(n+2)>label {
	border-top: 2px dotted #ccc;
}

.mod-radio-course>li>label {
	display: table;
	width: 100%;
	padding: 15px 0;
	cursor: pointer;
}

.mod-radio-course>li>label .btn {
	display: table-cell;
	width: 33px;
	vertical-align: middle;
}

.mod-radio-course>li>label .btn input[type='radio'] {
	opacity: 0;
	cursor: pointer;
}

.mod-radio-course>li>label .btn input[type='radio']+.btn-radio {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.mod-radio-course>li>label .btn input[type='radio']+.btn-radio:before {
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	margin: -8px 0 0;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 30px;
}

.mod-radio-course>li>label .btn input[type='radio']:checked+.btn-radio {
	background-color: #e0f2ce;
}

.mod-radio-course>li>label .btn input[type='radio']:checked+.btn-radio:before {
	border: 5px solid #ff5600;
}

.mod-radio-course>li>label .name {
	display: table-cell;
	font-size: 16px;
	vertical-align: middle;
}

.mod-radio-course>li>label .price {
	display: table-cell;
	width: 200px;
	font-size: 16px;
	text-align: right;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 10px 0 15px;
}

.mod-radio-course>li>label .price>span {
	display: inline-block;
	padding: 0 0 0 30px;
}

@media only screen and (min-width: 737px) {
	a.mod-ttl-course:hover {
		opacity: 0.7;
	}

	.mod-radio-course>li>label:hover .btn input[type='radio']+.btn-radio {
		background-color: #e0f2ce;
	}
}

@media only screen and (max-width: 736px) {
	.mod-ttl-course {
		min-height: 70px;
		padding: 5px 12px 5px 15px;
		margin: 0 0 1px;
		border-radius: 0;
	}

	.mod-ttl-course .img {
		width: 50px;
	}

	.mod-ttl-course .img>span {
		width: 50px;
		height: 50px;
		border-radius: 7px;
	}

	.mod-ttl-course .ttl {
		font-size: 14px;
		padding: 0 10px;
	}

	.mod-ttl-course .icn {
		width: 20px;
	}

	.mod-ttl-course .icn .u-icn {
		width: 20px;
		height: 20px;
		border-radius: 10px;
	}

	.mod-ttl-course .icn .u-icn:before {
		font-size: 12px;
		line-height: 20px;
	}

	.mod-list-course>li .name {
		font-size: 12px;
		padding: 0 10px 0 0;
	}

	.mod-list-course>li .price {
		width: 90px;
		font-size: 12px;
		text-align: left;
		padding: 0 10px 0 15px;
		border-left: 1px solid #ccc;
	}

	.mod-list-course>li .price>span {
		display: block;
		padding: 0;
	}

	.mod-list-course>li .btn {
		width: 64px;
		font-size: 10px;
	}

	.mod-list-course>li .btn>a {
		min-height: 38px;
		text-align: left;
		padding: 5px 7px;
		border-radius: 6px;
	}

	.mod-list-course>li .btn>a .text:after {
		font-size: 10px;
		line-height: 1;
		bottom: 2px;
		right: -2px;
	}

	.mod-radio-course>li {
		padding: 0 20px;
	}

	.mod-radio-course>li:nth-child(n+2)>label {
		border-top: 2px dotted #ccc;
	}

	.mod-radio-course>li>label .btn {
		width: 25px;
	}

	.mod-radio-course>li>label .btn input[type='radio']+.btn-radio:before {
		left: 20px;
	}

	.mod-radio-course>li>label .name {
		font-size: 12px;
	}

	.mod-radio-course>li>label .price {
		width: 90px;
		font-size: 12px;
		text-align: left;
		padding: 0 10px 0 15px;
		border-left: 1px solid #ccc;
	}

	.mod-radio-course>li>label .price>span {
		display: block;
		padding: 0;
	}
}

/* コースリンク */
.mod-link-course {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.mod-link-course>li {
	width: 25%;
	padding: 0 15px;
}

.mod-link-course>li>a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 14px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	position: relative;
}

.mod-link-course>li>a:before {
	display: block;
	width: 16px;
	height: 16px;
	content: '\e919';
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	border-radius: 8px;
	background-color: #ff5600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.mod-link-course>li>a .img {
	display: block;
	width: 100%;
	line-height: 0;
}

.mod-link-course>li>a .img>span {
	display: block;
	width: 100%;
	line-height: 0;
	border-radius: 6px;
	overflow: hidden;
}

.mod-link-course>li>a .box-text {
	width: 100%;
	box-sizing: border-box;
	padding: 16px 16px 13px;
}

.mod-link-course>li>a .box-text .name {
	font-size: 18px;
	color: #ff5600;
	line-height: 1.3;
	padding: 0 0 14px;
}

.mod-link-course>li>a .box-text .text {
	font-size: 14px;
}

@media only screen and (min-width: 737px) {
	.mod-link-course>li>a:hover:before, .mod-link-course>li>a:hover .img, .mod-link-course>li>a:hover .box-text {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 950px) {
	.mod-link-course {
		margin: 0 -5px;
	}

	.mod-link-course>li {
		padding: 0 5px;
	}

	.mod-link-course>li>a .box-text {
		padding: 12px 8px;
	}
}

@media only screen and (max-width: 736px) {
	.mod-link-course {
		display: block;
		margin: 0;
	}

	.mod-link-course>li {
		width: 100%;
		padding: 0;
		margin: 0 0 5px;
	}

	.mod-link-course>li>a {
		display: table;
		padding: 10px;
		border-radius: 7px;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	}

	.mod-link-course>li>a .img {
		display: table-cell;
		width: 24.62%;
		vertical-align: top;
	}

	.mod-link-course>li>a .img>span {
		display: block;
		width: 100%;
		height: 0;
		padding: 100% 0 0;
		border-radius: 3px;
		position: relative;
	}

	.mod-link-course>li>a .img>span img {
		display: block;
		width: auto;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.mod-link-course>li>a .box-text {
		display: table-cell;
		vertical-align: top;
		padding: 0 0 0 15px;
	}

	.mod-link-course>li>a .box-text .name {
		font-size: 16px;
		padding: 3px 0 8px;
	}

	.mod-link-course>li>a .box-text .text {
		font-size: 11px;
		padding: 0 25px 0 0;
	}
}

/* コース料金表 */

/*
.mod-list-price+.mod-list-price {
	margin: 40px 0 0 0;
}
*/

.mod-list-price { margin-bottom: 2rem; }

.mod-list-price .icn-plus {
	display: inline-block;
	font-size: 10px;
	color: #ff5600;
	text-indent: 0;
	vertical-align: middle;
	padding: 3px 6px 3px 17px;
	border: 1px solid #ff5600;
	border-radius: 11px;
	background-color: #fff;
	position: relative;
	margin-left: 8px;
}

.mod-list-price .icn-plus:before {
	display: inline-block;
	content: '\e90e';
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	left: 4px;
}

.mod-list-price .name-course {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 21px 30px 20px;
	background-color: #faf3dd;
}

.mod-list-price .name-course .icn-plus {
	vertical-align: middle;
	margin: -3px 0 0 15px;
}

.mod-list-price .head-price {
	position: relative;
}

.mod-list-price .head-price .name-course {
	padding-right: 140px;
}

.mod-list-price .head-price .link-course {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	right: 20px;
}

.mod-list-price .head-price .link-course>a {
	display: table;
	width: 100%;
	height: 100%;
	font-size: 14px;
	vertical-align: middle;
}

.mod-list-price .head-price .link-course>a .text {
	display: table-cell;
	vertical-align: middle;
	padding-right: 36px;
}

.link-more { text-align: right; }

.link-more a {
	color: #ff5600;
	padding-right: 20px;
}

.link-more a:hover { text-decoration: underline; }

.mod-list-price .list-price {
	width: 100%;
	box-sizing: border-box;
	/* padding: 0 30px; */
}

.mod-list-price .list-price>table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1rem;
}

.mod-list-price .list-price>table tr {
	/* width: 100%; */
	border-bottom: 1px solid #ddd;
}

.mod-list-price .list-price>table tr:first-child { border-top: 1px solid #ddd; }

.mod-list-price .list-price>table tr>th {
	font-size: 16px;
	color: #a67b1e;
	font-weight: bold;
	text-align: left;
	padding: 20px 0 17px;
}

.mod-list-price .list-price>table tr>th.time {
	padding-left: 10px;
}

.mod-list-price .list-price>table tr>th.price {
	text-align: right;
}

.mod-list-price .list-price>table tr>th.price .note {
	font-size: 16px;
	font-weight: normal;
}

.mod-list-price .list-price>table tr>td { box-sizing: border-box; }

.mod-list-price .list-price>table tr>td.name {
	width: 48%;
/*
	box-sizing: border-box;
	vertical-align: top;
	padding: 16px 0;
*/
}

@media only screen and (min-width:737px) {
	.sp-v { 
		display: none !important;
	}
} 

@media only screen and (max-width:736px) {
	.pc-v { 
		display: none !important;
	}
}

.mod-list-price .list-price>table tr>td.name a.link {
	color: #ff5600;
	text-decoration: underline;
}

.mod-list-price .list-price>table tr>td.name .note {
	display: block;
	font-size: 10px;
	padding: 5px 0 0 0;
}

.mod-list-price .list-price>table tr>td.time {
	width: 12%;
	text-align: right;
	/*
	box-sizing: border-box;
	vertical-align: top;
	padding: 16px 0 16px 10px;
	*/
}

.mod-list-price .list-price>table tr>td.time .category {
	display: inline-block;
	font-size: 12px;
	padding: 0 7px 0 0;
}

.mod-list-price .list-price>table tr>td.price {
	width: 30%;
	text-align: right;
	/*
	box-sizing: border-box;
	vertical-align: top;
	padding: 16px 0 16px 10px;
	*/
}

.mod-list-price .list-price>table tr>td.price span {
	font-size: .7rem;
}

.mod-list-price .list-price>table tr>td.price .original {
	text-decoration: line-through;
}

.mod-list-price .list-price>table tr>td.price .coupon {
	display: inline-block;
	color: #ff5600;
	font-weight: bold;
	padding-left: 25px;
	background-image: url(/img/common/arr_orange_r.png);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	background-size: 12px auto;
}

/*
.mod-list-price>.note {
	width: 100%;
	box-sizing: border-box;
	padding: 18px 30px 0;
}
*/

.mod-list-price>.note .text {
	color: #777;
	font-size: .78rem;
	padding-left: 1em;
	text-indent: -1em;
}

.mod-list-price>.note .text.text-plus {
	padding-left: 54px;
	text-indent: 0;
	position: relative;
}

.mod-list-price>.note .text.text-plus .icn-plus {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mod-list-price>.note .text+.text {
	margin-top: 2px;
}

.mod-list-price>.note .text+.text-plus {
	margin-top: 5px;
}

.mod-list-price .btn {
	width: 350px;
	box-sizing: border-box;
	padding: 20px 0 0;
	margin: 0 auto;
}

.mod-list-price .btn.font-l>a {
	font-size: 20px;
}

@media only screen and (min-width: 737px) {
	.mod-list-price .list-price>table tr>td { padding: 1rem .6rem; }

	.mod-list-price .list-price>table tr>td.name { width: 58%; }

	.mod-list-price .list-price>table tr>td.price { width: 20%; }

	.mod-list-price .list-price>table tr>td.name a.link:hover {
		text-decoration: none;
	}
}

@media only screen and (max-width: 736px) {
/*
	.mod-list-price+.mod-list-price {
		margin: 18px 0 0 0;
	}
*/
	.mod-list-price .name-course {
		font-size: 16px;
		padding: 9px 12px 8px;
	}

	.mod-list-price .name-course .icn-plus {
		vertical-align: top;
		margin: 0 0 0 8px;
	}

	.mod-list-price .head-price .name-course {
		padding-right: 95px;
	}

	.mod-list-price .head-price .link-course {
		right: 0;
	}

	.mod-list-price .head-price .link-course>a {
		font-size: 12px;
	}

	.mod-list-price .head-price .link-course>a:before {
		right: 10px;
	}

	.mod-list-price .head-price .link-course>a .text {
		padding-right: 31px;
	}

/*
	.mod-list-price .list-price {
		padding: 0 5px;
	}
*/

	.mod-list-price .list-price>table tr>th {
		font-size: 12px;
		padding: 10px 0;
	}

	.mod-list-price .list-price>table tr>td { padding: 1rem .6rem; }

/*
	.mod-list-price .list-price>table tr>th.name {
		padding-left: 6px;
		padding-right: 6px;
	}

	.mod-list-price .list-price>table tr>th.time {
		padding-left: 6px;
	}

	.mod-list-price .list-price>table tr>th.price {
		padding-left: 6px;
	}
*/

	.mod-list-price .list-price>table tr>th.price .note {
		font-size: 11px;
		font-weight: bold;
	}

	.mod-list-price .list-price>table tr>td {
		padding: 10px 0;
	}

	.mod-list-price .list-price>table tr>td.name .note {
		font-size: 10px;
		padding: 5px 0 0 0;
	}

	.mod-list-price .list-price>table tr>td.time {
		width: 20%;
		/* padding: 11px 0 11px 6px; */
	}

	.mod-list-price .list-price>table tr>td.time .category {
		display: block;
		font-size: 10px;
	}

	/*
	.mod-list-price .list-price>table tr>td.price {
		width: 76px;
		padding: 11px 0 11px 6px;
	}
	*/

	.mod-list-price .list-price>table tr>td.price .yen {
		font-size: 10px;
	}

	.mod-list-price .list-price>table tr>td.price .coupon {
		padding-left: 16px;
		background-position: 0 4px;
		background-size: 11px auto;
	}

	/* .mod-list-price>.note { padding: 11px 5px 0; } */

	/* .mod-list-price>.note .text { font-size: 11px; } */

	.mod-list-price>.note .text+.text {
		margin-top: 2px;
	}

	.mod-list-price>.note .text+.text-plus {
		margin-top: 5px;
	}

	.mod-list-price .btn {
		width: 100%;
		padding: 15px 5px 0;
	}

	.mod-list-price .btn.font-l>a {
		font-size: 16px;
	}
}

/* 施術の流れ */
.mod-list-step {
	width: 100%;
	box-sizing: border-box;
}

.mod-list-step>li {
	display: table;
	width: 100%;
}

.mod-list-step>li:nth-child(n+2) {
	margin: 40px 0 0;
}

.mod-list-step>li .img {
	display: table-cell;
	width: 29.73%;
	line-height: 0;
	vertical-align: top;
}

.mod-list-step>li .box-text {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 0 0 40px;
}

.mod-list-step>li .box-text .sttl {
	font-size: 22px;
	color: #ff5600;
	padding: 0 0 22px;
}

@media only screen and (max-width: 736px) {
	.mod-list-step>li:nth-child(n+2) {
		margin: 25px 0 0;
	}

	.mod-list-step>li .img {
		width: 36.23%;
		padding: 3px 0 0;
	}

	.mod-list-step>li .box-text {
		vertical-align: top;
		padding: 0 0 0 20px;
	}

	.mod-list-step>li .box-text .sttl {
		font-size: 15px;
		padding: 0 0 10px;
	}
}

/* 2カラムレイアウト */
.mod-list-2col {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.mod-list-2col>li {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	box-sizing: border-box;
}

.mod-list-2col>li:nth-child(odd) {
	padding-right: 5px;
}

.mod-list-2col>li:nth-child(even) {
	padding-left: 5px;
}

.mod-list-2col>li:nth-child(n+3) {
	padding-top: 10px;
}

@media only screen and (max-width: 736px) {
	.mod-list-2col>li:nth-child(odd) {
		padding-right: 2.5px;
	}

	.mod-list-2col>li:nth-child(even) {
		padding-left: 2.5px;
	}

	.mod-list-2col>li:nth-child(n+3) {
		padding-top: 5px;
	}
}

/* 3カラムレイアウト */
.mod-list-3col {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.mod-list-3col>li {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 33.33%;
	box-sizing: border-box;
}

/* 記事リスト */
.mod-list-journal .list-journal {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.mod-list-journal .list-journal>li {
	width: 25%;
	box-sizing: border-box;
	padding: 0 5px 42px;
}

.mod-list-journal .list-journal>li>a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.mod-list-journal .list-journal>li>a:before {
	display: block;
	width: 16px;
	height: 16px;
	content: '\e919';
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	border-radius: 8px;
	background-color: #ff5600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	bottom: 0;
	right: 0;
}

.mod-list-journal .list-journal>li>a .box-ttl .article-img {
	height: 0;
	line-height: 0;
	padding: 65% 0 0;
	position: relative;
	overflow: hidden;
}

.mod-list-journal .list-journal>li>a .box-ttl .article-img img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mod-list-journal .list-journal>li>a .box-ttl .box-text {
	padding: 16px 0 0;
}

.mod-list-journal .list-journal>li>a .box-ttl .box-text .article-category {
	font-size: 14px;
	color: #ff5600;
	padding: 0 20px 6px;
}

.mod-list-journal .list-journal>li>a .box-ttl .box-text .article-ttl {
	font-size: 18px;
	font-weight: bold;
	padding: 0 20px;
}

.mod-list-journal .list-journal>li>a .box-intro .article-text {
	line-height: 1.5;
	padding: 17px 20px 22px;
}

.mod-list-journal .list-journal>li.new>a:after {
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	background-image: url(/img/common/icn_new.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	position: absolute;
	top: 10px;
	right: 10px;
}

.mod-list-journal.list-type2 .list-journal>li:first-child, .mod-list-journal.list-type2 .list-journal>li:nth-child(2) {
	width: 50%;
	padding: 0 5px 40px;
	margin: 0 auto;
}

.mod-list-journal.list-type2 .list-journal>li:first-child>a:before, .mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a:before {
	right: 0;
}

.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-ttl, .mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-ttl {
	position: relative;
}

.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-ttl .box-text, .mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-ttl .box-text {
	width: 100%;
	padding: 26px 0 25px;
	background-color: rgba(0, 0, 0, 0.7);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}

.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-ttl .box-text .article-category, .mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-ttl .box-text .article-category {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding: 0 30px 12px;
}

.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-ttl .box-text .article-ttl, .mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-ttl .box-text .article-ttl {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	padding: 0 30px;
}

.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-intro .article-text, .mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-intro .article-text {
	padding: 26px 40px 13px;
}

.mod-list-journal.list-type2 .list-journal>li:first-child.new>a:after, .mod-list-journal.list-type2 .list-journal>li:nth-child(2).new>a:after {
	width: 60px;
	height: 60px;
	top: 15px;
	right: 15px;
}

.mod-list-journal .btn {
	width: 350px;
	margin: 8px auto 0;
}

.mod-list-journal .btn>a {
	font-size: 20px;
}

@media only screen and (min-width: 737px) {
	.mod-list-journal .list-journal>li>a:hover {
		opacity: 0.7;
	}

	.mod-list-journal .list-journal>li>a:hover .box-ttl .box-text .article-ttl {
		text-decoration: underline;
	}
}

@media only screen and (max-width: 736px) {
	.mod-list-journal .list-journal {
		margin: 0 -1px;
	}

	.mod-list-journal .list-journal>li {
		width: 50%;
		padding: 0 1px 1px;
	}

	.mod-list-journal .list-journal>li>a:before {
		bottom: 20px;
		right: 20px;
	}

	.mod-list-journal .list-journal>li>a .box-ttl .box-text {
		padding: 13px 0 0;
	}

	.mod-list-journal .list-journal>li>a .box-ttl .box-text .article-category {
		font-size: 11px;
		padding: 0 20px 4px;
	}

	.mod-list-journal .list-journal>li>a .box-ttl .box-text .article-ttl {
		font-size: 14px;
		padding: 0 20px;
	}

	.mod-list-journal .list-journal>li>a .box-intro .article-text {
		padding: 9px 20px 36px;
	}

	.mod-list-journal .list-journal>li.new>a:after {
		width: 40px;
		height: 40px;
		top: 5px;
		right: 5px;
	}

	.mod-list-journal.list-type2 .list-journal>li:first-child {
		width: 100%;
		padding: 0 1px 1px;
	}

	.mod-list-journal.list-type2 .list-journal>li:first-child>a:before {
		right: 20px;
	}

	.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-ttl .box-text {
		width: 100%;
		padding: 11px 0 12px;
	}

	.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-ttl .box-text .article-category {
		font-size: 11px;
		padding: 0 20px 4px;
	}

	.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-ttl .box-text .article-ttl {
		font-size: 15px;
		padding: 0 20px;
	}

	.mod-list-journal.list-type2 .list-journal>li:first-child>a .box-intro .article-text {
		padding: 9px 20px 36px;
	}

	.mod-list-journal.list-type2 .list-journal>li:first-child.new>a:after {
		width: 50px;
		height: 50px;
		top: 10px;
		right: 10px;
	}

	.mod-list-journal.list-type2 .list-journal>li:nth-child(2) {
		width: 50%;
		padding: 0 1px 1px;
		margin: 0 auto;
	}

	.wrp-popular-journal .mod-list-journal.list-type2 .list-journal li:nth-child(2) {
		width: 100%;
	}

	.mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a:before {
		bottom: 20px;
		right: 20px;
	}

	.mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-ttl {
		position: static;
	}

	.mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-ttl .box-text {
		padding: 13px 0 0;
		background: none;
		position: static;
	}

	.mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-ttl .box-text .article-category {
		font-size: 11px;
		color: #ff5600;
		font-weight: normal;
		padding: 0 20px 4px;
	}

	.mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-ttl .box-text .article-ttl {
		font-size: 14px;
		color: inherit;
		padding: 0 20px;
	}

	.mod-list-journal.list-type2 .list-journal>li:nth-child(2)>a .box-intro .article-text {
		padding: 9px 20px 36px;
	}

	.mod-list-journal.list-type2 .list-journal>li:nth-child(2).new>a:after {
		width: 40px;
		height: 40px;
		top: 5px;
		right: 5px;
	}

	.mod-list-journal .btn {
		width: 100%;
		text-align: center;
		margin: 10px auto 0;
	}

	.mod-list-journal .btn>a {
		display: inline-block;
		width: auto;
		font-size: 14px;
	}
}

/* 更新アラート */
.mod-box-notice {
	width: 100%;
	text-align: center;
	background-color: rgba(128, 49, 0, 0.7);
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.mod-box-notice .text {
	color: #fff;
	padding: 13px 0;
}

/* 施設コースのご紹介 */
.mod-box-courseselect {
	width: 100%;
	box-sizing: border-box;
	padding: 34px 0 40px;
	background-color: #efe4c7;
}

.mod-box-courseselect .ttl {
	font-size: 24px;
	color: #a67b1e;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 0 0 32px;
}

.mod-box-courseselect>ul {
	width: 730px;
	margin: 0 auto;
}

.mod-box-courseselect>ul>li>a.mod-btn-base {
	font-size: 20px;
	padding: 15px 40px 15px 4px;
}

.mod-box-courseselect>ul>li>a.mod-btn-base:before {
	right: 12px;
}

.mod-box-courseselect>ul>li>a.mod-btn-base .text {
	padding-left: 46px;
}

.mod-box-courseselect>ul>li>a.mod-btn-base .text:before {
	font-size: 26px;
	color: #ff5600;
	line-height: 1;
	top: 0;
}

.mod-box-courseselect>ul>li:nth-child(odd) {
	padding-right: 15px;
}

.mod-box-courseselect>ul>li:nth-child(even) {
	padding-left: 15px;
}

@media only screen and (max-width: 736px) {
	.mod-box-courseselect {
		padding: 21px 20px 25px;
	}

	.mod-box-courseselect .ttl {
		font-size: 15px;
		color: #a67b1e;
		letter-spacing: 0.05em;
		text-align: center;
		padding: 0 0 7px;
	}

	.mod-box-courseselect>ul {
		width: 100%;
	}

	.mod-box-courseselect>ul>li>a.mod-btn-base {
		font-size: 14px;
		padding: 11px 22px 11px 10px;
	}

	.mod-box-courseselect>ul>li>a.mod-btn-base:before {
		right: 5px;
	}

	.mod-box-courseselect>ul>li>a.mod-btn-base .text {
		padding-left: 21px;
	}

	.mod-box-courseselect>ul>li>a.mod-btn-base .text:before {
		font-size: 15px;
	}

	.mod-box-courseselect>ul>li:nth-child(odd) {
		padding-right: 2.5px;
	}

	.mod-box-courseselect>ul>li:nth-child(even) {
		padding-left: 2.5px;
	}
}

/* 人気の整体・もみほぐしコース */
.mod-box-popularcourse {
	width: 100%;
	background-color: #faf3dd;
}

.mod-box-popularcourse .inner-box-popularcourse {
	padding-top: 50px;
	padding-bottom: 50px;
}

.mod-box-popularcourse .ttl {
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	padding: 58px 0 25px;
	background-image: url(/img/common/icn_popularcourse.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 66px auto;
}

.mod-box-popularcourse .lead {
	font-size: 18px;
	text-align: center;
	padding: 0 0 37px;
}

.mod-box-popularcourse .box-btn .btn {
	width: 350px;
	margin: 30px auto 0;
}

.mod-box-popularcourse .box-btn .btn+.btn {
	margin-top: 15px;
}

.mod-box-popularcourse .box-btn .btn>a {
	font-size: 20px;
}

.mod-box-popularcourse .box-btn .btn>a .text:before {
	font-size: 24px;
	color: #ff5600;
}

@media only screen and (max-width: 736px) {
	.mod-box-popularcourse .inner-box-popularcourse {
		padding: 25px 15px;
	}

	.mod-box-popularcourse .ttl {
		font-size: 24px;
		padding: 50px 0 4px;
		background-size: 58px auto;
	}

	.mod-box-popularcourse .lead {
		font-size: 14px;
		text-align: left;
		padding: 17px 0;
	}

	.mod-box-popularcourse .box-btn .btn {
		width: 100%;
		margin: 25px 0 0;
	}

	.mod-box-popularcourse .box-btn .btn+.btn {
		margin-top: 10px;
	}

	.mod-box-popularcourse .box-btn .btn>a {
		font-size: 17px;
	}

	.mod-box-popularcourse .box-btn .btn>a .text:before {
		font-size: 18px;
	}
}

/* お客様の声 */
.mod-box-voice {
	padding-top: 51px;
	padding-bottom: 58px;
}

.mod-box-voice .ttl {
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	padding: 64px 0 43px;
	background-image: url(/img/common/icn_voice.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 64px auto;
}

.mod-box-voice .lead {
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding: 0 0 25px;
}

.mod-box-voice .note {
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 0 0 26px;
}

.mod-box-voice .list-voice>li {
	border-top: 2px dotted #ccc;
}

.mod-box-voice .list-voice>li>a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0 34px;
	position: relative;
	*zoom: 1;
}

.mod-box-voice .list-voice>li>a:before {
	display: block;
	width: 16px;
	height: 16px;
	content: '\e919';
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	border-radius: 8px;
	background-color: #ff5600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	bottom: 28px;
	right: 0;
}

.mod-box-voice .list-voice>li>a:after {
	content: "";
	display: table;
	clear: both;
}

.mod-box-voice .list-voice>li>a .wrp-box-text {
	width: 50%;
	box-sizing: border-box;
	padding: 0 15px 0 0;
	float: left;
}

.mod-box-voice .list-voice>li>a .caption {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	padding: 17px 22px;
	border-radius: 6px;
	background-color: #efe4c7;
	position: relative;
}

.mod-box-voice .list-voice>li>a .caption:before {
	display: block;
	content: '';
	width: 15px;
	height: 16px;
	background-image: url(/img/common/bg_balloon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	position: absolute;
	bottom: -16px;
	right: 87px;
}

.mod-box-voice .list-voice>li>a .box-comment {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 16px 100px 12px 0;
	position: relative;
}

.mod-box-voice .list-voice>li>a .box-comment .text {
	font-size: 14px;
	line-height: 1.5;
}

.mod-box-voice .list-voice>li>a .box-comment .img {
	width: 90px;
	line-height: 0;
	position: absolute;
	top: 7px;
	right: 0;
}

.mod-box-voice .list-voice>li>a .box-comment .img .name {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	position: absolute;
	bottom: -24px;
	left: 0;
}

.mod-box-voice .list-voice>li>a .name-course {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #ff5600;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0 100px 42px 0;
}

.mod-box-voice .list-voice>li>a .box-beforeafter {
	width: 50%;
	box-sizing: border-box;
	padding: 0 37px 23px 17px;
	float: right;
}

.mod-box-voice .list-voice>li>a .box-beforeafter>figure[class^=img-] {
	display: block;
	width: 50%;
	line-height: 0;
	float: left;
}

.mod-box-voice .list-voice>li>a .box-beforeafter>figure[class^=img-].img-before {
	padding: 0 17px 0 0;
	position: relative;
}

.mod-box-voice .list-voice>li>a .box-beforeafter>figure[class^=img-].img-before:before {
	display: block;
	content: '\e91d';
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	color: #ff5600;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.mod-box-voice .list-voice>li>a .box-beforeafter>figure[class^=img-].img-after {
	padding: 0 0 0 17px;
}

.mod-box-voice .list-voice>li>a .box-beforeafter>figure[class^=img-] figcaption {
	font-size: 0;
}

.mod-box-voice .list-letter>li {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0 34px;
	border-top: 2px dotted #ccc;
	position: relative;
	*zoom: 1;
}

.mod-box-voice .list-letter>li:before, .mod-box-voice .list-letter>li:after {
	content: "";
	display: table;
}

.mod-box-voice .list-letter>li:after {
	clear: both;
}

.mod-box-voice .list-letter>li .wrp-box-text {
	width: 50%;
	box-sizing: border-box;
	padding: 0 15px 0 0;
	float: left;
	*zoom: 1;
}

.mod-box-voice .list-letter>li .wrp-box-text:before, .mod-box-voice .list-letter>li .wrp-box-text:after {
	content: "";
	display: table;
}

.mod-box-voice .list-letter>li .wrp-box-text:after {
	clear: both;
}

.mod-box-voice .list-letter>li .caption {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	padding: 17px 22px;
	border-radius: 6px;
	background-color: #efe4c7;
	position: relative;
}

.mod-box-voice .list-letter>li .caption:before {
	display: block;
	content: '';
	width: 15px;
	height: 16px;
	background-image: url(/img/common/bg_balloon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	position: absolute;
	bottom: -16px;
	right: 87px;
}

.mod-box-voice .list-letter>li .img {
	width: 90px;
	float: right;
	font-size: 0;
	padding: 10px 0 0;
}

.mod-box-voice .list-letter>li .box-info {
	width: 100%;
	box-sizing: border-box;
	padding: 0 100px 0 0;
}

.mod-box-voice .list-letter>li .box-info .name-course {
	font-size: 18px;
	color: #ff5600;
	font-weight: bold;
	padding: 16px 0 6px;
}

.mod-box-voice .list-letter>li .box-info .name-user {
	font-size: 14px;
}

.mod-box-voice .list-letter>li .box-letter {
	width: 50%;
	font-size: 0;
	box-sizing: border-box;
	padding: 0 0 0 17px;
	float: right;
}

.mod-box-voice .btn-more {
	width: 350px;
	margin: 19px auto 0;
}

.mod-box-voice .btn-more+.btn-more {
	margin-top: 15px;
}

.mod-box-voice .btn-more>a {
	font-size: 20px;
}

.mod-box-voice .btn-more>a .text {
	text-align: center;
}

.mod-box-voice .btn-more.font-s>a {
	font-size: 18px;
}

@media only screen and (min-width: 737px) {
	.mod-box-voice .list-voice>li>a:hover {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 736px) {
	.mod-box-voice {
		padding: 25px 15px;
	}

	.mod-box-voice .ttl {
		font-size: 24px;
		padding: 50px 0 4px;
		background-size: 50px auto;
	}

	.mod-box-voice .lead {
		font-size: 14px;
		text-align: left;
		padding: 17px 0 10px;
	}

	.mod-box-voice .note {
		font-size: 11px;
		text-align: left;
		padding: 0 0 13px;
	}

	.mod-box-voice .list-voice>li {
		border-top: none;
		border-bottom: 2px dotted #ccc;
	}

	.mod-box-voice .list-voice>li:first-child {
		border-top: 2px dotted #ccc;
	}

	.mod-box-voice .list-voice>li>a {
		padding: 15px 0 30px;
	}

	.mod-box-voice .list-voice>li>a:before {
		bottom: 10px;
	}

	.mod-box-voice .list-voice>li>a .wrp-box-text {
		width: 100%;
		padding: 0;
		float: none;
	}

	.mod-box-voice .list-voice>li>a .caption {
		font-size: 16px;
		padding: 12px 15px;
		border-radius: 4px;
	}

	.mod-box-voice .list-voice>li>a .caption:before {
		width: 9.5px;
		height: 10.5px;
		bottom: -10.5px;
		right: 56.5px;
	}

	.mod-box-voice .list-voice>li>a .box-comment {
		display: table;
		padding: 5px 5px 0;
		position: static;
	}

	.mod-box-voice .list-voice>li>a .box-comment .text {
		display: table-cell;
		font-size: 12px;
		vertical-align: top;
		padding: 7px 10px 12px 0;
	}

	.mod-box-voice .list-voice>li>a .box-comment .img {
		display: table-cell;
		width: 60px;
		vertical-align: top;
		position: relative;
		top: auto;
		right: auto;
	}

	.mod-box-voice .list-voice>li>a .box-comment .img .name {
		font-size: 11px;
		bottom: -17px;
	}

	.mod-box-voice .list-voice>li>a .name-course {
		font-size: 14px;
		padding: 6px 60px 13px 0;
	}

	.mod-box-voice .list-voice>li>a .box-beforeafter {
		width: 100%;
		padding: 0 5px 5px;
		float: none;
	}

	.mod-box-voice .list-voice>li>a .box-beforeafter>figure[class^=img-].img-before {
		padding: 0 12px 0 0;
	}

	.mod-box-voice .list-voice>li>a .box-beforeafter>figure[class^=img-].img-before:before {
		font-size: 13px;
	}

	.mod-box-voice .list-voice>li>a .box-beforeafter>figure[class^=img-].img-after {
		padding: 0 0 0 12px;
	}

	.mod-box-voice .list-letter>li {
		padding: 15px 0;
		border-top: none;
		border-bottom: 2px dotted #ccc;
	}

	.mod-box-voice .list-letter>li:first-child {
		border-top: 2px dotted #ccc;
	}

	.mod-box-voice .list-letter>li .wrp-box-text {
		width: 100%;
		padding: 0;
		float: none;
	}

	.mod-box-voice .list-letter>li .caption {
		font-size: 16px;
		padding: 12px 15px;
		border-radius: 4px;
	}

	.mod-box-voice .list-letter>li .caption:before {
		width: 9.5px;
		height: 10.5px;
		bottom: -10.5px;
		right: 56.5px;
	}

	.mod-box-voice .list-letter>li .img {
		width: 60px;
		padding: 5px 0 0;
	}

	.mod-box-voice .list-letter>li .box-info {
		padding: 0 70px 0 5px;
	}

	.mod-box-voice .list-letter>li .box-info .name-course {
		font-size: 14px;
		padding: 16px 0 3px;
	}

	.mod-box-voice .list-letter>li .box-info .name-user {
		font-size: 12px;
	}

	.mod-box-voice .list-letter>li .box-letter {
		width: 100%;
		padding: 5px 0 0;
		float: none;
	}

	.mod-box-voice .btn-more {
		width: 100%;
		margin: 25px 0 0;
	}

	.mod-box-voice .btn-more+.btn-more {
		margin-top: 15px;
	}

	.mod-box-voice .btn-more>a {
		font-size: 16px;
	}
}

/* カラダファクトリーについて */
.mod-box-info {
	width: 100%;
	background-color: #f2f2f2;
}

.mod-box-info .inner-box-info {
	padding-top: 50px;
	padding-bottom: 62px;
}

.mod-box-info .ttl {
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	padding: 67px 0 23px;
	background-image: url("https://karada39.com/img/common/icn_info.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 42px auto;
}

.mod-box-info .lead {
	font-size: 18px;
	text-align: center;
	padding: 0 0 34px;
}

.mod-box-info .list-info {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.mod-box-info .list-info>li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 33%;
	padding: 0 15px;
}

.mod-box-info .list-info>li:nth-child(n+4) {
	margin-top: 30px;
}

.mod-box-info .list-info>li>a {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
	background-color: #fff;
	position: relative;
}

.mod-box-info .list-info>li>a:before {
	display: block;
	width: 16px;
	height: 16px;
	content: '\e919';
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	margin: -8px 0 0;
	border-radius: 8px;
	background-color: #ff5600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.mod-box-info .list-info>li>a .icn {
	width: 75px;
	line-height: 0;
	margin: 14px auto 23px;
}

.mod-box-info .list-info>li>a .text {
	width: 100%;
	font-size: 16px;
	color: #a5843d;
	text-align: center;
	padding: 0 0 11px;
}

@media only screen and (min-width: 737px) {
	.mod-box-info .list-info>li>a:hover:before, .mod-box-info .list-info>li>a:hover .icn, .mod-box-info .list-info>li>a:hover .text {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 736px) {
	.mod-box-info .inner-box-info {
		padding: 25px 15px;
	}

	.mod-box-info .ttl {
		font-size: 24px;
		padding: 50px 0 4px;
		background-size: 29px auto;
	}

	.mod-box-info .lead {
		font-size: 14px;
		text-align: left;
		padding: 17px 5px;
	}

	.mod-box-info .list-info {
		display: block;
		border-radius: 7px;
		margin: 0;
		overflow: hidden;
	}

	.mod-box-info .list-info>li {
		width: 100%;
		padding: 0;
	}

	.mod-box-info .list-info>li:nth-child(n+2) {
		border-top: 2px dotted #ccc;
	}

	.mod-box-info .list-info>li:nth-child(n+4) {
		margin-top: 0;
	}

	.mod-box-info .list-info>li>a {
		display: table;
		table-layout: fixed;
		width: 100%;
		padding: 10px;
		border-radius: 0;
	}

	.mod-box-info .list-info>li>a:before {
		top: 50%;
		bottom: auto;
		right: 10px;
	}

	.mod-box-info .list-info>li>a .icn {
		display: table-cell;
		width: 50px;
		vertical-align: middle;
		margin: 0;
	}

	.mod-box-info .list-info>li>a .text {
		display: table-cell;
		font-size: 14px;
		text-align: left;
		vertical-align: middle;
		padding: 0 20px 0 12px;
	}
}

/* カラダファクトリーのこだわり */
.mod-box-particular .inner-particular {
	width: 100%;
	max-width: 950px;
	box-sizing: border-box;
	padding: 51px 45px 58px;
	margin: 0 auto;
}

.mod-box-particular .ttl {
	width: 100%;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 84px 0 0;
	background-image: url("https://karada39.com/img/course/logo_particular.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 170px auto;
}

.mod-box-particular .lead {
	font-size: 18px;
	color: #ff5600;
	font-weight: bold;
	line-height: 1.3;
	padding: 37px 0 13px;
}

@media only screen and (max-width: 736px) {
	.mod-box-particular .inner-particular {
		padding: 25px 25px 12px;
	}

	.mod-box-particular .ttl {
		font-size: 24px;
		padding: 58px 0 0;
		background-size: 121px auto;
	}

	.mod-box-particular .lead {
		font-size: 16px;
		padding: 20px 0 13px;
	}
}

/* 整体・骨盤ジャーナル */
.mod-box-journal .ttl {
	width: 100%;
	line-height: 0;
	text-align: center;
	box-sizing: border-box;
	padding: 13px 0;
}

.mod-box-journal .ttl>img {
	width: 290px;
}

.mod-box-journal .inner-journal {
	padding-bottom: 60px;
}

.mod-box-journal .lead {
	width: 100%;
	font-size: 18px;
	letter-spacing: 0.05em;
	text-align: center;
	box-sizing: border-box;
	padding: 46px 0 36px;
}

.mod-box-journal .btn {
	width: 350px;
	margin: 8px auto 0;
}

.mod-box-journal .btn>a {
	width: 100%;
	font-size: 20px;
}

@media only screen and (max-width: 736px) {
	.mod-box-journal .ttl {
		padding: 13px 0;
	}

	.mod-box-journal .ttl>img {
		width: 51.47%;
		max-width: 193px;
	}

	.mod-box-journal .inner-journal {
		padding: 0 0 25px;
	}

	.mod-box-journal .lead {
		font-size: 14px;
		text-align: left;
		padding: 16px 20px 21px;
	}

	.mod-box-journal .btn {
		width: 220px;
		margin: 10px auto 0;
	}

	.mod-box-journal .btn>a {
		font-size: 16px;
		padding-left: 25px;
		padding-right: 25px;
	}

	.mod-box-journal .btn>a:before {
		font-size: 12px;
		right: 11px;
	}
}

/* 変更リスト */
.mod-box-edit {
	width: 100%;
	box-sizing: border-box;
	padding: 0 95px;
	background-color: #efe4c7;
}

.mod-box-edit .list-edit {
	padding: 5px 0;
}

.mod-box-edit .list-edit>li {
	display: table;
	width: 100%;
	padding: 15px 0;
}

.mod-box-edit .list-edit>li:nth-child(n+2) {
	border-top: 2px dotted #a5843d;
}

.mod-box-edit .list-edit>li .box-text {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

.mod-box-edit .list-edit>li .box-text .category {
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
}

.mod-box-edit .list-edit>li .box-text .selection {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	vertical-align: top;
	padding: 0 0 0 20px;
}

.mod-box-edit .list-edit>li .btn {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
}

.mod-box-edit .list-edit>li .btn>a {
	font-size: 14px;
	padding: 8px 5px;
}

@media only screen and (max-width: 736px) {
	.mod-box-edit {
		padding: 0 20px;
	}

	.mod-box-edit .list-edit {
		padding: 10px 0;
	}

	.mod-box-edit .list-edit>li .box-text {
		vertical-align: top;
	}

	.mod-box-edit .list-edit>li .box-text .category {
		display: block;
		font-size: 13px;
	}

	.mod-box-edit .list-edit>li .box-text .selection {
		display: block;
		font-size: 15px;
		padding: 0;
	}

	.mod-box-edit .list-edit>li .btn {
		width: 41px;
	}

	.mod-box-edit .list-edit>li .btn>a {
		font-size: 11px;
	}
}

/* カード紹介バナー */
.mod-bnr-card {
	width: 100%;
	box-sizing: border-box;
	padding: 26px 40px 30px;
	background-color: #efe4c7;
	*zoom: 1;
}

.mod-bnr-card:before, .mod-bnr-card:after {
	content: "";
	display: table;
}

.mod-bnr-card:after {
	clear: both;
}

.mod-bnr-card .sttl {
	font-size: 20px;
	padding: 0 0 15px;
	font-weight: bold;
}

.mod-bnr-card .inner {
	display: table;
	width: 53.88%;
	float: left;
}

.mod-bnr-card .inner .img {
	display: table-cell;
	width: 18.02%;
	line-height: 0;
	vertical-align: top;
	border-radius: 6px;
	overflow: hidden;
}

.mod-bnr-card .inner .box-text {
	display: table-cell;
	vertical-align: middle;
	padding: 18px 20px;
}

.mod-bnr-card .inner .box-text .text {
	font-size: 22px;
	color: #ff5600;
	font-weight: bold;
	padding: 0 0 10px;
}

.mod-bnr-card .inner .box-text .lead {
	font-size: 16px;
}

.mod-bnr-card .mod-list-2col {
	width: 46.12%;
	padding: 14px 0;
	float: right;
}

.mod-bnr-card .mod-list-2col>li>a {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 67px;
	font-size: 16px;
}

.mod-bnr-card .mod-list-2col>li>a:before {
	font-size: 16px;
	right: 10px;
}

.mod-bnr-card .mod-list-2col>li>a .text {
	text-align: center;
	margin: 0 auto;
}

@media only screen and (max-width: 950px) {
	.mod-bnr-card {
		padding-left: 20px;
		padding-right: 20px;
	}

	.mod-bnr-card .mod-list-2col>li>a {
		padding-left: 5px;
		padding-right: 25px;
	}

	.mod-bnr-card .mod-list-2col>li>a:before {
		right: 5px;
	}
}

@media only screen and (max-width: 736px) {
	.mod-bnr-card {
		padding: 11px 15px 15px;
	}

	.mod-bnr-card .sttl {
		font-size: 14px;
		padding: 0 0 7px;
	}

	.mod-bnr-card .inner {
		width: 100%;
		padding: 0 0 15px;
		float: none;
	}

	.mod-bnr-card .inner .img {
		width: 19.05%;
		border-radius: 3px;
	}

	.mod-bnr-card .inner .box-text {
		padding: 8px 0 8px 10px;
	}

	.mod-bnr-card .inner .box-text .text {
		font-size: 14px;
		padding: 0 0 4px;
	}

	.mod-bnr-card .inner .box-text .lead {
		font-size: 12px;
	}

	.mod-bnr-card .mod-list-2col {
		width: 100%;
		padding: 0;
		float: none;
	}

	.mod-bnr-card .mod-list-2col>li>a {
		min-height: 50px;
		font-size: 12px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.mod-bnr-card .mod-list-2col>li>a:before {
		font-size: 15px;
		right: 5px;
	}
}

/* カードPRバナー */
.mod-bnr-cardpr {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px;
}

.mod-bnr-cardpr>a {
	display: table;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 5px 9px;
	border-radius: 10px;
	background-color: #fff;
	position: relative;
}

.mod-bnr-cardpr>a:before {
	display: block;
	content: '\e917';
	width: 16px;
	height: 16px;
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 10px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	margin: -8px 0 0;
	border-radius: 8px;
	background-color: #ff5600;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.mod-bnr-cardpr>a .img {
	display: table-cell;
	width: 19.2%;
	vertical-align: middle;
}

.mod-bnr-cardpr>a .img>span {
	display: block;
	border-radius: 6px;
	overflow: hidden;
}

.mod-bnr-cardpr>a .box-text {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 14px;
}

.mod-bnr-cardpr>a .box-text .text {
	font-size: 13px;
	line-height: 1.8;
	padding: 3px 0;
}

.mod-bnr-cardpr>a .box-text .lead {
	font-size: 18px;
	color: #ff5600;
	line-height: 1.3;
	padding: 3px 0;
}

@media only screen and (min-width: 737px) {
	.mod-bnr-cardpr>a:hover:before, .mod-bnr-cardpr>a:hover .img, .mod-bnr-cardpr>a:hover .box-text {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 736px) {
	.mod-bnr-cardpr {
		padding: 0 5px;
		margin: 0 0 20px;
	}

	.mod-bnr-cardpr>a {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	.mod-bnr-cardpr>a:before {
		bottom: 0;
		right: 0;
	}

	.mod-bnr-cardpr>a .img {
		width: 17.91%;
		vertical-align: top;
	}

	.mod-bnr-cardpr>a .img>span {
		border-radius: 3px;
	}

	.mod-bnr-cardpr>a .box-text {
		vertical-align: top;
		padding: 0 0 0 12px;
	}

	.mod-bnr-cardpr>a .box-text .text {
		font-size: 10px;
		line-height: inherit;
		padding: 3px 0;
	}

	.mod-bnr-cardpr>a .box-text .lead {
		font-size: 14px;
		line-height: inherit;
		padding: 4px 0;
	}
}

/* おすすめコース */
.mod-bnr-recommend {
	width: 100%;
}

.mod-bnr-recommend>div[class^=recommend-]+div {
	border-top: 2px dotted #a5843d;
}

.mod-bnr-recommend>div[class^=recommend-] .sttl {
	font-size: 18px;
	font-weight: bold;
	padding: 15px 0 12px;
}

.mod-bnr-recommend .recommend-course {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 20px;
	*zoom: 1;
}

.mod-bnr-recommend .recommend-course:before, .mod-bnr-recommend .recommend-course:after {
	content: "";
	display: table;
}

.mod-bnr-recommend .recommend-course:after {
	clear: both;
}

.mod-bnr-recommend .recommend-course .box-course {
	display: table;
	width: 53.88%;
	float: left;
}

.mod-bnr-recommend .recommend-course .box-course .img {
	display: table-cell;
	width: 16.22%;
	vertical-align: top;
}

.mod-bnr-recommend .recommend-course .box-course .img>span {
	display: block;
	width: 100%;
	height: 0;
	padding: 100% 0 0;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}

.mod-bnr-recommend .recommend-course .box-course .img>span>img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mod-bnr-recommend .recommend-course .box-course .box-text {
	display: table-cell;
	vertical-align: top;
	padding: 0 30px 0 19px;
}

.mod-bnr-recommend .recommend-course .box-course .box-text .name {
	font-size: 20px;
	color: #ff5600;
	font-weight: bold;
	padding: 2px 0 7px;
}

.mod-bnr-recommend .recommend-course .box-course .box-text .text {
	font-size: 13px;
	line-height: 1.7;
}

.mod-bnr-recommend .recommend-course>ul {
	width: 46.12%;
	float: right;
}

.mod-bnr-recommend .recommend-course>ul>li>a {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	padding-left: 22px;
	padding-right: 22px;
}

.mod-bnr-recommend .recommend-course>ul>li>a:before {
	font-size: 12px;
	right: 10px;
}

.mod-bnr-recommend .recommend-course>ul>li>a .text {
	text-align: center;
	margin: 0 auto;
}

.mod-bnr-recommend .recommend-other {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}

@media only screen and (max-width: 950px) {
	.mod-bnr-recommend .recommend-course>ul>li>a {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 20px;
	}

	.mod-bnr-recommend .recommend-course>ul>li>a:before {
		right: 7px;
	}
}

@media only screen and (max-width: 736px) {
	.mod-bnr-recommend {
		background-color: #efe4c7;
	}

	.mod-bnr-recommend>div[class^=recommend-] .sttl {
		font-size: 14px;
		padding: 10px 0 7px;
	}

	.mod-bnr-recommend .recommend-course {
		padding: 0 15px 15px;
	}

	.mod-bnr-recommend .recommend-course .box-course {
		width: 100%;
		margin: 0 0 14px;
		float: none;
	}

	.mod-bnr-recommend .recommend-course .box-course .img {
		width: 19.05%;
	}

	.mod-bnr-recommend .recommend-course .box-course .img>span {
		border-radius: 3px;
	}

	.mod-bnr-recommend .recommend-course .box-course .box-text {
		padding: 0 0 0 10px;
	}

	.mod-bnr-recommend .recommend-course .box-course .box-text .name {
		font-size: 15px;
		padding: 2px 0 5px;
	}

	.mod-bnr-recommend .recommend-course .box-course .box-text .text {
		font-size: 12px;
		line-height: 1.4;
	}

	.mod-bnr-recommend .recommend-course>ul {
		width: 100%;
		float: none;
	}

	.mod-bnr-recommend .recommend-course>ul>li>a {
		font-size: 12px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.mod-bnr-recommend .recommend-course>ul>li>a:before {
		right: 5px;
	}

	.mod-bnr-recommend .recommend-other {
		padding: 0 15px 10px;
	}
}

/* おすすめ・最寄り店舗バナー */
.mod-bnr-salon {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px;
}

.mod-bnr-salon>a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	*zoom: 1;
}

.mod-bnr-salon>a:before, .mod-bnr-salon>a:after {
	content: "";
	display: table;
}

.mod-bnr-salon>a:after {
	clear: both;
}

.mod-bnr-salon>a .box-text {
	display: inline-block;
	width: 68%;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 10px 0 18px;
}

.mod-bnr-salon>a .box-text .sttl {
	font-size: 14px;
	color: #a67b1e;
	letter-spacing: 0.05em;
	padding: 15px 0 0;
}

.mod-bnr-salon>a .box-text .name {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 8px 0 4px;
}

.mod-bnr-salon>a .box-text .text {
	font-size: 13px;
	padding: 0 0 10px;
}

.mod-bnr-salon>a .img {
	width: 32%;
	line-height: 0;
	float: right;
}

.mod-bnr-salon>a .img img {
	vertical-align: baseline;
}

@media only screen and (min-width: 737px) {
	.mod-bnr-salon>a:hover .box-text, .mod-bnr-salon>a:hover .img {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 736px) {
	.mod-bnr-salon {
		margin: 0 0 20px;
	}

	.mod-bnr-salon>a {
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	}

	.mod-bnr-salon>a .box-text {
		width: 60.97%;
		padding: 0 5px 0 15px;
	}

	.mod-bnr-salon>a .box-text .sttl {
		font-size: 12px;
		padding: 10px 0 0;
	}

	.mod-bnr-salon>a .box-text .name {
		font-size: 15px;
		padding: 10px 0 6px;
	}

	.mod-bnr-salon>a .box-text .text {
		font-size: 11px;
		padding: 0 0 6px;
	}

	.mod-bnr-salon>a .img {
		width: 39.03%;
	}
}

/* 店舗リンクバナー */
.mod-link-salon {
	border-radius: 14px;
	background-color: #fff;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	position: relative;
}

.mod-link-salon>a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.mod-link-salon>a:before {
	display: block;
	content: '\e919';
	width: 22px;
	height: 22px;
	font-family: 'iconfont';
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	border-radius: 11px;
	background-color: #ff5600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 20px;
	right: 20px;
}

.mod-link-salon>a.no-icon:before {
	content: none;
}

.mod-link-salon .name {
	width: 100%;
	font-size: 24px;
	color: #ff5600;
	font-weight: bold;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 23px 50px 16px 30px;
}

.mod-link-salon .box-info {
	display: table;
	width: 100%;
	padding: 0 30px;
}

.mod-link-salon .box-info .img {
	display: table-cell;
	width: 11.63%;
	line-height: 0;
	vertical-align: top;
	padding: 4px 0 17px;
}

.mod-link-salon .box-info .img .inner {
	display: block;
	width: 100%;
	height: 0;
	padding: 100% 0 0;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.mod-link-salon .box-info .img .inner img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mod-link-salon .box-info .box-text {
	display: table-cell;
	width: 88.37%;
	font-size: 16px;
	line-height: 1.5;
	vertical-align: top;
	padding: 0 160px 13px 20px;
}

.mod-link-salon .box-info .box-text>dt {
	display: block;
	clear: both;
	float: left;
}

.mod-link-salon .box-info .box-text>dd {
	display: block;
	padding: 0 0 6px;
}

.mod-link-salon .mod-list-icn {
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px 10px;
	margin: 0;
}

.mod-link-salon .note {
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px 30px;
	font-size: 16px;
	color: #ff5600;
	font-weight: bold;
	line-height: 1.4;
}

.mod-link-salon .note .u-icn {
	font-size: 18px;
}

.mod-link-salon .note .u-icn:before {
	margin: -1px 4px 0 0;
}

.mod-link-salon .btn-reservation {
	width: 155px;
	position: absolute;
	top: 78px;
	right: 30px;
}

.mod-link-salon .btn-reservation>ul>li {
	width: 100%;
	padding: 0;
}

.mod-link-salon .btn-reservation>ul>li>a {
	font-size: 14px;
	padding: 7px 20px;
	border-radius: 6px;
}

.mod-link-salon .btn-reservation>ul>li>a:before {
	font-size: 10px;
	right: 10px;
}

.mod-link-salon .btn-reservation>ul>li:nth-child(2) {
	display: none;
}

@media only screen and (min-width: 737px) {
	.mod-link-salon>a.link-salon:hover {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 736px) {
	.mod-link-salon {
		border-radius: 7px;
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	}

	.mod-link-salon>a:before {
		width: 16px;
		height: 16px;
		font-size: 10px;
		line-height: 16px;
		border-radius: 8px;
		top: 10px;
		right: 10px;
	}

	.mod-link-salon .name {
		font-size: 16px;
		padding: 8px 30px 8px 10px;
	}

	.mod-link-salon .box-info {
		padding: 0 10px;
	}

	.mod-link-salon .box-info .img {
		width: 24.62%;
		padding: 0 0 10px;
	}

	.mod-link-salon .box-info .img .inner {
		border-radius: 5px;
	}

	.mod-link-salon .box-info .box-text {
		width: 75.38%;
		font-size: 12px;
		padding: 7px 0 9px 8px;
	}

	.mod-link-salon .box-info .box-text>dd {
		padding: 0 0 6px;
	}

	.mod-link-salon .mod-list-icn {
		padding: 0 11px 5px;
		margin: 0;
	}

	.mod-link-salon .mod-list-icn>li .img {
		width: 22px;
	}

	.mod-link-salon .mod-list-icn>li .text {
		font-size: 11px;
	}

	.mod-link-salon .note {
		/*height: 39px;*/
		padding: 10px 16px 10px 29px;
		margin: 0 auto;
		font-size: 13px;
		line-height: 20px;
		position: relative;
	}

	.mod-link-salon .note .u-icn {
		font-size: 12px;
		line-height: 0;
		position: absolute;
		top: 50%;
		left: 16px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mod-link-salon .btn-reservation {
		width: 100%;
		position: static;
		/*height: 52px;*/
		box-sizing: border-box;
		padding: 0 10px;
		top: auto;
		bottom: 39px;
		left: 0;
		right: auto;
	}

	.mod-link-salon .btn-reservation>ul {
		width: 100%;
		box-sizing: border-box;
		padding: 5px;
		background-color: #efe4c7;
	}

	.mod-link-salon .btn-reservation>ul>li {
		width: 50%;
	}

	.mod-link-salon .btn-reservation>ul>li>a {
		font-size: 14px;
		padding: 11px 20px;
	}

	.mod-link-salon .btn-reservation>ul>li>a:before {
		font-size: 12px;
		right: 8px;
	}

	.mod-link-salon .btn-reservation>ul>li:first-child {
		padding-right: 2.5px;
	}

	.mod-link-salon .btn-reservation>ul>li:nth-child(2) {
		display: block;
		padding-left: 2.5px;
	}
}

/* 関連バナー */
.mod-bnr-related {
	width: 100%;
	box-sizing: border-box;
	background-color: #a67b1e;
}

.mod-bnr-related .ttl {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 34px 0 35px;
}

.mod-bnr-related .wrp-related-slider {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 58px;
	overflow: hidden;
}
.mod-bnr-related .img img {
  height: 121px;
}

@media only screen and (max-width: 736px) {
	.mod-bnr-related .ttl {
		font-size: 16px;
		padding: 22px 15px 17px;
	}

	.mod-bnr-related .wrp-related-slider {
		padding: 0 0 40px;
	}
	.mod-bnr-related .img img {
    	height: 91px;
  	}
}

/* お気に入り店舗追加 */
.mod-ask-favorite {
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0 30px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 7;
}

.mod-ask-favorite .inner-ask-favorite {
	width: 100%;
	max-width: 950px;
	box-sizing: border-box;
	padding: 0 15px;
	margin: 0 auto;
}

.mod-ask-favorite .question {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	padding: 0 0 15px;
}

.mod-ask-favorite .question>span {
	display: inline-block;
	text-indent: 34px;
	background-image: url(/img/common/icn_favorite.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 24px auto;
}

.mod-ask-favorite .note {
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.mod-ask-favorite .box-btn {
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0 0;
}

.mod-ask-favorite .box-btn>ul {
	width: 350px;
	margin: 0 auto;
}

.mod-ask-favorite .box-btn>ul>li {
	width: 160px;
}

.mod-ask-favorite .box-btn>ul>li:first-child {
	padding-right: 15px;
}

.mod-ask-favorite .box-btn>ul>li:nth-child(2) {
	padding-left: 15px;
}

.mod-ask-favorite .box-btn>ul>li:nth-child(2)>a {
	color: #ff5600;
	font-weight: bold;
}

@media only screen and (min-width: 737px) {
	.mod-ask-favorite .box-btn>ul>li>a:hover {
		opacity: 0.8;
	}
}

@media only screen and (max-width: 736px) {
	.mod-ask-favorite {
		padding: 15px 0;
	}

	.mod-ask-favorite .inner-ask-favorite {
		padding: 0 10px;
	}

	.mod-ask-favorite .question {
		font-size: 14px;
		padding: 0 0 6px;
	}

	.mod-ask-favorite .question>span {
		text-indent: 20px;
		background-position: left 2px;
		background-size: 15px auto;
	}

	.mod-ask-favorite .note {
		font-size: 11px;
	}

	.mod-ask-favorite .box-btn {
		padding: 11px 42px 0;
	}

	.mod-ask-favorite .box-btn>ul {
		width: 100%;
	}

	.mod-ask-favorite .box-btn>ul>li {
		width: 50%;
	}

	.mod-ask-favorite .box-btn>ul>li:first-child {
		padding-right: 2.5px;
	}

	.mod-ask-favorite .box-btn>ul>li:first-child>a {
		font-size: 12px;
	}

	.mod-ask-favorite .box-btn>ul>li:nth-child(2) {
		padding-left: 2.5px;
	}
}

/* リピーター向け要素 */
.mod-box-repeaterelm {
	width: 100%;
	background-color: #faf3dd;
}

.mod-box-repeaterelm .inner-box-repeaterelm {
	width: 100%;
	max-width: 1090px;
	box-sizing: border-box;
	padding: 0 4.12%;
	margin: 0 auto;
}

.mod-box-repeaterelm .inner-box-repeaterelm .box-inner {
	width: 100%;
	box-sizing: border-box;
	padding: 40px;
	background-color: #efe4c7;
}

@media only screen and (min-width: 1091px) {
	.mod-box-repeaterelm .inner-box-repeaterelm {
		padding-left: 45px;
		padding-right: 45px;
	}
}

@media only screen and (max-width: 736px) {
	.mod-box-repeaterelm .inner-box-repeaterelm {
		padding: 0;
	}

	.mod-box-repeaterelm .inner-box-repeaterelm .box-inner {
		padding: 0;
		background-color: transparent;
	}
}

/* ページネーション */
.mod-box-pager {
	background-color: #e6e6e6;
}

.mod-box-pager .inner-box-pager {
	display: block;
	width: 100%;
	font-size: 0;
	text-align: center;
	box-sizing: border-box;
	padding: 25px 0;
	margin: 0 auto;
}

.mod-box-pager .btn-pager {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	padding: 7px 2px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.mod-box-pager .btn-pager.active {
	color: #ff5600;
}

.mod-box-pager .btn-prev, .mod-box-pager .btn-next {
	display: inline-block;
	vertical-align: middle;
}

.mod-box-pager .btn-prev>a, .mod-box-pager .btn-next>a {
	width: 36px;
	background-color: #ff5600;
	position: relative;
}

.mod-box-pager .btn-prev>a .text, .mod-box-pager .btn-next>a .text {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.mod-box-pager .btn-prev>a .text:before, .mod-box-pager .btn-next>a .text:before {
	display: block;
	font-size: 13px;
	color: #fff;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mod-box-pager ul {
	display: inline-block;
	font-size: 0;
	text-align: center;
	vertical-align: middle;
	padding: 0 3px;
	position: relative;
}

.mod-box-pager ul:before, .mod-box-pager ul:after {
	display: inline-block;
	content: '…';
	width: 25px;
	height: 36px;
	font-size: 16px;
	color: #000;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
}

.mod-box-pager ul.list-pager-begin:before {
	display: none;
}

.mod-box-pager ul.list-pager-end:after {
	display: none;
}

.mod-box-pager ul>li {
	display: inline-block;
	min-width: 32px;
	font-size: 16px;
	vertical-align: middle;
	box-sizing: content-box;
	padding: 0 3px;
}

@media only screen and (min-width: 737px) {
	.mod-box-pager a.btn-pager:hover {
		color: #ff5600;
	}

	.mod-box-pager .btn-prev>a:hover, .mod-box-pager .btn-next>a:hover {
		background-color: #ff8f00;
	}
}

@media only screen and (max-width: 736px) {
	.mod-box-pager .inner-box-pager {
		padding: 20px 10px;
	}

	.mod-box-pager .btn-pager {
		padding: 6px 2px 5px;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	}

	.mod-box-pager .btn-prev>a, .mod-box-pager .btn-next>a {
		width: 30px;
	}

	.mod-box-pager .btn-prev>a .text:before, .mod-box-pager .btn-next>a .text:before {
		font-size: 13px;
	}

	.mod-box-pager ul {
		padding: 0 1px;
	}

	.mod-box-pager ul:before, .mod-box-pager ul:after {
		width: 16px;
		height: 33px;
		font-size: 10px;
		line-height: 33px;
	}

	.mod-box-pager ul>li {
		min-width: 27px;
		font-size: 14px;
		padding: 0 1px;
	}
}

div.top-notification div {
	background-color: #ffe699;
	padding: 10px 0;
	font-weight: 700;
	color: #000;
	text-align: center;
	font-size: 90%;
	border: none;
}

div.top-notification div span {
	position: relative;
	padding-right: 20px;
}

div.top-notification div span:before {
	line-height: 0;
	position: absolute;
	top: 50%;
	right: 0;
	font-size: 90%;
}

.js-fix-elm div.top-notification {
	display: none;
}

.js-fix-elm.fixed div.top-notification {
	display: block;
}