/*
Theme Name: gokan-plus-Theme
Theme URL: 
Description: 
Author: 
Version: 1.0
*/

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	letter-spacing: 0.06em;
	-webkit-text-size-adjust: 100%;
}
html {
	font-size: 20px;
}
body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}
header, footer, nav, menu, article, aside, section, details, figcaption, figure{
	display: block;
}
ul {
	list-style: none;
}
ol {
	margin-left: 2em;
}
table {
	border-collapse: collapse;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a:link, a:visited {
	color: black;
}
a img {
	border: none;
}
strong {
	font-weight: bold;
}
i {
	font-style: normal;
}

body.mobile {
	padding-bottom: 107px;
}
#header-buttons {
	position: absolute;
	top: 32px;
	right: 24px;
	text-align: center;
}
@media screen and (max-width: 1000px){
	#header-buttons{
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
	}
}
.mobile #header-buttons {
	width: 100%;
	position: fixed;
	top: auto;
	right: auto;
	bottom: 0;
	text-align: center;
	background-color: white;
	z-index: 999;
}
#header-buttons a {
	display: inline-block;
	width: 150px;
	height: 48px;
	line-height: 48px;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	position: relative;
	padding-right: 1em;
	margin: 16px 5px;
	border: 1px solid #555;
	border-radius: 4px;
}
.mobile #header-buttons a {
	width: 300px;
	height: 75px;
	line-height: 75px;
	font-size: 120%;
	box-shadow: 0 2px 2px #aaa;
	border: none;
}
#header-buttons a i {
	margin: 0 0.5em;
}
.mobile #header-buttons a#tel {
	background-color: #efefef;
	color: #555;
}
.mobile #header-buttons a#tel i {
	color: #fc9896;
	position: relative;
	font-size: 125%;
	top: 4px;
}
.mobile #header-buttons a#web {
	background-color: #766666;
	color: #fff;
}
.mobile #header-buttons a#web i {
	color: #fff;
}

header {
	/* height: 140px; */
	padding: 32px 0 24px;
	text-align: center;
	background-color: #df5129;
}
@media screen and (max-width: 1000px){
	header{
		padding-bottom: 0;
	}
}
.mobile header {
	border-bottom: 1px solid #333;
	padding: 15px 0 10px;
}
header h1 img {
	width: 200px;
}
.mobile header h1 img {
	/* width: 278px; */
	width: 45vw;
}

footer {
	height: 80px;
	border-top: 1px solid #333;
	position: relative;
	clear: both;
}
footer p {
	line-height: 80px;
	font-size: 90%;
	text-align: center;
}
footer a {
	display: block;
	width: 80px;
	height: 80px;
	background-color: #df5129;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
}
footer a:before, footer a:after  {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top-width: 20px;
	border-bottom-width: 20px;
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	margin: auto;
}
footer a:before {
	border-bottom-color: white;
}
footer a:after {
	border-bottom-color: #df5129;
	top: 14px;
}
#top, #style, #staff {
	max-width: 960px;
	margin: auto;
	text-align: center;
}
.mobile #top, .mobile #style, .mobile #staff {
	max-width: 640px;
}
#top h2 {
	margin: 128px 0 64px;
	font-size: 200%;
	color: #df5129;
}
#top-navi {
	background-color: #3e3a39;
	text-align: center;
}
.mobile #top-navi {
	text-align: left;
}
#top-navi img {
	display: none;
}
#top-navi ul {
	margin: 0 24px;
}
#top-navi li {
	width: 16.66%;
	max-width: 160px;
	display: inline-block;
	border-right: 2px solid #aaa;
	text-align: center;
	vertical-align: top;
}
#top-navi li:first-child {
	border-left: 2px solid #aaa;
}
#top-navi li a {
	display: block;
	padding: 16px 0;
	font-size: 90%;
	color: white;
	text-decoration: none;
}
#top-navi li:last-child a{
	padding: 5px 0;
}
@media screen and (max-width: 1000px){
	#top-navi li a{
		font-size: 1.2vw;
	}
}
#top-navi li.top-navi-2line a {
	padding: 8px 0;
}
.nav-unshown {
	display:none;
}
#nav-close-sidebar, #nav-open {
	position: absolute;
	top: 24px;
	left: 24px;
	display: none;
}
.mobile #nav-open, .mobile #nav-close-sidebar {
	display: block;
}
.mobile nav#top-navi {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9990;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 480px;/*最大幅（調整してください）*/
	height: 100%;
	background-color: #df5129;
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
	padding: 48px 8px 0;
}

#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 1999;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}
#nav-input:checked ~ nav#top-navi {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


.mobile #top-navi {
	background-color: #fff;
	padding: 64px 24px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
}
.mobile #top-navi img {
	max-width: 50%;
	display: block;
	margin: 0 auto 32px;
}
.mobile #top-navi li {
	width: 50%;
	max-width: none;
	padding: 32px 0;
	border: none;
}
.mobile #top-navi li a {
	display: inline;
	color: black;
	font-size: 100%;
}

#top > div {
	margin: 64px auto;
}
#top ul.slider {
	margin: 24px auto;
}
#top ul.slider li.slick-slide {
	outline: none;
}
ul.slide-dots {
	position: relative;
	top: -24px;
}
.slide-dots li {
	display: inline-block;
	padding: 0 10px;
}
.slide-dots button {
	content: "";
	width: 60px;
	height: 6px;
	background-color: white;
	border: none;
	text-indent: -9999px;
	outline: none;
}
.slide-dots li.slick-active button {
	background-color: #df5129;
}

