@charset "utf-8";
h1,
h2 {
	font-family: 'grandma', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	letter-spacing: 3px;
	text-align: center;
	color: #333;
}

/* ===========================
index.html
============================*/

/*=======共通部分======*/

.more_btn {
	display: block;
	margin: auto;
	width: 110px;
	height: auto;
}

.more_btn img {
	display: block;
	width: 100%;
}

/*.mv
====================*/

.mvBox {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 195px;
}

.mvBox .mv {
	width: 100%;
	max-width: 1000px;
}

.mvbox .mv .slick-slide img {
	width: 100%;
	min-width: 1000px;
}

/* section.shop
===========================*/

.shop {
	width: 100%;
	background: url(../commons/img/bg_check_gray.png) repeat;
	padding: 75px 0 80px;
}

.shop .innerWrap {
	width: 96%;
	margin: 0 auto;
}

.shop .flBox {
	display: flex;
	justify-content: center;
}

.shop .flBox li {
	width: 455px;
	height: 590px;
	padding: 30px 20px 35px;
	margin-right: 40px;
	background: #fff;
}

.shop .flBox li:nth-child(2n) {
	margin-right: 0;
}

.shop li a {
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}

.shop li a img {}

.shop li p {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.shop li img {
	width: 255px;
	height: auto;
	margin: 0 auto 35px;
	display: block;
}

.shop figure a {
	width: 100%;
	height: auto;
}

.shop figure a img {
	width: 100%;
	height: auto;
}

/* section.item
===============================*/

.item {
	width: 100%;
	height: auto;
	background: #fffabb;
	padding: 110px 0 95px;
	box-sizing: border-box;
}

.item .innerWrap {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
}

.item ul {
	display: flex;
	flex-wrap: wrap;
}

.item .txtBox {
	width: 50%;
	height: 285px;
	margin: 0;
	padding: 35px 95px 20px;
	box-sizing: border-box;
}

.item .imgBox {
	width: 50%;
	height: 285px;
	margin: 0;
}

.item figure img {
	display: block;
	margin: 0 auto 30px;
}

.item figure img.recomend {
	width: 155px;
	height: auto;
}

.item figure img.product {
	width: 100px;
	height: auto;
	margin-bottom: 25px;
}

.item .txtBox p {
	width: 100%;
	margin: 0 auto 30px;
}

/* .recruit
===========================*/

.recruit {
	width: 100%;
	background: url(../img/home/bg_recruit.png) no-repeat top center;
	background-size: cover;
	padding: 70px 0;
	box-sizing: border-box;
	margin-bottom: 70px;
}

.recruit .innerWrap {
	width: 96%;
	max-width: 945px;
	height: 430px;
	padding: 55px 15px 35px;
	margin: 0 auto;
	background: url(../img/home/bg_recruit02.png) no-repeat center top;
	background-size: cover;
	box-sizing: border-box;
	position: relative;
}

.recruit h2 {
	width: 215px;
	height: 85px;
	padding: 25px 0 35px;
	box-sizing: border-box;
	border: solid 1px #333;
	margin: 0 auto 40px;
	position: relative;
}

.recruit h2:after {
	content: "";
	display: block;
	width: 1px;
	height: 45px;
	background: #333;
	position: absolute;
	left: 50%;
	bottom: -23px;
}

.recruit p {
	font-size: 16px;
	width: 100%;
	text-align: center;
	line-height: 2.625em;
	margin-bottom: 25px;
}

/* .blog
=========================*/

.top_blog {
	width: 100%;
	height: 670px;
	background: url(../img/home/bg_blog.png) no-repeat center bottom;
	background-size: cover;
	padding: 80px 0 60px;
	box-sizing: border-box;
	margin-bottom: 90px;
}

.top_blog .innerWrap {
	width: 96%;
	max-width: 945px;
	margin: 0 auto;
}

.top_blog .blogArea {
	display: flex;
	justify-content: center;
}

.top_blog .blog_riche {
	width: 900px;
	height: auto;
	padding: 45px 55px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
}

.top_blog h3 {
	font-family: 'grandma', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	letter-spacing: 0.075em;
	text-align: center;
	color: #333;
}

.top_blog h3:after {
	content: "";
	display: block;
	width: 250px;
	height: 12px;
	background: url(../img/home/blog_hr.png) no-repeat center center;
	background-size: cover;
	margin: 0 auto 35px;
}

.top_blog article {
	width: 100%;
	line-height: 25px;
	margin-bottom: 27px;
	letter-spacing: .075em;
}

.top_blog article:last-child {
	margin-bottom: 0;
}

.top_blog article .date {
	font-size: 13px;
}

.top_blog article .ttl {
	font-size: 14px;
}

.top_blog article .txt {
	font-size: 12px;
}

.top_blog .blog_piche {
	width: 450px;
	height: auto;
	padding: 45px 55px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
}

.instagram {
	width: 100%;
	max-width: 1000px;
	height: auto;
	background: url(../img/home/bg_instagram.png) no-repeat center center;
	background-size: cover;
	padding: 15px;
	margin: 0 auto 110px;
	box-sizing: border-box;
}

.instagram .innerWrap {
	width: 100%;
	height: auto;
	border: solid 2px #fff;
	padding: 75px 0;
}

.instagram figure {
	width: 595px;
	height: auto;
	margin: auto;
}

.instagram img {
	width: 100%;
	height: auto;
}
.insta{
	margin: auto;
	text-align: center;
	max-width: 80%;
}

/*.instagram
===========================*/

#subpage h3 {
	font-family: 'grandma', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	letter-spacing: .1em;
	line-height: 1;
	text-align: center;
	color: #333;
}

