/*
Theme Name: ReNCOUNTER
Theme URI:
Author: Motoki Higa
*/


/****************************
	base
*****************************/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: 'Assistant', sans-serif;
	font-weight: 300;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

body, html {
	height: 100%;
}

::-moz-selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

::selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

a {
	-webkit-tap-highlight-color: rgba(255,255,255,0.5);
	text-decoration: none;
	color: #8cbdd1;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #333;
}

p {
	margin: 0;
	padding: 0;
	color: #555;
	line-height: 1.5;
	letter-spacing: 0.08em;
}

b {
	font-weight: 700;
}

ul {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	vertical-align: text-bottom;
}

figure {
	margin: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/****************************
	ct (custom style)
*****************************/
.pc_content {
	display: none;
}

.sp_content {
	display: block;
}

.ct_nav {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.15em;
}

.cf_title {
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}

.cf_sub_title {
	font-size: 12px;
}


/* sub_heading */
.sub_heading {
	position: relative;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
}

.sub_heading_insta {
	position: absolute;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
	margin-top: -90px;
}

.not-active a {
	pointer-events: none;
	cursor: default;
	color: #555;
}

@media screen and (min-width : 769px) {
	.pc_content {
		display: block;
	}

	.sp_content {
		display: none;
	}

	.cf_title {
		font-size: 16px;
		font-weight: 400;
		text-decoration: none;
	}

	.cf_sub_title {
		font-size: 14px;
	}

	.sub_heading,
	.sub_heading_insta {
		font-size: 15px;
		position: absolute;
		display: inline-block;
		margin: 30px 0 0 60px;
		padding: 0;
		z-index: 100	;
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-ms-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}


/****************************
	fonts
*****************************/
h5 {
	font-size: 15px;
}

p {
	font-size: 12px;
}

@media screen and (min-width : 769px) {
	p {
		font-size: 12px;
	}
}


/****************************
	header
*****************************/
header {
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 9999;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

header .nav_list {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

header .nav_list h1 {
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	border-bottom: 1px solid #d0e4ec;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

header .nav_list h1 a {
	display: inline-block;
}

header .nav_list h1 img {
	width: 50px;
	padding: 5px 0 6px 10px;
}

header .nav_list h5 {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	margin: 17px 50px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

/* hamburger icon animation START */
/* default START */
header .hamburger {
	position: absolute;
	width: 20px;
	height: 16px;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 17px 20px 17px 0px;
}

header .hamburger span {
	display: block;
	width: 20px;
	height: 2px;
	background-color: #333;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

header .hamburger span:nth-child(1),
header .hamburger span:nth-child(2) {
	margin-bottom: 5px;
}
/* default END */

/* active(close btn) START */
header .hamburger span.active {
	display: block;
	width: 20px;
	height: 2px;
	background-color: #333;
}

header .hamburger span:nth-child(1).active {
	width: 24px;
	transform: rotate(36deg);
	transform-origin: 0% 50%;
	transition: all 0.3s ease-in-out;
	-webkit-transform: rotate(36deg);
	-webkit-transform-origin: 0% 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transform: rotate(36deg);
	-moz-transform-origin: 0% 50%;
	-moz-transition: all 0.3s ease-in-out;
}

header .hamburger span:nth-child(2).active {
	width: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

header .hamburger span:nth-child(3).active {
	width: 24px;
	transform: rotate(-36deg);
	transform-origin: 0% 50%;
	transition: all 0.3s ease-in-out;
	-webkit-transform: rotate(-36deg);
	-webkit-transform-origin: 0% 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transform: rotate(-36deg);
	-moz-transform-origin: 0% 50%;
	-moz-transition: all 0.3s ease-in-out;
}
/* active(close btn) END */
/* hamburger icon animation END */


/* nav table hide show by active START */
header.active {
	/*overflow-y: scroll;*/
	height: auto;
}

header .nav_list h1.active {
	background-color: rgba(255,255,255,0.9);
}

header .nav_list .sp_dropdown_table {
	display: none;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}

header .sp_dropdown_table ul li a {
	color: #555;
}
/* nav table hide show by active END */


header .nav_list ul li {
	position: relative;
	text-align: center;
	list-style-type: none;
}

header .nav_list ul > li:first-child {
	position: relative;
	cursor: pointer;
}

header .nav_list ul > li:first-child li a {
	color: #8cbdd1;
}

header .nav_list ul > li:first-child ul.disnon {
	display: none;
}

header .nav_list ul li span {
	display: block;
	color: #555;
	margin-left: 50px;
	margin-right: 50px;
	padding: 15px 0;
}

header .nav_list ul li:not(:last-of-type) span {
	border-bottom: 1px solid #d6d6d6;
}

header .nav_list ul > li:first-child ul li:first-child span {
	margin: 0 110px;
}

header .nav_list .arrow {
	position: absolute;
	top: 0;
	right: 0;
	background: url(./images/icons/icon_arrow_down.png);
	background-size: 10px auto;
	background-repeat: no-repeat;
	width: 10px;
	height: 5px;
	margin-top: 21px;
	margin-right: 90px;
}

header .nav_list .arrow.active {
	position: absolute;
	top: 0;
	right: 0;
	background: url(./images/icons/icon_arrow_up.png);
	background-size: 10px auto;
	background-repeat: no-repeat;
	width: 10px;
	height: 5px;
	margin-top: 21px;
	margin-right: 90px;
}

.modal {
	position: fixed;
	display: block;
	top: 0;
	/*background-color: #fff;*/
	width: 100%;
	height: 100%;
	z-index: -100;
	overflow: overlay;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.modal.active {
	background-color: rgba(208,228,236,0.7);
	z-index: 100;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}


@media screen and (min-width : 769px) {
	header {
		position: fixed;
		width: 80px;
		height: 100vh;
		z-index: 9999;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
	}

	header .nav_list {
		width: 100%;
		height: 100%;
		border-right: 1px solid transparent;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
	}

	header .nav_list.active {
		border-right: 1px solid #d0e4ec;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
	}

	header .nav_list h1 {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		border-bottom: none;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
	}

	header .nav_list h1:hover {
		margin-left: 10px;
	}

	header .nav_list h1 img {
		width: 84px;
		padding: 0 0 10px 10px;
	}

	header .hamburger_outer {
		position: absolute;
		display: inline-block;
		left: 0;
		right: 0;
		padding: 30px 25px 0;
		width: 30px;
		height: 70px;
		cursor: pointer;
	}

	header .nav_list h5 {
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		transform: rotate(-90deg);
		-ms-transform-origin: 100% 50%; /* IE 9 */
		-webkit-transform-origin: 100% 50%; /* Chrome, Safari, Opera */
		transform-origin: 100% 50%;
		margin: 50px 40px 0 40px;
	}

	header .hamburger_outer:hover h5 {
		color: #8cbdd1;
	}

	/* hamburger icon animation START */
	/* default START */
	header .hamburger {
		position: absolute;
		width: 20px;
		height: 16px;
		top: 0;
		right: 0;
		bottom: 0;
		margin: 30px 30px 0 30px;
	}

	header .hamburger span {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #333;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
	}

	header .hamburger span:nth-child(1),
	header .hamburger span:nth-child(2) {
		margin-bottom: 5px;
	}
	/* default END */

	/* active(close btn) START */
	header .hamburger span.active {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #333;
	}

	header .hamburger span:nth-child(1).active {
		width: 24px;
		transform: rotate(36deg);
		transform-origin: 0% 50%;
		transition: all 0.3s ease-in-out;
		-webkit-transform: rotate(36deg);
		-webkit-transform-origin: 0% 50%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transform: rotate(36deg);
		-moz-transform-origin: 0% 50%;
		-moz-transition: all 0.3s ease-in-out;
	}

	header .hamburger span:nth-child(2).active {
		width: 0;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
	}

	header .hamburger span:nth-child(3).active {
		width: 24px;
		transform: rotate(-36deg);
		transform-origin: 0% 50%;
		transition: all 0.3s ease-in-out;
		-webkit-transform: rotate(-36deg);
		-webkit-transform-origin: 0% 50%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transform: rotate(-36deg);
		-moz-transform-origin: 0% 50%;
		-moz-transition: all 0.3s ease-in-out;
	}
	/* active(close btn) END */
	/* hamburger icon animation END */


	/* nav table hide show by active START */
	header.active {
		/*overflow-y: scroll;*/
		height: auto;
	}

	header .nav_list h1.active {
		background-color: rgba(255,255,255,0);
	}

	header .sp_dropdown_table {
		display: none;
		height: 100%;
		width: 300px;
		margin-left: 80px;
		background-color: rgba(255,255,255,0.9);
	}
	/* nav table hide show by active END */


	header .sp_dropdown_table > ul {
		padding-top: 50px;
	}

	header .sp_dropdown_table ul li {
		position: relative;
		text-align: center;
	}

	header .sp_dropdown_table ul li a {
		color: #555;
	}

	header .sp_dropdown_table ul li span {
		display: block;
		margin-left: 50px;
		margin-right: 50px;
		padding: 15px 0;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
	}

	header .sp_dropdown_table ul li span:hover {
		padding-right: 15px;
	}

	header .sp_dropdown_table ul li:not(:last-of-type) span {
		border-bottom: 1px solid #d6d6d6;
	}
} /* laptop - */



/****************************
	pg_top
*****************************/
.pg_top {
	width: 100%;
}

.pg_top .hero_outer {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	margin-bottom: 60px;
}

.pg_top .top_hero {
	position: relative;
	width: 100%;
	height: 100vh;
	background: url(./images/home/landing_page_image2.jpg)no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-attachment: scroll;
	background-position: 40% 20%;
	-webkit-background-position: 40% 20%;
}

.pg_top .ren_concept {
	position: absolute;
	width: 170px;
	top: 32%;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.pg_top .ren_concept h5 {
	color: #fff;
	text-align: center;
	line-height: 1.5;
	text-shadow: 1px 1px 6px #222;
	margin-bottom: 20px;
}

.pg_top .ren_concept h5 span {
	font-size: 11px;
}

.pg_top .ren_concept p {
	font-size: 10px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-shadow: 1px 1px 6px #222;
	margin-bottom: 24px;
}

.pg_top .ren_concept figure {
	width: 125px;
	margin: 0 auto;
}

.pg_top .ren_concept figure img {
	width: 100%;
}

.pg_top .container .ren_concept_2 {
	text-align: center;
	width: 230px;
	margin: 0 auto 60px;
}

.pg_top .container .salon_row {
	margin: 0 auto 150px;
	width: 250px;
}

.pg_top .container .salon_row .create_logo {
	width: 75px;
	margin: 0 auto 60px;
	padding-top: 15px;
}

.pg_top .container .salon_row .atelier_logo {
	width: 75px;
	margin: 0 auto;
}

.pg_top .container .salon_row figure a {
	display: block;
}

.pg_top .container .salon_row figure img {
	width: 100%;
}


@media screen and (min-width : 769px) {
	.pg_top .hero_outer {
		margin-bottom: 100px;
	}

	.pg_top .top_hero {
		background-position: 50% 80%;
		-webkit-background-position: 50% 80%;
	}

	.pg_top .container {
		position: relative;
		box-sizing: border-box;
		padding-left: 80px;
	}

	.pg_top .ren_concept {
		width: 250px;
	}

	.pg_top .ren_concept p {
		font-size: 12px;
	}

	.pg_top .container .ren_concept_2 {
		margin-bottom: 150px;
	}

	.pg_top .container .salon_outer {
		position: relative;
		margin-bottom: 150px;
	}

	.pg_top .container .salon_row {
		width: 300px;
	}

	.pg_top .container .salon_row .create_logo {
		float: left;
	}

	.pg_top .container .salon_row .atelier_logo {
		float: right;
	}

	.pg_top .container .salon_row figure a {
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
	}

	.pg_top .container .salon_row figure a:hover {
		opacity: 0.6;
	}
}



/******************************
	instagram feed
******************************/
/* Landing page */
.pg_top .insta-feed .textwidget > div:first-child {
	display: none;
}

.insta_outer {
	position: relative;
	background: #f5f5f5;
}

.insta_inner {
	position: relative;
	float: left;
	width: 100%;
	margin-top: -55px;
	margin-bottom: 20px;
	padding: 0 20px;
	box-sizing: border-box;
}

.insta_inner #instafeed a {
	width: 49%;
}

.insta_inner #instafeed a img {
	width: 49%;
	margin-bottom: 2%;
}

.insta_inner #instafeed a:nth-of-type(odd) img {
	margin-right: 2%;
}

@media screen and (min-width : 769px) {
	.pg_top .insta-feed .textwidget > div:first-child {
		display: block;
	}

	.pg_top .insta-feed .textwidget > div:last-child {
		display: none;
	}

	.insta_outer {
		position: relative;
		background: #f5f5f5;
	}

	.insta_inner {
		float: left;
		width: 100%;
		top: 0;
		margin-top: -50px;
		padding: 0 100px;
		box-sizing: border-box;
	}

	.insta_inner #instafeed a {
		width: 23%;
	}

	.insta_inner #instafeed a img {
		width: 23%;
		margin-left: 2%;
		margin-bottom: 2%;
		margin-right: 0;
	}

	.insta_inner #instafeed a:nth-of-type(4n+1) img {
		margin-left: 0;
	}

	.insta_inner #instafeed a:nth-of-type(odd) img {
		margin-right: 0;
	}
}


/****************************
	pg_salon
*****************************/
.pg_salon {
	position: relative;
	box-sizing: border-box;
}

.pg_salon .hero_outer {
	overflow: hidden;
}

.pg_salon .top_hero {
	position: relative;
	width: 100%;
	height: 100vh;
}

.pg_salon .bottom_half {
	position: absolute;
	/*display: table;*/
	width: 200px;
	height: 200px;
	box-sizing: border-box;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 35px;
	background: rgba(255,255,255,0.9);

}

.pg_salon .bottom_half figure {
	position: absolute;
	width: 65px;
	height: 100px;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 18px;
}

.pg_salon .bottom_half figure img {
	width: 100%;
}

.pg_salon .bottom_half .bottom_row {
	position: relative;
	height: 40%;
}

.pg_salon .bottom_half .bottom_row p {
	text-align: center;
	padding-top: 40px;
}

.pg_salon .grey_bg_01 {
	position: relative;
	box-sizing: border-box;
	margin-bottom: 70px;
	padding-top: 50px;
}

.pg_salon .grey_bg_01::before {
	position: absolute;
	content: '';
	background: #f5f5f5;
	width: 100%;
	height: 450px;
	margin-top: 100px;
}

.pg_salon .salon_insta,
.pg_salon .price_list {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	box-sizing: border-box;
}

.pg_salon .sec_insta,
.pg_salon .price_list .table,
.pg_salon .staff_row,
.info_row {
	padding: 0 15px;
	margin-bottom: 70px;
}

.pg_salon .sec_insta figure {
	width: 100%;
	/*margin-bottom: 20px;*/
}

.pg_salon .sec_insta figure img {
	width: 100%;
}

.pg_salon .price_list .table .ft_10 {
	font-size: 10px;
}

.pg_salon .price_list .table .tablepress {
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.06em;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.pg_salon .price_list .table .column-2,
.pg_salon .price_list .table .column-3,
.pg_salon .price_list .table .column-4 {
	text-align: right;
}

.pg_salon .price_list .table .tablepress tbody {
	position: relative;
	width: 100%;
}

.pg_salon .price_list .table .tablepress tbody tr {
	position: relative;
	display: flex;
	width: 100%;
	min-height: 35px;
	flex-flow: row nowrap;
	border-bottom: 1px solid #ddd;
}

.pg_salon .price_list .table .tablepress tbody td {
	vertical-align: middle;
	border: none;
}

.pg_salon .price_list .table .tablepress .column-1 {
	width: 100%;
}

.pg_salon .price_list .table .tablepress .column-2, 
.pg_salon .price_list .table .tablepress .column-3, 
.pg_salon .price_list .table .tablepress .column-4, 
.pg_salon .price_list .table .tablepress .column-5 {
	width: 25%!important;
	text-align: center;
}

.pg_salon .price_list .note {
	display: block;
	font-size: 10px;
	max-width: 800px;
	margin: 20px auto 0;
}

/* staff & product */
.pg_salon .staff,
.pg_salon .product,
.pg_single .product {
	margin-bottom: 50px;
}

.contact {
	margin-bottom: 20px;
}

.pg_salon .contact > div:nth-of-type(2) {
	display: none;
}

.pg_salon .staff_box,
.pg_salon .product_box,
.pg_single .product_box {
	position: relative;
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

.pg_salon .staff_box a,
.pg_salon .product_box a,
.pg_single .product_box a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* thumbnail_frame */
.thumbnail_frame {
	overflow: hidden;
	margin-bottom: 20px;
}

.thumbnail_frame img {
	transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-webkit-transition-duration: 0.8s;
}

.pg_salon .staff_box figure img,
.pg_salon .product_box figure img,
.pg_single .product_box figure img {
	width: 100%;
	height: auto;
}

.pg_salon .staff_box .staff_name,
.pg_salon .staff_box .staff_title,
.pg_salon .product_box .product_name,
.pg_single .product_box .product_name,
.archive_list .post_box .post_name {
	text-align: center;
	line-height: 1.3;
	margin-bottom: 5px;
	padding: 0 5px;
}

/* info_row */
.info_row .info_sec {
	margin-bottom: 30px;
}

.info_row .info_sec .shop_logo {
	width: 50px;
	margin-bottom: 30px;
}

.info_row .info_sec .shop_logo img {
	width: 100%;
}

.info_row .info_sec h4 {
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.info_row .map_sec {
	height: 200px;
	margin-left: -15px;
	margin-right: -15px;
}

.info_row .map_sec #map {
	height: 200px;
}


@media screen and (min-width : 769px) {
	.top_hero_container {
		margin-left: -70px;
	}

	.pg_salon {
		position: relative;
		box-sizing: border-box;
	}

	.pg_salon .hero_outer {
		overflow: hidden;
	}

	.pg_salon .top_hero {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	.pg_salon .bottom_half {
		position: absolute;
		width: 300px;
		height: 300px;
		box-sizing: border-box;
		margin: 0 auto;
		left: 0;
		right: 0;
		bottom: 50px;
		background: rgba(255,255,255,0.9);
	}

	.pg_salon .bottom_half figure img {
		width: 100%;
	}

	.pg_salon .bottom_half .bottom_row {
		position: relative;
		height: 40%;
	}

	.pg_salon .bottom_half .bottom_row p {
		text-align: center;
		padding-top: 40px;
	}

	.pg_salon .grey_bg_01 {
		position: relative;
		box-sizing: border-box;
		margin-bottom: 70px;
		padding-top: 150px;
	}

	.pg_salon .hero_outer {
		position: relative;
		overflow: hidden;
		margin-left: -80px;
	}

	.pg_salon,
	.pg_contact,
	.archive_list {
		position: relative;
		box-sizing: border-box;
		padding-left: 80px;
	}

	.pg_salon .sub_heading,
	.pg_single .sub_heading,
	.pg_contact .sub_heading,
	.archive_list .sub_heading {
		margin-top: 60px;
	}

	.pg_salon .salon_insta .sec_insta {
		position: relative;
		padding-left: 120px;
	}

	.pg_salon .price_list .table {
		position: relative;
		padding: 0 100px 0 120px;
	}

	.pg_salon .price_list .table .tablepress {
		font-size: 15px;
		line-height: 1.4;
		letter-spacing: 0.06em;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}

	.pg_salon .salon_insta {
		position: relative;
		width: 100%;
	}

	.pg_salon .price_list {
		position: relative;
		width: 100%;
		margin-top: -30px;
	}

	.pg_salon .sec_insta {
		padding: 0;
	}

	.pg_salon .sec_insta figure:nth-of-type(1)
	/*.pg_salon .sec_insta figure:nth-of-type(2)*/ {
		width: 60%;
		float: left;
		padding-right: 5px;
		box-sizing: border-box;
	}

	.pg_salon .sec_insta figure:nth-of-type(2) {
		width: 40%;
		float: right;
	}

	.pg_salon .sec_insta figure img {
		width: 100%;
	}

	.pg_salon .price_list .table .tablepress {
		font-size: 14px;
		letter-spacing: 0.06em;
		position: relative;
		width: 100%;
	}

	.pg_salon .price_list .table .column-2,
	.pg_salon .price_list .table .column-3,
	.pg_salon .price_list .table .column-4 {
		text-align: right;
	}

	/* staff & product */
	.pg_salon .staff,
	.pg_salon .product,
	.pg_single .product,
	.contact {
		margin-bottom: 120px;
	}

	.pg_salon .staff_row,
	.pg_salon .product_row,
	.pg_single .product_row,
	.contact .info_row {
		position: relative;
		padding: 0 100px 0 120px;
	}

	.pg_salon .staff_box,
	.pg_salon .product_box,
	.pg_single .product_box {
		position: relative;
		float: left;
		width: 23%;
		margin-left: 2%;
	}

	.pg_salon .staff_box a,
	.pg_salon .product_box a,
	.pg_single .product_box a {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.pg_salon .staff_box:hover img,
	.pg_salon .product_box:hover img,
	.pg_single .product_box:hover img {
		transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		opacity: 0.5;
	}

	.pg_salon .staff_box .staff_name,
	.pg_salon .staff_box .staff_title,
	.pg_salon .product_box .product_name,
	.pg_single .product_box .product_name,
	.archive_list .post_box .post_name {
		text-align: left;
		padding: 0;
	}

	.pg_salon .staff_box .staff_name,
	.pg_salon .product_box .product_name,
	.pg_single .product_box .product_name {
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		margin-bottom: 5px;
	}

	.pg_salon .staff_box:hover .staff_name,
	.pg_salon .product_box:hover .product_name,
	.pg_single .product_box:hover .product_name {
		color: #8cbdd1;
	}

	/* info_row */
	.info_row .info_sec {
		width: 28%;
		float: left;
	}

	.info_row .info_sec .shop_logo {
		width: 50px;
		margin-bottom: 15px;
	}

	.info_row .info_sec .shop_logo img {
		width: 100%;
	}

	.info_row .info_sec h4 {
		border-bottom: 1px solid #999;
		margin-bottom: 20px;
		padding-bottom: 10px;
		line-height: 1.3;
	}

	.info_row .info_sec p {
		margin-bottom: 15px;
	}

	.info_row .map_sec {
		width: 68%;
		float: right;
		height: 400px;
	}

	.info_row .map_sec #map {
		height: 400px;
	}
}


/******************************
	staff single page
******************************/
.pg_single {
	padding-top: 50px;
}

.pg_single .outer_row {
	padding-top: 30px;
}

.pg_single .inner_row {
	padding: 0 20px 60px;
}

.pg_single .bottom_row {
	padding: 0 20px;
}

.pg_single .thumbnail {
	width: 100%;
	margin-bottom: 20px;
}

.pg_single .thumbnail img {
	width: 100%;
	height: auto;
}

.pg_single .inner_row .txt_content h3 {
	padding-bottom: 10px;
}

.pg_single .inner_row .txt_content p {
	margin-bottom: 10px;
}

.pg_single .inner_row .txt_content > p:nth-of-type(2) {
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}

.pg_single .inner_row .introduction {
	margin-bottom: 60px;
}

.pg_single .bottom_row h4 {
	padding-bottom: 10px;
}


@media screen and (min-width: 769px){
	.pg_single {
		position: relative;
		box-sizing: border-box;
		padding-top: 0;
		padding-left: 80px;
	}

	.pg_single .outer_row {
		padding-top: 100px;
	}

	.pg_single .inner_row {
		width: 60%;
		padding: 0 120px 100px;
	}

	.pg_single .bottom_row {
		padding: 0 120px 100px;
	}

	.pg_single .inner_row figure {
		width: 45%;
		float: left;
	}

	.pg_single .inner_row figure img {
		width: 100%;
		height: auto;
	}

	.pg_single .inner_row .txt_content {
		width: 50%;
		float: right;
	}

	.pg_single .inner_row .introduction {
		margin-bottom: 0;
	}
}




/******************************
	archive_list 
******************************/
.archive_list .hero_outer {
	overflow: hidden;
}

.archive_list .top_hero {
	position: relative;
	width: 100%;
	height: 50vh;
	background: url(./images/events/event_top.jpg)no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-position: 40% 63%;
	-webkit-background-position: 40% 63%;
}

.archive_list .bottom_half {
	position: relative;
	width: 100%;
	height: 50vh;
	box-sizing: border-box;
	padding: 0 20px;
}

.archive_list .bottom_half .top_row {
	position: relative;
	height: 52%;
}

.archive_list .bottom_half figure {
	position: absolute;
	width: 65px;
	height: 101px;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.archive_list .bottom_half figure img {
	width: 100%;
}

.archive_list .bottom_half .bottom_row {
	position: relative;
	height: 55px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.archive_list .bottom_half .bottom_row h4 {
	text-align: center;
	margin-bottom: 20px;
}

.archive_list .bottom_half .bottom_row p {
	text-align: center;
}

.archive_list .post_box {
	position: relative;
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

.archive_list .post_box figure img {
	width: 100%;
	height: auto;
}

.archive_list .post_box a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.archive_list .at-shop {
	margin-bottom: 15px;
	padding: 0 15px;
}

.archive_list .post_name,
.archive_list .name {
	text-align: center;
	padding: 0 15px;
}



@media screen and (min-width : 769px) {
	.archive_list .hero_outer {
		overflow: hidden;
		margin-left: -80px;
	}

	.archive_list .top_hero {
		position: relative;
		width: 100%;
		height: 50vh;
		background: url(./images/events/event_top.jpg)no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		background-position: 50% 85%;
		-webkit-background-position: 50% 85%;
	}

	.archive_list .inner {
		position: relative;
		padding: 0 100px 0 120px;
	}

	.archive_list .post_box {
		position: relative;
		float: left;
		width: 23%;
		margin-left: 2%;
		margin-bottom: 60px;
	}

	.archive_list .inner > div:nth-of-type(4n+1) {
		position: relative;
		float: left;
		width: 23%;
		margin-left: 0;
	}

	.archive_list .post_box a {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.archive_list .post_box:hover img {
		transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		opacity: 0.5;
	}

	/* thumbnail_frame */
	.thumbnail_frame {
		overflow: hidden;
		margin-bottom: 20px;
	}

	.thumbnail_frame img {
		transition-duration: 0.8s;
		-ms-transition-duration: 0.8s;
		-webkit-transition-duration: 0.8s;
	}

	.archive_list .post_name {
		text-align: left;
		margin-bottom: 5px;
	}

	.archive_list .at-shop {
		margin-bottom: 15px;
		padding: 0;
	}

	.archive_list .post_name,
	.archive_list .name {
		text-align: left;
		padding: 0;
	}
}


/****************************
	archive_single
*****************************/



/****************************
	pg_contact
*****************************/
.pg_contact {
	position: relative;
	box-sizing: border-box;
	padding-top: 50px;
}

.pg_contact .contact {
	padding-top: 30px;
}

/* Google map height on mobile */
@media only screen and (min-width : 768px) {
	.pg_contact {
		padding-top: 0;
	}

	.pg_contact .contact {
		padding-top: 100px;
	}

	#wpgmza_map {
		height: 375px !important;
	}
}



/****************************
	footer
*****************************/
footer {
	margin-top: 20px;
	margin-bottom: 20px;
}

footer p {
	text-align: center;
}

@media screen and (min-width : 769px) {
	footer {
		position: fixed;
		height: 100vh;
		width: 50px;
		right: 0;
		top: 0;
		bottom: 0;
		margin: 0;
	}

	footer p {
		position: absolute;
		text-align: center;
		width: 130px;
		height: 18px;
		bottom: 0;
		top: 0;
		right: -35px;
		margin: auto 0;
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-ms-transform-origin: 100% 50%;
		-webkit-transform-origin: 100% 50%;
		transform-origin: 50% 50%;
	}
} /* laptop - */


#map {
	width: 100%;
	height: 400px;
}


/****************************
	scroll reveal css
*****************************/

/* fadeup */
.fadeup_anime {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-name: fadeup_anime;
	animation-name: fadeup_anime;
	visibility: visible !important;
}
@-webkit-keyframes fadeup_anime {
	0% {
		opacity: 0;
		-webkit-transform: translate(0,20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1.0, 1.0);
	}
}
@keyframes fadeup_anime {
	0% {
		opacity: 0;
		-webkit-transform: translate(0,20px);
		-ms-transform: translate(0,20px);
		transform: translate(0,20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1.0, 1.0);
	}
}



/* fadedown */
.fadedown_anime {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-name: fadedown_anime;
	animation-name: fadedown_anime;
	visibility: visible !important;
}
@-webkit-keyframes fadedown_anime {
	0% {
		opacity: 0;
		-webkit-transform: translate(0,-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1.0, 1.0);
	}
}
@keyframes fadedown_anime {
	0% {
		opacity: 0;
		-webkit-transform: translate(0,-10px);
		-ms-transform: translate(0,-10px);
		transform: translate(0,-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1.0, 1.0);
	}
}



/* fadeleft */
.fadeleft_anime {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-name: fadeleft_anime;
	animation-name: fadeleft_anime;
	visibility: visible !important;
}
@-webkit-keyframes fadeleft_anime {
	0% {
		opacity: 0;
		-webkit-transform: translate(-40px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
	}
}
@keyframes fadeleft_anime {
	0% {
		opacity: 0;
		-webkit-transform: translate(-40px,0);
		-ms-transform: translate(-40px,0);
		transform: translate(-40px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
}



/* faderight */
.faderight_anime {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-name: faderight_anime;
	animation-name: faderight_anime;
	visibility: visible !important;
}
@-webkit-keyframes faderight_anime {
	0% {
		opacity: 0;
		-webkit-transform: translate(40px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
	}
}
@keyframes faderight_anime {
	0% {
		opacity: 0;
		-webkit-transform: translate(40px,0);
		-ms-transform: translate(40px,0);
		transform: translate(40px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
}