#top-about {
	max-width: 770px;
	margin: auto;
}
#top-about h2 {
	margin-top: 64px;
}
#top-about h3 {
	font-size: 90%;
	margin-top: 64px;
	padding-bottom: 0.5em;
	border-bottom: 1px solid black;
}
#top-about label {
	display: block;
	height: 48px;
	line-height: 48px;
	margin: 1em auto;
	color: #df5129;
	border-bottom: 2px solid #df5129;
	position: relative;
	font-size: 100%;
}
#top-about label:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-width: 16px 10px;
	border-color: transparent;
	border-style: solid;
	border-top-color: #df5129;
	position: absolute;
	right: 12px;
	top: 12px;
	bottom: 0;
	margin: auto;
}
#top-about label > span {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	padding-top: 8px;
	font-size: 125%;
	background-color: #df5129;
	color: #333;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -1px;
}
#top-about label span span {
	font-size: 50%;
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	line-height: 1em;
	text-align: center;
}
#top-about > div {
	display: none;
}
#top-about > div:after {
	display: block;
	content: "";
	clear: both;
}
#top-about input:checked + div {
	display: block;
}
#top-about-01 + div > img, #top-about-02 + div > img,
#top-about-04 + div > img, #top-about-05 + div > img,
#top-about-06 + div > img {
	float: left;
}
#top-about-01 + div > div {
	margin-left: 160px;
}
#top-about-02 + div > div, #top-about-04 + div > div, #top-about-06 + div > div {
	margin-left: 240px;
}
#top-about-05 + div > div {
	margin-left: 160px;
}
#top-about input {
	display: none;
}
#top-about p {
	margin: 1em 32px;
	text-align: left;
	line-height: 1.6em;
}
#top-about p span.color {
	color: #df5129;
}
.mobile #top-about {
	max-width: none;
	padding: 0 24px;
}
#top-style ul{
	text-align: center;
	letter-spacing: -0.4em;
}
#top-style ul li {
	width: 220px;
	height: 293px;
	overflow: hidden;
	margin: 10px;
	display: inline-block;
	letter-spacing: normal;
	border: 2px solid #999999;
}
.mobile #top-style ul li {
	width: 32vw;
	height: 42.666666vw;
	margin: 10px 0.666666vw;
}
#top-style ul:after {
	display: block;
	content: "";
	clear: both;
}
#top-style ul li a{
	display: block;
	width: 100%;
	height: 100%;
	/* position: relative; */
}
#top-style ul li a img{
	/* position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 100%;
	height: auto; */
	display: block;
	width: 100%;
	height: 133.333333%;
	object-fit: cover;
}

#style-category, #style-keyword, #style-menu{
	margin: 24px auto;
}
.mobile #style-category span:before,
.mobile #style-menu span:before,
.mobile #style-keyword span:before {
	content: "\A";
	white-space: pre;
}
#style-category a ,
#style-menu a ,
#style-keyword a {
	display: inline-block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 110%;
	border: 1px solid black;
	border-radius: 2px;
	text-decoration: none;
	font-style: italic;
	margin: 8px 2px;
}
.mobile #style-category a{
	width: 44vw;
	height: 2.0em;
	line-height: 2.0em;
}
.mobile #style-menu a,
.mobile #style-keyword a{
	width: auto;
	height: 2.0em;
	line-height: 2.0em;
	padding: 0 0.5em;
	font-size: 90%;
}
#top-infomation p {
	margin: 1em 0;
}

#staff-list {
	max-width: 960px;
	margin: auto;
	letter-spacing: -0.4em;
	text-align: left;
}
.mobile #staff-list {
	max-width: 600px;
}
#staff-list .staff-item:after {
	display: block;
	content: "";
	clear: both;
}
.staff-item {
	display: inline-block;
	letter-spacing: normal;
	width: 48%;
	margin: 0 1% 0.5em;
	padding: 10px;
	border: 1px solid #555;
	border-radius: 8px;
	font-size: 120%;
	position: relative;
	vertical-align: top;
}
.mobile .staff-item {
	display: block;
	width: 96%;
	margin-bottom: 1.0em;
}
.staff-item > a:first-child {
	width: 39%;
	max-width: 180px;
	float: left;
}
.mobile .staff-item > a:first-child {
	max-width: none;
}
.staff-item p {
	text-align: left;
	margin-left: 200px;
}
.mobile .staff-item p, .mobile .style-staff-item p {
	margin-left: 42%;
}
.staff-item-position {
	height: 2.4em;
	margin: 0.5em auto 0.1em;
	font-size: 90%;
}
#staff-list .staff-item-name a, #style-staff .staff-item-name a {
	text-decoration: none;
	font-size: 110%;
}
.staff-item > p.staff-more {
	/* width: 250px; */
	text-align: center;
	/* position: absolute; */
	/* bottom: 24px; */
	margin-left: 200px;
	margin-top: 1.5em;
}
.mobile .staff-item > p.staff-more {
	margin-left: 42%;
}
.staff-item > p.staff-more a {
	display: inline-block;
	width: 6.0em;
	height: 48px;
	line-height: 48px;
	border: 1px solid #df5129;
	border-radius: 24px;
	text-decoration: none;
	font-style: italic;
	font-size: 100%;
}
.mobile .staff-item > p.staff-more a {
	/* width: 240px; */
	height: 2.0em;
	line-height: 2.0em;
	border-radius: 1.0em;
	font-size: 120%;
}

p.staff-item-name {
	text-align: center;
}
p.staff-item-yomi {
	text-align: center;
	font-size: 75%;
}

