@charset "utf-8";

.pconly {
	display: block;
}

.smponly {
	display: none;
}

a[href^="tel:"] {
	pointer-events: none;
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

/* -------------------------------------------------------------------------------------

	お問い合わせ

-------------------------------------------------------------------------------------- */

.contacts-bg {
	background: url(../img/contact-bg.jpg) no-repeat center center;
	background-size: cover;
}

.ttelcon {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto 60px;
}

.ttelcon p {
	text-align: center;
	font-size: 180%;
	line-height: 150%;
	margin-bottom: 30px;
}

.ttelcon ul {
	background: #fcecf6;
	padding: 40px 20%;
}

.ttelcon ul li.fl {
	width: 40%;
	float: left;
	font-size: 230%;
	line-height: 150%;
	min-height: 32px;
	background: url(../img/icon-tel.png) no-repeat left center;
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: bold;
	padding: 5% 0 5% 44px;
}

.ttelcon ul li.fr {
	width: 50%;
	float: right;
}

.ttelcon ul li.fr dt {
	font-size: 120%;
	margin-bottom: 10px;
}

.ttelcon ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.conts,
.cofom {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto 60px;
	text-align: center;
}

.conts .ms {
	text-align: center;
	margin-bottom: 40px;
}

.conts dt {
	font-size: 150%;
	line-height: 150%;
	margin-bottom: 20px;
}

.un-line {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.m-form {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

.m-form td {
	padding: 10px 10px 10px 30px;
	vertical-align: top;
}


.m-form th {
	width: 26%;
	padding: 10px;
	vertical-align: top;
}

.m-form th em {
	float: right;
	padding: 7px 8%;
	background: #EE3523;
	color: #fff;
	margin: 0;
}

.m-form td input,
.m-form td textarea {
	border: none;
	padding: 14px 10px;
	background: #eee;
}

#copyright {
	display: none !important;
}

input[type="submit"][disabled] {
	background-color: #ccc !important;
	cursor: default;
}

/* -------------------------------------------------------------------------------------

	施術の流れ（flow.html）

-------------------------------------------------------------------------------------- */

.flow-bg {
	background: url(../img/flow-bg.jpg) no-repeat center center;
	background-size: cover;
}

.flos {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto;
}

.flos ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.flos ul {
	padding: 30px 0;
}

.flos ul li {
	width: 48%;
	float: left;
	margin-right: 4%;
	text-align: center;
	list-style: none;
	font-size: 140%;
	line-height: 150%;
}

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

.flos ul li a {
	display: block;
	padding: 4%;
}

.flos ul li.fl a {
	background: url(../img/icon-tel.png) no-repeat 10% center #fcecf6;

}

.flos ul li.fr a {
	box-shadow: 0 0 0 2px #000 inset;
	background: url(../img/icon-mail.png) no-repeat 10% center;
	padding: 7% 4%;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.tels {
	font-size: 200%;
	font-family: Arial, Helvetica, "sans-serif";
}

.flos ul li.fr a:hover {
	box-shadow: none;
	background: url(../img/icon-mail.png) no-repeat 10% center #9d0a49;
	padding: 7% 4%;
	color: #fff;
	text-decoration: none;
}

.steps {
	max-width: 1120px;
	width: 100%;
	margin: 70px auto;
	position: relative;
	background: url(../img/delta.png) no-repeat center bottom;
}

.steps-la {
	max-width: 1120px;
	width: 100%;
	margin: 70px auto;
	position: relative;
}

.steps:after,
.steps-la:after,
.clears:after,
.numbers:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.steps .photo,
.steps-la .photo {
	width: 44%;
	float: left;
}

.steps .photo img,
.steps-la .photo img {
	width: 100%;
	height: auto;
}

.i-step {
	position: absolute;
	left: 55%;
	top: -40px;
	margin-left: -75px;
}

.i-step img {
	width: 90%;
}


.steps dl,
.steps-la dl {
	width: 40%;
	float: right;
	padding: 1% 5% 5%;
}

.steps dl dt,
.steps-la dl dt {
	padding-left: 80px;
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 60px;
}

.numbers {
	margin: 30px 0;
	padding-bottom: 50px;
}

.numbers li {
	width: 15.5%;
	float: left;
	margin: 0 2% 2% 0;
	text-align: center;
	background: #fcecf6;
	padding: 2% 4%;
	list-style: none;
	position: relative;
}

.numbers li:after {
	border: 10px solid transparent;
	border-left-color: #fcecf6;
	border-right-width: 0;
	right: -10px;
	content: "";
	display: block;
	top: 30px;
	position: absolute;
	width: 0;
}

.numbers li:nth-child(4n) {
	margin: 0 0 2% 0;
}

.numbers li:last-child:after {
	border: 0 solid transparent;
	border-left-color: #fcecf6;
	border-right-width: 0;
	right: -10px;
	content: "";
	display: block;
	top: 30px;
	position: absolute;
	width: 0;
}

/* -------------------------------------------------------------------------------------

	メニュー（menu.html）

-------------------------------------------------------------------------------------- */

.menu-bg {
	background: url(../img/menu-bg.jpg) no-repeat center center;
	background-size: cover;
}

.menu-p01 {
	background: url(../img/menu-photo01.jpg) no-repeat center center;
	background-size: cover;
}

.menu-p02 {
	background: url(../img/menu-photo02.jpg) no-repeat center center;
	background-size: cover;
}


.m-covs {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto;
}

.m-covs:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.m-covs .fr {
	width: 40%;
	float: right;
	padding: 5%;
}

.m-covs .fl {
	width: 40%;
	float: left;
	padding: 5%;
}

.csf {
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 20px;
}

.csf span {
	font-size: 170%;
}

.m-covs dt {
	line-height: 150%;
	font-size: 120%;
	font-weight: bold;
}

.m-covs dt span {
	color: #9d0a49;
}

.m-covs dd {
	margin-bottom: 25px;
	color: #666;
}

.menu-p02 dt {
	margin-bottom: 20px;
}

.menu-p02 dd {
	margin-bottom: 0;
	color: #000;
}

.option {
	max-width: 1120px;
	width: 100%;
	margin: 70px auto;
}

.option ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.option ul li {
	width: 48%;
	float: left;
	margin-right: 4%;
	list-style: none
}

.option ul li img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

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

.option ul li dt {
	font-weight: bold;
}

.option ul li dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.option ul li dd .big {
	font-weight: bold;
	margin-top: 15px;
}

.option ul li dd .big span {
	color: #9d0a49;
}

p.md_fwb {
	font-weight: bold;
	font-size: 1.3em;
	color: #3F51B5;
}

p.fwb2 {
	font-weight: bold;
	font-size: 1.1em;
}


/* -------------------------------------------------------------------------------------

	初めての方へ（guide.html）

-------------------------------------------------------------------------------------- */

.guide-bg {
	background: url(../img/guide-bg.jpg) no-repeat center center;
	background-size: cover;
}

.about {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto 70px;
}

.min-tit {
	font-size: 200%;
	line-height: 150%;
	margin-bottom: 40px;
}

.about dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.about dt {
	float: left;
	width: 36%;
}

.about dt img {
	width: 100%;
	height: auto;
}

.about dd {
	float: right;
	width: 58%;
}

.mb-txt p {
	margin-bottom: 20px;
}

.mb-txt p:last-child {
	margin-bottom: 0;
}

.mb-txt a {
	text-decoration: underline;
}

.mb-txt a:hover {
	text-decoration: none;
}

.ab-copy {
	width: 100%;
	background: url(../img/ab-copy.jpg) no-repeat right center #e4e9e4;
	background-size: 50% auto;
}

.ab-copy .dire {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.ab-copy .dire p {
	width: 44%;
	font-size: 130%;
	line-height: 200%;
	padding: 80px 0;
}

.course {
	width: 100%;
	max-width: 1120px;
	margin: 70px auto;
}

.course h2 {
	text-align: center;
	margin-bottom: 50px;
}

.course ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.course ul li {
	width: 48%;
	float: left;
	margin-right: 4%;
	list-style: none;
}

.course ul li:last-child {
	margin-right: 0%;
}

.course ul li div {
	padding: 24% 0%;
	margin-bottom: 10px;
}

.course ul li div.cs01 {
	background: url(../img/course01-bg.jpg) no-repeat center center #eee;
	background-size: cover;
}

.course ul li div.cs02 {
	background: url(../img/course02-bg.jpg) no-repeat center center;
	background-size: cover;
}

.course li dl {
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 140%;
	line-height: 150%;
}

.course li dl dt {
	font-family: Arial, Helvetica, "sans-serif";
}

.course li .red-btn {
	width: 50%;
	margin: 0 auto;
}

.toku {
	background: url(../img/toku-bg.jpg) no-repeat center top;
	color: #9d0a49;
	text-align: center;
	font-size: 150%;
	line-height: 150%;
	padding: 80px 0 30px;
	font-weight: bold;
}

.toku span {
	font-size: 150%;
	font-family: Arial, Helvetica, "sans-serif";
}

.system {
	width: 100%;
	background: url(../img/system-bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 0;
}

.system .covs {
	max-width: 1120px;
	margin: 0 auto;
	width: 100%;
}

.charge {
	background: #fff;
	padding: 20px;
	text-align: center;
	margin-bottom: 40px;
}

.charge dt {
	margin-bottom: 20px;
}

.charge dd {
	color: #9d0a49;
	font-size: 160%;
	font-weight: bold;
}

.merit01:after,
.merit02:after,
.merit03:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.merit01 p {
	width: 50%;
	float: left;
}

.merit01 p img,
.merit02 p img,
.merit03 p img {
	width: 100%;
	height: auto;
}

.merit01 dl {
	width: 40%;
	float: right;
	padding: 5%;
}

.merit01 dl dt {
	background: url(../img/meriticon01.png) no-repeat left center;
	min-height: 52px;
	padding: 25px 0 0 90px;
	font-size: 150%;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 30px;
}

.merit01 dl dd span {
	color: #9d0a49;
	font-size: 130%;
}

.merit02 p {
	width: 50%;
	float: right;
}

.merit02 dl {
	width: 40%;
	float: left;
	padding: 5%;
}

.merit02 dl dt {
	background: url(../img/meriticon02.png) no-repeat left center;
	min-height: 52px;
	padding: 25px 0 0 90px;
	font-size: 150%;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 30px;
}

.merit02 dl dd span {
	color: #9d0a49;
	font-size: 130%;
}

.merit03 p {
	width: 50%;
	float: left;
}

.merit03 dl {
	width: 40%;
	float: right;
	padding: 5%;
}

.merit03 dl dt {
	background: url(../img/meriticon03.png) no-repeat left center;
	min-height: 52px;
	padding: 25px 0 0 90px;
	font-size: 150%;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 30px;
}

.merit03 dl dd span {
	color: #9d0a49;
	font-size: 130%;
}

.another {
	width: 30%;
	padding: 0 10% 80px;
	margin: 60px auto;
	background: url(../img/un-kir.jpg) no-repeat center bottom;
}

.another p {
	font-size: 200%;
	margin-bottom: 40px;
}

.another li {
	list-style: square;
	line-height: 200%;
	margin: 0 0 0 20px;
}




span.web_rbtn a {

	padding: 1%;
	display: block;
	color: #fff;
	background: #9d0a49;
	text-decoration: none;
	border-radius: 6px;
	width: 25%;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 2% auto;
}

/*a:visited {
    color: #fff;
    text-decoration: none;
}*/

span.web_rbtn a:hover {
	padding: 1%;
	color: #fff;
	background: #000;
	border-radius: 6px;
	width: 25%;
}


























/* -------------------------------------------------------------------------------------

	下層タイトル

-------------------------------------------------------------------------------------- */

.un-head {
	max-width: 1120px;
	width: 100%;
	margin: 20px auto 0;
}

.un-head h1 {
	font-size: 77%;
	color: #666;
	line-height: 150%;
	font-weight: normal;
	margin-bottom: 20px;
}

.un-logo {
	width: 100%;
	position: relative;
}

.un-logo:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.un-logo p {
	position: absolute;
	left: 50%;
	margin-left: -105px;
}

.un-logo dl {
	float: right;
	width: 20%;
}

.un-logo dl dt {
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 0 1px #000 inset;
	padding: 5px;
	border-radius: 6px;
	margin-bottom: px;
}

.un-logo dl dd {
	background: url(../img/icon-tel.png) no-repeat left center;
	padding: 10px 0 0 42px;
	font-size: 175%;
	font-weight: bold;
	font-family: Arial, Helvetica, "sans-serif";
	min-height: 32px;
}

.un-tit {
	width: 100%;
	height: 250px;
	position: relative;
}

.un-tit dl {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	/* Safari用 */
	transform: translate(-50%, -50%);
	text-align: center;
}

.un-tit dt {
	font-size: 290%;
	line-height: 130%;
	font-weight: 400;
}

.un-tit dd {
	font-size: 110%;
}

/* -------------------------------------------------------------------------------------

	パンくず

-------------------------------------------------------------------------------------- */

.pankuzu {
	padding: 20px 0;
	margin-bottom: 60px;
}

.pankuzu p {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto;
}


/* -------------------------------------------------------------------------------------

	ヘッダー

-------------------------------------------------------------------------------------- */

header {
	margin: 0 !important;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999 !important;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 20px 0 10px;
}

header h1 {
	font-size: 80%;
	color: #666;
	line-height: 150%;
	font-weight: normal;
	width: 55%;
	float: left;
}

header .h-cover {
	max-width: 1120px;
	width: 100% !important;
	margin: 0 auto;
	position: relative;
}

header .h-cover:after,
header .fts:after,
header .logos:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fts dl {
	float: right;
	width: 40%;
}

.fts dl dt {
	float: left;
	width: 40%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 0 1px #000 inset;
	padding: 5px;
	border-radius: 6px;
}

.fts dl dd {
	float: right;
	width: 46%;
	background: url(../img/icon-tel.png) no-repeat left center;
	padding: 5px 0 0 42px;
	font-size: 190%;
	font-weight: bold;
	font-family: Arial, Helvetica, "sans-serif";
	min-height: 32px;
}

header .logos {
	max-width: 1120px;
	width: 100% !important;
	margin: 20px auto 0;
}

header .logo {
	float: left;
	width: 20%;
}

header .logo span {
	font-weight: bold;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 130%;
}

header ul {
	float: right;
	width: 70%;
	margin-top: 8px;
}

header ul li {
	float: left;
	list-style: none;
	width: 16.6%;
	text-align: center;
	line-height: 1.2em;
	font-family: Arial, Helvetica, "sans-serif";
	background: url(../img/s-line.png) no-repeat left center;
}

header ul li span {
	font-size: 60%;
}

header ul li a {
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}

header ul li a:hover {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	color: #9d0a49;
}

header ul li:last-child {
	position: relative;
	top: -7px;
}

header ul li:last-child a {
	padding: 5%;
	color: #fff;
	background: #9d0a49;
	text-decoration: none;
	border-radius: 6px;
	width: 90%;
}

header ul li:last-child a:hover {
	padding: 5%;
	color: #fff;
	background: #000;
	border-radius: 6px;
	width: 90%;
}


/* -------------------------------------------------------------------------------------

	ファーストビュー

-------------------------------------------------------------------------------------- */

.main-vs01 {
	background: url(../img/mainimg01.jpg);
}

.main-vs02 {
	background: url(../img/mainimg02.jpg);
}

.main-vs03 {
	background: url(../img/mainimg03.jpg);
}

.main-vs04 {
	background: url(../img/mainimg04.jpg);
}

.main-vs05 {
	background: url(../img/mainimg05.jpg);
}

.main-vs06 {
	background: url(../img/mainimg06.jpg);
}

.main-vs07 {
	background: url(../img/mainimg07.jpg);
}

.main-vs08 {
	background: url(../img/mainimg08.jpg);
}

.main-vs09 {
	background: url(../img/mainimg09.jpg);
}

.main-vs10 {
	background: url(../img/mainimg10.jpg);
}

.main-vs11 {
	background: url(../img/mainimg11.jpg);
}

.main-vs12 {
	background: url(../img/mainimg12.jpg);
}


.mv {
	position: relative;
	background: #333;
}

.mainchtch {
	position: absolute;
	top: 57%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	/* Safari用 */
	transform: translate(-50%, -50%);
	z-index: 999 !important;
}

.mainchtch img {
	width: 100% !important;
	max-width: 370px;
	height: 100% !important;
}

.mainarrow {
	position: absolute;
	top: 80%;
	left: 50%;
	-webkit-transform: translate(-80%, -50%);
	/* Safari用 */
	transform: translate(-80%, -50%);
	z-index: 999 !important;
}

.mainarrow img {
	width: 100% !important;
	height: 100% !important;
}

#container {
	height: 867px;
	width: 100%;
	padding: 0;
	margin: 0;
}

.skippr {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.skippr>div {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 62.5%;

}

.skippr>img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	min-height: 100%;
}

.skippr-nav-container {
	display: none;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);

	bottom: 25px;
	overflow: auto;
	z-index: 2 !important;

}

.skippr-nav-element {
	cursor: pointer;
	float: left;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}

.skippr-nav-element-bubble {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 4px;
}

.skippr-nav-element-block {
	width: 60px;
	height: 10px;
}



.skippr-nav-element:hover,
.skippr-nav-element-active {
	background-color: rgba(255, 255, 255, 1);
}


.skippr-arrow {
	position: absolute;
	z-index: 2 !important;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);

	width: 30px;
	height: 30px;
	/*background-color: white;*/
	transform-origin: center center;
	-webkit-transform-origin: top left;
	cursor: pointer;
}

.skippr-previous {
	left: 2.5%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-top: 2px solid white;
	border-left: 2px solid white;
}

.skippr-next {
	right: 3.5%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: 2px solid white;
	border-right: 2px solid white;
}

/* -------------------------------------------------------------------------------------

	グローバルナビ

-------------------------------------------------------------------------------------- */

nav {
	background: #fff;
	width: 100%;
	border-bottom: 1px solid #000;
}

nav ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

nav ul {
	max-width: 1120px;
	margin: 0 auto;
	width: 100%;
}

nav ul li {
	width: 20%;
	float: left;
	text-align: center;
}

nav ul li a {
	padding: 20px 0;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}

nav ul li a:hover {
	padding: 20px 0;
	display: block;
	background: #F7D9DD;
}

/* -------------------------------------------------------------------------------------

	レコメンド

-------------------------------------------------------------------------------------- */

.pege-sub {
	text-align: center;
	margin-bottom: 40px;
}

.pege-sub dt {
	font-size: 190%;
	font-weight: normal;
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 1.2em;
}

.rose {
	background: url(../img/rose.jpg) no-repeat center top;
	padding: 20px 0 0;
}

.recommend {
	max-width: 1120px;
	margin: 70px auto;
	width: 100%;
}

.recommend li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.swiper-slide img {
	width: 100%;
	height: auto;
}

.swiper-wrapper {
	margin-bottom: 40px !important;
}

.swiper-button-prev,
.swiper-button-next {
	top: 92% !important;
	background-size: 14px auto;
}

/* -------------------------------------------------------------------------------------

	コンセプト

-------------------------------------------------------------------------------------- */

.concept-cover {
	width: 100%;
	background: url(../img/concept-bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 70px 0;
}

.concept {
	max-width: 1120px;
	margin: 70px auto;
	width: 100%;
	text-align: center;
}

.concept h2 {
	font-weight: normal;
	margin-bottom: 20px;
}

/* -------------------------------------------------------------------------------------

	フェイシャルエステ

-------------------------------------------------------------------------------------- */

.facial-cover {
	width: 100%;
	background: #e4e9e4;
	padding: 70px 0;
}

.facial {
	max-width: 1120px;
	margin: 0px auto;
	width: 100%;
}

.facial .mi {
	font-size: 130%;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.facial h2 {
	font-weight: normal;
	text-align: center;
	margin-bottom: 30px;
}

.facial ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.facial li {
	width: 31.6%;
	float: left;
	margin-right: 2.6%;
	list-style: none;
}

.facial li img {
	width: 100%;
	height: auto;
}

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

.facial li dt {
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	margin-bottom: 10px;
}

.facial .red-btn {
	width: 40%;
	margin: 50px auto 0;
}

.red-btn a {
	display: block;
	text-align: center;
	color: #fff;
	background: url(../img/arrow-white.png) no-repeat 94% center #9d0a49;
	padding: 20px 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.red-btn a:hover {
	display: block;
	text-align: center;
	color: #fff;
	background: url(../img/arrow-white.png) no-repeat 96% center #8C053F;
	text-decoration: none;
	padding: 15px 0;
}

/* -------------------------------------------------------------------------------------

	sns他

-------------------------------------------------------------------------------------- */

.guld {
	max-width: 1120px;
	width: 100%;
	margin: 70px auto;
}

.guld ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.guld ul li {
	float: left;
	width: 35%;
	list-style: none;
	margin-right: 2%;
	position: relative;
}

.guld ul li:last-child {
	width: 26%;
	float: right;
	margin-right: 0;
}

.guld ul li:last-child iframe {
	width: 100%;
	height: 280px;
}

.guld ul li dt {
	text-align: center;
	font-size: 270%;
	font-weight: normal;
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 1.2em;
}

.guld ul li .center {
	text-align: center;
	margin-bottom: 30px;
}

.guide-s {
	background: url(../img/guide-s.jpg) no-repeat center center;
	background-size: cover;
}

.guld ul li a {
	color: #fff;
	display: block;
	padding: 10%;
	width: 80%;
}

.guld ul li a:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.4);
}

.flow-s {
	background: url(../img/flow-s.jpg) no-repeat center center;
	background-size: cover;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
	width: 100% !important;
}

/* -------------------------------------------------------------------------------------

	Instagram

-------------------------------------------------------------------------------------- */

.instagram {
	max-width: 1120px;
	width: 100%;
	margin: 70px auto;
}

.instaWrap img {
	width: 96%;
	max-width: 500px;
}

.instaWrap {
	text-align: center;
}

.instaWrap a:hover {
	opacity: 0.7;
}

/* -------------------------------------------------------------------------------------

	フッターmap

-------------------------------------------------------------------------------------- */

#map_canvas {
	width: 100%;
	height: 300px;
}

/* -------------------------------------------------------------------------------------

	footer

-------------------------------------------------------------------------------------- */

footer {
	background: url(../img/foot-bg.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	padding: 70px 0 50px;
}

footer .foot {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto;
}

.f-logo {
	text-align: center;
	margin-bottom: 30px;
}

.f-tel:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.f-tel {
	width: 50%;
	margin: 0 auto 30px;
}

.f-tel li {
	list-style: none;
}

.f-tel li:first-child {
	width: 46%;
	float: left;
	text-align: center;
	color: #fff;
}

.f-tel li:first-child span {
	font-size: 180%;
}

.f-tel li:first-child a {
	color: #fff;
}

.f-tel li:last-child {
	width: 46%;
	float: right;
	text-align: center;
}

.f-tel li:last-child a {
	padding: 5%;
	display: block;
	color: #fff;
	background: #9d0a49;
	text-decoration: none;
	border-radius: 6px;
	width: 90%;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.f-tel li:last-child a:hover {
	padding: 5%;
	color: #fff;
	background: #000;
	border-radius: 6px;
	width: 90%;
}

.f-link {
	text-align: center;
	border-top: 1px solid #a1967a;
	border-bottom: 1px solid #a1967a;
	padding: 20px 0;
	color: #fff;
}

.f-link a {
	color: #fff;
}

.foot-mi {
	padding-top: 10px;
	color: #fff;
	text-align: center;
}

.banner {
	width: 100%;
	margin: 10px auto 30px;
}

.banner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.banner li {
	width: 18.4%;
	float: left;
	margin-right: 2%;
	list-style: none;
}

.banner li:nth-child(5n) {
	margin-right: 0%;
}

.banner li img {
	width: 100%;
	height: auto;
}

.c-copy {
	text-align: center;
	color: #fff;
}



.btn-cover {
	margin: 0 auto 50px;
	max-width: 300px;
	width: 94%;
}

.btn-cover a {
	padding: 5%;
	display: block;
	color: #fff;
	text-align: center;
	background: #9d0a49;
	text-decoration: none;
	border-radius: 6px;
	width: 90%;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn-cover a:hover {
	padding: 5%;
	color: #fff;
	background: #000;
	border-radius: 6px;
	width: 90%;
}


/*20170929　ヘッダー　追加*/

.reservation {
	width: 10%;
	margin-right: 13px;
	float: right;
	text-align: center;
}

.reservation li {
	list-style: none;
	line-height: 1.1em;
	font-family: Arial, Helvetica, "sans-serif";
	margin-bottom: 3px;
}

.reservation li a {
	padding: 5%;
	color: #fff;
	background: #9d0a49;
	border-radius: 6px;
	display: block;
	text-decoration: none;
	transition: all .3s;

}

.reservation li a:hover {
	background-color: #000;
}

.sale {
	width: 100%;
	min-height: 150px;
	font-size: 15px;
	font-weight: bold;
	color: #f00;
	text-align: center;
	background: url(../img/gentei.png) no-repeat;
	background-size: cover;
	line-height: 25px;
	margin: 5% auto 1%;
}

.sale p {
	width: 87%;
	text-align: center;
	margin: auto;
	padding-top: 20%;
}

dd.oil_kp {
	font-size: 1.3em;
	font-weight: bold;
	color: #3F51B5;
}

/*20200714　追加*/

.yobou {
	background-color: #FFF;
}