@charset "UTF-8";
/* CSS Document */
body{
/*	 font-family: 'myfont-Regular';*/
	    font-family: 'Noto Sans JP', sans-serif;
}
/*下から出てくる動き*/
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1650ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.fadein2000 {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 2000ms;
}
.fadein2000.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/*フォント*/
.Serif{
font-family: 'Noto Serif Japanese', serif, sans-serif;
}
.Sans{
font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
}
.Sans{
    font-family: 'Noto Sans JP', sans-serif;
}
.sans-serif{
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	font-weight: 100!important;
}
/*//////////////フォント//////////////*/
@font-face {
  font-family: 'myfont-Bold';
    src: url('../fonts/NotoSansJP-Bold.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansJP-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSansJP-Bold-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Noto-bold {
  font-family: 'myfont-Bold';
}
@font-face {
  font-family: 'myfont-Medium';
    src: url('../fonts/NotoSansJP-Medium.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansJP-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSansJP-Medium-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Noto-m {
  font-family: 'myfont-Medium';
}
@font-face {
  font-family: 'myfont-Regular';
    src: url('../fonts/NotoSansCJKjp-Regular.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/-NotoSansCJKjp-Regular-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Noto-r {
  font-family: 'myfont-Regular';
}
/*アンドロイド　セリフ体*/
@font-face {
  font-family: 'myfont-SemiBold';
    src: url('../fonts/NotoSerifJP-SemiBold.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSerifJP-SemiBold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSerifJP-SemiBold-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Serif-semiBold {
  font-family: 'myfont-SemiBold';
}
@font-face {
  font-family: 'myfont-Serif_Medium';
    src: url('../fonts/NotoSerifJP-Medium.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSerifJP-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSerifJP-Medium-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Serif-m {
  font-family: 'myfont-Serif_Medium';
}
@font-face {
  font-family: 'myfont-Serif_Regular';
    src: url('../fonts/NotoSerifJP-Regular.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSerifJP-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSerifJP-Regular-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Serif-r {
  font-family: 'myfont-Serif_Regular';
}
.mimincho { 
	font-family: "Sawarabi Mincho";
}
/*共通*/
.gold{
	color: #947846;
}
.gold a:hover{
color: #513925 ;
}
.dark-gold{
color: #ba9c69;
}
.thin-gold{
color: #ddcc9f;
}
a {
text-decoration: none!important;
}
a:hover { 
/*	color: #898989!important; */
}
ul{
list-style: none;
}
li {
    display: inline-block;
}
/*delighters.jsのアニメーション*/
/* 基本のスタイル */
.foo.delighter {
	transition: all 1700ms;
	transform: translateX(-100%);
	opacity: 0;
}
/* スタート時のスタイル */
.foo.delighter.started {
	transform: none;
	opacity: 1;
}

/*フェードイン　アニメーション*/
.sa {
  opacity: 0;
  transition: all .5s ease;
}
.sa.show {
  opacity: 1;
  transform: none;
}
.sa--lr {
  transform: translate(-100px, 0);
}
.sa--rl {
  transform: translate(100px, 0);
}
.sa--up {
  transform: translate(0, 100px);
}
.sa--down {
  transform: translate(0, -100px);
}
.sa--scaleUp {
  transform: scale(.5);
}
.sa--scaleDown {
  transform: scale(1.5);
}
.sa--rotateL {
  transform: rotate(180deg);
}
.sa--rotateR {
  transform: rotate(-180deg);
}
/*ナビ*/
.gnav {
    display: flex;
    height: 2rem;
    margin: 0 auto;
    width: 1000px;
}
.gnav > li {/*親階層のみ幅を25%にする*/
    width: 25%;
}
/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
}
.gnav li a {
    background: #001b34;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/*子階層以降共通*/
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav li li a {
    border-top: 1px solid #eee;
}
.gnav li:hover > ul > li {
    height: 2rem;
    overflow: visible;
}
.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
}
.menu > li {
    width: 100%;
    height: 35px;
    margin: 10px;
}
/*見出しにaがある状態のタイトル*/
.menu > li a {
    display: block;
    color: #000000;
	font-weight: bold;
}
/*見出しにaがない状態のタイトル*/
.menu > li .nav-no-a-title{
    display: block;
    color: #000000;
	font-weight: bold;
}
.menu > li a:hover {
    color: #999;
}
ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}
ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}
.menu > li:hover {
    background: #072A24;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.menu__second-level li {
    border-bottom: 1px solid #111;
    margin-left: -25px;
    width: 100%;
	margin-top: 10px;
    margin-bottom: 7px;
}
@media only screen and (max-width: 1440px){
.menu__second-level li {
    width: 104%;
}
}
@media only screen and (max-width: 1366px){
.menu__second-level li {
    width: 109%;
}
}
@media only screen and (max-width: 1024px){
.menu__second-level li {
   width: 133%;
   margin-left: -32px;
}
}
.menu__third-level li {
    border-top: 1px solid #111;
}
.menu__third-level li a:hover {
    background: #2a1f1f;
}
.menu__fourth-level li a:hover {
    background: #1d0f0f;
}
/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}
.menu:after {
    clear: both;
}
.menu {
    *zoom: 1;
}
.nav-box > li.nav-j {
    position: relative;
}
li.nav-j ul.menu__second-level {
	position: absolute;
    width: 110%;
    background: RGB(228,197,143,0.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin-left: -41px;
}
@media only screen and (max-width: 1630px){
li.nav-j ul.menu__second-level {
    width: 115%;
    margin-left: -34px;
}
}
@media only screen and (max-width: 1440px){
li.nav-j ul.menu__second-level {
    margin-left: -21%;
}
}
@media only screen and (max-width: 1366px){
li.nav-j ul.menu__second-level {
    margin-left: -28%;
}
}
@media only screen and (max-width: 1024px){
li.nav-j ul.menu__second-level {
    margin-left: -21%;
    width: 105%;
}
}
@media only screen and (max-width: 991px){
li.nav-j ul.menu__second-level {
    margin-left: -28px;
}
}
li.nav-j:hover ul.menu__second-level {
    visibility: visible;
    opacity: 1;
}
ul.menu__second-level p {
	font-weight: 100;
}
ul.menu__second-level p:hover {
    color: brown;
}
ul li a.menu-a p{
    font-size: 15px;
}
@media only screen and (max-width: 1800px){
ul li a.menu-a p{
    font-size: 14px;
}
}
@media only screen and (max-width: 1440px){
ul li a.menu-a p{
    font-size: 1vw;
}
}
@media only screen and (max-width: 991px){
ul li a.menu-a p{
    font-size: 10px;
}
}
@media only screen and (max-width: 991px){
.row.nav-pc {
    margin-right: -35px;
}
}
@media only screen and (max-width: 767px){
.row.nav-pc {
    display: none;
}
}
ul.nav-box {
   margin: 1% 0 10px 0;
}
@media screen and (max-width:767px){
.row.nav-pc {
    display: none;
}
}
li.nav-j {
   padding: 0px 18px 0px;
}
@media (max-width:2000px) {
li.nav-j {
    padding: 0px 33px 0px
}
}
@media (max-width: 1199px){
li.nav-j {
    padding: 0px 21px 0px;
}
}	
@media screen and (max-width: 991px){
li.nav-j {
    padding: 0px 17px 0px 17px;
}
}	
/*Gナビの文字 修正中*/
.nav-pc li p{
	color: #444139!important;
	font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: auto;
}
@media screen and (max-width: 1440px){
.nav-pc li p{
	font-size: 14px;
}
}
@media screen and (max-width: 1024px){
.nav-pc li p{
	font-size: 12px;
}
}	
li.nav-j a{
    color: #444139!important;
}
 li span.nav-e {
	color: #ddcc9f!important;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: auto;
}
@media screen and (max-width: 1440px){
 li span.nav-e {
	font-size: 14px;
}
}
@media screen and (max-width: 1024px){
 li span.nav-e {
	font-size: 12px;
}
}	
.color-bg{
	background-color:rgb(255,255,255,0.9);
}
@media (max-width: 767px) {
.color-bg{
    display: flex;
	position: fixed;
    width: 100%;
    z-index: 9999;
	height: 60px;
}
}
.main-bg{
	background-image: url(../img/main-img.png);
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 926px;
}
@media (max-width: 2000px) {
.main-bg-sp{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	max-width: 100%;
	height: 870px;
}
}
@media (max-width: 1440px) {
.main-bg-sp{
    height: 600px;
}
}
@media (max-width: 1199px) {
.main-bg-sp{
    height: 500px;
}
}
@media (max-width: 991px) {
.main-bg-sp{
    height: 300px;
}
}
@media (max-width: 767px) {
.main-bg-sp{
	background-image:url("../img/main-spimg.png");
    height: 600px;
}
}
@media (max-width: 425px) {
.main-bg-sp{
    height: 500px;
}
}
.lea_logo{
    margin: 20px auto;
    width: 8vw;
}
@media only screen and (max-width: 1440px){
.lea_logo{
    margin: 10px auto;
}
}
@media only screen and (max-width: 1024px){
.lea_logo{
	margin: 10px auto -4px;
}
}
@media only screen and (max-width: 991px){
.lea_logo{
    margin-bottom: 2%;
}
}
@media only screen and (max-width: 767px){
img.lea_logo-sp {
    margin-left: -49%;
    width: 44vw;
}
}
.nav-pc {
    display: block;
    margin: auto;
}
/*ローズ背景　コンテンツ*/
.rose-bg{
	background-image: url("../img/rose-bg.png");
    width: 100%;
	padding-bottom: 100px;
    background-size: cover;
}
@media (max-width: 1199px){
.rose-bg{
	padding-bottom: 60px;
}
}
@media (max-width: 767px){
.rose-bg{
    padding-bottom: 40px;
    background-position: center;
}
}
.row.t-btn {
    margin-left: 500px;
}
@media (max-width: 1357px) {
.row.t-btn {
    margin-left: 300px;
}
}
@media (max-width: 1199px){
.row.t-btn {
    margin-left: 100px;
}
}
/*メイン画像下のテキストと画像*/
.main-bottom-img-grop-article {
	display: flex;
    justify-content: flex-end;
    margin-right: 2%;
}
@media (max-width: 991px){
.main-bottom-img-grop-article {
	display: none;
}
}
.main-bottom-img-grop {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #947846;
    z-index: 2;
    font-size: 13px;
}
.main-bottom-img-grop_text p{
    margin-top: -45px;
}
@media (max-width: 1440px){
.main-bottom-img-grop_text p{
    margin-top: -38px;
}
}
.main-bottom-img-grop img{
    margin-top: -5%;
}
@media (max-width: 1440px){
.main-bottom-img-grop img{
    margin-top: -3%;
    width: 250px;
}
}
@media (max-width: 1199px){
.main-bottom-img-grop img{
    margin-top: 0%;
    width: 200px;
}
}
.rose-txt{
   font-size: 13px;
    position: relative;
    margin-top: 3px;
    margin-left: 45%;
}
@media (max-width: 1860px) {
.rose-txt{
    margin-left: 43%;
}
}
@media (max-width: 1748px) {
.rose-txt{
    margin-left: 41%;
}
}
@media (max-width: 1670px) {
.rose-txt{
    margin-left: 39%;
}
}
@media (max-width: 1580px) {
.rose-txt{
    margin-left: 36%;
}
}
@media (max-width: 1475px) {
.rose-txt{
    margin-left: 33%;
}
}
@media (max-width: 1440px) {
.rose-txt{
	margin-top: -13px;
}
}
@media (max-width: 1365px) {
.rose-txt{
    margin-left: 30%;
    margin-top: -6px;
}
}
@media (max-width: 1278px) {
.rose-txt{
    margin-left: 27%;
}
}
@media (max-width: 1201px) {
.rose-txt{
    margin-left: 24%;
}
}
@media (max-width: 1141px) {
.rose-txt{
    margin-left: 20%;
}
}
@media (max-width: 1068px) {
.rose-txt{
    margin-left: 20%;
   font-size: 12px;
	margin-top: -33px;
}
}
@media (max-width: 991px){
.rose-txt {
   text-align: right;
    padding-left: -30%;
    padding-right: 19%;
    font-size: 11px;
}
}
@media (max-width: 767px){
.rose-txt {
    display: none;
}
}
.rose-tit{
	font-size: 48px;
    margin-top: 150px;
	color: #c5a368;
	text-align: center;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
}
@media (max-width: 1440px){
.rose-tit{
	font-size: 45px;
}
}
@media (max-width: 1199px){
.rose-tit{
	font-size: 30px;
    margin-top: 80px;
}
}
@media (max-width: 991px){
.rose-tit{
    font-size: 27px;
}
}
@media (max-width: 767px){
.rose-tit{
    font-size: 31px;
}
}
@media (max-width: 767px){
.rose-tit{
   font-size: 23px;
    margin-top: 50px;
}
}
@media (max-width: 375px){
.rose-tit{
    font-size: 18px;
}
}
/*ご予約　お問い合わせボタン*/
.reservation-btn {
   width: 17.9vw;
    float: right;
    margin-top: -7%;
    margin-right: 3%;
}
@media (max-width: 1440px){
.reservation-btn {
    margin-top: -8%;
}
}
@media (max-width: 991px){
.reservation-btn {
    margin-top: -10%;
}
}
@media (max-width: 768px){
.reservation-btn {
   margin-top: -11.5%;
}
}
@media (max-width: 767px){
.reservation-btn {
   display: none;
}
}
.rose-txt1{
	font-size: 30px;
    text-align: center;
    margin-top: 60px;
    line-height: 2em;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
}
@media (max-width: 1199px){
.rose-txt1{
    font-size: 23px;
    margin-top: 40px;
}
}
@media (max-width: 991px){
.rose-txt1{
    font-size: 18px;
}
}
@media (max-width: 767px){
.rose-txt1{
	margin-top: 30px;
    font-size: 16px;
}
}
@media (max-width: 425px){
.rose-txt1{
   font-size: 15px;
	line-height: 2.0rem;
}
}
.rose-txt2{
	font-size: 40px;
}
@media (max-width: 1199px){
.rose-txt2{
	font-size: 28px;
}
}
@media (max-width: 991px){
.rose-txt2{
	font-size: 23px;
}
}
@media (max-width: 767px){
.rose-txt2{
	font-size: 25px;
}
}
@media (max-width: 575px){
.rose-txt2{
	font-size: 20px;
}
}
@media (max-width: 425px){
.rose-txt2{
	font-size: 19px;
}
}
li.tagu-gold {
	background-color: #ddcc9f;
    padding: 10px 15px;
	margin: 0px 5px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
	font-size: 19px;
}
@media (max-width: 1199px){
li.tagu-gold {
    font-size: 13px;
    padding: 7px 15px;
}
}
@media (max-width: 991px){
li.tagu-gold {
	margin: 0px 2px;
    padding: 6px 4px;
}
}
@media (max-width: 767px){
li.tagu-gold {
    margin: 5px;
    padding: 6px 15px;
}
}
.tagu-center {
    text-align: center;
    margin-top: 70px;
}
@media (max-width: 1199px){
.tagu-center {
    margin-top: 40px;
}
}
ul.tagu-box {
    margin-top: 25px;
    padding-left: 0%;
}
.tagu2{
	margin-top: 25px;
}
@media (max-width: 575px){
.tagu2{
    margin-top: -15px;
}
}

@media (max-width: 767px){
ul.tagu-box {
    margin-top: -15px;
}
}
@media (max-width: 425px){
ul.tagu-box {
    margin: 0px 0px 0px 0px;
}
}
.gold-icon{
	display: block;
	margin: auto;
}
@media (max-width: 991px){
.gold-icon{
    width: 10%;
}
}
@media (max-width: 767px){
.gold-icon{
    width: 60px;
    height: auto;
}
}
.salon-menu{
	margin-top: 25px;
	font-size: 36px;
	text-align: center;
}
@media (max-width: 1440px){
.salon-menu{
	font-size: 30px;
}
}
@media (max-width: 1199px){
.salon-menu{
    margin-top: 12px;
    font-size: 26px;
}
}
@media (max-width: 991px){
.salon-menu{
    font-size: 25px;
}
}
.menu-e{
	font-size: 27px;
	text-align: center;
	margin-top: -10px;
}
@media (max-width: 1440px){
.menu-e{
	font-size: 24px;
}
}
@media (max-width: 1199px){
.menu-e{
    font-size: 21px;
}
}
@media (max-width: 767px){
.menu-e{
    font-size: 18px;
    margin-top: -10px;
}
}
/*サロンメニュー*/
@media (max-width: 1440px){
.top-salon-menubox {
    width: 90%;
    display: block;
    margin: auto;
}
}
@media (max-width: 767px){
.top-salon-menubox {
    width: 100%;
}
}
.article-box {
    padding-top: 10%;
    padding-bottom: 5%;
}
@media (max-width: 991px){
.article-box {
    padding-top: 60px;
	padding-bottom: 40px;
}
}
@media (max-width: 767px){
.article-box {
    padding-top: 40px;
    padding-bottom: 0px;
}
}
.watercolor-bg1{
	background-image: url("../img/ｗatercolor-bg1.png");
	padding-bottom: 80px;
}
@media only screen and (max-width: 1199px){
.watercolor-bg1{
	padding-bottom: 110px;
}
}
@media only screen and (max-width: 991px){
.watercolor-bg1 {
    padding-bottom: 80px;
}
}
@media (max-width: 575px){
.watercolor-bg1{
    padding-bottom: 40px;
    background-size: 1016%;
}
}
.menu-img {
    width: 100%;
    height: auto;
    filter: drop-shadow(3px 6px 4px rgba(0, 0, 0, 0.2));
}
@media only screen and (max-width: 575px){
.menu-img {
     margin-top: 20px;
}
}
.menu-t{
    font-size: 21px;
	color: #6c4e37;
    border-bottom: solid 2px #ba9c69;
    text-align: center;
    margin-top: 35px;
    font-weight: bold;
	font-family: 'Noto Serif Japanese', serif, sans-serif;
    padding-bottom: 10px;
}
@media only screen and (max-width: 1440px){
.menu-t{
    font-size: 20px;
}
}
@media only screen and (max-width: 1199px){
.menu-t{
	font-size: 17px;
}
}
@media only screen and (max-width: 991px){
.menu-t {
    font-size: 12px;
	margin-top: 20px;
}
}
@media only screen and (max-width: 767px){
.menu-t{
	font-size: 20px;
}
}
.brown{
	color: #6c4e37;
}
.brown.menu-tt {
	line-height: 1.7em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
@media only screen and (max-width: 1199px){
.brown.menu-tt {
   font-size: 13px;
}
}
.menu-box {
    height: 300px;
}

@media only screen and (max-width: 1199px){
.menu-box {
    height: 250px;
}
}
@media only screen and (max-width: 991px){
.menu-box {
	height: 270px;
}
}
@media only screen and (max-width: 767px){
.menu-box {
    height: 170px;
}
}
@media only screen and (max-width: 575px){
.menu-box {
    height: auto;
}
}
/*キャンペーン*/
.campeign-bg{
	margin-top: 115px;
}

@media only screen and (max-width: 1440px){
.top-campcign-box {
    width: 90%;
    display: block;
    margin: auto;
}
}
@media only screen and (max-width: 767px){
.top-campcign-box {
    width: 100%;
}
}
img.campcign-banner {
    width: 100%;
    height: auto;
}
img.campcign-banner {
    margin-top: 20px;
}
.banner-while {
    margin-top: 30px;
}
@media only screen and (max-width: 767px){
.banner-while {
    margin-top: 0px;
}
}
img.more-btn {
    display: block;
    margin: auto;
}
@media only screen and (max-width: 575px){
img.more-btn {
	background-position: right;
    margin-top: -45px;
}
}
/*ボタン*/
.read-more-bn{
	background-image:url("../img/more-btn.png");
	background-position: center;
    line-height: 44px;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px){
.read-more-bn{
    background-size: 50%;
}
}
@media only screen and (max-width: 767px){
.read-more-bn {
    background-size: 45%;
    margin: 25px 0px 35px;
}
}
.read-more-bn span{
    text-align: center;
    display: block;
    margin: auto;
    color: #e4c58f;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
@media only screen and (max-width: 991px){
.read-more-bn span{
    font-size: 14px;
}
}
@media only screen and (max-width: 425px) {
.read-more-bn span {
    font-size: 15px;
}
}
.read-more-bn span:hover{
    color: #584546;
}
.more-bn-box{
	padding-bottom: 170px;
}
@media only screen and (max-width: 991px){
.more-bn-box{
	padding-bottom: 90px;
}
}
@media only screen and (max-width: 575px){
.more-bn-box{
	padding-bottom: 40px;
}
}
.read-more-g-bn{
	background-image:url("../img/more-g-bn.png");
	background-position: center;
    line-height: 44px;
    background-repeat: no-repeat;
    margin-top: 90px;
}
@media only screen and (max-width: 425px){
.read-more-g-bn{
    margin-top: 40px;
    background-size: 63%;
}
}
.read-more-g-bn span{
    text-align: center;
    display: block;
    margin: auto;
	color: #ffffff;
}
@media only screen and (max-width: 425px){
.read-more-g-bn span{
    font-size: 15px;
}
}
.read-more-g-bn span:hover{
	color: #584546;
}
/*ヘアケアバナー*/
.haircare-banner-grop {
    margin-bottom: 150px;
}
@media only screen and (max-width: 767px){
.haircare-banner-grop {
    margin: 50px 0px 50px;
}
}
img.haircare-banner{
    width: 100%;
    margin: auto;
}
/*新着情報*/
.wc-bg2{
	background-image:url("../img/watercolor2 .png");
    padding-bottom: 80px;
}
.bg-w{
	background-image:url("../img/news-bg.png");
	width: 750px;
	height: 360px;
		background-position: center;
	    background-repeat: no-repeat;
}
@media only screen and (max-width: 991px){
.bg-w{
     background-size: 684px;
}
}
@media only screen and (max-width: 767px){
.bg-w{
	background-image:url("../img/news-sp-bg.png");
	background-size: 535px;
}
}
@media only screen and (max-width: 575px){
.bg-w{
	background-image:url("../img/news-sp-bg2.png");
	background-size: 308px;
}
}
@media only screen and (max-width: 425px){
.bg-w{
    background-size: 381px;
}
}   
@media only screen and (max-width: 375px){
.bg-w{
    background-size: 350px;
}
}  
@media only screen and (max-width: 320px){
.bg-w{
    background-size: 307px;
}
}
/*新着情報の囲み枠*/
.news-grop{
	background-image:url("../img/news-bg.png");
	width: 750px;
	height: 360px;
	background-position: center;
	background-repeat: no-repeat;
    display: block;
    margin: auto;
    padding-top: 60px;
}
@media only screen and (max-width: 991px){
.news-grop{
     background-size: 684px;
}
}
@media only screen and (max-width: 767px){
.news-grop{
	background-image:url("../img/news-sp-bg.png");
	background-size: 535px;
	padding-top: 66px;
}
}
@media only screen and (max-width: 767px){
.news-grop{
	background-image:url("../img/news-sp-bg2.png");
    background-size: 400px;
}
}
@media only screen and (max-width: 425px){
.news-grop{
    background-size: 381px;
    height: 320px;
    padding-top: 40px;
}
}   
@media only screen and (max-width: 375px){
.news-grop{
    background-size: 350px;
    padding-top: 55px;
}
}  
@media only screen and (max-width: 320px){
.news-grop{
    background-size: 307px;
    padding-top: 30px;
	height: 265px;
}
}  
.news-article {
    width: 600px;
    height: 245px;
    overflow-y: scroll;
    margin: auto;
}
@media only screen and (max-width:991px){
.news-article {
    width: 555px;
}
}
@media only screen and (max-width:767px){
.news-article {
    width: 315px;
    height: 230px;
    display: block;
    margin: auto;
}
}
@media only screen and (max-width:375px){
.news-article {
    width: 285px;
    height: 205px;
}
}
@media only screen and (max-width:320px){
.news-article {
    width: 240px;
    height: 190px;
}
}
@media only screen and (max-width: 767px){
.news--item {
    margin-left: 19%;
	justify-content: flex-start;
    flex-direction: column;
}
}
.news--item {
	display: flex;
    justify-content: space-around;
    align-items: flex-start;
	font-family: 'Noto Serif Japanese', serif, sans-serif;
	border-bottom: 1px dotted #ba9c69;
    padding-top: 10px;
}
@media only screen and (max-width:991px){
.news--item {
    width: 555px;
}
}
@media only screen and (max-width: 767px){
.news--item {
    width: 315px;
    margin-left: 19%;
	justify-content: flex-start;
    flex-direction: column;
    display: block;
    margin: auto;
}
}
@media only screen and (max-width:375px){
.news--item {
    width: 285px;
}
}
@media only screen and (max-width:320px){
.news--item {
    width: 240px;
}
}
.news-day {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
@media only screen and (max-width:767px){
.news-day {
    font-size: 15px;
    margin-bottom: 30px;
}
}
.news-contents-title span{
    border-bottom: solid 1px #dfbe84;
    padding-bottom: 5px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
@media only screen and (max-width:991px){
.news-contents ul{
    font-size: 13px;
    line-height: 1.2em;
}
}
@media only screen and (max-width:767px){
.news-contents ul{
	margin-left: -40px;
    font-size: 13px;
}
}
.news-contents ul li{
    padding-bottom: 5px;
}
/*新着情報下のバナー*/
.news-banner-article {
    display: flex;
    justify-content: center;
	margin-top: 50px;
}
@media only screen and (max-width:767px){
.news-banner-article {
    flex-direction: column;
    margin-top: 25px;
}
}
.news-banner-article img{
    width: 100%;
    height: auto;
}
@media only screen and (max-width:991px){
.news-banner-article img{
    width: 90%;
}
}
img.news-banner-jbwa {
	margin-right: 15px;
}
img.news-banner-monitor{
	margin-left: 15px;
}
@media only screen and (max-width:991px){
img.news-banner-jbwa,img.news-banner-monitor{
	margin-right: 0px;
	margin-left: 0px;
	display: block;
    margin: auto;
    text-align: center;
}
}
@media only screen and (max-width:767px){
img.news-banner-jbwa {
    margin-bottom: 15px;
}
}
/*インスタはじめました*/
.col-12.inst-box {
	background-image: url("../img/sen.png");
	background-repeat: no-repeat;
	background-position: center;
    margin-top: 150px;
}
@media only screen and (max-width:1440px){
.col-12.inst-box {
    background-size: 45%;
}
}
@media only screen and (max-width:1024px){
.col-12.inst-box {
    margin-top: 110px;
}
}
@media only screen and (max-width:767px){
.col-12.inst-box {
   margin-top: 70px;
   background-size: 80%;
}
}
.inst-t{
    font-size: 36px;
    text-align: center;
}
@media only screen and (max-width: 1440px){
.inst-t{
    font-size: 33px;
}
}
@media only screen and (max-width: 1199px){
.inst-t{
    font-size: 29px;
}
}
@media only screen and (max-width: 991px){
.inst-t{
    font-size: 25px;
}
}
@media only screen and (max-width: 575px){
.inst-t{
    font-size: 20px;
}
}
span.sen.Sans {
    font-size: 35px;
}
.inst-btn {
    display: block;
    margin: auto;
}
.inst-btn{
	margin-top: 80px;
}
@media only screen and (max-width: 1440px){
.inst-btn{
    width: 20%;
}
}
@media only screen and (max-width: 991px){
.inst-btn{
    margin-top: 40px;
}
}
@media only screen and (max-width: 767px){
.inst-btn{
    width: 42%;
}
}
.slide-mt {
    margin-top: 40px;
}
/*js 横に動く*/
.slide img {
    width: 100%;
}
.inst-cramu {
    margin-bottom: 80px;
}
@media only screen and (max-width: 1440px){
.inst-cramu {
    margin-bottom: 160px;
}
}
@media only screen and (max-width: 991px){
.inst-cramu {
    margin-bottom: 90px;
}
}
@media only screen and (max-width: 575px){
.inst-cramu {
    margin-bottom: 40px;
}
}
/*サロン情報*/
/*Googleマップ*/
.google_map{
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 500px!important;
}
@media (max-width: 767px){
.google_map{
	height: 200px!important;
}
}
.google_map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.acces-article {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    line-height: 1.6rem;
}
@media only screen and (max-width: 1440px){
.top-salon-box {
    width: 70%;
    display: block;
    margin: auto;
}
}
@media only screen and (max-width: 767px){
.top-salon-box {
    width: 100%;
}
}
.wc-bg3{
	background-image:url("../img/watercolor-3.png");
    width: 100%;
	height: 904px;
	padding-bottom: 125px;
}
@media only screen and (max-width: 991px){
.wc-bg3{
    height: 865px;
}
}
@media only screen and (max-width: 767px){
.wc-bg3{
    height: 1100px;
	background-size: 440%;
}
}
@media only screen and (max-width: 575px){
.wc-bg3{
    height: 1050px;
    background-size: 520%
}
}
@media only screen and (max-width: 425px){
.wc-bg3{
    height: 1015px;
	background-size: 750%;
}
}
img.map-img {
    max-width: 100%;
    height: auto;
	display: block;
    margin: auto;
}
@media only screen and (max-width: 767px){
img.map-img {
   width: 100%;
    height: auto;
}
}
@media only screen and (max-width: 575px){
img.map-img {
   margin-top: 40px;
}
}
p.shop-mane {
    font-size: 26px;
}
@media only screen and (max-width: 1440zpx){
p.shop-mane {
  font-size: 23px;
}
}
@media only screen and (max-width: 767px){
p.shop-mane {
    font-size: 30px;
	margin-top: 10px;
}
}
p.shop-mane-small-t.Serif {
    font-size: 15px;
    margin-top: -18px;
	font-weight: bold;
}
@media only screen and (max-width: 991px){
p.shop-mane-small-t.Serif {
    font-size: 13px;
    margin-top: -10px;
}
}
span.access-t {
    background-color: #ffffff;
    padding: 5px 10px;
}
@media only screen and (max-width: 767px){
span.access-t {
    display: block;
    width: 100%;
	text-align: center;
    padding: 2px 10px;
    margin-bottom: 0.3rem;
}
}
@media only screen and (max-width: 767px){
p.Sans.address {
    text-align: center;
	line-height: 2.0rem
}
}
/*フッター*/
.wave-bg{
	background-image:url("../img/footer-img.png");
    background-repeat: no-repeat;
    background-position: top;
	width: 100%;
	height: auto;
    padding-bottom: 110px;
	margin-top: -82px;
}
@media only screen and (max-width: 1440px){
.wave-bg{
    padding-bottom: 85px;
}
}
@media only screen and (max-width: 1199px){
.wave-bg{
   padding-bottom: 105px;
}
}
@media only screen and (max-width: 991px){
.wave-bg{
   padding-bottom: 80px;
    margin-top: -120px;
}
}
@media only screen and (max-width: 767px){
.wave-bg{
    margin-top: -190px;
    padding-bottom: 55px;
}
}
ul.footer-nav-box,.footer-group ul{
    font-family: 'Noto Sans JP', sans-serif;
}
.lea_logo-footer{
	color: #ffffff;
	width: 140px;
    height: auto;
}
@media only screen and (max-width: 1199px){
.lea_logo-footer{
	width: 115px;
}
}
@media only screen and (max-width: 767px){
.lea_logo-footer{
	display: block;
    margin: auto;
}
}
@media only screen and (max-width: 767px){
.text-white.footer-group {
    display: none;
}
}
p.cope-text.text-white {
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
}
.footer-box {
    margin-top: 135px;
    line-height: 1.7em;
}
@media only screen and (max-width: 1199px){
.footer-box {
    font-size: 13px;
}
}
@media only screen and (max-width: 991px){
.footer-box {
    margin-top: 90px;
}
}
@media only screen and (max-width: 991px){
li.footer-nav {
    margin-left: -25px;
}
}
@media only screen and (max-width: 767px){
li.footer-nav {
    margin-left:0px;
}
}
@media (max-width: 1024px) {
li.footer-nav {
    font-size: 14px;
}
}
@media (max-width: 991px) {
li.footer-nav {
    font-size: 13px;
}
}
/*フッター　スクロール*/
#nav8 {
    z-index: 900;
    position: fixed;
    background: #e4c58f;
    width: 100%;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
	padding: 10px 0px;
    height: 120px;
}
@media (max-width: 1440px) {
#nav8 {
    height:100px;
}
}
@media (max-width: 991px) {
#nav8 {
    height:80px;
}
}
@media (max-width: 767px) {
#nav8 {
    height: 60px;
}
}
#nav8 .inner {
/*
    width: 100%;
    margin: 0;
    padding: 0;
    min-width: 320px;
    overflow: hidden;
*/
}
#nav8  a {
    color: #fff;
}

#nav8 .inner a {
    display: block;
}
.footer_var_line {
    border-left: solid #ffffff;
    padding-left: 20px;
}
.footer_nav {
    display: flex;
/*    justify-content: space-between;*/
}
.footer_nav-left {
    width: 33.333%;
    border-right: solid 2px #c4a164;
    height: 100px;
}
@media screen and (max-width: 1440px){
.footer_nav-left {
    height: 80px;
}
}
@media screen and (max-width: 991px){
.footer_nav-left {
    height: 65px;
}
}
@media screen and (max-width: 767px){
.footer_nav-left {
    height: 45px;
    width: 20%;
}
}
/*フッターボタン　左側*/
.footer_nav-left-telnumbar {
    font-size: 33px;
	letter-spacing: 0.2rem;
    vertical-align: super;
}
@media (max-width: 1440px) {
.footer_nav-left-telnumbar {
    font-size: 30px;
}
}
@media (max-width: 991px) {
.footer_nav-left-telnumbar {
    font-size: 22px;
}
}
.footer_nav-left-teltext {
    line-height: 1.5em;
}
@media (max-width: 1440px) {
.footer_nav-left-teltext {
    font-size: 13px;
    margin-bottom: 0.7rem;
}
}
@media (max-width: 991px) {
.footer_nav-left-teltext {
    font-size: 11px;
}
}
@media (max-width: 991px) {
.footer_nav-left-teltext {
    margin-bottom: 0.5rem;
}
}
.footer_nav-left-telnumbar img {
    margin-top: -10px;
}
@media (max-width: 991px) {
.footer_nav-left-telnumbar img {
    margin-top: -10px;
    width: 16px;
}
}
/*フッターボタン　中央*/
.footer_nav-center_box {
    border-right: solid 2px #c4a164;
    width: 33.33%;
    height: 100px;
}
@media screen and (max-width: 1440px){
.footer_nav-center_box {
    height: 80px;
}
}
@media screen and (max-width: 991px){
.footer_nav-center_box {
    height: 65px;
}
}
@media screen and (max-width: 767px){
.footer_nav-center_box {
    height: 45px;
    width: 46%;
}
}
.footer_var {
    padding-right: 0;
    padding-left: 0;
    float: left;
    width: 21%;
    height: 110px;
}
@media screen and (max-width: 767px){
.footer_var {
    width:33.333333%;
}
}
.footer_nav-center{
    display: flex;
    font-size: 30px;
	justify-content: center;
    margin-top: 17px;
}
@media screen and (max-width: 1440px){
.footer_nav-center{
    font-size: 25px;
}
}
@media screen and (max-width: 991px){
.footer_nav-center{
    margin-top: 13px;
    font-size: 18px;
}
}
@media screen and (max-width: 767px){
.footer_nav-center{
    height: 45px;
}
}
@media screen and (max-width: 767px){
.footer_nav-center{
    font-size: 15px;
    margin-top: 5px;
}
}
.footer_nav-centertext {
    margin-left: 15px;
}
@media screen and (max-width: 480px){
.footer_nav-centertext {
    margin-left: 5px;
}
}
@media screen and (max-width: 360px){
.footer_nav-centertext {
    font-size: 13px;
}
}
/*フッターボタン　右側*/
.footer_nav-right_box {
    width: 33.33%;
}
@media screen and (max-width: 767px){
.footer_nav-right_box {
    width: 37%;
}
}
.footer_nav-right{
    display: flex;
    font-size: 30px;
	justify-content: center;
	margin-top: 17px;
}
@media screen and (max-width: 1440px){
.footer_nav-right{
    font-size: 25px;
}
}
@media screen and (max-width: 991px){
.footer_nav-right{
    margin-top: 13px;
    font-size: 18px;
}
}
@media screen and (max-width: 767px){
.footer_nav-right{
    font-size: 15px;
    margin-top: 5px;
}
}
@media screen and (max-width: 576px){
.footer_nav-right{
    margin-top: 5px;
}
}
@media screen and (max-width: 360px){
.footer_nav-right{
    font-size: 13px;
}
}
/*文字の枠*/
/*右側*/
.footer_nav-righttext {
    margin-left: 15px;
}
@media only screen and (max-width: 767px){
.footer_nav-righttext {
    margin-left: 5px;
}
}
.footer_line-r {
    margin-top: 10px;
}
@media only screen and (max-width: 991px){
.footer_line-r {
    height: 73px;
	margin-top: 5px;
}
}
@media only screen and (max-width: 767px){
.footer_line-r {
   border-right: solid 0px #ffffff;
}
}
.file_xs p{
    font-size: 30px;
    margin-top: 31px;
}
@media only screen and (max-width: 1199px){
.file_xs p{
    margin-left: 50px;
}
}	
@media only screen and (max-width: 1023px){
.file_xs p{
    margin-left: 33px;
}
}
@media only screen and (max-width: 767px){
.file_xs p{
   margin-left: -38px;
    margin-top: 27px;
    font-size: 18px;
    margin-right: 80px;
}
}	
/*下からでてくるバナー　電話*/
@media only screen and (max-width: 767px){
p.footer-tel-sp {
    margin: -63px 0 0 15px;
	font-size: 18px;
}
}
@media only screen and (max-width: 425px){
p.footer-tel-sp {
        margin: -67px 0 0 5px;
}
}
@media only screen and (max-width: 375px){
p.footer-tel-sp {
    margin: -92px 0 0 24px;
}
}
@media only screen and (max-width: 320px) {
p.footer-tel-sp {
    margin: -92px 0 0 33px;
}
}
.f_bn_r p{
    font-size: 30px;
    margin-top: 15px;
	font-family: serif;
    line-height: 2.5rem;
}
@media only screen and (max-width: 1440px){
.f_bn_r p{
    font-size: 30px;
    margin-top: 5px;
}
}	
@media only screen and (max-width: 1366px){
.f_bn_r p{
   font-size: 29px;
}
}	
@media only screen and (max-width: 1199px){
.f_bn_r p{
    font-size: 22px;
    line-height: 2.0rem;
    margin: 12px 0px 0px 90px;
}
}
@media only screen and (max-width: 1024px){
.f_bn_r p{
    margin: 12px 0px 0px 80px;
}
}
@media only screen and (max-width: 991px){
.f_bn_r p{
    margin: 13px 0px 0px 56px;
	font-size: 18px;
    line-height: 1.5rem;
}
}	
@media only screen and (max-width: 767px){
.f_bn_r p{
    margin: 7px 0px 0px 35px;
	font-size: 14px;
    line-height: 1.3rem;
}
}
@media only screen and (max-width: 411px){
.f_bn_r p{
    margin: 7px 0px 0px 32px;
}
}
@media only screen and (max-width: 375px){
.f_bn_r p{
    margin: 7px 0px 0px 28px;
    font-size: 13px;
}
}
@media only screen and (max-width: 360px){
.f_bn_r p{
    margin: 7px 0px 0px 23px;
}
}
@media only screen and (max-width: 320px){
.f_bn_r p{
    margin: 3px 0px 0px 14px;
	font-size: 12px;
}
}
@media only screen and (max-width: 320px){
.inst_xs p{
	margin-left: 89px;
}
}	
@media only screen and (max-width: 767px){
.inst_xs p{
    margin-top: 21px;
	font-size: 18px;
}
}
@media only screen and (max-width: 575px){
.inst_xs p{
	font-size: 15px;
    margin-left: 130px;
}
}
@media only screen and (max-width: 375px){
.inst_xs p{
    margin-left: 85px;
}
}
@media only screen and (max-width: 767px){
.inst_xs-tel-sp p{
    margin-top: 18px;
    font-size: 19px;
	margin-left: 46px;
}
}	
/*お問い合せのみの文字指定*/
.footer-mt {
    margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.footer-mt {
    margin-top: 5px;
}
}
/*フォントオーサム*/
/*電話*/
img.tel-icon {
    margin-left: 90px;
    margin-top: -30px;
}
@media only screen and (max-width: 1440px){
img.tel-icon {
    width: 5%;
	height: auto;
}
}
@media only screen and (max-width: 1366px){
img.tel-icon {
    margin-top: -35px;
}
}
@media only screen and (max-width: 1199px){
img.tel-icon {
    margin-left: 0px;
}
}
@media only screen and (max-width: 991px){
img.tel-icon {
    margin-left: 20px;
    margin-top: -24px;
}
}
@media only screen and (max-width: 767px){
img.tel-icon {
    width: 78%;
	height: auto;
    display: block;
    margin: auto;
    margin-top: 10px;
}
}
.footer_var_box i {
    position: absolute;
    font-size: 34px;
    left: 5px;
    top: 54px;
    font-weight: 900;
}
@media only screen and (max-width: 1199px){
.footer_var_box i {
     font-size: 30px;
    left: 5px;
    top: 58px;
}
}
@media only screen and (max-width: 991px){
.footer_var_box i {
    top: 52px;
}
}
@media only screen and (max-width: 767px) {
.footer_var_box i {
   left: 20px;
    top: -16px;
    font-size: 29px;
}
}
@media only screen and (max-width: 575px) {
.footer_var_box i {
    left: 34px;
}
}
@media only screen and (max-width: 425px) {
.footer_var_box i {
    left: 25px;
}
}
@media only screen and (max-width: 375px) {
.footer_var_box i {
    font-size: 24px;
    left: 15px;
    top: -15px;
}
}
@media only screen and (max-width: 320px) {
.footer_var_box i {
    left: 8px;
}
}
/*web予約*/
i.far.fa-calendar-check {
    left: 57px;
    top: 4px;
}
@media only screen and (max-width: 1379px){
i.far.fa-calendar-check {
   left: 80px;
    top: -4px;
}
}	
@media only screen and (max-width: 1199px){
i.far.fa-calendar-check {
   left: 70px;
}
}	