#top-menu h2 {
	margin-bottom: 16px;
}
#top-menu ul {
	max-width: 960px;
	margin: auto;
}
.mobile #top-menu ul {
	max-width: 550px;
}
#top-menu ul li {
	display: inline-block;
	width: 47%;
	margin: 0 1%;
	height: 95px;
	line-height: 95px;
	border-bottom: 1px dashed #555;
	font-size: 115%;
}
.mobile #top-menu ul li {
	display: block;
	width: 100%;
	margin: 0;
}
#top-menu ul li span {
	float: right;
	padding-right: 2em;
}
#top-menu ul li span:first-child {
	float: left;
	padding-left: 2em;
}
#top-menu ul li:after {
	display: block;
	content: "";
	clear: both;
}

#top-blog h2 {
	margin-bottom: 32px;
}
#top-blog ul {
	max-width: 960px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.mobile #top-blog ul {
	/* max-width: 430px; */
	display: block;
}
#top-blog ul li {
	font-size: 90%;
	width: 31.33%;
	margin: 0 1%;
}
.mobile #top-blog ul li {
	font-size: 100%;
	width: 100%;	
	margin: 0;
	border-bottom: 1px solid #555;
}
#top-blog ul li img {
	width: 100%;
}
#top-blog ul li > a:first-child {
	margin: 2em auto 1em;
	display: block;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
.mobile #top-blog ul li > a:first-child {
	width: 100%;
	height: 100%;
}
#top-blog ul li p {
	font-size: 85%;
	text-align: left;
	padding: 0 4px;
}
#top-blog ul li p:last-of-type {
	margin: 2em 0;
	font-size: 90%;
	color: #888;
}

.top-banner {
	margin: 2em auto;
}
.mobile .top-banner-two a {
	display: block;
	margin: 1em auto;
}
#top > div#top-data {
	width: auto;
	margin: 0 auto;
	padding: 32px;
}
#top-data ul li {
	border-top: 1px solid #555;
	font-size: 85%;
	margin-top: 2em;
	padding: 1em 0;
	position: relative;
	text-align: left;
}
#top-data ul li label {
	font-size: 150%;
	position: absolute;
	top: -0.7em;
	background-color: white;
	padding-right: 0.8em;
}
#top-data ul li:first-child label {
	color: #df5129;
}
#top-data ul li div {
	padding-top: 0.5em;
}
.more {
	display: block;
	width: 430px;
	height: 72px;
	margin: 64px auto;
	line-height: 72px;
	border: 1px solid #555;
	border-radius: 36px;
	text-decoration: none;
	font-style: italic;
	font-size: 200%;
	position: relative;
}
.mobile .more{
	width: 70vw;
	height: 2.0em;
	line-height: 2.0;
	border-radius: 1.0em;
	font-size: 130%;
}
 a.more:before {
	display: block;
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
a.more:before {
	border: 14px solid transparent;
	border-left-width: 17px;
	border-right-width: 17px;
	border-top-width: 11px;
	border-bottom-width: 11px;
	border-left-color: #df5129;
	left: 24px;
}

#style h2 {
	font-size: 140%;
	font-weight: normal;
	margin: 2.5em 0;
}
#style-slider {
	max-width: 760px;
	margin: auto;
}
#style ul {
	width: 570px;
	margin: auto;
}
.mobile #style ul{
	width: 100vw;
}
#style ul.slick-slider li{
	width: 100%;
	height: 760px;
	overflow: hidden;
	position: relative;
}

.slick-slide img {
	margin: auto;
}
#style .slick-slide img {
	/* position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	max-width: 9999px;
	height: 100%; */
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;

}

