/*
Theme Name : Amiasaty
*/

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

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

::before , ::after {
	box-sizing: inherit;
}
body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 15px;	
	color: #000;
	line-height: 2.2;
}
a {
	display: block;
	text-decoration: none;
	color: #000;
}
a:hover {
	opacity: 0.8;
	color: #000;
}
.pcview,.taview {
	display: block;
} 
.pc_taview {
	display: block;
} 
.spview {
	display: none;
}
ul li {
	list-style-type: none;
}
.wrap_area {
	width: 1400px;
	margin: 0 auto;;
}
span.other_v  {
	display: inline-block;
}
@media print, screen and  (max-width:1600px) {
	.wrap_area {
		max-width: 100%;
	}
}
	
/*予約ボタン*/

.h-wrap__btn .h-rsv{
  position: fixed;
  top: 0;
  right: 80px;
  width: 80px;
  height: 80px;
  z-index: 5;
  box-sizing: border-box;
  cursor: pointer;
  background: #797669;
 padding: 20px;	
}
.h-wrap__btn .h-rsv a {
	text-align: center;
	
}
.h-wrap__btn .h-rsv img {
	max-width: 70%;
	vertical-align:top;
}

.h-wrap__btn .h-rsv span {
	font-size: 12px;
	color: #fff;
}
/* ハンバーガー*/
#hamburger .btn-gNav{
  position: fixed;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  z-index: 5;
  box-sizing: border-box;
  cursor: pointer;
  background: #000;	
}

#hamburger .btn-gNav span{
position: absolute;
    width: 33%;
    height: 2px;
    background: #fff;
	right: 30%;
}
#hamburger .btn-gNav span:nth-child(1) {
  top:30px;
}
#hamburger .btn-gNav span:nth-child(2) {
  top:40px;
}
#hamburger .btn-gNav span:nth-child(3) {
  top:50px;
}
#hamburger .btn-gNav.open span:nth-child(1){
  background: #fff;
  top: 18px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
#hamburger .btn-gNav.open span:nth-child(2),#hamburger .btn-gNav.open span:nth-child(3){
  top: 18px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
#gNav{
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #000;
  font-size: 16px;
  box-sizing: border-box;
  z-index: 4;
  padding-top: 50px;
  transition: .3s;
}
#gNav.open{
  right: 0px;
}
#gNav .gNav-menu{
  width: 100%;
  height:100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  /*justify-content: center;*/
}
#gNav .gNav-menu li{
  display: block;
  padding : 20px 30px;
}
#gNav .gNav-menu li a{
  color: #ddd;
  text-decoration: none;
}

.cart_btn {
  position: fixed;
  top: 0;
  right: 81px;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  cursor: pointer;
  background: #000;
  text-align: center;
  z-index: 2;
}
.cart_btn img {
    width: 40%;
    position: absolute;
    top: 28%;
    right: 25%;
}
main {
	width:96%;
	margin: 0 auto;
}
main ul li {
	list-style-type: none;
}
#main_v {
	width: 1200px;
	margin: 50px auto 20px;
}
#main_v img {
max-width:100%;
}
.mv_logo {
	position: absolute;
	top: 20%;
	left: 41%;
	z-index: 1;
}
.mv_logo img {
	width: 60%;
}
.catch {
 	font-size: 18px;	
	letter-spacing: 2px;
	color: #000;
	text-align: center;
	margin: 30px auto;
}
.item_list ul,.item_list2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}
.item_list ul li {
	width: 30%;
	text-align: center;
	margin-bottom: 40px;
}
.item_list2 ul li {
	width: 50%;
	text-align: center;
	margin-bottom: 40px;
}

