@charset "utf-8";

/* CSS Document */



/* ##### font ##### */





.wf-PD {

	font-family: 'Playfair Display',

		serif;

}



.nsans {

	font-family: 'Noto Sans JP',

		sans-serif;

}





/* ##### font end ##### */



/* ##### reset.css上書き ##### */

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

form,

input,

button,

p {

	color: #323232;

	font-family: 'Noto Sans JP',

		sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}





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



@media only screen and (max-width: 599px) {

	.fs30 {

		font-size: 20px;

	}



	.fs16 {

		font-size: 14px;

	}

}



/* ##### reset.css上書きここまで ##### */



/* ##### 共通 ##### */

#wrapper[data-element-id]{

  padding-top: 0 !important;}

  

.sp-only {

	display: none;

}



.fs10 {

	font-size: 12px;

}



.fs50 {

	font-size: 50px;

}



.tex {

	line-height: 30px;

}



.tc {

	text-align: center;

}



.tr {

	text-align: right;

}



.tl {

	text-align: left;

}



.mt10 {

	margin-top: 10px;

}



.ml10 {

	margin-left: 10px;

}



.mb10 {

	margin-bottom: 10px;

}



.mt20 {

	margin-top: 20px;

}



.mb20 {

	margin-bottom: 20px;

}



.mt30 {

	margin-top: 30px;

}



.mb30 {

	margin-bottom: 30px;

}



.mb50 {

	margin-bottom: 50px;

}



.mt50 {

	margin-top: 50px;

}



.mr50 {

	margin: 50px 0;

}



.pad50 {

	padding: 50px 0;

}



.pt50 {

	padding-top: 50px;

}



.pb50 {

	padding-bottom: 50px;

}



.mt80 {

	margin-top: 80px;

}



.mb80 {

	margin-bottom: 80px;

}



.mauto {

	margin: 0 auto;

}



.z1 {

	position: relative;

	z-index: 1;

}



.z-1 {

	position: relative;

	z-index: -1;

}



.ctex {

	position: absolute;

	top: 50%;

	left: 50%;

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	margin: 0;

	padding: 0;

	z-index: 1;

}



.Blink a {

	display: block;

}



.more {

	margin: 50px auto 0 auto;

	width: 80%;

	max-width: 270px;

	letter-spacing: 2px;

}



.more.m-w {

	width: 100%;

	max-width: 300px;

	margin: 30px auto 0 auto;

}



.more a {

	display: block;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	overflow: hidden;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	background: #323232;

	-webkit-transition-property: color, background-color;

	transition-property: color, background-color;

}



.more.m-w a {

	border: solid 1px #323232;

	background: #fff;

	color: #323232;

}



.more a:hover,

.more a:focus,

.more a:active {

	background-color: #956134;

	color: white;

	opacity: 1;

}



.m-w a:hover,

.m-w a:focus,

.m-w a:active {

	background-color: #f2f2f2;

	color: #323232;

}



.r-icon a {

	position: relative;

}



.r-icon a:after {

	position: absolute;

	content: "";

	background: url(../images/more_arrow.png) no-repeat;

	right: 10px;

	top: 50%;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	width: 9px;

	height: 9px;

}



.m-w a:after {

	position: absolute;

	content: "";

	background: url(../images/yajirushi02.png) no-repeat;

	right: 10px;

	top: 50%;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	width: 9px;

	height: 9px;

}



.more.bottom {

	position: absolute;

	bottom: -20px;

	left: 50%;

	-webkit-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

}



.bgimg {

	position: absolute;

	top: 0;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 100%;

	height: 100%;

	z-index: -1;

}



.bgimg img {

	width: 100%;

	height: 100% !important;

	-o-object-fit: cover;

	object-fit: cover;

}



.c-w {

	color: #fff;

}



.c-gry {

	color: #999999;

}



.c-brwn {

	color: #956134;

}



.bg-gry {

	background: #f2f2f2;

}



.db {

	display: block;

}



.circle.pic span {

	border-radius: 50%;

}



.reverse {

	-webkit-box-orient: horizontal;

	-webkit-box-direction: reverse;

	-webkit-flex-direction: row-reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse;

}



.c {

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.cc {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.inner02 {

	width: 80%;

	max-width: 1000px;

	margin: 0 auto;

}



.row2 {

	width: 48%;

	margin: 0 1% 6%;

}



.row3 {

	width: 31.333%;

	margin: 0 1% 6%;

}



.row4 {

	width: 23%;

	margin: 0 1% 6%;

}



.row5 {

	width: 18%;

	margin: 0 1% 6%;

}



.w75 {

	width: 75%;

}



.w90 {

	width: 90%;

}



/*top共通*/

.tr-tit {

	position: absolute;

	left: -80px;

	top: 66%;

	display: inline-block;

	-webkit-transform-origin: top left;

	-ms-transform-origin: top left;

	transform-origin: top left;

	-webkit-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	transform: rotate(-90deg);

}



.tr-tit02 {

	position: absolute;

	right: -80px;

	top: 50%;

	display: inline-block;

	-webkit-transform-origin: top right;

	-ms-transform-origin: top right;

	transform-origin: top right;

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg);

}



h3.tr-tit,

h3.tr-tit02 {

	margin-bottom: 0;

}



.ls05 {

	letter-spacing: 5px;

}



.ls10 {

	letter-spacing: 10px;

}



@media only screen and (max-width: 1024px) {

	.sp-only {

		display: block;

	}



	.pc-only {

		display: none;

	}



	.inner02 {

		width: 80%;

		max-width: 768px;

	}



	.tr-tit {

		left: -40px;

	}



	.tr-tit02 {

		right: -40px;

	}



}



@media only screen and (max-width: 599px) {

	.mb80 {

		margin-bottom: 50px;

	}



	.inner02 {

		width: 94%;

		max-width: 450px;

		margin: 0 auto;

	}



	.row2 {

		width: 98%;

		margin: 0 1% 10%;

	}



	.row3 {

		width: 48%;

		margin: 0 1% 10%;

	}



	.row4 {

		width: 48%;

		margin: 0 1% 10%;

	}



	.row5 {

		width: 31.333%;

		margin: 0 1% 10%;

	}



	.tr-tit {

		position: relative;

		left: 0;

		top: 0;

		display: block;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none;

		-webkit-transform-origin: none;

		-ms-transform-origin: none;

		transform-origin: none;

	}



	.tr-tit02 {

		position: relative;

		right: 0;

		top: 0;

		-webkit-transform-origin: none;

		-ms-transform-origin: none;

		transform-origin: none;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none;

	}



	h3.tr-tit,

	h3.tr-tit02 {

		margin-bottom: 20px;

	}



	h3.tr-tit02 {

		text-align: right;

		width: 100%;

	}



	h3.tr-tit,

	h3.tr-tit02 {

		text-align: center;

	}



	.w75 {

		width: 100%;

	}



	.sp-c {

		text-align: center;

	}



	.w90 {

		width: 100%;

	}



}



/* ##### 共通ここまで ##### */



/* ##### header ##### */

.header01.inner {

	padding: 20px 0;

}



.header01in {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	padding-bottom: 10px;

}



.logo h1 {

	font-size: 12px;

	font-weight: normal;

	display: none;

}



h1[data-element-id] {

	display: block;

}



.logo {

	width: 214px;

	height: auto;

	margin: 0 auto;

}



header .floating {

	position: fixed;

	top: 30%;

	right: 10px;

	-webkit-writing-mode: vertical-rl;

	-ms-writing-mode: tb-rl;

	writing-mode: vertical-rl;

	z-index: 5;

}



header .floating a {

	background: #ffb1b5;

	padding: 15px;

	box-sizing: border-box;

}



header .floating a:after {

	content: "\f0da";

	font-family: fontawesome;

	font-size: 14px;

	padding-top: 5px;

	color: #fff;

}

header .floating span.web a {

    background: #323232;

    color: #fff;

    padding-top: 50px;

}

header .floating span.web a strong {

  position: relative;

  font-weight: normal;

}

header .floating span.web a strong:before {

  position: absolute;

  content:"";

  background: url(../images/a8668cf7a42329c3121bc544c34382ca.png);

  width: 18px;

    height: 18px;

    top: -27px;

    left: 0px;

}

@media only screen and (max-width: 1024px) {

  header .floating {

    top: 13%;

  }

}



@media only screen and (max-width: 599px) {

  

header .floating {

    top: unset;

    bottom: 0;

    right:0;

    width: 100%;

        -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: horizontal-tb;

    display: flex;

    font-size: 12px;

}

header .floating a {

    width: 100%;

    display: block;

    text-align: center;

}

header .floating a:after {

    padding-top: 0;

    padding-left: 10px;

}

header .floating span.kids {

  width: 60%;

}

header .floating span.web {

  width: 40%;

}

header .floating span.web a {

  padding: 15px;

}

header .floating span.web a strong:before {

  top: 0px;

    left: -25px;

}

}



/* ##### header end ##### */



/* ##### footer ##### */

footer {

	background: #323232;

}



footer * {

	color: #fff;

}



footer .totop {

	top: -15px;

	right: 0;

	position: absolute;

}



.f-logo {

	max-width: 122px;

	margin: 0 auto 20px;

}



.f-nav ul.gr442 {

	margin: 0 2% 0 2%;

}



.f-sns li a {

	padding: 10px;

}

@media (max-width: 599px) {

  .copy {

    padding-bottom: 30px;

}



.f-nav li dd {

  font-size: 11px;

}}

/* ##### footer end ##### */



/* ##### nav ##### */

#gnav {

	background: #f2f2f2;

	position: relative;

}