#subpage .check {
	width: 100%;
	padding: 45px 0 40px;
	background: url(../commons/img/bg_check_gray.png);
}

#subpage h3:after {
	content: "";
	display: block;
	width: 100px;
	height: 20px;
	background: url(../img/riche/ico_ttl_hr.png) no-repeat top center / 100px auto;
	margin: 8px auto 50px;
}

/* .mvWrap
==============================*/

.mvWrap {
	width: 100%;
	max-height: 1000px;
	margin: 0 auto;
	text-align: center;
}

.mvWrap .ttl_main {
	width: 270px;
	height: auto;
	margin:75px auto 40px;
}

.mvWrap .ttl_main img {
	width: 100%;
	height: auto;
}

.mvWrap figure {
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto 50px;
}

.shop_concept {
	font-size: 15px;
	line-height: 2.8em;
	letter-spacing: .2em;
	text-align: center;
}

.shop_concept p {
	margin: 60px 0;
}

.shop_concept .imageArea {
	margin: 0 auto;
	border-collapse: collapse;
}

.shop_concept .imageArea table {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	table-layout: fixed;
}

/* .shop_concept .imageArea td.image01 {
	width: 330px;
	height: 220px;
	padding-right: 30px;
	box-sizing: border-box;
}

.shop_concept .imageArea td.image02 {
	width: 665px;
	height: 220px;
	padding-bottom: 30px;
}

.shop_concept .imageArea td.image03 {
	width: 655px;
	height: 200px;
}

.shop_concept .imageArea td.image04 {
	width: 330px;
	height: 200px;
	padding-left: 30px;
	box-sizing: border-box;
} */
.shop_concept .imageArea td.image01 {
	max-width: 380px;
    width: 100%;
    height: 270px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.shop_concept .imageArea td.image02 {
	max-width: 600px;
    width: 100%;
	height: 270px;
	padding-bottom: 20px;
}

.shop_concept .imageArea td.image03 {
	max-width: 600px;
    width: 100%;
	height: 270px;
	margin-right: 20px;
}

.shop_concept .imageArea td.image04 {
	max-width: 380px;
    width: 100%;
	height: 270px;
} 
.shop_concept .imageArea td {
	display: inline-block;
}
.shop_concept .imageArea td img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.priceWrap {
	width: 100%;
	max-width: 1000px;
	margin: 70px auto;
}

.priceWrap .flWrap {
	display: flex;
	justify-content: center;
}

.priceWrap .flWrap .flBox {
	display: block;
	width: 475px;
}

.priceWrap .flWrap .flBox:first-child {
	margin-right: 50px;
}

.flBox dl,
.flBox dt,
.flBox dd {
	width: 100%;
	font-size: 14px;
	line-height: 1;
	padding: 15px;
	box-sizing: border-box;
}

.flBox dl {
	padding: 0;
	margin-bottom: 30px;
}

.flBox dt {
	background: #d9e5f1;
	position: relative;
	font-size: 18px;
	letter-spacing: 0.05em;
}

.flBox span.ja {
	font-size: 12px;
	margin-left: 15px;
}

.flBox span.jaR {
	font-size: 12px;
	letter-spacing: 0.05em;
	position: absolute;
	right: 15px;
	bottom: 16px;
}

.flBox dd {
	border: solid 1px #ccc;
	border-bottom: 0;
	position: relative;
}

.flBox dd:last-child {
	border-bottom: solid 1px #ccc;
}

.flBox dd span.ja.red {
	font-size: 11px;
	margin-left: 5px;
	color: #d26076;
}

.flBox dd span.price {
	position: absolute;
	right: 15px;
}

.flBox p.caption {
	width: 100%;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	margin-top: -15px;
	margin-bottom: 20px;
	padding-left: 15px;
	box-sizing: border-box;
}

.staffWrap {
	width: 100%;
	padding: 70px 0 100px;
	background: url(../img/riche/bg_staff.jpg);
}

.staffWrap .innerWrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.staffWrap h3 {
	margin-bottom: 60px;
}

.staffWrap .staff_info {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.staffWrap li {
	width: 255px;
	height: auto;
	margin-right: 115px;
	margin-bottom: 95px;
}

.staffWrap li:nth-child(3n) {
	margin-right: 0;
}

.staffWrap figure {
	width: 255px;
	height: 280px;
	margin-bottom: 20px;
}

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

.staffWrap p {
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.8em;
}

.staffWrap .jaName {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: .1em;
}

.shop_access {
	padding: 75px 0 50px;
}

.shop_access .innerWrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.shop_access .map {
	width: 100%;
	height: 400px;
	margin-bottom: 80px;
}

.shop_access h3 {
	margin-bottom: 60px;
}

.shop_access table {
	margin: 0 auto;
}

.shop_access tr {}

.shop_access th {
	width: 100px;
	font-size: 14px;
	font-weight: normal;
	line-height: 2.6em;
	letter-spacing: .075em;
}

.shop_access td {
	font-size: 14px;
	font-weight: normal;
	line-height: 2.6em;
	letter-spacing: .075em;
}

/*============================
piche
==============================*/

#subpage main#piche h3:after {
	background: url(../img/piche/ico_ttl_hr.png) no-repeat top center / 100px auto;
}

#subpage main#piche .flBox dt {
	background: #fffbcf;
}

