@charset "UTF-8";

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

*{
		box-sizing: border-box;
	}
body {
		font-size: 16px;
		line-height: 1.5;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif",YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
		color: #000000;
		background-color: #fff;
	}
h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}
main{
	    overflow: hidden;
	    padding-top: 10px;	
}
/*===ヘッダー===*/
#hd_container {
		width: 100%;
		margin: 0 auto;	
	　　z-index: 9999;
}
.hd_logo {
		width: 100%;
		text-align: center;
	    padding-top:　0px;
	    padding-bottom: 0px;
	    position: fixed;
	    background-color: #fff;
	}
#nav_wrapper {
		width: 850px;
		padding-top: 240px ;
		margin :0 auto;
		display: flex;
	}
#nav_wrapper li {
		float: left;
		padding: 10px 50px;		
	}
#nav_wrapper li a {
		text-decoration: none;
		color: #000000;
		transition: background-color 1s;
	}
#nav_wrapper li a:hover {
	    text-decoration: underline;
		color: darkgray;
	}
#navArea {
		display: none;
	}
/*===トップページ===*/
.main_pic {
		clear: both;
	    width: 1000px;
		background-image:url("../../images/main_pic.jpg");
		background-size:cover;
	    margin: 0 auto;
	    overflow: hidden;
	}
.main_pic img {
		width:100%;
	}
/*===メニュー===*/
.menu_container {
	    width: 1000px;
	    margin: 50px auto;	
}
.menu_wrapper {	
	    margin-top: 30px;
	    margin-left: auto;
	    margin-right: auto;
	    display: flex;
}
.menu_left,.menu_right {
		width: 50%;
		display: flex;
	}
.menu_list01 p,.menu_list03 p{
	    text-align: left;
	    padding: 5px 25px;
}
.menu_list02 p,.menu_list04 p{
	    text-align:right;
	 	padding: 5px 25px;
}	
.menu_list05,.menu_list06,.menu_list07{
		text-align: center;
		padding: 40px 0;
}	
.menu_list06 p::after {content: ">>>"}
.menu_list06 a {
	    color: #000000;
		transition: background-color 1s;}
.menu_list06 a:hover{
		color: darkgray;
	}
.menu_list07 img {
		margin: 60px auto 0 auto;
	}
/*===スタイリスト==-*/
.stylist_container {
	    width: 1000px; 
	    margin: 50px auto;	
}
.stylist_wrapper {
	    width: 600px;
	    display: flex; 
	    margin: 0 auto;
}
.stylist01,.stylist02 {
		width: 300px;
		margin-top: 30px;
	}
.stylist01_pic,.stylist02_pic {
		width: 207px;
		margin: 0 auto;
	}
.stylist01_sns,.stylist02_sns {
        width: 300px;
	    margin-top: 10px;	
	    margin-left: auto;
	    margin-right: auto;
	}
.name01,.name02 {
		text-align: center;
		padding: 10px;
	}
.sns_name01,.sns_name02 {
	    text-align: center;	
	    color: #000000; 
   }
.sns_name01 p,.sns_name02 p {
		margin-top: -30px;
	}
.sns_name01 p:hover,.sns_name02 p:hover {
	    color: darkgray;	    
   }
.sns_name01 {
		margin-left: 20px;
	}
.sns_name02 {
	    margin-left: 45px;
}
.staff01 {
	box-sizing: border-box;
	width: 160px;
    height: 50px;
	padding:10px;
	border: 1px solid darkred;
	margin: 70px auto 0 auto;
	}
.staff01 p{
	text-align: center;	
	font-weight: bold;
	}
.staff01 a{
	text-decoration: none;	
	color: darkred;	
	}
.staff01 a:hover{
	text-decoration: none;	
	color: darkgray;	
	}
.staff02 p{
	text-align: center;	
	font-weight: normal;
	color: #000000;
	}
	
/*===ギャラリー===*/
.gallery01_container {
	    width: 1000px;
	    margin: 80px auto;	
	}
.gallery_top{
		margin-top: 30px;
	}
.gallery_top img {
		width:100%;
	}
	.gallery_name {
	font-weight: normal;	
	}
/*===アクセス===*/
.access_and_booking_container {
	    width: 1000px;
	    margin: 80px auto;	
	　　z-index: 100;
	}
.access_pic {
		margin-top: 30px;
	}
.access_pic img {
		width:100%;
	}
.access_wrapper {   
		width: 480px;
		margin:60px  auto;
	    display: flex;
	}
.bnr_facebook,.bnr_Instagram_tur,.bnr_booking {
		padding: 0 40px;
	} 
.bnr_facebook a:hover,.bnr_Instagram_tur a:hover,.bnr_booking a:hover {
	    opacity: 0.5;
}
.bnr_facebook a:hover,.bnr_Instagram_tur a:hover,.bnr_booking a:hover {
	    opacity: 0.5;
}
.shop_info {
		text-align: center;
		line-height: 2;
	    padding: 10px 0;
	}
.adress {
		text-align: center;
		padding: 20px 0;		
	}
.tel_number {
		text-align: center;
		padding: 10px 0;	
	}
.googlemap_bw {
	   	width: 785px;
		height: 350px;
		margin: 50px auto;   
	}
.googlemap_bw iframe {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
  　　　　-moz-filter: grayscale(100%);
  　　　　-ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);	
	    z-index: 1;
	}
/*===ギャラリーページ===*/	
.gallery02_container {
	    width: 1000px;
	    margin: 50px auto;	
	}
.gallery {
		text-align: center;
	    /*padding: 100px 0 0 0;*/
	    font-size: 24px;
	}
.comment p{
		text-align: center;
	    margin: 15px auto
	}
.gallery_slide {
		 width: 800px;
	    margin: 50px auto;			
	}
.gallery_slide img {
		width:100%;
	}

/*===フッター===*/
footer {
	    width:1000px;
	    margin: 0 auto;
}
.footer_inner{
		width: 100%;
	}
.footer_logo {
		width: 100%;
		text-align: center;		
	}
.copyright {
		font-size: 14px;
		text-align: center;
	}
.r_top {
		width: 100px;
		font-size: 12px;
		margin:50px auto;
	}
.r_top::after{content: "▲"}
.r_top a{
	    text-decoration: none;
		color: #000000;
		transition: background-color 1s;
	}
.r_top a:hover {
		color: darkgrey;
	}
}