@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
*/
}

ul, ol {
	list-style-type:none;
}

h1, h2, h3 {
	font-size: 100%;
	font-weight: normal;
}

/* ========================================================================== */

html, body {
	height: 100%;
	-webkit-overflow-scrolling: touch !important;
	overflow-scrolling: touch;
}

body {
	position: relative;
	height: 100%;
	min-width: 1000px;
	min-height: 100%;
	line-height: 1;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, "Yu Gothic", YuGothic, sans-serif;
	font-size: 100%;
//	-webkit-overflow-scrolling: touch !important;
//	-ms-user-select: none;
//	-moz-user-select: none;
//	-webkit-user-select: none;
}

@media (max-width: 999px) {
	body {
		min-width: 100%;
	}
}

/* ========================================================================== */

button, input, select, textarea, pre {
	font-family: inherit;
	font-size: 100%;
}

button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner{
	border :0px;
}

img {
	vertical-align: middle;
}

a:link ,a:visited, a:hover, a:active {
/*	color: #ffffff; */
	text-decoration: none;
}

a:hover{
	cursor: pointer;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	zoom: 1;
	transition: 0.7s;
}

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


.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.listline {
	height: 1px;
	background: rgb(209,32,135);
	background: -moz-linear-gradient(left,  rgba(209,32,135,1) 0, rgba(209,32,135,1) 60px, rgba(179,179,179,1) 60px, rgba(179,179,179,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(209,32,135,1) 0,rgba(209,32,135,1) 60px,rgba(179,179,179,1) 60px,rgba(179,179,179,1) 100%);
	background: linear-gradient(to right,  rgba(209,32,135,1) 0,rgba(209,32,135,1) 60px,rgba(179,179,179,1) 60px,rgba(179,179,179,1) 100%);
}

/* ========================================================================== */

.display_sp {
	display: none;
}

@media (max-width: 999px) {
	.display_pc {
		display: none;
	}

	.display_sp {
		display: inline-block;
	}
}

/* ========================================================================== */

.heading{
	display: none;
}

#header {
	z-index: 999;
	position: fixed;
	top: 0;
	width: 100%;
	height: 75px;
	background-color: rgba(255,255,255);
}

.headerline {
	height: 108px;
	border-bottom: 1px solid #d3d3d3;
}

#header > .wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 75px;
}

#header > .wrapper > .logo {
	position: absolute;
	top: 20px;
	left: 0;

}

#header > .wrapper > .logo img {
	width: 132px;
	height: 39px;
}

#header > .wrapper > a > .contact {
	display: none;
	font-size: 0;
}

#header > .wrapper > .menu {
	display: none;
}

#header > .wrapper ul {
	position: absolute;
	top: 30px;
	left: 150px;
	height: 41px;
	font-size: 0;
}

#header > .wrapper .tel_pc {
	position: absolute;
	top: 20px;
	right: 0;
}
#header > .wrapper .tel_sp {
	display: none
}

#header > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}

#header > .wrapper ul li {
	float: left;
	margin: 0 6px 0 6px;
	padding: 0 8px;
	height: 25px;
}

#header > .wrapper ul li.top {
	width: 38px;
	background: url("../image/header/nav_top.png") no-repeat center 0;
}

#header > .wrapper ul li.concept {
	width: 65px;
	background: url("../image/header/nav_concept.png") no-repeat center 0;
}

#header > .wrapper ul li.menu {
	width: 54px;
	background: url("../image/header/nav_menu.png") no-repeat center 0;
}

#header > .wrapper ul li.style {
	display: none;
	width: 39px;
	background: url("../image/header/nav_style.png") no-repeat center 0;
}

#header > .wrapper ul li.staff {
	width: 53px;
	background: url("../image/header/nav_staff.png") no-repeat center 0;
}

#header > .wrapper ul li.product {
	width: 28px;
	background: url("../image/header/nav_product.png") no-repeat center 0;
}

#header > .wrapper ul li.facilities {
	width: 56px;
	background: url("../image/header/nav_facilities.png") no-repeat center 0;
}

#header > .wrapper ul li.info {
	width: 39px;
	background: url("../image/header/nav_info.png") no-repeat center 0;
}

#header > .wrapper ul li.shop {
	width: 56px;
	background: url("../image/header/nav_shop.png") no-repeat center 0;
}

#header > .wrapper ul li.recruit {
	width: 56px;
	background: url("../image/header/nav_recruit.png") no-repeat center 0;
}

#header > .wrapper ul li.news {
	display: none;
	width: 45px;
	background: url("../image/header/nav_news.png") no-repeat center 0;
}

#header > .wrapper ul li.current {
	border-bottom: 3px solid #d12087;
}

#header > .wrapper ul li:hover {
	border-bottom: 3px solid #d12087;
}

#header > .wrapper ul li > a {
	display: block;
	height: 25px;
	font-size: 0;
	text-decoration: none;
}

#header > .wrapper .external {
	display: none;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#header {
		height: 50px;
		background-color: rgba(255,255,255,1);
	}

	.headerline {
		border-bottom: none;
	}

	#header > .wrapper {
		width: 100%;
		height: 50px;
	}
	#header > .wrapper .tel_pc {
		display: none;
	}
	#header > .wrapper .tel_sp {
		display: block;
		position: absolute;
		top: 18px;
		right: 65px;
	}
	#header > .wrapper ul {
		left: 0;
	}
	#header > .wrapper > .logo {
		bottom: 10px;
		top: auto;
		left: 10px;
	}

	#header > .wrapper > .logo img {
		width: 93px;
		height: 27px;
	}

	#header > .wrapper > a > .contact {
		display: block;
		position: absolute;
		top :10px;
		right: 66px;
		width: 30px;
		height: 30px;
		background: url("../image/header/contact.png") no-repeat center;
		background-size: 30px;
	}

	#header > .wrapper > label {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		background: url("../image/header/menu_open.png") no-repeat center;
		background-size: 30px;
	}

	#header > .wrapper > .menu:checked + label {
		background: url("../image/header/menu_close.png") no-repeat center;
		background-size: 22px;
	}

	#header > .wrapper > .menu:checked ~ .nav {
		display: block;
	}

	#header > .wrapper .nav {
		display: none;
	}

	#header > .wrapper ul {
		position: absolute;
		top: 50px;
		right: 0;
		width: 100%;
		height: 368px;
	}

	#header > .wrapper ul li {
		float: none;
		margin: 0;
		padding: 0;
		height: 51px;
		border-left: none;
		border-right: none;
	}

	#header > .wrapper ul li.top {
		display: none;
	}

	#header > .wrapper ul li.concept {
		width: 100%;
		background: #d12087 url("../image/header/nav_concept_sp.png") no-repeat center;
		background-size: 93px;
	}

	#header > .wrapper ul li.menu {
		width: 100%;
		background: #d12087 url("../image/header/nav_menu_sp.png") no-repeat center;
		background-size: 77px;
	}

	#header > .wrapper ul li.style {
		width: 100%;
		background: #d12087 url("../image/header/nav_style_sp.png") no-repeat center;
		background-size: 51px;
	}

	#header > .wrapper ul li.staff {
		width: 100%;
		background: #d12087 url("../image/header/nav_staff_sp.png") no-repeat center;
		background-size: 76px;
	}

	#header > .wrapper ul li.product {
		width: 100%;
		background: #d12087 url("../image/header/nav_product_sp.png") no-repeat center;
		background-size: 39px;
	}
	
	#header > .wrapper ul li.facilities {
		width: 100%;
		background: #d12087 url("../image/header/nav_facilities_sp.png") no-repeat center;
		background-size: 80px;
	}

	#header > .wrapper ul li.shop {
		width: 100%;
		background: #d12087 url("../image/header/nav_shop_sp.png") no-repeat center;
		background-size: 80px;
	}

	#header > .wrapper ul li.recruit {
		width: 100%;
		background: #d12087 url("../image/header/nav_recruit_sp.png") no-repeat center;
		background-size: 80px;
	}

	#header > .wrapper ul li.news {
		width: 100%;
		background: #d12087 url("../image/header/nav_news_sp.png") no-repeat center;
		background-size: 53px;
	}

	#header > .wrapper ul li.current {
		border: none;
	}

	#header > .wrapper ul li:hover {
		border: none;
	}

	#header > .wrapper ul li > a {
		height: 50px;
		border-bottom: 1px dotted #ffffff;
	}

	#header > .wrapper .external {
		display: block;
		position: absolute;
/*		top: 407px; */
		top: 356px;
		left: 0;
		width: 100%;
		height: 60px;
		background-color: #d12087;
		border-bottom: 1px dotted #ffffff;
	}

	#header > .wrapper .external .facebook {
		position: absolute;
		top: 15px;
		left: calc((100%) / 2 - 48px);
		width: 30px;
		height: 30px;
		font-size: 0;
		background: url("../image/header/facebook.png") no-repeat center;
		background-size: 30px;
	}

	#header > .wrapper .external .instagram {
		position: absolute;
		top: 15px;
		right: calc((100%) / 2 - 48px);
		width: 30px;
		height: 30px;
		font-size: 0;
		background: url("../image/header/instagram.png") no-repeat center;
		background-size: 30px;
	}

}

/* ========================================================================== */

#footer {
	background-color: #666666;
}

#footer > .wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 295px;
}

#footer > .wrapper .about {
	position: absolute;
	top: 40px;
	left: 0;
	width: 300px;
	color: #ffffff;
}

#footer > .wrapper .about > .logo {
	width: 244px;
	height: 25px;
}

#footer > .wrapper .about > .logo img {
	width: 100%;
}

#footer > .wrapper .about > p {
	height: 23px;
	line-height: 23px;
	font-size: 14px;
}

#footer > .wrapper .about > p.name {
	margin: 5px 0 15px 0;
	font-size: 13px;
}

#footer > .wrapper .banner {
	position: absolute;
	top: 40px;
	right: 0;
	width: 336px;
	height: 62px;
	font-size: 0;
	background: url("../image/footer/telephone.png") no-repeat;
}

#footer > .wrapper .sns {
	position: absolute;
	top: 122px;
	right: 0;
}

#footer > .wrapper .sns img {
	margin: 0 0 0 20px;
	width: 39px;
}
#footer > .wrapper .card_box {
}

#footer > .wrapper .card_box .card_upper {
	position: absolute;
	top: 190px;
	width: 100%;
	text-align: left;
}
#footer > .wrapper .card_box .card_lower {
	position: absolute;
	top: 196px;
	left: 222px;
	width: calc(100% - 222px);
	text-align: left;
}
#footer > .wrapper .card_box .card_lower img {
	padding-right: 5px;
}
#footer > .wrapper .copyright {
	position: absolute;
	top: 270px;
	width: 100%;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#footer > .wrapper {
		padding: 26px 0 70px 0;
		width: 100%;
		height: auto;
	}

	#footer > .wrapper .about {
		position: static;
		margin: 0 auto 20px auto;
	}

	#footer > .wrapper .about > p {
		height: 23px;
		line-height: 23px;
		font-size: 14px;
	}

	#footer > .wrapper .banner {
		position: static;
		margin: 0 auto 20px auto;
		width: 300px;
		height: 50px;
		background: url("../image/footer/telephone_sp.png") no-repeat;
		background-size: 300px;
	}

	#footer > .wrapper .sns {
		position: static;
		margin: 0 0 10px 0;
		height: 43px;
		text-align: center;
	}

	#footer > .wrapper .sns img {
		margin: 0 10px 0 10px;
		width: 43px;
	}

	#footer > .wrapper .card_box {
		padding: 20px 10px;
	}
	#footer > .wrapper .card_box .card_upper {
		position: static;
		width: 100%;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 10px;
		border-top: 1px solid #FFF;
	}
	#footer > .wrapper .card_box .card_lower {
		position: static;
		width: 100%;
		padding-left: 1px;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 20px;
		border-bottom: 1px solid #FFF;
	}
	#footer > .wrapper .card_box .card_upper img {
		padding-right: 5px;
	}
	#footer > .wrapper .card_box .card_lower img {
		padding-right: 6px;
	}
	#footer > .wrapper .card_box .card_upper img.last ,
	#footer > .wrapper .card_box .card_lower img.last {
		padding-right: 0;
	}

	#footer > .wrapper .copyright {
		position: static;
		width: 100%;
	}

}

/* ========================================================================== */

.modal {
	z-index: 9999;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.overLay {
	z-index: 10;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
}

.modal .inner {
	z-index:11;
	position:absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 500px;
	text-align: right;
	background: url("../image/common/popup_pc.png") no-repeat;
	transform: translate(-50%, -50%);
}

.modal .inner > .line {
	z-index:12;
	position: absolute;
	top: -52px;
	left: 0;
	width: 960px;
	height: 52px;
	background: #ffffff;
}

.modal .inner > img {
	z-index:12;
	position: absolute;
	top: -52px;
	right: 0;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	.modal .inner {
		z-index:11;
		position:absolute;
		top: 50%;
		left: 50%;
		padding-top: 112.8%;
		width: calc(100%);
		height: 0;
		text-align: right;
		background: url("../image/common/popup_sp.png") no-repeat center;
		background-size: contain;
		transform: translate(-50%, -50%);
	}

	.modal .inner > .line {
		display: none;
	}

	.modal .inner > img {
		display: none;
	}

}

/* ========================================================================== */

#top-slideshow {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	width: 100%;
	height: 460px;
	margin: 76px auto 0 auto;
	overflow: hidden;
}

#top-slideshow > .top-slider {
	z-index: 99;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 570px;
}

.top-slider_image01 {
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	background: url(../image/top/slide01_pc.png) no-repeat;
}

.top-slider_image02 {
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	background: url(../image/top/slide02_pc.png) no-repeat;
}

.top-slider_image03 {
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	background: url(../image/top/slide03_pc.png) no-repeat;
}

.top-slider_image04 {
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	background: url(../image/top/slide04_pc.png) no-repeat;
}

.top-slider_image05 {
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	background: url(../image/top/slide05_pc.png) no-repeat;
}

.top-slider_image06 {
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	background: url(../image/top/slide06_pc.png) no-repeat;
}

.top-slider_image07 {
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	background: url(../image/top/slide07_pc.png) no-repeat;
}

.top-slider_image08 {
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	background: url(../image/top/slide08_pc.png) no-repeat;
}
/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#top-slideshow {
		/* padding-top: 60%; */
		padding-top: 87.6%;
    		margin: 50px 0 0 0;
		height: 0;
	}

	#top-slideshow > .top-slider {
		top: 0;
		left: 50%;
		margin-left: calc(100% / 2 - 100%);
		width: 100%;
		height: 0;
	}

	.top-slider_image01 {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 86.99%;
	    border-left: none;
	    border-right: none;
		background: url(../image/top/sp/slide01_sp.png) no-repeat;
		background-size: contain;
	}

	.top-slider_image02 {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 86.99%;
	    border-left: none;
	    border-right: none;
		background: url(../image/top/sp/slide02_sp.png) no-repeat;
		background-size: contain;
	}

	.top-slider_image03 {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 86.99%;
	    border-left: none;
	    border-right: none;
		background: url(../image/top/sp/slide03_sp.png) no-repeat;
		background-size: contain;
	}

	.top-slider_image04 {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 86.99%;
	    border-left: none;
	    border-right: none;
		background: url(../image/top/sp/slide04_sp.png) no-repeat;
		background-size: contain;
	}

	.top-slider_image05 {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 86.99%;
	    border-left: none;
	    border-right: none;
		background: url(../image/top/sp/slide05_sp.png) no-repeat;
		background-size: contain;
	}

	.top-slider_image06 {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 86.99%;
			border-left: none;
			border-right: none;
		background: url(../image/top/sp/slide06_sp.png) no-repeat;
		background-size: contain;
	}

	.top-slider_image07 {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 86.99%;
			border-left: none;
			border-right: none;
		background: url(../image/top/sp/slide07_sp.png) no-repeat;
		background-size: contain;
	}

	.top-slider_image08 {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 86.99%;
			border-left: none;
			border-right: none;
		background: url(../image/top/sp/slide08_sp.png) no-repeat;
		background-size: contain;
	}

}

/* ========================================================================== */

#top-news {
	margin: 0 auto;
	max-width: 1200px;
	background: #FAE9F3;
}

#top-news > .wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 80px;
}

#top-news > .wrapper h2 {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 79px;
	height: 23px;
}

#top-news > .wrapper  img {
	width: 79px;
}

#top-news > .wrapper .date {
	position: absolute;
	top: 27px;
	left: 133px;
	padding: 0 22px;
	width: 78px;
	height: 32px;
	line-height: 35px;
	color: #000000;
	font-size: 15px;
	border-left: 1px solid #df63ab;
}

#top-news > .wrapper .title {
	position: absolute;
	top: 27px;
	left: 268px;
	width: 500px;
	height: 32px;
	line-height: 35px;
	color: #000000;
	font-size: 15px;
}

#top-news > .wrapper .more {
	display: none;
	position: absolute;
	top: 35px;
	right: 2px;
	width: 133px;
	height: 16px;
	background: url("../image/top/news_more.png") no-repeat;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#top-news > .wrapper {
		width: 100%;
		height: 103px;
	}

	#top-news > .wrapper h2 {
		top: 18px;
		left: 10px;
		width: 51px;
		height: 15px;
	}

	#top-news > .wrapper h2 > img {
		width: 51px;
		height: 15px;

	}

	#top-news > .wrapper .date {
		top: 50px;
		left: 10px;
		padding: 0;
		width: auto;
		height: 20px;
		line-height: 20px;
		border-left: none;
	}

	#top-news > .wrapper .title {
		top: 72px;
		left: 10px;
		width: auto;
		height: 20px;
		line-height: 20px;
	}

	#top-news > .wrapper .more {
		display: none;
	}

}

/* ========================================================================== */

#top-concept > .wrapper {
	margin: 0 auto;
	padding: 80px 0 106px 0;
	width: 980px;
}

#top-concept > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/top/concept.png") no-repeat center;
	height: 40px;
}

#top-concept > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#top-concept > .wrapper p {
	line-height: 1.8;
	text-align: center;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#top-concept > .wrapper {
		padding: 54px 0 48px 0;
		width: auto;
	}

	#top-concept > .wrapper h2 {
		margin: 0 0 9px 0;
		background: url("../image/top/concept_sp.png") no-repeat center;
		background-size: 102px;
		height: 27px;
	}

	#top-concept > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#top-concept > .wrapper p {
		padding: 0 10px;
		line-height: 1.8;
		text-align: left;
		word-break: break-all;
	}

	#top-concept > .wrapper p.hidden {
		margin: 0 0 25px 0;
		font-size: 0;
	}

	#top-concept > .wrapper p > br {
		display: none;
	}

}

/* ========================================================================== */

#top-particular {
	background-color: #f2f2f2;
}

#top-particular > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 65px 0 53px 0;
	max-width: 1200px;
	width: 100%;
	overflow: hidden;
}

#top-particular > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/concept/particular.png") no-repeat center;
	background-size: 245px;
	height: 30px;
}

#top-particular > .wrapper h3 {
	font-size: 0;
}

#top-particular > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#top-particular > .wrapper p {
	line-height: 1.8;
	text-align: center;
}

#top-particular > .wrapper .particular-slider {
	z-index: 99;
	position: absolute;
	top: 290px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
}

#top-particular > .wrapper .particular-slider img {
	padding: 0 5px;
	width: 480px;
}

#top-particular > .wrapper .particular-slider .slick-track {
	left: 105px;
}

#top-particular > .wrapper .particular-slider .slick-prev {
	top: 88px;
	left: calc((100% - 1000px) / 2 - 23px);
	background: url("../image/top/slick-prev.png") no-repeat center;
}

#top-particular > .wrapper .particular-slider .slick-next {
	top: 88px;
	right: calc((100% - 1000px) / 2 - 23px);
	background: url("../image/top/slick-next.png") no-repeat center;
}

#top-particular > .wrapper .particular-slider .slick-dots {
	margin: 28px auto 0 auto;
	width: 350px;
}

#top-particular > .wrapper .particular-slider .slick-dots:after {
	content:" ";
	display:block;
	clear:both;
}

#top-particular > .wrapper .particular-slider .slick-dots li {
	float: left;
	margin: 0 5px;
	width: 60px;
	height: 5px;
	background-color: #b3b3b3;
}

#top-particular > .wrapper .particular-slider .slick-dots li.slick-active {
	background-color: #d12087;
}

#top-particular > .wrapper .particular-slider .slick-dots button {
	display: none;
}

#top-particular > .wrapper .particular-slider_sp {
	display: none;
}

#top-particular > .wrapper .more {
	margin: 416px auto 0 auto;
	width: 240px;
	height: 44px;
	background: url("../image/top/more.png") no-repeat;
	background-size: 240px;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#top-particular > .wrapper {
		padding: 54px 0 32px 0;
		width: auto;
	}

	#top-particular > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 184px;
		height: 21px;
	}

	#top-particular > .wrapper h3 {
	font-size: 0;
	}

	#top-particular > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#top-particular > .wrapper p {
		padding: 0 10px;
		line-height: 1.8;
		text-align: left;
		word-break: break-all;
	}

	#top-particular > .wrapper p > br {
		display: none;
	}

	#top-particular > .wrapper .particular-slider {
		display: none;
	}

	#top-particular > .wrapper .particular-slider_sp {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 24px;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#top-particular > .wrapper .particular-slider img {
		padding: 0;
		width: auto;
	}

	#top-particular > .wrapper .particular-slider_sp .slick-track {
		left: 0;
	}

	#top-particular > .wrapper .particular-slider_sp .slick-prev {
		top: calc(100% - 100% / 4);
		left: 0;
		background: url("../image/top/slick-prev.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#top-particular > .wrapper .particular-slider_sp .slick-next {
		top: calc(100% - 100% / 4);
		right: 0;
		background: url("../image/top/slick-next.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#top-particular > .wrapper .more {
		margin: 32px auto 0 auto;
	}

}

/* ========================================================================== */

/* ========================================================================== */

#top-banner > .wrapper {
	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 980px;
}

#top-banner > .wrapper h2 {
	font-size: 0;
}

#top-banner > .wrapper ul {
	font-size: 0;
}

#top-banner > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}

#top-banner > .wrapper ul li {
	float: left;
	margin: 0 0 22px 0;
	height: 240px;
}