#subpage main#piche .staffWrap {
	background: url(../img/piche/bg_staff.jpg);
}

/*============================
recommend
==============================*/

.topWrap .ttl_main {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#recommend .topWrap .ttl_main:after {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: url(../img/recommend/bg_border.png) repeat;
	background-size: contain;
}

.topWrap .ttl_main img {
	width: 165px;
	height: auto;
	margin-bottom: 35px;
}

#subpage.recommend h3:after {
	content: none;
}

.recommend_color {
	width: 100%;
	max-width: 1000px;
	margin: 75px auto;
}

.category_ttl {
	margin-bottom: 70px;
}

figure.category_image {
	width: 735px;
	height: 400px;
	position: relative;
	margin: 0 auto 120px;
}

figure.category_image:before {
	content: "";
	display: block;
	width: 390px;
	height: 200px;
	background: #d9e5f1;
	position: absolute;
	top: -40px;
	left: -135px;
	z-index: -1;
}

figure.category_image:after {
	content: "";
	display: block;
	width: 390px;
	height: 200px;
	background: #fffabb;
	position: absolute;
	bottom: -60px;
	right: -135px;
	z-index: -1;
}

figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* recommend_item
=========================================*/

#subpage.recommend section {
	width: 100%;
	max-width: 1000px;
	margin: 75px auto 0;
}

section .mv_main_txt {
	font-family: serif;
	font-size: 21px;
	line-height: 1.42em;
	letter-spacing: .1em;
	max-width: 1000px;
	text-align: center;
	margin: 0 auto 50px;
}

section .intro_txt {
	font-size: 15px;
	line-height: 2em;
	letter-spacing: .05em;
	text-align: center;
}

.recommend_color:after,
.recommnend_treatment:after,
.recommend_perm:after {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: url(../img/recommend/bg_border.png) repeat;
	background-size: contain;
	margin: 65px auto;
}

.recommend_color p {
	text-align: center;
}

.recommend_color ul,
.recommnend_treatment ul,
.recommend_perm ul {
	width: 100%;
	max-width: 1000px;
	margin-top: 70px;
}

.recommend_color li,
.recommnend_treatment li {
	width: 100%;
	padding: 25px;
	background: url(../commons/img/bg_check_gray.png);
	box-sizing: border-box;
}

.recommend_color li:nth-child(1),
.recommnend_treatment li:nth-child(1) {
	margin-bottom: 30px;
}

.recommend_color article,
.recommnend_treatment article {
	display: flex;
	justify-content: center;
	max-width: 945px;
	padding: 45px;
	box-sizing: border-box;
	background: #fff;
	margin: auto;
}

.recommend_color li figure,
.recommnend_treatment li figure {
	width: 255px;
	height: 240px;
	margin: 0 35px 0 0;
}

.recommend_color li img,
.recommnend_treatment li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recommend_color li div,
.recommnend_treatment li div {
	width: calc(100% - 290px);
	height: auto;
	text-align: justify;
}

.recommend_color li .item_name,
.recommnend_treatment li .item_name {
	text-align: left;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 30px;
}

.recommend_color li .ja,
.recommnend_treatment li .ja {
	font-size: 12px;
	padding-left: 20px;
}

.recommend_color li .item_txt,
.recommnend_treatment li .item_txt {
	font-size: 14px;
	line-height: 2.14em;
	text-align: left;
	letter-spacing: 0.05em;
}

.recommend_perm {}

.recommend_perm li {
	width: 100%;
	max-width: 1000px;
	display: flex;
	justify-content: center;
}

.recommend_perm article {
	width: 335px;
	height: auto;
	margin-right: 20px;
}

.recommend_perm .item_txt {}

.recommend_perm figure {
	width: calc(100% - 355px);
}

.recommend_spa {}

.recommend_spa ul {
	display: block;
}

.recommend_spa ul li {
	position: relative;
}

.recommend_spa figure {
	width: 560px;
	height: 360px;
	margin-top: 100px;
	margin-bottom: 300px;
}

.recommend_spa figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recommend_spa article {
	display: inline-block;
	border: solid 3px #d9e5f1;
	padding: 45px 80px 45px 125px;
	position: absolute;
	right: 0;
	bottom: -200px;
	z-index: -1;
}

.recommend_spa article h4 {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 20px;
	letter-spacing: .2em;
	text-align: center;
}

.recommend_spa article h4:after {
	content: "";
	display: block;
	width: 250px;
	height: 12px;
	background: url(../img/recommend/spa_hr.png) no-repeat center center;
	background-size: cover;
	margin: 0 auto 35px;
}

.recommend_spa article li {
	font-size: 15px;
	letter-spacing: .1em;
	line-height: 30px;
}

.recommend_spa article li:before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 30px;
	background: url(../img/recommend/ico_point.png) no-repeat center top/ auto 20px;
	vertical-align: middle;
}

.imageWrap {
	width: 100%;
	max-width: 1000px;
	margin: 70px auto 0;
}

.imageWrap ul {
	display: flex;
	flex-wrap: nowrap;
}