#gnav .toggle {

	background: #000;

}



#gnav li {

  text-align: center;

	display: inline-block;

}



.header-info {

    position: absolute;

    right: calc(50% - 500px);

    top: -95px;

}



.header-info li a {

	padding: 0 10px;

}

[data-element-id]#gnav .header-info .button.spnone {

  display: block;

}

.header-info .button a {

    font-size: 13px;

    width: 100%;

    letter-spacing: 1px;

    color: #fff;

    font-weight: bold;

    display: block;

    margin-top: 10px;

    padding: 7px 15px;

    box-sizing: border-box;

    text-align: center;

    background: #00b900;

    /* border: 1px solid #00b900; */

}

.header-info .button a img {

    vertical-align: bottom;

    padding-right: 5px;

    width: 25px;

}

@media only screen and (max-width: 599px) {

  .header-info .button a {

    margin-bottom: 10px;

  }

}



#gnav .header-info li.spblck {

  display: none;

}

[data-element-id]#gnav .header-info li.spblck {

  display: block;

}



@media only screen and (max-width: 1024px) {

#gnav .header-info li.spblck {

  display: block;

}

#gnav .header-info .button.spnone {

  display: none;

}

}



#gnav.fixed[data-element-id] {

	position: static !important;

}





#dropmenu {

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	margin: auto;

	max-width: 1000px;

}



#dropmenu[data-element-id] {

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}



#dropmenu li a {

	letter-spacing: 1px;

	font-size: 14px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	font-weight: bold;

	padding: 20px 0;

	position: relative;

	text-decoration: none;

	display: block;

}



#dropmenu li a:after {

	position: absolute;

	top: calc(100% - 4px);

	left: 0;

	width: 100%;

	height: 4px;

	background: rgba(149, 97, 52, 1);

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;

	-webkit-transform: translateY(10px);

	-ms-transform: translateY(10px);

	transform: translateY(10px);

}



#dropmenu li a:hover:after,

#dropmenu li a:focus:after {

	opacity: 1;

	-webkit-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

}



#dropmenu li span.nav-e {

	font-size: 8px;

	color: #956134;

	display: block;

	text-align: center;

	width: 100%;

	font-family: 'Playfair Display SC',

		serif;

}



#dropmenu li.index-link span {

	display: none;

}



#dropmenu span.drop-btn {

	letter-spacing: 1px;

	font-size: 18px;

	display: block;

	text-align: left;

	border: none;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	position: relative;

	font-weight: bold;

}



#dropmenu span.drop-btn:after {

	content: "\f0d7";

	position: absolute;

	font-family: fontawesome;

	color: #ed6f92;

	font-size: 14px;

	bottom: -20px;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

}



.dropmenu {

	*zoom: 1;

}



.dropmenu .dropdown {

	position: relative;

}



#dropmenu .dropdown:hover {

	cursor: pointer;

}



.dropmenu .dropdown ul {

	position: absolute;

	z-index: 9999;

	top: 100%;

	left: 0;

	width: 100%;

	display: block;

	padding-top: 20px;

}



#dropmenu[data-element-id] .dropdown ul li {

	overflow: visible;

	height: 45px;

}



#dropmenu .dropdown ul li {

	overflow: hidden;

	width: 100%;

	height: 0;

	-webkit-transition-property: all;

	-webkit-transition: 0.3s linear;

	transition-property: all;

	transition: 0.3s linear;

}



#dropmenu .dropdown ul li a {

	display: block;

	color: #000;

	width: 200px;

	height: 100%;

	padding: 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	background: #fff;

}



#dropmenu .dropdown:hover ul li {

	overflow: visible;

	height: 45px;

	width: 200px;

}



.sab-nav {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 200px;

}



.sab-nav li a {

	width: 100%;

}



#dropmenu .sp-only {

	display: none;

}



#dropmenu[data-element-id] .sp-only {

	display: block;

}



#gnav.fixed {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 999;

	background: #f2f2f2;

	-webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);

	box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);

}



ul.salon-nav[data-element-id] {

    display: block !important;

}

#gnav[data-element-id] .sp-only {

    display: inline-block;

}



@media only screen and (max-width: 1024px) {

	.header-info {

		position: relative;

		right: 0;

		top: 0;

		max-width: none;

		margin: 0;

	}



	.header-info li {

		width: 50px !important;

		border-bottom: transparent !important;

	}



	#gnav {

		width: 100%;

	}



	#gnav .accordion-body {

		background: rgba(255, 255, 255, 0.8);

	}



	#gnav.action .accordion-body {

		width: 60%;

		margin-left: 40%;

	}





	#gnav .accordion-inner {

		height: 100vh;

	}



	.accordion-inner .sns li {

		display: inline-block;

	}



	#dropmenu {

		display: block;

		padding-bottom: 80px;



	}



	#gnav ul li a {

		color: #323232;

	}



/*   #gnav ul li span {

  height: auto;

  color: #fff;

  background-color: rgba(255, 255, 255, 0.2);

  display: block;

  padding: 10px;

} */



	.dropmenu .dropdown ul {

		position: static;

		background-color: rgba(78, 69, 64, 0);

	}



	#dropmenu .dropdown ul li {

		overflow: visible;

		height: auto;

		padding-left: 30px;

	}



	#dropmenu .dropdown ul li:last-of-type {

		border-bottom: none;

	}



	#dropmenu .dropdown ul li a {

		background-color: rgba(78, 69, 64, 0);

		color: #fff;

	}



	#dropmenu li.index-link img {

		display: none;

	}



	#gnav ul li.index-link span {

		display: block;

		background: none;

	}



	#dropmenu span.drop-btn {

		color: #fff;

	}



	#dropmenu span.drop-btn:after {

		content: none;

	}



	#dropmenu .dropdown:hover ul li {

		height: auto;

		width: 100%;

	}



	#gnav.fixed {

		background: none;

		-webkit-box-shadow: none;

		box-shadow: none;

		padding: 0;



	}



	#gnav {

		padding: 0;

	}



	#dropmenu .sp-only {

		display: block;

	}



	#dropmenu li span.nav-e {

		display: none;

	}



/*   #gnav li {

  border-bottom: 1px solid #989898;

}

 */

 	#gnav li.pc-only {

		display: none;

	}



	/**/



	.accordion-body ul li a,

	.acc-btn-nav {

		display: block;

		width: 100%;

		position: relative;

		color: #000;

		text-align: left;

		border: none;

		letter-spacing: 1px;

		font-size: 14px;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

		font-weight: bold;

		padding: 10px 15px;

		text-decoration: none;

	}



	.acc-btn-nav:after {

		content: "\f107";

		font-family: FontAwesome;

		display: inline-block;

		position: absolute;

		top: 20px;

		right: 4.5rem;

		-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);

		transform: translateY(-50%);

		margin: auto;

		-webkit-transition: 0.3s linear;

		transition: 0.3s linear;

	}



	.acc-btn-nav.action:after {

		-webkit-transform: rotate(180deg) translateY(50%);

		-ms-transform: rotate(180deg) translateY(50%);

		transform: rotate(180deg) translateY(50%);

		-webkit-transform-origin: 50% 50%;

		-ms-transform-origin: 50% 50%;

		transform-origin: 50% 50%;

	}

	#gnav li .salon-nav li:last-of-type {

		  border-bottom: none !important;

}





}



