@charset "utf-8";


/* 基本情報 */
body {
	margin          	: 0;
	padding         	: 0;
	font-family     	: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

h1 {
	margin			: 0;
	padding			: 0;
	font-size		: 36px;
	font-weight		: normal;
	text-align		: center;
}

p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 21px;
	font-weight		: normal;
	line-height		: 1.7;
}

a {
	text-decoration		: none;
}

a:link {
	color			: black;
}
a:visited {
	color			: black;
}
a:hover {
	color			: gray;
}
a:active {
	color			: black;
}

img {
	margin			: 0;
	padding			: 0;
	border-style		: none; 
	font-size		: 0;
	vertical-align		: bottom;
}


i {
	font-size		: 13px;
}


/* ページ情報*/
section, article, aside, nav, header, main, footer, recom, address {
	display			: block;
	font-style		: normal;
}
header{
	width			: 750px;
	margin			: 0 auto;
	padding			: 10px 0;
}


/* プルダウン研究*/

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0px 40px 0 0;
  text-align: left;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  text-align: left;
background-color: rgba(255,255,255,0.6);
}
.dropmenu li:hover > a{

}
.dropmenu li a:hover{

}





#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
#flip2 li:hover li{
  transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
  transition-delay: .1s;
}
#flip2 ul li:nth-child(3) {
  transition-delay: .2s;
}
#flip2 ul li:nth-child(4) {
  transition-delay: .3s;
}
#flip2 ul li:nth-child(5) {
  transition-delay: .4s;
}


/* プルダウン研究終わり*/


/* メニューバーの基本 */

nav {
	margin			: 0;
	padding			: 20px 0 0 0;
}
.flex{
	display			: flex;
	justify-content		: center;
	
}
nav ul{
	list-style-type		: none;
	margin			: 0;
	padding			: 0;
}
nav ul li{
	margin			: 0 0 0 28px;
	padding			: 0;
	font-size		: 14px;
}
nav a:link {
	color			: black;
}
nav a:visited {
	color			: black;
}
nav a:hover {
	color			: gray;
	transition-duration	: 1s;
}
nav a:active {
	color			: black;
}



/* メニューバーの基本終わり */



.width{
min-width: 900px;
}
main{
	margin			: 0 auto;
	padding			: 0 0 60% 0;
	text-align		: center;
        background-color        : lightgray;
}

main img{
	max-width		: 100%;
	min-width		: 900px;
}

article{
	margin			: 0 auto;
	padding			: 0 0 30% 0;
	text-align		: center;
}

article img{
	max-width		: 100%;
	min-width		: 900px;
}


esse{
	margin			: 0 auto;
	padding			: 0 0 0 0;
	text-align		: center;
}

esse img{
	max-width		: 100%;
	min-width		: 900px;
}


.nazobox{
	overflow		: hidden;
	width			: 100%;
	margin			: 10px auto 10px;
	padding			: 0;
	border-bottom		: 1px solid gray;
	box-shadow		:5px 5px 10px rgba(0, 0, 0, 0.9);
}


.salon{
	margin			: 0;
	padding			: 0px 0 100px 0;
	text-align		: center;
}



.salon h2{
	width			: 900px;
	margin			: 0 auto;
	padding			: 60px 0 40px;
	font-size		: 28px;
	text-align		: center;
}
.salon h3{
	margin			: 0;
	padding			: 20px 0 0 0;
	font-size		: 21px;
}
.salon h4{
	margin			: 0;
	padding			: 10px 0 0 0;
}

.salon h4 img{
padding: 0px 5px 3px 0;
    width: 5%;
}


h3 img {
    width: 55px;
}


h5 {
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}


h6{
	margin			: 0 auto;
	font-size		: 28px;
	text-align		: center;
}

h7{
	margin			: 0 auto;
	font-size		: 16px;
	text-align		: center;
}

h8{
	margin			: 0 auto;
	font-size		: 28px;
	text-align		: center;
}

.salon p{
	margin			: 0;
	padding			: 10px 0 0 0;
	font-size		: 16px;
}

.salon p img{
	margin			: 0;
	width			: 43%;
}

.salon img{
	padding			: 5px;
	background-color	: white;

}


.greet{
	margin			: 0;
	padding			: 0px 0 30px 0;
	text-align		: center;
}

.greet h2{
	width			: 900px;
	margin			: 0 auto;
	padding			: 45px 0 0px;
	font-size		: 26px;
	text-align		: center;
}