.imageWrap li {
	width: calc(33.3% - 10px);
	margin-right: 15px;
}

.imageWrap li:last-child {
	margin-right: 0;
}

.imageWrap img {
	width: 100%;
}
/* ============================
product.html
===============================*/
#product section.topWrap{
	padding: 75px 0 0;
}
#product .topWrap p {
	text-align: center;
	font-size: 15px;
	line-height: 1.6em;
	letter-spacing: .05em;
	margin-bottom: 70px;
}
#product .topWrap .ttl_main img {
    width: 110px;
    height: auto;
    margin-bottom: 35px;
}
#product section.product_item {
	margin-bottom: 70px;
}

#product .check {
	padding: 65px 0 70px;
}

#product .check .innerWrap,
#product .innerWrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#product .innerWrap ul {
	display: flex;
	justify-content: center;
}

#product .innerWrap ul .imgBox {
	width: 500px;
	height: auto;
}

#product .innerWrap ul .imgBox img {
	width: 100%;
}

#product .innerWrap ul .txtBox {
	width: calc(100% - 530px);
}
#product .innerWrap ul li.txtBox:nth-child(1){
	margin-right: 30px;
}
#product .innerWrap ul li.txtBox:nth-child(2){
	margin-left: 30px;
}
#product .innerWrap ul .txtBox a{
	display: block;
	width: 100%;
	position: relative;
}
#product .innerWrap ul .txtBox h4{
	font-size: 20px;
	letter-spacing: 0.075em;
	margin-bottom: 50px;
}
#product .innerWrap ul .txtBox h4 .ja{
	font-size: 14px;
}
#product .innerWrap ul .txtBox a img{
	display: block;
	width: 110px;
	position: absolute;
	right: 0;
	bottom: -85px;
}

/*==================================
recruit01.html
====================================*/

#subpage02 h3 {
	text-align: center;
}

/*
#subpage02 section {
	padding:0
}
*/

#recruit01 .mvWrap {
	width: 100%;
	max-width: 1100px;
	background: url(../img/recruit01/mv.png) no-repeat center center;
	background-size: cover;
	padding: 115px 40px 105px;
}

#subpage02 .mvWrap .innerWrap {
	width: 925px;
	height: 215px;
	background: url(../img/recruit01/mv_bg.png) no-repeat center center / 925px auto;
	margin: 0 auto;
}

#recruit01 .mvWrap .ttl_main {
    font-size: 36px;
    padding-top: 75px;
    margin-bottom: 20px;
	width: 270px;
    height: auto;
    margin: 0px auto 40px;
}

.linkArea {
	width: 715px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	margin: 40px auto;
}

.linkArea ul {
	display: flex;
	justify-content: center;
}

.linkArea li {
	width: 355px;
	border-right: solid 1px #000;
	text-align: center;
}

.linkArea li:nth-child(2) {
	border-right: 0;
}

.linkArea a {}

.linkArea .page_ttl {
	font-family: 'grandma', sans-serif;
	font-size: 32px;
	line-height: 1;
	margin-bottom: 15px;
	padding-top: 8px;
}

.recruit_concept {
	width: 100%;
}

.recruit_concept .read_txt {
	width: 100%;
	background: url(../img/recruit01/bg_dotted_ylw.jpg);
	padding: 70px 0;
	text-align: center;
	position: relative;
}

.recruit_concept .read_txt h3 {
	width: 560px;
	height: auto;
	margin: 0 auto 70px;
	position: relative;
}

.recruit_concept .read_txt h3:before {
	content: "";
	width: 75px;
	height: 350px;
	position: absolute;
	background: url(../img/recruit01/bg_tool01.png) no-repeat center center / 72px auto;
	left: -200px;
}

.recruit_concept .read_txt h3:after {
	content: "";
	width: 75px;
	height: 350px;
	position: absolute;
	background: url(../img/recruit01/bg_tool02.png) no-repeat center center / 72px auto;
	right: -200px;
	margin: 0 auto;
}

.recruit_concept .read_txt p {
	font-size: 16px;
	line-height: 3.25em;
}

.recruit_concept .read_image {
	width: 100%;
	max-width: 1100px;
	margin: 40px auto 70px;
}

.recruit_concept .philosophy {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	position: relative;
	padding: 20px 0 50px;
}

.recruit_concept .philosophy:before {
	content: "";
	display: block;
	width: 30px;
	height: 320px;
	background: url(../img/recruit01/ico_philo_left.png) no-repeat center center / 30px 320px;
	position: absolute;
	top: 30px;
	left: 0;
}

.recruit_concept .philosophy:after {
	content: "";
	display: block;
	width: 30px;
	height: 320px;
	background: url(../img/recruit01/ico_philo_right.png) no-repeat center center / 30px 320px;
	position: absolute;
	top: 30px;
	right: 0;
}

.recruit_concept .philosophy h3 {
	width: 180px;
	margin: 20px auto 25px;
}

.recruit_concept .philosophy img.ttl_ico {
	width: 95px;
	height: 45px;
	margin: 25px auto;
}

.recruit_concept .philosophy .ja {
	text-align: center;
	margin-bottom: 20px;
}

.recruit_concept .philosophy p {
	text-align: center;
	font-size: 15px;
	line-height: 2em;
}

.owner_message {
	margin: 130px auto 100px;
}

.owner_message h3 {
	width: 240px;
	height: auto;
	margin: 0 auto 15px;
}