@media only screen and (max-width: 1023px){
i.far.fa-calendar-check {
    left: 49px;
}
}	
@media only screen and (max-width: 767px){
i.far.fa-calendar-check {
    top: -4px;
    font-size: 29px;
	
}
}	
@media only screen and (max-width: 375px){
i.far.fa-calendar-check {
    top: -2px;
    font-size: 24px;
    left: 56px;
}
}	
/*お問い合わせ*/
i.far.fa-envelope {
    font-size: 40px;
    left: 28px;
    top: 4px;
    font-weight: 900;
}
i.fab.fa-line {
    font-size: 40px;
    left: 28px;
    top: 4px;
    font-weight: 100!important;
}
@media only screen and (max-width: 991px){
i.far.fa-envelope,i.fab.fa-line{
    left: 10px;
    font-size: 35px;
}
}
@media only screen and (max-width: 767px){
i.far.fa-envelope,i.fab.fa-line{
    font-size: 23px;
    margin-left: 11px;
}
}
/*左側の余白*/
@media screen and (max-width: 1929px) and (min-width: 1730px){
.width_space-footer{
    margin-left: 13%;
    margin-right: -22%;
}
}
@media screen and (max-width: 1729px) and (min-width: 1540px){
.width_space-footer{
    margin-left: 19%;
    margin-right: -23%;
}
}
@media screen and (max-width: 1539px) and (min-width: 1444px){
.width_space-footer{
    margin-left: 19%;
    margin-right: -23%;
}
}
@media screen and (max-width: 1539px) and (min-width: 1444px){
.width_space-footer{
    margin-left: 19%;
    margin-right: -23%;
}
}
@media only screen and (max-width: 767px) {
.width_space-footer{
    margin-left: 14%;
}
}	
@media only screen and (max-width: 425px) {
.width_space-footer{
    margin-left: 13%;
}
}	
@media only screen and (max-width: 375px) {
.width_space-footer{
    margin-left: 12%;
}
}	
@media only screen and (max-width: 320px) {
.width_space-footer{
    margin-left: 8%;
}
}
/*フッター*/
li.footer-nav a {
    color: #ffffff!important;
}
/*ハンバーガーメニュー内のアコーディオンメニュー*/
body{
  width: 50%;
  margin: 0 auto;
  padding-top: 5%;
}
ul li.accordion-header{
  transition: ease-in-out 100ms;
}