.greet p{
	margin			: 0;
	padding			: 10px 0 0 0;
	font-size		: 16px;
}


.topoverflow{
	overflow		: hidden;
	width			: 1250px;
	margin			: 0 auto;
}

.recomflow{
	overflow		: hidden;
	width			: 1100px;
	margin			: 0 auto;
}


.moveoverflow{
	overflow		: hidden;
	width			: 1000px;
	margin			: 0 auto;
}


.photo{
background-image : url(../images/kodai.jpg);
}


.overflow{
	overflow		: hidden;
	width			: 900px;
	margin			: 0 auto;
}


.overflowbetu{
	overflow		: hidden;
	width			: 1200px;
	margin			: 0 auto;
}

.salon_left{
	float			: left;
	width			: 400px;
}
.salon_left img{
	width			: 96%;
}
.salon_right{
	float			: right;
	width			: 400px;
}

.salon_right img{
	width			: 96%;
}


.topsalon_left{
	float			: left;
	width			: 620px;
}
.topsalon_left img{
	width			: 96%;
}
.topsalon_right{
	float			: right;
	width			: 620px;
}

.topsalon_right img{
	width			: 96%;
}


.salmovi{
background-color: #fbfbf3;
	margin			: 0;
	padding			: 36px 0 100px 0;
	text-align		: center;
}

.salmovi h2{
	width			: 900px;
	margin			: 0 auto;
	padding			: 0px 0 5px;
	font-size		: 28px;
	text-align		: center;
}


.salmovi_left{
	float			: left;
	width			: 470px;
}
.salmovi_left img{
	width			: 96%;
}
.salmovi_right{
	float			: right;
	width			: 470px;
}

.salmovi_right img{
	width			: 96%;
}


.topcolle{
background-color: #fbfbf3;
	margin			: 0;
	padding			: 50px 0 100px 0;
	text-align		: center;
}

.overflowcoll{
	overflow		: hidden;
	width			: 1200px;
	margin			: 0 auto;
}


section{
	float			: left;
	width			: 420px;
	margin			: 20px 0;
	padding			: 0;
}
section h2{
	margin			: 0;
	padding			: 10px 0;
}
section table{
	margin			: 0;
	padding			: 0;
}
section table th{
	padding			: 0 10px 0 0;
	vertical-align		: top;
}
.scroll{
	overflow		: auto;
	height			: 360px;
}
aside{
	float			: right;
	width			: 420px;
	margin			: 20px 0;
	padding			: 0;
}
aside h2{
	margin			: 0;
	padding			: 10px 0;
}
aside img{
	width			: 100%;
	margin			: 10px 0 0 0;
}

.left{
	float			: left;
	width			: 270px;
	padding			: 20px 45px 0 0;
}
.left img{
	width			: 100%;
}
.center{
	float			: left;
	width			: 270px;
	padding			: 20px 45px 0 0;
}
.center img{
	width			: 100%;
}
.center p{
	text-align		: center;
}
.right{
	float			: left;
	width			: 270px;
	padding			: 20px 0 0 0;
}
.right img{
	width			: 100%;
}
footer{
	margin			: 40px auto 0;
	padding			: 0;
	background-color	: #222222;
	color			: white;
}
.footer_left{
	float			: left;
	width			: 250px;
	margin			: 100px 0 0 57px;
}
.footer_right{
	float			: right;
	width			: 250px;
	margin			: 100px 10px 0 0;
}
footer h2{
	margin			: 0;
	padding			: 0;
}
footer ol, footer ol li{
	display			: block;
	font-size		: 13px;
	margin			: 0;
	padding			: 0;
}
.footer_nav{
	width			: 860px;
	margin			: 0 auto;
}

.footer_flex{
	display			: flex;
	justify-content		: center;
	
}
.footer_nav ul{
	list-style-type		: none;
	margin			: 0;
	padding			: 0;
}
.footer_nav ul li{
	margin			: 0 0 0 28px;
	padding			: 0;
	font-size		: 14px;
}
footer p {
	clear			: both;
	margin			: 10px 0 0 0;
	padding			: 0 0 10px 0;
	font-size		: 14px;
	text-align		: center;
}
footer a:link {
	color			: white;
}
footer a:visited {
	color			: white;
}
footer a:hover {
	color			: gray;
	transition-duration	: 1s;
}
footer a:active {
	color			: white;
}


/* 個別ページ情報 */