.owner_message .ja {
	text-align: center;
	margin-bottom: 60px;
}

.owner_message p {
	text-align: center;
	font-size: 15px;
	line-height: 2.7em;
}

.owner_message figure {
	width: 340px;
	height: auto;
	margin: 0 auto 60px;
}

.recruit_concept .name {
	font-size: 16px;
}

#feature {
	width: 100%;
	padding: 50px 0;
}

#feature .featureInn {
	width: 100%;
	padding: 80px 0;
	margin: 0 auto;
}

#feature .featureInn.blue {
	background: #f6fafd;
}

#feature .featureInn.pink {
	background: #fcf2f2;
}

#feature .featureInn.ylw {
	background: #fcfbf3;
}

#feature .featureInn h3 img {
	width: 170px;
	height: auto;
}

#feature .featureInn .ja {
	text-align: center;
	margin: 20px auto 50px;
}

#feature .featureInn ul {
	width: 100%;
	max-width: 1000px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}

#feature .featureInn .txtBox,
#feature .featureInn .imgBox {
	width: 50%;
}

#feature .featureInn .txtBox {
	padding: 105px 50px 95px 55px;
	box-sizing: border-box;
}

#feature .featureInn.blue .txtBox {
	background: #d9e5f1;
}

#feature .featureInn.pink .txtBox {
	background: #fbcecd;
}

#feature .featureInn.ylw .txtBox {
	background: #fffbcf;
}

#feature .featureInn.pink .imgBox {
	order: 1;
}

#feature .featureInn.pink .txtBox {
	order: 2;
}

#feature .featureInn .txtBox p {}

#feature .featureInn h4 {
	text-align: center;
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 50px;
}

.feature03_image {
	width: 100%;
	padding: 50px 15px;
	box-sizing: border-box;
	position: relative;
}

.feature03_image p {
	position: absolute;
	right: 0;
	bottom: 0;
}

.featureInn.check {
	background: url(../commons/img/bg_check_gray.png);
}

#feature .featureInn02 h3 {
	width: 280px;
	height: auto;
	margin: 0 auto 50px;
}

#feature .featureInn02 h3 img {
	width: 280px;
	height: auto;
}

.featureInn02 ul {
	width: 1000px;
}

.featureInn02 .imgBox {
	width: 450px;
}

.featureInn02 .imgBox img {
	display: block;
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
}

#feature .featureInn02 .txtBox {
	width: 550px;
	padding: 0;
}

#feature .featureInn02 .txtBox h4 {
	text-align: left;
}

/*==================================
recruit02
===================================*/

#recruit02 .mvWrap {
	width: 100%;
	max-width: 1100px;
	background: url(../img/recruit02/mv.png) no-repeat center center;
	background-size: cover;
	padding: 115px 40px 105px;
}
#recruit02 .mvWrap .ttl_main {
    font-size: 36px;
    padding-top: 75px;
    margin-bottom: 20px;
	width: 270px;
    height: auto;
    margin: 0px auto 40px;
}
.location {
	background: url(../commons/img/bg_check_gray.png);
	padding: 30px 0 90px;
}

#subpage02 #recruit02 .innerBox {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

ul.location-image {
	display: flex;
	justify-content: center;
}

.imageArea01 {
	margin-bottom: 30px;
}

.imageArea01 li {
	width: calc(33% - 20px);
	margin-right: 30px;
}

.imageArea01 li:nth-child(3n) {
	margin-right: 0;
}

.imageArea02 {
	margin-bottom: 30px;
}

.imageArea02 li {
	width: calc(50% - 15px);
	margin-right: 30px;
}

.imageArea02 li:before {
	content: "";
	display: block;
	width: 130px;
	height: 115px;
	background: url(../img/recruit02/imageArea0201_ico.png) no-repeat center center / 130px auto;
	margin-bottom: 20px;
}

.imageArea02 li:nth-child(2):before {
	background: url(../img/recruit02/imageArea0202_ico.png) no-repeat center center / 130px auto;
}

.imageArea02 li:nth-child(2n) {
	margin-right: 0;
}

.location h3,
.about_guest h3 {
	height: 120px;
	width: auto;
	margin-bottom: 30px;
}

.location h3 img,
.about_guest h3 img {
	width: auto;
	height: 100%;
}

#recruit02 p.ja {
	text-align: center;
	margin-bottom: 40px;
}

#recruit02 h4 {
	font-size: 18px;
	text-align: center;
}
.location_readTxt{
	width: 700px;
	margin: 0 auto 90px;
	line-height: 2em;
}

.about_guest {
	padding: 50px 0 70px;
	background: #fcf2f2;
}

.about_guest ul {
	display: flex;
	justify-content: center;
	margin-top: 70px;
}

.about_guest ul .txtBox {
	width: 525px;
	padding: 25px;
	box-sizing: border-box;
}

.about_guest ul .imgBox {
	width: 475px;
}

.about_guest ul .imgBox img {
	display: block;
	width: 420px;
	margin: 0 auto;
}

section.welfare {
	padding: 90px 0 115px;
}

h3.welfare {
	width: 280px;
	font-size: 26px;
	line-height: 1;
	padding: 10px;
	display: block;
	border: solid 1px #ccc;
	margin: 0 auto 70px;
}

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