#top-banner > .wrapper ul li.kimono {
	margin-right: 20px;
	width: 480px;
	background: url("../image/top/banner_kimono.png") no-repeat;
	background-size: contain;
}

#top-banner > .wrapper ul li.volume {
	width: 480px;
	background: url("../image/top/banner_volume.png") no-repeat;
	background-size: contain;
}

#top-banner > .wrapper ul li.product {
	width: 980px;
	background: url("../image/top/banner_product.png") no-repeat;
	background-size: contain;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#top-banner > .wrapper {
		padding: 10px 0 0 0;
		width: 100%;
	}

	#top-banner > .wrapper h2 {
		font-size: 0;
	}
	#top-banner > .wrapper ul {
		padding: 0 10px;
	}

	#top-banner > .wrapper ul li {
		margin: 0 0 10px 0;
		padding-top: 50%;
		height: 0;
	}

	#top-banner > .wrapper ul li.kimono {
		margin-right: 0;
		width: 100%;
	}

	#top-banner > .wrapper ul li.volume {
		width: 100%;
	}

	#top-banner > .wrapper ul li.product {
		width: 100%;
		background: url("../image/top/banner_product_sp.png") no-repeat;
		background-size: contain;
	}

}

/* ========================================================================== */

/* ========================================================================== */

#top-maps > .wrapper {

}

#top-maps > .wrapper h2 {
	font-size: 0;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#top-maps > .wrapper {

	}

	#top-maps > .wrapper h2 {
		font-size: 0;
	}
}
/* ========================================================================== */

#top-style > .wrapper {
	margin: 0 auto;
	padding: 60px 0 106px 0;
	width: 980px;
}

#top-style > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/top/style.png") no-repeat center;
	background-size: 69px;
	height: 31px;
}

#top-style > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#top-style > .wrapper ul {
	font-size: 0;
}

#top-style > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}
*
#top-style > .wrapper ul li {
	float: left;
	margin: 0 20px 20px 0;
	width: 230px;
	height: 200px;
	background-color: #f2f2f2;
}

#top-style > .wrapper ul a:nth-child(4n) li {
	margin: 0 0 20px 0;
}

#top-style > .wrapper .more {
	margin: 30px auto 0 auto;
	width: 240px;
	height: 44px;
	background: url("../image/top/more.png") no-repeat;
	background-size: 240px;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#top-style > .wrapper {
		padding: 54px 0 48px 0;
		width: 100%;
	}

	#top-style > .wrapper h2 {
		margin: 0 0 9px 0;
		background: url("../image/top/style.png") no-repeat center;
		background-size: 57px;
		height: 27px;
	}

	#top-style > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#top-style > .wrapper ul li {
		margin: 0 7px;
	}

	#top-style > .wrapper ul a:nth-child(4n) li {
		margin: 0 7px;
	}

}

/* ========================================================================== */

#top-calendar > .wrapper {
	margin: 0 auto;
	padding: 65px 0 53px 0;
	width: 980px;
	border-top: 1px solid #b3b3b3;
}

#top-calendar > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/top/calendar.png") no-repeat center;
	background-size: 129px;
	height: 25px;
}

#top-calendar > .wrapper .line {
	margin: 0 auto 18px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#top-calendar > .wrapper .notice {
	margin: 0 auto 32px auto;
	width: 133px;
	height: 18px;
	line-height: 19px;
	font-size: 12px;
	text-align: right;
	background: url("../image/top/calendar_circle.png") no-repeat left center;
	background-size: 18px;
}

#top-calendar > .wrapper .calendar-slider ul {
	margin: 0 49px 0 0;
	width: 295px;
	font-size: 0;
	text-align: center;
}

#top-calendar > .wrapper .calendar-slider ul:nth-child(3) {
	margin: 0;
}

#top-calendar > .wrapper .calendar-slider ul:after {
	content: " ";
	display: block;
	clear: both;
}

#top-calendar > .wrapper .calendar-slider ul li {
	float: left;
	width: 40px;
	height: 36px;
	line-height: 37px;
	color: #666666;
	font-size: 16px;
}

#top-calendar > .wrapper .calendar-slider ul li.date {
	width: 294px;
	height: 40px;
	line-height: 28px;
	font-size: 18px;
}

#top-calendar > .wrapper .calendar-slider ul li.holiday {
	color: #ffffff;
	background: url("../image/top/calendar_circle.png") no-repeat center;
	background-size: 23px;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#top-calendar > .wrapper {
/*		padding: 0 0 48px 0; */
		padding: 36px 0 48px 0;
		width: 320px;
		border: none;
	}

	#top-calendar > .wrapper h2 {
		margin: 0 0 9px 0;
		background: url("../image/top/calendar.png") no-repeat center;
		background-size: 108px;
		height: 21px;
	}

	#top-calendar > .wrapper .line {
		margin: 0 auto 14px auto;
	}

	#top-calendar > .wrapper .notice {
		margin: 0 auto 20px auto;
	}

	#top-calendar > .wrapper .calendar-slider ul {
		margin: 0 10px;
		padding: 0 0 0 10px;
		width: 280;
	}

	#top-calendar > .wrapper ]:nth-child(3) {
		margin: 0;
	}

	#top-calendar > .wrapper .calendar-slider .slick-prev {
		top: 40%;
		left: 5px;
		background: url("../image/top/calendar-prev.png") no-repeat center;
		background-size: 16px;
		width: 16px;
		height: 19px;
	}

	#top-calendar > .wrapper .calendar-slider .slick-next {
		top: 40%;
		right: 5px;
		background: url("../image/top/calendar-next.png") no-repeat center;
		background-size: 16px;
		width: 16px;
		height: 19px;
	}

	#top-calendar > .wrapper .calendar-slider .slick-dots {
		margin: 16px auto 0 auto;
		width: 120px;
	}

	#top-calendar > .wrapper .calendar-slider .slick-dots:after {
		content:" ";
		display:block;
		clear:both;
	}

	#top-calendar > .wrapper .calendar-slider .slick-dots li {
		float: left;
		margin: 0 5px;
		width: 30px;
		height: 5px;
		background-color: #b3b3b3;
	}

	#top-calendar > .wrapper .calendar-slider .slick-dots li.slick-active {
		background-color: #d12087;
	}

	#top-calendar > .wrapper .calendar-slider .slick-dots button {
		display: none;
	}

}


/* ========================================================================== */

#map {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	width: 100%;
	height: 356px;
	overflow: hidden;
}

#map .gmap {
	z-index: 99;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 356px;
	background: url("../image/top/gmap.png") no-repeat center;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#map {
		margin: 50px 0 0 0;
		height: 172px;
	}

	#map .gmap {
		bottom: -50%;
		margin-left: -500px;
		width: 1000px;
		height: 172;
	}

}

/* ========================================================================== */

#concept {
	background: rgb(250,233,243);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0, rgba(255,255,255,1) 400px, rgba(250,233,243,1) 400px, rgba(250,233,243,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0,rgba(255,255,255,1) 400px,rgba(250,233,243,1) 400px,rgba(250,233,243,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0,rgba(255,255,255,1) 400px,rgba(250,233,243,1) 400px,rgba(250,233,243,1) 100%);
}

#concept > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px 0 80px 0;
	width: 980px;
}

#concept > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/concept/concept.png") no-repeat center;
	background-size: 152px;
	height: 40px;
}

#concept > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#concept > .wrapper .image-box {
	margin: 0 0 52px 0;
	width: 980px;
	height: 252px;
}

#concept > .wrapper .image-box > img {
	width: 100%;
}

#concept > .wrapper p {
	line-height: 1.8;
	text-align: center;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#concept {
		background: rgb(250,233,243);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0, rgba(255,255,255,1) 147px, rgba(250,233,243,1) 147px, rgba(250,233,243,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0,rgba(255,255,255,1) 147px,rgba(250,233,243,1) 147px,rgba(250,233,243,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0,rgba(255,255,255,1) 147px,rgba(250,233,243,1) 147px,rgba(250,233,243,1) 100%);
	}

	#concept > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}

	#concept > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 102px;
		height: 27px;
	}

	#concept > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#concept > .wrapper .image-box {
		margin: 0 0 30px 0;
		width: 100%;
		height: auto;
	}

	#concept > .wrapper p {

		padding: 0 10px;
		line-height: 1.8;
		text-align: left;
		word-break: break-all;
	}

	#concept > .wrapper p.hidden {
		margin: 0 0 25px 0;
		font-size: 0;
	}

	#concept > .wrapper p > br {
		display: none;
	}

}

/* ========================================================================== */

#particular > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 65px 0 53px 0;
	max-width: 1200px;
	width: 100%;
	overflow: hidden;
}

#particular > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/concept/particular.png") no-repeat center;
	background-size: 245px;
	height: 30px;
}

#particular > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#particular > .wrapper p {
	line-height: 1.8;
	text-align: center;
}

#particular > .wrapper ul {
	margin: 60px auto 0 auto;
	width: 980px;
	font-size: 0;
}

#particular > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}

#particular > .wrapper ul li {
	float: left;
	margin: 0 40px 60px 0;
	width: 470px;
}

#particular > .wrapper ul li:nth-child(2n) {
	margin: 0;
}

#particular > .wrapper ul li .imagebox {
	margin: 0 0 24px 0;
	width: 468px;
	height: 238px;
	overflow: hidden;
}

#particular > .wrapper ul li .imagebox img {
	width: 100%;
}

#particular > .wrapper ul li h3 {
	height: 26px;
	font-size: 18px;
}

#particular > .wrapper ul li p {
	margin: 10px 0 20px 0;
	font-size: 16px;
	text-align: left;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#particular > .wrapper {
		padding: 54px 0 32px 0;
		width: auto;
	}

	#particular > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 184px;
		height: 21px;
	}

	#particular > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#particular > .wrapper p {
		padding: 0 10px;
		line-height: 1.8;
		text-align: left;
		word-break: break-all;
	}

	#particular > .wrapper p > br {
		display: none;
	}

	#particular > .wrapper ul {
		margin: 30px auto 0 auto;
		padding: 0 10px;
		width: auto;
		max-width: 490px;
	}

	#particular > .wrapper ul li {
		margin: 0;
		padding: 0 0 16px 0;
		width: auto;
	}

	#particular > .wrapper ul li .imagebox {
		margin: 0 0 16px 0;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#particular > .wrapper ul li h3 {
		padding: 0 0 8px 0;
		height: auto;
	}

	#particular > .wrapper ul li p {
		padding: 0;
	}
}


/* ========================================================================== */

#menu > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px  0 60px 0;
	width: 980px;
}

#menu > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/menu/menu.png") no-repeat center;
	background-size: 106px;
	height: 40px;
}

#menu > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#menu > .wrapper ul.menu {
	width: 600px;
	height: auto;
	font-size: 16px;
	text-align: center;
	margin: 40px auto;
}

#menu > .wrapper ul.menu li {
	width: auto;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 10px;
	height: auto;
}
#menu > .wrapper ul.menu li:nth-child(2) {
    float: none;
}
#menu > .wrapper ul.menu li a {
	color:#000;
}
#menu > .wrapper ul.menu li a br {
	display: none;
}
#menu > .wrapper ul.menu li.current a{
	color:#d12087;
}
#menu > .wrapper .image-box {
	margin: 0 0 0 0;
	width: 980px;
	height: 252px;
	background-image: url("../image/menu/menuimage.jpg");
	background-repeat: no-repeat;
}

#menu > .wrapper .image-box > img {
	width: 100%;
}

#menu > .wrapper .image_text_box {
	display: none;
}
#menu > .wrapper div.title {
	height: 54px;
	line-height: 54px;
	color: #ffffff;
	font-size: 26px;
	text-align: center;
	background: #d12087;
}

#menu > .wrapper ul {
	margin: 0 auto 0 auto;
	width: 100%;
	font-size: 0;
}

#menu > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}

#menu > .wrapper ul li {
	float: left;
	width: 460px;
}

#menu > .wrapper ul li:nth-child(2) {
	float: right;
}

#menu > .wrapper ul li > div.name {
	margin: 60px 0 0 0;
	padding: 0 0 4px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

#menu > .wrapper ul li > dl {
	margin: 0 0 0 0;
}

#menu > .wrapper ul li > dl:after {
	content: " ";
	display: block;
	clear: both;
}

#menu > .wrapper ul li > dl dt {
	float: left;
	padding: 17px 0;
	width: calc(100% - 80px);
	line-height: 1.6;
	font-size: 16px;
}
#menu > .wrapper ul li > dl dt .perm {
	display: inline-block;
	width: 205px;
}
#menu > .wrapper ul li > dl dt .ayurveda {
	display: inline-block;
	width: 145px;
}
#menu > .wrapper ul li > dl dt > span {
	margin:0 0 0 10px;
	font-size: 14px;
}

#menu > .wrapper ul li > dl dd {
	float: left;
	padding: 17px 0;
	width: 80px;
	line-height: 1.6;
	font-size: 16px;
	text-align: right;
}

#menu > .wrapper ul li > dl dd.bottomline {
	float: left;
	padding: 0;
	width: 100%;
	height: 1px;
	background: #b3b3b3;
}

#menu > .wrapper ul li > dl dd.caution {
	float: left;
	margin: 0;
	padding: 4px 0 0 0;
	width: auto;
	font-size: 14px;
	text-align: left;
}

#menu > .wrapper ul li > div.guide {
	margin: 70px 0 0 0;
	width: 100%;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#menu > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}

	#menu > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 70px;
		height: 27px;
	}

	#menu > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#menu > .wrapper ul.menu {
		width: auto;
		height: auto;
		font-size: 16px;
		text-align: center;
		margin: 40px 0 0 0;
	}
	#menu > .wrapper ul.menu li {
		width: 50%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		background-color: #e88fc3;
	}
	#menu > .wrapper ul.menu li.separator {
		display: none;
	}
	#menu > .wrapper ul.menu li:nth-child(1),
	#menu > .wrapper ul.menu li:nth-child(3) {
		width: 33.3%;
	}
	#menu > .wrapper ul.menu li:nth-child(5) {
		width: 33.4%;
	}
	#menu > .wrapper ul.menu li a {
		color:#FFF;
		padding: 15px 0;
		border-bottom: 1px solid #FFF;
		display: block;
	}
	#menu > .wrapper ul.menu li a.perm {
		color:#FFF;
		padding: 7px 0;
		display: block;
	}
	#menu > .wrapper ul.menu li a.center {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	#menu > .wrapper ul.menu li a br {
		display: block;
	}
	#menu > .wrapper ul.menu li .sp_non{
		display: none;
	}
	#menu > .wrapper ul.menu li.current a {
		color:#FFF;
		background-color: #d12087;
		padding: 15px 0;
	}
	#menu > .wrapper ul.menu li.current a.perm {
		padding: 7px 0;
	}

	#menu > .wrapper .image-box {
		margin: 0;
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 40.937%;
		background-size: contain;
	    border-left: none;
		background-image: url("../image/menu/menuimage_sp.jpg");
		background-repeat: no-repeat;
	}
	#menu > .wrapper .image_text_box {
		display: block;
		margin: 0 10px;
		padding: 20px 0;
		border-bottom: 1px dashed #d12087;
	}
	#menu > .wrapper .image_text_box h3{
		font-weight: bold;
		line-height: 1.5em;
	}
	#menu > .wrapper ul {
		width: auto;
	}

	#menu > .wrapper ul li {
		float: left;
		width: 100%;
	}

	#menu > .wrapper ul li > div.name {
		margin: 40px 0 0 0;
		padding: 0 10px 4px 10px;;
		font-size: 22px;
		text-align: left;
	}

	#menu > .wrapper ul li > dl dt {
		padding: 14px 0 14px 10px;
		width: calc(100% - 100px);
		font-size: 14px;
		white-space: nowrap;
	}

	#menu > .wrapper ul li > dl dt .perm {
		width: 180px;
	}

	#menu > .wrapper ul li > dl dt > span {
		display: block;
		margin: 0;
		font-size: 13px;
		white-space: nowrap;
	}

	#menu > .wrapper ul li > dl dd {
		float: left;
		padding: 14px 10px 0 0;;
		width: 80px;
		line-height: 1.6;
		font-size: 16px;
		text-align: right;
	}

	#menu > .wrapper ul li > dl dd.caution {
		padding: 4px 0 0 10px;
	}

	#menu > .wrapper ul li > div.guide {
		margin: 50px auto 0 auto;
		padding: 0 10px;
		width: auto;
		max-width: 460px;
	}

	#menu > .wrapper ul li > div.guide img {
		width: 100%;
	}
}

/* ========================================================================== */

#hairgain > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px  0 60px 0;
	/* width: 980px; */
}

#hairgain > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/hairgain/menu.png") no-repeat center;
	background-size: 106px;
	height: 40px;
}

#hairgain > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#hairgain > .wrapper ul.menu {
	width: 600px;
	height: auto;
	font-size: 16px;
	text-align: center;
	margin: 40px auto;
}

#hairgain > .wrapper ul.menu li {
	width: auto;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 10px;
	height: auto;
}
#hairgain > .wrapper ul.menu li:nth-child(2) {
    float: none;
}
#hairgain > .wrapper ul.menu li a {
	color:#000;
}
#hairgain > .wrapper ul.menu li a br {
	display: none;
}
#hairgain > .wrapper ul.menu li.current a{
	color:#d12087;
}
#hairgain > .wrapper .image-box {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 252px;
	background-image: url("../image/hairgain/hairgainimage.jpg");
	background-repeat: no-repeat;
}

#hairgain > .wrapper .image-box > img {
	width: 100%;
}

#hairgain > .wrapper .image_text_box {
	display: none;
}
#hairgain > .wrapper div.title {
	height: 54px;
	line-height: 54px;
	color: #ffffff;
	font-size: 26px;
	text-align: center;
	background: #d12087;
}

#hairgain > .wrapper ul {
	margin: 0 auto 0 auto;
	width: 100%;
	font-size: 0;
}

#hairgain > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}

#hairgain > .wrapper ul li {
	float: left;
	width: 460px;
}

#hairgain > .wrapper ul li:nth-child(2) {
	float: right;
}

#hairgain > .wrapper ul li > div.name {
	margin: 60px 0 0 0;
	padding: 0 0 4px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
#hairgain > .wrapper .hairgain_support_box{
	margin: 30px 0 60px 0;
}
#hairgain > .wrapper .hairgain_support_box p,
#hairgain > .wrapper .hairgain_support_box h3{
	text-align: center;
	line-height: 2em;
}
#hairgain > .wrapper .hairgain_support_box p.long_between {
	padding-bottom: 20px;
}
#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box{
	width: 550px;
	margin: 0 auto 20px auto;
	padding: 20px;
	background-color:#fae9f3;
	font-weight: bold;
}
#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box .no1{
	padding: 0 0 0 35px;
	background: url(../image/hairgain/no1.png) no-repeat 0 3px;
	text-align: left;
}
#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box .no2{
	padding: 0 0 0 35px;
	background: url(../image/hairgain/no2.png) no-repeat 0 3px;
	text-align: left;
}
#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box p .pink{
	color:#d12087;
}
#hairgain > .wrapper .hairgain_trouble_box {
	width: 740px;
	margin: 0 auto 60px auto;
}
#hairgain > .wrapper .hairgain_trouble_box .hairgain_trouble_header {
	margin: 0 0 15px 0;
}
#hairgain > .wrapper .hairgain_trouble_box .hairgain_trouble_header h3 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/hairgain/hairgain_trouble_header.png") no-repeat center;
	background-size: 740px;
	height: 60px;
}
#hairgain > .wrapper .hairgain_trouble_box p{
	text-align: center;
	line-height: 2em;
}
#hairgain > .wrapper .hairgain_trouble_box ul {
	width: 762px;
	margin-top: 40px;
	margin-left: -20px;
	font-size: 16px;
}
#hairgain > .wrapper .hairgain_trouble_box ul li {
	width: 234px;
	margin-left: 20px;
	float:left;
}
#hairgain > .wrapper .hairgain_trouble_box ul li .image{
	width: 234px;
	margin-bottom: 15px;
}
#hairgain > .wrapper .hairgain_trouble_box ul li .image img{
	width: 100%;
}
#hairgain > .wrapper .hairgain_trouble_box ul li .text{
	text-align: center;
}
#hairgain > .wrapper .hairgain_trouble_box ul li .text .square{
	padding: 0 0 0 20px;
	background: url(../image/hairgain/square.png) no-repeat 0 1px;
}

#hairgain > .wrapper .hairgain_whats_box {
	background-color:#e9efeb;
	padding: 60px 0 60px 0;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner {
	width: 740px;
	margin: 0 auto;
}