#style ul.thumbnails {
	width: 190px;
	margin: 0 0 0 580px;
}
.mobile #style ul.thumbnails {
	width: 100vw;
	margin: 8px auto;
}
#style ul.thumbnails:after {
	display: block;
	content: "";
	clear: both;
}
#style .slider {
	float: left;
}
.mobile #style .slider {
	float: none;
}
.thumbnails li {
	width: 186px !important;
	height: 248px;
	margin-bottom: 8px;
	float: left;
	overflow: hidden;
	position: relative;
}
.mobile .thumbnails li {
	width: 32vw !important;
	height: 42.6vw;
	margin-bottom: 0;
}
.mobile .thumbnails li:nth-child(2) {
	margin: 0 2vw;
}
.thumbnails li img{
	/* position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	max-width: 9999px; */
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slick-prev:before,
.slick-next:before {
    color: #000;
}

.wp-pagenavi {
	margin: 32px auto;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi .page, .wp-pagenavi .current, .wp-pagenavi .nextpostslink , .wp-pagenavi .prevpostslink {
	padding: 0.2em 1em;
}

#style h3 {
	margin: 1.5em 0;
	font-size: 200%;
	color: #df5129;
}
#style > p {
	text-align: left;
	margin: 1em 45px;
}
#style h3#style-stylist {
	margin-top: 96px;
}
#style-staff-menu-price {
	max-width: 960px;
	margin: auto;
}
#style-staff-block {
	width: 200px;
	float: left;
}
.mobile #style-staff-block {
	max-width: 600px;
	width: 96%;
	margin: auto;
	float: none;
}
#style-staff-block h3 {
	font-size: 200%;
	margin-bottom: 1.5em;
}
ul#style-staff {
	max-width: 100%;
	margin: 0;	
}
.mobile ul#style-staff {
	margin: 48px auto 64px;	
	text-align: center;
}
.style-staff-item {
	display: inline-block;
	width: 270px;
	margin: 5px;
	padding: 10px;
	border: 1px solid #555;
	border-radius: 8px;
}
.mobile .style-staff-item {
	display: block;
	width: auto;
	border-radius: 8px;
	font-size: 120%;
	position: relative;
}
.mobile .style-staff-item:after {
	display: block;
	content: "";
	clear: both;
}
.mobile .style-staff-item > a:first-child {
	width: 39%;
	max-width: 180px;
	float: left;
}
.mobile .style-staff-item p {
	font-size: 110%;
	margin: 0.5em 0 0 52%;
}
.mobile p.staff-item-name {
	text-align: center;
}
.mobile p.staff-item-yomi {
	text-align: center;
	margin-top: 0;
}
.mobile p.staff-item-more{
	/* width: 250px; */
	text-align: center;
	/* position: absolute;
	bottom: 24px; */
	margin-left: 42%;
}
.mobile .style-staff-item p.staff-item-more a {
	display: inline-block;
	width: 6.0em;
	height: 48px;
	line-height: 48px;
	border: 1px solid #df5129;
	border-radius: 24px;
	text-decoration: none;
	font-style: italic;
	font-size: 100%;
}
.mobile .style-staff-item p.staff-item-more a {
	/* width: 240px; */
	height: 2.0em;
	line-height: 2.0em;
	border-radius: 1.0em;
	font-size: 120%;
}
#style-pagenavi {
	max-width: 960px;
	margin: 96px auto;
	clear: both;
}
.mobile #style-pagenavi {
	max-width: 640px;
}
#style-pagenavi p {
	display: inline-block;
	width: 6em;
	text-align: center;
}
#style-pagenavi p#next {
	float: right;
}
#style-pagenavi p#prev {
	float: left;
}
#style-pagenavi p a {
	display: inline-block;
	padding: 0.4em 1em;
	border: 1px solid #555;
	text-decoration: none;
	font-size: 125%;
	font-style: italic;
}
#style-pagenavi:after {
	display: block;
	content: "";
	clear: both;
}
#style-osusume {
	max-width: 760px;
	margin: 80px 0 0 340px;
	padding-top: 20px;
}
.mobile #style-osusume {
	max-width: 100%;
	margin: 0;
	padding-top: 0;
}
#style-type, #style-face {
	max-width: 100%;
	border-top: 1px solid #555;
	position: relative;
	padding-top: 2em;
	margin-bottom: 3em;
	text-align: center;
}
#style-type h4, #style-face h4 {
	display: block;
	width: 9em;
	font-size: 120%;
	background-color: white;
	position: absolute;
	top: -0.7em;
	left: 0;
	right: 0;
	margin: auto;
	color: #df5129;
}
#style-type p {
	font-size: 80%;
	margin: 0.8em 0;
}
#style-type span {
	padding: 4px 8px;
	background-color: #df5129;
	color: white;
	border-radius: 2px;
}
#style-type span.non {
	background-color: white;
	color: #ccc;
	border: 1px solid #ccc;
}
#style-face li {
	font-size: 60%;
	display: inline-block;
	margin: 0 0.4em;
	line-height: 2em;
}
#style-face li img.non {
	opacity: 0.3;
}

#staff-main {
	width: 680px;
	margin: auto;
	padding: 30px 30px 0;
	border: 2px solid #333;
	border-radius: 8px;
	text-align: left;
}
.mobile #staff-main {
	width: 550px;
}
#staff-main > img {
	float: left;
	max-width: 360px;
}
.mobile #staff-main > img {
	width: 280px;
}
#staff-head {
	margin-top: 20px;
	margin-left: 400px;
	border-top: 1px solid #df5129;
}
.mobile #staff-head {
	margin-left: 300px;
}
#staff h2 {
	font-size: 200%;
	margin: 2.5em 0;
}
#staff-content {
	clear: both;
	margin: 0 auto;
	padding: 32px 0 0;
	font-size: 70%;
	position: relative;
}
.mobile #staff-content {
	font-size: 85%;
}
#staff-content h4 {
	padding-right: 1em;
	display: inline-block;
	background-color: white;
	position: absolute;
	top: -0.5em;
	font-size: 125%;
}
#staff-content h5 {
	color: #df5129;
	font-weight: normal;
	font-size: 100%;
	margin-top: 1em;
}
#staff-content > div {
	border-top: 1px solid #df5129;	
	position: relative;
	margin-top: 2em;
	padding-top: 2em;
}
#staff-content > div:last-child {
	padding-top: 1em;
}
#staff-content p {
	margin: 0 0 1em;
}
#staff-position {
	height: 2em;
	margin: 1.2em 20px 0.4em;
}
#staff-yomi {
	padding: 0 20px 30px;
	border-bottom: 1px solid #df5129;		
}
.mobile #staff-position, .mobile #staff-yomi {
	font-size: 80%;
}
#staff-sns {
	width: 170px;
	margin: auto;
}
#staff-sns a:nth-child(2) {
	display: inline-block;
	margin: 0 8px;;
}
#staff-main h3 {
	margin: 0 20px;
	font-size: 125%;
	font-weight: normal;
}
#staff-cv, #staff-web {
	text-align: center;
}
#staff-cv {
	margin-top: 2em;
}
#staff-web {
	margin: 1em 0;
}
#staff-kome {
	font-size: 80%;
	margin: 1.5em auto 2em;
}
a#style-go-menu {
	display: block;
	width: 220px;
	height: 64px;
	margin: 1em auto;
	padding: 0 0 0 2em;
	line-height: 64px;
	border: 1px solid #555;
	border-radius: 32px;
	text-decoration: none;
	font-size: 85%;
	position: relative;
	text-align: center;
}
a#style-go-menu:before  {
	display: block;
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
a#style-go-menu:before {
	border: 14px solid transparent;
	border-left-width: 17px;
	border-right-width: 17px;
	border-top-width: 11px;
	border-bottom-width: 11px;
	border-left-color: #df5129;
	left: 24px;
}
a#style-go-menu {
	font-size: 125%;
	padding-left: 1em;
}