.stuffflow{
	overflow		: hidden;
	width			: 1000px;
	margin			: 0 auto;
}


.twotop{
	overflow		: hidden;
	width			: 100%;
	margin			: 0 auto;
}

.twotop p{
    margin: -15px 0px 0;
	font-size		: 0px;
	color			: white;

}

.staff{
	margin			: 0;
	padding			: 40px;
	color			: white;
	background-color	: #222222;
	text-align		: center;
}
.staff_left{
	float			: left;
	width			: 295px;
	padding			: 20px 45px 0 0;
	text-align		: center;
}
.staff_left img{
	width			: 100%;
	-webkit-filter		: grayscale(100%);
	filter			: grayscale(100%);
	transition-duration	: 1s;
}
.staff_left img:hover{
	-webkit-filter		: grayscale(0%);
	filter			: grayscale(0%);
	transition-duration	: 1s;
}



.twotop_left{
	float			: left;
	width			: 50%;
	text-align		: center;
}
.twotop_left img{
	width			: 100%;
	-webkit-filter		: grayscale(100%);
	filter			: grayscale(100%);
	transition-duration	: 1s;
}
.twotop_left img:hover{
	-webkit-filter		: grayscale(0%);
	filter			: grayscale(0%);
	transition-duration	: 1s;
}




.staff_center{
	float			: left;
	width			: 295px;
	padding			: 20px 45px 0 0;
	text-align		: center;
}
.staff_center img{
	width			: 100%;
	-webkit-filter		: grayscale(100%);
	filter			: grayscale(100%);
	transition-duration	: 1s;
}
.staff_center img:hover{
	-webkit-filter		: grayscale(0%);
	filter			: grayscale(0%);
	transition-duration	: 1s;
}
.staff_center p{
	text-align		: center;
}
.staff_right{
	float			: left;
	width			: 295px;
	padding			: 20px 0 0 0;
	text-align		: center;
}
.staff_right img{
	width			: 100%;
	-webkit-filter		: grayscale(100%);
	filter			: grayscale(100%);
	transition-duration	: 1s;
}
.staff_right img:hover{
	-webkit-filter		: grayscale(0%);
	filter			: grayscale(0%);
	transition-duration	: 1s;
}



.twotop_right{
	float			: left;
	width			: 50%;
	text-align		: center;
}
.twotop_right img{
	width			: 100%;
	-webkit-filter		: grayscale(100%);
	filter			: grayscale(100%);
	transition-duration	: 1s;
}
.twotop_right img:hover{
	-webkit-filter		: grayscale(0%);
	filter			: grayscale(0%);
	transition-duration	: 1s;
}



.logo_right img{
	width			: 45%;
	-webkit-filter		: grayscale(100%);
	filter			: grayscale(100%);
	transition-duration	: 1s;
}


.logo_left img{
	width			: 45%;
	-webkit-filter		: grayscale(100%);
	filter			: grayscale(100%);
	transition-duration	: 1s;
}

.staff_{
	margin			: 0;
	padding			: 40px;
	color			: white;
	background-color	: #222222;
	text-align		: center;
}
.staff_img{
	float			: left;
	margin			: 40px 20px;
	padding			: 0;
}
.staff_text{
	float			: right;
	width			: 265px;
	margin			: 20px 0 0 0;
	padding			: 100px 0 0 0;
}
.staff_text p{
	font-size		: 16px;
}
.staff_ex{
	width			: 860px;
	margin			: 20px auto;
}
.staff_ex p, .staff_exl p, .staff_exr p{
	font-size		: 16px;
}
.staff_exl{
	float			: left;
	width			: 410px;
	margin			: 20px;
}
.staff_exr{
	float			: right;
	width			: 410px;
	margin			: 20px;
}

.recom_ex{
	width			: 948px;
	margin			: 20px auto;
}
.recom_ex p, .staff_exl p, .staff_exr p{
	font-size		: 16px;
}
.recom_exl{
	float			: left;
	width			: 490px;
	margin			: 20px;
}

.recom_exl p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 1.7;
}

.recom_exl img{
	width			: 100%;
	float			: left;
	padding			: 0;
}

.recom_exr{
	float			: right;
	width			: 490px;
	margin			: 20px;
}

.recom_exr p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 1.7;
}


.recom_left{
	float			: left;
	width			: 490px;
	margin			: 70px 0px 0;
}

.recom_left h3{
    text-align: center;
}

.recom_left p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 1.7;
}