.welfare_point li {
	width: calc(50% - 80px);
	margin: 0 40px 80px;
	padding: 50px 30px 60px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	position: relative;
}

#recruit02 .welfare_point li h4 {
	display: inline-block;
	text-align: left;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: auto 12px;
	margin-bottom: 30px;
}

#recruit02 .welfare_point li:nth-child(1) h4 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#d9e5f1));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #d9e5f1);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #d9e5f1);
}

#recruit02 .welfare_point li:nth-child(2) h4 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fffbcf));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fffbcf);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fffbcf);
}

#recruit02 .welfare_point li:nth-child(3) h4 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fbdddb));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fbdddb);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fbdddb);
}

#recruit02 .welfare_point li:nth-child(4) h4 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#d6c7e1));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #d6c7e1);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #d6c7e1);
}

.welfare_point li figure.ico_point {
	width: 150px;
	height: auto;
	padding: 15px 0 15px 15px;
	position: absolute;
	top: -30px;
	background: #fff;
}

.welfare_point li figure.ico_point img {
	width: 130px;
	height: auto;
}

.welfare_point li figure figcaption {
	margin-top: 30px;
}

.recruit_infomation {
	background: #d9e5f1;
	padding: 65px 0 70px;
}

#subpage02 .recruit_infomation h3 {
	width: 325px;
	margin: 0 auto 60px;
}

.recruit_infomation .requirement {
	display: flex;
	justify-content: center;
}

.recruit_infomation .requirement li {
	width: calc(50% - 20px);
	margin-right: 40px;
	position: relative;
	padding: 30px 60px;
	box-sizing: border-box;
}

.recruit_infomation .requirement li:nth-child(2n) {
	margin-right: 0;
}

.recruit_infomation .requirement li:before {
	content: "";
	display: block;
	width: 20px;
	height: 210px;
	background: url(../img/recruit02/ico_philo_left.png) no-repeat center center / 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.recruit_infomation .requirement li:after {
	content: "";
	display: block;
	width: 20px;
	height: 210px;
	background: url(../img/recruit02/ico_philo_right.png) no-repeat center center / 15px auto;
	position: absolute;
	right: 0;
	top: 0;
}

.recruit_infomation .requirement li h4 {
	margin-bottom: 30px;
}

/*====================================
blog 
=====================================*/

#blog .mvWrap {
	width: 100%;
	max-width: 1100px;
	background: url(../img/blog/mv.png) no-repeat center center;
	background-size: cover;
	padding: 115px 40px 105px;
}
#blog section.topWrap {
    padding: 75px 0 0;
}
#blog .topWrap .ttl_main img {
    width: 70px;
    height: auto;
    margin-bottom: 35px;
}
#blog .topWrap p {
    text-align: center;
    font-size: 15px;
    line-height: 1.6em;
    letter-spacing: .05em;
    margin-bottom: 70px;
}

.coming {
	text-align: center;
	margin: 60px 0 20px;
}
.coming-txt {
	text-align: center;
}
td.blog_footer {
    padding: 0 50px!important;
}