li.accordion-no-bar {
    display: block;
    color: #000000;
    font-weight: bold;
}
.accordion-header{
   height: 0px;
}
.change ul.accordion-text{
	height: 200px;
}
/*隠れているメニュー*/
ul.accordion-text1,ul.accordion-text2{
	display: block;
	margin: auto;
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all.5s;
	margin-left: -4%;
 }
.clicked ul.accordion-text1{
	display: block;
	margin: auto;
    height: 185px;
	opacity: 1;
	margin-left: -4.2%;
    margin-top: 15px;
}
@media only screen and (max-width: 991px) {
.clicked ul.accordion-text1{
	margin-left: -5%;
}
}
@media only screen and (max-width: 425px) {
.clicked ul.accordion-text1{
	margin-left: -10%;
}
}	
@media only screen and (max-width: 375px) {
.clicked ul.accordion-text1{
	margin-left: -12%;
}
}	
@media only screen and (max-width: 320px) {
.clicked ul.accordion-text1{
	margin-left: -14%;
}
}	
.clicked ul.accordion-text2{
	display: block;
	margin: auto;
    height: 230px;
	opacity: 1;
    margin-left: -4.2%;
    margin-top: 15px;
}
@media only screen and (max-width: 991px) {
.clicked ul.accordion-text2{
	margin-left: -5%;
}
}	
@media only screen and (max-width: 425px) {
.clicked ul.accordion-text2{
	margin-left: -10%;
}
}	
@media only screen and (max-width: 375px) {
.clicked ul.accordion-text2{
	margin-left: -12%;
}
}	
@media only screen and (max-width: 320px) {
.clicked ul.accordion-text2{
	margin-left: -14%;
}
}	
ul.accordion-text1 li{
	display: block;
	margin: auto;
	height: 30px;
 }