#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_header {
	margin: 0 0 15px 0;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_header h3 {
	font-size: 0;
	background: url("../image/hairgain/hairgain_whats_header.png") no-repeat center;
	background-size: 740px;
	height: 60px;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box {
    margin: 20px 0 0 0;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box .cycle_text{
	width: 475px;
	float:left;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box .cycle_text p{
	text-align: left;
	line-height: 2em;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box .cycle_image{
	width: 239px;
	float:right;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box .cycle_image img{
	width: 100%;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box{
	width: 700px;
	margin: 40px auto 0 auto;
	padding: 20px 0 20px 40px;
	background-color:#FFF;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box h3 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/hairgain/hairgain_whats_cause_header.png") no-repeat left;
	background-size: 297px;
	height: 60px;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box ul {
	font-size: 16px;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box ul li {
	width: 370px;
	float: left;
	padding: 0 0 0 20px;
	margin: 10px 0;
	background: url(../image/hairgain/square.png) no-repeat 0 1px;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box ul li.left {
	width: 270px;
	float: left;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .text{
	width: 740px;
	margin: 60px 0 0 0;
}
#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .text p{
	text-align: left;
	line-height: 2em;
}

#hairgain > .wrapper .hairgain_menu_box {
	width: 740px;
	margin: 0 auto;
	padding: 60px 0 60px 0;
}

#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_care_header {
	margin: 0 0 15px 0;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_care_header h3 {
	font-size: 0;
	background: url("../image/hairgain/hairgain_menu_care_header.png") no-repeat center;
	background-size: 740px;
	height: 98px;
}
#hairgain > .wrapper .hairgain_menu_box p{
	text-align: center;
	line-height: 2em;
}
#hairgain > .wrapper .hairgain_menu_box p.between{
	padding-bottom: 30px;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box {
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .care_process_image{
	width:300px;
	float: left;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .care_process_image img{
	width: 100%;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text{
	width:400px;
	float: right;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text .care_process_title{
	width: 377px;
	margin: 0 0 10px 0;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text .care_process_title img{
	width: 100%;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text p{
	text-align: left;
	line-height: 2em;
}
#hairgain > .wrapper .hairgain_menu_box .menu_last{
	margin-bottom: 40px;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_separator{
	margin-left: 120px;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_title_box{
	position: relative;
	height: 35px;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_title_box .title_left{
	position: absolute;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_title_box .title_left .pink{
	color: #d12087;
	padding-right: 10px;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_title_box .title_right{
	position: absolute;
	right:0;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_box{
	padding: 20px;
	border: 1px solid #d12087;
	height: 30px;
	margin-bottom: 10px;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box{
	position: relative;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box .name{
	position: absolute;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box .dot_cear01{
	width: 370px;
	height:10px;
	left: 250px;
	top: 12px;
	background: url("../image/hairgain/dot.png") repeat-x;
	background-size: 10px 10px;
	position: absolute;;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box .dot_cear02{
	width: 470px;
	height:10px;
	left: 145px;
	top: 12px;
	background: url("../image/hairgain/dot.png") repeat-x;
	background-size: 10px 10px;
	position: absolute;;
}
#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box .price{
	position: absolute;
	right:0;
}


#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_hairgain_accent {
	margin: 0 0 15px 0;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_hairgain_accent .accent_image {
	font-size: 0;
	background: url("../image/hairgain/hairgain_menu_hairgain_accent.png") no-repeat center;
	background-size: 350px;
	height: 132px;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_hairgain_header {
	margin: 0 0 30px 0;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_hairgain_header h3 {
	font-size: 0;
	background: url("../image/hairgain/hairgain_menu_hairgain_header.png") no-repeat center;
	background-size: 740px;
	height: 89px;
}
#hairgain > .wrapper .hairgain_menu_box .text_left {
	text-align: left;
}



#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box{
	width: 700px;
	margin: 0 auto 40px auto;
	padding: 30px 0 30px 40px;
	background-color:#fae9f3;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box h3 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/hairgain/hairgain_feature_header.png") no-repeat left;
	background-size: 322px;
	height: 36px;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box ul {
	font-size: 16px;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box ul li {
	width: 100%;
	float: left;
	padding: 0 0 0 20px;
	margin: 10px 0;
	background: url(../image/hairgain/square.png) no-repeat 0 1px;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box ul li.left {
	width: 270px;
	float: left;
}
#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box ul li.right {
	width: 270px;
	float: left;
}

#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text .detail_text{
	padding-left: 46px;
}

@media (max-width: 999px) {

	#hairgain > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}

	#hairgain > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 70px;
		height: 27px;
	}

	#hairgain > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#hairgain > .wrapper ul.menu {
		width: auto;
		height: auto;
		font-size: 16px;
		text-align: center;
		margin: 40px 0 0 0;
	}

	#hairgain > .wrapper ul.menu li {
		width: 50%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		background-color: #e88fc3;
	}
	#hairgain > .wrapper ul.menu li.separator {
		display: none;
	}
	#hairgain > .wrapper ul.menu li:nth-child(1),
	#hairgain > .wrapper ul.menu li:nth-child(3) {
		width: 33.3%;
	}
	#hairgain > .wrapper ul.menu li:nth-child(5) {
		width: 33.4%;
	}
	#hairgain > .wrapper ul.menu li a {
		color:#FFF;
		padding: 15px 0;
		border-bottom: 1px solid #FFF;
		display: block;
	}
	#hairgain > .wrapper ul.menu li a.perm {
		color:#FFF;
		padding: 7px 0;
		display: block;
	}
	#hairgain > .wrapper ul.menu li a.center {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	#hairgain > .wrapper ul.menu li a br {
		display: block;
	}
	#hairgain > .wrapper ul.menu li .sp_non{
		display: none;
	}
	#hairgain > .wrapper ul.menu li.current a {
		color:#FFF;
		background-color: #d12087;
		padding: 15px 0;
	}

	#hairgain > .wrapper .image-box {
		margin: 0;
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 40.937%;
		background-size: contain;
	    border-left: none;
		background-image: url("../image/hairgain/hairgainimage_sp.jpg");
		background-repeat: no-repeat;
	}
	#hairgain > .wrapper .image_text_box {
		display: block;
		margin: 0 10px;
		padding: 20px 0;
		border-bottom: 1px dashed #000;
	}
	#hairgain > .wrapper .image_text_box h3{
		font-weight: bold;
		line-height: 1.5em;
	}
	#hairgain > .wrapper .hairgain_support_box{
		margin: 30px 0 60px 0;
		padding: 0 10px;
	}
	#hairgain > .wrapper .hairgain_support_box p,
	#hairgain > .wrapper .hairgain_support_box h3{
		text-align: center;
		line-height: 2em;
		font-size: 14px;
		text-align: left;
	}
	#hairgain > .wrapper .hairgain_support_box p.long_between {
		padding-bottom: 20px;
	}
	#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box{
		width: auto;
		margin: 0 auto 20px auto;
		padding: 20px;
		background-color:#fae9f3;
		font-weight: bold;
	}
	#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box .no1{
		padding: 0 0 10px 35px;
		background: url(../image/hairgain/no1.png) no-repeat 0 0px;
		text-align: left;
		line-height:1.5em;
	}
	#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box .sp_br{
		display: block;
	}
	#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box .no2{
		padding: 0 0 0 35px;
		background: url(../image/hairgain/no2.png) no-repeat 0 0px;
		text-align: left;
		line-height:1.5em;
	}
	#hairgain > .wrapper .hairgain_support_box .hairgain_pink_box p .pink{
		color:#d12087;
	}
	#hairgain > .wrapper .hairgain_trouble_box {
	    width: auto;
	    padding: 0 10px;
		margin: 0 auto 60px auto;
	}
	#hairgain > .wrapper .hairgain_trouble_box .hairgain_trouble_header {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 15px auto;
	}
	#hairgain > .wrapper .hairgain_trouble_box .hairgain_trouble_header h3 {
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 16.79%;
	    border-left: none;
		background: url("../image/hairgain/hairgain_trouble_header_sp.png");
		background-size: contain;
		background-repeat: no-repeat;
	}
	#hairgain > .wrapper .hairgain_trouble_box p{
		text-align: left;
		line-height: 2em;
		font-size: 14px;
	}
	#hairgain > .wrapper .hairgain_trouble_box ul {
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
		font-size: 14px;
	}
	#hairgain > .wrapper .hairgain_trouble_box ul li {
		width: 80%;
		max-width: 400px;
		float:none;
		margin: 0 auto 20px auto;
	}
	#hairgain > .wrapper .hairgain_trouble_box ul li .image{
		width: 100%;
		margin-bottom: 10px;
	}
	#hairgain > .wrapper .hairgain_trouble_box ul li .image img{
		width: 100%;
	}
	#hairgain > .wrapper .hairgain_trouble_box ul li .text{
		text-align: center;
		font-size: 14px;
	}
	#hairgain > .wrapper .hairgain_trouble_box ul li .text .square{
		padding: 0 0 0 20px;
		background: url(../image/hairgain/square.png) no-repeat 0 1px;
	}

	#hairgain > .wrapper .hairgain_whats_box {
		background-color:#e9efeb;
		padding: 60px 0 60px 0;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner {
		width: auto;
		padding: 0 10px;
		margin: 0 auto;
	}

	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_header {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 15px auto;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_header h3 {
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 26.54%;
	    border-left: none;
		background: url("../image/hairgain/hairgain_whats_header_sp.png");
		background-size: contain;
		background-repeat: no-repeat;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box {
	    margin: 20px 0 0 0;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box .cycle_text{
		width: 100%;
		float:none;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box .cycle_text p{
		text-align: left;
		line-height: 2em;
		font-size: 14px;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box .cycle_image{
		width: 100%;
		max-width: 500px;
		margin: 40px auto;
		float:none;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cycle_box .cycle_image img{
		width: 100%;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box{
		width: auto;
		margin: 20px auto 0 auto;
		padding: 20px;
		background-color:#FFF;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box h3 {
		margin: 0 0 15px 0;
		font-size: 0;
		background: url("../image/hairgain/hairgain_whats_cause_header.png") no-repeat center;
		background-size: 297px;
		height: 60px;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box ul {
		font-size: 16px;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box ul li {
		width: 100%;
		float: none;
		padding: 0 0 0 20px;
		margin: 20px 0;
		background: url(../image/hairgain/square.png) no-repeat 0 1px;
		font-size: 14px;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .hairgain_whats_cause_box ul li.left {
		width: 100%;
		float: none;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .text{
		width: 100%;
		margin: 20px 0 0 0;
	}
	#hairgain > .wrapper .hairgain_whats_box .hairgain_whats_box_inner .text p{
		text-align: left;
		line-height: 2em;
		font-size: 14px;
	}

	#hairgain > .wrapper .hairgain_menu_box {
		width: auto;
		padding: 40px 10px;
		margin: 0 auto;
	}

	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_care_header {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 15px auto;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_care_header h3 {
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 24.91%;
	    border-left: none;
		background: url("../image/hairgain/hairgain_menu_care_header_sp.png");
		background-size: contain;
		background-repeat: no-repeat;
	}
	#hairgain > .wrapper .hairgain_menu_box p{
		text-align: left;
		line-height: 2em;
		font-size: 14px;
	}
	#hairgain > .wrapper .hairgain_menu_box p.between{
		padding-bottom: 30px;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box {
		margin: 0 0 20px 0;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .care_process_image{
		width:100%;
		max-width: 500px;
		margin: 0 auto;
		float: none;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .care_process_image img{
		width: 100%;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text{
		width:100%;
		margin: 20px 0;
		float: none;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text .care_process_title{
		width: 100%;
		max-width: 377px;
		margin: 0 0 10px 0;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text .care_process_title img{
		width: 100%;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text p{
		text-align: left;
		line-height: 2em;
		font-size: 14px;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_last{
		margin-bottom: 40px;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_separator{
		display: none;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_title_box{
		position: relative;
		height: 35px;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_title_box .title_left{
		position: absolute;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_title_box .title_left .pink{
		color: #d12087;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_title_box .title_right{
		position: absolute;
		right:0;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_box{
		padding: 15px;
		border: 1px solid #d12087;
		height: auto;
		margin-bottom: 10px;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box{
		position: relative;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box .name{
		position: static;
		border-bottom: 1px solid #b3b3b3;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box .dot_cear01{
		display: none;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box .dot_cear02{
		display: none;
	}
	#hairgain > .wrapper .hairgain_menu_box .menu_price_box .price_box .price{
		position: static;
		text-align: right;
	}


	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_hairgain_accent {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 30px auto;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_hairgain_accent .accent_image {
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 40.04%;
	    border-left: none;
		background: url("../image/hairgain/hairgain_menu_hairgain_accent_sp.png");
		background-size: contain;
		background-repeat: no-repeat;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_hairgain_header {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 15px auto;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_hairgain_header h3 {
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 24.88%;
	    border-left: none;
		background: url("../image/hairgain/hairgain_menu_hairgain_header_sp.png");
		background-size: contain;
		background-repeat: no-repeat;
	}
	#hairgain > .wrapper .hairgain_menu_box .text_left {
		text-align: left;
	}



	#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box{
		width: auto;
		margin: 0 auto 40px auto;
		padding: 20px;
		background-color:#fae9f3;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box h3 {
		margin: 0 0 15px 0;
		font-size: 0;
		background: url("../image/hairgain/hairgain_feature_header.png") no-repeat center;
		background-size: 250px;
		height: 36px;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box ul {
		font-size: 16px;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box ul li {
	    width: auto;
	    float: none;
	    padding: 0 0 0 20px;
	    line-height: 2em;
	    margin: 5px 0;
	    background: url(../image/hairgain/square.png) no-repeat 0 8px;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box ul li.left {
		width: auto;
		float: none;
	}
	#hairgain > .wrapper .hairgain_menu_box .hairgain_feature_box ul li.right {
		width: auto;
		float: none;
	}

	#hairgain > .wrapper .hairgain_menu_box .hairgain_menu_process_box .process_text .detail_text{
		padding-left: 0;
	}

}

/* ========================================================================== */
#dressing > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px  0 60px 0;
	/* width: 980px; */
}

#dressing > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/dressing/menu.png") no-repeat center;
	background-size: 106px;
	height: 40px;
}

#dressing > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#dressing > .wrapper ul.menu {
	width: 600px;
	height: auto;
	font-size: 16px;
	text-align: center;
	margin: 40px auto;
}

#dressing > .wrapper ul.menu li {
	width: auto;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 10px;
	height: auto;
}
#dressing > .wrapper ul.menu li:nth-child(2) {
    float: none;
}
#dressing > .wrapper ul.menu li a {
	color:#000;
}
#dressing > .wrapper ul.menu li a br {
	display: none;
}
#dressing > .wrapper ul.menu li.current a{
	color:#d12087;
}
#dressing > .wrapper .image-box {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 252px;
	background-image: url("../image/dressing/dressingimage.jpg");
	background-repeat: no-repeat;
}

#dressing > .wrapper .image-box > img {
	width: 100%;
}

#dressing > .wrapper .image_text_box {
	display: none;
}
#dressing > .wrapper div.title {
	height: 54px;
	line-height: 54px;
	color: #ffffff;
	font-size: 26px;
	text-align: center;
	background: #d12087;
}

#dressing > .wrapper ul {
	margin: 0 auto 0 auto;
	width: 100%;
	font-size: 0;
}

#dressing > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}

#dressing > .wrapper ul li {
	float: left;
	width: 460px;
}

#dressing > .wrapper ul li:nth-child(2) {
	float: right;
}

#dressing > .wrapper ul li > div.name {
	margin: 60px 0 0 0;
	padding: 0 0 4px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
#dressing > .wrapper .dressing_support_box{
	margin: 30px 0 60px 0;
}
#dressing > .wrapper .dressing_support_box p,
#dressing > .wrapper .dressing_support_box h3{
	text-align: center;
	line-height: 2em;
}

#dressing > .wrapper .dressing_photo_box{
	width: 740px;
	margin: 0 auto 60px auto;
}
#dressing > .wrapper .dressing_photo_box ul {
	width: 762px;
	margin-top: 40px;
	margin-left: -20px;
	font-size: 16px;
}
#dressing > .wrapper .dressing_photo_box ul li {
	width: 234px;
	margin-left: 20px;
	margin-bottom: 30px;
	float:left;
}
#dressing > .wrapper .dressing_photo_box ul li .image{
	width: 234px;
	margin-bottom: 15px;
}
#dressing > .wrapper .dressing_photo_box ul li .image img{
	width: 100%;
}
#dressing > .wrapper .dressing_photo_box ul li .photo_name {
	text-align: center;
	margin: 10px 0;
}
#dressing > .wrapper .dressing_photo_box ul li .detail {
	text-align: left;
	line-height: 2.0em;
	height: 140px;
}
#dressing > .wrapper .dressing_contact_message_box {
	width: 740px;
	margin: 0 auto 60px auto;
	padding: 20px;
	text-align: center;
	background-color: #f9d4db;
	line-height: 2.0em;
}

@media (max-width: 999px) {

	#dressing > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}

	#dressing > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 70px;
		height: 27px;
	}

	#dressing > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#dressing > .wrapper ul.menu {
		width: 100%;
		height: auto;
		font-size: 16px;
		text-align: center;
		margin: 40px 0 0 0;
	}

	#dressing > .wrapper ul.menu li {
		width: 50%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		background-color: #e88fc3;
	}
	#dressing > .wrapper ul.menu li.separator {
		display: none;
	}
	#dressing > .wrapper ul.menu li:nth-child(1),
	#dressing > .wrapper ul.menu li:nth-child(3) {
		width: 33.3%;
	}
	#dressing > .wrapper ul.menu li:nth-child(5) {
		width: 33.4%;
	}
	#dressing > .wrapper ul.menu li a {
		color:#FFF;
		padding: 15px 0;
		border-bottom: 1px solid #FFF;
		display: block;
	}
	#dressing > .wrapper ul.menu li a.perm {
		color:#FFF;
		padding: 7px 0;
		display: block;
	}
	#dressing > .wrapper ul.menu li a.center {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	#dressing > .wrapper ul.menu li a br {
		display: block;
	}
	#dressing > .wrapper ul.menu li.current a {
		color:#FFF;
		background-color: #d12087;
		padding: 15px 0;
	}
	#dressing > .wrapper ul.menu li .sp_non{
		display: none;
	}

	#dressing > .wrapper .image-box {
		margin: 0;
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 40.937%;
		background-size: contain;
	    border-left: none;
		background-image: url("../image/dressing/dressingimage_sp.jpg");
		background-repeat: no-repeat;
	}
	#dressing > .wrapper .image_text_box {
		display: block;
		margin: 0 10px;
		padding: 20px 0;
		border-bottom: 1px dashed #000;
	}
	#dressing > .wrapper .image_text_box h3{
		font-weight: bold;
		line-height: 1.5em;
	}
	#dressing > .wrapper .dressing_support_box{
		margin: 30px 0 60px 0;
		padding: 0 10px;
	}
	#dressing > .wrapper .dressing_support_box p,
	#dressing > .wrapper .dressing_support_box h3{
		line-height: 2em;
		font-size: 14px;
		text-align: left;
	}

	#dressing > .wrapper .dressing_photo_box{
		width: auto;
		padding: 0 10px;
		margin: 0 auto 60px auto;
	}
	#dressing > .wrapper .dressing_photo_box ul {
		width: 100%;
		margin-top: 40px;
		margin-left: 0;
		font-size: 14px;
	}
	#dressing > .wrapper .dressing_photo_box ul li {
		width: 80%;
		max-width: 500px;
		margin: 0 auto 30px auto;
		float:none;
	}
	#dressing > .wrapper .dressing_photo_box ul li .image{
		width: 100%;
		margin-bottom: 15px;
	}
	#dressing > .wrapper .dressing_photo_box ul li .image img{
		width: 100%;
	}
	#dressing > .wrapper .dressing_photo_box ul li .photo_name {
		text-align: center;
		margin: 10px 0;
		font-size: 14px;
	}
	#dressing > .wrapper .dressing_photo_box ul li .detail {
		text-align: left;
		line-height: 2.0em;
		font-size: 14px;
		height: auto;
	}
	#dressing > .wrapper .dressing_contact_message_box {
		width: auto;
		text-align: left;
		margin: 0 10px 30px 10px;
		padding: 20px;
		text-align: center;
		background-color: #f9d4db;
		line-height: 2.0em;
	}
	#dressing > .wrapper .dressing_contact_message_box p{
		text-align: left;
		font-size:14px;
	}
}

/* ========================================================================== */

#staff > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px 0 60px 0;
	width: 980px;
}

#staff > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/staff/staff.png") no-repeat center;
	background-size: 83px;
	height: 40px;
}

#staff > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#staff > .wrapper .image-box {
	margin: 0 0 52px 0;
	width: 980px;
	height: 252px;
}

#staff > .wrapper .image-box > img {
	width: 100%;
}

#staff > .wrapper p {
	line-height: 1.8;
	text-align: center;
}

#staff > .wrapper p > br {
	display: none;
}

#staff > .wrapper ul {
	margin: 100px auto 0 auto;
	width: 980px;
	font-size: 0;
}

#staff > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}

#staff > .wrapper ul li {
	float: right;
	width: 525px;
}

#staff > .wrapper ul li.staff {
	float: left;
	padding: 0;
	width: 397px;
	height: 442px;
	text-align: center;
}

#staff > .wrapper ul li.staff > img {
	/* width: 100%; */
	height: 100%;
}

#staff > .wrapper ul li > p {
	margin: 0 0 18px 0;
	font-size: 16px;
	text-align: left;
}

#staff > .wrapper ul li > p.stylist {
	margin: 24px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}

#staff > .wrapper ul li > p.stylist > span {
	margin: 0 20px 0 0;
	padding: 0 0 2px 0;
	font-size: 26px;
	border-bottom: 1px solid #d12087;
}

#staff > .wrapper ul li > p.name {
	margin: 0 0 30px 0;
	font-size: 26px;
}

#staff > .wrapper ul li > p.name > span {
	margin: 0 0 0 40px;
	color: #b3b3b3;
	font-size: 16px;
	vertical-align: middle;
}

#staff > .wrapper ul li > p.title {
	margin: 0 0 0 0;
	color: #d12087;
	font-size: 18px;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#staff > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}

	#staff > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 55px;
		height: 27px;
	}

	#staff > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#staff > .wrapper .image-box {
		margin: 0 0 20px 0;
		width: 100%;
		height: auto;
	}

	#staff > .wrapper p {
		padding: 0 10px;
		line-height: 1.8;
		text-align: center;
		word-break: break-all;
	}

	#staff > .wrapper p > br {
		display: block;
	}

	#staff > .wrapper ul {
		margin: 30px auto 0 auto;
		padding: 0 10px;
		width: auto;
		max-width: 470px;
	}

	#staff > .wrapper ul li {
		width: 100%;
	}

	#staff > .wrapper ul li.staff {
		margin: 0 0 5px 0;
		width: 100%;
		height: auto;
	}

	#staff > .wrapper ul li > p {
		margin: 0 0 18px 0;
		padding: 0;
		font-size: 16px;
		text-align: left;
	}

	#staff > .wrapper ul li > p.stylist {
		margin: 0 0 20px 0;
		font-size: 18px;
		font-weight: bold;
	}

	#staff > .wrapper ul li > p.stylist > span {
		margin: 0 20px 0 0;
		padding: 0 0 2px 0;
		font-size: 26px;
		border-bottom: 1px solid #d12087;
	}

	#staff > .wrapper ul li > p.name {
		margin: 0 0 20px 0;
		line-height: 1.2;
		font-size: 26px;
	}

	#staff > .wrapper ul li > p.name > span {
		display: block;
		margin: 0;
		color: #b3b3b3;
		font-size: 16px;
	}

	#staff > .wrapper ul li > p.title {
		margin: 0 0 0 0;
		color: #d12087;
		font-size: 18px;
	}
	#staff > .wrapper ul li.staff > img {
		width: 100%;
		height: auto;
	}

}