.item_list ul li img,.item_list2 ul li img {
	max-width: 100%;
	margin-bottom: 8px;
}
.btn a {
	width: 250px;
	height: 50px;
	color: #fff;
	background: #000;
	display: block;
	line-height: 50px;
	margin: 20px auto;
	text-align: center;
}
.btn a::before {
    content: "";
    display: inline-block;
    position: relative;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-right: 15px;
    top: -2px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
}
.about, .b_bg {
	background: #e4d0d2;
	text-align: center;
	padding: 100px;
}
h1 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 60px;
	letter-spacing: 3.6px;
}
h1 span {
	display: block;
	font-size: 12px;
	letter-spacing: 4px;
}
.about p, .p_bg {
	line-height: 2.2;
}
.news h2 {
	font-size: 20px;
	margin: 100px auto 60px;
	text-align: center;
}
/*news*/
.news {
	margin-bottom: 100px;
}
.wp_news {
	width: 700px;
    margin: 0 auto 60px;
}
.wp_news a dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
.wp_news a dl dt,.wp_news a dl dd {
  padding: 12px;
}
.wp_news a dl dt {
  font-size: 14px;
  width: 160px;
}
.wp_news a {
  display: block;
}
.wp_news a dl {
  width: 100%;
  border-bottom: solid 1px #e3e3e3;
}
.wp_news a dl dt {
    padding-bottom: 0;
}
footer {
	background: #f9f4f4;
	padding: 80px 40px;
	text-align: center;
}
footer ul li {
	margin-bottom: 15px;
}
footer ul li img {
	width: 70%;
}
footer ul li a {
	color: #000;
}
.contact_btn {
	border: 1px solid #000;
	padding: 8px 14px;
	text-align: center;
	width: 200px;
	margin: 20px auto;
}
.icon_sns {
	display: flex;
	justify-content: center;
}
.copy {
	font-size: 12px;
	color:#000;
}
.swiper-container {
    width: 100%;
    height: 85vh;
}
/*下層*/

#main_wrap {
	width: 98%;
	height:auto;
	margin: 20px auto;
	background: #ede0e0;
	padding: 50px;
}
.header_logo {
	text-align: center;
}
.header_logo img {
	width: 10%;
}

.slide_wrap {
	display: flex;
	justify-content: space-between;
	max-width:1300px;
	margin: 0 auto;
}
.slide_wrap li {
	width: 48%;
}
.slide_wrap img {
	max-width: 100%;
}
.text_area h2 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.caption {
	margin: 30px 0;
}
.text_area table {
	font-size: 90%;
	padding: 16px;
}
.text_area table td  {
	border-bottom: #ccc 1px solid;
	padding: 10px;
}
.text_area table td.heading {
	width: 25%;
}
.text_area .btn a {
	margin: 20px;
}

/*サロン追加*/

.message {
	text-align: center;
	line-height: 2.2;
	padding: 100px;
	background-image: url("https://amisaty.net/wp-content/uploads/2022/02/bg_message.jpg");
	background-size: cover;
}
.happything, .contactus {
	background: #ede0e0;
	text-align: center;
	padding: 100px;
}
#acc {
	text-align: center;
	padding: 100px auto;
}
.happything h2,.access h2 {
	margin-bottom: 60px;
    letter-spacing: 2.6px;
}
.happything dt {
	background: #f6f5f0;
    font-size: 16px;
	margin: 50px auto 15px;
	width: 800px;
}
.happything img {
	max-width: 560px;
	margin: 30px auto;
}
.salon_detail,
.wrap {
	line-height: 50px;
	width: 1200px;
	margin: 80px auto 160px;
}
@media print, screen and (min-width:769px) and (max-width:1199px) {
	.salon_detail,
.wrap {
	width: 96%;
}
}
.salon_detail table, .access table {
	font-size: 96%;
	padding: 16px;
}
.salon_detail table td, .access table td {
	border-bottom: #ccc 1px solid;
	padding: 16px;
	line-height: 24px;
}
.salon_detail h2,
.wrap h2 {
	letter-spacing: 3.6px;
	text-align: center;
}
.salon_detail ul {
	display: flex;
	justify-content: space-between;
}
.salon_detail ul {
	margin-top: 80px;
}
.salon_detail ul li {
	width: 49%;
}
.salon_detail ul li img {
	max-width: 100%;
}
.reserve {
	margin-top: 80px;
}
.caution {
	font-size:98%;
}
input {
	padding:6px;
}
.contactus {
	text-align: left;
	line-height: 50px;
	padding: 100px;
}
.contactus table {
	font-size: 96%;
	padding: 16px;
	width: 1000px;
	margin: 20px auto;
}
.contactus td  {
	border-top: #ccc 1px solid;
	padding: 16px;
	line-height: 24px;
}
.contactus h2 {
	letter-spacing: 3.6px;
}
.contactus .your-submitCm {
	width: 250px;
	padding: 10px;
	background: #000;
	color: #fff;
}
.contact_submit .btn,.contact_submit .btn,.contact_submit .confirm,.contact_submit .complete {
	width: 250px;
	padding: 10px;
	background: #000;
	color: #fff;
}
/*電話*/

