@charset "UTF-8";
.container,
body {
	width: 100%;
	position: relative
}

.container,
.inner,
body {
	position: relative
}

.md--mainvisual,
footer .footerContents {
	background-size: cover;
	background-repeat: no-repeat
}

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

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

a {
	color: #fff;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}

a:link,
a:visited {
	color: #fff
}

a:hover {
	color: #fff;
	text-decoration: underline
}

footer .footContentsNavList li a:hover,
header .inner_contents nav .headContentsNavList li:hover a {
	text-decoration: none
}

.view_pc {
	display: block!important
}

.view_sp {
	display: none!important
}

@media only screen and (max-width:568px) {
	.view_pc {
		display: none!important
	}
	.view_sp {
		display: block!important
	}
}

.view_pc_inline {
	display: inline-block!important
}

.view_sp_inline {
	display: none!important
}

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased
}

body {
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size: 1.6em;
	background-color: #f2f2f2;
	min-width: 960px
}

.md--mainvisual .pageTitle h2,
footer small {
	font-family: "Times New Roman"
}

article {
	background-color: #fff;
	width: 960px;
	margin: 50px auto 120px
}

@media only screen and (max-width:568px) {
	.view_pc_inline {
		display: none!important
	}
	.view_sp_inline {
		display: block!important
	}
	body {
		min-width: 320px
	}
	.container {
		overflow-x: hidden
	}
	article {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0
	}
}

.inner_contents {
	width: 960px;
	margin-left: auto;
	margin-right: auto
}

.inner_article {
	padding: 45px 40px
}

@media only screen and (max-width:568px) {
	.inner_contents {
		width: 93.75%
	}
	.inner_article {
		padding: 30px 15px
	}
	header {
		height: 56px
	}
}

header {
	background-color: rgba(132, 7, 127, .6);
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999
}

header .inner_contents {
	padding-top: 24px;
	padding-bottom: 12px
}

header .inner_contents h1 {
	text-align: center;
	margin-bottom: 24px
}

@media only screen and (max-width:568px) {
	header .inner_contents {
		padding-top: 0;
		padding-bottom: 0;
		width: 100%
	}
	header .inner_contents h1 {
		margin-bottom: 0;
		padding-top: 16px
	}
}

header .inner_contents h1 a {
	display: inline-block
}

header .inner_contents h1 a span {
	width: 146px;
	display: inline-block
}

header .inner_contents nav .headContentsNavList {
	font-size: 0;
	text-align: center
}

header .inner_contents nav .headContentsNavList li {
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: 18px;
	display: inline-block
}

@media only screen and (max-width:568px) {
	header .inner_contents h1 a span {
		width: 94px
	}
	header .inner_contents nav {
		position: absolute;
		right: -208px;
		top: 56px;
		width: 208px;
		background-color: #84077f
	}
	header .inner_contents nav .headContentsNavList {
		text-align: left
	}
	header .inner_contents nav .headContentsNavList li {
		display: block;
		margin-left: 0;
		border-bottom: 1px solid #a660a3!important;
		font-size: 14px;
		font-size: 1.4rem
	}
	header .inner_contents nav .headContentsNavList li a {
		padding: 10px 20px;
		display: block
	}
}

header .inner_contents nav .headContentsNavList .is_current,
header .inner_contents nav .headContentsNavList li:hover {
	border-bottom: 2px solid #e8f405
}

header .inner_contents nav .headContentsNavList li:first-child {
	margin-left: 0
}

header .inner_contents .langage {
	position: absolute;
	top: 0;
	right: 0
}

header .inner_contents .langage img {
	vertical-align: top
}

header .inner_contents .menuBtn {
	display: none
}

@media only screen and (max-width:568px) {
	header .inner_contents .langage {
		display: none
	}
	header .inner_contents .menuBtn {
		display: block;
		position: absolute;
		top: 14px;
		right: 14px;
		width: 30px
	}
}

header .inner_contents .menuBtn a {
	display: block
}

header .fixedNav {
	position: fixed;
	top: 140px;
	left: 0
}

header .fixedNav li {
	width: 40px;
	margin-top: 5px
}

header .fixedNav li:first-child {
	margin-top: 0
}

.md--col .md--col_left {
	float: left
}

@media only screen and (max-width:568px) {
	header .fixedNav {
		top: 25px
	}
	header .fixedNav li {
		margin-top: 2px;
		width: 33px
	}
	.md--col .md--col_left {
		float: none;
		width: 100%!important
	}
}

.md--col .md--col_right {
	float: right
}

@media only screen and (max-width:568px) {
	.md--col .md--col_right {
		float: none;
		width: 100%!important
	}
}

.md--col_480-480 .md--col_left,
.md--col_480-480 .md--col_right {
	width: 480px
}