.recom_left img{
	width			: 100%;
	float			: left;
	padding			: 0;
}


.spa_left{
	float			: left;
	width			: 595px;
	margin			: 30px 0px 0;
}

.spa_left h3{
    text-align: center;
}

.spa_left p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 1.7;
}

.spa_left img{
	width			: 100%;
	float			: left;
	padding			: 0;
}


.spa2_left{
	float			: right;
	width			: 595px;
	margin			: 30px 0px 0;
}


.spa2_left h3{
    text-align: center;
}


.spa2_left p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 1.7;
}

.spa2_left img{
	width			: 100%;
	float			: left;
	padding			: 0;
}




.recom_rig{
	float			: right;
	width			: 490px;
	margin			: 70px 0px 0;
}

.recom_rig h3{
    text-align: center;
}

.recom_rig p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 1.7;
}


.recom_rig img{
	width			: 100%;
	float			: right;
	padding			: 0;
}


.spa_rig{
	float			: right;
	width			: 490px;
	margin			: 105px 0px 0;
}

.spa_rig h3{
    text-align: center;
}

.spa_rig p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 1.7;
}


.spa_rig img{
	width			: 100%;
	float			: left;
	padding			: 0;
}


.spa2_rig{
	float			: left;
	width			: 490px;
	margin			: 105px 0px 0;
}

.spa2_rig h3{
    text-align: center;
}

.spa2_rig p {
	margin			: 20px 20px 0;
	padding			: 0;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 1.7;
}


.spa2_rig img{
	width			: 100%;
	float			: right;
	padding			: 0;
}




.nin_img{
	float	: right;
	width	: 190px;
	margin	: 19px 0 36px 0;
}

.nin_tx{
	float	: left;
	width	: 300px;
	margin	: 0px 0 0 0;
}

.nin_img2{
	float	: left;
	width	: 190px;
	margin	: 0px 0 0 0;
}

.nin_tx2{
	float	: right;
	width	: 300px;
	margin	: 0px 0 0 0;
}



#slideshow {
   position: relative;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


.fuga_stuff{
	width :620px;
	height:680px;
	float :left;
}
.lays{
	position:absolute;
	z-index :0;
}
.staff_photo{
	/* border:solid 1px #b2ffd6;*//* use for test */
}


.icon{
    margin: 25px 0px 0 27px;
	width :40px;
}


.recruit{
	width	:900px;
	margin	: 0 auto;
}

.recruit h2{
	margin		: 80px 0 0 0;
	padding		: 5px 10px 0 ;
	border-left 	:8px solid #222222;
	line-height	: 1.4;
	font-size	: 20px;
}
.recruit p{
	font-size	: 16px;
}
.recruit img{
	width	: 100%;
	margin	: 40px 0 0 0;
}

.recruit ul li{
	display	: inline;
	margin	: 0 80px 0 0;
	border-bottom	: 1px solid #222222;
	font-size	: 19px;
	font-weight	: bold;
}
.recruit h3{
	width	: 400px;
	margin: 20px 0 0 0;
	padding : 0;
	border-bottom	: 2px solid #222222;
	font-size : 16px;
}
.recruit table{
	width	: 400px;
	margin	: 20px 0 0 0;
}
.recruit table th{
	padding		: 15px 10px 10px 10px;
	background-color: #EEE;
}
.recruit table td{
	padding		: 15px 10px 8px 10px;
	border-bottom	: 2px solid #EEE;
}
.hidden{
	overflow	: hidden;
}
.table_left{
	float		: left;
}

.table_right{
	float		: right;
}

.rec_img{
	float	: left;
	width	: 200px;
}

.rec_img1{
	float	: left;
	width	: 286px;
	margin	: 36px 0 0 0;
}

.rec_img2{
	float	: left;
	width	: 286px;
	margin	: 36px 0 0 0;
}

.rec_tx{
	float	: right;
	width	: 600px;
	margin	: 50px 0 0 0;
}

.rec_left{
	float	: left;
	width	: 400px;
}

.rec_right{
	float	: right;
	width	: 400px;
}
.rec_left p, .rec_right p{
	text-align	: center;
}

.shop{
	width	:900px;
	margin	: 0 auto;
}

.shop p{
	font-size	: 16px;
}


.shop img{
	text-align	: center;
	width		: 100%;
}


.shop_img1{
	float	: left;
	width	: 286px;
	margin	: 65px 0 0 0;
}

.shop_img2{
	float	: left;
	width	: 286px;
	margin	: 80px 0 0 0;
}