ul.accordion-text2 li{
	display: block;
	margin: auto;
	height: 63px;
 }

 .fa{
    transition: ease-in-out 300ms;
 }
 .rotate-fa{
    transform: rotate(180deg);
 }
 .accordion-no-bar{
    border-bottom: 0;
}
/*テスト*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 5px auto 30px;
  padding: 0;
  margin-top: 5px;	
  margin-bottom: 10px;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li.nav-j{
  position: relative;
	width: 126px;
  float: left;
  margin: 0 17px 0;
  padding: 0;
  text-align: center;
  font-weight: 100!important;
}
@media screen and (max-width: 1199px){
.dropmenu li.nav-j{
  margin: 0 4px 0;
}
}
.dropmenu li{
  position: relative;
  width: 16%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 100!important;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #444139!important;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1440px){
.dropmenu li a{
	font-size: 14px;
}
}
@media screen and (max-width: 1024px){
.dropmenu li a{
	font-size: 12px;
}
}
.dropmenu li ul,.dropmenu li ul.menu__second-level{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li,.dropmenu li ul li.menu__second-level{
   width: 129%;
}
@media screen and (max-width: 1440px){
.dropmenu li ul li,.dropmenu li ul li.menu__second-level{
   width: 114%;
}
}
@media screen and (max-width: 1024px){
.dropmenu li ul li,.dropmenu li ul li.menu__second-level{
   width: 97%;
}
}	
.dropmenu li ul li a,.dropmenu li ul li.menu__second-level a{
  padding: 13px 15px;
  border-top: 1px solid #fff;
  background: #ddcc9f;
  text-align: center;
  line-height: 1.3;
}
.dropmenu li:hover > a{
background:rgba(255,0 0,0.9);
}
.dropmenu li a:hover{
  background: #c5a368;
}

/*動きの部分*/
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
  width: 187px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}
