@charset "UTF-8";


/*===■全体幅決め===*/
#photo_profile_box{width:100%;height:auto;max-width:1200px;padding-top:10px;}
#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% - 20px);height:auto;margin-right:0px;}
	@media all and (max-width: 1024px) {
		#photo{width:100%;margin:0px auto;}
		#profile{width:100%;margin:0px auto;}
	}

.bg{background:#f3f3f3;box-shadow: 0 0 0 1px #c8c8c8 inset,0 0 0 5px #ffffff inset;}
.box{padding-top:15px;}
p.atten{width:100%;height:auto;margin:0px auto;}

/*===■全体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_bold{display:inline-block;width:auto;height:auto;margin:0px;font-size:18px;color:#2b2b2b;
	background:url(../img/common/li_colorful.png) no-repeat;background-size:8px 8px;background-position:0% 50%;padding-left:13px;}
.h3 h3 .ja{display:inline-block;width:auto;height:auto;margin-left:10px;font-size:10px;background:#000000;color:#ffffff;line-height:1;padding:3px 10px 4px 10px;}
	@media all and (max-width: 1024px) {
		.h3 h3 .en{font-size:20px;}
	}
.h3.a h3 .ja{background:#107dcf;}
.h3.b h3 .ja{background:#349de7;}
.h3.c h3 .ja{background:#51b6da;}
.h3.d h3 .ja{background:#5ec48f;}
.h3.e h3 .ja{background:#80cc56;}
.h3.f h3 .ja{background:#adcd3a;}
.h3.g h3 .ja{background:#ffcd0b;}
.h3.h h3 .ja{background:#f9b45b;}
.h3.i h3 .ja{background:#f49d9e;}

/*===■画像スライダー===*/
.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;color:#ea2c70;}
.profile_data dt p{width:100%;height:auto;text-align:left;font-size:13px;}
.profile_data dt h2 span , 
.profile_data dt p span{font-size:11px;color:rgb(255, 80, 142, 0.7);}
.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:rgb(255, 80, 142, 0.7);color:#ffffff;padding:6px 10px 5px 10px;margin-right:6px;font-size:11px;line-height:1;}
	@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;}
ul.voice_total li p{width:100%;height:auto;}
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:4px;background:#cccccc;position:relative;overflow:hidden;}
ul.voice_total li .star_line span{display:inline-block;height:4px;background:#ffac0b;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: #ffac0b;}
.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;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:#f49d9e;}
.play_option_in ul div li:nth-of-type(1) p{width:calc(100% - 20px);height:auto;margin:0px auto;line-height:1;color:#ffffff;padding:6px 0px 5px 0px;}
.play_option_in ul div li:nth-of-type(2){width:20%;height:auto;margin:0px;line-height:1;background:#ffffff;color:#222222;padding:6px 0px 5px 0px;}
.play_option_in ul div li:nth-of-type(2) p span.option_1{color:#f86c6e;font-weight:bold;}
.play_option_in ul div li:nth-of-type(2) p span.option_2{color:#abcf2b;font-weight:bold;}
.play_option_in ul div li:nth-of-type(2) p span.option_3{color:#41b5df;font-weight:bold;}
.play_option_in ul div li:nth-of-type(2) p span.option_4{color:#cccccc;font-weight:bold;}
	@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:#51b6da;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;}
ul.tabs li.active a{background:#f49d9e;}
	@media all and (min-width: 1025px) {
		ul.tabs li:hover a{background:#f49d9e;}
	}
	@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:30%;height:auto;margin-left:0px;}
.voice dd{width:calc(70% - 20px);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 #c8c8c8;}
.voice dd ul:nth-of-type(1){padding-top:0px;padding-bottom:15px;}
.voice dd ul li{width:100%;height:auto;text-align:left;}
.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:#ffac0b;}
.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:#f49d9e;line-height:250%;color:#ffffff;}
.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;padding-left:30px;margin-top:4px;}
.faq_in dl dt h4{width:100%;height:auto;line-height:200%;color:#51b6da;}
.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%;}

/*===■写メ日記===*/
div.diary_in{width:100%;height:auto;}
.mySwiper_diary{width:100%;height:auto;}
.diary_in_box{width:calc(100% - 30px);height:auto;padding-bottom:8px;
	gap: 10px;
	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: 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.diary{width:100%;height:auto;padding:15px 0px;margin:0px;}
div.diary dl{width:calc(100% - 5px);height:auto;background:#ffffff;}
div.diary dl dt{width:100%;height:auto;}
div.diary dl dt div.img{width:100%;height:auto;}
div.diary dl dt div.img p.img{width:100%;height:auto;}
div.diary dl dd{width:100%;height:auto;padding:6px 0px;}
div.diary dl dd h3{width:calc(100% - 16px);height:auto;line-height:1.5;text-align:left;font-weight:bold;}
div.diary dl dd p.date{width:calc(100% - 16px);height:auto;text-align:left;line-height:1.5;text-align:left;color:#555555;font-size:11px;}
div.diary dl dd p.syame_comment{width:calc(100% - 16px);height:auto;line-height:1.5;text-align:left;padding-top:6px;}

/*===■写メ日記もっと見る===*/
p.diary_more{width:calc(100% - 30px);height:auto;text-align:right;padding-bottom:16px;line-height:1;}
p.diary_more a:hover{display:inline-block;width:auto;border:1px solid #c8c8c8;padding:5px 12px 6px 12px;margin:0px;vertical-align: top;background:#ffffff;}
p.diary_more a:hover span{display:inline-block;line-height:1;font-size:12px;letter-spacing:-1px;color:#b7b7b7;background:url(../img/common/li.png) no-repeat;background-size:10px 10px;background-position:0% 2px;padding-left:13px;margin:0px;}
p.diary_more a{display:inline-block;width:auto;border:1px solid #ff84b0;padding:5px 12px 6px 12px;margin:0px;vertical-align: top;background:#ff84b0;}
p.diary_more a span{display:inline-block;line-height:1;font-size:12px;letter-spacing:-1px;color:#ffffff;background:url(../img/common/li_hover.png) no-repeat;background-size:10px 10px;background-position:0% 2px;padding-left:13px;margin:0px;}