.shop_left{
	float	: left;
	width	: 550px;
}

.shop_bot{
	float	: left;
	width	: 550px;
}

.shop_bot img{
	float	: left;
	width	: 25%;
	padding	: 0px 0px 0px 80px;
}


.shop_right{
	float	: right;
	width	: 300px;
}
.shop table{
	font-size	: 14px;
}

.shop table th{
	width	: 100px;
	padding	: 0 20px 10px 0;
	text-align	: left;
	vertical-align	: top;
}


.shop table td{
	padding	: 0 0px 20px 0;
}


.menu{
	width	: 600px;
	margin	: 0 auto;
}
.menu h2{
	padding		: 40px 0 0 0;
	text-align	: center;
}
.menu table th{
	width	: 300px;
	padding-top	: 10px;
	text-align	: left;
	border-bottom	: 1px solid #EEE;
}

.menu table td{
	width	: 300px;
	padding-top	: 10px;
	text-align	: right;
	border-bottom	: 1px solid #EEE;
}


.pm{
	overflow	: hidden;
	width		: 1040px;
	margin		: 20px auto 80px;
}
.pm h2{
	text-align	: center;
}
.pm_left{
	float	: left;
	width	: 495px;
	border	: 1px solid #222222;
	border-radius	: 5px;;
}
.pm_left img{
	width	: 476px;
	margin	: 10px;

}
.pm_right{
	float	: right;
	width	: 515px;
}
.pm_right p{
	margin-top	: 10px;
	font-size	: 16px;
}
.border{
	display	: block-inline;
	margin	: 20px 70px 0 20px;
	padding	: 5px;
	border	: 1px solid #222222;
	border-radius	: 5px;
	background-color	: #FAFAFA;
background-image: url("../images/bim.jpg");
background-repeat: repeat;
}
.border p{
	margin	: 0;
	padding	: 0;
}

.collection{
	width			: 1000px;
	margin			: 0 auto;
}
.collection p{
	margin			: 60px 0;
	padding			: 0;
	text-align		: center;
}
.collection p img{
	max-width			: 1000px;
}
.collection h3{
	margin			: 40px 40px 10px;
	padding			: 0;
	font-size		: 18px;
	font-weight		: bold;
}
.collection h4{
	margin			: 0 40px;
	padding			: 0;
	font-size		: 14px;
	font-weight		: normal;
}
.backnumber{
	width			: 1000px;
	margin			: 0 auto;
}
.backnumber h3{
	margin			: 100px 0 0;
	padding			: 10px;
	border-top		: 1px dotted black;
	font-size		: 16px;
	font-weight		: bold;

}
.backnumber ul{
	margin			: 0 20px;
	padding			: 0;
}
.backnumber ul li{
	display			: inline-block;
	margin			: 10px 20px 0 0;
}


.movie{
	width			: 1000px;
	margin			: 0 auto;
}
.movie h3{
	margin			: 100px 0 0;
	padding			: 10px;
	border-top		: 1px dotted black;
	font-size		: 20px;
	font-weight		: bold;

}

.movie img{
	width			: 600px;
	margin			: 0 0 0 190px;
}



/* 店舗の写真 */

.heshop{
min-width: 900px;
}

hecen{
	margin			: 0 auto;
	padding			: 0 0 67% 0;
}


#swapimage{
	position:relative;
    background: url("../images/slide_bg.gif") no-repeat 0 0;
    display: block;
    height: 538px;
    margin-left: 307px;
    overflow: hidden;
    width: 775px;

}

#swapimage #main_image{
	position:absolute;
	z-index:1;
	left:0px;
	top:16px;
}

#swapimage #thumbnail{
	position:absolute;
	z-index:10;
	right:30px;
	bottom:45px;;
}

#swapimage #thumbnail img{
	padding:1px;
	background:#ffffff;
	border:1px solid #cccccc;
}

#swapimage #thumbnail li{
	float:left;
	display:block;
	margin-right:3px;
}

/* フロ－ティング */

#footerFloatingMenu {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 18px;
    z-index: 9999;
    text-align: right;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 100%;
}


/* メールフォーム */


.form{
	overflow	: hidden;
	width		: 720px;
	margin		: 20px auto 80px;
}


.contents_inner {
    padding: 0 15px 0 65px;
}


.input_area {
    width: 600px;
    border: 1px dashed #CCCCCC;
    margin-top: 10px;
}