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

body {
	font-family: 'Times New Roman',Times,'serif',YuMincho,"Yu Mincho",'Noto Serif JP',Meiryo,sans-serif;
	color: #000;
	width: 100%;
	min-width: 1000px;
	min-height: 100vh;
	background-image: url("../images/bg.png");
	background-size: auto;
	background-repeat: repeat-y;
	/**
	background-image: url("../images/staff.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	**/
}

p.border {
	text-align: center;
	margin: -18px 0 0 0;
}

.f36b {
	font-size: 36px;
	font-weight: bold;
}

/* ------------------------------------------
	HEADER
--------------------------------------------- */
header {
	position: relative;
	width: 100%;
}

h1 {
	font-size: 10px;
	font-weight: 500;
	line-height: 18px;
}

header div.wrap {
	width: 100%;
	height: 100px;
	background-color: #fff;
}

header div.inner {
	width: 1000px;
	margin: 0 auto;
}

header div.top {
	display: flex;
	align-items: center;
	font-family: Times New Roman, Times, YuMincho, 'Yu Mincho';
	font-size: 12px;
	height: 83px;
}

header div.top p.logo {
	margin-top: 8px;
}

header div.top div {
	
}

header div.top div:first-child {
	font-size: 10px;
}

header div.top div:nth-child(2) {
	margin-left: 167px;
}

header div.top div:nth-child(3) {
	margin-left: 15px;
	line-height: 21px;
}

header div.top div:nth-child(4) {
	margin-left: 8px;
	line-height: 21px;
}

header div.top div:nth-child(5) {
	margin-left: 24px;
}

header div.top div:nth-child(6) {
	margin-left: 15px;
	line-height: 21px;
}

header div.top div:nth-child(7) {
	margin-left: 31px;
}

header div.top div:nth-child(8) {
	font-size: 20px;
	margin-left: 6px;
}

header div.top div:nth-child(9) {
	margin-left: 51px;
}

header nav {
	border-top: 2px solid #000;
	line-height: 70px;
}

header nav ul {
	width: 654px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

header nav ul li {

}

header nav ul li:last-child {

}

header nav ul li img {
	vertical-align: middle;
}


/* ------------------------------------------
	HEADER(総合ポータルへのリンク)
--------------------------------------------- */
#toportal{
	display: block;
	color: #FFF;
	font-size: 0.64rem;
	text-align: center;
	background-image: url(https://lingkaran.info/images/logo.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 32px 32px;
	position: fixed;
	top: 108px;
	left: 12px;
	padding-top: 48px;
	border-radius: 50%;
	width: 64px;
	height: 64px;
}

a#toportal:link,
a#toportal:visited{
	background-color: rgba(141, 95, 92, 0.4);
}

a#toportal:hover,
a#toportal:active{
	background-color: rgba(141, 95, 92, 0.8);
}


/* ------------------------------------------
	MAIN
--------------------------------------------- */
main {
	width: 100%;
}

main h2 {
	font-size: 30px;
	font-family: "Times New Roman", Times, "serif";
	letter-spacing: 0.3em;
	padding: 48px 0 0 0;
	margin-top: -3px;
}

main div.wrap {
	width: 1000px;
	margin: 0 auto;
}

main div.concept {
	text-align: center;
	margin-top: -3px;
	padding-top: 81px;
}

main div.menu ul {
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin-top: 124px;
}

main div.menu ul.btn {
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin-top: 37px;
}

main div.news {
	padding-top: 84px;
}

main div.news ul {
	font-size: 12px;
	font-weight: 500;
}

main div.news ul li {
	padding: 30px 0 0 0;
	font-size: 12px;
	font-weight: 500;
	font-family: YuMincho,"Yu Mincho";
}

main div.news ul li:last-child {
	padding-bottom: 38px;
}

/* ------------------------------------------
	MAIN STAFF
--------------------------------------------- */
main div.staff_list ul {
	width: 1000px;
	display: flex;
	justify-content: center; /* -- space-between -- */
	margin-top: 85px;
	text-align: center;
}

main div.staff_list ul li {
	margin: 0 50px 0 0;
	font-size: 28px;
	font-weight: bolder;
	color: #363534;
}

main div.staff_list ul li:last-child {
	margin-right: 0;
}