#staff-style {
	margin: 96px auto 64px;
}
#staff #staff-style h2 {
	margin: 2.5em 0 1.5em;
}
#staff-style .slick-slide {
	padding: 5px;
}
#staff-style ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#staff-style ul::after{
	content: '';
	display: block;
	width: 33%;
}
#staff-style ul li{
	width: 32.5%;
	margin: 0 0 1.0rem;
}
#staff-style ul li a{
	display: block;
	width: 100%;
	padding-bottom: 120%;
	overflow: hidden;
	position: relative;
}
#staff-style ul li a img{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
#staff-staff {
	padding: 64px 0;
	margin: 64px auto;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
#style-instagram {
	text-align: center;
}
#style-instagram h3 {
	margin: 96px 0 48px;
	font-size: 200%;
	color: #df5129;
}

#blog {
	max-width: 960px;
	margin: auto;
	padding-bottom: 96px;
}
.mobile #blog {
	max-width: none;
}

#blog-main {
	max-width: 640px;
	float: left;
}
.mobile #blog-main {
	max-width: none;
	float: none;
}
#blog-sidebar {
	max-width: 300px;
	margin-left: 660px;
	padding-top: 64px;
}
.mobile #blog-sidebar {
	max-width: none;
	margin-left: 0;
	padding-top: 0;
}

#blog-header {
	margin: 64px 0 24px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
#blog-header > * {
	max-width: 640px;
	margin: 1em auto;
	padding: 0 24px;
}
#blog-content {
	max-width: 640px;
	margin: auto;
	padding: 24px;
}

#blog-writer{
	border-top: 1px solid #333;
	position: relative;
	margin: 64px auto;
	padding-top: 1em;
}
#blog-writer h3 {
	width: 12.0em;
	background-color: white;
	position: absolute;
	top: -0.8em;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-weight: normal;
}
#blog-writer .detail{
	width: 640px;
	margin: 64px auto 1.5em;
	padding: 0 20px;
}
#blog-writer .detail > a{
	float: left;
	width: 30%;
}
#blog-writer .detail .text{
	padding-left: 35%;
}
#blog-writer .detail .text h4 a{
	font-size: 120%;
	text-decoration: none;
}
#blog-writer .detail .text p.rome{
	font-size: 90%;
	margin-bottom: 0.5em;
}
#blog-writer .detail .text p.job{
	font-size: 90%;
	margin-bottom: 0.5em;
}
#blog-writer a.button {
    display: block;
    width: 16.0em;
    height: 2.5em;
    line-height: 2.5;
    text-decoration: none;
    font-weight: bold;
    margin: 0 auto 3.0em;
    border: 1px solid #555;
	border-radius: 0.25em;
	text-align: center;
}
#blog-writer a.button i{
	margin: 0 0.5em;
}

#blog-related {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	position: relative;
	margin: 64px auto;
	padding-top: 1em;
}
#blog-related h3 {
	width: 6em;
	background-color: white;
	position: absolute;
	top: -0.8em;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-weight: normal;
}
#blog-related ul, #blog-archive ul  {
	width: 640px;
	margin: 64px auto;
	padding: 0 20px;
}
#blog-related ul:after, #blog-archive ul:after {
	display: block;
	content: "";
	clear: both;
}
#blog-related li, #blog-archive li {
	width: 300px;
	float: left;
	padding: 10px;
}
#blog-related li, #blog-archive li:nth-of-type(2n+1){
	clear: both;
}
#blog-related li a, #blog-archive li a {
	text-decoration: none;
}
#blog-related li > a, #blog-archive li > a {
	display: block;
	width: 280px;
	height: 280px;
	overflow: hidden;
}
#blog-related li img, #blog-archive li img {
	width: 100%;
}
#blog-related li p, #blog-archive li p {
	font-size: 80%;
	margin: 1em 0;
}
#blog-related li p:last-of-type, #blog-archive li p:last-of-type {
	font-size: 75%;
	margin: 0 0 1em 0;
	color: #555;
}
#blog-archive li h3{
	font-size: 75%;
	margin: 0.5em 0 0.5em 0;
	color: #555;
}
#blog > h2 {
	text-align: center;
	margin: 64px auto 0;
	font-size: 200%;
	color: #df5129;
}
.mobile #blog h2 {
	margin: 64px auto;
}
#blog-pagenavi {
	text-align: center;
}

