@charset "UTF-8";
/* CSS Document */


:root{
	
    font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-family: 'Cormorant Garamond', "游ゴシック体", serif;
}

body {

    font-family:'Cormorant Garamond', serif,"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	
    font-family: 'Cormorant Garamond', serif,"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif; 
}
	


 /* 固定ヘッダの高さ分 */
html {
  scroll-padding-top: 76px;
}

/*.contents_inner {
    padding-top: 150px;
}*/


/*ドロップダウン　トグル削除 ボーダーがトグルを作っている*/
.dropdown-toggle:after {
  border: none;
}





/*------ top-page-----*/

.top-box1{
	height: 100px;	
}

.top-box2 h2{
	color: #c19969;
}

.top-box2 h3{
	color: #c19969;
}
.top-box2 {
	color: #c19969;
	background-color:white;
}
.top-box2 h4{
	color: #c19969;
}
.top-box2 h5{
	color: #c19969;
}

.card img{
        transition: 0.3s ease;
}	

.card img:hover {
          /*box-shadow: 0 6px 12px rgba(0,0,0,0.20);
	      transform: tanslate(0,-2px);*/
	  	  opacity: 0.6;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
	      /*-webkit-filter: sepia(20%);
	      filter: sepia(20%);*/
	/*-webkit-filter: saturate(110%);
	filter: brightness(110%);*/
	/*-webkit-filter: saturate(1.05);
	filter: brightness(1.1);*/
	/*-webkit-filter: blur(50%);
	filter: blur(50%);*/
}	


.card.card-0 img:hover {
          /*box-shadow: 0 6px 12px rgba(0,0,0,0.20);
	      transform: tanslate(0,-2px);*/
	  	  opacity: 1;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
	      /*-webkit-filter: sepia(20%);
	      filter: sepia(20%);*/
	/*-webkit-filter: saturate(110%);
	filter: brightness(110%);*/
	/*-webkit-filter: saturate(1.05);
	filter: brightness(1.1);*/
	/*-webkit-filter: blur(50%);
	filter: blur(50%);*/
}	

.index-text-color{	
	color: #c19969;
	background-color: white;
	font-size: 1.4rem;
	font-weight: 500;
	font-family: 'Cormorant Garamond', serif,"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif; 
}

.index-text-color:hover{ 	
 color: #c19969;
 font-weight: 600;
 opacity: 1;
}

.top-box3 {
	 color: #333333;
	font-size: 0.8rem;
	font-weight: 300;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}





/*--------  ワークショプ　--------*/

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