@media (max-width: 599px) {

	#gnav.action .accordion-body {

		width: 100%;

		margin-left: 0;

	}

}



/* ##### nav end ##### */



/* ##### top ##### */



/* トップメインイメージ */

.mainimg {

	position: relative;

	margin-bottom: 80px;

}



.mainimg .uk-slideshow {

	width: 100%;

}



.mainimg .uk-slidenav-position:after {

	padding-top: 35%;

}



.uk-slidenav-next:before {

	content: "";

	background: url(../images/right_arrow.png) no-repeat;

	width: 7px;

	height: 10px;

}



.uk-slidenav-previous:before {

	content: "";

	background: url(../images/left_arrow.png) no-repeat;

	width: 7px;

	height: 10px;

}



.slid-tex {

	width: 42%;

	max-width: 550px;

	position: absolute;

	top: 45%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.slid-tex .in {

	position: relative;

}



.slid-tex .in:after {

	position: absolute;

	background: rgba(255, 255, 255, 0.6);

	width: 100%;

	height: 100%;

	content: "";

	left: 0;

	top: 25px;

	z-index: -1;

}



.slid-tex h2 {

	letter-spacing: 10px;

	line-height: 45px;

	font-size: 46px;

}



.slid-tex h2 span {

	display: block;

}



.uk-slidenav-position .uk-slidenav {

  width: 7px;

  height: 10px;

    margin-top: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}



/* .uk-position-bottom {

  bottom: -15px;

} 

.uk-dotnav-contrast>.uk-active>* {

    background: rgba(0,0,0,0.9);

} */

.uk-dotnav>*>* {

    width: 10px;

    height: 10px;

    border-radius: none;

}

.uk-dotnav>* {

  margin-bottom: 15px;

}

.uk-slidenav-position .uk-slidenav {

  width: 25px;

  display: block !important;

}



@media (max-width: 1024px) {



	.mainimg .uk-slidenav-position:after {

		padding-top: 40%;

	}



	.slid-tex {

		max-width: 400px;

		width: 60%;

	}



	.slid-tex .in:after {

		top: 18px;

	}



	.slid-tex h2 {

		letter-spacing: 5px;

		line-height: 30px;

		font-size: 26px;

	}



	.slid-tex h2 span {

		font-size: 12px;

	}

.uk-slidenav-position .uk-slidenav {

  width: 10px;

}

}



@media (max-width: 599px) {



	/* .mainimg .uk-slidenav-position:after {

		padding-top: 66%;

	} */

	.slid-tex .in:after {

		top: 10px;

	}



	.slid-tex h2 {

		letter-spacing: 2px;

		line-height: 20px;

		font-size: 18px;

	}



	.slid-tex {

		max-width: 280px;

		width: 65%;

	}



	.slid-tex h2 span {

		font-size: 8px;

	}

	.uk-slidenav-position .uk-slidenav-previous {

    left: 10px;

    display: none !important;

}

.uk-slidenav-position .uk-slidenav-next {

    right: 10px;

    display: none !important;

}

.uk-dotnav>* {

    margin-bottom: 5px;

}



}



/*top-news*/

.top-news {

	background: #f2f2f2;

	width: 100%;

	padding-top: 30px;

	margin-bottom: 80px;

}



.top-news:after {

	content: "";

	position: absolute;

	right: 0;

	top: 0;

	width: calc(50% - 600px);

	height: 100%;

	background: #fff;

}



.top-news li dd.date {

	display: none;

}



/*top-salon*/

.top-salon {

	background: #f2f2f2;

	width: 100%;

	padding: 30px 0;

	margin-bottom: 80px;

}



.top-salon li.row4 {

	margin: 1%;

}



.top-salon li dl * {

	color: #fff;

}



.top-salon li dl {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 8%;

	width: 100%;

}



.top-salon li dl dt {

	border-bottom: 1px solid #fff;

	margin-bottom: 10px;

}



/*top-menu*/

.top-menu .tr-tit {

	top: 44%;

}



.top-menu:before {

	content: "";

	width: 100%;

	height: 70%;

	bottom: 40px;

	background: #f2f2f2;

	position: absolute;

}



.top-menu:after {

	content: "";

	position: absolute;

	right: 0;

	top: 0;

	width: calc(50% - 600px);

	height: 100%;

	background: #fff;

}



.top-menu .menu li {

	margin: 0 2%;

}



.top-menu .menu li .pic {

	margin-bottom: 50px;

}



.top-menu .menu li .pic:after {

	position: absolute;

	content: "";

	background: rgba(230, 230, 230, 0.6);

	width: 100%;

	height: 100%;

	top: 20px;

	left: 20px;

	z-index: -1;

}



.top-menu .menu li h4 span {

	position: relative;

	padding-bottom: 10px;

}



.top-menu .menu li h4 span:before {

	content: "";

	width: 100%;

	height: 7px;

	position: absolute;

	top: 100%;

	left: 0;

	position: absolute;

	background: -webkit-repeating-linear-gradient(45deg, #000, #000 1px, #f2f2f2 1px, #f2f2f2 7px);

	background: repeating-linear-gradient(45deg, #000, #000 1px, #f2f2f2 1px, #f2f2f2 7px);

}



.top-menu .menu li h4 span:after {

	position: absolute;

	content: "";

	background: url(../images/menu_arrow.png) no-repeat;

	right: -20px;

	top: 50%;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	width: 11px;

	height: 12px;

}



.top-menu .sub li.more {

	margin: 10px 10px 0;

	width: 50%;

	max-width: 300px;

	letter-spacing: 0;

}



.top-menu .sub li.more a {

	padding: 25px 0;

}



.top-menu .sub li.more span.nsans {

	display: block;

	line-height: 10px;

}



/*top-kids*/

.top-kids {

	margin: 80px 0;

}



.top-kids .kazari {

	position: absolute;

	top: 24%;

	left: 0;

	z-index: -1;

}



.top-kids .w35 {

	margin: auto 2% 0 2%;

}



/*top-c1*/

.top-c1 .cover {

	width: 100%;

	position: relative;

	overflow: hidden;

}



.top-c1 .cover:after {

	content: '';

	display: block;

	padding-top: 44%;

}

.top-c1 .top-recruit {

    position: relative;

}

.top-c1 .top-recruit  h3 {

    color: #323232;

}

.top-c1 .top-recruit .pic:after {

    content: "";

    z-index: 1;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.5);

}

.top-c1 .top-recruit {

    margin: 80px 0px 120px 0;

}

@media only screen and (max-width: 1024px) {

 .top-c1 .top-recruit {

    margin: 60px 0px 100px 0;

}

} 

@media only screen and (max-width: 599px) {

 .top-c1 .top-recruit {

    margin: 50px 0px 80px 0;

}

} 

.c1-list {

	position: absolute;

	top: 0;

	left: -8%;

	width: 110%;

	margin: 0 auto;

	background-color: #fff;

	-webkit-column-count: 5;

	column-count: 5;

	grid-column-gap: 1%;

}



ul.c1-list {

	display: block;

	list-style-type: disc;

	-webkit-margin-before: 0;

	margin-block-start: 0;

	-webkit-margin-after: 0;

	margin-block-end: 0;

	-webkit-margin-start: 0px;

	margin-inline-start: 0px;

	-webkit-margin-end: 0px;

	margin-inline-end: 0px;

	-webkit-padding-start: 0;

	padding-inline-start: 0;

}



.grid {

	-webkit-column-break-inside: avoid;

	page-break-inside: avoid;

	break-inside: avoid;

	margin-bottom: 10px;

}



.grid:last-of-type {

	width: 149%;

}



.grid.tit {

	background: #f2f2f2;

}



.grid h3 {

	margin: 0;

	padding: 32% 0;

}



/*top-link*/

.top-link {

	margin: 80px 0;

}



.top-link .inner {

	border: solid 2px #323232;

	padding: 0;

}



.top-link .inner:before {

	content: "";

	width: 101%;

	height: 11px;

	position: absolute;

	top: 110%;

	left: 0;

	position: absolute;

	background: url(../images/line_kazari2.png) repeat-x;

}



.top-link .inner:after {

	content: "";

	background: url(../images/line_kazari2.png) repeat-y;

	width: 11px;

	height: 116%;

	position: absolute;

	top: 0;

	right: -22px;

	position: absolute;

}



.top-link .inner h3 {

	position: absolute;

	top: -35px;

	width: 100%;

	left: 0;

	margin-bottom: 0;

}



.top-link .inner h3 span {

	background: #fff;

	padding: 0 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.top-link .slider {

	width: 80%;

	margin: 50px auto;

}



.top-link .blog {

	border-left: solid 1px #323232;

	padding-bottom: 80px;

}



.top-link .blog dd {

	margin-top: 5px;

}



.top-link .new-mark {

	font-size: 10px;

	letter-spacing: 2px;

	display: none;

	height: 25px;

	padding: 0 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	color: #fff;

	font-weight: 600;

	background-color: #f80000;

	position: absolute;

	top: 0;

	left: 0;

}



.top-recruit {

	margin-top: -30px;

}



.top-recruit .m-w a:after {

	background: url(../images/recruit_aroow.png) no-repeat;

}



.top-recruit dl {

	position: absolute;

	left: 50%;

	z-index: 2;

	top: 50%;

	width: 350px;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



/*top-link02*/

.top-link02 {

	margin-bottom: 50px;

}



.top-link02 .inner {

	padding: 0;

}



.top-link02 li {

	margin: 1%;

}



.top-recruit h3 {

	color: #fff;

}



.top-recruit .more.m-w {

	width: 100%;

	max-width: 350px;

	margin: 30px auto 0 auto;

}



.kara {

	height: 100px;

	margin-top: -30px;

}



.kara .blog {

	margin-top: 18px;

}



@media only screen and (max-width: 1024px) {

	.top-salon li dl dt {

		font-size: 17px;

	}



	.top-salon li.row4 {

		width: 31.3333%;

	}



	.top-menu .sub li.more {

		width: 45%;

		font-size: 16px;

	}



	.top-kids .kazari {

		top: 0;

	}



	.top-kids .w35 {

		width: 45%;

	}



	.top-c1 .cover:after {

		padding-top: 45%;

	}



	.top-recruit h3 {

		margin-bottom: 10px;

	}



	.top-recruit .more.m-w {

		max-width: 250px;

		margin: 10px auto 0 auto;

	}



}



@media only screen and (max-width: 599px) {

  .top-salon li dl dt {

    font-size: 15px;

  }

  .top-salon li dl dd {

    font-size: 12px;

  }

  

	.top-news li .pic {

		width: 100%;

	}



	.top-link .blog {

		border-top: #323232 solid 1px;

		border-left: none;

		margin-top: 50px;

		padding-bottom: 30px;

	}



	.top-salon li .pic {

		width: 100%;

	}



	.top-salon li.row4 {

		width: 48%;

	}



	.top-menu .menu li .pic:after {

		top: 10px;

		left: 10px;

	}



	.top-menu .menu li .pic {

		width: 90%;

		margin-bottom: 20px;

	}



	.top-menu .menu li {

		margin-bottom: 30px;

	}



	.top-menu .sub li.more {

		width: 80%;

	}



	.top-kids .w35 {

		width: 90%;

		margin: 3% auto;

	}



	.top-kids .w35 h3 {

		text-align: center;

	}



	.top-kids .pic.kazari {

		width: 100%;

	}



	.c1-list {

		left: 0;

		width: 100%;

		-webkit-column-count: 2;

		column-count: 2;

	}



	.top-c1 .cover:after {

		padding-top: 215%;

	}



	.c1-list .grid.pic {

		width: 100%;

	}



	.top-recruit .pic {

		width: 100%;

	}



	.top-link {

		margin-bottom: 1%;

	}



	.kara {

		display: none;

	}



	.top-link .inner:before {

		top: 102%;

	}



	.top-link .inner:after {

		height: 103%;

	}



	.top-recruit {

		margin: 80px auto 0;

		width: 94%;

		max-width: 440px;

	}



	.top-recruit .trimming20 span.trimmingInner {

		padding-top: 40% !important;

	}



	.top-link02 .pic {

		width: 100%;

	}



}



/* ##### トップここまで ##### */



/* ##### 下層ページ共通 ##### */

.page-header:after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(255, 255, 255, 0.5);

}



.sub-tit {

	line-height: 20px;

	display: block;

	font-size: 14px;

	font-weight: bold;

	color: #956134;

	font-family: "游ゴシック",

		YuGothic,

		Hiragino Sans,

		"ヒラギノ角ゴ ProN W3",

		"Hiragino Kaku Gothic Pro",

		Hiragino Kaku Gothic ProN,

		"メイリオ",

		Meiryo,

		'ＭＳ Ｐゴシック',

		sans-serif;

}



.gallery .row4 {

	margin: 1%;

}



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



@media only screen and (max-width: 599px) {

	.page-header .pic {

		width: 100%;

	}



	.page-header h2 {

		font-size: 18px;

		letter-spacing: 2px;

	}



	.sub-tit {

		font-size: 12px;

	}

}



/* ##### 下層ページ共通ここまで ##### */



/* ##### ショップリスト ##### */

.shoplist .top-salon li dl * {

	color: #323232;

}



.shoplist .top-salon li dl {

	position: relative;

	bottom: 0;

	left: 0;

	padding: 0;

	margin: 10px 0;

}



.shoplist .top-salon li dl dt {

	font-weight: bold;

	border-bottom: 1px solid #323232;

}



.shoplist .top-salon .more {

	margin: 30px auto 30px auto;

}



/*ショップ*/

.salon .information {

	background: #f2f2f2;

	padding: 30px;

	position: relative;

	z-index: 2;

	max-width: 550px;

	margin: -32% auto 80px 0;

}



.salon .information dt {

	width: 180px;

}



.salon .information dd {

	width: calc(100% - 180px);

}

.information h3 {

	position: relative;



}



.information h3 span.pic {

	max-width: 214px;

	margin: 0 auto 5px;

	display: block;

}

.information h3 span.youtube {

  display: inline-block;

  position: absolute !important;

  right: 20px;

  top: 50%;

  -webkit-transform: translate(0, -50%);

         -ms-transform: translate(0, -50%);

             transform: translate(0, -50%);}



.salon-link div.pic {

	float: right;

}



.salon-link div.link {

	background: #323232;

}



.salon-link div.link dl {

	width: 60%;

}



.salon-link div.link .more.m-w {

	margin: 0;

}



.salon-link .m-w a:after {

	background: url(../images/recruit_aroow.png) no-repeat;

}



/*スタッフ詳細*/

.profile-box dt span.sub {

	display: block;

	font-size: 14px;

	font-weight: normal;

}



.profile-box dl {

	padding: 10px 0 30px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border-bottom: #323232 solid 1px;

	margin-bottom: 10px;

}



.profile-box dt {

	width: 200px;

}



.profile-box dd {

	width: calc(100% - 200px);

}



.salon-staff[data-element-id] ul li.row4:nth-of-type(n+5) {

  display: none;

}



.calendar .none {

  display: none;

}



.calendar iframe {

  width: 100% !important;

  height: 500px !important;

}



@media only screen and (max-width: 1024px) {

	.salon .information {

		padding: 20px;

		margin: -10% auto 80px 0;

	}



	.profile-box dt {

		width: 150px;

	}



	.profile-box dd {

		width: calc(100% - 150px);

	}



	.s-data.w50 {

		width: 60%;

	}



}



@media only screen and (max-width: 599px) {

	.shoplist .top-salon .more {

		font-size: 12px;

	}



	.salon .information {

		padding: 10px;

		margin: 20px auto 80px 0;

	}



	.salon .information dt {

		width: 100%;

		margin-bottom: 10px;

	}



	.salon .information dd {

		width: 100%;

	}





	.salon-link div.pic {

		float: none;

		width: 100%;

	}



	.salon-link div.link dl {

		width: 90%;

	}



	.salon-link div.link dt {

		text-align: center;

	}



	.salon-link div.link .more.m-w {

		margin: 0 auto;

	}



	.salon-link .w50 {

		margin: 0;

	}



	.s-data.w50 {

		width: 100%;

	}



	.profile-box dt {

		width: 100%;

		margin-bottom: 10px;

	}



	.profile-box dt span.sub {

		display: inline-block;

	}



	.profile-box dd {

		width: 100%;

	}

	.information h3 span.pic {

    max-width: 189px;

	}

 .information h3 span.youtube {

    right: 10px;

    width: 30px;

}

/*   .information h3 span.youtube {

  display: block;

    position: relative !important;

    right: unset;

    top: unset;

    transform: none;

    margin-top: 18px;

    text-align: center;

} */



}



/* ##### ショップリスト ここまで ##### */

/* ##### 商品 ##### */

.product-category li {

	margin-bottom: 6%;

}



.product-category li:after {

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 15px;

	left: 15px;

	position: absolute;

	z-index: -1;

	background: url(../images/bg.png);

}



.categoryproducts .c-list li {

	position: relative;

	padding: 10px 10px 10px 20px;

}



.categoryproducts .c-list li:before,

.menu .c-list li a:after {

	content: "";

	position: absolute;

	background: url(../images/arrow_l.png) no-repeat;

	left: 0;

	top: 50%;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	width: 11px;

	height: 12px;

}



.item-list li {

	border: #a0a0a0 solid 1px;

	padding: 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.item-list li.row3 {

	margin: 1%;

}



.p-img .pic {

	padding: 25px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border: #a0a0a0 solid 1px;

}



.p-data .tex {

	padding: 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border-bottom: #cfcfcf solid 1px;

}



.price-box {

	padding: 20px 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.price-box dt {

	width: 100px;

}



.price-box dd {

	width: calc(100% - 100px);

}



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



@media only screen and (max-width: 599px) {

 .menu .c-list li.row4 {

    font-size: 11px !important;

}

.product-category li {

  margin-bottom: 30px;

}

.product-category li .pic {

  width: 90%;

}

.product-category li:after {

      width: 85%;

    left: 10%;

}

.item-list li.row3 .pic {

  width: 100%;

}

}



/* ##### 商品 ここまで ##### */

/* ##### メニュー ##### */

.menu .c-list li.row4 {

	margin: 1%;

	border: solid 1px #323232;

}



.menu .c-list li a {

	position: relative;

	display: block;

	padding: 15px 0;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.menu .c-list li a:after {

	left: 10px;

}



@media only screen and (max-width: 1024px) {

	.menu .c-list li.row4 {

		width: 31.3333%;

	}

}



@media only screen and (max-width: 599px) {

	.menu .c-list li.row4 {

		width: 48%;

	}

	.item-list li {

	  padding: 10px;

	}

	.p-img .pic {

	  padding: 13px;

	}

}



/* ##### メニュー ここまで ##### */



/* ##### メンズ ##### */

.haircare h4 {

	margin-bottom: 10px;

}



.haircare-list li dt {

	position: relative;

	color: #fff;

	max-width: 380px;

	background: #000000;

	padding: 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin-bottom: 20px;

}



.haircare-list li dt:after {

	content: "";

	position: absolute;

	background: #000;

	width: 60%;

	height: 1px;

	top: 50%;

	left: 100%;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

}



.haircare-list li dd {

	padding-left: 30px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.Mild-acidity {

	position: relative;

	background: url(../images/bg.png);

}



.Mild-acidity:after {

	position: absolute;

	background: #fff;

	content: "";

	width: calc(100% - 40px);

	height: calc(100% - 40px);

	top: 20px;

	left: 20px;

}



.Mild-acidity .in {

	padding: 0 30px;

	margin: 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.hair-care {

	padding: 50px 30px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	background: #f2f2f2;

}



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



@media only screen and (max-width: 599px) {

	.haircare-list li dt:after {

		content: none;

	}



	.haircare-list li dt {

		max-width: none;

	}



	.haircare-list li dd {

		padding: 0 10px;

		margin-bottom: 20px;

	}

}



/* ##### メンズ ここまで ##### */



/* ##### ネイル・アイラッシュ ##### */

.at-first:after {

	position: absolute;

	content: "";

	background: url(../images/line_kazari1.png) repeat-x;

	width: 100%;

	height: 10px;

	left: 10px;

	z-index: -1;

	top: 110%;

}



.n-menu .menubox1 h4 span:after {

	content: none;

}



.n-menu .menubox1 {

	margin-bottom: 30px;

}



.salon-info dl {

	padding-left: 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.Eyelash-info h4 {

	background: #000;

	padding: 10px 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.salon-info .list>li {

	padding: 50px 0 30px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	background: url(../images/line_kazari1.png) repeat-x left bottom;

}



@media only screen and (max-width: 1024px) {

	.at-first:after {

		top: 105%;

	}



	.n-menu .left,

	.n-menu .right {

		width: 100%;

	}



	.n-menu .left .pic,

	.n-menu .right .pic {

		width: 75%;

		margin: 30px auto 0;

	}



}



@media only screen and (max-width: 599px) {



	.n-menu .left .pic,

	.n-menu .right .pic {

		width: 90%;

	}

}



/* ##### ネイル・アイラッシュ ここまで ##### */



/* ##### スタイル ##### */

.gallery .main-image {

	width: 100%;

	margin-bottom: 15px;

}



.gallery .thumb-img {

	width: calc(33.33333% - 10px);

	-webkit-transition: 0.3s linear;

	transition: 0.3s linear;

}



.gallery .thumb-img:nth-of-type(3) {

	margin: 0 15px;

}



.gallery .thumb-img:hover {

	cursor: pointer;

	opacity: 0.8;

}



.style .s-data .g-tit:after {

	content: "";

	position: absolute;

	background: url(../images/line_kazari1.png) no-repeat;

	left: 0;

	top: 110%;

	width: 190px;

	height: 7px;

}



.style .profile-box h4 {

	margin-bottom: 10px;

}



.style .profile-box h5 {

	line-height: 25px;

}



.style .profile-box dl {

	padding: 10px 0;

}



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



@media only screen and (max-width: 599px) {

	.style .s-data {

		margin-top: 30px;

	}



	.style .profile-box .stylist-data .pic {

		width: 100%;

	}



	.style .profile-box .stylist-data .w25 {

		width: 25%;

	}



	.style .profile-box .stylist-data .w70 {

		width: 70%;

	}



	.gallery .pic {

		width: 100%;

	}

}



/* ##### スタイル ここまで ##### */



/* ##### c-1 ##### */

.grandprix_detail .t-tit {

	background: url(../images/line_kazari1.png) repeat-x left;

	background-position-y: 30px;

}

.grandprix_detail .t-tit span.c-1位 {

  display: block;

}

.grandprix_detail .t-tit span.c-2位,

.grandprix_detail .t-tit span.c-3位,

.grandprix_detail .t-tit span.c-4位,

.grandprix_detail .t-tit span.c-5位,

.grandprix_detail .t-tit span.c-6位,

.grandprix_detail .t-tit span.c-7位,

.grandprix_detail .t-tit span.c-ノミネート位 {

  display: none;

}



.grandprix_detail .t-tit span {

	background: #fff;

	display: inline-block;

	padding: 10px 50px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.grandprix_detail .gallery .main-image {

	margin-bottom: 20px;

}



.grandprix_detail .gallery .thumb-img {

	width: calc(33.33333% - 20px);

}



.grandprix_detail .gallery .thumb-img:nth-of-type(3) {

	margin: 0;

}



.grandprix_detail .work.inner {

	padding: 0 0 50px;

	background: url(../images/line_kazari1.png) repeat-x left bottom;

}



.grandprix_detail .work .no {

  position: relative;

	font-size: 60px;

	background: url(../images/c01.png) no-repeat;

	width: 123px;

	height: 123px;

}



.grandprix_detail .work .c-ノミネート位 {

  display: none;

}



.grandprix_detail .work .no:after {

  position: absolute;

  content: "1";

  font-family: 'Playfair Display', serif;

  top: 50%;

  left: 50%;

  font-size: 60px;

  transform:translate(-50%, -50%);

}

.grandprix_detail .work .no.c-2位 {

  	width: 98px;

	height: 98px;

	background: url(../images/099f53d617fc7342fdde76fe507af0ed.png) no-repeat !important;

}

.grandprix_detail .work .no.c-2位:after {

  content: "2";

}

.grandprix_detail .work .no.c-3位 {

  	width: 98px;

	height: 98px;

	background: url(../images/c7c683f072e0ef4dea6260fc50e91657.png) no-repeat !important;

}

.grandprix_detail .work .no.c-3位:after {

  content: "3";

}

.grandprix_detail .work .no.c-4位, .grandprix_detail .work .no.c-5位, .grandprix_detail .work .no.c-6位, .grandprix_detail .work .no.c-7位 {

  	width: 71px;

	height: 59px;

	background: url(../images/fa7a8702f1a8af60c8e84bbea73f98db.png) no-repeat !important;

}

.grandprix_detail .work .no.c-4位:after {

  content: "4";

  padding-bottom: 18px;

  font-size: 34px;

}

.grandprix_detail .work .no.c-5位:after {

  content: "5";

  padding-bottom: 18px;

  font-size: 34px;

}

.grandprix_detail .work .no.c-6位:after {

  content: "6";

  padding-bottom: 18px;

  font-size: 34px;

}

.grandprix_detail .work .no.c-7位:after {

  content: "7";

  font-size: 34px;

  padding-bottom: 18px;

}



.grandprix_detail .stylist dt {

	padding-top: 10px;

}



.grandprix_detail .stylist dd span {

	line-height: 20px;

}



/*一覧*/

.grandprix .c-1 {

	position: relative;

	padding: 50px 0 0;

}



.grandprix .c-1:after {

	content: "";

	background: #b3ab8b;

	position: absolute;

	width: 100%;

	height: 91%;

	left: 0;

	top: 0;

	z-index: -1;

}



.grandprix.grandprix_detail .t-tit span {

	background: #b3ab8b;

	color: #fff;

}



.grandprix.grandprix_detail .work.inner {

	background: none;

}



.grandprix.grandprix_detail .stylist-data div span {

	line-height: 20px;

}



.grandprix.grandprix_detail .stylist {

	margin-top: 110px;

}



.no1-img {

	float: right;

}



.no1-tit {

	float: left;

}



.no1-stylist {

	float: left;

}



.grandprix .c-2 {

	padding-top: 50px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	position: relative;

}



.grandprix .c-2 .in {

	max-width: 500px;

	margin-left: auto;

	padding-right: 3%;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin-bottom: 50px;

}



.grandprix .c-2:after {

	content: "";

	background: #a9a9a9;

	position: absolute;

	width: 100%;

	height: 50%;

	left: 0;

	top: 0;

	z-index: -1;

}



.grandprix .c-2:before {

	content: "";

	background: url(../images/line_kazari1.png) repeat-x;

	position: absolute;

	width: 100%;

	height: 10px;

	left: 0;

	bottom: 0;

	z-index: 2;

}



.grandprix .c-3 {

	padding-top: 50px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin-top: 50px;

	position: relative;

}



.grandprix .c-3 .in {

	padding-left: 3%;

	margin-right: auto;

	max-width: 500px;

}



.grandprix .c-3:after {

	content: "";

	background: #ccae8e;

	position: absolute;

	width: 100%;

	height: 50%;

	left: 0;

	top: 0;

	z-index: -1;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.grandprix .c-3:before {

	content: "";

	background: url(../images/line_kazari1.png) repeat-x;

	position: absolute;

	width: 100%;

	height: 10px;

	left: 0;

	top: -30px;

	z-index: 2;

}



.grandprix .c-2 .rank .no {

	width: 98px;

	height: 98px;

	background: url(../images/c02.png) no-repeat;

	font-size: 60px;

}



.grandprix .c-3 .rank .no {

	width: 98px;

	height: 98px;

	background: url(../images/c03.png) no-repeat;

	font-size: 60px;

}



.grandprix .c-2 .rank .tit-list,

.grandprix .c-3 .rank .tit-list {

	width: calc(100% - 120px);

	margin-left: 20px;

}



.grandprix .c-2 .rank .tit-list h5,

.grandprix .c-3 .rank .tit-list h5 {

	margin-bottom: 0;

}



.grandprix .c-2 .s-staff,

.grandprix .c-3 .s-staff {

	margin-top: 20px;

}



.grandprix .c-2 .s-staff .pic,

.grandprix .c-3 .s-staff .pic {

	width: 115px;

}



.grandprix .c-2 .s-staff .name,

.grandprix .c-3 .s-staff .name {

	width: calc(100% - 130px);

	margin-left: 15px;

}



.grandprix .c-2 .s-staff .name span,

.grandprix .c-3 .s-staff .name span {

	line-height: 20px;

}



.box-rank02 {

	margin-top: 80px;

}



.box-rank02 h6 {

	width: 71px;

	height: 59px;

	background: url(../images/c04.png) no-repeat;

	margin: 0 auto 20px;

	text-align: center;

	font-size: 24px;

}



.box-rank02 .staff .pic {

	width: 93px;

}



.c1-entry .row5 {

	margin: 1%;

}



@media only screen and (max-width: 1024px) {

	.grandprix_detail .stylist dt {

		padding-top: 0;

		width: 100%

	}



	.grandprix_detail .stylist dd {

		width: 100%;

	}



	.grandprix.grandprix_detail .stylist {

		margin-top: 50px;

	}



	.box-rank.flexb {

		width: 100%;

		max-width: none;

	}



	.grandprix .c-2 .in {

		padding-right: 0;

	}



	.grandprix .c-3 .in {

		padding-left: 0;

	}



	.grandprix .c-2 .in,

	.grandprix .c-3 .in {

		width: 90%;

		margin: 0 auto;

	}



}



@media only screen and (max-width: 599px) {

	.grandprix_detail .t-tit {

		background: none;

		position: relative;

		padding: 20px 0;

	}



	.grandprix_detail .t-tit:before {

		content: "";

		background: url(../images/line_kazari1.png) repeat-x left;

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 10px;

	}



	.grandprix_detail .work .no {

		margin: 0 auto;

	}



	.grandprix_detail .work h5 {

		text-align: center;

	}



	.grandprix_detail .stylist h4 {

		text-align: center;

		margin: 0;

	}



	.grandprix_detail .stylist dl * {

		text-align: center;

		margin: 0;

	}



	.grandprix.grandprix_detail .stylist .pic {

		max-width: 150px;

	}



	.grandprix .stylist-data div {

		text-align: center;

	}



	.grandprix .c-1:after {

		height: 100%;

	}



	.no1-img,

	.no1-tit,

	.no1-stylist {

		float: none;

	}



	.box-rank>.w50 {

		margin: 0;

	}



	.grandprix .c-2 .rank .no,

	.grandprix .c-3 .rank .no {

		margin: 0 auto;

	}



	.grandprix .c-2 .rank .tit-list,

	.grandprix .c-3 .rank .tit-list {

		width: 100%;

		text-align: center;

	}



	.grandprix .c-2:after,

	.grandprix .c-3:after {

		height: 100%;

	}



	.grandprix .c-2:before,

	.grandprix .c-3:before {

		content: none;

	}



	.grandprix .c-2 .in,

	.grandprix .c-3 .in {

		width: 94%;

		max-width: 450px;

		margin: 0 auto 50px;

	}



	.grandprix .c-2 .s-staff .name,

	.grandprix .c-3 .s-staff .name {

		color: #fff;

	}

}



/* ##### c-1 ここまで ##### */



/* ##### モデル募集 ##### */

.heading:after {

	content: "";

	position: absolute;

	background: rgba(108, 101, 96, 0.4);

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}



.heading .img li {

	width: 25%;

}



.heading .in {

	z-index: 2;

	position: absolute;

	top: 50%;

	left: 50%;

	width: 90%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.heading .item li {

	text-align: center;

	font-weight: bold;

	border: 5px solid #fff;

	width: 150px;

	height: 150px;

}



.r-contents li {

	font-size: 16px;

	margin: 15px 0;

}



.flow .step li {

	padding: 15px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.flow .step li * {

	color: #fff;

}



.flow .step li:nth-of-type(3n+1) {

	background: #6c6560;

}



.flow .step li:nth-of-type(3n+2) {

	background: #4a4542;

}



.flow .step li:nth-of-type(3n) {

	background: #201f1e;

}



.faq {

	margin-top: 30px;

}



.qa-list {

	margin-bottom: 30px;

	border-bottom: #a5a5a5 solid 1px;

}



.qa-list * {

	margin-bottom: 20px;

}



.qa-list .box {

	width: calc(100% - 62px);

}



.qa-list .q,

.qa-list .a {

	width: 42px;

	height: 42px;

	background: #000000;

	display: block;

	padding-top: 5px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin-right: 20px;

}



.qa-list .a {

	background: #956134;

}



@media only screen and (max-width: 1024px) {

	.heading .in {

		width: 98%;

	}



	.heading .item li {

		font-size: 12px;

		width: 98px;

		height: 98px;

	}

}



@media only screen and (max-width: 599px) {

	.heading .item li {

		width: 129px;

		height: 129px;

	}



	.heading .in {

		width: 90%;

	}



	.heading .img li {

		width: 50%;

	}



	.heading .item li {

		border: 5px solid #fff;

	}



	.flow .step li.row3 {

		width: 100%;

	}

}



/* ##### モデル募集 ここまで ##### */



/* ##### キッズ ##### */



.kidsroom .room li h5 {

	position: relative;

	margin: 20px 0 30px;

}



.kidsroom .room li h5:after {

	content: "";

	position: absolute;

	width: 100%;

	height: 27px;

	left: 0;

	top: 100%;

}



.kidsroom .room li:nth-of-type(4n) h5:after {

	background: url(../images/line04.png) no-repeat;

	background-size: contain;

}



.kidsroom .room li:nth-of-type(4n+3) h5:after {

	background: url(../images/line03.png) no-repeat;

	background-size: contain;

}



.kidsroom .room li:nth-of-type(4n+2) h5:after {

	background: url(../images/line02.png) no-repeat;

	background-size: contain;

}



.kidsroom .room li:nth-of-type(4n+1) h5:after {

	background: url(../images/line01.png) no-repeat;

	background-size: contain;

}



.kidsroom .howto dt {

	height: 63px;

}



.kidsroom .howto dd {

	margin: 10px 0;

}



.kidsroom .howto .no {

	background: url(../images/hukidasi.png) no-repeat;

	display: block;

	width: 63px;

	height: 63px;

	text-align: center;

	color: #419dc3;

	padding-top: 17px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.kidsroom .howto .tit {

	width: calc(100% - 70px);

	margin-left: 7px;

	display: block;

}



.kidsroom .howto li .pic {

	max-width: 95px;

	margin: 0 auto;

}



.kidsroom .info .c>dt {

	width: 60px;

}



.kidsroom .info .c>dd {

	width: calc(100% - 70px);

	margin-left: 10px;

}



.kidsroom .info .faq dd {

	margin-top: 5px;

}



.kidsroom .info .faq .q {

	color: #b2703b;

}



.kidsroom .info .faq .a {

	color: #1b99cd;

}



.kidsroom .k-staff h3 span.hana {

	position: absolute;

	width: 83px;

	height: 51px;

	left: -95px;

	top: 0;

}



.kidsroom .k-staff h3 span.hachi {

	position: absolute;

	width: 84px;

	height: 50px;

	right: -95px;

	top: 0;

}



.kidsroom .k-access div span.prezent {

	position: absolute;

	width: 58px;

	height: 64px;

	left: -75px;

	top: -56px;

}



.kidsroom .k-access div span.kuma {

	position: absolute;

	width: 69px;

	height: 118px;

	right: -95px;

	top: -77px;

}



.k-access h5 {

	padding: 10px 0 0 70px;

}



.k-access .item li h5:after {

	position: absolute;

	content: "";

	width: 51px;

	height: 45px;

	left: 0;

	top: 0;

}



.k-access .item li:nth-of-type(4n) h5:after {

	background: url(../images/hana04.png) no-repeat;

	background-size: contain;

}



.k-access .item li:nth-of-type(4n+3) h5:after {

	background: url(../images/hana03.png) no-repeat;

	background-size: contain;

}



.k-access .item li:nth-of-type(4n+2) h5:after {

	background: url(../images/hana02.png) no-repeat;

	background-size: contain;

}



.k-access .item li:nth-of-type(4n+1) h5:after {

	background: url(../images/hana01.png) no-repeat;

	background-size: contain;

}



.k-access .item li ul li {

	font-size: 16px;

	margin: 15px 0;

}



@media only screen and (max-width: 1024px) {

	.kidsroom .room li.row4 {

		width: 31.3333%;

	}



	.kidsroom .howto li {

		margin-bottom: 30px;

	}



	.kidsroom .info .w65 {

		margin-bottom: 20px;

	}

}



@media only screen and (max-width: 599px) {

	.kidsroom .room li.row4 {

		width: 48%;

	}



	.kidsroom .k-staff h3 {

		padding-bottom: 90px;

	}



	.kidsroom .k-staff h3 span.hana {

		top: 120%;

		left: 0;

	}



	.kidsroom .k-staff h3 span.hachi {

		top: 190%;

		right: 0;



	}



	.kidsroom .k-access div.kazari {

		padding-top: 100px;

	}



	.kidsroom .k-access div span.prezent {

		left: 7px;

		top: -88px;

	}



	.kidsroom .k-access div span.kuma {

		right: -24px;

		top: -129px;

	}

	.kidsroom .howto .no {

	  background-size: contain;

	  width: 50px;

	  height: 50px;

}

.kidsroom .howto .tit {

    width: calc(100% - 58px);

}

}



/* ##### キッズ ここまで ##### */



/* ##### 会社概要 ##### */



.company-prof dl {

	padding: 20px 0;

	border-bottom: #707070 solid 1px;

}



.company-prof dt {

	font-size: 16px;

}



.career dd li {

	padding-left: 25px;

	position: relative;

}



.career dd li:before {

	position: absolute;

	left: 0;

	top: 0;

	content: "---";

}



/* ##### contact ##### */

.form {

	background: #fff;

	padding: 4% 5%;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.contact-list {

	margin-bottom: 20px;

	padding-bottom: 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border-bottom: #9b9b9b solid 1px;

}



.contact-list dt {

	width: 250px;

	font-size: 18px;

	font-weight: bold;

}



.contact-list dd {

	width: calc(100% - 250px);

}



.contact-list input,

.contact-list textarea,

.contact-list select {

	border: none;

	background: #e6e6e6;

	width: 100%;

	padding: 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.contact-list dd ul.flex input {

  width: auto;

}

.contact-list .sankaku input {

  width: auto;

}

.contact-list dd .flex label, .contact-list .sankaku label {

  margin-left: 15px;

}



.contact-btn button {

	position: relative;

	margin: 50px auto 0 auto;

	width: 240px;

	letter-spacing: 2px;

	display: block;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	overflow: hidden;

	color: #fff;

	padding: 15px 0;

	font-weight: bold;

	font-size: 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	background: #323232;

	-webkit-transition-property: color,

		background-color;

	transition-property: color,

		background-color;

}



.contact-btn button:after {

	position: absolute;

	content: "";

	background: url(../images/more_arrow.png) no-repeat;

	right: 10px;

	top: 50%;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	width: 9px;

	height: 9px;

}



.contact-btn button:hover,

.contact-btn button:focus,

.contact-btn button:active {

	background-color: #956134;

	color: white;

	opacity: 1;

}



@media only screen and (max-width: 1024px) {

	.contact-list dt {

		margin-bottom: 10px;

	}



	.contact-list dt,

	.contact-list dd {

		width: 100%;

	}



	.contact-list .must {

		display: inline-block;

		margin-left: 10px;

	}



}



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



/* ##### 会社概要 ここまで ##### */



/* ##### ブログ共通 ##### */

.one-line {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	display: block;

}



.blog .category {

	display: inline-block;

	font-size: 10px;

	background: #323232;

	margin-bottom: 10px;

	padding: 3px 15px;

	color: #fff;

	margin: 0 5px 10px 0;

}



.blog-list li .more {

	margin: 20px auto 0;

}



.blog-list li .r-more {

	position: relative;

	padding-left: 20px;

}



.blog-list li .r-more:before {

	content: "";

	position: absolute;

	left: 0;

	top: 5px;

	background: url(../images/arrow_l.png) no-repeat;

	width: 11px;

	height: 12px;

}



.new-mark {

	font-size: 10px;

	letter-spacing: 2px;

	display: none;

	padding: 0 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	color: #fff;

	font-weight: 600;

	background-color: #323232;

	position: absolute;

	bottom: 0;

	left: 0;

}



.pagenav {

	padding-top: 30px;

}



.pagenav li {

	margin: 0 5px;

}



.pagenav li a {

	display: inline-block !important;

	width: 26px;

	line-height: 26px;

	text-align: center;

	font-size: 20px;

	font-weight: bold;

	color: #323232;

	background: #fff;

}



.pagenav li.st a {

	color: #323232;

	position: relative;

}



.pagenav li.st a:after {

	position: absolute;

	top: calc(100% - 1px);

	left: 0;

	width: 100%;

	height: 1px;

	background: #323232;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;

	-webkit-transform: translateY(10px);

	-ms-transform: translateY(10px);

	transform: translateY(10px);

}



.pagenav li.st a:hover:after,

.pagenav li.st a:focus:after {

	opacity: 1;

	-webkit-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

}



.pagenav li.prev a,

.pagenav li.next a {

	background: #fff;

	color: #323232;

	font-size: 12px;

}



.pagenav li.prev a {

	text-align: right;

}



.pagenav li.next a {

	text-align: left;

}



.blog h4 {

	background: #333333;

	color: #fff;

	padding: 20px 0;

	position: relative;

}



.blog h4:after {

	content: "";

	position: absolute;

	background: url(../images/arrow_l02.png) no-repeat;

	top: 50%;

	right: 15px;

	width: 11px;

	height: 12px;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

}



.blog .side li {

	padding: 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.blog .side li::before {

	content: ">";

	margin-right: 10px;

}



.blog .article {

	padding: 15px 0;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border-top: 1px solid #323232;

	border-bottom: 1px solid #323232;

}



.news .news-list li {

	border-bottom: solid 1px #9b9b9b;

	margin-bottom: 10px;

}



.blog.news h4 {

	background: #fff;

	color: #323232;

	padding: 20px 0;

	border: solid 1px #323232;

	position: relative;

}



.blog.news h4:after {

	content: "";

	position: absolute;

	background: url(../images/arrow_l.png) no-repeat;

	top: 50%;

	right: 15px;

	width: 11px;

	height: 12px;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

}



@media only screen and (max-width: 599px) {

	.blog .article li {

		width: 50%;

	}

}



/* ##### ブログ共通ここまで ##### */



/* ##### 【料金表　1　】 ##### */

.menubox1 {

	margin-bottom: 80px;

}



.mens .menubox1 {

	margin-bottom: 30px;

}



.menubox1 h4 span {

	position: relative;

	padding: 0 30px 10px;

border-bottom-style:solid;

  

}



.menubox1 h4 span:after {

	content: "";

	position: absolute;

	background: url(../images/line_border.png) repeat-x;

	width: 190px;

	height: 7px;

	left: 50%;

	-webkit-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	top: 100%;

}



.menubox1 ul {

	border-bottom: 1px solid #323232;

	padding: 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.mens .menubox1 ul {

	padding: 20px 0;

}



.menubox1 ul h5 {

	margin-bottom: 0;

	font-size: 16px;

}



.menubox1 li.w30 {

	text-align: right;

}



.menubox1 li.w25 {

	padding-right: 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	text-align: right;

}



.hoshi,

.sankaku {

	color: #956134;

}



.menu02 .menubox1 h4 span:after {

	content: none;

}



@media only screen and (max-width: 599px) {

	.menubox1 div {

		margin-bottom: 30px;

	}



	.menubox1 ul {

		padding: 10px;

	}

}



/* ##### 【料金表　1　】ここまで ##### */

/* ##### 【料金表　2　】 ##### */

.menubox2 {

	margin-bottom: 50px;

}



.menubox2 h3 {

	text-align: center;

	border-bottom: 1px solid #000;

	margin-bottom: 10px;

}



.menubox2 dd dl {

	border-bottom: 1px solid #000;

	padding: 10px 0;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.menubox2 dd dl dd {

	text-align: right;

}





@media (max-width: 599px) {

	.menubox2 h4 {

		text-align: center;

		margin-bottom: 0;

	}



	.top-news li.menu02 .pic {

		width: 80%;

	}

}



/* ##### 【料金表　2　】ここまで ##### */

/* ##### 【左右のカラムが交互に代わるブロック】 ##### */

.crossbox>li {

	margin-bottom: 50px;

}



.crossbox li:nth-of-type(odd) {

	-webkit-box-orient: horizontal;

	-webkit-box-direction: reverse;

	-webkit-flex-direction: row-reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse;

}



@media (max-width: 599px) {

	.crossbox li:nth-of-type(odd) {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

	}

}



/* ##### 【左右のカラムが交互に代わるブロック】ここまで ##### */



@media all and (-ms-high-contrast: none){

  .top-kids .w35{

    margin:  133px 2% 0 2%;

  }



  

/*メニューアコーディオン*/

.sub-tit{

border-bottom: 1px solid #323232;

}



  



}











/*acd*/

.acdBtn{

  position: relative;

      cursor: pointer;

}

.acdBtn:after{

      content: "\f078";

    font-family: FontAwesome;

    font-size: 120%;

    font-weight: normal;

    display: inline-block;

    position: absolute;

    right: 0;

    bottom: 0.5em;

    -webkit-transition: 0.3s linear;

    -o-transition: 0.3s linear;

    transition: 0.3s linear;

}

.acdBtn.open:after{

  -webkit-transform: translateY(-50%) rotate(180deg);

	-ms-transform: translateY(-50%) rotate(180deg);

	    transform: translateY(-50%) rotate(180deg);

	-webkit-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	    transform-origin: 50% 50%;

	opacity: 0;

}



.line_button {

  display: none;

}



@media (max-width: 1024px) {

.mainimg {

	position: relative;

	margin-bottom: 50px;

}

.line_button {

  display: block;

}

.line_button a {

    font-size: 23px;

    line-height: 2.6;

    width: 100%;

    letter-spacing: 1px;

    color: #fff;

    max-width: 300px;

    font-weight: bold;

    display: block;

    margin: 0 auto 50px auto;

    padding: 7px 15px;

    box-sizing: border-box;

    text-align: center;

    background: #00b900;

}



.line_button a img {

  margin-right: 10px;

  width: 25%;

}

}

.content .inner .txt {

  padding-top: 60px;

  padding-bottom: 0;

}

.content .button.spblck {

  display: none;

}

[data-element-id].content .button.spblck {

  display: block;

}

.content .button.spblck a {

    font-size: 14px;

    width: 100%;

    letter-spacing: 1px;

    color: #fff;

    max-width: 250px;

    font-weight: bold;

    display: block;

    margin-top: 10px;

    padding: 12px 15px;

    box-sizing: border-box;

    text-align: center;

    background: #00b900;

    margin: 20px auto 20px auto;

}

.content .button.pege a img {

    vertical-align: bottom;

    padding-right: 5px;

    width: 25px;

}

.content .txt.pege.spblck {

    display: none;

    margin: 0 auto 50px auto;

    text-align: center;

}

[data-element-id].content .txt.pege.spblck {

    display: block;

}



@media only screen and (max-width: 1024px) {

.content .button.spblck {

  display: block;

}

.content .txt.pege.spblck {

    display: block;

}



}

@media only screen and (max-width: 599px) {

  .content .inner .txt {

    padding-top: 30px;

  }

  .content .button.pege a {

    margin-bottom: 30px;

  }

  .content .txt.pege.spblck {

    text-align: left;

    font-size: 12px;

  }

}



/**********2021/03/23**********/

.douisho {

  text-align: center;

}

.douisho00 a {

  width: 300px;

}



.douisho00 {

  margin-top: 10px;

}

.douisho_txt {

  padding: 10px 20px;

  width: 300px;

  text-align: center;

  font-size: 18px;

  background: #ffb1b5;

  margin: auto;

}

.fs18 {

  font-size: 18px;

}



/* 10/18 追記 */

.w-80{

  width: 80%;

} 

.mx-auto{

  margin-right: auto;

  margin-left: auto;

} 

.p-3{

  padding: 3%;

}



.br-333{

  border: #333 1px solid;

}



.lh-2sp{

  line-height: 2em;

}



.fz12{

  font-size: 12px !important;

}





@media only screen and (max-width: 599px){

  .w100-sp{

  width: 100%;

}  



.w-80-sp{

  width: 80%;

}

}



.mt-5{

  margin-top: 5%;

}



.w50{

width: 50%;

}



/* 2022.11.02 */



.ss03{

  margin: auto;

}



.ss03img a{

  bottom: 501px !important;

}



.ss01{

  display: flex;

  justify-content: space-between;

  max-width: 1300px !important;

}



.ss0102{

  width: 47% !important;

}



.ssstaff{

  width: 60% !important;

}



.ssstaff02{

  margin-left: 200px;

}



.ssstaff ul{ 

  margin-top: 40px !important;

}



@media only screen and (max-width: 1024px) {

.ss01{

    display: block;

  }

  

.ss0102 {

    width: 90% !important;

    margin: auto;

}



.ssstaff {

    width: 40% !important;

}



.ss01022{

  margin-top: 100px;

}



.ssstaff02 {

    margin-left: 0 !important;

}



.ss03{

  width: 100% !important;

}

}



@media only screen and (max-width: 599px){

.ssstaff {

    width: 100% !important;

    margin: auto;

}



.ss03 ul{

  padding-bottom: 30px !important;

}

}





.c1-bumon{

  text-align: center;

    font-size: 30px;

    margin-bottom: 20px;

}