#more-entry {
	max-width: 582px;
	margin: 0 auto 32px;
	position: relative;
}
.mobile #more-entry {
	margin: 64px auto 32px;

}
#menu-open, #more-entry input {
	position: absolute;
	visibility: hidden;
}
#pop-entry-title, #rec-entry-title {
	display: inline-block;
	width: 149px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #df5129;
	background-color: white;
	color: #df5129;
	user-select: none;
	font-size: 70%;
	font-weight: bold;
}
.mobile #pop-entry-title, .mobile #rec-entry-title {
	width: 290px;
	font-size: 100%;
	height: 52px;
	line-height: 52px;
}
#pop-entry-title {
	border-radius: 8px 0 0 8px;
}
#rec-entry-title {
	border-radius: 0 8px 8px 0;
}
#more-entry input:checked + label {
	background-color: #df5129;
	color: white;
}
div#pop-entry-block {
	display: block;
}
#rec-entry:checked + label + div > div#pop-entry-block {
	display: none;
}
div#rec-entry-block {
	display: none;
}
#rec-entry:checked + label + div > div#rec-entry-block {
	display: block;
}
div#pop-entry-block, div#rec-entry-block {
	padding: 0 12px;
}
.mobile div#pop-entry-block, .mobile div#rec-entry-block {
	padding: 0 24px;
}
div#pop-entry-block a, div#rec-entry-block a {
	text-decoration: none;
}
div#pop-entry-block li > a, div#rec-entry-block li > a {
	width: 100px;
	height: 100px;
	float: left;
	overflow: hidden;
}
.mobile div#pop-entry-block li > a, .mobile div#rec-entry-block li > a {
	width: 210px;
	height: 210px;
}
div#pop-entry-block img, div#rec-entry-block img {
	width: 100%;
}
.mobile div#pop-entry-block img, .mobile div#rec-entry-block img {
}
div#pop-entry-block li, div#rec-entry-block li {
	margin-top: 24px;
	padding: 24px 0;
	border-top: 1px solid #aaa;
}
div#pop-entry-block li:last-of-type, div#rec-entry-block li:last-of-type {
	border-bottom: none;
}
.mobile div#pop-entry-block li:after, .mobile div#rec-entry-block li:after {
	display: block;
	content: "";
	clear: both;
}
div#pop-entry-block li div, div#rec-entry-block li div {
	margin: 0 0 0 112px;
	font-size: 70%;
}
.mobile div#pop-entry-block li div, .mobile div#rec-entry-block li div {
	margin: 48px 0 0 234px;
	font-size: 80%;
}
div#rec-entry-block li div h3, div#pop-entry-block li div h3, div#pop-entry-block li div p, div#rec-entry-block li div p, div#pop-entry-block li div p a, div#rec-entry-block li div p a {
	margin: 1em 0 1em 0.5em;
	font-size: 95%;
	color: #555;
}
div#pop-entry-block li div h3{
	margin: 0 0 0.25em;
}
div#blog-category {
	max-width: 582px;
	margin: 16px auto;
	position: relative;
	border: 1px solid #df5129;
	border-radius: 20px;
}
.mobile div#blog-category {
	border-radius: 26px;
}
input#blog-category-input {
	visibility: hidden;
	position: absolute;
}
div#blog-category label {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 24px;
	font-size: 70%;
	position: relative;
	user-select: none;
	color: #df5129;
	text-align: center;
	font-weight: bold;
}
.mobile div#blog-category label {
	font-size: 100%;
	height: 52px;
	line-height: 52px;
}
div#blog-category label:after {
	content: "▼";
	font-size: 115%;
}
.mobile div#blog-category label:after {
	font-size: 125%;
}
div#blog-category label:after {
	border-top-color: #df5129;
}

div#blog-category li {
	border-top: 1px solid #df5129;
}

div#blog-category li a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	font-size: 70%;
	text-align: center;
}
.mobile div#blog-category li a {
	font-size: 100%;
	height: 52px;
	line-height: 52px;
}
input#blog-category-input + label + ul {
	display: none;
}
input#blog-category-input:checked + label + ul {
	display: block;
}

#menu h2, #coupon h2  {
	font-size: 200%;
	margin: 2.5em 0;
	text-align: center;
	color: #df5129;
}
#menu-main, #coupon-main {
	max-width: 580px;
	margin: auto;
}
#menu-main h3, #plus-menu h3 {
	font-size: 160%;
	margin: 1em 0 0.4em;
	padding: 0.5em 0;
	border-bottom: 2px solid black;
}
#menu-main li:not(.coupon-item), #plus-menu li:not(.coupon-item)  {
	padding: 1em 0;
	border-bottom: 2px dotted #aaa;
	position: relative;
}
#menu-main li:not(.coupon-item) p, #plus-menu li:not(.coupon-item) p {
	font-size: 70%;
	margin-right: 100px;
}
#menu-main li:not(.coupon-item) p.full, #plus-menu  li:not(.coupon-item) p.full {
	margin-right: 0;
}
#menu-main li:not(.coupon-item) span, #plus-menu li:not(.coupon-item) span {
	font-size: 120%;
	position: absolute;
	top: 1.5em;
	right: 0;
}
#menu-main li:not(.coupon-item) div, #plus-menu li:not(.coupon-item) div  {
	text-align: right;
}
#menu-main li:not(.coupon-item) a, #plus-menu li:not(.coupon-item) a {
	display: inline-block;
	text-align: center;
	padding: 0.4em 3.5em;
	border: 1px solid black;
	text-decoration: none;
	font-size: 70%;
}
#ticket p {
	margin: 2em 0;
}

#coupon-main {
	max-width: 640px;
}
li.coupon-item {
	margin: 24px 12px; 
	font-size: 90%;
	border: 1px solid #333;
	padding: 12px;
}
#top li.coupon-item {
	display: inline-block;
	width: 47%;
	margin: 12px 1%; 
	font-size: 65%;
}
.mobile #top li.coupon-item {
	display: block;
	width: auto;
	margin: 24px 12px; 
	font-size: 90%;
}
li.coupon-item div {
	border: 1px solid #888;
	border-radius: 16px;
	padding: 24px 32px;
}
li.coupon-item div figure{
	float: left;
	width: 20%;
}
li.coupon-item div figure ~ *{
	margin-left: 23% !important;
}
li.coupon-item div h3.name {
	padding-bottom: 0.2em;
	border-bottom: 1px solid #333;
	font-size: 100%;
	text-align: left;
}
li.coupon-item div p.text {
	margin: 8px 0;
	font-size: 85%;
}
li.coupon-item div p.price {
	font-size: 120%;
	text-align: right;
	word-break: break-all;
}
#top p.price {
	margin-top: 16px;
}
li.coupon-item div p.price span.before {
	text-decoration:  line-through;
}
li.coupon-item div p.price span.after {
	color: #df5129;
}