/*キャンペーン　追加*/
.banner-while.sp-speace.campcign-banner-cente_top {
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 50px;
}
@media (max-width: 425px){
.banner-while.sp-speace.campcign-banner-cente_top {
	margin-top: 25px;
    margin-left: -40px;
    margin-right: -40px;
}
}
@media (max-width: 375px){
.banner-while.sp-speace.campcign-banner-cente_top {
	margin-left: -5px;
    margin-right: -5px;
}
}
@media (max-width: 320px){
.banner-while.sp-speace.campcign-banner-cente_top {
	margin-left: 5px;
    margin-right: 5px;
}
}
img.campcign-banner-cente_top_a {
    display: block;
    margin: auto;
    width: 540px;
    height: auto;
}
@media (max-width: 1440px){
img.campcign-banner-cente_top_a {
    width: 485px;
}
}
@media (max-width: 1199px){
img.campcign-banner-cente_top_a {
    width: 404px;
}
}
@media (max-width: 991px){
img.campcign-banner-cente_top_a {
    width: 296px;
}
}
@media (max-width: 767px){
img.campcign-banner-cente_top_a {
    width: 510px;
	margin-top: 20px;
    margin-bottom: 50px;
}
}
@media (max-width: 425px){
.row.banner-while.fadein.scrollin {
    margin-left: -55px;
    margin-right: -55px;
}
}
@media (max-width: 375px){
.row.banner-while.fadein.scrollin {
	margin-left: -20px;
    margin-right: -20px;
}
}
@media (max-width: 320px){
.row.banner-while.fadein.scrollin {
	margin-left: -10px;
    margin-right: -10px;
}
}
.access-height{
	line-height: 1.6rem
}
/*モニター募集バナー*/
img.monitor-btn {
	clear: both;
    display: block;
    margin: auto;
    padding-top: 80px;
}
@media (max-width:1199px){
img.monitor-btn {
    padding-top: 60px;
    width: 75%;
	height: auto;
}
}
@media (max-width:1024px){
img.monitor-btn {
    width:60%;
	height: auto;
    padding-top: 40px;
}
}
@media (max-width:991px){
img.monitor-btn {
    width: 70%;
}
}
@media (max-width:767px){
img.monitor-btn {
    width: 100%;
    padding-top: 60px;
}
}
@media (max-width:425px){
img.monitor-btn {
    padding-top: 50px;
}
}
input[type="submit"] {
    color: #000!important;
	font-weight: bold!important;
}
input[type="button"] {
    color: #000!important;
	font-weight: bold!important;
}
@media (max-width:767px){
.monitor-btn.monitor-btn_kaso{
	padding: 1px 0px 10px;
}
}
/*JBWA上級認定講師 在籍店*/
.top-jbwa-wax-bg{
	background: url(../img/top-jbwa-wax-bg.png) no-repeat center;
    background-size: cover;
    padding: 50px 0px 80px;
}
img.top-jbwa-logo {
    margin: auto;
    display: block;
}
@media (max-width:767px){
img.top-jbwa-logo {
    width: 20%;
    height: auto;
}
}
.top-jbwa-wax-title {
    text-align: center;
    font-size: 36px;
    color: #fff;
    margin-top: 20px;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
}
@media (max-width:991px){
.top-jbwa-wax-title {
    font-size: 25px;
}
}
@media (max-width:767px){
.top-jbwa-wax-title {
    font-size: 20px;
}
}
.top-jbwa-wax-grop {
    color: #fff;
}
.top-jbwa-wax-subtitle {
    font-size: 24px;
    line-height: 1.8em;
    margin-top: 50px;
	font-family: 'Noto Serif Japanese', serif, sans-serif;
}
@media (max-width:1199px){
.top-jbwa-wax-subtitle {
    font-size: 21px;
}
}
@media (max-width:991px){
.top-jbwa-wax-subtitle {
	font-size: 17px;
}
}
@media (max-width:767px){
.top-jbwa-wax-subtitle {
    font-size: 16px;
}
}
.top-jbwa-wax-text {
	font-size: 18px;
	line-height: 1.8em;
	margin-top: 50px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
@media (max-width:1199px){
.top-jbwa-wax-text {
    font-size: 16px;
}
}
@media (max-width:991px){
.top-jbwa-wax-text {
    font-size: 13px;
    line-height: 1.6em;
}
}
.read-more-dark-grop {
    text-align: center;
}
span.read-more-dark-grop_item {
    background-color: #fff;
    padding: 10px 20px;
    color: #9f5b46;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
@media (max-width:991px){
span.read-more-dark-grop_item {
    font-size: 13px;
	padding: 7px 20px;
}
}
@media (max-width:767px){
span.read-more-dark-grop_item {
    font-size: 13px;
}
}
.read-more-dark-grop {
    text-align: center;
    color: #9f5b46;
    margin-top: 70px;
}
@media (max-width:767px){
.read-more-dark-grop {
    margin-top: 50px;
}
}
img.more-btn_l {
    width: 2.5%;
    height: auto;
}
@media (max-width:767px){
img.more-btn_l,img.more-btn_r{
    width: 7%;
    height: auto;
}
}
/*追加*/
p.address {
    font-size: 14px;
    line-height: 1.5em;
}