.md--col_470-470 .md--col_left,
.md--col_470-470 .md--col_right {
	width: 470px
}

.md--col_440-470 .md--col_left {
	width: 440px
}

.md--col_440-470 .md--col_right {
	width: 470px
}

.english .md--readingTxt {
	text-align: justify
}

.md--readingTxt_type01 {
	color: #fff;
	line-height: 2.125
}

@media only screen and (max-width:568px) {
	.md--readingTxt_type01 {
		font-size: 10px;
		font-size: 1rem;
		line-height: 2.1
	}
}

.md--readingTxt_type02 {
	line-height: 2.28;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 35px
}

.md--mainvisual {
	width: 100%;
	height: 404px;
	padding-top: 210px;
	background-position: center center;
	text-align: center
}

@media only screen and (max-width:568px) {
	.md--readingTxt_type02 {
		font-size: 10px;
		font-size: 1rem;
		line-height: 2;
		margin-bottom: 20px
	}
	.md--mainvisual {
		height: 180px;
		padding-top: 82px
	}
}

.md--mainvisual .pageTitle {
	display: inline-block;
	border: 2px solid #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 70px
}

.md--mainvisual .pageTitle h2 {
	font-size: 32px;
	font-size: 3.2rem;
	text-align: center;
	color: #fff;
	letter-spacing: .06em
}

@media only screen and (max-width:568px) {
	.md--mainvisual .pageTitle {
		padding: 12px 15px
	}
	.md--mainvisual .pageTitle h2 {
		font-size: 16px;
		font-size: 1.6rem
	}
}

.md--mainvisual .pageTitle p {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	color: #fff
}

@media only screen and (max-width:568px) {
	.md--mainvisual .pageTitle p {
		font-size: 9px;
		font-size: .9rem
	}
}

.md--mainvisual_about {
	background-image: url(/_images/about/bg_mainvisual.jpg)
}

.md--mainvisual_faq {
	background-image: url(/_images/faq/bg_mainvisual.jpg)
}

.md--mainvisual_staff {
	background-image: url(/_images/staff/bg_mainvisual.jpg)
}

.md--mainvisual_gallery {
	background-image: url(/_images/gallery/bg_mainvisual.jpg)
}
.md--mainvisual_facial {
	background-image: url(/_images/facial/bg_mainvisual.jpg)
}
.md--mainvisual_menu {
	background-image: url(/_images/menu/bg_mainvisual.jpg)
}

.md--mainvisual_waxing {
	background-image: url(/_images/waxing/bg_mainvisual.jpg)
}

.md--mainvisual_products {
	background-image: url(/_images/products/bg_mainvisual.jpg)
}

.md--breadBar {
	background-color: #84077f
}

.md--breadBar .breadList {
	font-size: 0;
	text-align: right
}

.md--breadBar .breadList li {
	display: inline-block;
	line-height: 32px;
	border-right: 1px solid #c283bf;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-size: 1.2rem
}

.md--breadBar .breadList li:first-child {
	border-left: 1px solid #c283bf
}

.md--breadBar .breadList li a {
	display: block
}

.md--breadBar .breadList .is_current {
	background-color: #fff;
	color: #5f195f
}

.md--headline_type01 {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	margin-bottom: 34px;
	font-weight: 400
}

.md--headline_type01 span {
	width: 300px;
	display: inline-block;
	background-color: #84077f;
	padding-top: 16px;
	padding-bottom: 16px
}

@media only screen and (max-width:568px) {
	.md--headline_type01 {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 20px
	}
	.md--headline_type01 span {
		width: 230px;
		padding-top: 10px;
		padding-bottom: 10px
	}
}

.md--headline_type02 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #5f195f;
	border-bottom: 4px solid #5f195f;
	padding-bottom: 18px;
	padding-left: 20px;
	font-weight: 400
}

.md--headline_type03,
.md--headline_type04 {
	color: #fff;
	font-weight: 400;
	background-color: #84077f
}

@media only screen and (max-width:568px) {
	.md--headline_type02 {
		font-size: 14px;
		font-size: 1.4rem;
		padding-left: 10px;
		padding-bottom: 10px;
		border-bottom: 2px solid #5f195f
	}
}

.md--headline_type03 {
	font-size: 20px;
	font-size: 2rem;
	padding: 10px 18px;
	display: inline-block;
	border: 1px solid #5f195f
}

@media only screen and (max-width:568px) {
	.md--headline_type03 {
		font-size: 14px;
		font-size: 1.4rem;
		width: 230px;
		margin-left: auto;
		margin-right: auto;
		padding: 6px;
		text-align: center;
		display: block
	}
}

