@charset "utf-8";

/* Common
----------------------------------------------------*/
.overlay {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(4,5,6,0.2);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 50;
}

.rule {
	background: url(../img/icon_ornament_hr.svg) no-repeat center center;
	border: none;
	height: 15px;
	margin-top: 0;
	margin-bottom: 0;
}

.wsnw {
	display: inline-block;
	white-space: nowrap;
}

.alertBox {
	background: #f2e122;
}

.alertBox .block {
	display: block;
	border-radius: 3px;
	text-align: center;
	padding: 30px;
	margin-top: 15px;
}

.alertBox .block:first-child {
	margin-top: 0;
}

.alertBox .icon {
	margin-bottom: 15px;
}

.alertBox .icon .image {
	display: block;
	width: 32px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
}

.alertBox p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 15px;
}

.alertBox p:first-of-type {
	margin-top: 0;
}

.alertBox .iBtnStack {
	margin-top: 30px;
}

.modal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.modal.active {
	visibility: visible;
	opacity: 1;
}

.modalDialog {
	width: 100%;
	height: 100%;
}

.modalContent {
	position: relative;
	background: #fff;
	background-clip: padding-box;
	height: 100%;
	opacity: 0;
	overflow: auto;
	padding: 10%;
	-webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal.active .modalContent {
	opacity: 1;
}

.modalClose {
	position: fixed;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
}

.modalClose .image {
	width: 24px;
	height: 24px;
}

.discStyleList {
	margin-left: 25px;
}

.discStyleList li {
	list-style-type: disc;
}

.reserveBadge {
	position: relative;
	display: table;
	width: 100%;
}

.reserveBadge:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	background: url(../img/icon_chevron-right.svg) no-repeat center center;
	width: 12px;
	height: 12px;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.reserveBadge .badge {
	display: table-cell;
	vertical-align: middle;
	width: 48px;
}

.reserveBadge .badge .icon {
	position: relative;
	display: block;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	padding: 12px;
}

.reserveBadge.phone .badge .icon {
	background: #52b53f;
}

.reserveBadge.web .badge .icon {
	background: #50a8d0;
}

.reserveBadge .badge .icon img {
	display: block;
	width: 24px;
	height: 24px;
}

.reserveBadge .note {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}

.reserveBadge .eyebrow {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}

.reserveBadge .headline {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
}

.reserveBadge .nb {
	font-size: 12px;
	font-size: 1.2rem;
}

.reserveCalendar .calender {
	background: #fff;
	border: 1px solid #040506;
	margin-left: auto;
	margin-right: auto;
}

.reserveCalendar .calender th,
.reserveCalendar .calender td {
	width: 40px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.reserveCalendar .calender thead th {
	background: #040506;
	font-weight: bold;
	color: #fff;
}

.reserveCalendar .calender td.today {
	color: #b81d20;
}

.reserveCalendar .calender td.enabled {
	cursor: pointer;
}

.reserveCalendar .calender td.enabled:hover {
	background: #52b53f;
	color: #fff;
}

.reserveCalendar .calender td.disabled {
	opacity: 0.3;
}

.reserveCalendar .calender .day {
	display: block;
	font-weight: bold;
}

.reserveCalendar .calender td.disabled .day {
	font-weight: normal;
}

.reserveCalendar .calender .status {
	display: block;
}



/* Global Header
----------------------------------------------------*/
.globalHeader {
	position: relative;
	background: #fff;
	width: 100%;
	height: 72px;
	z-index: 100;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.globalHeader .ghContent {
	position: fixed;
	top: 0;
	left: 0;
	background:url(/img/header_bg.png) repeat-x;
	width: 100%;
}

.globalHeader.sticky .ghContent {
	border-bottom: 1px solid #d4d5d6;
}

.globalHeader .ghContent > .inner {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
  position: relative;
}

.globalHeader .ghContent > .inner:before, .globalHeader .ghContent > .inner:after{
    content: "";
    position: absolute;
    z-index: 10000;
    height: 26px;
    width: 27px;
}
.globalHeader .ghContent > .inner:after{
    background: none;
    top: 23px;
    left: -40px;
}
.globalHeader .ghContent > .inner:before{
    background: none;
    top: 23px;
    right: -40px;
}
.globalHeader .ghLogo {
	display: block;
	position: absolute;
	left: 50%;
	padding-top: 20px;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.globalHeader .ghLogo .logo img {
	display: block;
	width: auto;
	height: 32px;
}

.globalHeader .spacer {
	-webkit-box-flex: 1; /* old */
	-moz-box-flex: 1; /* old */
	-ms-flex: 1; /* ie10 */
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.globalHeader .gnOpener {
	display: block;
	width: 72px;
	height: 72px;
	text-align: center;
}

.globalHeader .ghNav {
	display: none;
	position: fixed;
	top: 72px;
	left: 0;
	background: rgba(255,255,255,0.95);
	width: 100%;
	padding-bottom: 15px;
	z-index: 100;
}

.globalHeader .ghNav > .inner {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.globalHeader .ghNav .globalNav {
    font-size: 0;
	margin-top: 0;
}

.globalHeader .ghNav .globalNav > .item {
	display: block;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 45px;
	text-align: center;
}

.globalHeader .ghNav .globalNav .reserveLinks {
	border-radius: 3px;
	margin-top: 15px;
}

.globalHeader .ghNav .globalNav .reserveLinks > .item {
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	margin-top: 10px;
	padding: 15px;
}

.globalHeader .ghNav .globalNav .reserveLinks > .item:first-child {
	margin-top: 0;
}

.globalHeader .ghNav .globalNav .reserveBadge {
	line-height: inherit;
	text-align: left;
}

.globalHeader .ghNav .globalNav .reserveBadge.phone {
	border-color: #52b53f;
}

.globalHeader .ghNav .globalNav .reserveBadge.web {
	border-color: #50a8d0;
}

.globalHeader .ghNav .globalNav .reserveBadge:before {
	right: 15px;
}


/* Content
----------------------------------------------------*/
.main {
}

.main .mainContent {
	margin-left: auto;
	margin-right: auto;
}

.contentHeader {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.contentHeader .title {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 28px;
	font-size: 2.8rem;
}

.contentHeader .description {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 15px;
}

.article,
.section {
	width: 100%;
}

.articleHeader,
.sectionHeader {
	text-align: left;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.articleHeader .title,
.sectionHeader .title {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 24px;
	font-size: 2.4rem;
}

.sectionHeader .title {
	color: #d08e07;
}

.sectionHeader .subTitle {
	position: relative;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #52b53f;
	margin-top: 5px;
}

.sectionHeader .subTitle:before,
.sectionHeader .subTitle:after {
	content: "";
	display: inline-block;
	background: url(../img/icon_ornament_title.svg) no-repeat center center;
	width: 60px;
	height: 18px;
	vertical-align: -3px;
}

.sectionHeader .subTitle:before {
	margin-right: 15px;
}

.sectionHeader .subTitle:after {
	margin-left: 15px;
	transform: rotateY(180deg);
}

.articleHeader .description,
.sectionHeader .description {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 10px;
}

.articleContent,
.sectionContent {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

.article .section {
	margin-top: 60px;
	padding-left: 0;
	padding-right: 0;
}

.article .section:first-of-type {
	margin-top: 0;
}

.article .section .sectionContent {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

.container > .block {
	margin-top: 45px;
}

.container > .block:first-child {
	margin-top: 0;
}

.container > .block .box {
	margin-top: 30px;
}

.container > .block .box:first-child {
	margin-top: 0;
}

.subNav {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

.subNav .block {
	background: #f4f5f6;
	border-radius: 3px;
	margin-top: 30px;
	padding: 0 5px 5px;
}

.subNav .block:first-child {
	margin-top: 0;
}

.subNav .title {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 15px 10px;
}

.subNav ul {
	background: #fff;
	font-size: 13px;
	font-size: 1.3rem;
}

.subNav ul li {
	position: relative;
}

.subNav ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	background: url(../img/icon_chevron-right.svg) no-repeat center center;
	width: 12px;
	height: 12px;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.subNav ul li a {
	display: block;
	padding: 15px 10px;
}

.subNav .icon {
	display: inline-block;
	vertical-align: -8px;
	width: 24px;
	margin-right: 15px;
}

.subNav .icon img {
	display: block;
	width: 100%;
}

.subNav .nb {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 15px;
}

.flowContent > .item {
	position: relative;
	border: 1px solid #d4d5d6;
	border-radius: 5px;
	margin-top: 45px;
	padding: 20px;
}

.flowContent > .item:first-child {
	margin-top: 0;
}

.flowContent > .item:before {
	content: "";
	position: absolute;
	top: -36px;
	left: 50%;
	background: url(../img/icon_chevron-down.svg) no-repeat center center;
	width: 24px;
	height: 24px;
	-webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.flowContent > .item:first-child:before {
	content: none;
}

.flowContent > .item .title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.flowContent > .item .title .num {
	font-weight: bold;
	color: #52b53f;
	margin-right: 10px;
}

.flowContent > .item .description {
	font-size: 14px;
	font-size: 1.4rem;
}


/* Main Visual
----------------------------------------------------*/
.mainVisual {
}

.mainVisual .mvContent {
	position: relative;
}

.mvGallery {
	position: relative;
	overflow: hidden;
}

.mvGallery {
	height: 30vh;
}

.mvGallery > .item {
	position: absolute;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.mvDashboard {
	background: #f4f5f6;
	padding-top: 30px;
	padding-bottom: 30px;
}

.mvDashboard > .item {
	width: 90%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.mvDashboard > .item:first-child {
	margin-top: 0;
}

.mvDashboard .notice {
	border-top: 1px solid #d4d5d6;
	padding-top: 30px;
}

.mvDashboard .notice .title {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.mvDashboard .notice .noticeList {
	max-height: 50px;
	overflow-y: auto;
}

.mvDashboard .notice .noticeList > .item {
	display: table;
	margin-top: 5px;
}

.mvDashboard .notice .noticeList > .item:first-child {
	margin-top: 0;
}

.mvDashboard .notice .noticeList .date {
	display: table-cell;
	width: 60px;
	font-size: 11px;
	font-size: 1.1rem;
	color: #646566;
}

.mvDashboard .notice .noticeList .note {
	display: table-cell;
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 15px;
}

.mvBackground {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 30vh;
	min-height: 200px;
}

.mainVisual .contentHeader {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.access .note {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 40px;
}

.access .note p {
	margin-top: 30px;
}

.access .note p:first-child {
	margin-top: 0;
}

.access .map {
	width: 100%;
	height: 200px;
}

#access .access .map{
	width: 60%;
	float: left;
}
#access .mapimg img{
	width: 35%;
	float: right;
}

/* Top Page
----------------------------------------------------*/
.pageTop .sectionHeader {
	text-align: center;
	margin-bottom: 30px;
}

.pageTop .sectionHeader .title {
	color: inherit;
}

/* Greeting */
.greeting {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Menu */
.sectionMenu {
	background: url(../img/bg_treament2.png) no-repeat center center;
	background-size: cover;
}

.treatmentMenu {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple; /* old */
	-moz-box-lines: multiple; /* old */
	-ms-flex-wrap: wrap; /* ie10 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify; /* old */
	-moz-box-pack: justify; /* old */
	-ms-flex-pack: justify; /* ie10 */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: stretch; /* old */
	-moz-box-align: stretch; /* old */
	-ms-flex-align: stretch; /* ie10 */
	-webkit-align-items: stretch;
	align-items: stretch;
}

.treatmentMenu .item {
	width: 33.33%;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.treatmentMenu .item .frame {
	position: relative;
	display: block;
	background: #fff;
	height: 100%;
	padding: 20px;
}

.treatmentMenu .item .frame:hover {
	opacity: 1;
}

.treatmentMenu .item .frame:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #d4d5d6;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.treatmentMenu .item .frame:hover:before {
	border: 5px solid #343536;
}

.treatmentMenu .item .icon {
	display: block;
	width: 80%;
	max-width: 70px;
	margin-left: auto;
	margin-right: auto;
}

.treatmentMenu .item .icon img {
	display: block;
	width: 100%;
}

.treatmentMenu .item .title {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	margin-top: 15px;
	margin-left: -10px;
	margin-right: -10px;
}

/* Flow & About */
.sectionFlowAbout {

}

.sectionFlowAbout > .sectionContent {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

.flowAbout .image {
	margin-bottom: 30px;
}

.flowAbout .image img {
	display: block;
	width: 100%;
}

.flowAbout .sectionHeader {
	margin-bottom: 30px;
}

.flowAbout .headline {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}

.flowAbout .link {
	margin-top: 30px;
}

/* Reservation */
.sectionReservation {
	background: url(../img/bg_reservation.jpg) no-repeat center center;
	background-size: cover;
}

.reserveLinks > .item {
	margin-top: 30px;
}

.reserveLinks > .item:first-child {
	margin-top: 0;
}

.reserveStatus {
	margin-top: 45px;
	text-align: center;
}

.reserveStatus > .title {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.reserveStatus > .title:before,
.reserveStatus > .title:after {
	content: "";
	display: inline-block;
	vertical-align: 4px;
	background: #040506;
	width: 40px;
	height: 2px;
}

.reserveStatus > .title:before {
	margin-right: 10px;
}

.reserveStatus > .title:after {
	margin-left: 10px;
}

.reserveStatus .reserveCalendar {
}

.reserveStatus .reserveCalendar > .item {
	margin-top: 15px;
}

.reserveStatus .reserveCalendar > .item:first-child {
	margin-top: 0;
}



/* 予約calendar
----------------------------------------------------*/
.section.page p{
  font-size: 1.4rem;
}
.section.page{
  width: 1000px;
  margin: 60px  auto;
}

.page h2{
  color: #d08e07;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-size: 24px;
  font-size: 2.4rem;
}
h3.calendar-title{
  display: none;
}

.day-number{
  font-size: 1.4rem;
}
.page .calendar-time-mark, .calendar-mark{
  font-size: 1.7rem;
}

.calendar-caption {
	position: relative;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	color: #52b53f;
	margin-bottom: 10px;
	margin-left: 26px;
}
tr.week-row{
  border-bottom: 1px solid #525151;
}

.mtssb-timetable-name, .mtssb-timetable-date{
  font-size: 1.4rem;
}

/* Access */
.sectionAccess {
}


/* Flow
----------------------------------------------------*/
.promise .title {
	position: relative;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	color: #52b53f;
	margin-bottom: 10px;
	margin-left: 26px;
}

.promise .title:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -26px;
	background: url(../img/icon_ornament.svg) no-repeat center center;
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

.promise .description {
	font-size: 14px;
	font-size: 1.4rem;
}

.flow .reserveLinks {
	margin-top: 30px;
	margin-bottom: 15px;
}


/* About
----------------------------------------------------*/
.philosophy {
	font-size: 14px;
	font-size: 1.4rem;
}

.philosophy .title {
	position: relative;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	color: #52b53f;
	margin-bottom: 10px;
	margin-left: 26px;
}

.philosophy .title:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -26px;
	background: url(../img/icon_ornament.svg) no-repeat center center;
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

.philosophy .description > * {
	margin-top: 10px;
}

.philosophy .description > *:first-child {
	margin-top: 0;
}

.staffIntro {
	font-size: 13px;
	font-size: 1.3rem;
}

.staffIntro .image {
	width: 100%;
}

.staffIntro .image img {
	display: block;
	width: 100%;
}

.staffIntro .copy {
	width: 100%;
	margin-top: 30px;
}

.staffIntro .position {
	font-size: 13px;
	font-size: 1.3rem;
}

.staffIntro .name {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 24px;
	font-size: 2.4rem;
}

.staffIntro .greeting {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
	margin-top: 15px;
}

.staffIntro .career {
	font-size: 12px;
	font-size: 1.2rem;
	color: #343536;
	margin-top: 15px;
}

.staffIntro .schedule{
  width: 50%;
  margin: 20px auto;
}
.staffIntro .schedule table, .staffIntro .schedule table {
	width: 100%;
	border-bottom: 1px solid #343536;
}

.staffIntro .schedule table tr{
	border-top: 1px solid #343536;
}

.staffIntro .schedule table th,
.staffIntro .schedule table td {
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.staffIntro .schedule table thead th {
}

.staffIntro .schedule table tbody th {
	width: 90px;
}

.staffIntro .schedule table tbody td {
}

.staffIntro .schedule .nb {
	font-size: 11px;
	font-size: 1.1rem;
	text-align: right;
	margin-top: 10px;
}

/* Treatment
----------------------------------------------------*/
.treatment .description {
	font-size: 14px;
	font-size: 1.4rem;
}

.treatment .image img {
	display: block;
	width: 100%;
}

.treatment .priceList table {
	border: 1px solid #f90;
	width: 100%;
}

.treatment .priceList th,
.treatment .priceList td {
	vertical-align: middle;
	border-bottom: 1px solid #f90;
	padding: 10px;
}

.treatment .priceList td {
	width: 120px;
	text-align: right;
}

.treatment .priceList li:first-child {
	border-top: none;
}

.treatment .priceList .title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.treatment .priceList .description {
	font-size: 12px;
	font-size: 1.2rem;
}

.treatment .priceList .price {
	font-size: 14px;
	font-size: 1.4rem;
}

.treatment .priceList .nb {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 15px;
}

.treatment .imageColumns > .column.image {
	margin-top: 15px;
}

.treatment .block > .title {
	border-bottom: 1px solid #d4d5d6;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
}


/* FAQ
----------------------------------------------------*/
.pageFaq .section{
  position: relative;
}
.pageFaq .mvDashboard{
  top:5px;
  bottom: auto;
}

.pageFaq .sectionContent{
  padding-top: 110px;
}
.faqList {
	font-size: 14px;
	font-size: 1.4rem;
}

.faqList .question,
.faqList .answer {
	position: relative;
	border-left-width: 2px;
	border-left-style: solid;
	margin-left: 35px;
	padding-left: 15px;
}

.faqList .question {
	border-color: #52b53f;
	font-weight: bold;
	color: #52b53f;
	margin-top: 60px;
}

.faqList .question:first-of-type {
	margin-top: 0;
}

.faqList .answer {
	border-color: #f8cb08;
	margin-top: 15px;
}

.faqList .question:before,
.faqList .answer:before {
	position: absolute;
	top: 0;
	left: -35px;
    line-height: 20px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}

.faqList .question:before {
	content: "Q";
	color: #52b53f;
}

.faqList .answer:before {
	content: "A";
	color: #f8cb08;
}


/* Thanks
----------------------------------------------------*/
.thanks .description {
	font-size: 14px;
	font-size: 1.4rem;
}

.thanks .link {
	margin-top: 45px;
}


/* Not Found
----------------------------------------------------*/
.notFound .description {
	font-size: 16px;
	font-size: 1.6rem;
}

.notFound .link {
	margin-top: 45px;
}


/* Footer
----------------------------------------------------*/
.globalFooter {
	background: #fff;
}

.globalFooter .gfTop {
	background: #f4f5f6;
}

.globalFooter .gfBottom {
	background: #29751b;
	color: #fff;
}

.globalFooter .gfContent {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.globalFooter .gfTop .gfContent {
	padding-top: 30px;
	padding-bottom: 30px;
}

.globalFooter .gfBottom .gfContent {
	padding-top: 15px;
	padding-bottom: 15px;
}

.globalFooter .gfContent > .column {
	border-top: 1px solid #d4d5d6;
	margin-top: 30px;
	padding-top: 30px;
}

.globalFooter .gfContent > .column:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.globalFooter .gfNav {
	font-size: 12px;
	font-size: 1.2rem;
}

.globalFooter .gfNav > .column {
}

.globalFooter .gfNav ul {
	margin-top: 15px;
	margin-left: 15px;
}

.globalFooter .gfNav > ul {
	margin-left: 0;
}

.globalFooter .gfNav ul:first-child {
	margin-top: 0;
}

.globalFooter .gfNav ul li {
	position: relative;
	margin-top: 15px;
}

.globalFooter .gfNav ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	background: url(../img/icon_chevron-right.svg) no-repeat center center;
	width: 12px;
	height: 12px;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.globalFooter .gfNav ul li:first-child {
	margin-top: 0;
}

.globalFooter .gfNav > ul > li > a,
.globalFooter .gfNav > ul > li > span {
	font-weight: bold;
}

.globalFooter .officeInfo {
	font-size: 12px;
	font-size: 1.2rem;
}

.globalFooter .officeInfo .gfLogo {
    max-width: 240px;
}

.globalFooter .officeInfo .gfLogo img {
	display: block;
	width: 100%;
}

.globalFooter .officeInfo .note {
	margin-top: 15px;
}

.globalFooter .officeInfo .schedule {
	margin-top: 15px;
}

.globalFooter .officeInfo .schedule table {
	width: 100%;
	border-bottom: 1px solid #343536;
}

.globalFooter .officeInfo .schedule table tr{
	border-top: 1px solid #343536;
}

.globalFooter .officeInfo .schedule table th,
.globalFooter .officeInfo .schedule table td {
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.globalFooter .officeInfo .schedule table thead th {
}

.globalFooter .officeInfo .schedule table tbody th {
	width: 120px;
}

.globalFooter .officeInfo .schedule table tbody td {
}

.globalFooter .officeInfo .schedule .nb {
	font-size: 11px;
	font-size: 1.1rem;
	text-align: right;
	margin-top: 10px;
}

.globalFooter .copyright {
	font-size: 11px;
	font-size: 1.1rem;
	text-align: center;
}


@media screen and (min-width: 480px){
/* Content
----------------------------------------------------*/
/* Menu */
.treatmentMenu .item .frame {
}

.treatmentMenu .item .icon {
}

/* Reservation */
.reserveStatus .reserveCalendar {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center; /* old */
	-moz-box-pack: center; /* old */
	-ms-flex-pack: center; /* ie10 */
	-webkit-justify-content: center;
	justify-content: center;
}

.reserveStatus .reserveCalendar > .item {
	margin-top: 0;
	margin-left: 7.5px;
	margin-right: 7.5px;
}

}


@media screen and (min-width: 768px){
/* Common
----------------------------------------------------*/
.reserveBadge:before {
	content: none;
}

.imageColumns {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
}


/* Global Header
----------------------------------------------------*/
.globalHeader .gnOpener {
	display: none;
}

.globalHeader .ghContent {
	padding-left: 30px;
	padding-right: 30px;
}

.globalHeader .ghLogo {
	position: relative;
	left: auto;
	padding-top: 16px;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

.globalHeader .ghLogo .logo img {
	height: 40px;
}

.globalHeader .ghNav {
	position: relative;
	top: auto;
	left: auto;
	display: block;
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}

.globalHeader .ghNav > .inner {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	width: 100%;
	padding-left: 30px;
}

.globalHeader .ghNav .globalNav > .item {
	position: relative;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 72px;
	padding-left: 7px;
	padding-right: 7px;
  color: #FFF;
}

.globalHeader .ghNav .globalNav > .item:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
  background: #FFF;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.globalHeader .ghNav .globalNav > .item:hover {
	opacity: 1;
}

.globalHeader .ghNav .globalNav > .item.active {
	font-weight: bold;
	color: #FFF;
	cursor: default;
}

.globalHeader .ghNav .globalNav > .item:hover:before,
.globalHeader .ghNav .globalNav > .item.active:before {
	width: 100%;
}

.globalHeader .ghNav .globalNav .reserveLinks {
	display: none;
}


/* Content
----------------------------------------------------*/
.main.multiColumns {
	padding-left: 30px;
	padding-right: 30px;
}

.main.multiColumns .mainContent {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	max-width: 960px;
}

.main.multiColumns .mainContent > .column.mainColumn {
	-webkit-box-ordinal-group: 2; /* old */
	-moz-box-ordinal-group: 2; /* old */
	-ms-flex-order: 2; /* ie10 */
	-webkit-order: 2;
	order: 2;
	width: 72%;
}

.main.multiColumns .mainContent > .column.subColumn {
	-webkit-box-ordinal-group: 1; /* old */
	-moz-box-ordinal-group: 1; /* old */
	-ms-flex-order: 1; /* ie10 */
	-webkit-order: 1;
	order: 1;
	width: 28%;
	margin-right: 5%;
}

.contentHeader {
	width: 100%;
	max-width: 960px;
}

.article,
.section {
	padding-left: 30px;
	padding-right: 30px;
}

.main.multiColumns .article,
.main.multiColumns .section {
	padding-left: 0;
	padding-right: 0;
}

.articleHeader,
.sectionHeader {
	width: 100%;
	max-width: 960px;
}

.articleContent,
.sectionContent {
	width: 100%;
	max-width: 960px;
}

.subNav {
	width: 100%;
}

.subNav ul li:before {
	content: none;
}

.subNav ul li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #52b53f;
	width: 0;
	height: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.subNav ul li:hover:after,
.subNav ul li.active:after {
	width: 3px;
}

.subNav ul li.active a {
	font-weight: bold;
	color: #52b53f;
	cursor: default;
}


/* Main Visual
----------------------------------------------------*/
.mainVisual {
}

.mvGallery {
	height: 500px;
}

.mvDashboard {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple; /* old */
	-moz-box-lines: multiple; /* old */
	-ms-flex-wrap: wrap; /* ie10 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch; /* old */
	-moz-box-align: stretch; /* old */
	-ms-flex-align: stretch; /* ie10 */
	-webkit-align-items: stretch;
	align-items: stretch;
	position: absolute;
	bottom: 30px;
	background: rgba(255,255,255,.95);
	border-radius: 3px;
	left: 50%;
	width: 25%;
	max-width: 960px;
	margin-top: 0;
	padding: 25px;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.mvDashboard > .item {
	width: 50%;
	margin-top: 0;
	padding-left: 30px;
}

.mvDashboard > .item:first-child {
	padding-left: 0;
}

.mvDashboard .notice {
	width: 100%;
	margin-top: 30px;
	padding-left: 0;
}


/* Top Page
----------------------------------------------------*/
/* Greeting */
.greeting {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}

/* Menu */
.treatmentMenu .item {
	width: 16.66%;
}

.treatmentMenu .item .title {
	margin-top: 30px;
}

/* Flow & About */
.sectionFlowAbout .sectionContent:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.sectionFlow {
	float: left;
	width: 50%;
	padding-left: 0;
	padding-right: 15px;
}

.sectionAbout {
	float: right;
	width: 50%;
	padding-left: 15px;
	padding-right: 0;
}

/* Reservation */

.reserveLinks {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center; /* old */
	-moz-box-pack: center; /* old */
	-ms-flex-pack: center; /* ie10 */
	-webkit-justify-content: center;
	justify-content: center;
}

.reserveLinks > .item {
	margin-top: 0;
	padding-left: 30px;
	padding-right: 30px;
}

.reserveLinks .reserveBadge {
	width: auto;
}

.reservation p{
  text-align: center;
  padding: 30px 0;
  font-size: 1.6rem;
}
.reservation p a{
  text-decoration: underline;
}
.reservation p a:hover{
  color: #50a8d0;
}

/* Access */
.access .map {
	height: 340px;
}


/* Flow
----------------------------------------------------*/
.flow .reserveLinks {

}

/* About
----------------------------------------------------*/
.staffIntro .image {
	width: 40%;
}

.staffIntro .copy {
	width: 50%;
	margin-top: 0;
	margin-left: 5%;
	margin-bottom: 3%;
}


/* Treatment
----------------------------------------------------*/
.treatment .imageColumns > .column.copy {
	width: 60%;
	padding-right: 5%;
}

.treatment .imageColumns > .column.image {
	width: 40%;
	margin-top: 0;
}


/* Not Found
----------------------------------------------------*/
.notFound .description {
	text-align: center;
}


/* Footer
----------------------------------------------------*/
.globalFooter .gfTop,
.globalFooter .gfBottom {
	padding-left: 30px;
	padding-right: 30px;
}

.globalFooter .gfContent {
	width: 100%;
	max-width: 960px;
}

.globalFooter .gfTop .gfContent {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	padding-top: 45px;
	padding-bottom: 45px;
}

.globalFooter .gfBottom .gfContent {
	padding-top: 15px;
	padding-bottom: 15px;
}

.globalFooter .gfContent > .column {
	border-top: none;
	width: 50%;
	margin-top: 0;
	padding-top: 0;
}

.globalFooter .gfNav {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
}

.globalFooter .gfNav > .column {
	width: 50%;
	margin-top: 0;
}

.globalFooter .gfNav ul {
	margin-top: 10px;
	margin-left: 10px;
}

.globalFooter .gfNav > ul {
	margin-left: 0;
}

.globalFooter .gfNav ul li {
	margin-top: 10px;
}

.globalFooter .gfNav ul li:before {
	content: none;
}

}


@media screen and (min-width: 960px){
/* Content
----------------------------------------------------*/
/* Main Visual
----------------------------------------------------*/
.mvDashboard {
	-webkit-box-lines: single; /* old */
	-moz-box-lines: single; /* old */
	-ms-flex-wrap: nowrap; /* ie10 */
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.mvDashboard > .item {
	width: 33.33%;
}

.mvDashboard .reserveBadge {
	min-width: 275px;
}

.mvDashboard .reserveBadge.phone {
	-webkit-box-ordinal-group: 2; /* old */
	-moz-box-ordinal-group: 2; /* old */
	-ms-flex-order: 2; /* ie10 */
	-webkit-order: 2;
	order: 2;
}

.mvDashboard .reserveBadge.web {
	-webkit-box-ordinal-group: 3; /* old */
	-moz-box-ordinal-group: 3; /* old */
	-ms-flex-order: 3; /* ie10 */
	-webkit-order: 3;
	order: 3;
}

.mvDashboard .notice {
	-webkit-box-ordinal-group: 1; /* old */
	-moz-box-ordinal-group: 1; /* old */
	-ms-flex-order: 1; /* ie10 */
	-webkit-order: 1;
	order: 1;
	border: none;
	margin-top: 0;
	padding-top: 0;
	padding-right: 30px;
}

}


@media screen and (min-width: 1024px){

}


@media screen and (min-width: 1280px) {

}