/* ========================================================================== */

#product > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px 0 60px 0;
	width: 980px;
}

#product > .wrapper .product_title {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/product/product.png") no-repeat center;
	background-size: 143px;
	height: 40px;
}

#product > .wrapper h2 {
	display: none;
}

#product > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#product > .wrapper .image-box {
	margin: 0 0 52px 0;
	width: 980px;
	height: 252px;
}

#product > .wrapper .image-box > img {
	width: 100%;
}

#product > .wrapper p {
	line-height: 1.8;
	text-align: center;
}

#product > .wrapper .item {
	margin: 40px 0 0 0;
	padding: 80px 0 0 0;
	width: 980px;
	height: 357px;
	border-top: 1px solid #d3d3d3;
}

#product > .wrapper .item > .name {
	float: right;
	margin: 0 0 13px 0;
	width: 368px;
}

#product > .wrapper .item > .name p {
	margin: 0 0 5px 0;
	line-height: 1;
	text-align: left;
	font-size: 15px;
}

#product > .wrapper .item > .name p > span.square {
	margin: 0 6px 0 0;
	display: inline-block;
	width: 13px;
	height: 13px;
	background: #d12087;
}

#product > .wrapper .item > .name p > span.big {
	margin: 0 20px 0 0;
	line-height: 1.5;
	font-size: 38px;
	vertical-align: middle;
}

#product > .wrapper .item > .image-box {
	float: left;
	margin: 0;
	width: 570px;
	height: auto;
}

#product > .wrapper .item > .image-box > img {
	width: 100%;
}

#product > .wrapper .item > .explanation {
	float: right;
	width: 368px;
}

#product > .wrapper .item > .explanation p {
	margin: 12px 0 0 0;
	text-align: left;
}

#product > .wrapper .item > .explanation p.bold {
	margin: 0;
	line-height: 1.6;
	font-size: 18px;
	font-weight: bold;
}

#product > .wrapper .milbon-feature {
	margin: 40px auto 0 auto;
	padding: 25px 10px 18px 10px;
	width: auto;
	height: 357px;
	background: #e0e0e0;
}

#product > .wrapper .milbon-feature .title {
	margin: 0 auto 25px auto;
	width: 283px;
	height: 28px;
}

#product > .wrapper .milbon-feature ul {
	font-size: 0;
}

#product > .wrapper .milbon-feature ul:after {
	content: " ";
	display: block;
	clear: both;
}

#product > .wrapper .milbon-feature ul li {
	float: left;
	margin: 0 10px 0 10px;
	padding: 10px 16px 0 16px;
	width: 268px;
	height: 290px;
	background: #ffffff;
	text-align: center;
}

#product > .wrapper .milbon-feature ul li p {
	padding: 5px 0 0 0;
	line-height: 1.7;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
}

#product > .wrapper .milbon-feature ul li p > span {
	font-size: 17px;
}

#product > .wrapper .milbon-feature ul li.inside div.space {
	float: right;
	height: 130px;
}
#product > .wrapper .milbon-feature ul li.inside img  {
	float: right;
	clear: both;
	padding: 10px 0 0 10px;
	width: 119px;
	height: 86px;
}

#product > .wrapper .milbon-feature ul li.ssvr img  {
	margin: 14px 0 0 0;
	width: 260px;
	height: 90px;
}

#product > .wrapper .milbon-feature ul li.system div.space {
	float: right;
	height: 122px;
}
#product > .wrapper .milbon-feature ul li.system img  {
	float: right;
	clear: both;
	padding: 10px 20px 0 20px;
	width: 91px;
	height: 88px;
}

#product > .wrapper .milbon-series {
	position: relative;
	margin: 80px 0 0 0;
}

#product > .wrapper .milbon-series .image-box {
	margin: 0 0 16px 0;
	padding: 0;
	width: 350px;
	height: 25px;
}

#product > .wrapper .milbon-series .image-box > img {
	width: 100%;
}

#product > .wrapper .milbon-series .select {
	position: absolute;
	top: 8px;
	left: 380px;
	font-size: 13px;
}

#product > .wrapper ul.milbon-slider {
	margin: 76px 0 0 0;
}

#product > .wrapper ul.milbon-slider:after {
	content: " ";
	display: block;
	clear: both;
}

#product > .wrapper ul.milbon-slider li {
	float: left;
	margin: 0px 40px 0 0;
	width: 300px;
	height: 420px;
	font-size: 0;
}

#product > .wrapper ul.milbon-slider li:nth-child(3n) {
	margin: 0;
}

#product > .wrapper ul.milbon-slider li .image-box {
	margin: 0 auto 30px auto;
	width: 61px;
	height: 175px;
}

#product > .wrapper ul.milbon-slider li .name {
	margin: 0 0 10px 0;
	height: 72px;
}

#product > .wrapper ul.milbon-slider li.smooth .name {
	color: #445aa7;
	border-bottom: 1px solid #445aa7;
}

#product > .wrapper ul.milbon-slider li.moisture .name {
	color: #337333;
	border-bottom: 1px solid #337333;
}

#product > .wrapper ul.milbon-slider li.repair .name {
	color: #d12087;
	border-bottom: 1px solid #d12087;
}

#product > .wrapper ul.milbon-slider li.anti-frizz .name {
	color: #ff8500;
	border-bottom: 1px solid #ff8500;
}

#product > .wrapper ul.milbon-slider li.volume .name {
	color: #887eba;
	border-bottom: 1px solid #887eba;
}

#product > .wrapper ul.milbon-slider li.scalp .name {
	color: #5baacd;
	border-bottom: 1px solid #5baacd;
}

#product > .wrapper ul.milbon-slider li .name > p {
	line-height: 1.5;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

#product > .wrapper ul.milbon-slider li .name > p > span {
	font-size: 26px;
}

#product > .wrapper ul.milbon-slider li > p {
	font-size: 16px;
	text-align: left;
}

#product > .wrapper .milbon-more {
	margin: 0 auto;
	width: 392px;
	height: 60px;
	background: url("../image/product/milbon_more.png") no-repeat;
}

#product > .wrapper .amatora-feature {
	margin: 40px auto 0 auto;
	padding: 25px 10px 8px 10px;
	width: auto;
	background: #e0e0e0;
}

#product > .wrapper .amatora-feature .title {
	margin: 0 auto 25px auto;
/*	width: 417px;*/
	text-align: center;
	height: 30px;
}

#product > .wrapper .amatora-feature .title img {
	max-width: 100%;
}

#product > .wrapper .amatora-feature ul {
	font-size: 0;
}

#product > .wrapper .amatora-feature ul:after {
	content: " ";
	display: block;
	clear: both;
}

#product > .wrapper .amatora-feature ul li {
	float: left;
	margin: 0 10px 20px 10px;
	padding: 10px 16px 0 16px;
	width: 268px;
	height: 290px;
	background: #ffffff;
	text-align: center;
}

#product > .wrapper .amatora-feature ul li p {
	padding: 5px 0 0 0;
	line-height: 1.7;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
}

#product > .wrapper .amatora-feature ul li p > span {
	font-size: 17px;
}

#product > .wrapper .amatora-feature ul li.inside div.space {
	float: right;
	height: 130px;
}
#product > .wrapper .amatora-feature ul li.inside img  {
	float: right;
	clear: both;
	padding: 10px 0 0 10px;
	width: 119px;
	height: 86px;
}

#product > .wrapper .amatora-feature ul li.ssvr img  {
	margin: 14px 0 0 0;
	width: 249px;
	height: 107px;
}

#product > .wrapper .amatora-feature ul li.system div.space {
	float: right;
	height: 122px;
}
#product > .wrapper .amatora-feature ul li.system img  {
	float: right;
	clear: both;
	padding: 10px 30px 0 20px;
	width: 209px;
	height: 95px;
}

#product > .wrapper .amatora-feature ul li.cure img  {
	margin: 5px 0 0 0;
	width: 259px;
	height: 140px;
}

#product > .wrapper .amatora-feature ul li.proteoglycan img  {
	margin: 15px 0 0 0;
	width: 225px;
	height: 126px;
}

#product > .wrapper .amatora-series {
	position: relative;
	margin: 80px 0 0 0;
}

#product > .wrapper .amatora-series .image-box {
	margin: 0 0 16px 0;
	padding: 0;
	width: 374px;
	height: 28px;
}

#product > .wrapper .amatora-series .image-box > img {
	width: 100%;
}

#product > .wrapper .amatora-series .select {
	position: absolute;
	top: 8px;
	left: 380px;
	font-size: 13px;
}

#product > .wrapper ul.amatora-slider {
	margin: 46px 0 0 0;
}

#product > .wrapper ul.amatora-slider:after {
	content: " ";
	display: block;
	clear: both;
}

#product > .wrapper ul.amatora-slider li {
	float: left;
	position: relative;
	margin: 0px 40px 0 0;
	width: 300px;
	height: 420px;
	font-size: 0;
}

#product > .wrapper ul.amatora-slider li:nth-child(3n) {
	margin: 0;
}

#product > .wrapper ul.amatora-slider li .image-box {
	margin: 0 auto 12px auto;
	width: 300px;
	height: 200px;
}

#product > .wrapper ul.amatora-slider li .name {
	margin: 0 0 10px 0;
	height: 36px;
	border-bottom: 1px solid #b3b3b3;
}

#product > .wrapper ul.amatora-slider li .name > p {
	line-height: 1.5;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

#product > .wrapper ul.amatora-slider li > p {
	font-size: 16px;
	text-align: left;
}

#product > .wrapper .amatora-more {
	margin: 0 auto;
	width: 392px;
	height: 60px;
	background: url("../image/product/amatora_more.png") no-repeat;
}

#product > .wrapper .fuces-series {
	position: relative;
	margin: 80px 0 0 0;
}

#product > .wrapper .fuces-series .image-box {
	margin: 0 0 16px 0;
	padding: 0;
	width: 282px;
	height: 24px;
}

#product > .wrapper .fuces-series .image-box > img {
	width: 100%;
}

#product > .wrapper ul.fuces-slider {
	margin: 76px 0 0 0;
}

#product > .wrapper ul.fuces-slider:after {
	content: " ";
	display: block;
	clear: both;
}

#product > .wrapper ul.fuces-slider li {
	float: left;
	margin: 0px 40px 0 0;
	width: 300px;
	height: 430px;
	font-size: 0;
}

#product > .wrapper ul.fuces-slider li:nth-child(3n) {
	margin: 0;
}

#product > .wrapper ul.fuces-slider li .image-box {
	margin: 0 auto 10px auto;
	width: 300px;
	height: 200px;
}

#product > .wrapper ul.fuces-slider li .name {
	margin: 0 0 10px 0;
	height: 36px;
	border-bottom: 1px solid #d3d3d3;
}

#product > .wrapper ul.fuces-slider li .name > p {
	line-height: 1.5;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

#product > .wrapper ul.fuces-slider li > p {
	font-size: 16px;
	text-align: left;
}

#product > .wrapper .fuces-more {
	margin: 0 auto;
	width: 392px;
	height: 60px;
	background: url("../image/product/fuces_more.png") no-repeat;
}

#product > .wrapper .rekera-more {
	margin: 60px auto 0 auto;
	width: 392px;
	height: 60px;
	background: url("../image/product/rekera_more.png") no-repeat;
}

#product > .wrapper .villalodola-feature {
	margin: 40px auto 0 auto;
	padding: 40px 10px 18px 10px;
	width: auto;
	background: #E5E6CC;
}

#product > .wrapper .villalodola-feature .title {
	margin: 0 auto 40px auto;
	width: 370px;
	height: 28px;
}

#product > .wrapper .villalodola-feature .title > img {
	width: 100%;
}

#product > .wrapper .villalodola-feature ul {
	font-size: 0;
}

#product > .wrapper .villalodola-feature ul:after {
	content: " ";
	display: block;
	clear: both;
}

#product > .wrapper .villalodola-feature ul li {
	float: left;
	margin: 0 10px 20px 10px;
	padding: 20px;
	width: 420px;
	height: 150px;
	background: #ffffff;
	text-align: center;
}

#product > .wrapper .villalodola-feature ul li.wide {
	padding: 20px 220px 20px 20px;
	width: 700px;
	height: 100px;
	background: #ffffff url("../image/product/villalodola_color.png") no-repeat right;
}

#product > .wrapper .villalodola-feature ul li p {
	padding: 5px 0 0 0;
	line-height: 1.7;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
}

#product > .wrapper .villalodola-feature ul li p > span {
	font-size: 17px;
}

#product > .wrapper .villalodola-more {
	margin: 60px auto 0 auto;
	width: 392px;
	height: 60px;
	background: url("../image/product/villalodola_more.png") no-repeat;
}


#product > .wrapper .cefine-feature {
	margin: 40px auto 0 auto;
	padding: 25px 10px 18px 10px;
	width: auto;
	height: 357px;
	background: #e0e0e0;
}

#product > .wrapper .cefine-feature .title {
	margin: 0 auto 25px auto;
	width: 417px;
	height: 30px;
}

#product > .wrapper .cefine-feature .title img {
	max-width: 100%;
}

#product > .wrapper .cefine-feature ul {
	font-size: 0;
}

#product > .wrapper .cefine-feature ul:after {
	content: " ";
	display: block;
	clear: both;
}

#product > .wrapper .cefine-feature ul li {
	float: left;
	margin: 0 10px 0 10px;
	padding: 10px 16px 0 16px;
	width: 268px;
	height: 290px;
	background: #ffffff;
	text-align: center;
}

#product > .wrapper .cefine-feature ul li p {
	padding: 5px 0 0 0;
	line-height: 1.7;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
}

#product > .wrapper .cefine-feature ul li p > span {
	font-size: 17px;
}

#product > .wrapper .cefine-feature ul li.inside div.space {
	float: right;
	height: 110px;
}
#product > .wrapper .cefine-feature ul li.inside img  {
	float: right;
	clear: both;
	padding: 10px 10px 0 0;
	width: 247px;
	height: 117px;
}

#product > .wrapper .cefine-feature ul li.ssvr img  {
	margin: 14px 0 0 0;
	width: 130px;
	height: 84px;
}

#product > .wrapper .cefine-feature ul li.system div.space {
	float: right;
	height: 150px;
}
#product > .wrapper .cefine-feature ul li.system img  {
	float: right;
	clear: both;
	padding: 10px 10px 0 20px;
	width: 240px;
	height: 62px;
}

#product > .wrapper .cefine-series {
	position: relative;
	margin: 80px 0 0 0;
}

#product > .wrapper .cefine-series .image-box {
	margin: 0 0 16px 0;
	padding: 0;
	width: 374px;
	height: 28px;
}

#product > .wrapper .cefine-series .image-box > img {
	width: 100%;
}

#product > .wrapper .cefine-series .select {
	position: absolute;
	top: 8px;
	left: 380px;
	font-size: 13px;
}

#product > .wrapper ul.cefine-slider {
	margin: 46px 0 0 0;
}

#product > .wrapper ul.cefine-slider:after {
	content: " ";
	display: block;
	clear: both;
}

#product > .wrapper ul.cefine-slider li {
	float: left;
	margin: 0px 40px 0 0;
	width: 300px;
	height: 540px;
	font-size: 0;
}

#product > .wrapper ul.cefine-slider li:nth-child(3n) {
	margin: 0;
}

#product > .wrapper ul.cefine-slider li .image-box {
	margin: 0 auto 12px auto;
	width: 300px;
	height: 200px;
}

#product > .wrapper ul.cefine-slider li .name {
	margin: 0 0 10px 0;
	height: 36px;
	border-bottom: 1px solid #b3b3b3;
}

#product > .wrapper ul.cefine-slider li .name > p {
	line-height: 1.5;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

#product > .wrapper ul.cefine-slider li > p {
	font-size: 16px;
	text-align: left;
}

#product > .wrapper .cefine-more {
	margin: 0 auto;
	width: 392px;
	height: 60px;
	background: url("../image/product/cefine_more.png") no-repeat;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#product > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}

	#product > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 95px;
		height: 27px;
	}

	#product > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#product > .wrapper .image-box {
		margin: 0 0 20px 0;
		width: 100%;
		height: auto;
	}

	#product > .wrapper p {
		padding: 0 10px;
		text-align: left;
		word-break: break-all;
	}

	#product > .wrapper p > br {
		display: none;
	}

	#product > .wrapper .item {
		margin: 30px 0 0 0;
		padding: 0;
		width: auto;
		height: auto;
		border: none;
	}

	#product > .wrapper .item > .name {
		width: 100%;;
		height: auto;
	}

	#product > .wrapper .item > .name p > span.big {
		font-size: 30px;
	}

	#product > .wrapper .item > .name p br {
		display: block;
	}

	#product > .wrapper .item > .image-box {
		margin: 0 0 10px 0;
		padding: 0 10px;
		width: auto;
	}

	#product > .wrapper .item > .explanation {
		width: 100%;
	}

	#product > .wrapper .item > .explanation p {
		margin: 6px 0 0 0;
	}

	#product > .wrapper .milbon-feature {
		margin: 40px auto 0 auto;
		padding: 25px 10px 18px 10px;
		height: auto;
	}

	#product > .wrapper .milbon-feature .title {
		margin: 0 auto 25px auto;
		width: 283px;
		height: 28px;
	}

	#product > .wrapper .milbon-feature ul li {
		margin: 0 auto 10px auto;
		padding: 10px 16px 10px 16px;
		width: auto;
		height: auto;
	}

	#product > .wrapper .milbon-feature ul li.inside div.space {
		display: none;
	}
	#product > .wrapper .milbon-feature ul li.inside img  {
		display: none;
		padding: 20px 0 0 10px;
		width: 119px;
		height: 86px;
	}

	#product > .wrapper .milbon-feature ul li.ssvr img  {
		display: none;
	}

	#product > .wrapper .milbon-feature ul li.system div.space {
		display:none;
	}
	#product > .wrapper .milbon-feature ul li.system img  {
		display: none;
		padding: 10px 0 0 5px;
		width: 91px;
		height: 88px;
	}

	#product > .wrapper .milbon-series {
		margin: 30px 0 0 0;
		padding: 0 10px;
	}

	#product > .wrapper .milbon-series .image-box {
		margin: 0 auto 16px auto;
		width: 260px;
		height: 18px;
	}

	#product > .wrapper .milbon-series .select {
		position: static;
		padding: 16px 0;
		text-align: center;
	}

	#product > .wrapper ul.milbon-slider {
		margin: 30px 0 0 0;
	}

	#product > .wrapper ul.milbon-slider li {
		margin: 0 10px;
		height: 400px;
	}

	#product > .wrapper ul.milbon-slider li:nth-child(3n) {
		margin: 0 10px;;
	}

	#product > .wrapper ul.milbon-slider .slick-prev {
		top: 50px;
		left: 0;
		background: url("../image/top/slick-prev.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#product > .wrapper ul.milbon-slider .slick-next {
		top: 50px;
		right: 0;
		background: url("../image/top/slick-next.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#product > .wrapper .milbon-more {
		padding: 0 0 30px 0;
		width: 300px;
		height: 60px;
		background: url("../image/product/milbon_more_sp.png") no-repeat;
		background-size: 300px;
	}

	#product > .wrapper .amatora-feature {
		margin: 40px auto 0 auto;
		padding: 25px 10px 18px 10px;
		height: auto;
	}

	#product > .wrapper .amatora-feature .title {
		margin: 0 auto 25px auto;
		width: 300px;
		height: 21px;
	}

	#product > .wrapper .amatora-feature ul li {
		margin: 0 auto 10px auto;
		padding: 10px 16px 10px 16px;
		width: auto;
		height: auto;
	}

	#product > .wrapper .amatora-feature ul li.inside div.space {
		display: none;
	}
	#product > .wrapper .amatora-feature ul li.inside img  {
		display: none;
		padding: 20px 0 0 10px;
		width: 119px;
		height: 86px;
	}

	#product > .wrapper .amatora-feature ul li.ssvr img  {
		display: none;
	}

	#product > .wrapper .amatora-feature ul li.system div.space {
		display:none;
	}
	#product > .wrapper .amatora-feature ul li.system img  {
		display: none;
		padding: 10px 0 0 5px;
		width: 91px;
		height: 88px;
	}

	#product > .wrapper .amatora-feature ul li.cure img  {
		display: none;
	}

	#product > .wrapper .amatora-feature ul li.proteoglycan img  {
		display: none;
	}

	#product > .wrapper .amatora-series {
		margin: 30px 0 0 0;
		padding: 0 10px;
	}

	#product > .wrapper .amatora-series .image-box {
		margin: 0 auto 16px auto;
		width: 300px;
		height: 23px;
	}

	#product > .wrapper .amatora-series .select {
		position: static;
		padding: 16px 0;
		text-align: center;
	}

	#product > .wrapper ul.amatora-slider {
		margin: 30px 0 0 0;
	}

	#product > .wrapper ul.amatora-slider li {
		margin: 0 10px;
		height: 400px;
	}

	#product > .wrapper ul.amatora-slider li:nth-child(3n) {
		margin: 0 10px;;
	}

	#product > .wrapper ul.amatora-slider .slick-prev {
		top: 50px;
		left: 0;
		background: url("../image/top/slick-prev.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#product > .wrapper ul.amatora-slider .slick-next {
		top: 50px;
		right: 0;
		background: url("../image/top/slick-next.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#product > .wrapper .amatora-more {
		padding: 0 0 30px 0;
		width: 300px;
		height: 60px;
		background: url("../image/product/amatora_more_sp.png") no-repeat;
		background-size: 300px;
	}

	#product > .wrapper .fuces-series {
		margin: 30px 0 0 0;
		padding: 0 10px;
	}

	#product > .wrapper .fuces-series .image-box {
		margin: 0 auto 16px auto;
		width: 209px;
		height: 18px;
	}

	#product > .wrapper ul.fuces-slider {
		margin: 20px 0 0 0;
	}

	#product > .wrapper ul.fuces-slider li {
		margin: 0 10px;
		height: 400px;
	}

	#product > .wrapper ul.fuces-slider li:nth-child(3n) {
		margin: 0 10px;;
	}

	#product > .wrapper ul.fuces-slider .slick-prev {
		top: 50px;
		left: 0;
		background: url("../image/top/slick-prev.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#product > .wrapper ul.fuces-slider .slick-next {
		top: 50px;
		right: 0;
		background: url("../image/top/slick-next.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#product > .wrapper .fuces-more {
		width: 300px;
		height: 60px;
		background: url("../image/product/fuces_more_sp.png") no-repeat;
		background-size: 300px;
	}

	#product > .wrapper .rekera-more {
		margin: 30px auto 0 auto;
		width: 300px;
		height: 60px;
		background: url("../image/product/rekera_more_sp.png") no-repeat;
		background-size: 300px;
	}

	#product > .wrapper .villalodola-feature {
		margin: 40px auto 0 auto;
		padding: 25px 10px 18px 10px;
		height: auto;
	}

	#product > .wrapper .villalodola-feature .title {
		margin: 0 auto 20px auto;
		width: 300px;
		height: 28px;
	}

	#product > .wrapper .villalodola-feature ul li {
		margin: 0 auto 10px auto;
		padding: 10px 16px 10px 16px;
		width: auto;
		height: auto;
	}

	#product > .wrapper .villalodola-feature ul li.wide {
		padding: 10px 16px 10px 16px;
		width: auto;
		height: auto;
		background: #ffffff;
	}

	#product > .wrapper .villalodola-more {
		margin: 30px auto 0 auto;
		width: 300px;
		height: 60px;
		background: url("../image/product/villalodola_more_sp.png") no-repeat;
		background-size: 300px;
	}

	#product > .wrapper .cefine-feature {
		margin: 40px auto 0 auto;
		padding: 25px 10px 18px 10px;
		height: auto;
	}

	#product > .wrapper .cefine-feature .title {
		margin: 0 auto 25px auto;
		width: 300px;
		height: 21px;
	}

	#product > .wrapper .cefine-feature ul li {
		margin: 0 auto 10px auto;
		padding: 10px 16px 10px 16px;
		width: auto;
		height: auto;
	}

	#product > .wrapper .cefine-feature ul li.inside div.space {
		display: none;
	}
	#product > .wrapper .cefine-feature ul li.inside img  {
		display: none;
		padding: 20px 0 0 10px;
		width: 119px;
		height: 86px;
	}

	#product > .wrapper .cefine-feature ul li.ssvr img  {
		display: none;
	}

	#product > .wrapper .cefine-feature ul li.system div.space {
		display:none;
	}
	#product > .wrapper .cefine-feature ul li.system img  {
		display: none;
		padding: 10px 0 0 5px;
		width: 91px;
		height: 88px;
	}

	#product > .wrapper .cefine-series {
		margin: 30px 0 0 0;
		padding: 0 10px;
	}

	#product > .wrapper .cefine-series .image-box {
		margin: 0 auto 16px auto;
		width: 300px;
		height: 23px;
	}

	#product > .wrapper .cefine-series .select {
		position: static;
		padding: 16px 0;
		text-align: center;
	}

	#product > .wrapper ul.cefine-slider {
		margin: 30px 0 0 0;
	}

	#product > .wrapper ul.cefine-slider li {
		margin: 0 10px;
		height: 430px;
	}

	#product > .wrapper ul.cefine-slider li:nth-child(3n) {
		margin: 0 10px;;
	}

	#product > .wrapper ul.cefine-slider .slick-prev {
		top: 50px;
		left: 0;
		background: url("../image/top/slick-prev.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#product > .wrapper ul.cefine-slider .slick-next {
		top: 50px;
		right: 0;
		background: url("../image/top/slick-next.png") no-repeat center;
		background-size: 28px;
		width: 40px;
		height: calc(100% / 2 - 100% / 3.8);
	}

	#product > .wrapper .cefine-more {
		padding: 0 0 30px 0;
		width: 300px;
		height: 60px;
		background: url("../image/product/cefine_more_sp.png") no-repeat;
		background-size: 300px;
	}

}

