@charset "UTF-8";


/*===■全体幅決め===*/
#photo_profile_box{width:100%;height:auto;max-width:1200px;}
#photo_profile{width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#photo{width:40%;height:auto;margin-left:0px;}
#profile{width:calc(60% - 30px);height:auto;margin-right:0px;}
	@media all and (max-width: 1024px) {
		#photo{width:calc(100% - 20px);margin:0px auto;}
		#profile{width:calc(100% - 20px);margin:0px auto;padding-top:15px;}
	}

.bg{background:#1d0a06;}
.box{padding-top:15px;}
p.atten{width:100%;height:auto;margin:0px auto;color:#fef7ae;}

/*===■全体h3タイトル===*/
.h3{width:100%;height:auto;padding-bottom:8px;}
.h3 h3{width:100%;height:auto;padding:0px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.h3 h3 .en{display:inline-block;width:auto;height:auto;margin:0px;font-size:22px;}
.h3 h3 .ja{display:inline-block;width:auto;height:auto;margin-left:10px;font-size:11px;background: linear-gradient(to bottom,  #9c7c44 0%,#795f32 100%);color:#ffffff;line-height:157%;padding:1px 10px 0px 10px;}
	@media all and (max-width: 1024px) {
		.h3 h3 .en{font-size:20px;}
	}

/*===■画像スライダー===*/
.swiper--wrapper {width: 100%;height:auto;}
.swiper-slide {width: 100%;height:auto;}
.mySwiper2 {width: 100%;height:auto;}
.mySwiper {height:auto;box-sizing: border-box;padding: 10px 0;}
.mySwiper .swiper-slide {width: 20%;height:auto;opacity: 0.4;margin:0px;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;margin:0px;}

/*===■名前スリーサイズ -レイアウト===*/
.profile_data{width:100%;height:auto;}
.profile_data dl{width:calc(100% - 30px);height:auto;padding:10px 0px 15px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.profile_data dt{width:100%;height:auto;}
.profile_data dd{width:calc(50% - 20px);height:auto;margin-right:0px;}
	@media all and (max-width: 1024px) {
		.profile_data dt{width:100%;}
		.profile_data dd{width:100%;}
	}

/*===■名前スリーサイズ -名前部分詳細===*/
.profile_data dt h2{width:100%;height:auto;text-align:left;font-size:14px;color:#ffffff;}
.profile_data dt p{width:100%;height:auto;text-align:left;font-size:13px;color:#ffffff;}
.profile_data dt h2 span , 
.profile_data dt p span{font-size:11px;}
.profile_data dt ul{width:100%;height:auto;padding-top:6px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.profile_data dt ul li{width:auto;height:auto;margin:0px;background:#987942;color:#ffffff;padding:0px 15px;margin-right:6px;font-size:11px;}
.profile_data dt ul li.icon_twitter{background:#2b2b2b;}
	@media all and (max-width: 1024px) {
		.profile_data dt h2{text-align:center;}
		.profile_data dt p{text-align:center;padding:4px 0px;}
		.profile_data dt ul{ -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding-bottom:10px;}
		.profile_data dt ul li{margin-left:3px;margin-right:3px;}
	}


/*===■コメント・メッセージ===*/
.comment_in p{width:100%;height:auto;padding:15px 0px;}
.comment_in p{width:calc(100% - 30px);height:auto;text-align:left;line-height:200%;color:#ffffff;}
.comment_in p span{vertical-align: middle;}
.comment_in p img{display:inline-block;width:auto;height:15px;vertical-align: middle;padding:0px 4px;}

/*===■ツイッター===*/
.twitter_in{width:100%;height:auto;padding:15px 0px;}

/*===■オプション・プレイ===*/
.play_option_in{width:100%;height:auto;padding:15px 0px;}
.play_option_in ul{width:calc(100% - 30px);height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.play_option_in ul div{width:32.6%;height:auto;margin:0px 0px 8px 0px;background:#ffffff;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-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;}
.play_option_in ul div:nth-child(3n + 2){margin:0px 1% 8px 1%;}
.play_option_in ul div li:nth-of-type(1){width:80%;height:auto;margin:0px;background:#987942;}
.play_option_in ul div li:nth-of-type(1) p{width:calc(100% - 20px);height:auto;margin:0px auto;line-height:210%;color:#ffffff;}
.play_option_in ul div li:nth-of-type(2){width:20%;height:auto;margin:0px;line-height:210%;background:#ffffff;color:#222222;}
	@media all and (max-width: 1024px) {
		.play_option_in ul{-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
		.play_option_in ul div{width:48%;}
		.play_option_in ul div:nth-child(odd){margin-left:0px;}
		.play_option_in ul div:nth-child(even){margin-right:0px;}
	}

/*===■出勤===*/
.scheduie{width:100%;height:auto;padding:15px 0px;}
.scheduie dl{width:calc(100% - 30px);height:auto;padding-bottom:8px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.scheduie dl div{width:14.2%;height:auto;margin:0px;}
.scheduie dl dt{width:calc(100% - 10px);height:auto;background:#987942;color:#ffffff;}
.scheduie dl dt h4{color:#ffffff;padding:4px 0px;}
.scheduie dl dd{width:calc(100% - 10px);min-height:39px;background:#ffffff;line-height:160%;padding:5px 0px;color:#222222;}
	@media all and (max-width: 1024px) {
		.scheduie{width:calc(100% - 20px);}
		.scheduie dl div{width:100%;padding-bottom:10px;
			-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
			display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
			-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		.scheduie dl{width:100%;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		.scheduie dl dt{width:40%;height:100%;
			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;}
		.scheduie dl dt h4{color:#ffffff;padding:4px 0px;}
		.scheduie dl dd{width:60%;height:100%;min-height:auto;padding:0px;}
		.scheduie dl dd p{padding:4px 0px;}
	}
/*===■出勤 ライン・ご予約リンク===*/
.scheduie dl dd a{display:inline-block;padding:0px 6px;}
a.web:link{color:#29b7d3;text-decoration:underline;}
a.web:visited{color:#29b7d3;text-decoration:none;}
a.web:hover{color:#29b7d3;text-decoration:none;}
a.web:active{color:#29b7d3;text-decoration:none;}
a.line:link{color:#4cc764;text-decoration:underline;}
a.line:visited{color:#4cc764;text-decoration:none;}
a.line:hover{color:#4cc764;text-decoration:none;}
a.line:active{color:#4cc764;text-decoration:none;}
/*===■出勤 前の1週間/次の1週間===*/
ul.tabs{max-width:1200px;width:calc(100% - 39px);height:auto;padding-bottom:8px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
ul.tabs li:nth-of-type(1){margin-left:0px;}
ul.tabs li:nth-of-type(2){margin-right:0px;}
ul.tabs li{width:auto;height:auto;display:inline-block;cursor:pointer;background:rgb(152,121,66,0.4);}
ul.tabs li a{display:inline-block;margin:0px;padding:0px 10px;line-height:200%;color:#ffffff;}
ul.tabs li.active a{background:#987942;}
	@media all and (max-width: 1024px) {
		ul.tabs{width:90%;}
		.tab_content{width:90%;}
	}

/*===■よくある質問===*/
.faq_in dl{width:calc(100% - 30px);height:auto;padding:15px 0px;}
.faq_in dl div:last-child{padding-bottom:0px;}
.faq_in dl div{width:100%;height:auto;padding-bottom:15px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.faq_in dl dt{width:100%;height:auto;background:url(../img/common/q.webp) no-repeat;background-size:25px 20px;background-position:top left;text-align:left;padding-left:30px;}
.faq_in dl dd{width:100%;height:auto;background:url(../img/common/a.webp) no-repeat;background-size:25px 20px;background-position:top left;text-align:left;color:#ffffff;padding-left:30px;margin-top:4px;}
.faq_in dl dt h4{width:100%;height:auto;line-height:200%;color:#fef7ae;}
.faq_in dl dd p{width:100%;height:auto;line-height:200%;color:#ffffff;}