@charset "utf-8";
/* CSS Document */
 @media screen and (max-width: 640px) {
/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
	body {
		margin: 0;
		padding: 0;
	}
	
	.disable_sp {
		display: none;
	}

	
	.show_sp {
		display: block;
	}
	
	.disable_pc {
		display: block;
	}
	
	img {
		max-width: 100%;
	}
	
	img.f_left {
		float: none;
	}
	
	img.f_right {
		float: none;
	}
	
	.wp-image-56 {
		float: none !important;
	}

/*****

header

*****/



	.head_wrap .head_cont {
		width: 100%;
	}
  
  .head_wrap .head_cont .logo_wrap {
  	float: none;
  	text-align: center;
  	padding: 0;
  	margin-top: 45px;
  	margin-bottom: 45px;
  }
  
  .head_wrap .reservation {
  	display: none;
  }
  
  .head_wrap .gmenu_wrap {
  	display: none;
  }
  
  .menu-button-right {
  	border: 0 !important;
  	background-image: none !important;	
  }
  
  
  .main_visual_wrap .bx-viewport {
  	height: auto;
  }
  
  #header .response_wrap {
	position: absolute;
    right: 0;
    top: 0;
    width: 213px;
  }
  
  #header .response_wrap li {
  	float: left;
    margin-left: 1px;
  }
 
