@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600&display=swap');

@media screen and (min-width: 768px) {
	#wrapper {
	}
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		color: #604c3f;
	}
	/*--お客様の声--*/
	#contents .voiceinfo-box {
		width: 100%;
		margin: 50px auto 0;
		background: #f5f2ef;
		text-align: center;
		padding: 30px;
	}
	#contents .voiceinfo-box p {
		font-size: 18px;
		color: #f39800;
		text-align: center;
		font-weight: 500;
	}
	.service #contents a.more {
		margin: 20px auto 0;
	}
/*-------------------------------
HEADER
-------------------------------*/
	#globalHeader {
		position:static;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		padding: 10px 0 0;
		background-color: #fff;
	}
	#globalHeader.show.num2 nav li:nth-of-type(3) .mega-menu {
		transform: scale(1, 1) !important;
		z-index: 1000;
		display: block;
	}
  #globalHeader.show.num3 nav li:nth-of-type(4) .mega-menu {
    transform: scale(1, 1) !important;
		z-index: 1000;
		display: block;
	}
	#globalHeader > .inner:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	#globalHeader > .inner {
		max-width: 1100px;
		margin: 0 auto;padding-bottom: 10px;
		zoom: 1;
	}
	#globalHeader > .inner .copy {
		text-align: center;
		color: #604c3f;
		font-size: 12px;
	}
	#globalHeader > .inner .logo {
		float: left;
		margin: 5px 0 0;
	}
	#globalHeader > .inner .navi-utility {
		float: right;
	}
	#globalHeader > .inner .navi-utility .salon {
		color: #333;
		margin: 5px 0 5px;
	}
	#globalHeader > .inner .navi-utility .salon li {
		color: #333;
		display: inline-block;
		margin-left: 0.5rem;
	}
	#globalHeader > .inner .navi-utility .salon li span {
		color: #f39800;
		font-size: 22px;
	}
	#globalHeader > .inner .navi-utility .salon-info {
		color: #604c3f;
		font-size: 14px;
		text-align: right;
	}
	#globalHeader > nav {
		width: 100%;
		background: #8c6e57;
		position: relative;
	}
	#globalHeader > nav > .nav-inner {
		max-width: 1100px;
		display: flex;
    justify-content:space-around;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    -webkit-align-items: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
		margin: 0 auto;
	}
	#globalHeader > nav > .nav-inner > li {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		color: #fff;
	}
	#globalHeader > nav > .nav-inner > li > a {
		line-height: 55px;
		display: block;
		font-size: 16px;
		color: #fff;
		font-family: 'Noto Serif JP','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		text-decoration: none;
		font-weight: 400;
	}
	#globalHeader > nav > .nav-inner > li > a:hover {
		color: #fabd56;
	}
	#globalHeader .mega-menu {
		display: none;
		position:absolute;
		top: 55px;
		left: 0;
		width: 100%;
		padding: 10px;
		background: rgba(185, 152, 104, 1);
		transition: 0.3s;
		transform: scale(1, 0);
		transform-origin: center top;
		text-align: left; }
	#globalHeader .mega-menu p:not(:nth-of-type(3)) {
		margin-top: 25px; }
	#globalHeader .mega-menu .title span:nth-of-type(3) {
		font-size: 28px;
		font-weight: bold;
		color: #fff; }
	#globalHeader .mega-menu .title span:nth-of-type(4) {
		margin-left: 10px;
		font-size: 14px;
		color: #ef6e29; }
	#globalHeader .mega-menu ul {
		max-width: 1100px;
		margin: 10px auto;
		text-align: left; }
	#globalHeader .mega-menu ul:before, #globalHeader .mega-menu ul:after {
		content: "";
		display: table; }
	#globalHeader .mega-menu ul:after {
		clear: both; }
	#globalHeader .mega-menu ul {
		zoom: 1; }
	#globalHeader .mega-menu ul li {
		float: left;
		width: calc(92% / 5); }
	#globalHeader .mega-menu ul li:not(:nth-of-type(5n+1)) {
		margin-left: 2%; }
	#globalHeader .mega-menu ul li:not(:nth-of-type(-n+5)) {
		margin-top: 15px; }
	#globalHeader .mega-menu ul li a {
		display: block;
		text-align: center;
		text-decoration: none; }
	#globalHeader .mega-menu ul li a span {
		display: block;
		margin-top: 3px;
		font-size: 14px;
		color: #fff; }
	#globalHeader .mega-menu ul li a:hover {
		opacity: 0.7;
	}
	/*-------------------------------
	CONTENTS
	-------------------------------*/
	#contents {
		/*padding-top: 167px;*/
	}
	#contents .contents-inner {
		max-width: 1100px;
		margin: 0 auto;
	}
	.sub #contents .contents-inner {
		max-width: 980px;
		margin: 0 auto;
	}
	.sub #contents .c-box-banner .contents-inner {
		max-width: 1100px;
		margin: 0 auto;
	}
	/*-------------------------------
	Title
	-------------------------------*/
  #contents .section-title {
		color: #937c6b;
  	position: relative;
		font-family: 'Noto Serif JP','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		font-size: 20px;
		position: relative;
  	text-align: center; /* 文字の中央寄せ */
		margin-bottom: 60px;
	}
  #contents .section-title span {
    display: block;
		color: #604c3f;
		font-size: 36px;
		line-height: 1.2;
		font-weight: 500;
	}
	.section-title::before {
		background-color: #f39800; /* 線の色 */
		border-radius: 5px; /* 線の両端を丸く */
		bottom: -18px; /* 線の位置 */
		content: "";
		height: 4px; /* 線の高さ */
		left: 0; /* 線の中央寄せ */
		margin-inline: auto; /* 線の中央寄せ */
		position: absolute;
		right: 0; /* 線の中央寄せ */
		width: 70px; /* 線の長さ */
	}
  /*-------------------------------
  TEXT
  -------------------------------*/
	#contents .read {
		text-align: center;
		font-size: 16px;
		margin-bottom: 40px;
		line-height: 1.8;
		font-weight: 400;
	}
	#contents .description {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 30px;
	}
	#contents .caption {
		font-size: 14px;
		line-height: 1.4;
		font-weight: 300;
		text-align: center;
		margin: 8px auto;
	}
	#contents .att {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.8;
	}
  /*-------------------------------
  Botton
  -------------------------------*/
	#contents a.more {
		max-width: 280px;
		text-align: center;
		padding: 10px 10px;
		margin: 30px auto 0;
		border: 2px solid #ae720a;
		color: #ae720a;
		display: block;
		background: url("../images/common/ico_arrow_right.png")no-repeat 96% center #fff;
		background-size: 7px;
		font-size: 18px;
		border-radius: 8px;
		text-decoration: none;
		font-weight: 400;
		font-family: 'Noto Serif JP',serif;
	}
	#contents a.more:hover {
		opacity: 0.75;
	}
  /*-------------------------------
  BANNER
  -------------------------------*/
	#contents .c-box-banner {
		width: 100%;
		padding: 50px 0;
	}
	#contents .c-box-banner .banner-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    margin: 0 auto;
	}
	#contents .c-box-banner .banner-box li {
		width: 260px;
	}
	#contents .c-box-banner .banner-box li a:hover {
		opacity: 0.75;
	}
  /*-------------------------------
  FOOTER
  -------------------------------*/
  #globalFooter .inner {
    padding: 40px 0 20px;
    background-color: #8c6e57;
	}
	#globalFooter .inner .list {
		max-width: 1100px;
		width: 100%;
		margin: 0 auto; }
	#globalFooter .inner .list:before, #globalFooter .inner .list:after {
		content: "";
		display: table; }
	#globalFooter .inner .list:after {
		clear: both; }
	#globalFooter .inner .list {
		zoom: 1; }
	#globalFooter .inner .list > div {
		float: left;
	}
	#globalFooter .inner .list > div:nth-of-type(1) {
		width: 18%;
	}
	#globalFooter .inner .list > div:nth-of-type(2) {
		width: 26%;
	}
	#globalFooter .inner .list > div:nth-of-type(3) {
		width: 32%;
		padding-left: 15px;
	}
	#globalFooter .inner .list > div:nth-of-type(4) {
		float:right;
		width: 240px;
	}
	#globalFooter .inner .list > div a {
		color: #fff;
		text-decoration: none; }
	#globalFooter .inner .list > div .title{
		color: #fff;
		font-weight: 500;
	}	
	#globalFooter .inner .list > div .title a {
		font-size: 15px;
		font-weight: 500;
		display: block;
	}
	#globalFooter .inner .list > div a:hover {
		text-decoration: underline;
	}
	#globalFooter .inner .list > div:nth-of-type(1) .title a {
		margin-bottom: 20px;
	}
	#globalFooter .inner .list > div li {
		margin-top: 8px;
		padding-left: 16px;
		font-size: 14px;
		color: #fff;
		font-weight: 300;
	}
	#globalFooter .inner .list > div:nth-of-type(3) li {
		margin-top: 12px;
	}
	#globalFooter .inner .list > div ul {
		margin-bottom: 10px;
	}
	#globalFooter .inner .list > div li a {
		font-size: 14px;
		font-weight: 300; }
  #globalFooter .copyright {
    display: block;
    padding: 20px 0;
    font-size: 14px;
    color: #333333;
    text-align: center;
	}
	#globalFooter .inner .list > div:nth-of-type(4) ul.sns {
		margin-top: 10px;
		width: 100%;
	}
	#globalFooter .inner .list > div:nth-of-type(4) ul.sns li {
		display: inline-block;
		margin-right: 10px;
		padding-left: 0!important;
	}
	#globalFooter .inner2 {
		width: 100%;
		background: #604c3f;
		padding: 20px 0;
		margin: 0 auto;
	}
	#globalFooter .inner2 .last-footer {
		width: 1100px;
		display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
		background: #604c3f;
		margin: 0 auto;
	}
	#globalFooter .inner2 .last-footer li {
		font-size: 14px;
		color: #fff;
		font-weight: 300;
	}
	#globalFooter .inner2 .last-footer li a {
		font-size: 14px;
		color: #fff;
		text-decoration: none;
	}
	#globalFooter .inner2 .last-footer li a:hover {
		text-decoration:underline;
	}
	.bt-online {
		position: fixed;
    top: 220px;
    right: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 99;
	}
	.bt-online a {
		width: 42px;
		text-align: center;
		font-size: 18px;
		line-height: 1.2;
		text-decoration: none;
		position: relative;
    display: inline-block;
    padding: 45px 12px 15px;
    color: #fff;
    background: #f39800;
	}
	.bt-online a::before {
    content:url("../images/common/ico_online.png");
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: translateX(-48%);
    transform: translateX(-48%);
	}
	.to-top {
		position: fixed;
		bottom: 50px;
		right: 20px;
		z-index: 10;
	}
}
@media screen and (max-width: 767px) {
  body {
    padding-top: 50px;
		padding-bottom: 50px;
	}
	body.fixed{
		position: fixed;
		width:100%;
	}
	/*--お客様の声--*/
	#contents .voiceinfo-box {
		width: 100%;
		margin: 30px auto 0;
		background: #f5f2ef;
		text-align: center;
		padding: 20px;
	}
	#contents .voiceinfo-box p {
		font-size: 15px;
	}
  /*-------------------------------
  HEADER
  -------------------------------*/
  #globalHeader {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff; }
  #globalHeader .inner {
		position: relative;
		z-index: 10;
		background-color: #fff; }
	#globalHeader .inner:before, #globalHeader .inner:after {
		content: "";
		display: table; }
  #globalHeader .inner:after {
		clear: both; }
   #globalHeader .inner {
		zoom: 1; }
	#globalHeader > .inner .copy {
		display: none;
	}
	#globalHeader .logo {
		float: left;
		padding: 5px 10px 0; }
	#globalHeader .logo img {
		max-width: 130px; 
	}
	#globalHeader .sp-btn {
		float: right;
		width: 50px;
		height: 50px;
		background: url("../images/common/cmn_btn02.png") no-repeat;
		background-size: 50px 50px; }
	#globalHeader .sp-btn.on {
		background: url("../images/common/cmn_btn03.png") no-repeat;
		background-size: 50px 50px;
	}
	#globalHeader .navi-utility {
		display: none;
	}
	#globalHeader .sp-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 50px;
		overflow-y: scroll;
		display: none; 
	}
	#globalHeader .sp-menu.show {
		display: block;
	}
	#globalHeader .sp-menu > ul {
		background-color: #8c6e57;
	}
	#globalHeader .sp-menu > ul > li.accordion > a {
		background: url("../images/common/cmn_icn11.png") no-repeat 95% center;
		background-size: 16px auto;
	}
	#globalHeader .sp-menu > ul > li.accordion > a.on {
		background: url("../images/common/cmn_icn10.png") no-repeat 95% center;
		background-size: 16px auto; 
	}
	#globalHeader .sp-menu > ul > li > a {
		display: block;
		padding: 12px 20px;
		font-size: 16px;
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid #fff;
	}
	#globalHeader .sp-menu > ul > li > a span:nth-of-type(1) {
		font-size: 18px;
		font-weight: bold;
	}
	#globalHeader .sp-menu > ul > li > a span:nth-of-type(2) {
		padding-left: 5px;
		font-size: 12px;
		font-weight: 200;
	}
	#globalHeader .sp-menu > ul > li ul {
		display: none; 
	}
	#globalHeader .sp-menu > ul > li ul li a {
		display: block;
		padding: 10px 30px;
		color: #fff;
		text-decoration: none;
		font-size: 15px;
		background-color: #b99868;
		border-bottom: 1px solid #fff;
	}
	#globalHeader .sp-menu > ul > li ul li a span {
		font-size: 13px;
	}
	/*-------------------------------
	CONTENTS
	-------------------------------*/
	#contents .contents-inner {
		max-width: 100%;
		padding: 0 15px;
		margin: 0 auto;
	}
	.sub #contents .contents-inner {
		max-width: 100%;
		margin: 0 auto;
	}
	.sub #contents .c-box-banner .contents-inner {
		max-width: 100%;
		margin: 0 auto;
	}
  /*-------------------------------
  Title
  -------------------------------*/
  #contents .section-title {
		color: #937c6b;
  	position: relative;
		font-family: 'Noto Serif JP','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		font-size: 16px;
		position: relative;
  	text-align: center; /* 文字の中央寄せ */
		margin-bottom: 30px;
	}
  #contents .section-title span {
    display: block;
		color: #604c3f;
		font-size: 22px;
		line-height: 1.2;
		font-weight: 500;
	}
	.section-title::before {
		background-color: #f39800; /* 線の色 */
		bottom: -16px; /* 線の位置 */
		content: "";
		height: 3px; /* 線の高さ */
		left: 0; /* 線の中央寄せ */
		margin-inline: auto; /* 線の中央寄せ */
		position: absolute;
		right: 0; /* 線の中央寄せ */
		width: 50px; /* 線の長さ */
	}
	/*-------------------------------
	TEXT
	-------------------------------*/
	#contents .read {
		text-align: left;
		font-size: 14px;
		margin-bottom: 15px;
		line-height: 1.8;
		font-weight: 300;
	}
	#contents .description {
		font-size: 14px;
		line-height: 1.8;
		margin-bottom: 30px;
	}
	#contents .caption {
		font-size: 14px;
		line-height: 1.6;
		font-weight: 300;
		margin-top: 5px;
		text-align: center;
	}
	#contents .att {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.8;
	}
  /*-------------------------------
  Botton
  -------------------------------*/
	#contents a.more {
		max-width: 90%;
		text-align: center;
		padding: 10px 10px;
		margin: 20px auto 0;
		border: 2px solid #ae720a;
		color: #ae720a;
		display: block;
		background: url("../images/common/ico_arrow_right.png")no-repeat 96% center #fff;
		background-size: 7px;
		font-size: 16px;
		border-radius: 8px;
		text-decoration: none;
		font-weight: 400;
		font-family: 'Noto Serif JP',serif;
	}
	#contents a.more:hover {
		opacity: 0.75;
	}
  /*-------------------------------
  BANNER
  -------------------------------*/
	#contents .c-box-banner {
		width: 100%;
		padding: 20px 0 0;
	}
	#contents .c-box-banner .banner-box {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		-webkit-align-items: center;
		flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
		margin: 0 auto;
	}
	#contents .c-box-banner .banner-box li {
		width: 48%;
		margin-bottom: 15px;
	}
	#contents .c-box-banner .banner-box li:nth-child(n+3) {
		margin-bottom: 0;
	}
  /*-------------------------------
  FOOTER
  -------------------------------*/
  #globalFooter .inner { }
	#globalFooter .inner .list > div:nth-of-type(1),#globalFooter .inner .list > div:nth-of-type(2),#globalFooter .inner .list > div:nth-of-type(3) {
		display: none;
	}
	#globalFooter .inner .list > div:nth-of-type(4) figure {
		display: none;
	}
	#globalFooter .inner .list > div:nth-of-type(4) ul.sns {
		margin-top: 10px;
		width: 100%;
		text-align: center;
		padding: 10px 0 15px;
	}
	#globalFooter .inner .list > div:nth-of-type(4) ul.sns li {
		display: inline-block;
		margin-right: 20px;
		padding-left: 0!important;
	}
	#globalFooter .inner .list > div:nth-of-type(4) ul.sns li:last-child {
		margin-right: 0;
	}
	#globalFooter .inner .list > div:nth-of-type(4) ul.sns li img {
		max-height: 36px;
		width: auto;
	}
	#globalFooter .inner2 {
		width: 100%;
		background: #604c3f;
		padding: 10px 0;
		margin: 0 auto;
	}
	#globalFooter .inner2 .last-footer {
		width: 100%;
		display:block;
		margin: 0 auto;
	}
	#globalFooter .inner2 .last-footer li {
		text-align: center;
		margin-bottom: 8px;
		font-size: 13px;
		color: #fff;
		font-weight: 300;
	}
	#globalFooter .inner2 .last-footer li a {
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		ont-weight: 500;
	}
	#globalFooter .inner2 .last-footer li a:hover {
		text-decoration:underline;
	}
	.bt-online {
		width: 100%;
		position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 99;
		height: 50px;
	}
	.bt-online a {
		width: 100%;
		text-align: center;
		font-size: 18px;
		line-height: 1.2;
		text-decoration: none;
		position: relative;
    display: inline-block;
    padding: 9px 15px;
    color: #fff;
    background: #f39800;
	}
	.bt-online a br {
		display: none;
	}
	.bt-online a::before {
    content:url("../images/common/ico_online.png");
		width: 24px;
		height: auto;
    display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}
  .to-top {
    position: fixed;
    bottom: 50px;
    right: 5px;
    z-index: 10; 
		max-width: 32px;
		height: auto;
	}
}