.md--headline_type04 {
	font-size: 20px;
	font-size: 2rem;
	padding: 10px 18px;
	display: inline-block;
	margin-bottom: 30px
}

.md--textBlock_type01 {
	margin-bottom: 35px
}

@media only screen and (max-width:568px) {
	.md--headline_type04 {
		font-size: 14px;
		font-size: 1.4rem;
		width: 230px;
		margin-left: auto;
		margin-right: auto;
		padding: 6px;
		text-align: center;
		display: block
	}
	.md--textBlock_type01 {
		margin-bottom: 20px
	}
}

.md--btn_type01 {
	text-align: center
}

.md--btn_type01 span {
	display: inline-block
}

.md--btn_type01 span a {
	width: 300px;
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #5f195f;
	border: 1px solid #5f195f;
	-webkit-transition: box-shadow .1s linear;
	transition: box-shadow .1s linear;
	background-image: url(/_images/common/icon_arrow_02.png);
	background-position: 94% center;
	background-repeat: no-repeat
}

.md--btn_type01 span a:hover {
	box-shadow: 0 0 0 3px #5f195f inset;
	text-decoration: none
}

@media only screen and (max-width:568px) {
	.md--btn_type01 span {
		display: block
	}
	.md--btn_type01 span a:hover {
		box-shadow: none
	}
	.md--btn_type01 span a {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%
	}
}

.md--table_type01 {
	width: 100%
}

.md--table_type01 thead tr {
	border-bottom: 4px solid #84077f
}

.md--table_type01 thead tr td,
.md--table_type01 thead tr th {
	color: #84077f;
	text-align: center;
	padding: 10px 20px
}

@media only screen and (max-width:568px) {
	.md--table_type01 thead tr td,
	.md--table_type01 thead tr th {
		font-size: 10px;
		font-size: 1rem;
		padding: 5px 10px
	}
}

.md--table_type01 thead tr th {
	width: 570px;
	text-align: left;
	font-weight: 400
}

.md--table_type01 tbody tr {
	border-bottom: 1px solid #c3c3c3
}

.md--table_type01 tbody tr td,
.md--table_type01 tbody tr th {
	text-align: center;
	padding: 10px 20px;
	vertical-align: middle;
}

@media only screen and (max-width:568px) {
	.md--table_type01 tbody tr td,
	.md--table_type01 tbody tr th {
		font-size: 10px;
		font-size: 1rem;
		padding: 5px 10px
	}
}

.md--table_type01 tbody tr th {
	width: 570px;
	text-align: left;
	font-weight: 400
}

footer .footerContents .address,
footer .footerContents .scrollTop,
footer .footerContents .socialList,
footer small {
	text-align: center
}

footer .footContentsNavList {
	display: none;
	font-size: 0
}

@media only screen and (max-width:568px) {
	footer .footContentsNavList {
		display: block
	}
}

footer .footContentsNavList li {
	display: inline-block;
	width: 50%;
	border-bottom: 1px solid #a660a3;
	border-left: 1px solid #a660a3;
	background-color: #84077f
}

footer .footContentsNavList li:nth-child(2n+1) {
	border-left: none
}

footer .footContentsNavList li a {
	display: block;
	padding: 8px 15px;
	font-size: 14px;
	font-size: 1.4rem
}

footer .footerContents .footerLogo a span,
footer .footerContents .scrollTop a,
footer .footerContents .scrollTop a span {
	display: inline-block
}

footer .footerContents {
	background-image: url(/_images/common/bg_footer.jpg);
	background-position: center center;
	padding-top: 60px;
	padding-bottom: 60px
}

footer .footerContents .footerLogo {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px
}

@media only screen and (max-width:568px) {
	footer .footerContents {
		padding-top: 20px;
		padding-bottom: 30px
	}
	footer .footerContents .scrollTop a span {
		width: 20px
	}
	footer .footerContents .footerLogo {
		margin-top: 13px;
		margin-bottom: 13px
	}
	footer .footerContents .footerLogo a span {
		width: 130px
	}
}

footer .footerContents .address {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
	margin-bottom: 60px
}

footer .footerContents .socialList li {
	display: inline-block;
	margin-left: 50px
}

@media only screen and (max-width:568px) {
	footer .footerContents .address {
		margin-bottom: 25px;
		font-size: 9px;
		font-size: .9rem
	}
	footer .footerContents .socialList li {
		width: 40px;
		margin-left: 28px
	}
}

footer .footerContents .socialList li:first-child {
	margin-left: 0
}

footer small {
	display: block;
	width: 100%;
	background: #000;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 10px;
	font-size: 1rem;
	color: #fff;
	letter-spacing: .1em
}

@media only screen and (max-width:568px) {
	footer small {
		font-size: 9px;
		font-size: .9rem;
		letter-spacing: inherit
	}
}