/* ========================================================================== */

#facilities{
@media (min-width: 1000px){
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
body{
    margin: 0 auto 0;
    line-height: 1;
    color: #333333;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, "Yu Gothic", YuGothic, sans-serif;
}
div {
    display: block;
    unicode-bidi: isolate;
}
.wrapper_f{
    position: relative;
    margin: 0 auto;
    padding: 150px 0 60px 0;
}
.img-top{
    margin:35px auto 60px;
    width: 100%;
    max-width: 980px;
    height: auto;
}
.facilities_title{
    text-align: center;
}
p{
    display: block;
    unicode-bidi: isolate;
    line-height: 1.8;

}
p.f{
    font-family: Arno Pro Caption;
    font-size: 45px;
    margin: 0 0 5px 0;
}
.line{
    margin: 0 auto;
    width: 40px;
    height: 2px;
    background-color: #d12087;
}
.ex-box{
    max-width: 38%;
}
p.title{
    font-size: 15px;
    text-align: left;
}
p.big{
    margin: 0 20px 0 0;
    line-height: 1.5;
    font-size: 38px;
    vertical-align: middle;
}
p.bold{
    margin: 0;
    line-height: 1.6;
    font-size: 18px;
    font-weight: bold;
}
p.ex{
    margin: 12px 0 0 0;
    text-align: left;
    width: 100%;
}
.item-box{
    margin: 40px auto;
    padding: 80px 0 0 0;
    max-width: 980px;
    width: 100%;
    height: auto;
    display:flex;
    justify-content: space-between;
    border-top: 1px solid #d3d3d3;
}
.image-box{
    max-width:562px;
    width: 100%;
    height: auto;
}
.image-box img{
    max-width:562px;
    width: 100%;
    height: auto;
}
button.product{
    background-color: #d12087;
    width: 100%;
    height: 70px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 10px auto 0;
}
button.pc{
    background-color: #d12087;
    width: 100%;
    height: 70px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 10px auto 0;
}
button:hover{
    cursor: pointer;
}
span.square {
    margin: 0 6px 0 0;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #d12087;
}
.mobile-box{
    display:none ;
}
img.mb{
    display: none;
}
button.mb{
        display: none;
}
}

@media (max-width: 999px){
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
body{
    flex-direction: column;
    max-width: 750px;
    margin: 0 auto 0;
    line-height: 1;
    color: #333333;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, "Yu Gothic", YuGothic, sans-serif;
}
p{
    display: block;
    unicode-bidi: isolate;
    line-height: 1.8;

}
p:not(p.f){
    width: auto;
    text-align: left;
}
.facilities_title{
    text-align: center;
}
.wrapper_f{
    padding: 84px 0 48px 0;
    width: auto;
}
p.f{
    font-family: Arno Pro Caption;
    font-size: 22px;
	font-weight: bold;
    margin: 0 0 5px 0;
}
.line{
    margin: 0 auto 42px;
    width: 40px;
    height: 2px;
    background-color: #d12087;
}
img{
    width: 100%;
    text-align: center;
}
.img-top{
    margin:0 auto 48px;
}
p.ex-top{
    padding: 0 10px;
    width: 100%;
    margin:0 auto 48px;
}
.item-box{
    padding: 0 10px;
    width: auto;
    margin: 0 auto 68px;
}
.image-box{
    margin: 0 auto 24px;
    width: 100%;
}
.image-box img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
span.square{
    margin: 0 6px 0 0;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #d12087;
}
p.title{
    margin: auto;
    font-size: 15px;
    text-align:left;
}
p.big{
    margin: auto;
    font-size: 30px;
    line-height: 1.5;
    vertical-align: middle;
}
p.bold{
    margin: 0 auto 24px;
    line-height: 1.6;
    font-size: 18px;
    font-weight: bold;
}
p.ex{
    margin: 12px auto 0;
    height: auto;
    text-align: left;
}
button.product{
    background-color: #d12087;
    aspect-ratio: 50 / 7;
    max-width: 500px;
    min-height: 40px;
    height: auto;
    width: 100%;
    color: white;
    text-align: center;
    text-decoration: none;
    display: block;
    margin: 10px auto 0;
    font-size: clamp(13px,3vw,18px)
}
    button.mb{
    background-color: #d12087;
    aspect-ratio: 50 / 7;
    max-width: 500px;
    min-height: 40px;
    height: auto;
    width: 100%;
    color: white;
    text-align: center;
    text-decoration: none;
    display: block;
    margin: 10px auto 0;
    font-size: clamp(13px,3vw,18px)
}
button:hover{
    cursor: pointer;
}
.pc{
    display: none;
}
img.pc{
    display: none;
}
button.pc{
        display: none;
}
}
}

/* ========================================================================== */

#shop > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px 0 60px 0;
	width: 980px;
}

#shop > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/shop/shop.png") no-repeat center;
	background-size: 90px;
	height: 40px;
}

#shop > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#shop > .wrapper .image-box {
	margin: 0 0 52px 0;
	width: 980px;
	height: 252px;
}

#shop > .wrapper .image-box > img {
	width: 100%;
}

#shop > .wrapper div.reserve {
	width: 980px;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	text-align: center;
	background: #d12087;
}

#shop > .wrapper div.reserve > span {
	font-size: 22px;
	vertical-align: bottom;
}

#shop > .wrapper ul.reserve {
	margin: 0 0 60px 0;
	padding: 20px 0 0 0;
	width: 978px;
	height: 123px;
	border: 1px solid #d12087;
	border-top: none;
}

#shop > .wrapper ul.reserve li.telephone {
	margin: 0 auto;
	width: 278px;
	height: 89px;
	font-size: 0;
	background: url("../image/shop/telephone.png") no-repeat;
}

#shop > .wrapper ul.information {
	margin: 0 auto 0 auto;
	width: 980px;
	font-size: 0;
}

#shop > .wrapper ul.information:after {
	content: " ";
	display: block;
	clear: both;
}

#shop > .wrapper ul.information li {
	float: right;
	width: 470px;
}

#shop > .wrapper ul.information li.building {
	float: left;
	padding: 0;
	width: 437px;
	height: 442px;
}

#shop > .wrapper ul.information li.building > img {
	width: 100%;
}

#shop > .wrapper ul.information li > p {
	padding: 30px 0 10px 0;
	font-size: 20px;
}

#shop > .wrapper ul.information li > dl {
	margin: 0 0 20px 0;
}

#shop > .wrapper ul.information li > dl:after {
	content: " ";
	display: block;
	clear: both;
}

#shop > .wrapper ul.information li > dl dt {
	float: left;
	padding: 10px 0;
	width: 85px;
	line-height: 1.6;
	font-size: 16px;
}

#shop > .wrapper ul.information li > dl dd {
	float: left;
	padding: 10px 0;
	width: 385px;
	line-height: 1.6;
	font-size: 16px;
}

#shop > .wrapper ul.information li > dl dd.bottomline {
	float: left;
	padding: 0;
	width: 470px;
	height: 1px;
	background: #b3b3b3;
}

#shop > .wrapper ul.information li > dl dd > br {
	display: none;
}


#shop > .wrapper ul.information li > dl dd > span {
	display: inline-block;
	margin: -10px 0 0 10px;
	padding: 5px;
	line-height: 1;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	background: #d12087;
}

#shop > .wrapper ul.information li .sns {

}

#shop > .wrapper ul.information li .sns img {
	margin: 0 23px 0 0;
	width: 43px;
}
#shop > .wrapper ul.information li > dl dt.credit_card {
	float: left;
	padding: 10px 0 5px 0;
	width: 385px;
	line-height: 1.6;
	font-size: 16px;
}

#shop > .wrapper ul.information li > dl dd.credit_card {
	float: left;
	padding: 0 0 10px 0;
	width: 480px;
	line-height: 1.6;
	font-size: 16px;
}
#shop > .wrapper ul.information li > dl dd .card_box {
}

#shop > .wrapper ul.information li > dl dd .card_box .card_upper {
	width: 225px;
	float:left;
}
#shop > .wrapper ul.information li > dl dd .card_box .card_lower {
	width: 228px;
	padding-top: 5px;
	float:left;
}
#shop > .wrapper ul.information li > dl dd .card_box .card_lower img {
	padding-right: 5px;
}


/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#shop > .wrapper {
		padding: 84px 0 0 0;
		width: auto;
	}

	#shop > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 68px;
		height: 27px;
	}

	#shop > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#shop > .wrapper .image-box {
		margin: 0 0 20px 0;
		width: 100%;
		height: auto;
	}

	#shop > .wrapper div.reserve {
		padding: 0 10px;
		width: auto;
		height: auto;
		line-height: 1.4;
		color: #000000;
		text-align: left;
		background: none;
	}

	#shop > .wrapper div.reserve > span {
		color: #d12087;
		font-weight: bold;
		vertical-align: middle;
	}

	#shop > .wrapper ul.reserve {
		margin: 0 0 30px 0;
		padding: 10px 0 0 0;
		width: 100%;
		height: auto;
		border: none;
	}

	#shop > .wrapper ul.reserve li.telephone {
		margin: 0 auto;
		width: 300px;
		height: 50px;
		background: url("../image/footer/telephone_sp.png") no-repeat;
		background-size: 300px;
	}

	#shop > .wrapper ul.information {
		padding: 0 10px;
		width: auto;
		max-width: 470px;
	}

	#shop > .wrapper ul.information li {
		float: none;
		width: 100%;
	}

	#shop > .wrapper ul.information li.building {
		margin: 0 0 30px 0;
		width: 100%;
		height: auto;
	}

	#shop > .wrapper ul.information li > p {
		padding: 30px 0 10px 0;
		font-size: 18px;
	}

	#shop > .wrapper ul.information li > dl {
		margin: 0 0 20px 0;
	}

	#shop > .wrapper ul.information li > dl dt {
		width: 80px;
		line-height: 1.6;
		font-size: 15px;
	}

	#shop > .wrapper ul.information li > dl dd {
		width: calc(100% - 80px);
		font-size: 15px;
	}

	#shop > .wrapper ul.information li > dl dd.bottomline {
		width: 100%;
	}

	#shop > .wrapper ul.information li > dl dd > br {
		display: block;
	}


	#shop > .wrapper ul.information li > dl dd > span {
		margin: 0;
		font-size: 13px;
	}
	#shop > .wrapper ul.information li > dl dt.credit_card {
		float: left;
		padding: 10px 0 5px 0;
		width: 100%;
		line-height: 1.6;
		font-size: 16px;
	}

	#shop > .wrapper ul.information li > dl dd.credit_card {
		float: left;
		padding: 0 0 20px 0;
		width: 100%;
		line-height: 1.6;
		font-size: 16px;
	}
	#shop > .wrapper ul.information li > dl dd .card_box {
		padding: 0 0;
	}

	#shop > .wrapper ul.information li > dl dd .card_box .card_upper {
		width: 100%;
		padding: 0 0 5px 0;
		float:none;
	}
	#shop > .wrapper ul.information li > dl dd .card_box .card_lower {
		width: 100%;
		padding: 5px 0 0 0;;
		float:none;
	}
	#shop > .wrapper ul.information li > dl dd .card_box .card_upper img {
		padding-right: 3px;
	}
	#shop > .wrapper ul.information li > dl dd .card_box .card_lower img {
		padding-right: 5px;
	}


}

/* サイドメニュー */
.side_fixed_menubox {
	position: fixed;
	right: 0;
	top: 130px;
	z-index:100;
}

.side_fixed_menubox_campaign {
	position: fixed;
	right: 0;
	top: 300px;
	z-index:100;
}

.fixed_button , #js-show-popup_sp , .popup_sp{
	display: none;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 800px;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #fff;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

@media (max-width: 999px) {
	.side_fixed_menubox , .popup , #js-show-popup{
		display: none;
	}
	.fixed_button {
		width:100%;
		display: block;
		position: fixed;
		bottom: 0;
		z-index:100;
	}
	.fixed_button ul {
		width: 100%;
	}
	.fixed_button ul li {
		float: left;
		text-align: center;
	}
	.fixed_button ul li a{
		display: block;
	}
	.fixed_button ul li.reserve_web {
		width: 60%;
		border-top:1px solid #d12087;
		border-bottom:1px solid #d12087;
		background-color: #FFF;
	}
	.fixed_button ul li.reserve_tel {
		width: 40%;
		background-color: #d12087;
	}
	.fixed_button ul li.reserve_web a{
	    padding: 16px 0;
	}
	.fixed_button ul li.reserve_tel a{
	    padding: 20px 0;
	}
    #js-show-popup_sp{
    position: fixed;
	right: 0;
	top: 130px;
	z-index:100;
        display: block;
    }
    .popup_sp {
        display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 888;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup_sp.is-show_sp {
  opacity: 1;
  visibility: visible;
}
.popup-inner_sp {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 800px;
  z-index: 2;
}
.popup-inner_sp img {
  width: 100%;
}
.close-btn_sp {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn_sp i {
  font-size: 20px;
  color: #fff;
}
.black-background_sp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}
}
/* ========================================================================== */

#news > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px 0 60px 0;
	width: 980px;
}

#news > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/news/news.png") no-repeat center;
	background-size: 83px;
	height: 40px;
}

#news > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#news > .wrapper .section {
	width: 100%;
	margin: 40px 0;
}
#news > .wrapper .section .date{
}
#news > .wrapper .section .date span{
	font-size: 12px;
	color: #333333;
}
#news > .wrapper .section .date .category{
	color: #FFF;
	display: inline-block;
	padding: 6px 14px;
	margin: 0 20px 0 0;
}
#news > .wrapper .section .date .info{
	background-color: #D12087;
}
#news > .wrapper .section h3{
	font-size: 20px;
	color: #333333;
	border-bottom: 1px solid #B3B3B3;
	padding: 0 0 10px 0;
	margin: 20px 0;
		line-height: 1.5em;
}
#news > .wrapper .section .contents{
}
#news > .wrapper .section .contents p{
	line-height: 1.5em;
	font-size: 14px;
	color: #333333;
}
#news > .wrapper .section .image {
	margin: 20px 0 0 0;
	width: 660px;;
}
#news > .wrapper .section .image img{
	width: 100%;
}
/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#news > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}

	#news > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 55px;
		height: 27px;
	}

	#news > .wrapper .line {
		margin: 0 auto 26px auto;
	}
	#news > .wrapper .section .date{
		padding: 0 10px;
	}
	#news > .wrapper .section .date span{
		font-size: 12px;
	}
	#news > .wrapper .section .date .category{
		display: inline-block;
		padding: 6px 14px;
		margin: 0 20px 0 0;
	}
	#news > .wrapper .section .date .info{
	}
	#news > .wrapper .section h3{
		font-size: 18px;
		padding: 0 0 10px 0;
		margin: 20px 0;
	}
	#news > .wrapper .section .contents{
	}
	#news > .wrapper .section .contents p{
	}
	#news > .wrapper .section .image {
		margin: 20px 0 0 0;
		width: 100%;
	}
}

/* ========================================================================== */

#perm > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px  0 60px 0;
}
#perm > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/menu/menu.png") no-repeat center;
	background-size: 106px;
	height: 40px;
}
#perm > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#perm > .wrapper ul.menu {
	width: 600px;
	margin: 40px auto;
	height: auto;
	font-size: 16px;
	text-align: center;
}
#perm > .wrapper ul.menu li {
	float: none;
	display: inline-block;
	margin: 0;
	padding: 10px;
	width: auto;
	height: auto;
}
#perm > .wrapper ul.menu li:nth-child(2) {
    float: none;
}
#perm > .wrapper ul.menu li a {
	color:#000;
}
#perm > .wrapper ul.menu li a br {
	display: none;
}
#perm > .wrapper ul.menu li.current a{
	color:#d12087;
}
#perm > .wrapper .image-box {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 252px;
	background-image: url("../image/perm/permimage.jpg");
	background-repeat: no-repeat;
}
#perm > .wrapper .image-box > img {
	width: 100%;
}
#perm > .wrapper .image_text_box {
	display: none;
}
#perm > .wrapper .support_box{
	margin: 30px 0 60px 0;
}
#perm > .wrapper .support_box p,
#perm > .wrapper .support_box h3{
	line-height: 2em;
	text-align: center;
}
#perm > .wrapper .contents {
	padding: 60px 0;
}
#perm > .wrapper .contents.gray {
	background: #EAE7E1;
}
#perm > .wrapper .contents .inner {
	margin: 0 auto;
	width: 740px;
	line-height: 2em;
	font-size: 16px;
}
#perm > .wrapper .contents .inner .center_pc {
	text-align: center;
}
#perm > .wrapper .contents .inner h3 {
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
	font-size: 30px;
	text-align: center;
	background: url("../image/perm/h_line.png") no-repeat bottom center;
}
#perm > .wrapper .contents .inner h3 .name {
	display: inline-block;
	margin: 0 0 0 50px;
	text-align: left;
}
#perm > .wrapper .contents .inner h3 .double {
	vertical-align: middle;
}
#perm > .wrapper .contents .inner h3 .time {
	display: inline-block;
	margin: 15px 15px 0 0;
	font-size: 16px;
}
#perm > .wrapper .contents .inner h3 .time span {
	font-size: 20px;
}
#perm > .wrapper .contents .inner h3 .price {
	height: auto;
	font-size: 20px;
	vertical-align: middle;
}
#perm > .wrapper .contents .inner h3 .price span {
	font-size: 30px;
}
#perm > .wrapper .contents .inner p.subtitle {
	margin: 0 0 16px 0;
}
#perm > .wrapper .contents .inner p.space {
	margin: 0 0 60px 0;
}
#perm > .wrapper .contents .inner .addperm {
	position: relative;
	margin: 0 0 60px 0;
	width: 442px;
}
#perm > .wrapper .contents .inner .addperm img {
	position: absolute;
	top: 0;
	right: -298px;
	width: 254px;
	height: 254px;
}
#perm > .wrapper .contents .inner .effect {
	font-size: 0;
}
#perm > .wrapper .contents .inner .effect:after {
	content: "";
	clear: both;
	display: block;
}
#perm > .wrapper .contents .inner .effect li {
	position: relative;
	margin: 30px 0 0 100px;
	padding: 0 0 0 34px;
	width: auto;
	height: auto;
	line-height: 1.4;
	font-size: 16px;
}
#perm > .wrapper .contents .inner .effect li::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #333;
}
#perm > .wrapper .contents .inner .gallery {
	margin: -80px auto 0 auto;
	width: 696px;
	font-size: 0;
}
#perm > .wrapper .contents .inner .gallery:after {
	content: "";
	clear: both;
	display: block;
}
#perm > .wrapper .contents .inner .gallery li {
	float: left;
	margin: 80px 24px 0 24px;
	width: 300px;
	height: 350px;
}