a[href^="tel:"] {
    pointer-events:none !important;
}


/*予約ボタン追加*/

@media print, screen and (min-width: 768px){
.arr_btn a {
    margin: 50px auto;
}
}
@media print, screen and (min-width: 381px){
.arr_btn a {
    width: 100%;
    max-width: 360px;
}
}
.arr_btn a {
    padding: 15px;
    display: block;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #b5b5b5;
    background: url(https://amisaty.net/wp-content/themes/amisaty/images/arrow_m.png) 90% 43% no-repeat;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/*フェムケアがもたらす効果*/
		.care_detail {
			line-height: 2.0;
		}
		.care_detail h2 {
			font-size: 24px;
			text-align: center;
			margin-bottom: 40px;
			letter-spacing: 3.6px;
		}
		.care_detail h3 {
			text-align: left;
			padding-left: 8px;
			font-size: 18px;

		}
		.care_detail h3 span {
			font-size: 50%;

		}
		.outside {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
		}
		.outside li:first-child {
			width: 34%;
		}
		.outside li:nth-child(2) {
			width: 64%;
		}
		.outside img {
			max-width: 100%;
		}
		.outside th,.outside td {
			border: #ccc 1px solid;
			width: 300px;
			padding: 16px;
		}
		
		.outside table {
			border-collapse:  collapse;
			max-width:100%;
			height:200px;
			table-layout:fixed;
			background: #f6eff0;
			margin-bottom: 16px;
		}
/*特徴*/
.features {
	margin: 50px auto 20px;
	text-align: center;
}
.second {
	display: flex;
	justify-content: space-around;
	max-width: 90%;
	flex-wrap: wrap;
	margin: 0 auto;
}
.second  li {
	width: 48%;
	margin-top: 40px;
	border: #ccc 1px solid;
	padding: 16px;
	background: #f6eff0;
}
.three {
	display: flex;
	justify-content: space-around;
	max-width: 90%;
	flex-wrap: wrap;
	margin: 0 auto;
}
.three  li {
	width: 32%;
	margin-top: 40px;
	border: #ccc 1px solid;
	padding: 16px;
	background: #f6eff0;
}
.wish {
	margin: 80px auto;
}
/*フェード動き追加*/
.box {
	width: 100%;        /* 横幅いっぱい */
	height: auto;      /* 高さを300pxに指定 */
	opacity: 0;         /* 初期値は透明にしておく */
	transition: .9s;    /* 動くスピードを0.5秒に指定 */
	position: relative; /* 相対位置の設定 */
	top: 50px;          /* 事前に下に50pxずらしておく */
  }
.active {
	opacity: 1;         /* 透明度を元に戻す */
	top: 0;             /* ずらしていた位置を戻すことで上に上がっているようにみえる */
  }
/*メッセージ*/
.owner_message {
	text-align: center;
	line-height: 2.0;
}
.owner_message h2 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: 3.6px;
}
.owner_message h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 60px;
	letter-spacing: 3.6px;
}
.owner_message h3 span {
	display: block;
	font-size: 12px;
	letter-spacing: 4px;
}
.owner_message img {
	width: 350px;
}
.owner_message ul {
	display: flex;
	justify-content: space-around;
}
.owner_message ul {
	margin-top: 80px;
	max-width: 100%;
	margin: 80px auto;
	padding: 0 10%;
}
.owner_message ul li:first-child {
	width: 30%;
}
.owner_message ul li {
	width: 68%;
}
.owner_message ul li img {
	max-width: 100%;
}
dl {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	text-align: left;
  }
  dt {
	width: 30%;
	padding: 8px;
	margin-bottom: 8px;
	background-color: #e4d0d2;
  }
  
  dd {
	width: 70%;
	padding: 8px;
	background-color: #f6eff0;
	margin-bottom: 8px;
  }