.ws-1{
	color: #fff;
	/*background-color: #cf2087;*/
	background-color: #FCE5E2;
	font-size: 0.8rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.workshop-top hr{
height: 2px;
background-color: #777777;
border: none;
color: #ff0000;
}

.workshop-p2 {
height: 3px;
background-color: #0065b2;
border: none;
color: #ff0000;
}

.ws-h3 {
	 color: #333333;
	font-size: 1.3rem;
	font-weight: 500;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.ws-h4 {
	 color: #333333;
	font-size: 1.1rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.ws-p {
	 color: #5f5f5f;
	font-size: 0.9rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.ws-h5 {
	 color: #5f5f5f;
	font-size: 1rem;
	font-weight: 300;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.ws-p1 {
	 color: #333333;
	font-size: 0.9rem;
	font-weight: 600;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.ws-p2 {
	 color: #333333;
	font-size: 0.9rem;
	font-weight: 400;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.company-p1 {
	 color: #333333;
	font-size: 1rem;
	font-weight: 400;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.company-p2 {
	 color: #333333;
	font-size: 0.9rem;
	font-weight: 400;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.ws-p3 {
	 color: #333333;
	font-size: 0.7rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.ws-btn:hover {
	 color: #c19969;
	border: solid 1px #c19969;
	font-size: 0.8rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.ws-btn {
	color: #fff;
	background-color: #c19969;
	border:  solid 1px #c19969;
	ont-size: 0.8rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"	
}





/*--------  jugah page　--------*/

.jugah-img100 {
    width: 100%;
    height: auto;
}

.icon2:before{
	content: "";
	padding-right: 15px;
	border-left: 5px solid #0065b2;
}

.jugah-1{
	color: #fff;
	background-color: #cf2087;
	font-size: 0.8rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.jugah-h3 {
	 color: #333333;
	font-size: 2rem;
	font-weight: 500;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.jugah-h4 {
	 color: #5f5f5f;
	font-size: 1.4rem;
	font-weight: 300;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.jugah-h5 {
	color: #c8bca1;
	font-size: 1.5rem;
	font-weight: 300;
}

.jugah-h5-sm {
	color: #c8bca1;
	font-size: 1.5rem;
	font-weight: 500;
}

.jugah-p {
	 color: #5f5f5f;
	font-size: 1rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium","Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: justify;
}

.jugah-p1 {
	 color: #5f5f5f;
	font-size: 0.8rem;
	font-weight: 300;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.jugah-p2 {
	 color: #333333;
	font-size: 1rem;
	font-weight: 400;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.jugah-btn {
	color: #fff;
	background-color: #c8bca1;
	border:  solid 1px #c8bca1;
	font-size: 1rem;
	font-weight: 500;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"	
}

.jugah-btn:hover {
	 color: #c8bca1;
	background-color: #fff;
	border: solid 2px #c8bca1;
	font-size: 1rem;
	font-weight: 500;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

img.jugah-top{
	object-fit: contain;
}

/*--------  jugah page　end--------*/






/*-----  ワークショップ イベントフォントスタイル設定　-----*/

.ws-box h2{
	color: #c19969;
}

.ws-box h3{
	color: #c19969;
}
.ws-box {
	color: #c19969;
	background-color:white;
}
.ws-box h4{
	color: #c19969;
	}
.ws-box h5{
	color: #5f5f5f;
}





/*------ サロン紹介　-----*/

.salon-oursalon p{
	 color: #5f5f5f;
	font-size: 1.1rem;
	font-weight: 300;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.salon-oursalon2 p{
	 color: #5f5f5f;
	font-size: 1rem;
	font-weight: 300;
	font-family: YuGothic,"Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}





/*------ メニュー紹介　-----*/

.menu-box1 h3{
	color: #c19969;
}

.custom-p-font300 {
	font-weight: 300;
	color: #5f5f5f;
} 

.custom-h1-font500 {
	font-weight: 600;
	
} 
.custom-h1-font600 {
	font-weight: 600;
	color: #5f5f5f;	
} 

.custom-color-active{
	color: rgba(0,101,178,1);
}

.custom-color{
	color: #c19969;
}

.custom-bk-color1{
	background-color: #FCE5E2;
}

.custom-color-p1{
	color: #5f5f5f;
}
.custom-color-menu{
	color: #333333;
}

.custom-color-menu2 {
	color: #3f3f3f;
}

.menu-face-accr {
	color: #67a5da;
	font-size: 1rem;
	font-weight: 300;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	background-color: #fff;
}

.menu-face-accr-p {
	color: #333333;
	font-size: 0.8rem;
	font-weight: 300;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.custom-card-header{
	background-color: #fff;
}

.custom-menu-face-h6{
	color: #333;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1rem;
	font-weight: 500;
}

.menu-list-box1 h3{ color: #c19969; }
.menu-list-box2 h3{ color: #c19969; }
.menu-list-box3 h3{ color: #c19969; }
.menu-list-box4 h3{ color: #c19969; }
.menu-list-box5 h3{ color: #c19969; }
.menu-list-box6 h3{ color: #c19969; }
.menu-list-box7 h3{ color: #c19969; }



.menu-list-box2 h4{ color: #c19969; font-size:1.4rem; font-weight: 500;}
.menu-list-box3 h4{ color: #c19969; font-size:1.4rem; font-weight: 500;}
.menu-list-box4 h4{ color: #c19969; font-size:1.4rem; font-weight: 500;}
.menu-list-box5 h4{ color: #c19969; font-size:1.4rem; font-weight: 500;}
.menu-list-box6 h4{ color: #c19969; font-size:1.4rem; font-weight: 500;}
.menu-list-box7 h4{ color: #c19969; font-size:1.4rem; font-weight: 500;}



.menu-list-box1 h5{ color: #c19969; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1.1rem; font-weight: 200;}
.menu-list-box2 h5{ color: #c19969; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1.1rem; font-weight: 200;}
.menu-list-box3 h5{ color: #c19969; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1.1rem; font-weight: 200;}
.menu-list-box4 h5{ color: #c19969; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1.1rem; font-weight: 200;}
.menu-list-box5 h5{ color: #c19969; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1.1rem; font-weight: 200;}
.menu-list-box6 h5{ color: #c19969; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1.1rem; font-weight: 200;}
.menu-list-box7 h5{ color: #c19969; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1.1rem; font-weight: 200;}



.menu-list-box1 h6{ color: #4f4f4f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 300;}
.menu-list-box2 h6{ color: #4f4f4f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 300;}
.menu-list-box3 h6{ color: #4f4f4f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 300;}
.menu-list-box4 h6{ color: #4f4f4f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 300;}
.menu-list-box5 h6{ color: #4f4f4f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 300;}
.menu-list-box6 h6{ color: #4f4f4f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 300;}
.menu-list-box7 h6{ color: #4f4f4f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 300;}



.menu-list-box1 p{ color: #6f6f6f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}
.menu-list-box2 p{ color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}
.menu-list-box3 p{ color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}
.menu-list-box4 p{ color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}
.menu-list-box5 p{ color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}
.menu-list-box6 p{ color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}
.menu-list-box7 p{ color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}


/*　--salon-- */
.menu-box2 p{color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 1.0rem; font-weight: 300; }
.menu-box2-5 h3{color:#c19969;}

/* モバイル対応　--salon-- */
.menu-box2-res p{color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}
.menu-box2-5-res h3{color:#c19969;}



.menu-box4 h5{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.menu-box5 h5{color:#c8bca0; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.menu-box5 h6{color:#c8bca0; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.menu-box4 p{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1rem;}
.menu-box5 p{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1rem;}
.menu-box6 p{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem;}



/* モバイル対応　--salon therapist紹介-- */
.menu-box5-res p{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem;}
.menu-box5-res h5{color:#c8bca0; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 1.1rem;}
.menu-box5-res h6{color:#c8bca0; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 0.9rem;}




/* information */
.info-box p{color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 1.0rem; font-weight: 300; }
.info-box-5 h5{color:#5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

/* モバイル対応 */
.info-box-res p{color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}
.info-box-5-res h5{color:#5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:1.1rem; font-weight: 400;}


.info-list li{color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 1.0rem; font-weight: 300; }

/* モバイル対応 */
.info-list-res li{color: #5f5f5f; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:0.9rem; font-weight: 200;}


.info-p1{
	color: #333333;
	font-size: 0.9rem;
	line-height: 2;
	font-weight: 200;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.info-p1-2{
	color: #333333;
	font-size: 1rem;
	font-weight: 300;
	/*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"*/
}
.info-p1-4{
	color: #333333;
	font-size: 1rem;
	font-weight: 300;
	text-align: right;
	/*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"*/
}


.info-p1-3{
	color: #333333;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 300;
	/*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"*/
}

.info-p2{
	color: #333333;
	font-size: 0.8rem;
	font-weight: 200;
	/*text-align: right;*/
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}






.top-box3 ul{
	opacity: 0.9;
}
.top-box3 a{
	opacity: 0.9;
}

.top-box4{
	background-color: #0065b2;
	height: 300px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #fff;
}

.top-box4-2{
	font-size: 0.9rem;
	font-weigt: 200;
}
.top-box4-copyright{
		font-size: 0.7rem;
	    font-weight: 200;
		color: #fff;
}
p.top-box4-copyright{
	font-size: 0.8rem;
	font-weight: 200;
	color: #fff;
}



.custom-background-color1{
	background-color: #fdfdfb;
}

.custom-background-color2{
	background-color: #e5eaeb;
}

.custom-background-color3{
	background-color: #9999;
}

.custom-background-img1{
	background-image:url("../images/reservation-btn.png");
	width: 120px;
	height: 45px;
}
.custom-background-img2{
	background-image:url("../images/elmar-1.png");
	width: 100%;
	height: 500px;
	background-size:cover;
}

.custom-background-img3{
	background-image:url("../images/salon-title.png");
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
}

.custom-background-img4{
	background-image:url("../images/menu-title.png");
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
}

.custom-background-img5{
	background-image:url("../images/elmar-1.png");
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
}

/*jugah top*/
.custom-background-img6{
	background-image:url("../images/jugah-top3.jpg");
	background-repeat: no-repeat;
	max-width: 100%;
    background-size: cover;
}

.custom-background-img7{
	background-image:url("../images/jugah-01.png");
	background-repeat: no-repeat;
	max-width: 100%;
    background-size: cover;
}


/*------ salon-page-----*/





/* メニューの文字間を調整*/
.nav-item{
	padding-left: 5px;
	padding-right: 5px;
}

/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link{
    color: #5f5f5f;
	font-size: 1.1rem;
	font-weight: 500;
}

.navbar .navbar-nav .nav-link:hover{
    color: rgba(0,101,178,1);
}


/* ドロップダウンアイテムの文字色 */
.dropdown-item {
    color: #5f5f5f;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 62.5%; /* = height ÷ width × 100 */
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}