#perm > .wrapper .contents .inner .about {
	margin: -40px auto 0 auto;
	width: 680px;
	font-size: 0;
}
#perm > .wrapper .contents .inner .about:after {
	content: "";
	clear: both;
	display: block;
}
#perm > .wrapper .contents .inner .about li {
	float: left;
	position: relative;
	margin: 40px 40px 0 40px;
	width: 260px;
	height: 254px;
	line-height: 1.5;
	font-size: 16px;
	text-align: center;
}
#perm > .wrapper .contents .inner .about li:nth-child(1),
#perm > .wrapper .contents .inner .about li:nth-child(3) {
	float: right;
	background: url("../image/perm/about_line_1.png") no-repeat top center, url("../image/perm/about_line_1.png") no-repeat bottom center;
}
#perm > .wrapper .contents .inner .about li .name {
	padding: 17px 0;
	background: url("../image/perm/about_line_2.png") no-repeat bottom center;
}
#perm > .wrapper .contents .inner .about li .comment {
	padding: 42px 0 0 0;
	text-align: left;
}
#perm > .wrapper .contents .inner .about li .price {
	position: absolute;
	bottom: 3px;
	right: 10px;
}

@media (max-width: 999px) {

	#perm > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}
	#perm > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 70px;
		height: 27px;
	}
	#perm > .wrapper .line {
		margin: 0 auto 26px auto;
	}
	#perm > .wrapper ul.menu {
		width: 100%;
		height: auto;
		font-size: 16px;
		text-align: center;
		margin: 40px 0 0 0;
	}
	#perm > .wrapper ul.menu li {
		width: 50%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		background-color: #e88fc3;
	}
	#perm > .wrapper ul.menu li.separator {
		display: none;
	}
	#perm > .wrapper ul.menu li:nth-child(1),
	#perm > .wrapper ul.menu li:nth-child(3) {
		width: 33.3%;
	}
	#perm > .wrapper ul.menu li:nth-child(5) {
		width: 33.4%;
	}
	#perm > .wrapper ul.menu li a {
		color:#FFF;
		padding: 15px 0;
		border-bottom: 1px solid #FFF;
		display: block;
	}
	#perm > .wrapper ul.menu li a.perm {
		color:#FFF;
		padding: 7px 0;
		display: block;
	}
	#perm > .wrapper ul.menu li a.center {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	#perm > .wrapper ul.menu li a br {
		display: block;
	}
	#perm > .wrapper ul.menu li.current a {
		color:#FFF;
		background-color: #d12087;
	}
	#perm > .wrapper ul.menu li .sp_non{
		display: none;
	}
	#perm > .wrapper .image-box {
		margin: 0;
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 40.937%;
		background-size: contain;
		border-left: none;
		background-image: url("../image/perm/permimage_sp.jpg");
		background-repeat: no-repeat;
	}
	#perm > .wrapper .image_text_box {
		display: block;
		margin: 0 10px;
		padding: 20px 0;
		border-bottom: 1px dashed #000;
	}
	#perm > .wrapper .image_text_box h3{
		font-weight: bold;
		line-height: 1.5em;
	}
	#perm > .wrapper .support_box{
		margin: 30px 0 30px 0;
		padding: 0 10px;
	}
	#perm > .wrapper .support_box p,
	#perm > .wrapper .support_box h3{
		line-height: 2em;
		font-size: 14px;
		text-align: left;
	}
	#perm > .wrapper .perm_support_box br{
		display: none;
	}
	#perm > .wrapper .contents {
		padding: 30px 0;
	}
	#perm > .wrapper .contents .inner {
		padding: 0 10px;
		width: auto;
		max-width: 500px;
		line-height: 2em;
		font-size: 14px;
	}
	#perm > .wrapper .contents .inner .center_pc {
		text-align: left;
	}
	#perm > .wrapper .contents .inner h3 {
		margin: 0 0 16px 0;
		padding: 0 0 20px 0;
		font-size: 20px;
	}
	#perm > .wrapper .contents .inner h3 .name {
		margin: 0;
		width: 100%;
		text-align: center;
	}
	#perm > .wrapper .contents .inner h3 .time {
		font-size: 14px;
	}
	#perm > .wrapper .contents .inner h3 .time span {
		font-size: 14px;
	}
	#perm > .wrapper .contents .inner p.subtitle {
		margin: 0 0 12px 0;
	}
	#perm > .wrapper .contents .inner p.space {
		margin: 0 0 40px 0;
	}
	#perm > .wrapper .contents .inner .addperm {
		margin: 0 0 40px 0;
		width: auto;
	}
	#perm > .wrapper .contents .inner .addperm img {
		position: relative;
		left: calc(50% - 127px);
		margin: 0 0 12px 0;
	}
	#perm > .wrapper .contents .inner .effect li {
		float: none;
		margin: 30px 0 0 20px;
		padding: 0 0 0 28px;
		width: auto;
		height: 20px;
		font-size: 14px;
	}
	#perm > .wrapper .contents .inner .effect li::before {
		width: 12px;
		height: 12px;
	}
	#perm > .wrapper .contents .inner .gallery {
		margin: -30px 0 0 0;
		width: auto;
	}
	#perm > .wrapper .contents .inner .gallery li {
		float: none;
		margin: 30px auto 0 auto;
	}
	#perm > .wrapper .contents .inner .about {
		margin: -40px auto 0 auto;
		width: auto;
	}
	#perm > .wrapper .contents .inner .about li {
		float: none;
		position: relative;
		margin: 40px auto 0 auto;
		width: auto;
		height: 254px;
	}
	#perm > .wrapper .contents .inner .about li:nth-child(1),
	#perm > .wrapper .contents .inner .about li:nth-child(3) {
		float: none;
	}
	#perm > .wrapper .contents .inner .about li .name {
		padding: 17px 0;
	}
	#perm > .wrapper .contents .inner .about li .comment {
		padding: 42px 0 0 0;
		text-align: left;
	}
	#perm > .wrapper .contents .inner .about li .price {
		position: absolute;
		bottom: 3px;
		right: 10px;
	}

}

/* ========================================================================== */

#facial > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px  0 60px 0;
}
#facial > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/menu/menu.png") no-repeat center;
	background-size: 106px;
	height: 40px;
}
#facial > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#facial > .wrapper ul.menu {
	width: 600px;
	margin: 40px auto;
	height: auto;
	font-size: 16px;
	text-align: center;
}
#facial > .wrapper ul.menu li {
	float: none;
	display: inline-block;
	margin: 0;
	padding: 10px;
	width: auto;
	height: auto;
}
#facial > .wrapper ul.menu li:nth-child(2) {
    float: none;
}
#facial > .wrapper ul.menu li a {
	color:#000;
}
#facial > .wrapper ul.menu li a br {
	display: none;
}
#facial > .wrapper ul.menu li.current a{
	color:#d12087;
}
#facial > .wrapper .image-box {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 252px;
	background-image: url("../image/facial/facialimage.png");
	background-repeat: no-repeat;
}
#facial > .wrapper .image-box > img {
	width: 100%;
}
#facial > .wrapper .image_text_box {
	display: none;
}
#facial > .wrapper .support_box{
	margin: 30px 0 60px 0;
}
#facial > .wrapper .support_box p,
#facial > .wrapper .support_box h3{
	line-height: 2em;
	text-align: center;
}
#facial > .wrapper .contents {
	padding: 60px 0;
}
#facial > .wrapper .contents.gray {
	background: #FDF6FA;
}
#facial > .wrapper .contents .inner {
	margin: 0 auto;
	width: 740px;
	line-height: 2em;
	font-size: 16px;
}
#facial > .wrapper .contents .inner .center_pc {
	text-align: center;
}
#facial > .wrapper .contents .inner h3 {
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
	font-size: 30px;
	text-align: center;
	background: url("../image/spa/h_line.png") no-repeat bottom center;
}
#facial > .wrapper .contents .inner_flow h3 {
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
	font-size: 30px;
	text-align: center;
	background: url("../image/spa/h_line.png") no-repeat bottom center;
}
#facial > .wrapper .contents .inner h3 .name {
	display: inline-block;
	margin: 0 0 0 50px;
	text-align: left;
}
#facial > .wrapper .contents .inner h3 .double {
	vertical-align: middle;
}
#facial > .wrapper .contents .inner h3 .time {
	display: inline-block;
	margin: 15px 15px 0 0;
	font-size: 16px;
}
#facial > .wrapper .contents .inner h3 .time span {
	font-size: 20px;
}
#facial > .wrapper .contents .inner h3 .price {
	height: auto;
	font-size: 20px;
	vertical-align: middle;
}
#facial > .wrapper .contents .inner h3 .price span {
	font-size: 30px;
}
#facial > .wrapper .contents .inner p.subtitle {
	margin: 0 0 16px 0;
}
#facial > .wrapper .contents .inner p.space {
	margin: 0 0 60px 0;
}
#facial > .wrapper .contents .inner .facial_menu {
	position: relative;
	margin: 0 0 60px 0;
}
#facial > .wrapper .contents .inner .facial_course {
	position: relative;
	margin: 0 0 60px 0;
	background-color: #fff;
	border: 2px solid #D12087;
	border-radius: 10px;
	padding: 15px;
}
#facial > .wrapper .contents .inner .course_top{
	display: flex;
	border-bottom: 2px solid #D12087;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#facial > .wrapper .contents .inner .course_ttl h4 {
	color: #D12087;
	font-weight: bold;
	font-size: 22px;
}
#facial > .wrapper .contents .inner .course_ttl p {
	color: #D12087;
	font-weight: bold;
}
#facial > .wrapper .contents .inner .course_time{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #D12087;
	margin: auto 15px auto auto;
}
#facial > .wrapper .contents .inner .course_time p{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 70px;
}
#facial > .wrapper .contents .inner .op{
	margin: 30px 0;
}
#facial > .wrapper .contents .inner .op table{
	margin: 0 auto;
	width: 165px;
}
#facial > .wrapper .contents .inner .op p{
	color: #D12087;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding-bottom: 15px;
}
#facial > .wrapper .contents .inner .op .op_p_txt{
	color: #D12087;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	line-height: 42px;
}

.op_plus {
  display: inline-block;
  position: relative;
  width: 42px;
  height: 42px;
  margin: 0 5px;
  border: 3px solid #D12087;
  border-radius: 50%;
}
.op_plus:before, .op_plus:after {
  display: block;
  content: '';
  background-color: #D12087;
  border-radius: 10px;
  position: absolute;
  width: 26px;
  height: 4px;
  top: 19px;
  left: 8px;
}
.op_plus:before {
  width: 4px;
  height: 26px;
  top: 8px;
  left: 19px;
}
#facial > .wrapper .contents .inner .facial_op {
	position: relative;
	margin: 0 0 20px 0;
	background-color: #FDF6FA;
	border: 2px solid #D12087;
	border-radius: 10px;
	padding: 15px;
}
#facial > .wrapper .contents .inner .op_top{
	display: flex;
	border-bottom: 2px solid #D12087;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#facial > .wrapper .contents .inner .op_ttl h4 {
	color: #D12087;
	font-weight: bold;
	font-size: 22px;
}
#facial > .wrapper .contents .inner .op_time{
	width: 75px;
	height: 32px;
	border-radius: 16px;
	border: 2px solid #D12087;
	margin: auto 15px auto auto;
}
#facial > .wrapper .contents .inner .op_time p{
	font-size: 20px;
	color: #D12087;
	text-align: center;
	line-height: 32px;
}
#facial > .wrapper .contents .inner .effect {
	margin: 30px 0 0 0;
	font-size: 0;
}
#facial > .wrapper .contents .inner .effect:after {
	content: "";
	clear: both;
	display: block;
}
#facial > .wrapper .contents .inner .effect li {
	position: relative;
	margin: 30px 0 0 36px;
	padding: 0 0 0 34px;
	height: 20px;
	line-height: 1.4;
	font-size: 16px;
}
#facial > .wrapper .contents .inner .effect li::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #333;
}
#facial > .wrapper .contents .inner_flow {
    margin: 0 auto;
    width: 860px;
    line-height: 2em;
    font-size: 16px;
}
#facial > .wrapper .contents .inner_flow .flow .flow_list{
	position:relative;
}
#facial > .wrapper .contents .inner_flow .flow .flow_list .sp_display{
	display: none;
}
#facial > .wrapper .contents .inner_flow .flow .flow_list .pc_display{
	display: block;
}
#facial > .wrapper .contents .inner_flow .flow .flow_line{
	border-left: 3px solid #D12087;
	position:absolute;
	top: 5px;
	left: 48px;
	height: 1440px;
	z-index: 1;
}
#facial > .wrapper .contents .inner_flow .flow {
	margin: 60px 0 0 0;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot {
	display: flex;
	margin: 30px 0;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .dot{
	width: 100px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .dot .dot_num {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #D12087;
	margin: 5px auto;
	position:relative;
	z-index: 10;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_pc_flex {
	display: flex;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .item_ttl{
	font-size: 24px;
	font-weight: bold;
	color: #D12087;
	width: 180px;
	text-align: center;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .item_txt{
	margin-left: 10px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .att_txt{
	font-size: 14px;
	color: #D12087;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_timebox{
	border: 2px solid #D12087;
	background-color: #FDF6FA;
	padding: 5px;
	width: 70px;
	margin: 15px auto;
	position:relative;
	z-index: 10;
}
#facial > .wrapper .contents .inner_flow .flow_list .timebox{
	width: 100px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_timebox p{
	font-size: 14px;
	color: #D12087;
	font-weight: bold;
	text-align: center;
}
#facial > .wrapper .contents .inner_flow .flow_list .timebox_att{
	border-bottom: 2px solid #D12087;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .dot_step{
	width:100px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .flow_timebox{
	margin: 70px auto;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_round{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-color: #D12087;
	margin: 5px;
	position:relative;
	z-index: 10;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_round p{
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_round p span{
	font-size: 18px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_item{
	margin: 30px 0 0 20px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_item h4{
	color: #D12087;
	font-size: 37px;
	font-weight: bold;
	margin-bottom: 25px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_item p{
	font-size: 18px;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_item .step_point li{
	text-align: center;
	display: inline-block;
	border: 1.5px solid #D12087;
	border-radius: 30px;
	padding: 10px 25px;
	margin: 15px 10px 0 0;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_item .step_point li p{
	font-size: 20px;
	color: #D12087;
}
#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot div img{
	width: 320px;
	margin-top: 30px;
}
@media (max-width: 999px) {

	#facial > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}
	#facial > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 70px;
		height: 27px;
	}
	#facial > .wrapper .line {
		margin: 0 auto 26px auto;
	}
	#facial > .wrapper ul.menu {
		width: 100%;
		height: auto;
		font-size: 16px;
		text-align: center;
		margin: 40px 0 0 0;
	}
	#facial > .wrapper ul.menu li {
		width: 50%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		background-color: #e88fc3;
	}
	#facial > .wrapper ul.menu li.separator {
		display: none;
	}
	#facial > .wrapper ul.menu li:nth-child(1),
	#facial > .wrapper ul.menu li:nth-child(3) {
		width: 33.3%;
	}
	#facial > .wrapper ul.menu li:nth-child(5) {
		width: 33.4%;
	}
	#facial > .wrapper ul.menu li a {
		color:#FFF;
		padding: 15px 0;
		border-bottom: 1px solid #FFF;
		display: block;
	}
	#facial > .wrapper ul.menu li a.center {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	#facial > .wrapper ul.menu li a br {
		display: block;
	}
	#facial > .wrapper ul.menu li.current a {
		color:#FFF;
		background-color: #d12087;
		padding: 15px 0;
	}
		#facial > .wrapper ul.menu li a.perm {
		color:#FFF;
		padding: 7px 0;
		display: block;
	}
	#facial > .wrapper ul.menu li .sp_non{
		display: none;
	}
	#facial > .wrapper .image-box {
		margin: 0;
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 40.937%;
		background-size: contain;
		border-left: none;
		background-image: url("../image/facial/facialimage_sp.jpg");
		background-repeat: no-repeat;
	}
	#facial > .wrapper .image_text_box {
		display: block;
		margin: 0 10px;
		padding: 20px 0;
		border-bottom: 1px dashed #D12087;
	}
	#facial > .wrapper .image_text_box h3{
		font-weight: bold;
		line-height: 1.5em;
	}
	#facial > .wrapper .support_box{
		margin: 30px 0 30px 0;
		padding: 0 10px;
	}
	#facial > .wrapper .support_box p,
	#facial > .wrapper .support_box h3{
		line-height: 2em;
		font-size: 14px;
		text-align: left;
	}
	#facial > .wrapper .contents {
		padding: 30px 0;
	}
	#facial > .wrapper .contents .inner {
		padding: 0 10px;
		width: auto;
		max-width: 500px;
		line-height: 2em;
		font-size: 14px;
	}
	#facial > .wrapper .contents .inner_flow {
		padding: 0 10px;
		width: auto;
		max-width: 500px;
		line-height: 2em;
		font-size: 14px;
	}
	#facial > .wrapper .contents .inner_flow .flow .flow_line {
    		height: 2040px;
	}
	#facial > .wrapper .contents .inner .center_pc {
		text-align: left;
	}
	#facial > .wrapper .contents .inner_flow .center_pc {
		text-align: left;
	}
	#facial > .wrapper .contents .inner h3 {
		margin: 0 0 16px 0;
		padding: 0 0 20px 0;
		font-size: 20px;
	}
	#facial > .wrapper .contents .inner_flow h3 {
		margin: 0 0 16px 0;
		padding: 0 0 20px 0;
		font-size: 20px;
	}
	#facial > .wrapper .contents .inner h3 .name {
		margin: 0;
		width: 100%;
		text-align: center;
	}
	#facial > .wrapper .contents .inner h3 .time {
		font-size: 14px;
	}
	#facial > .wrapper .contents .inner h3 .time span {
		font-size: 14px;
	}
	#facial > .wrapper .contents .inner p.subtitle {
		margin: 0 0 12px 0;
	}
	#facial > .wrapper .contents .inner p.space {
		margin: 0 0 40px 0;
	}
	#facial > .wrapper .contents .inner .course_ttl p {
    		line-height: 1.5em;
		margin-top: 15px;
	}
	#facial > .wrapper .contents .inner .op_ttl h4 {
    		font-size: 18px;
	}
	#facial > .wrapper .contents .inner .effect {
		margin: 0 0 0 0;
	}
	#facial > .wrapper .contents .inner .effect li {
		float: none;
		margin: 30px 0 0 20px;
		padding: 0 0 0 28px;
		width: auto;
		height: 20px;
		font-size: 14px;
	}
	#facial > .wrapper .contents .inner .effect li::before {
		width: 12px;
		height: 12px;
	}
	#facial > .wrapper .contents .inner_flow .flow .flow_list .sp_display{
		display: block;
	}
	#facial > .wrapper .contents .inner_flow .flow .flow_list .pc_display{
		display: none;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_pc_flex {
		display: block;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .item_ttl {
    		text-align: left;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .read_m {
		display: none;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .item_txt {
    		margin-top: 20px;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .flow_timebox {
    		margin: 20px auto;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .dot_step .flow_timebox {
    		margin: 180px auto;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_item .step_point li {
    		border-radius: 20px;
    		padding: 5px 15px;
    		margin: 10px 6px 0 0;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot .step_item .step_point li p {
    		font-size: 18px;
	}
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot div img {
    		width: 100%;
		max-width: 300px;
   		margin: 20px;
	}

	#facial > .wrapper .contents .inner .flow {
		display: block;
		padding: 0 0 20px 0;
		background: none;
	}
	#facial > .wrapper .contents .inner .flow .column {
		display: block;
		margin: 0 0 20px 0;
		padding: 20px 20px;
		width: auto;
	}
	#facial > .wrapper .contents .inner .flow .column .flow_image {
		margin: 20px 0 0 0;
	}
	#facial > .wrapper .contents .inner .flow .comment {
		display: block;
		padding: 0;
		width: auto;
	}
}

@media (max-width: 550px) {
	#facial > .wrapper .contents .inner_flow .flow_list .flow_item_dot div img {
    		width: 80%;
		max-width: 240px;
   		margin: 20px;
	}
}
/* ========================================================================== */

#spa > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px  0 60px 0;
}
#spa > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/menu/menu.png") no-repeat center;
	background-size: 106px;
	height: 40px;
}
#spa > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#spa > .wrapper ul.menu {
	width: 600px;
	margin: 40px auto;
	height: auto;
	font-size: 16px;
	text-align: center;
}
#spa > .wrapper ul.menu li {
	float: none;
	display: inline-block;
	margin: 0;
	padding: 10px;
	width: auto;
	height: auto;
}
#spa > .wrapper ul.menu li:nth-child(2) {
    float: none;
}
#spa > .wrapper ul.menu li a {
	color:#000;
}
#spa > .wrapper ul.menu li a br {
	display: none;
}
#spa > .wrapper ul.menu li.current a{
	color:#d12087;
}
#spa > .wrapper .image-box {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 252px;
	background-image: url("../image/spa/spaimage.jpg");
	background-repeat: no-repeat;
}
#spa > .wrapper .image-box > img {
	width: 100%;
}
#spa > .wrapper .image_text_box {
	display: none;
}
#spa > .wrapper .support_box{
	margin: 30px 0 60px 0;
}
#spa > .wrapper .support_box p,
#spa > .wrapper .support_box h3{
	line-height: 2em;
	text-align: center;
}
#spa > .wrapper .contents {
	padding: 60px 0;
}
#spa > .wrapper .contents.gray {
	background: #EAE7E1;
}
#spa > .wrapper .contents .inner {
	margin: 0 auto;
	width: 740px;
	line-height: 2em;
	font-size: 16px;
}
#spa > .wrapper .contents .inner .center_pc {
	text-align: center;
}
#spa > .wrapper .contents .inner h3 {
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
	font-size: 30px;
	text-align: center;
	background: url("../image/spa/h_line.png") no-repeat bottom center;
}
#spa > .wrapper .contents .inner h3 .name {
	display: inline-block;
	margin: 0 0 0 50px;
	text-align: left;
}
#spa > .wrapper .contents .inner h3 .double {
	vertical-align: middle;
}
#spa > .wrapper .contents .inner h3 .time {
	display: inline-block;
	margin: 15px 15px 0 0;
	font-size: 16px;
}
#spa > .wrapper .contents .inner h3 .time span {
	font-size: 20px;
}
#spa > .wrapper .contents .inner h3 .price {
	height: auto;
	font-size: 20px;
	vertical-align: middle;
}
#spa > .wrapper .contents .inner h3 .price span {
	font-size: 30px;
}
#spa > .wrapper .contents .inner p.subtitle {
	margin: 0 0 16px 0;
}
#spa > .wrapper .contents .inner p.space {
	margin: 0 0 60px 0;
}
#spa > .wrapper .contents .inner .ayurveda {
	position: relative;
	margin: 0 0 60px 0;
	width: 442px;
}
#spa > .wrapper .contents .inner .ayurveda img {
	position: absolute;
	top: 0;
	right: -298px;
	width: 282px;
	height: 238px;
}
#spa > .wrapper .contents .inner .effect {
	margin: -30px 0 0 0;
	font-size: 0;
}
#spa > .wrapper .contents .inner .effect:after {
	content: "";
	clear: both;
	display: block;
}
#spa > .wrapper .contents .inner .effect li {
	float: left;
	position: relative;
	margin: 30px 0 0 36px;
	padding: 0 0 0 34px;
	width: 300px;
	height: 20px;
	line-height: 1.4;
	font-size: 16px;
}
#spa > .wrapper .contents .inner .effect li::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #333;
}
#spa > .wrapper .contents .inner .course {
	font-size: 0;
}
#spa > .wrapper .contents .inner .course li {
	margin: 30px 0 0 0;
	padding: 10px;
	height: 141px;
	line-height: 1.4;
	font-size: 16px;
	background: #FFFFFF;
	border: 2px solid #523829;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#spa > .wrapper .contents .inner .course li:after {
	content: "";
	clear: both;
	display: block;
}
#spa > .wrapper .contents .inner .course li .left {
	float: left;
	padding: 6px 35px 0 35px;
	width: 133px;
	height: 135px;
	border-right: 2px solid #523829;
}
#spa > .wrapper .contents .inner .course li .name {
	color: #523829;
	font-size: 30px;
}
#spa > .wrapper .contents .inner .course li .left .time {
	display: inline-block;
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #707070;
}
#spa > .wrapper .contents .inner .course li .left .time span {
	font-size: 20px;
}
#spa > .wrapper .contents .inner .course li .left .price {
	font-size: 20px;
	text-align: center;
}
#spa > .wrapper .contents .inner .course li .left .price span {
	font-size: 30px;
}
#spa > .wrapper .contents .inner .course li .right {
	float: right;
	padding: 6px 35px 0 35px;
	width: 441px;
	height: 135px;
	background: url("../image/spa/arrow_right.png") no-repeat center right;
}
#spa > .wrapper .contents .inner .course li .right p {
	padding: 10px 0 0 0;
	line-height: 1.6;
}
#spa > .wrapper .contents .inner .course_image {
	margin: 0 0 30px 0;
	text-align: center;
}
#spa > .wrapper .contents .inner .course_image img {
	max-width: 100%;
}
#spa > .wrapper .contents .inner .flow {
	display: table;
	padding: 0 0 30px 0;
	background: -moz-linear-gradient(left, #FFFFFF 0px, #FFFFFF 125px, #EAE7E1 125px, #EAE7E1 175px, #FFFFFF 175px);
	background: -webkit-linear-gradient(left, #FFFFFF 0px, #FFFFFF 125px, #EAE7E1 125px, #EAE7E1 175px, #FFFFFF 175px);
	background: linear-gradient(to right, #FFFFFF 0px, #FFFFFF 125px, #EAE7E1 125px, #EAE7E1 175px, #FFFFFF 175px);
}
#spa > .wrapper .contents .inner .flow.end {
	padding: 0;
}
#spa > .wrapper .contents .inner .flow .column {
	display: table-cell;
	padding: 35px 20px;
	width: 258px;
	border: 1px solid #523829;
	background: #FFFFFF;
}
#spa > .wrapper .contents .inner .flow .column .name {
	color: #523829;
	font-size: 20px;
}
#spa > .wrapper .contents .inner .flow .column .name span {
	padding: 0 10px 0 0;
	font-size: 26px;
	vertical-align: bottom;
}
#spa > .wrapper .contents .inner .flow .column .flow_image {
	margin: 20px 0 0 0;
	text-align: center;
}
#spa > .wrapper .contents .inner .flow .column .flow_image img {
	max-width: 100%;
}
#spa > .wrapper .contents .inner .flow .comment {
	display: table-cell;
	padding: 0 0 0 20px;
	width: 420px;
	vertical-align: middle;
}