main div.staff_list ul li div.position {
	font-size: 18px;
	font-family: YuGothic, "Yu Gothic medium";
	font-weight: 100;
	margin: 23px 0 7px 0;
}

main div.gallery {
	margin-top: 84px;
}

main div.gallery ul {
	margin: 40px 0;
}

main div.gallery ul:last-child {
	margin: 0;
	padding-bottom: 44px;
}

main div.gallery ul li {

}

main div.gallery ul li:last-child {

}

/* ------------------------------------------
	MAIN SCHEDULE
--------------------------------------------- */
.holiday {
	display: flex;
	justify-content: left;
	align-items: center;
	vertical-align: middle;
	height: 46px;
	margin: 51px 0 0 0;
}

.holiday_block {
	display: block;
	width: 46px;
	height: 46px;
	background-color: #979797;
}

.holiday_txt {
	font-size: 22px;
	font-weight: bolder;
	margin-left: 15px;
}

.calendar_list {
	display: flex;
	justify-content: space-between;
}

.Group__CalendarWrap{
	width: 330px;
	margin: 24px 0 24px 0;
	border: 1px solid #000;
	font-size: 17px;
	font-family: YuMincho,"Yu Mincho";
	font-weight: bolder;
}

.CalendarHead{
	font-weight: bold;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.CalendarYearGroup-left{
	padding: 12px 0 12px 17px;
}

.CalendarYearGroup-right{
	font-size: 18px;
	padding: 12px 17px 12px 0;
}

.CalendarWeekGroup{
  display: flex;
  justify-content: space-between;
  border: 1px solid #000;
  border-right: none;
  border-left: none;
}
.WeekGroup__Item{
  width: 14.2%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #000;
  font-size: 26px;
  font-weight: 400;
  padding: 10px;
}

.WeekGroup__Item:nth-child(7){
  border-right: none;
}

.sat {
	color: #7bb3dc;
}

.sun {
	color: #e74f5b;
}

.holi {
	background-color: #979797;
}

.ph {
	color: #e74f5b;
}

.CalendarDateGroup{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.DateGroup__Item{
	width: 14.2%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 13px 30px 13px;
	font-weight: bold;
	border: 1px solid #000;
	border-left: none;
	border-top: none;
}

.DateGroup__Item:nth-child(7n){
	border-right: none;
}

.DateGroup__Item:nth-last-child(-n+7){
	border-bottom: none;
}

/* ------------------------------------------
	MAIN MENU
--------------------------------------------- */
main div.menu_box{
	margin: 85px 0 100px 0;
}

main div.menu_box div.flex {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	font-family: YuGothic, "Yu Gothic medium";
}

main div.menu_box div.flex div.left {
	width: 460px;
}

.headcare {
	margin-top: 80px;
}

.haircare {
	margin-top: 80px;
}

.styling {
	margin-top: 60px;
}

.shampoo {
	margin-top: 60px;
}

main div.menu_box div.flex div.right {
	width: 460px;
}

main div.menu_box div.flex h5 {
	font-weight: bolder;
	margin-bottom: 40px;
}

main div.menu_box div.flex ul li {
	border-bottom: 1px dotted #000;
	padding: 20px 0 20px 0;
	display: flex;
	justify-content: space-between;
	color: #363534;
}

.xx {
	margin-top: 130px;
}

main div.menu_box div.flex ul.zz {
	margin-bottom: 20px;
}

main div.menu_box div.flex ul.zz li {
	border: none;
	padding: 5px 0;
	display: flex;
	justify-content: left;
	font-size: 12px;
}

p.sub {
	font-size: 12px;
	line-height: 21px;
	margin-top: 5px;
	margin-left: -6px;
}

/* ------------------------------------------
	MAIN RECRUIT
--------------------------------------------- */
main.recruit {
	font-size: 18px;
	line-height: 1.96875em;
	font-family: YuGothic, "Yu Gothic medium";
	color: #363534;
}

main.recruit h3.ttl {
	background-image: url("../images/recruit_bg1.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 1000px;
	line-height: 78px;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	border-top: 1px dotted #363534;
	border-bottom: 1px dotted #363534;
	margin-top: 83px;
}

main.recruit p.mt83 {
	margin-top: 83px;
	font-size: 24px;
}

main.recruit p.about {
	padding: 40px 0;
	border-bottom: 1px dotted #363534;
}

main.recruit dl.produce {
	
}

main.recruit dl.produce dt {
	padding-top: 35px;
}

main.recruit dl.produce dd {
	padding-bottom: 35px;
	border-bottom: 1px dotted #363534;
}

main.recruit dl.produce ul {
	font-size: 1.5rem;
	line-height: 4.5rem;
	text-decoration: underline;
}

main.recruit ul.work {
	border: 1px solid #949494;
	border-bottom: none;
	background-color: #ededed;
	margin-top: 116px;
}

main.recruit ul.work li.ttl {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 80px;
	border-bottom: 1px solid #949494;
}

main.recruit ul.work li.content dl{
	overflow: hidden;
	padding: 32px 5% 32px 10%;
	border-bottom: 1px solid #949494;
}

main.recruit ul.work li.content dt{
	float: left;
	width: 15%;
}

main.recruit ul.work li.content dd{
	float: left;
	width: 80%;
	margin-left: 5%
}

main.recruit ul.work li.content dd a{
	text-decoration: underline;
}

main.recruit ul.work li.content dd a:hover{
	text-decoration: none;
}

main.recruit div.box{
	display: flex;
	margin-top: 90px;
}

main.recruit div.box div.box_left{
	width: 60%;
	border-right: 1px solid #949494;
}

main.recruit div.box div.box_left dl{
	overflow: hidden;
	margin-bottom: 47px;
}

main.recruit div.box div.box_left dl dt{
	float: left;
	width: 208px;
}

main.recruit div.box div.box_left dl dd{
	margin-left: 30px;
}

main.recruit div.box div.box_right{
	padding-left: 70px;
}

main.recruit div.box div.box_right dl dd{
	margin-bottom: 47px;
}

main.recruit p.catch{
	background-image: url("../images/recruit_bg2.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 1000px;
	height: 291px;
	margin: 117px 0;
	padding-top: 50px;
	text-align: center;
	font-weight: bold;
	color: #695945;
	border-top: 1px dotted #949494;
	border-bottom: 1px dotted #949494;
}

main.recruit div.contact{
	width: 1000px;
	text-align: center;
	margin: 0 auto;
}

main.recruit div.contact dl{
	overflow: hidden;
	margin: 27px auto;
	width: 354px;
}

main.recruit div.contact dl dt{
	float: left;
	width: 34px;
	text-align: left;
	font-size: 18px;
	font-family: "Times New Roman", Times, "serif";
	font-weight: normal;
}

main.recruit div.contact dl dd{
	float: left;
	margin-left: 25px;
	font-size: 36px;
	font-family: "Times New Roman", Times, "serif";
	color: #695945;
}

main.recruit div.contact dl.name {
	width: 414px;
}

main.recruit div.contact dl.name dt {
	width: 244px;
	border-right: 1px solid #363534;
}

main.recruit div.contact dl.name dd {
	font-size: 18px;
	width: 144px;
	margin-left: 25px;
	color: #363534;
	margin-bottom: 110px;
}

/* ------------------------------------------
	MAIN CONCEPT
--------------------------------------------- */
main.concept {
	
}

main.concept h2 {
	margin: 85px 0 60px 0;
	padding: 0;
	text-align: center;
}

main.concept p.shopname {
	text-align: center;
	margin-bottom: 80px;
	font-size: 29px;
}

main.concept p.concept {
	text-align: center;
	margin-bottom: 130px;
}

main.concept div.address {
	display: flex;
	justify-content: space-between;
	font-family: YuMincho, 'Yu Mincho';
	font-size: 14px;
	line-height: 1.53125em;
}

main.concept div.address dl {
	overflow: hidden;
	padding-top: 30px;
}

main.concept div.address dl:first-child {
	padding-top: 0;
}

main.concept div.address dl dt {
	float: left;
	width: 90px;
}

main.concept div.address dl dd {
	float: left;
}

/* ------------------------------------------
	FOOTER
--------------------------------------------- */
footer {
	width: 100%;
}

footer nav {
	border-bottom: 2px solid #000;
	line-height: 70px;
}

footer nav ul {
	width: 654px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

footer nav ul li {

}

footer nav ul li:last-child {

}

footer nav ul li img {
	vertical-align: middle;
}

footer .copyright {
	font-size: 14px;
	font-family: "Times New Roman", Times, "serif";
	text-align: center;
	line-height: 70px;
}