#top-instagram, #style-instagram {
	text-align: center;
	max-width: 960px;
	margin: auto;
}
.mobile #top-instagram, .mobile #style-instagram {
	max-width: 640px;
}
#top-instagram h2, #style-instagram h3 {
	margin: 128px 0 64px;
	font-size: 200%;
	color: #df5129;
}
#top-instagram h2.style {
	margin-top: 96px;
}
#top-instagram h3, #style-instagram h4 {
	margin-top: 24px;
	font-size: 1.17em;
	color: #df5129;
}

#foot-nav {
	clear: both;
	max-width: 960px;
	margin: 16px auto;
}
.mobile #foot-nav {
	max-width: 640px;
}
#foot-nav:after {
	display: block;
	content: "";
	clear: both;
}
#foot-nav li {
	float: left;
	padding: 0 1em;
}
#foot-nav li a {
	color: #555;
	text-decoration: none;
	font-size: 60%;
}

/*
#menu h2#recruit-title {
	margin: 1em auto;
}
*/
#recruit h3, #recruit h3 + p, #recruit > div {
	width: 500px;
	margin: auto;
}
#recruit h3, #recruit h3 + p {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
#recruit h3 {
	margin-bottom: 0.2em;
	padding-bottom: 0.2em;
}
#recruit h3 + p {
	margin-top: 0;
}
#recruit h4 {
	display: inline-block;
	margin: 0 auto;
	background-color: black;
	color: white;
	padding: 0.4em 1.2em;
	font-size: 80%;
}
#recruit p {
	font-size: 80%;
	margin: 1em auto;
}
#recruit h4 + p {
	margin-bottom: 2em;
}
#recruit div {
	margin: 2em auto 3em;
	text-align: center;
}
#recruit div.left {
	text-align: left;
}
#recruit img {
	display: block;
	margin: auto;
}
.top3em {
	margin-top: 3em !important;
}
.top2em {
	margin-top: 2em !important;
}

#technique h3, #technique h4 {
	font-size: 100%;
	margin: 1.6em 0 0.6em;
	clear: both;
}
#technique h4 {
	border-bottom: 2px dashed black;
}
.technique-image {
	float: left;
	margin-right: 16px;
	margin-bottom: 1.6em;
}
#technique p {
    font-size: 68%;
}

#illuminacolor h3 {
	font-size: 75%;
	margin: 1.6em 0 0.6em;
	clear: both;
	color: #df5129;
	border-bottom: 1px dashed black;
}
#illuminacolor h3 + p img {
	margin: 16px auto;
}
#illuminacolor div.point h4 {
	font-size: 75%;
	margin: 0 0 0.5em;
	border-bottom: 2px dashed black;
}
#illuminacolor .point {
	clear: both;
}
#illuminacolor .point > *:not(.illuminacolor-image) {
	margin-left: 300px;
}
#illuminacolor p {
    font-size: 68%;
}
.illuminacolor-image {
	width: 280px;
	float: left;
	margin-right: 16px;
	margin-bottom: 2em;
}
#illuminacolor-type > div {
	width: 530px;
	margin: 24px auto 64px;
}
#illuminacolor-type div > div:first-child {
	text-align: center;
}
#illuminacolor-type div:nth-child(2n-1) > div:first-child {
	width: 230px;
	float: left;
}
#illuminacolor-type div:nth-child(2n-1) > div:last-child {
	padding-left: 250px;
}
#illuminacolor-type div:nth-child(2n) > div:first-child {
	width: 230px;
	float: right;
}
#illuminacolor-type div:nth-child(2n) > div:last-child {
	padding-right: 250px;
}
#illuminacolor-type > div > div h4 {
    font-size: 68%;
	border-bottom: 1px solid black;
	padding-bottom: 0.4em;
	margin-bottom: 0.4em;
}
#illuminacolor-type div p {
	margin: 0.5em 0;
}
#illuminacolor-type div p.type-style {
	margin-top: 48px;
}
#illuminacolor-type > div:after {
	display: block;
	content: "";
	clear: both;
}
#illuminacolor li h3 {
    font-size: 100%;
    margin: 0.4em 0;
}
#illuminacolor li p {
    font-size: 85%;
}
#illuminacolor li.coupon-item div {
	padding: 12px 16px;
}
#illuminacolor li.coupon-item div p.price {
    font-size: 120%;
}
#illuminacolor h3#illumina-coupon, #illuminacolor h3#illumina-menu {
	font-size: 160%;
}

#goods-ranking p {
    font-size: 68%;
}
.ranking1 {
	position: relative;
	padding-top: 16px;
}
#ranking-top {
	padding-top: 40px;
}
.ranking1 > img:first-child {
	float: left;
}
.ranking1 > div {
	margin-left: 320px;
}
.ranking1 h4 {
	font-size: 75%;
	margin: 0 0 0.5em;
	border-bottom: 2px dashed black;
}
.ranking1 h5 {
	font-size: 75%;
	border-bottom: 2px dotted black;
	margin: 1em 0 0.5em;
}
.ranking1:after, #ranking2-5:after {
	display: block;
	content: "";
	clear: both;
}
#crown {
	position: absolute;
	top: 0;
	left: 0;
}
#ranking2-5 {
	margin: 32px auto;
}
#ranking2-5 > div {
	width: 50%;
	margin: 0 auto 16px;
	padding-top: 16px;
	float: left;
	text-align: center;
	position: relative;
}
#ranking2-5 > div img.rank-num {
	position: absolute;
	top: 0;
	left: 22.5px;
}
#ranking2-5 > div p {
	width: 245px;
	margin: 0.5em auto;
	text-align: left;
}
#ranking2-5 > div p.ranking-price {
	text-align: right;
}