@media (max-width: 999px) {

	#spa > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}
	#spa > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 70px;
		height: 27px;
	}
	#spa > .wrapper .line {
		margin: 0 auto 26px auto;
	}
	#spa > .wrapper ul.menu {
		width: 100%;
		height: auto;
		font-size: 16px;
		text-align: center;
		margin: 40px 0 0 0;
	}
	#spa > .wrapper ul.menu li {
		width: 50%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		background-color: #e88fc3;
	}
	#spa > .wrapper ul.menu li.separator {
		display: none;
	}
	#spa > .wrapper ul.menu li:nth-child(1),
	#spa > .wrapper ul.menu li:nth-child(3) {
		width: 33.3%;
	}
	#spa > .wrapper ul.menu li:nth-child(5) {
		width: 33.4%;
	}
	#spa > .wrapper ul.menu li a {
		color:#FFF;
		padding: 15px 0;
		border-bottom: 1px solid #FFF;
		display: block;
	}
	#spa > .wrapper ul.menu li a.perm {
		color:#FFF;
		padding: 7px 0;
		display: block;
	}
	#spa > .wrapper ul.menu li a.center {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	#spa > .wrapper ul.menu li a br {
		display: block;
	}
	#spa > .wrapper ul.menu li.current a {
		color:#FFF;
		background-color: #d12087;
		padding: 15px 0;
	}
	#spa > .wrapper ul.menu li .sp_non{
		display: none;
	}
	#spa > .wrapper .image-box {
		margin: 0;
		width: 100%;
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 40.937%;
		background-size: contain;
		border-left: none;
		background-image: url("../image/spa/spaimage_sp.jpg");
		background-repeat: no-repeat;
	}
	#spa > .wrapper .image_text_box {
		display: block;
		margin: 0 10px;
		padding: 20px 0;
		border-bottom: 1px dashed #000;
	}
	#spa > .wrapper .image_text_box h3{
		font-weight: bold;
		line-height: 1.5em;
	}
	#spa > .wrapper .support_box{
		margin: 30px 0 30px 0;
		padding: 0 10px;
	}
	#spa > .wrapper .support_box p,
	#spa > .wrapper .support_box h3{
		line-height: 2em;
		font-size: 14px;
		text-align: left;
	}
	#spa > .wrapper .spa_support_box br{
		display: none;
	}
	#spa > .wrapper .contents {
		padding: 30px 0;
	}
	#spa > .wrapper .contents .inner {
		padding: 0 10px;
		width: auto;
		max-width: 500px;
		line-height: 2em;
		font-size: 14px;
	}
	#spa > .wrapper .contents .inner .center_pc {
		text-align: left;
	}
	#spa > .wrapper .contents .inner h3 {
		margin: 0 0 16px 0;
		padding: 0 0 20px 0;
		font-size: 20px;
	}
	#spa > .wrapper .contents .inner h3 .name {
		margin: 0;
		width: 100%;
		text-align: center;
	}
	#spa > .wrapper .contents .inner h3 .time {
		font-size: 14px;
	}
	#spa > .wrapper .contents .inner h3 .time span {
		font-size: 14px;
	}
	#spa > .wrapper .contents .inner p.subtitle {
		margin: 0 0 12px 0;
	}
	#spa > .wrapper .contents .inner p.space {
		margin: 0 0 40px 0;
	}
	#spa > .wrapper .contents .inner .ayurveda {
		margin: 0 0 40px 0;
		width: auto;
	}
	#spa > .wrapper .contents .inner .ayurveda img {
		position: relative;
		left: calc(50% - 141px);
		margin: 0 0 12px 0;
	}
	#spa > .wrapper .contents .inner .effect {
		margin: 0 0 0 0;
	}
	#spa > .wrapper .contents .inner .effect li {
		float: none;
		margin: 30px 0 0 20px;
		padding: 0 0 0 28px;
		width: auto;
		height: 20px;
		font-size: 14px;
	}
	#spa > .wrapper .contents .inner .effect li::before {
		width: 12px;
		height: 12px;
	}
	#spa > .wrapper .contents .inner .course li {
		margin: 20px 0 0 0;
		padding: 16px;
		height: auto;
		font-size: 14px;
	}
	#spa > .wrapper .contents .inner .course li .left {
		float: none;
		padding: 10px 0 10px 0;
		width: auto;
		height: auto;
		text-align: center;
		border-right: none;
		border-bottom: 2px solid #523829;
	}
	#spa > .wrapper .contents .inner .course li .name {
		width: 100%;
		font-size: 20px;
	}
	#spa > .wrapper .contents .inner .course li .left .time {
		display: inline;
		margin: 0 10px 0 0;
		padding: 0;
		border-bottom: none;
	}
	#spa > .wrapper .contents .inner .course li .left .time span {
		font-size: 14px;
	}
	#spa > .wrapper .contents .inner .course li .left .price {
		display: inline;
		vertical-align: middle;
	}
	#spa > .wrapper .contents .inner .course li .left .price span {
		font-size: 30px;
	}
	#spa > .wrapper .contents .inner .course li .right {
		float: none;
		margin: 20px 0 0 0;
		padding: 0 0 30px 0;
		width: auto;
		height: auto;
		background: url("../image/spa/arrow_bottom.png") no-repeat bottom center;
	}
	#spa > .wrapper .contents .inner .course_image {
		margin: 0 0 20px 0;
	}
	#spa > .wrapper .contents .inner .flow {
		display: block;
		padding: 0 0 20px 0;
		background: none;
	}
	#spa > .wrapper .contents .inner .flow .column {
		display: block;
		margin: 0 0 20px 0;
		padding: 20px 20px;
		width: auto;
	}
	#spa > .wrapper .contents .inner .flow .column .flow_image {
		margin: 20px 0 0 0;
	}
	#spa > .wrapper .contents .inner .flow .comment {
		display: block;
		padding: 0;
		width: auto;
	}
}

/* ========================================================================== */

#shopping {
	margin: 76px 0 0 0;
}

#shopping > .wrapper {
	margin: 0 auto;
	padding: 80px 0 80px 0;
	width: 980px;
}

#shopping > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/shopping/onlineshop.png") no-repeat center;
	height: 45px;
}

#shopping > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#shopping > .wrapper .image-box {
	margin: 0 0 52px 0;
	width: 980px;
	height: 252px;
}

#shopping > .wrapper .image-box > img {
	width: 100%;
}
#shopping > .wrapper p {
	line-height: 1.8;
	text-align: center;
}

#shopping > .wrapper .link {
	margin: 75px auto 0 auto;
	width: 240px;
}

#shopping > .wrapper .link img {
	width: 100%;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#shopping {
		margin: 50px 0 0 0;
	}

	#shopping > .wrapper {
		padding: 54px 0 48px 0;
		width: auto;
	}

	#shopping > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 148px;
		height: 30px;
	}

	#shopping > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#shopping > .wrapper .image-box {
		margin: 0 0 30px 0;
		width: 100%;
		height: auto;
	}

	#shopping > .wrapper p {
		padding: 0 10px;
		line-height: 1.8;
		text-align: left;
		word-break: break-all;
	}

	#shopping > .wrapper .link {
		margin: 52px auto 0 auto;
		width: 240px;
	}

}

/* ========================================================================== */

#shopping_flow {
	background: #F2F2F2;
}

#shopping_flow > .wrapper {
	margin: 0 auto;
	padding: 80px 0 80px 0;
	width: 980px;
}

#shopping_flow > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/shopping/flow_title.png") no-repeat center / 192px;
	height: 50px;
}

#shopping_flow > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#shopping_flow > .wrapper .box {
	margin: 80px auto 0 auto;
	width: 684px;
}

#shopping_flow > .wrapper .box .image {
	float: left;
	width: 220px;
	height: 125px;
}

#shopping_flow > .wrapper .box .image.flow01 img {
	width: 175px;
	height: 97px;
}
#shopping_flow > .wrapper .box .image.flow02 img {
	margin: 10px 0 0 23px;
	width: 86px;
	height: 85px;
}
#shopping_flow > .wrapper .box .image.flow03 img {
	margin: 0 0 0 12px;
	width: 105px;
	height: 107px;
}
#shopping_flow > .wrapper .box .image.flow04 img {
	width: 150px;
	height: 104px;
}

#shopping_flow > .wrapper .box .message {
	float: left;
	width: 464px;
	height: 125px;
}

#shopping_flow > .wrapper .box p {
	line-height: 1.4;
}

#shopping_flow > .wrapper .box .title {
	margin: 8px 0 8px 0;
	padding: 0 0 8px 0;
	font-size: 18px;
	border-bottom: 1px solid #4F4E4E;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#shopping_flow > .wrapper {
		padding: 32px 0 80px 0;
		width: auto;
	}

	#shopping_flow > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 144px;
		height: 37px;
	}

	#shopping_flow > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#shopping_flow > .wrapper .box {
		margin: 58px auto 0 auto;
		width: 100%;
		max-width: 463px;
	}

	#shopping_flow > .wrapper .box .image {
		float: none;
		width: 100%;
		height: auto;
		text-align: center;
	}

	#shopping_flow > .wrapper .box .image.flow01 img {
		margin: 0 0 10px 0;
	}
	#shopping_flow > .wrapper .box .image.flow02 img {
		margin: 0 0 10px 0;
	}
	#shopping_flow > .wrapper .box .image.flow03 img {
		margin: 0 0 10px 0;
	}
	#shopping_flow > .wrapper .box .image.flow04 img {
		margin: 0 0 10px 0;
	}

	#shopping_flow > .wrapper .box .message {
		float: none;
		width: 100%;
		height: auto;
	}

}
/* ========================================================================== */

#shopping_image {
	margin: 52px auto;
	width: 480px;
}

#shopping_image img {
	width: 100%;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#shopping_image {
		margin: 52px auto;
		width: 300px;
	}

}

/* ========================================================================== */

#header > .wrapper > .reserve_logo {
	text-align:center;
	margin: auto 0;
	height: 80%;
}

#header > .wrapper > .reserve_logo img {
	width: auto;
	height: 24px;
	margin: 13px 0;
}
#reserve {
	margin: 0 0 0 0;
}

#reserve > .wrapper {
	margin: 0 auto;
	padding: 80px 0 80px 0;
	width: 320px;
}

#reserve > .wrapper h2 {
	margin: 0 0 7px 0;
	height: 38px;
	font-size: 0;
	background: url("../image/reserve/reserve_title.png") no-repeat center;
	background-size: 40%;
}
#reserve > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#reserve .reserve_linkbtn{
	width: 100%;
	background-color:#D12087;
	border-bottom: 7px solid #9d1865;
	padding: 20px 0;
	text-align:center;
	display: flex;
	margin-bottom: 15px;
}
#reserve .reserve_linkbtn p{
	position:relative;
}
#reserve .lintbtn_txt{
	font-weight: bold;
	color:#fff;
	text-align:center;
	margin:0 auto;
	font-size: 20px;
}
#reserve .reserve_linkbtn img{
	position:absolute;
	top: -4px;
	left: 72px;
}
/* ========================================================================== */

#campaign {
	margin: 76px 0 0 0;
}

#campaign > .wrapper {
	margin: 0 auto;
	padding: 80px 0 80px 0;
	width: 980px;
}

#campaign > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/campaign_title.png") no-repeat center;
	height: 45px;
}

#campaign > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#campaign > .wrapper .image-box {
	margin: 0 0 52px 0;
	width: 980px;
	height: 252px;
}

#campaign > .wrapper .image-box > img {
	width: 100%;
}
#campaign > .wrapper p {
	line-height: 1.8;
	text-align: center;
}

#campaign > .wrapper .link {
	margin: 75px auto 0 auto;
	width: 240px;
}

#campaign > .wrapper .link img {
	width: 100%;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#campaign {
		margin: 50px 0 0 0;
	}

	#campaign > .wrapper {
		padding: 54px 0 48px 0;
		width: auto;
	}

	#campaign > .wrapper h2 {
		margin: 0 0 7px 0;
		background-size: 138px;
		height: 35px;
	}

	#campaign > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#campaign > .wrapper .image-box {
		margin: 0 0 30px 0;
		width: 100%;
		height: auto;
	}

	#campaign > .wrapper p {
		padding: 0 10px;
		line-height: 1.8;
		text-align: left;
		word-break: break-all;
	}
}

/* ========================================================================== */

#campaign_flow {
	background: #F2F2F2;
}

#campaign_flow > .wrapper {
	margin: 0 auto;
	padding: 80px 0 80px 0;
	width: 980px;
}
#campaign_flow .pair h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/pair_ttl.png") no-repeat center / 400px;
	height: 50px;
}
#campaign_flow .winter h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/winter_ttl.png") no-repeat center / 400px;
	height: 50px;
}
#campaign_flow .dec h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/dec_title.png") no-repeat center / 400px;
	height: 50px;
}
#campaign_flow .jan h2 {
	margin: 30px 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/jan_title.png") no-repeat center / 400px;
	height: 50px;
}
#campaign_flow .feb h2 {
	margin: 30px 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/feb_title.png") no-repeat center / 400px;
	height: 50px;
}
#campaign_flow .apr h2 {
	margin: 30px 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/apr_title.png") no-repeat center / 400px;
	height: 50px;
}
#campaign_flow .jun h2 {
	margin: 30px 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/jun_title.png") no-repeat center / 400px;
	height: 50px;
}
#campaign_flow .aug h2 {
	margin: 30px 0 15px 0;
	font-size: 0;
	background: url("../image/campaign/aug_title.png") no-repeat center / 400px;
	height: 50px;
}
#campaign_flow > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#campaign_flow > .wrapper .box {
	margin: 80px auto 0 auto;
}
#campaign_flow > .wrapper .box ul{
    margin: 0 auto;
    max-width: 680px;
    width: 100%;
}
#campaign_flow > .wrapper .box ul li{
    display: inline-block;
    margin: auto;
    padding: 18px;
}
.campaign_image img {
	width: 100%;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#campaign_flow > .wrapper {
		padding: 32px 0 80px 0;
		width: auto;
	}

	#campaign_flow > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 300px;
		height: 37px;
	}

	#campaign_flow > .wrapper .line {
		margin: 0 auto 26px auto;
	}

	#campaign_flow > .wrapper .box {
		margin: 58px auto 0 auto;
		width: 100%;
	}

}

/* ===================================== */
/* ===================================== */

@media (max-width: 700px) {
    #campaign_flow > .wrapper .box ul {
        margin: 0 auto;
        max-width: 250px;
        width: 100%;
    }
    #campaign_flow > .wrapper .winter .box ul {
        margin: 0 auto;
        max-width: 90%;
        width: 90%;
    }
    #campaign_flow > .wrapper .box ul li{
        display: block;
        margin: 15px auto;
        padding: 0;
    }
    .campaign_image img {
        width: 100%;
    }
}
/* ========================================================================== */

#campaign_image {
	margin: 52px auto;
	width: 480px;
}

#campaign_image img {
	width: 100%;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#campaign_image {
		margin: 52px auto;
		width: 300px;
	}

}



/* ========================================================================== */

#video-wrap {
	position: rerative;
	margin: 76px auto 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1200px;
	height: 675px;
	overflow: hidden;
}

#video-wrap video {
	z-index: 99;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 675px;
}

#recruit .redpurple {
	color: #D12087;
}

#recruit > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 80px 0 80px 0;
	width: 980px;
}
#recruit > .wrapper.link {
	margin: 0 auto 130px auto;
	padding: 48px 0 48px 0;
	width: auto;
	background: #F2F2F2;
}
#recruit > .wrapper.list {
	padding: 150px 0 60px 0;
}

#recruit > .wrapper .recruit_title {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/recruit/recruit.png") no-repeat center;
	background-size: 136px;
	height: 45px;
}

#recruit > .wrapper .description_title {
	margin: 0 0 18px 0;
	font-size: 0;
	background: url("../image/recruit/description.png") no-repeat center;
	background-size: 128px;
	height: 43px;
}

#recruit > .wrapper .assistant_title {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/recruit/assistant.png") no-repeat center;
	background-size: 126px;
	height: 40px;
}

#recruit > .wrapper .stylist_title {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/recruit/stylist.png") no-repeat center;
	background-size: 88px;
	height: 40px;
}

#recruit > .wrapper h2 {
	display: none;
}

#recruit > .wrapper .line {
	margin: 0 auto 64px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}
#recruit > .wrapper .line.list {
	margin: 0 auto 40px auto;
}


#recruit > .wrapper .image-box {
	margin: 0 0 16px 0;
	width: 980px;
	height: 252px;
}

#recruit > .wrapper .image-box > img {
	width: 100%;
}

#recruit > .wrapper p {
	line-height: 1.8;
}

#recruit > .wrapper p.bold {
	font-weight: bold;
}

#recruit > .wrapper p.strong {
	margin: 0 0 64px 0;
	font-size: 24px;
	letter-spacing: 5.28px;
	text-align: center;
}

#recruit > .wrapper p.substrong {
	margin: 0 0 32px 0;
	font-size: 18px;
	letter-spacing: 3.96px;
	text-align: center;
}

#recruit > .wrapper p.center {
	text-align: center;
}

#recruit > .wrapper p.away {
	margin: 15px 0 0 0;
	color: #333333;
	letter-spacing: 3.52px;
}

#recruit > .wrapper ul.imagebox {
	margin: 36px auto 12px auto;
	font-size: 0;
	width: 980px;
}

#recruit > .wrapper ul.imagebox li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 245px;
	height: 193px;
}
#recruit > .wrapper ul.imagebox:after {
	content: " ";
	display: block;
	clear: both;
}

#recruit > .wrapper ul.imagebox li img {
	width: 100%;
}

#recruit > .wrapper .imagetext {
	margin: 0 0 64px 0;
	text-align: right;
	letter-spacing: 1.6px;
}

