@charset "utf-8";
/* CSS Document */
/*****
main_sp.cssと同じ記述もあります
*/

*{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:auto;}
.hidden_sp{display: none !important;margin: 0;padding: 0;font-size: 0;}
 img{
   transition: all 2s ease-out;
  -webkit-transition:all 2s ease-out;
  -moz-transition:all 2s ease-out;
  -o-transition:all 2s ease-out;
  -ms-transition:all 2s ease-out;
 }
/* ヘッダー */
header{background: #fff;position: fixed;width: 100%;z-index: 1000;}
header ul{text-align:right;margin: 10px 0;}
header ul li{display: inline-block;margin-right: 40px;width: 180px;}
header ul li img{width: 100%;}
.headertel {color: #788BD4; line-height: 1;}
.headertel p{font-size: 20px; font-weight: bold;}
.headertel span {font-size: 12px;}
/* メインエリア */
div.left{width: 100%;}
div.right{width: 100%;}
.space{margin-bottom: 20px;}
div.clearfix{margin-bottom: 50px;}
div.inbox{width: 100%;margin: auto;padding-top: 40px;position: relative;}
/* タイトルバー */
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.4em;
 font-family: 'Alegreya Sans', sans-serif;
 color: #ffffff;
 }
div.titlebar i{font-size: 0.6em;font-style: normal;}
/* RECRUIT Nav */
.float_Recruit {display: none;margin: 0;padding: 0;font-size: 0;}
/* SP Nav */
footer div.spnavi{display: flex;position: fixed;bottom: 0;z-index: 999;margin: 0;padding: 0;width: 100%;}
footer div.spnavi ul{width: 100%;height: 70px;margin: 0;padding: 0;text-align: center;background: #d8edff;display: flex; flex-wrap: nowrap;}
footer div.spnavi ul li{display: inline-block;width : 33.33333%;width : -webkit-calc(100% / 3) ;width : calc(100% / 3) ;transition: background-color 2s;}
footer div.spnavi ul li:hover{background-color: #5f97ff;transition: background-color 800ms;}
footer div.spnavi ul li a{display: block;height: 70px;width: 100px;background: no-repeat center;margin: auto;}
footer div.spnavi ul li.spnavi_tel a{background: url("../images/common/sp_TEL.png");}
footer div.spnavi ul li.spnavi_tel a:hover{background: url("../images/common/sp_TEL2.png");}
footer div.spnavi ul li.spnavi_mail a{background: url("../images/common/sp_mail.png");}
footer div.spnavi ul li.spnavi_mail a:hover{background: url("../images/common/sp_mail2.png");}
footer div.spnavi ul li.spnavi_rec a{background: url("../images/common/sp_rec.png");}
footer div.spnavi ul li.spnavi_rec a:hover{background: url("../images/common/sp_rec2.png");}
/* フッター */
footer{background: url("../images/top/footer_wall.jpg") no-repeat top; width: 100%;}
footer img{display: block;margin: 0 auto 20px;}
footer h2{font-size: 0.6em;font-weight: normal;color: #788BD4;text-align: center;padding-bottom: 80px;}
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;}
/* ---------------------------- form ---------------------------- */
.form_area {width:95%; margin: 0 auto 0 auto; padding: 0;}
.form_area p {font-size: 18px; text-align: left; margin: 0 auto 0 auto; padding: 0;}
.name_section {width: 160px; margin: 0 10px 0 0; padding: 0; float: left;}
.name_box {font-size: 16px; color: #000; width: 160px; height: 36px; margin: 0; padding-left: 10px; border: solid 1px #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
select {-webkit-appearance: none!important;　-moz-appearance: none!important; appearance: none!important; border: none; outline: none; background: transparent;}
.select_section {width: 160px; padding: 0; float: left;}
.select_section select {
  width: 160px;
 -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background:#fff url(../images/select_arrow.png) no-repeat;
    background-size:12px 10px;
    background-position: right 10px center;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    vertical-align: middle;
    border:1px solid #555;
    margin-bottom:5px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}
@-moz-document url-prefix() { /* for firefox */
    .select_section select {
        /*background:none;*/
        background-color: #FFF;
    }
}
.home_section {width: 90px; margin: 0 50px 0 0; padding: 0; text-align: center; display: inline-block;}
.newface_section {width: 40px; margin: 0; padding: 0; text-align: center; display: inline-block;}
label {cursor: pointer;}
.checkbox-input{display: none;}
.checkbox-parts{padding-left: 20px; position:relative; margin-right: 20px;}
.checkbox-parts::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 1px solid #999; border-radius: 4px;}
.checkbox-input:checked + .checkbox-parts{color: #d01137;}
.checkbox-input:checked + .checkbox-parts::after{content: ""; display: block; position: absolute; top: -5px; left: 5px; width: 12px; height: 20px; transform: rotate(40deg); border-bottom: 3px solid #d01137; border-right: 3px solid #d01137;}
.submit {width: 90px; height: 38px; margin: 20px auto 20px auto; padding: 0;}
.serch_submit {width: 90px; height: 38px; margin: 0 auto 0 auto; padding: 0; font-size: 18px; border: solid 1px #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#fff;}
.variable_banner {text-align:center;}

main{width: 96%;margin: auto; /*変更しています*/overflow: hidden; padding: 55px 0;}
div.package{text-align: center;}
div.package img{width: 100%;}

.search_under {width: 95%; margin: 20px auto 50px auto; padding: 0; display: block;}
.cast_base {width: 100%;margin: 0 auto 40px auto;padding: 0;}
.cast_base a {color: #000;}
.cast_base .cast {width:calc(-20px + (100%/2)); height: 600px; margin: 0px 10px 20px 10px; padding: 0; float: left;position: relative;}
.cast_base .cast .today {height: 32px; margin: 0;  padding: 0;}
.cast_base .cast .today p {font-size: 18px; line-height: 32px; text-align: center; vertical-align: middle; color: #fff; background: #88ADFF; margin: 0; padding: 0;}
.cast_base .cast .photo {max-width: 390px; max-height: 590px; margin: 0 0 5px 0; padding: 0;}
.cast_base .cast .photo img {width: 100%; height: 100%; object-fit: contain;}
.cast_base .cast .detail {margin: 0; padding: 0;position: relative;}
.cast_base .cast .detail p {font-size: 18px; line-height: 18px; text-align: left; margin: 0; padding: 2px 0;}
.cast_base .cast .detail .name {color: #88ADFF; font-weight: bold;}
.cast_base .cast .detail .data {font-size: 14px!important; line-height: 16px;}
.cast_base .cast .detail .beginner{width:30px; height:30px; margin: 0; padding: 0; background:url(../images/icon_newface.png); background-size: contain; text-indent:100%; white-space:nowrap; overflow:hidden; display:block; vertical-align: middle; position: absolute; right: 2%; top: 0;}
.cast_link {width: 936px; margin: 40px auto 30px auto; padding: 0; text-align: right;}
.prev a {color:#fff; font-weight:bold;display: block;}
.next a {color:#fff; font-weight:bold;display: block;}

.next {display: inline-block; background: #788bd4;width: 80px;height: 80px;border-radius: 50%;text-align: 80px;line-height: 80px;}
.prev {display: inline-block; background: #92b2ff;width: 80px;height: 80px;border-radius: 50%;text-align: 80px;line-height: 80px; margin-right: 10px;}

/******* javascript関連　*/
/*slick setting*/
.slider{margin: 0 auto;width: 100%;opacity: 0;transition: 3s;}
.slick-initialized{opacity: 1}
.slider img{height: auto;width: 100%;max-width: 559px;}
.slick-prev:before, .slick-next:before{color: #000;}
.slider{width: 100%;max-width: 559px;}
 /*slick2 setting*/
.newfacePhoto {width: 90%;margin: 0 auto;text-align: center;overflow: hidden;border: #788BD4 solid 1px;}
.newfacePhoto img.newfacegirl{width: 100%; }
.newfacePhoto .slick-arrow {z-index:20;}
.newfacePhoto .slide-arrow{position: absolute;top: 40%;}
.newfacePhoto .prev-arrow{left: 20px;}
.newfacePhoto .next-arrow{right: 20px;}

/*drawer setting*/
/*nav{width: 100%;position:fixed;top: 0;z-index: 1001;}
.drawer{display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: relative;height: 50px;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{width: 100%;position: absolute;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition:ease .5s;transition:ease .5s;z-index:999;background: rgba(131,180,255,0.9);}
.menu ul{width: 100%;}
.menu ul li{padding: 1em;border-bottom: 1px solid #5f6eb3;}
.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;}*/
.footer_menu {width: 90%; margin:0 auto 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer_menu li {width: 110px; height: 40px; text-align: center;}
.footer_menu li a {font-size: 1em; color: #5f6eb3; text-decoration: none; margin: 0 5px; }

button {border: none; background: none; outline: none;}
.menu, .menu span { display: inline-block;  -webkit-transition: all .4s;  transition: all .4s;  box-sizing: border-box;}
.menu {position: fixed; top: 10px; left: 10px; width: 35px; height: 30px; z-index: 10;}
.menu span {position: absolute; left: 0; width: 100%; height: 3px; background-color: #5c6b80; z-index: 10;}
.menu span:nth-of-type(1) {top: 0px;background: #5c6b80;}
.menu span:nth-of-type(2) {top: 14px;background: #5c6b80;}
.menu span:nth-of-type(3) {bottom: 0px;background: #5c6b80;}
.menu.active span:nth-of-type(1) {-webkit-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg);}
.menu.active span:nth-of-type(2) {opacity: 0;}
.menu.active span:nth-of-type(3) {-webkit-transform: translateY(-14px) rotate(-45deg); transform: translateY(-14px) rotate(-45deg);}
#sp_nav {position: fixed; top: 49px; right: 0; z-index: 10; width: 100%; height: 100vh; opacity: 0; background-color: rgba(131,180,255,0.9); transition: all 0.3s ease-in-out; visibility: hidden;}
#sp_nav.active {right: 0; opacity: 1; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible;}
#sp_nav ul {margin: 0; padding: 0;}
#sp_nav ul li {width: 100%;list-style-type: none; display: block;margin: auto;padding: 1em;border-bottom: 1px solid #5f6eb3;}
#sp_nav ul li a {display: block; transition: all 0.2s ease-in-out; text-align: center; text-decoration: none; color: #fff;}

.breadcrumb {  margin: 0;  padding: 0;  list-style: none;}
.breadcrumb li {  display: inline;/*横に並ぶように*/  list-style: none;  font-weight: bold;/*太字*/}
.breadcrumb li:after {/* >を表示*/  content: '>';  padding: 0 0.2em;  color: #555;}
.breadcrumb li:last-child:after {  content: '';}
.breadcrumb li a {  text-decoration: none;  color: #52b5ee;/*色*/}
.breadcrumb li a:hover {  text-decoration: underline;}