#voice h2 {
	margin: 128px 0 64px;
	font-size: 200%;
	text-align: center;
	color: #df5129;
}
#voice h3 {
	font-size: 100%;
	margin: 1em 0 0.8em;
	padding: 0.5em 0;
	border-bottom: 2px solid black;
}
#voice > h3 {
	margin: 1em 16px 0.8em;
}
#voice-main h4 {
	font-size: 75%;
	margin: 0 0 1em;
	border-bottom: 2px dashed black;
}
#voice-main h5 {
	font-size: 75%;
	border-bottom: 2px dotted black;
	margin: 0 0 0.5em;
}

#voice {
	max-width: 640px;
	margin: auto;	
}
#voice > ul {
	padding: 0 16px;
}
#voice > ul > li {
	width: 50%;
	float: left;
	padding: 5px;
}
#voice > ul:after {
	display: block;
	content: "";
	clear: both;
}
#voice > p {
	padding: 0 16px;
}
#voice p {
    font-size: 68%;
}
#review_bn {
	text-align: center;
	margin: 16px auto;
}
#voice-main {
	margin: 16px auto 0;
	padding: 0 16px;
}
#voice-main li {
	margin: 32px auto;
	background-color: #f8f8f8;
	padding: 16px;
}
#voice-main li img {
	display: block;
	margin: 24px auto;
	max-width: 320px;
}
#voice-main li > div > div {
	font-size: 68%;
}
.customer-comment {
	padding: 0 16px;
}
.staff-comment {
	background-color: white;
	border: 1px solid #aaa;
	padding: 16px;
}
#customer-voice-navi {
	text-align: center;
}

#interview {
	margin-top: 48px;
	padding: 0 16px;
}
#interview img {
	display: block;
	margin: auto;
}
#interview h4 {
	font-size: 75%;
	margin: 1.5em 0 1em;
}
#interview h4:before {
	display: inline-block;
	content: "--";
	margin-right: 0.2em;
}

#top > div#top-salon {
	margin-bottom: 0;
}
#top > div#top-salon ul.slider {
	margin-bottom: 0;
}

#top > div#top-cv {
	margin-top: 0;
	max-width: 770px;
}
.mobile #top-cv {
	padding: 16px;
}
#top-cv h2 {
	margin-top: 0;
}
#top-cv > div:after {
	display: block;
	content: "";
	clear: both;
}
#top-cv > div img {
	float: left;
}
.mobile #top-cv > div img{
	float: none;
}
#top-cv > div div {
	margin-left: 320px;
	padding-top: 12px;
	height: 300px;
	position: relative;
	text-align: left;
	font-size: 90%;
}
.mobile #top-cv > div div{
	margin-left: 0;
	height: auto;
}
#top-cv > div div p.top-cv-more {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.mobile #top-cv > div div p.top-cv-more{
	position: relative;
}
p.top-cv-more a {
    display: inline-block;
    width: 240px;
    height: 72px;
    line-height: 72px;
    border: 1px solid #555;
    border-radius: 36px;
    text-decoration: none;
    font-style: italic;
    font-size: 120%;
	position: relative;
}
p.top-cv-more a:before {
	display: block;
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
p.top-cv-more a:before {
	border: 14px solid transparent;
	border-left-width: 17px;
	border-right-width: 17px;
	border-top-width: 11px;
	border-bottom-width: 11px;
	border-left-color: #df5129;
	left: 24px;
}

.slider {
  display: none;
}
.slider.slick-initialized {
  display: block; /*slick-initializedが付与されたら表示*/
}

.red {
	color: red;
}
.underline {
	text-decoration: underline;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}

.searchform{
	width: 90%;
	margin: 0 auto 2.0em;
	font-size: 18px;
}
.searchform input.searchfield{
	width: 85%;
	border: 1px solid #c1c1c1;
	height: 2.0em;
	line-height: 2.0;
	margin-right: 1%;
	padding-left: 0.5em;
	font-size: 18px;
	vertical-align: top;
}
.searchform input.searchsubmit{
	width: 12%;
	height: 2.0em;
	line-height: 2.0;
	color: #ffffff;
	background: #000000;
	text-align: center;
	border: none;
	font-size: 18px;
	vertical-align: top;
	-webkit-appearance: none;
	border-radius: 0;
	background-image: url('./image/search-solid.png');
	background-size: 1.0em;
	background-position: center center;
	background-repeat: no-repeat;
}

.mobile #top-data-map{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
}
.mobile #top-data-map iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.mw_wp_form {
	font-size: 80%;
}
.mw_wp_form dt{
	text-align: left;
	margin-bottom: 0.25em;
}
.mw_wp_form dt span.required{
	margin-left: 1.0em;
	background-color: #cc0000;
	color: #ffffff;
	padding: 0 0.25em;
	font-size: 90%;
}
.mw_wp_form dd{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
}
.mw_wp_form input[type="number"]{
	border: 1px solid #999999;
	padding: 0.1em;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"],
textarea{
	border: 1px solid #999999;
	padding: 0.1em;
	width: 100%;
}

.mw_wp_form dd > div{
	text-align: left !important;
}
.mw_wp_form dd > div.half{
	width: 47.5%;
	margin: 0 5% 0 0 !important;
}
.mw_wp_form dd div.half:last-child{
	margin-right: 0 !important;
}
.mw_wp_form dd span.error{
	text-align: left;
	display: inline-block;
}