#recruit > .wrapper ul.point {
	margin: 36px auto 36px auto;
	font-size: 0;
	width: 978px;
}
#recruit > .wrapper ul.point:after {
	content: " ";
	display: block;
	clear: both;
}

#recruit > .wrapper ul.point li {
	float: left;
    display: table;
	position: relative;
	margin: 0 0 0 12px;
	width: 186px;
	height: 186px;
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: #FAE9F3;
	border-radius: 50%;
}
#recruit > .wrapper ul.point li:first-child {
	margin: 0;
}

#recruit > .wrapper ul.point li div {
	display: table-cell;
	vertical-align: middle;
}

#recruit > .wrapper .button {
	margin: 0 auto 18px auto;
	width: 391px;
}

#recruit > .wrapper .button button.assistant {
	margin: 0 auto;
	width: 391px;
	height: 61px;
	font-size: 0;
	background: url(../image/recruit/assistant_more.png) no-repeat;
}

#recruit > .wrapper .button button.stylist {
	margin: 0 auto;
	width: 391px;
	height: 61px;
	font-size: 0;
	background: url(../image/recruit/stylist_more.png) no-repeat;
}

#recruit > .wrapper table {
	margin: 0 0 10px 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#recruit > .wrapper th {
	padding: 21px 0 21px 20px;
	width: 210px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #595757;
}

#recruit > .wrapper th p {
	font-size: 18px;
	line-height: 28px;
}

#recruit > .wrapper td {
	padding: 21px 0;
	width: calc(100% - 210px);
	vertical-align: top;
	border-bottom: 1px solid #595757;
}

#recruit > .wrapper td p {
	font-size: 16px;
	line-height: 28px;
}


/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	#video-wrap {
		position: rerative;
		margin: 50px auto 0 auto;
		padding-top: 56.25%;
		height: 0;
	}

	#video-wrap video {
		top: 0;
		left: 0;
		margin-left: 0;
		width: 100%;
		height: auto;
	}

	#recruit > .wrapper {
		padding: 54px 0 48px 0;
		width: auto;
	}
	#recruit > .wrapper.list {
		padding: 84px 0 48px 0;
	}

	#recruit > .wrapper .recruit_title {
		margin: 0 0 5px 0;
		background-size: 90px;
		height: 30px;
	}

	#recruit > .wrapper .description_title {
		margin: 0 0 10px 0;
		background-size: 96px;
		height: 30px;
	}

	#recruit > .wrapper .assistant_title {
		margin: 0 0 5px 0;
		background-size: 109px;
		height: 31px;
	}

	#recruit > .wrapper .stylist_title {
		margin: 0 0 5px 0;
		background-size: 76px;
		height: 31px;
	}

	#recruit > .wrapper .line {
		margin: 0 auto 46px auto;
		width: 40px;
		height: 0;
		border-bottom: 2px solid #df63ab;
	}


	#recruit > .wrapper .image-box {
		margin: 0 0 20px 0;
		width: 100%;
		height: auto;
	}


	#recruit > .wrapper p {
		padding: 0 10px;
		text-align: left;
		word-break: break-all;
	}

	#recruit > .wrapper p > br {
/*		display: none; */
	}

	#recruit > .wrapper p.substrong {
		margin: 0 0 24px 0;
		text-align: left;
	}

	#recruit > .wrapper ul.imagebox {
		width: 490px;
	}

	#recruit > .wrapper .imagetext {
		margin: 0 0 32px 0;
		text-align: center;
	}

	#recruit > .wrapper ul.point {
		margin: 36px auto 36px auto;
		padding: 32px 10px 49px 10px;
		width: auto;
		background-color: #FAE9F3;
	}

	#recruit > .wrapper ul.point li {
		float: none;
		margin: 20px auto 0 auto;
		width: 100%;
		max-width: 490px;
		height: auto;
		line-height: 1.6;
		text-align: left;
		background-color: transparent;
		border-radius: 0;
	}
	#recruit > .wrapper ul.point li:first-child {
		margin: 16px auto 0 auto;
	}

	#recruit > .wrapper ul.point li div {
		position: relative;
		padding: 0 0 0 28px;
	}
	#recruit > .wrapper ul.point li div:before {
		content: "";
		position: absolute;
		top: 4px;
		left: 0;
		width: 16px;
		height: 16px;
		background-color: #333333;
		border-radius: 50%;
	}

	#recruit > .wrapper ul.point li div br {
		display: none;
	}

	#recruit > .wrapper table {
		margin: 0 10px 10px 10px;
		width: calc(100% - 20px);
	}

}

@media (max-width: 767px) {

	#recruit > .wrapper.link {
		margin: 0 auto 90px auto;
	}


	#recruit > .wrapper p.strong {
		margin: 0 0 32px 0;
		font-size: 18px;
		letter-spacing: 3.96px;
		text-align: left;
	}

	#recruit > .wrapper ul.imagebox {
		width: 245px;
	}

	#recruit > .wrapper .imagetext {
		text-align: left;
	}

	#recruit > .wrapper ul.point {
		margin: 36px auto 6px auto;
	}

	#recruit > .wrapper .button {
		margin: 0 auto 18px auto;
		width: 300px;
	}


	#recruit > .wrapper .button button.assistant {
		width: 300px;
		height: 60px;
		background: url(../image/recruit/assistant_more_sp.png) no-repeat;
	}

	#recruit > .wrapper .button button.stylist {
		width: 300px;
		height: 60px;
		background: url(../image/recruit/stylist_more_sp.png) no-repeat;
	}

	#recruit > .wrapper th {
		display: block;
		padding: 15px 0 0 10px;
		width: auto;
		border-bottom: none;
	}

	#recruit > .wrapper td {
		display: block;
		padding: 10px 0 15px 10px;
		width: auto;
	}


}

/* ========================================================================== */

#exonine > .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 150px  0 60px 0;
	/* width: 980px; */
}

#exonine > .wrapper h2 {
	margin: 0 0 15px 0;
	font-size: 0;
	background: url("../image/hairgain/menu.png") no-repeat center;
	background-size: 106px;
	height: 40px;
}

#exonine > .wrapper .line {
	margin: 0 auto 32px auto;
	width: 40px;
	height: 0;
	border-bottom: 2px solid #df63ab;
}

#exonine > .wrapper ul {
	margin: 0 auto 0 auto;
	width: 100%;
	font-size: 0;
}

#exonine > .wrapper ul:after {
	content: " ";
	display: block;
	clear: both;
}

#exonine > .wrapper ul.menu {
	width: 600px;
	height: auto;
	font-size: 16px;
	text-align: center;
	margin: 40px auto;
}

#exonine > .wrapper ul.menu li {
	width: auto;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 10px;
	height: auto;
}
#exonine > .wrapper ul.menu li:nth-child(2) {
    float: none;
}
#exonine > .wrapper ul.menu li a {
	color:#000;
}
#exonine > .wrapper ul.menu li a br {
	display: none;
}
#exonine > .wrapper ul.menu li.current a{
	color:#d12087;
}
#exonine > .wrapper .image-box {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 252px;
	background-image: url("../image/exonine2/exonine.png");
	background-repeat: no-repeat;
}

#exonine > .wrapper .image-box > img {
	width: 100%;
}

#exonine > .wrapper .image_text_box {
	display: none;
}

#exonine > .wrapper .exonine_support_box {
	margin: 60px 0 36px 0;
}
#exonine > .wrapper .exonine_support_box p,
#exonine > .wrapper .exonine_support_box h3 {
	text-align: center;
	line-height: 2em;
}
#exonine > .wrapper .exonine_support_box p.long_between {
	padding-bottom: 20px;
}
#exonine > .wrapper .exonine_support_box .exonine_box {
	width: 680px;
	margin: 0 auto 40px auto;
	padding: 20px 30px;
	background-color: #F2F4F9;
	color: #2A3B78;
	font-weight: bold;
}

#exonine > .wrapper .exonine_support_box .exonine_box a {
	color: #2A3B78;
}

#exonine > .wrapper .exonine_support_box .exonine_box .no1 {
	padding: 0 0 14px 35px;
	background: url(../image/exonine2/1..png) no-repeat 0 -2px;
	text-align: left;
}
#exonine > .wrapper .exonine_support_box .exonine_box .no2 {
	padding: 0 0 14px 35px;
	background: url(../image/exonine2/2..png) no-repeat 0 -2px;
	text-align: left;
}
#exonine > .wrapper .exonine_support_box .exonine_box .no3 {
	padding: 0 0 0 35px;
	background: url(../image/exonine2/3..png) no-repeat 0 -2px;
	text-align: left;
}

#exonine > .wrapper .exonine_trouble_box {
	position: relative;
	margin: 0 auto 90px auto;
}
#exonine > .wrapper .exonine_trouble_box.gray {
	padding: 40px 0;
	background-color: #F2F4F9;
}

#exonine > .wrapper .exonine_trouble_box .anchor {
	position: absolute;
	top: -120px;
	left : 0;
	width: 0;
	height: 0;
	font-size: 0;
}

#exonine > .wrapper .exonine_trouble_box .price {
	line-height: 1.4;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}

#exonine > .wrapper .exonine_trouble_box .capacity {
	margin: 24px 0 0 0;
	font-size: 16px;
	text-align: left;
}

#exonine > .wrapper .exonine_trouble_box .remarks {
	margin: 32px 0 0 0;
	font-size: 16px;
	text-align: left;
}


#exonine > .wrapper .exonine_trouble_box .exonine_trouble_header {
	width: 740px;
	margin: 0 auto 15px auto;
}
#exonine > .wrapper .exonine_trouble_box .exonine_trouble_header h3 {
	margin: 0 0 22px 0;
	padding: 0 0 40px 0;
	font-size: 30px;
	text-align: center;
	background: url("../image/exonine2/blue_line.png") no-repeat center bottom;
}

#exonine > .wrapper .exonine_trouble_box.gray .exonine_trouble_header h3 {
	color: #2A3B78;
	margin: 0 0 36px 0;
	padding: 0;
	font-weight: bold;
	text-align: left;
	background: none;
}

#exonine > .wrapper .exonine_trouble_box p {
	text-align: center;
	line-height: 2em;
}

#exonine > .wrapper .exonine_trouble_box .textbox {
	width: 740px;
	margin: 0 auto;
	text-align: left;
}

#exonine > .wrapper .exonine_trouble_box ul.setmenu {
	display: table;
	width: 740px;
	margin: 0 auto 16px auto;
	font-size: 16px;
}

#exonine > .wrapper .exonine_trouble_box ul.setmenu li {
	display: table-cell;
}

#exonine > .wrapper .exonine_trouble_box ul.setmenu li.contents {
	width: 540px;
}

#exonine > .wrapper .exonine_trouble_box ul.setmenu li.contents p {
	color: #2A3B78;
	font-weight: bold;
	text-align: left;
}

#exonine > .wrapper .exonine_trouble_box ul.setmenu li.price {
	width: 200px;
	text-align: right;
	vertical-align: middle;
}

#exonine > .wrapper .exonine_trouble_box .explain {
	display: table;
	width: 740px;
	height: 110px;
	margin: 0 auto 56px auto;
	background-color: #F2F4F9;
}
#exonine > .wrapper .exonine_trouble_box .cell {
	display: table-cell;
	font-size: 20px;
	vertical-align: middle;
}

#exonine > .wrapper .exonine_trouble_box .navyblue .cell {
	color: #2A3B78;
	font-size: 16px;
	border: 1px solid #2A3B78;
	border-radius: 3px;
}

#exonine > .wrapper .exonine_trouble_box .navyblue .cell span {
	font-size: 24px;
	font-weight: bold;
}
#exonine > .wrapper .exonine_trouble_box .navyblue .cell span.combine {
	margin: 0 0 0 10px;
}


#exonine > .wrapper .exonine_trouble_box .detailed {
	margin: 0 auto;
	width: 740px;
}

#exonine > .wrapper .exonine_trouble_box .detailed .itemimage {
	float: right;
	width: 270px;
	height: 220px;
}

#exonine > .wrapper .exonine_trouble_box .detailed .contents {
	float: left;
	width: 470px;
}

#exonine > .wrapper .exonine_trouble_box .detailed .contents .price {
	font-size: 30px;
	font-weight: bold;
}

#exonine > .wrapper .exonine_trouble_box .detailed .contents .points {
	width: 470px;
	margin: 4px 0 0 0;
}

#exonine > .wrapper .exonine_trouble_box .detailed .contents .points li {
	float: left;
	width: 220px;
	height: 75px;
	margin: 12px 12px 0 0;
}

#exonine > .wrapper .exonine_trouble_box .detailed .contents .points li .cell {
	display: table-cell;
	width: 203px;
	height: 71px;
	padding: 0 0 0 13px;
	vertical-align: middle;
	border: 2px solid #2A3B78;
}

#exonine > .wrapper .exonine_trouble_box .detailed .contents .points li .cell p {
	line-height: 1.2;
	color: #122E66;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

#exonine > .wrapper .exonine_whats_box {
	margin: -40px auto 90px auto;
	padding: 50px 0 50px 0;
	background-color: #F2F4F9;
}
#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner {
	width: 740px;
	margin: 0 auto;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner p.subtitle {
	position: relative;
	height: 22px;
	line-height: 22px;
	margin: 0 0 20px 0;
	color: #2A3B78;
	font-size: 20px;
	font-weight: bold;
	background-image: linear-gradient(#F2F4F9 9px, #2A3B78 9px, #2A3B78 12px, #F2F4F9 12px);
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner p.subtitle span {
	padding: 0 25px 0 0;
	background-color: #F2F4F9;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul {
	font-size: 16px;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul.recommend {
	margin: 0 0 60px 0;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li {
	float: left;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul.recommend li {
	width: 350px;
	margin: 10px 0;
	padding: 0 0 0 20px;
	background: url(../image/hairgain/square.png) no-repeat 0 1px;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li.rectangle {
	width: 365px;
	height: 140px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: none;
}
#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li.message {
	width: 375px;
	height: 140px;
	text-align: left;
	background :none;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li div {
	display: table-cell;
	vertical-align: middle;
}
#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li.rectangle div {
	width: 361px;
	height: 136px;
	border: 2px solid #2A3B78;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li.message div {
	width: 360px;
	height: 140px;
	padding: 0 0 0 15px;
}


#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li div p {
	padding: 6px 0;
}

#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner p.subtext {
	margin: 16px 0 0 0;
	color: #2A3B78;
	font-size: 16px;
	font-weight: bold;
}

@media (max-width: 999px) {

	#exonine > .wrapper {
		padding: 84px 0 48px 0;
		width: auto;
	}
	#exonine > .wrapper h2 {
		margin: 0 0 9px 0;
		background-size: 70px;
		height: 27px;
	}
	#exonine > .wrapper .line {
		margin: 0 auto 26px auto;
	}
	#exonine > .wrapper ul.menu {
		width: auto;
		height: auto;
		font-size: 16px;
		text-align: center;
		margin: 40px 0 0 0;
	}
	#exonine > .wrapper ul.menu li {
		width: 50%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		background-color: #e88fc3;
	}
	#exonine > .wrapper ul.menu li.separator {
		display: none;
	}
	#exonine > .wrapper ul.menu li:nth-child(1),
	#exonine > .wrapper ul.menu li:nth-child(3) {
		width: 33.3%;
	}
	#exonine > .wrapper ul.menu li:nth-child(5) {
		width: 33.4%;
	}
	#exonine > .wrapper ul.menu li a {
		color:#FFF;
		padding: 15px 0;
		border-bottom: 1px solid #FFF;
		display: block;
	}
	#exonine > .wrapper ul.menu li a.perm {
		color:#FFF;
		padding: 7px 0;
		display: block;
	}
	#exonine > .wrapper ul.menu li a.center {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	#exonine > .wrapper ul.menu li a br {
		display: block;
	}
	#exonine > .wrapper ul.menu li.current a {
		color:#FFF;
		background-color: #d12087;
		padding: 15px 0;
	}
	#exonine > .wrapper ul.menu li .sp_non{
		display: none;
	}

	#exonine > .wrapper .image-box {
		margin: 0;
		width: 100%;
		height: 0;
		padding-top: 40.9375%;
		background-size: contain;
		border-left: none;
		background-image: url("../image/exonine2/exonine_sp.jpg");
		background-repeat: no-repeat;
	}

	#exonine > .wrapper .image_text_box {
		display: block;
		margin: 0 10px;
		padding: 20px 0;
		border-bottom: 1px dashed #2A3B78;
	}

	#exonine > .wrapper .image_text_box h3 {
		font-weight: bold;
		line-height: 1.5em;
	}

	#exonine > .wrapper .exonine_support_box {
		margin: 20px 0 30px 0;
		padding: 0 10px;
	}
	#exonine > .wrapper .exonine_support_box p,
	#exonine > .wrapper .exonine_support_box h3 {
		font-size: 14px;
		text-align: left;
	}

	#exonine > .wrapper .exonine_support_box .exonine_box {
		width: auto;
		margin: 0 auto;
		padding: 14px 10px;
	}

	#exonine > .wrapper .exonine_trouble_box {
		margin: 0 auto 30px auto;
	}
	#exonine > .wrapper .exonine_trouble_box.gray {
		margin: -10px 0 0 0;
		padding: 30px 0;
	}

	#exonine > .wrapper .exonine_trouble_box .anchor {
		top: -70px;
	}

	#exonine > .wrapper .exonine_trouble_box .capacity {
		margin: 10px 0 0 0;
		font-size: 14px;
	}

	#exonine > .wrapper .exonine_trouble_box .remarks {
		font-size: 14px;
	}

	#exonine > .wrapper .exonine_trouble_box .exonine_trouble_header {
		width: auto;
		line-height: 2em;
		margin: 0 auto 15px auto;
		padding: 0 10px;
	}

	#exonine > .wrapper .exonine_trouble_box .exonine_trouble_header span {
		display: block;
		font-size: 0;
	}

	#exonine > .wrapper .exonine_trouble_box .exonine_trouble_header h3 {
		margin: 0 0 16px 0;
		padding: 0 0 30px 0;
		font-size: 20px;
		background: url("../image/exonine2/blue_line_sp.png") no-repeat center bottom;
	}

	#exonine > .wrapper .exonine_trouble_box.gray .exonine_trouble_header h3 {
		height: auto;
		padding: 0 0 10px 0;
		text-align: center;
	}

	#exonine > .wrapper .exonine_trouble_box p {
		padding: 0 10px;
		font-size: 14px;
		text-align: left;
	}

	#exonine > .wrapper .exonine_trouble_box .textbox {
		width: auto;
	}

	#exonine > .wrapper .exonine_trouble_box ul.setmenu {
		display: block;
		width: auto;
		margin: 0 auto 16px auto;
		font-size: 14px;
	}

	#exonine > .wrapper .exonine_trouble_box ul.setmenu li {
		display: block;
	}

	#exonine > .wrapper .exonine_trouble_box ul.setmenu li.contents {
		width: 100%;
		margin: 0 0 12px 0;
	}

	#exonine > .wrapper .exonine_trouble_box ul.setmenu li.price {
		width: auto;
		padding: 0 10px;
		text-align: left;
	}

	#exonine > .wrapper .exonine_trouble_box .explain {
		width: 100%;
		height: auto;
		margin: 0 auto 30px auto;
	}
	#exonine > .wrapper .exonine_trouble_box .explain.navyblue {
		width: 300px;
		margin: 0 auto 30px auto;
	}

	#exonine > .wrapper .exonine_trouble_box .cell {
		height: 88px;
		text-align: center;
	}

	#exonine > .wrapper .exonine_trouble_box .cell p {
		font-size: 16px;
		text-align: center;
	}

	#exonine > .wrapper .exonine_trouble_box .navyblue .cell {
		width: auto;
		height: auto;
		padding: 10px 0;
	}

	#exonine > .wrapper .exonine_trouble_box .navyblue .cell p {
		text-align: left;
	}

	#exonine > .wrapper .exonine_trouble_box .navyblue .cell span.combine {
		display: block;
		margin: 0;
	}

	#exonine > .wrapper .exonine_trouble_box .detailed {
		width: auto;
	}

	#exonine > .wrapper .exonine_trouble_box .detailed .itemimage {
		float: none;
		margin: 0 auto 16px auto;
	}

	#exonine > .wrapper .exonine_trouble_box .detailed .contents {
		float: none;
		width: 100%;
	}

	#exonine > .wrapper .exonine_trouble_box .detailed .contents .price {
		margin: 0 0 16px 0;
		text-align: center;
	}

	#exonine > .wrapper .exonine_trouble_box .detailed .contents .points {
		width: 100%;
		margin: 4px 0 56px 0;
	}

	#exonine > .wrapper .exonine_trouble_box .detailed .contents .points li {
		float: none;
		width: 300px;
		height: 50px;
		margin: 0 auto 6px auto;
	}

	#exonine > .wrapper .exonine_trouble_box .detailed .contents .points li .cell {
		width: 296px;
		height: 46px;
		padding: 0;
	}

	#exonine > .wrapper .exonine_trouble_box .detailed .contents .points li .cell p {
		color: #122E66;
		font-size: 15px;
		text-align: center;
	}

	#exonine > .wrapper .exonine_whats_box {
		margin: -10px auto 40px auto;
		padding: 25px 10px 25px 10px;
	}
	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner {
		width: auto;
	}

	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner p.subtitle {
		margin: 0 0 25px 0;
		font-size: 16px;
		text-align: center;
		background-image: none;
	}

	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul.recommend {
		margin: 0 0 50px 0;
	}

	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li {
		float: none;
	}

	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul.recommend li {
		width: calc(100% - 20px);
		margin: 0 0 20px 0;
	}

	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li.rectangle {
		width: 300px;
		height: 88px;
		margin: -10px auto 10px auto;
		font-size: 16px;
	}
	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li.message {
		width: 100%;
		height: auto;
		font-size: 14px;
	}

	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li.rectangle div {
		width: 300px;
		height: 84px;
		border: 2px solid #2A3B78;
	}
	
	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner ul li.message div {
		width: 100%;
		height: auto;
		padding: 0;
	}

	#exonine > .wrapper .exonine_whats_box .exonine_whats_box_inner p.subtext {
		margin: 10px 0 10px 0;
		font-size: 14px;
	}

}