/***

footer

***/

	.footer_wrap .footer_upper_wrap .footer_upcont {
		width: 100%;
	} 
	
	.footer_wrap .footer_upper_wrap .footer_upcont .logo_wrap {
		width: 100%;
		float: none;
	}	
	
	.footer_wrap .footer_upper_wrap .footer_upcont .logo_wrap h3 img {
		width: 35%;
		margin-bottom: 20px;
	}
	
	
	.footer_wrap .footer_upper_wrap .footer_upcont .logo_wrap ul:after {
		content: ' ';
		clear: both;
		display: block; 
	}
	
	.footer_wrap .footer_upper_wrap .footer_upcont .footer_links {
		width: 92%;
		float: none;
		clear: both;
		margin: 25px auto;
	}
	
	.footer_wrap .footer_upper_wrap .footer_upcont .footer_links.new_2 {
		width: 92%;
		float: none;
		clear: both;
		margin: 25px auto;
	}
	
	.footer_wrap .footer_upper_wrap .footer_upcont .footer_links ul {
		margin-left: auto;
	}
	
	.footer_wrap .footer_upper_wrap .footer_upcont .footer_links.new_2 ul.f_left{
		width: 100%;
		float: none;
		margin-left: auto;
		padding-left: 0;
	}
	.footer_wrap .footer_upper_wrap .footer_upcont .footer_links.new_2 ul.f_right {
		width: 100%;
		float: none;
		margin-left: auto;
		padding-left: 0;
	}
	
	.footer_wrap .footer_upper_wrap .footer_upcont .footer_links li {
		text-align: center;
		font-size: 14px;
		border-bottom: 1px solid #fff;
		padding: 8px 0;
	}
	
	.footer_wrap .footer_upper_wrap .footer_upcont .footer_links li a {
		display: block;
		width: 100%;
	}
	
	
	.footer_wrap .footer_upper_wrap .footer_upcont .calendar_wrap {
		width: 92%;
		margin: 0 auto 35px;
		text-align: center;
		float: none;
	}
	
	.footer_wrap .footer_upper_wrap .footer_upcont .location_wrap {
		width: 92%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	.footer_wrap .footer_upper_wrap .footer_upcont .location_wrap p.info {
		margin-bottom: 2em;
	}
	
	.footer_wrap .footer_cont {
		width: 92%;
		margin: 0 auto;
	}
	
	
	.footer_wrap .footer_cont p.foot_tagline {
		display: none;
	}
	
	.footer_text_wrap {
		width: 92%;
		padding: 2%;
	}
	
/*****

contents

*****/
	
	#container {
		background: #fff;
	}
	
	.pankuzu {
		display: none;
	}
	
	.main_visual_wrap .bxslider img {
		max-width: 100% !important;
	}
	
	.contents_wrap .contents_cont {
		width: 100%;
	}
	
	#top .contents_wrap .contents_cont {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
  	
  	.contents_wrap .contents_cont h2 {
  		line-height: 1.2em;
  		letter-spacing: 0.1em;
  	}
  	
  	#top .contents_wrap .contents_cont h2 img {
  		width: 40%;
  	}
  	
  	.contents_wrap .unit_wrap.topics .box_wrapper {
  		margin-right: auto;
  	}
  	
  	.contents_wrap .unit_wrap.topics .unit_box {
  		width: 78%;
  		margin-left: auto;
  		margin-right: auto;
  		float: none;
  		margin-bottom: 35px;
  	}
  	
  	.contents_wrap .unit_wrap.special_cont .box_wrapper {
  		margin-right: auto;
  		margin-left: auto;	
  	}
  	
  	.contents_wrap .unit_wrap.special_cont .unit_box {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 15px;
	}
  	
  	
  	#top .contents_wrap .unit_wrap.topics .unit_box.mr49 {
  		margin-right: auto;
  	}
  	
  	#top .contents_wrap .unit_wrap.topics .unit_box .photo {
  		height: auto;
  	}
  	
  	#top .contents_wrap .unit_wrap.topics .unit_box .photo img {
  		width: 100%;
  	}
  	
  	.contents_wrap .unit_wrap .more {
  		position: static;
  		margin-left: auto;
  		margin-right: auto;
  		margin-bottom: 45px;
  	}
  	
  	.contents_wrap .unit_wrap .more a {
  		margin-left: auto;
  		margin-right: auto;
  	}
  	
  	#top .contents_wrap .unit_wrap .box_wrapper:after {
  		content: '';
  		clear: both;
  		display: block;	
  	}
  	
  	#top .contents_wrap .unit_wrap .box_wrapper {
  		margin-right: 0;	
  		margin-bottom: 25px;
  	}
  	
  	#top .contents_wrap .unit_wrap.style .box_wrapper .unit_box {
  		margin-bottom: 0 !important;	
  	}
  	
  	#top .contents_wrap .unit_wrap.style .unit_box.mr28 {
  		margin-right: auto;
  	}
  	
  	#top .contents_wrap .unit_wrap.style .unit_box {
  		width: 50%;
  		float: left;
  		margin-left: auto;
		padding: 1%;
		box-sizing: border-box;
  	}
  	
  	#top .contents_wrap .unit_wrap.style .unit_box .photo {
  		width: 100%;
  		height: 140px !important;
  		overflow: hidden;
  	}
  	
  	 @media screen and (max-width: 460px) {
		#top .contents_wrap .unit_wrap.style .unit_box .photo {
			height: 115px !important;	
		}
  	 }
  	 
  	 @media screen and (max-width: 400px) {
		#top .contents_wrap .unit_wrap.style .unit_box .photo {
			height: 105px !important;	
		}
  	 }
  	 
  	 @media screen and (max-width: 360px) {
		#top .contents_wrap .unit_wrap.style .unit_box .photo {
			height: 100px !important;	
		}
  	 }
  	 
  	 @media screen and (max-width: 320px) {
		#top .contents_wrap .unit_wrap.style .unit_box .photo {
			height: 85px !important;	
		}
  	 }
  	
  	#top .contents_wrap .unit_wrap.style .unit_box .photo img {
  		max-width: 100%;
  	}
  	
  	
  	
  	#top .contents_wrap .unit_wrap.style .unit_box .txt_unit {
  		/* position: static;
  		top: auto;
  		margin-top: 10px;
  		height: auto;
  		padding: 10px 4% 30px; */
  		display: none;
  	}

	#sec .contents_wrap {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#sec .contents_wrap h2.catch {
		line-height: 1.6em;
	}
	
	
	#sec #map_wrap {
		height: 280px;
	}
	
	.w860 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#sec.staff .contents_wrap .unit_wrap.w860 {
		width: 100%;
	}
	
	#sec.staff .contents_wrap .unit_wrap .photo {
		width: 100%;
		text-align: center;
		float: none;
		margin-bottom: 15px;
	}
	
	#sec.staff .contents_wrap .unit_wrap .txt_wrap {
		width: 100%;
		float: none;
	}
	
	#sec.price .contents_wrap .unit_wrap .f_left {
		width: 100%;
		float: none;
	}
	
	#sec.price .contents_wrap .unit_wrap .f_right {
		width: 100%;
		float: none;
	}	
	
	#sec.price .contents_wrap .unit_wrap p {
		line-height: 1.2em;
		margin-bottom: 1em;
	}
	
	#sec.price .contents_wrap .unit_wrap li {
		text-indent: -1em;
		padding-left: 1em;
		line-height: 1.6em;
		margin-bottom: 8px;
	}
	
	#sec.reserve .contents_wrap .reserve_btn li:first-child {
		margin-right: auto;
		margin-bottom: 25px;
	}
	
	#sec.reserve .contents_wrap .reserve_btn li {
		width: 100%;
	}

	/**
	salon
	**/
	body.salon .main_visual_wrap {
		width: 92%;
	}
	
	body.salon .bx-wrapper .bx-pager {
		width: 100%;
	}
	
	body.salon .main_visual_wrap .bxslider img {
		margin-left: auto;
	}
	
	
	/** TOP追加 **/
	
	#top .contents_wrap .unit_wrap.introduction_wrap p a {
			margin-bottom: 10px;
			display: inline-block;
	}
	
	#top .contents_wrap .unit_wrap.style .subnavi_wrap ul li {
		width: 50%;
	}
	
	#top .contents_wrap .unit_wrap.style .subnavi_wrap ul li a {
		border-right: 1px solid #B2B2B2;
	}
	
	#top .contents_wrap .unit_wrap.style .subnavi_wrap ul li:nth-child(2) a {
		border-left: 0;
	}
	
	#top .contents_wrap .unit_wrap.style .subnavi_wrap ul li:nth-child(4) a {
		border-left: 0;
	}
	
	#top .contents_wrap .unit_wrap.style .subnavi_wrap ul li:first-child a {
		border-left: 1px solid #B2B2B2;
	}
	
	#top .contents_wrap .unit_wrap.style .unit_box .photo {
		margin-bottom: 0;	
	}
	
	#top .contents_wrap .unit_wrap.style .btn_wrap {
		margin-bottom: 25px;	
	}
	
	#top .contents_wrap .unit_wrap.staff ul {
		width: 80%;
		margin-left: auto;
		margin-right: auto;	
	}
	
	
	#top .contents_wrap .unit_wrap.staff ul li {
		width: 100%;
		float: none;
		margin-bottom: 10px;	
	}
	
	
  @media screen and (max-width: 420px) {
	
  }
  
	



	
	
	
}


@media screen and (max-width: 520px) {
	
}