@charset "utf-8";
/* CSS Document */
/*****
JS関連は下の方にあります　メディアサイズはデザイナー指示によるものです
PC用  @media screen使用する場合は600px以上 ※タブレットデザインが無いため省略
*/
@font-face{
  font-family: "Font Awesome 5 Free";
  font-display: swap;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
  src: url("../webfonts/fa-regular-400.woff2") format("woff2");
}

*{box-sizing: border-box;margin: 0;padding: 0;font-family: "Noto Sans JP";font-weight: normal;}
ul{list-style: none;}
a {text-decoration: none;}
#css {width:98%;margin:0 1%;}
.hidden_pc{display: none !important;margin: 0;padding: 0;font-size: 0;}
.sp {display: none;}

body{max-width: 1920px;margin: auto;}

/* ヘッダー */
header{background-color: rgba(255,255,255,0.90);display: block;margin: 0;padding: 0;position: fixed;top: 0;width: 100%;overflow: hidden;z-index: 99999;text-align: center;}
header ul{max-width: 1080px;width:100%;margin: 10px auto;color: #595858;overflow: hidden;}
header li{display: inline-block;vertical-align: middle;}
header h1{font-size: 0.8em;font-family: "Noto Sans JP";font-weight: normal;margin: 0 20px 0 90px;}
header h1 a{color:#595858; text-decoration: none;} 
header a.headermailmag{padding: 10px 15px;color: #FFFFFF;background: #788BD4;text-decoration: none;transition: background-color 1s, border-radius 1s;}
header a.headermailmag:hover{
 background: linear-gradient(to bottom right, #788BD4, #F5C0FF);
 background: -moz-linear-gradient(top left, #788BD4, #F5C0FF); 
 background: -webkit-linear-gradient(top left, #788BD4, #F5C0FF); 
 border-radius: 10px;
 transition: background-color 1s, border-radius 2s;
 }
.headertel {color: #788BD4; line-height: 1;}
.headertel p{font-size: 20px; font-weight: bold;}
.headertel span {font-size: 12px;}

/* 大枠 */
div.container{ position: relative;}
/* メインエリア */
main{display: block; max-width: 1080px; width:100%;margin: 80px auto;overflow: hidden;padding: 5px;}
.flex_box {display: flex; justify-content: space-between;}
div.left{max-width: 550px; width:100%; margin-bottom: 65px; margin-right: 10px;}
div.right{max-width: 500px; width:100%; margin-bottom: 65px;}
.space{margin-bottom: 20px;}
div.clearfix{ clear: both;}
/* タイトルバー */
div.titlebar{
 position: relative;
 padding: 10px 16px;
 margin: 0 0 10px;
 border-radius: 4px;
 background: linear-gradient(to bottom right, rgba(136,173,255,1.0), rgba(227,239,255,1.0));
 background: -moz-linear-gradient(top left, rgba(136,173,255,1.0), rgba(227,239,255,1.0)); 
 background: -webkit-linear-gradient(top left, rgba(136,173,255,1.0), rgba(227,239,255,1.0)); 
 font-size: 1.8em;
 font-family: 'Alegreya Sans', sans-serif;
 color: #ffffff;
 }
div.titlebar:after {
 content: "";
 position: absolute;
 top: 100%;
 left: 450px;
 height: 0;
 width: 0;
 border: 5px solid transparent;
 border-top: 5px solid #D7E7FF;
 border-left: 5px solid #D7E7FF;
 }
div.titlebar i{font-size: 0.6em;font-style: normal;}
div.titlebar a {float: right; color: #6894D8; font-size: 30px;font-family: 'Alegreya Sans', sans-serif;}
/* 新着 */ 
ul.newslist {overflow-y: scroll; max-height: 500px;}
ul.newslist li{margin: 20px 0;}
ul.newslist li a {color: #000;}
ul.newslist li img{display: inline-block;width: 100px;vertical-align: top;margin-right: 10px;}
ul.newslist li p{display: inline-block;width: 400px;}
ul.newslist li span{display: block;font-weight: bold;text-align: left;}

/* イベント */ 
#eventhowto a img {width: 100%; height: auto;}

/* ピックアップ */ 
ul.pickup div.img-wrap{display: inline-block;vertical-align: top;margin: 0;padding: 0;max-width: 290px;width: 100%;}
ul.pickup img.PickupgirlPhoto{width: 100%;}
ul.pickup div.pickupWord{display: inline-block;width: 194px;margin-left: 10px; height: 490px; overflow-y: scroll;overflow-x: hidden;}
ul.pickup div.pickupWord span.pickupname{display: block;font-family: 'Alegreya Sans', sans-serif;font-weight: 800;font-size: 2.0em;color: #6894D8; line-height: 1.2;}
ul.pickup div.pickupWord span.pickupname i{font-weight: normal;font-size: 0.4em;font-style: normal;}
ul.pickup div.pickupWord span.pickupBWH{color: #6894D8;}
ul.pickup div.pickupWord p{margin-bottom: 1em;font-size: 0.8em;line-height: 1.8em;}
ul.pickup li {text-align: center;}

/* aside */
div.inbox{max-width: 1080px;width:100%;margin: auto;padding-top: 40px;position: relative;}
div.titlebar2{
 position: relative;
 padding: 10px 16px;
 margin: 0 0 10px;
 border-radius: 4px;
 background: linear-gradient(to bottom right, rgba(136,173,255,1.0), rgba(227,239,255,1.0));
 background: -moz-linear-gradient(top left, rgba(136,173,255,1.0), rgba(227,239,255,1.0)); 
 background: -webkit-linear-gradient(top left, rgba(136,173,255,1.0), rgba(227,239,255,1.0)); 
 font-size: 1.8em;
 font-family: 'Alegreya Sans', sans-serif;
 color: #ffffff;
 }
div.titlebar2 i{font-size: 0.6em;font-style: normal;}
div.titlebar2 a {display: inline-block; position: absolute; right: 1%; color: #788bd4; font-size: 0.7em;}

/*newface*/
.newfacePhoto div {width: 390px; height: 580px; margin: 0 auto; position: relative;}
.newfacePhoto div img {width: 100%; height: auto;}
.girl_namesize {width: 390px; background: rgba(0,0,0,0.47);color: #fff; padding: 5px 0;}
.beginner1 {width:85px;height: 85px; background: url(../images/icon_newface.png) no-repeat; position:absolute;top: 10px; left: 20px;}

/* 本日の出勤 */
#todaySchedule{margin-top:-75px; padding-top:75px;}
div.today{background: url("../images/top/schedule_back.jpg") no-repeat top;max-width: 1920px;height: 880px;margin-bottom: 70px;}
ul.todaylist{text-align: center;}
ul.todaylist li:nth-child(odd){display: inline-block;width: 80px;height: 80px;border-radius: 50%;text-align:center; background-color: #92b2ff; line-height: 80px; margin: 0 10px;}
ul.todaylist li:nth-child(even){display: inline-block;width: 80px;height: 80px;border-radius: 50%;text-align:center; background-color: #788bd4; line-height: 80px;}
ul.todaylist .day-selected {background-color: #f5c0ff!important;}
ul.todaylist li a{color: #FFF;text-decoration: none;}
li.Today, .DayAfterT{background: #92B2FF;}
li.Tomorrow, .TwoDaysAfterT{background: #788BD4;}
ul.schedule{width: 970px;margin: 10px auto 0; text-align: center;}
ul.schedule li{display: inline-block;margin: 0 5px 20px;}
div.schedulePhoto{width: 300px;height: 500px;overflow: hidden; position: relative;}
div.schedulePhoto img{width: 100%;}
p.scheduleBWH{width: 300px;background: rgba(0,0,0,0.47);color: #fff;text-align: center;padding: 0.5em 0;font-size: 1em;z-index: 555;}
p.scheduleBWH i{font-family: "Font Awesome 5 Free" ,'Alegreya Sans', sans-serif; font-style: normal;}
/* システム */
#a_system{margin-top:-75px; padding-top:75px;}
div.system{background: url("../images/top/system_back.jpg") no-repeat top;max-width: 1920px;height: 980px;color: #4D4D4D;}
.system_bg {background:rgba(255,255,255,0.7); padding: 10px;}
.system_flex {display: flex;justify-content: space-between;}
.system_left {width: 65%;}
.basic_play_flex {display: flex;}
.basic_play_title {background: #85B4FF; color: #fff; width: 120px; height: 50px; text-align: center;}
.basic_play_title p {font-size: 14px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.basic_play_title p span {font-size: 18px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.basic_play_con {background: #F1F1F1; width: 100%; height: 50px;}
.basic_play_con div {margin: 0 auto; width: 500px;}
.basic_play_con p {font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.basic_play_con span {font-size: 14px; color: #2E3191;}
.travel_cost {font-size: 16px; padding: 10px 30px;border-top: 1px solid;border-bottom: 1px solid;margin: 20px auto;width: 540px;}
.travel_cost span{font-size: 14px;}

.course {text-align: center;}
.subtitle {color: #2E3191;}
.course_s h2 {
	padding: 0.3em 0.3em 0.3em 0.8em;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #ffffff;
	background-color: #2E3191;
}
.course_s h2 span {
	display: block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
	        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;
}
.course_s table {font-size: 38px; border-collapse: collapse;border-spacing: 0;margin-top: 10px;}
.course_s td {font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.course_s tr span {font-size: 24px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.vertical_bar {border-right: 1px solid }

.course_m {margin-top: 10px;}
.course_m h2 {position: relative;display: inline-block;width: 100%;padding: 0 17%;text-align: center;color:#2E3191;font-size: 20px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.course_m h2::before,
.course_m h2::after {content: '';position: absolute;top: 50%;display: inline-block;width: 35%;height: 1px;border-top: 1px solid #2E3191;}
.course_m h2::before {left:0;}
.course_m h2::after {right: 0;}
.course_m table {font-size: 22px; border-collapse: collapse;border-spacing: 0;}
.course_m td {font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.course_m tr span {font-size: 16px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.course_3p {margin-top: 10px;}
.course_3p h2 {position: relative;display: inline-block;width: 100%;padding: 0 17%;text-align: center;color:#2E3191;font-size: 20px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.course_3p h2::before,
.course_3p h2::after {content: '';position: absolute;top: 50%;display: inline-block;width: 25%;height: 1px;border-top: 1px solid #2E3191;}
.course_3p h2::before {left:0;}
.course_3p h2::after {right: 0;}
.course_3p table {font-size: 22px; border-collapse: collapse;border-spacing: 0;}
.course_3p td {font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.course_3p tr span {font-size: 16px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}

.system_right {width: 30%;text-align: center;}
.charged_option h2 {background: #85B4FF; color: #fff; width: 200px; text-align: center;font-size: 20px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.charged_option table {border-collapse: collapse;border-spacing: 0;border: 1px solid; margin-top: 5px;}
.charged_option table tr {border-bottom: 1px solid;}
.charged_option table td {position: relative; height:35px; line-height: 1.2;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.charged_option table td p {display: inline-block; background-color:#2E3191; color: #fff000; width: 34px; height: 34px; border-radius: 50%; font-size: 12px;text-align: center; position: absolute;left: 0; top: 0;}
.charged_option table td span {font-size: 12px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.gray_bg {background-color: #F1F1F1;}
.annotation {font-size: 12px; color: red;text-align: right;}

.free_option {text-align: left; margin-top: 10px;}
.free_option h2 {background: #85B4FF; color: #fff; width: 200px; text-align: center;font-size: 20px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.free_option .notice{font-size: 12px;}

.system_finaly {background: rgba(0,0,0,0.7); color: #fff; font-size: 12px;width: 510px;margin: 20px auto 0; padding: 5px; text-align: center;}
.about_booking {margin-block: 15px;text-align: center;}
.about_booking a {
  font-weight: bold;
  padding: 0 3em;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  position: relative;
  color: #2E3191;
      font-size: 24px;
    text-decoration: underline;
}
.about_booking a::before, .about_booking a::after {
  content: '';
  background: #2E3191;
  width: 2em;
  height: 3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.about_booking a::before {
  left: 0;
}
.about_booking a::after {
  right: 0;
}

/* SNS等 */
div.sns{background: url("../images/top/sns_wall.jpg") no-repeat top;max-width: 1920px;height: 560px;}
div.sns li{display: inline-block;max-width: 440px; width: 100%; vertical-align: top;margin: auto 35px;}
div.sns li img {width: 100%;height: auto;}
div.sns .fillter{background: #000;}
.inbox ul li a img {width: 100%; height: auto;}
div.blog {display: none;}

.freearea {color: #ff0000;}

/* RECRUIT */
div.recruit{background: url("../images/top/sm_wall.jpg") no-repeat top;max-width: 1920px;height: 635px;}
div.recruit img{display: block;margin: auto;}
/* RECRUIT Nav */
.float_Recruit {
 position: fixed;
 top: 60%;
 right: 3%;
 z-index: 888;
 animation:float_Recruit 3s infinite linear alternate;
 }
@-webkit-keyframes float_Recruit {
 0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
 50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
 100% {-webkit-transform:translate(0, 0)rotate(5deg);}
 }
@keyframes float_Recruit {
 0% {transform:translate(0, 0) rotate(-5deg);}
 50% {transform:translate(0, -5px) rotate(0deg);}
 100% {transform:translate(0, 0)rotate(5deg);}
 }
/* フッター */
footer{background: url("../images/top/footer_wall.jpg") no-repeat top;width:100%;}
footer img{display: block;margin: 0 auto 20px;}
footer ul{margin: 0 auto 40px;text-align: center;}
footer li{display: inline-table;width: 150px;height: 50px;line-height: 50px;background: #82A7FF;border-radius: 20px;vertical-align: middle;text-align: center;margin: 0 10px;}
footer li a{color: #FFFFFF;text-decoration: none;font-size: 1.4em;font-weight: bold;}
footer h2{font-size: 0.8em;font-weight: normal;color: #788BD4;text-align: center;}
footer h2 a {color: #788BD4;}
.footerLogo {width:100px;}

/*  ---------------------------- TOPに戻る ----------------------------  */
#goto_top {position: fixed; right: 1%; bottom: 1%;}
#goto_top a {width: 60px; height: 60px; border-radius: 50%; background: #788bd4; display: block; color: #fff; text-align: center; line-height: 80px; text-decoration: none;}
/******* javascript関連　*/
/*slick setting*/
.slider{margin: 0 auto;width: 100%;opacity: 0;transition: 3s;}
.slick-initialized{opacity: 1}
.slider img{height: auto;width: 100%;}
.slick-prev:before, .slick-next:before{color: #000;}
.slider{width: 100%;max-width: 1920px;height: 100%;max-height: 1080px;position: relative;}

/*slick2 setting*/
.newfacePhoto {width: 490px;height: 580px;margin: 0 auto;text-align: center;overflow: hidden;}
.newfacePhoto .slick-arrow {z-index:20;}
.newfacePhoto .slide-arrow{position: absolute;top: 40%;}
.newfacePhoto .prev-arrow{left: 30px;}
.newfacePhoto .next-arrow{right: 30px;}
 .newfacePhoto .slick-slide:not(.slick-center) {
 -webkit-filter: opacity(0.5%);
 -moz-filter: opacity(0.5%);
 -o-filter: opacity(0.5%);
 -ms-filter: opacity(0.5%);
 filter: opacity(0.5%);
 transition: 0.2s linear;
 }

.schedule {width: 980px;height: 580px;margin: 0 auto;text-align: center;overflow: hidden;}
.schedule .slick-arrow {z-index:20;}
.schedule .slide-arrow{position: absolute;top: 30%;}
.schedule .prev-arrow{left: 30px;}
.schedule .next-arrow{right: 30px;}


/*drawer setting*/
nav{ position:absolute;}
.drawer{display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: relative;height: 70px;padding: 0 1em;}
.navbar_toggle{z-index:999;}
.navbar_toggle_icon {position: relative;display: block;height: 2px;width: 30px;background: #5c6b80;-webkit-transition: ease .5s;transition: ease .5s;}
.navbar_toggle_icon:nth-child(1) {top: 0;}
.navbar_toggle_icon:nth-child(2) {margin: 8px 0;}
.navbar_toggle_icon:nth-child(3) {top: 0;}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {top: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {top: -10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu{
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition:ease .5s;
 transition:ease .5s;
 z-index:999;
 }
.menu ul li{padding: 2em;border-bottom: 1px solid #CCC;}
.menu ul li a{color: #FFFFFF;text-decoration: none;}
.menu.open {-webkit-transform:translateX(0);transform:translateX(0);overflow-y: auto;-webkit-overflow-scrolling: touch;}

nav{
 width: 100%;
 height: 75px;
 display: flex;
 flex-direction: row;
 background: -moz-linear-gradient(top, rgba(138,174,221,0.83), rgba(236,224,181,0.83));
 background: -webkit-linear-gradient(top, rgba(138,174,221,0.83), rgba(236,224,181,0.83));
 background: linear-gradient(to bottom, rgba(138,174,221,0.83), rgba(236,224,181,0.83));
 z-index:777;
 bottom: 0;
 }
nav.fixed{position: fixed;top: 72px;width: 100%;}

.navbar_toggle{display: none;}
.menu{width: 100%;-webkit-transform: translateX(0);transform: translateX(0);}
.menu ul{height: 75px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.menu ul li{padding: 0 1em;border-bottom: none;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;}
.menu ul li+ li {border-left: 0;border-right: 1px solid #FFFFFF;}

.footer_menu li {background: transparent; width: inherit;}
.footer_menu li a {font-size: 1em; color: #82A7FF;}