@media screen and (max-width: 480px) {
	h1,
	h2 {
		font-size: 24px;
	}
	/* ==========================
    index.html
	============================*/
	section .innerWrap {
		width: 90%;
		margin: 0 auto 40px;
	}
	.mvBox {
		margin-bottom: 80px;
	}
	.shop {
		padding: 45px 0;
	}
	.shop .flBox {
		display: block;
	}
	.shop .flBox li {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		margin: 0 0 20px 0;
		padding: 25px 0 15px 0;
	}
	.shop .flBox li figure {
		width: 80%;
		margin: 0 auto;
	}
	.shop li img {
		width: 80%;
	}
	.item {
		padding: 70px 0;
	}
	.item ul {
		display: flex;
	}
	.item .txtBox {
		width: 100%;
		height: auto;
		padding: 35px 20px 25px;
	}
	.item .imgBox {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.order01 {
		order: 1;
	}
	.order02 {
		order: 2
	}
	.recruit {
		margin-bottom: 0;
	}
	.recruit .innerWrap {
		padding: 45px 15px 30px;
		height: auto;
	}
	.recruit p {
		font-size: 14px;
		line-height: 2.4em;
	}
	.top_blog {
		height: auto;
	}
	.top_blog .innerWrap {
		height: auto;
	}
	.top_blog .blogArea {
		display: block;
	}
	.top_blog .blog_riche {
		width: 90%;
		margin: 0 auto 20px;
		padding: 35px 15px 25px;
	}
	.top_blog .blog_piche {
		width: 90%;
		margin: 0 auto;
		padding: 35px 15px 25px;
	}
	.instagram {
		background: url(../img/home/bg_instagram_sp.png) no-repeat center center;
		background-size: cover;
	}
	.instagram .innerWrap {
		margin-bottom: 0;
	}
	.instagram figure {
		width: 90%;
		height: auto;
	}
	/* ==========================
    riche.html
	============================*/
	#subpage .check {
		padding: 30px 0;
	}
	#subpage h3:after {
		margin-bottom: 0;
	}
	.mvWrap .ttl_main {
    width: 270px;
    height: auto;
    margin: 40px auto 40px;
}
	.shop_concept {
		font-size: 14px;
		line-height: 1.8em;
	}
	.shop_concept p {
		width: 90%;
		margin: 40px auto;
	}
	.shop_concept .imageArea table {
		width: 94%;
	}
	/* .shop_concept .imageArea td.image01 {
		width: 38%;
		height: 320px;
		padding-right: 2%;
	}
	.shop_concept .imageArea td.image02 {
		width: 62%;
		height: 160px;
		padding-bottom: 10px;
		box-sizing: border-box;
	}
	.shop_concept .imageArea td.image03 {
		width: 31%;
		height: 160px;
	}
	.shop_concept .imageArea td.image04 {
		width: 33%;
		height: 160px;
		padding-left: 2%;
	} */
	.shop_concept .imageArea td.image01 {
		width: 34%;
		height: 160px;
		padding-right: 10px;
		margin: 0;
		padding-bottom: 10px;
	}
	.shop_concept .imageArea td.image02 {
		width: 62%;
		height: 160px;
		padding-bottom: 10px;
	}
	.shop_concept .imageArea td.image03 {
		width: 62%;
		height: 160px;
		margin: 0;
		padding-right: 10px;
	}
	.shop_concept .imageArea td.image04 {
		width: 34%;
		height: 160px;
	}
	.priceWrap .flWrap {
		display: block;
		width: 94%;
		margin: 0 auto;
	}
	.priceWrap .flWrap .flBox {
		width: 100%;
	}
	.priceWrap .flWrap .flBox:first-child {
		margin: 0 auto;
	}
	.flBox span.ja {
		display: block;
		margin-top: 5px;
		margin-left: 0;
	}
	.flBox dd span.ja.red {
		display: block;
		margin-top: 8px;
		margin-left: 0;
	}
	.flBox dd span.ja.red + .price {
		bottom: 32px;
	}
	.staffWrap {
		padding: 50px 0 60px;
	}
	.staffWrap h3 {
		margin-bottom: 35px;
	}
	.staffWrap .staff_info {
		display: block;
	}
	.staffWrap li {
		width: 62%;
		margin: 0 auto 20px;
	}
	.staffWrap li:nth-child(3n) {
		margin: 0 auto 20px;
	}
	.staffWrap figure {
		width: 100%;
		height: auto;
	}
	.shop_access table {
		width: 94%;
		margin: 0 auto;
	}
	.shop_access th {
		width: 80px;
		text-align: left;
		vertical-align: top;
		padding-top: 10px;
	}
	.shop_access td {
		font-size: 13px;
		line-height: 1.8em;
		padding-top: 10px;
	}
	.shop_access td span.sp_small {
		font-size: 11px;
	}
	/*	==========================
	recommend.html
	============================*/
	/*　共通部分
	============================ */
	#subpage.recommend section {
		margin-top: 40px;
	}
	.category_ttl {
		margin-bottom: 40px;
	}
	section .mv_main_txt {
		font-size: 18px;
		margin-bottom: 20px;
		width: 94%;
	}
	.recommend_color ul,
	.recommnend_treatment ul,
	.recommend_perm ul {
		margin-top: 40px;
	}
	.recommend_color:after,
	.recommnend_treatment:after,
	.recommend_perm:after {
		margin: 40px 0;
	}
	.recommend_color,
	.recommnend_treatment {
		overflow: hidden;
	}
	figure.category_image {
		width: 75%;
		height: 40vh
	}
	figure.category_image:before,
	figure.category_image:after {
		width: 195px;
		height: 100px;
	}
	.recommend_color article,
	.recommnend_treatment article {
		display: block;
		padding: 10px;
	}
	.recommend_color li figure,
	.recommnend_treatment li figure {
		width: 100%;
		max-width: 320px;
		height: auto;
		margin: 0 auto 30px;
	}
	.recommend_color li div,
	.recommnend_treatment li div {
		width: 100%;
	}
	.recommend_perm li {
		display: block;
	}
	.recommend_perm article {
		width: 94%;
		margin: 0 auto 30px;
	}
	.recommend_perm figure {
		width: 94%;
		margin: 0 auto 30px;
	}
	.recommend_spa figure {
		width: 100%;
		height: 40vh;
		margin: 40px auto 60px;
	}
	.recommend_spa article {
		display: block;
		position: static;
		width: 95%;
		margin: 0 auto;
		padding: 20px 25px;
		box-sizing: border-box;
	}
	.recommend_spa article li {
		font-size: 14px;
	}
	section .intro_txt {
		width: 94%;
		margin: 30px auto 0;
		font-size: 13px;
		text-align: justify;
	}
	/*	========================
	product.html
	========================*/
	#subpage #product .check{
		padding-bottom: 70px;
	}
	#product .innerWrap ul .txtBox a img{
		bottom: -30px;
	}
	#product .innerWrap ul {
		width: 94%;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	#product .innerWrap ul li.imgBox{
		width: 100%;
		max-width: 480px;
		order: 1;
		margin: 0 auto 30px;
	}
	#product .innerWrap ul li.txtBox{
		order: 2;
	}
	#product .innerWrap ul li.txtBox:nth-child(1),#product .innerWrap ul li.txtBox:nth-child(2){
		width: 100%;
		margin: 0 auto;
	}
	#product .innerWrap ul li.txtBox h4{
		margin-bottom: 15px;
		font-size: 18px;
		line-height: 1;
	}
	#product .innerWrap ul li.txtBox h4 .ja{
		font-size: 12px;
	}
	/*	========================
	recruit01.html
	========================*/
	#recruit01 .mvWrap {
		padding: 40px 3%;
		box-sizing: border-box;
	}
	#subpage02 .mvWrap .innerWrap {
		width: 280px;
    height: 210px;
    background: url(../img/recruit01/mv_bg_sp.png) no-repeat center center / 280px auto;
	}
	.linkArea {
		width: 94%;
		margin: 40px auto;
	}
	.linkArea ul {
		width: 100%;
		margin: 10px auto;
	}
	.linkArea li {
		width: 50%;
	}
	.linkArea .page_ttl {
		font-size: 18px;
		margin-bottom: 8px;
		letter-spacing: 0.05em;
	}
	.recruit_concept .read_image {
	width: 100%;
	max-width: 1100px;
	margin: 40px auto 40px;
}
	.recruit_concept .read_txt {
		padding: 40px 0;
	}
	.recruit_concept .read_txt h3 {
		width: 100%;
		padding: 0 3%;
		margin-bottom: 30px;
		box-sizing: border-box;
	}
	.recruit_concept .read_txt h3:before {
		width: 30px;
		height: 140px;
		top: 60px;
		left: 15px;
		background-size: 30px auto;
		opacity: .55;
	}
	.recruit_concept .read_txt h3:after {
		width: 30px;
		height: 140px;
		top: 180px;
		right: 15px;
		background-size: 30px auto;
		opacity: .55;
	}
	.recruit_concept .read_txt p {
		width: 80%;
		margin: auto;
		font-size: 13px;
		line-height: 2.8em;
	}
	.recruit_concept .philosophy {
		width: 94%;
	}
	.recruit_concept .philosophy:before {
		height: 360px;
		background-size: 30px 360px;
	}
	.recruit_concept .philosophy:after {
		height: 360px;
		background-size: 30px 360px;
	}
	.recruit_concept .philosophy h3 {
		margin: 0 auto;
	}
	.recruit_concept .philosophy img.ttl_ico {
		width: 60px;
		height: 32px;
	}
	.recruit_concept .philosophy p {
		font-size: 13px;
	}
	.owner_message {
		padding: 0 3%;
		margin: 90px auto;
		box-sizing: border-box;
	}
	.owner_message figure {
		width: 80%;
		max-width: 320px;
	}
	.owner_message p {
		font-size: 13px;
		text-align: justify;
	}
	.recruit_concept .name,
	.recruit_concept .position {
		text-align: center;
	}
	#feature .featureInn {
		padding: 40px 0 0;
	}
	#feature .featureInn .ja {
		margin-bottom: 30px;
	}
	#feature .featureInn ul {
		flex-wrap: wrap;
	}
	#feature .featureInn .txtBox,
	#feature .featureInn .imgBox {
		width: 100%;
	}
	#feature .featureInn .txtBox {
		order: 2;
		padding: 10% 3%;
		box-sizing: border-box;
	}
	#feature .featureInn h4 {
		margin-bottom: 30px;
	}
	#feature .featureInn .imgBox {
		order: 1;
	}
	.feature03_image {
		padding: 0 3% 20px;
		margin-bottom: 20px;
	}
	.feature03_image p {
		font-size: 11px;
	}
	.featureInn02 .imgBox img {
		width: 80%;
		max-width: 320px;
	}
	#feature .featureInn02 {
		padding-bottom: 40px;
	}
	#feature .featureInn02 .txtBox {
		position: relative;
	}
	#feature .featureInn02 .txtBox .txt_right {
		position: absolute;
		right: 3%;
		bottom: 0;
	}
	/*=========================================
recruit02
	=========================================*/
	#recruit02 .mvWrap {
		padding: 40px 3%;
		box-sizing: border-box;
	}
	#recruit02.mvWrap .ttl_main {
    font-size: 36px;
    padding-top: 75px;
    margin-bottom: 20px;
}
	#recruit02 h4{
		font-size: 16px;
	}
	.location p{
		width: 94%;
		margin: 0 auto 20px
	}
	ul.location-image {
		display: block
	}
	ul.location-image li,
	ul.location-image li:nth-child(2n),
	ul.location-image li:nth-child(3n) {
		width: 80%;
		margin: 0 auto 20px;
	}
	.about_guest ul{
		flex-wrap: wrap;
	}
	.about_guest ul .txtBox{
		order: 2;
	}
	.about_guest ul .imgBox{
		order: 1;
	}
	section.welfare{
		padding: 40px 0 60px;
	}
	.welfare_point{
		display: block;
	}
	.welfare_point li{
		width: 94%;
		margin: 0 auto 30px;
		padding: 50px 5% 30px;
	}
	#subpage02 .recruit_infomation h3{
		width: 94%;
		max-width: 325px;
	}
	.recruit_infomation .requirement li h4{
		margin-bottom: 15px;
	}
	.recruit_infomation .requirement{
		width: 94%;
		display: block;
		margin: 0 auto;
	}
	.recruit_infomation .requirement li{
		width: 100%;
		padding: 30px 3%;
		margin: 0 auto 30px;
	}
/*=========================================
blog
=========================================*/
	
	#blog .mvWrap {
    padding: 40px 3%;
    box-sizing: border-box;
}
	#blog .mvWrap {
    width: 100%;
    max-width: 1100px;
    background: url(../img/blog/mv.png) no-repeat center center;
    background-size: cover;
}
}