@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:100%;margin:0px auto;}
	}

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

/*===■全体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;color:#2b2b2b;}
.h3 h3 .ja{display:inline-block;width:auto;height:auto;margin-left:10px;font-size:11px;background:#000000;color:#ffffff;line-height:157%;padding: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 !important;}
.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;
	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:50%;height:auto;margin-left:0px;}
.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;}
.profile_data dt p{width:100%;height:auto;text-align:left;font-size:13px;}
.profile_data dt h2 , 
.profile_data dt p {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;border:1px solid #cccccc;color:#ffffff;padding:0px 15px;margin-right:6px;font-size:11px;}
	@media all and (max-width: 1024px) {
		.profile_data dt h2{text-align:center;}
		.profile_data dt p{text-align:center;}
		.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;}
	}

/*===■口コミ総合評価===*/
ul.voice_total{width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-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;}
ul.voice_total li{width:100%;height:auto;}
ul.voice_total li{width:40%;height:auto;}
ul.voice_total li:nth-child(2){width:60%;height:auto;}
ul.voice_total li h3{width:100%;height:auto;color:#ffffff;}
ul.voice_total li p{width:100%;height:auto;color:#ffffff;}
ul.voice_total li .star_count{display:inline-block;width:25%;height:auto;text-align:left;}
ul.voice_total li .star_line{display:inline-block;width:50%;height:2px;background:#efefef;position:relative;}
ul.voice_total li .star_line span{display:inline-block;height:2px;background:#de7921;position:absolute;top:0px;left:0px;}
ul.voice_total li .star_percent{display:inline-block;width:25%;height:auto;text-align:right;}
ul.voice_total li:nth-of-type(2) p{
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.star5_rating{position: relative;z-index: 0;display: inline-block;white-space: nowrap;color: #CCCCCC;font-size:17px;}
.star5_rating:before, .star5_rating:after{content: '★★★★★';}
.star5_rating:after{position: absolute;z-index: 1;top: 0;left: 0;overflow: hidden;white-space: nowrap;color: #de7921;}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

/*===■コメント・メッセージ===*/
.comment_in p{width:100%;height:auto;padding:15px 0px;}
.comment_in p{width:calc(100% - 30px);height:auto;color:#ffffff;text-align:left;line-height:200%;}
.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:#95816f;}
.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:#95816f;color:#ffffff;line-height:230%;}
.scheduie dl dd{width:calc(100% - 10px);min-height:60px;background:#ffffff;line-height:140%;padding:5px 0px;color:#222222;}
	@media all and (max-width: 1024px) {
		.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:95%;-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 dd{width:60%;height:100%;min-height:auto;}
	}
/*===■出勤 ライン・ご予約リンク===*/
.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(62,62,62,0.4);}
ul.tabs li a{display:inline-block;margin:0px;padding:0px 10px;line-height:200%;color:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:1px solid #222222;}
ul.tabs li.active a{background:#95816f;}
	@media all and (max-width: 1024px) {
		ul.tabs{width:95%;}
	}

/*===■口コミ一覧===*/
.voice{width:100%;height:auto;padding:15px 0px;}
.voice dl{width:calc(100% - 30px);height:auto;padding-bottom:8px;
	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;}
.voice dt{width:28%;height:auto;margin-left:0px;}
.voice dd{width:calc(72% - 40px);height:auto;margin-right:0px;}
	@media all and (max-width: 1024px) {
		.voice dt{width:100%;padding-bottom:15px;}
		.voice dd{width:100%;}
	}
/*===■口コミ一覧 全件表示===*/
.profile_voicelist.voice dt{width:0%;}
.profile_voicelist.voice dd{width:100%;height:auto;}
/*===■口コミ 投稿者一覧===*/
.voice dd ul{width:100%;height:auto;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #444444;}
.voice dd ul:nth-of-type(1){padding-top:0px;padding-bottom:15px;}
.voice dd ul li{width:100%;height:auto;text-align:left;color:#ffffff;}
.voice dd ul li:nth-of-type(3) span.stars{font-size:15px;}
.voice dd ul li:nth-of-type(3) span.stars span{font-size:15px;}
.voice dd ul li span.point{display:inline-block;font-size:11px;padding-right:5px;}
.voice dd ul li span.stars{color:#de7921;}
.voice dd ul li span.stars span{color:#cccccc;}
.voice dd ul li:nth-of-type(4){width:100%;height:auto;
	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;}
.voice dd ul li:nth-of-type(4) p{width:25%;height:auto;margin:0px;}
/*===■口コミ 5件以上リンク===*/
.voice_count{width:100%;height:auto;margin:0px auto;padding-top:15px;}
.voice_count a{display:block;width:100%;height:auto;margin:0px auto;background:#95816f;color:#ffffff;line-height:250%;}
.voice_count a:hover{opacity:0.9;filter: alpha(opacity=95);}

/*===■よくある質問===*/
.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%;}
.faq_in dl dt p{width:100%;height:auto;line-height:200%;}

/*===■ランキング表示===*/
div.ranking_icon{width:100%;height:auto;padding-top:15px;}
div.ranking_icon dl{width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	 -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-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;}
div.ranking_icon dl div{width:50%;height:auto;margin:0px;
	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;}
div.ranking_icon dl dt{width:14%;height:auto;margin-right:3%;}
div.ranking_icon dl dd{width:83%;height:auto;text-align:left;}
div.ranking_icon dl dd p{color:#2b2b2b;}
	@media all and (max-width: 1024px) {
		div.ranking_icon dl div{width:100%;padding-bottom:8px;}
		div.ranking_icon dl div:last-child{padding-bottom:0px;}
	}

/*===■動画===*/
.movie ul{width:calc(100% - 30px);height:auto;padding:15px 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: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.movie ul li{width:49%;}