@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@900&display=swap');

/*
Theme Name:    CASTPRO5 PREMIUM theme 010 CUBIZM LINE CHILD THEME
Template:010cubizm-line

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
/** Foundation for Sites by ZURB Version 6.2.3 foundation.zurb.com Licensed under MIT Open Source */
/* Mixins */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { 
	margin: 0; 
	padding:0;
	overflow-x:hidden;
}

#secondary{
	padding:0;
}

/**************************************************************
【スクロールトップ】
**************************************************************/
/**
* material-scrolltop
*
* Author: Bartholomej
* Website: https://github.com/bartholomej/material-scrolltop
* Docs: https://github.com/bartholomej/material-scrolltop
* Repo: https://github.com/bartholomej/material-scrolltop
* Issues: https://github.com/bartholomej/material-scrolltop/issues
*/
.material-scrolltop { display: block; position: fixed; width: 0; height: 0; bottom: 69px; right: 0px; padding: 0; z-index: 1000; overflow: hidden; outline: none; border: none; border-radius: 0px; cursor: hand; background: #333333; -webkit-tap-highlight-color: transparent; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); }
.material-scrolltop:hover { background-color: #000000; text-decoration: none; }
.material-scrolltop::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; width: 0; border-radius: 100%; background: #6147ae; }
.material-scrolltop:active::before { width: 120%; padding-top: 120%; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.material-scrolltop.reveal { width: 48px; height: 48px; }
.material-scrolltop span { display: block; font-size: 25px; color: #fff; }

.material-scrolltop, .material-scrolltop::before { background-image: url(icons/top-arrow.svg); background-position: center 50%; background-repeat: no-repeat; }

/*************************************************************
【行間の設定】
*************************************************************/
.lhsp15{line-height:1.5em;}
.lhsp20{line-height:20px;}
.lhsp21{line-height:21px;}
.lhsp22{line-height:22px;}
.lhsp23{line-height:23px;}
.lhsp24{line-height:24px;}
.lhsp25{line-height:25px;}
.lhsp26{line-height:26px;}
.lhsp27{line-height:27px;}
.lhsp28{line-height:28px;}
.lhsp29{line-height:29px;}
.lhsp30{line-height:30px;}
.lhsp31{line-height:31px;}
.lhsp32{line-height:32px;}
.lhsp33{line-height:33px;}
.lhsp34{line-height:34px;}
.lhsp35{line-height:35px;}
.lhsp36{line-height:36px;}
.lhsp37{line-height:37px;}
.lhsp38{line-height:38px;}
.lhsp39{line-height:39px;}
.lhsp40{line-height:40px;}

/*************************************************************
【marginの設定】
*************************************************************/
.msp0{margin:0 !important;}
.mtsp0{margin-top:0 !important;}
.mrsp0{margin-right:0 !important;}
.mbsp0{margin-bottom:0 !important;}
.mlsp0{margin-left:0 !important;}

.msp5{margin:5px !important;}
.mtsp5{margin-top:5px !important;}
.mrsp5{margin-right:5px !important;}
.mbsp5{margin-bottom:5px !important;}
.mlsp5{margin-left:5px !important;}

.msp10{margin:10px !important;}
.mtsp10{margin-top:10px !important;}
.mrsp10{margin-right:10px !important;}
.mbsp10{margin-bottom:10px !important;}
.mlsp10{margin-left:10px !important;}

.msp15{margin:15px !important;}
.mtsp15{margin-top:15px !important;}
.mrsp15{margin-right:15px !important;}
.mbsp15{margin-bottom:15px !important;}
.mlsp15{margin-left:15px !important;}

.msp20{margin:20px !important;}
.mtsp20{margin-top:20px !important;}
.mrsp20{margin-right:20px !important;}
.mbsp20{margin-bottom:20px !important;}
.mlsp20{margin-left:20px !important;}

.msp25{margin:25px !important;}
.mtsp25{margin-top:25px !important;}
.mrsp25{margin-right:25px !important;}
.mbsp25{margin-bottom:25px !important;}
.mlsp25{margin-left:25px !important;}

.msp30{margin:30px !important;}
.mtsp30{margin-top:30px !important;}
.mrsp30{margin-right:30px !important;}
.mbsp30{margin-bottom:30px !important;}
.mlsp30{margin-left:30px !important;}

.msp35{margin:35px !important;}
.mtsp35{margin-top:35px !important;}
.mrsp35{margin-right:35px !important;}
.mbsp35{margin-bottom:35px !important;}
.mlsp35{margin-left:35px !important;}

.msp40{margin:40px !important;}
.mtsp40{margin-top:40px !important;}
.mrsp40{margin-right:40px !important;}
.mbsp40{margin-bottom:40px !important;}
.mlsp40{margin-left:40px !important;}

.msp45{margin:45px !important;}
.mtsp45{margin-top:45px !important;}
.mrsp45{margin-right:45px !important;}
.mbsp45{margin-bottom:45px !important;}
.mlsp45{margin-left:45px !important;}

.msp50{margin:50px !important;}
.mtsp50{margin-top:50px !important;}
.mrsp50{margin-right:50px !important;}
.mbsp50{margin-bottom:50px !important;}
.mlsp50{margin-left:50px !important;}

.msp55{margin:55px !important;}
.mtsp55{margin-top:55px !important;}
.mrsp55{margin-right:55px !important;}
.mbsp55{margin-bottom:55px !important;}
.mlsp55{margin-left:55px !important;}

.msp60{margin:60px !important;}
.mtsp60{margin-top:60px !important;}
.mrsp60{margin-right:60px !important;}
.mbsp60{margin-bottom:60px !important;}
.mlsp60{margin-left:60px !important;}

.msp65{margin:65px !important;}
.mtsp65{margin-top:65px !important;}
.mrsp65{margin-right:65px !important;}
.mbsp65{margin-bottom:65px !important;}
.mlsp65{margin-left:65px !important;}

.msp70{margin:70px !important;}
.mrsp70{margin-right:70px !important;}
.mbsp70{margin-bottom:70px !important;}
.mlsp70{margin-left:70px !important;}

.msp75{margin:75px !important;}
.mtsp75{margin-top:75px !important;}
.mrsp75{margin-right:75px !important;}
.mbsp75{margin-bottom:75px !important;}
.mlsp75{margin-left:75px !important;}

.msp80{margin:80px !important;}
.mtsp80{margin-top:80px !important;}
.mrsp80{margin-right:80px !important;}
.mbsp80{margin-bottom:80px !important;}
.mlsp80{margin-left:80px !important;}

/**************************************************************
【paddingの設定】
**************************************************************/
.psp0{padding:0 !important;}
.ptsp0{padding-top:0 !important;}
.prsp0{padding-right:0 !important;}
.pbsp0{padding-bottom:0 !important;}
.plsp0{padding-left:0 !important;}

.psp5{padding:5px !important;}
.ptsp5{padding-top:5px !important;}
.prsp5{padding-right:5px !important;}
.pbsp5{padding-bottom:5px !important;}
.plsp5{padding-left:5px !important;}

.psp10{padding:10px !important;}
.ptsp10{padding-top:10px !important;}
.prsp10{padding-right:10px !important;}
.pbsp10{padding-bottom:10px !important;}
.plsp10{padding-left:10px !important;}

.psp15{padding:15px !important;}
.ptsp15{padding-top:15px !important;}
.prsp15{padding-right:15px !important;}
.pbsp15{padding-bottom:15px !important;}
.plsp15{padding-left:15px !important;}

.psp20{padding:20px !important;}
.ptsp20{padding-top:20px !important;}
.prsp20{padding-right:20px !important;}
.pbsp20{padding-bottom:20px !important;}
.plsp20{padding-left:20px !important;}

/**************************************************************
【共通設定】
**************************************************************/
.clear {
clear: both;
}
.tel_text_01 {
color: #ff6e98;
font-size:24px;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.page_hed_img{
margin-bottom:20px;
}

.sidebar {text-align: center;}
.sidebar img {width:100%; max-width: 350px;}
.text_bold {font-weight: bold;}

/**************************************************************
【サイドバー】
**************************************************************/
.side_search_textra input[type="search"] {
   -webkit-appearance: none;
   border-radius: 0;
}

/**************************************************************
【ENTER入場ページ】
**************************************************************/
.enter_main{
width: 100%;
margin-top:18px;
}
.enter_ege18{
color:#444444;
margin:10px 0px 18px 0px;
text-align: center;
}
.enter_main_link{
margin-top:10px;
}
.enter_main_link h2 {
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.enter_main_h3 {
font-size: 20px;
color:#ff6e98;
text-align: center;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.enter_smart{
	margin-bottom: 40px;
}
.enter_form {
 width: 100%;
 margin: 0 auto;
}
.enter_smart_textarea {
 width: 68%;
 float:left;
}
.enter_smart_input {
 width: 30%;
 float:right;
 text-align:left;
}
.enter_bt01{
 border: medium none;
 cursor: pointer;
 background: #000;
 color: #fff;
 width: 100%;
 height: 40px;
}
.enter_sp_bg01 {
font-size: 14px;
color: #444444;
line-height: 26px;
padding: .55em 1em;
border: 1px solid #ccc;
border-top: 1px solid #ccc;;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.enter_story01{
 width: 100%;
 background-color: #ff6e98;
 /*color:#fff;*/
 line-height: 32px;
 text-align:center;
 padding:20px;
 margin-bottom:40px;
}
.enter_story01 h4{
 font-size: 18px;
 color:#fff;
 margin-bottom:20px;
 font-weight: bold;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.enter_story_flow {
 overflow: hidden;
 width:100%;
 margin-bottom:40px;
}
.enter_story_flow h4{
 font-size: 18px;
 color:#ff6e98;
 margin-bottom:10px;
 font-weight: bold;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.enter_story_flow_text {
 width:100%;
 overflow: auto;
 background-color:#f6f6f6;
 padding:10px 10px 20px 10px;
 line-height:28px;
}
.enter_story_flow_img_01{
 background-image: url("/img/enter_story_flow_img_001.jpg");
 width:100%;
 height:330px;
 background-size:cover;
}
.enter_story_flow_img_02{
 background-image: url("/img/enter_story_flow_img_002.jpg");
 width:100%;
 height:330px;
 background-size:cover;
}
.enter_story_flow_img_03{
 background-image: url("/img/enter_story_flow_img_003.jpg");
 width:100%;
 height:330px;
 background-size:cover;
}


/**************************************************************
【料金システム】
**************************************************************/
.system_h2 {
text-align: center;
margin-bottom:20px;
}
.system_h2 img{
margin-top:20px;
}
.system_h2 h2{
font-size: 24pt;
color: #ff6e98;
text-align: center;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.system_main h3{
font-size: 16pt;
color: #fff;
text-align: center;
font-weight: bold;
}
.system_box_01 {
line-height: 24px;
text-align: center;
margin-bottom:30px;
}
.system_box_02 {
margin-bottom:30px;
}
.system_box_03 {
margin-bottom:30px;
}
.system_table01 {
border-radius: 0;
width: 100%;
border: 1px solid #DDDDDD;
border-collapse: collapse;
}
.system_table01 th{
background-color: #c5b8a8;
color:#fff;
border: 1px solid #DDDDDD;
font-weight: normal;
font-size:14px;
padding: 16px 8px 16px 8px;
}
.system_table01 td{
background-color: #fff;
color:#000;
border: 1px solid #DDDDDD;
font-weight: normal;
font-size:14px;
padding: 16px 8px 16px 8px;
}
.system_table02 {
border-radius: 0;
width: 100%;
border: 1px solid #DDDDDD;
border-collapse: collapse;
}
.system_table_bg01{
background-color: #c5b8a8;
color:#fff;
border: 1px solid #DDDDDD;
font-size:14px;
font-weight: normal;
padding: 16px 8px 16px 8px;
}
.system_table_bg02{
background-color: #fff;
color:#000;
border: 1px solid #DDDDDD;
font-size:14px;
font-weight: normal;
padding: 16px 8px 16px 8px;
}
.system_table_option {
border-radius: 0;
width: 100%;
border: 1px solid #DDDDDD;
border-collapse: collapse;
}
.system_table_option01{
width: 25%;
background-color: #000;
color:#fff;
border: 1px solid #DDDDDD;
font-size:14px;
font-weight: normal;
padding: 16px 8px 16px 8px;
}
.system_table_option02{
width: 25%;
background-color: #fff;
color:#000;
border: 1px solid #DDDDDD;
font-size:14px;
font-weight: normal;
padding: 16px 8px 16px 8px;
}
.system_table_expenses {
border-radius: 0;
width: 100%;
border: 1px solid #DDDDDD;
border-collapse: collapse;
}
.system_table_expenses01{
width: 25%;
background-color: #000;
color:#fff;
border: 1px solid #DDDDDD;
font-size:14px;
font-weight: normal;
padding: 16px 8px 16px 8px;
}
.system_table_expenses02{
width: 25%;
background-color: #fff;
color:#000;
padding: 20px;
border: 1px solid #DDDDDD;
font-size:14px;
font-weight: normal;
padding: 16px 8px 16px 8px;
}
.system_bg_01{
/*background-color:#f6f6f6;*/
line-height: 24px;
padding:30px;
}
.system_bg_02{
background-color:#f6f6f6;
line-height: 28px;
padding:10px;
}
.system_bg_03{
background-color:#c5b8a8;
padding:20px 20px 4px 20px;
}
.system_payment_box_bg h3 {
    color: #00ff00;
    border: 5px solid #00ff00;
    background-color: #ffffff;
}

/*.system_merumaga_box{
padding:14px;
}*/
.system_merumaga_box h3 {
    color: #000000;
}
.system_lovestory_box h3{
	color: #000000;
}
.system_rule_box{
/*background-color:#666666;*/
padding:14px;
}
.system_flow {
  overflow: hidden;
}
.system_flow_text_L {
 width:100%;
 background-color:#f6f6f6;
 padding:10px;
 height:auto;
}
.system_flow_text_R {
 width:100%;
 background-color:#f6f6f6;
 padding:10px;
 height:auto;
}
.system_flow_img_L01{
 background-image: url("/wp/wp-content/uploads/2016/10/system_flow_001.jpg");
 height:330px;
 width:100%;
 background-size:cover;
}
.system_flow_img_R02{
 background-image: url("/wp/wp-content/uploads/2017/03/system_flow_002.jpg");
 height:330px;
 width:100%;
 background-size:cover;
}
.system_flow_img_L03{
 background-image: url("/wp/wp-content/uploads/2017/03/system_flow_003.jpg");
 height:330px;
 width:100%;
 background-size:cover;
}
.system_flow_img_R04{
 background-image: url("/wp/wp-content/uploads/2017/03/system_flow_004.jpg");
 height:330px;
 width:100%;
 background-size:cover;
}
.system_flow_img_L05{
 background-image: url("/wp/wp-content/uploads/2017/03/system_flow_005.jpg");
 height:330px;
 width:100%;
 background-size:cover;
}
.system_flow_img_R06{
 background-image: url("/wp/wp-content/uploads/2017/03/system_flow_006.jpg");
 height:330px;
 width:100%;
 background-size:cover;
}
#system_menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}
#system_menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#system_menu li a{
display: block; 
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background-color: #ffffff;
padding: 16px;
text-decoration: none;
color: #333;
width: 100%; 
margin: 0px;
text-align: left;
font-size: 14px;
}
#system_menu li a:hover{
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background-color: #f6f6f6;
}
#system_menu #shita li a{
display: block; 
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background-color: #ffffff;
padding: 16px;
text-decoration: none;
color: #333;
width: 100%; 
margin: 0px;
text-align: left;
font-size: 14px;
}
#system_menu #shita li a:hover{
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background-color: #f6f6f6;
}
#system_menu_hed{ 
margin: 0; 
padding: 16px; 
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background-color: #c5b8a8;
width: 100%; 
color:#ffffff;
}
#system_menu_foot{ 
margin: 0; 
border-top: 1px solid #dddddd;
background-color: #c5b8a8;
width: 100%; 
color:#ffffff;
}
.system_cardbox{
    /*background:#fafae9;
    border-top:solid 7px #e4e4ca !important;
    border:solid 1px #e4e4ca;*/
    padding:18px;
    margin:0px 0px 35px 0px;
}
.system_prohibitions{
background:#333333;
padding:18px;
margin:0px 0px 20px 0px;
line-height:23px;
color:#e3e3eb;
}
.system_card_lh32{
line-height:23px;
}
.system_point {
width:100%;
text-align:center;
background-color:#f6f6f6;
margin-bottom:60px;
padding-top:30px;
padding-bottom:40px;
}
.system_point ul {
margin:0 auto;
width:100%;
padding:0px;
list-style:none !important;
}
.system_point ul li {
position:relative;
display: inline-block;
width:90%;
padding:30px;
letter-spacing:0;
vertical-align:top;
text-align:left;
border:1px solid #ccc;
box-sizing:border-box;
background-color:#fff;
margin:0px 0px 30px 0px;	
}
.system_point ul li .ttl {
position:absolute;
top:-12px;
left:5%;
width:38%;
padding:3px 0;
color:#fff;
font-size:100%;
font-weight:bold;
line-height:1.5;
text-align:center;
background:#dbbd37;
}
.system_point ul li h4 {
margin:20px 0 10px;
color: #ff6e98;
font-size:120%;
font-weight:bold;
line-height:1.56;
}
.system_point ul li p {
font-size:117%;
line-height:1.72;
letter-spacing:-0.2px;
}
.system_point ul li p span {
color:#e60012;
}

/**************************************************************
【案内可能エリア】
**************************************************************/
.guidance{
font-size:18px;
line-height: 32px;
}
.guidance table {
border-radius: 0;
margin-bottom: 1rem;
width: 100%;
border: 1px solid #DDDDDD;
border-collapse: collapse;
}
.guidance th {
padding: 20px;
border: 1px solid #DDDDDD;
font-size:18px;
}
.guidance td {
padding: 20px;
border: 1px solid #DDDDDD;
font-size:18px;
}
.guidance_bg_01{
background-color:#f6f6f6;
padding:20px;
}
.guidance_mt20{
margin-top:20px;
}

/**************************************************************
【メルマガ登録】
**************************************************************/
.mail_mag_bg01{
background-color:#ff6e98;
padding:20px;
text-align: center; 
}
.mail_mag_bg02{
background-color:#fff;
padding:20px;
}
.mail_mag_text01 a{
font-weight:bold;
font-size:1.6em;
text-decoration:underline;
}
.maga_form_bg01 {
width:100%;
color:#fff;
padding:20px 20px 0 20px;
margin:10px 0px 10px 10px;
background-color: #c5b8a8;

}
.maga_form_text1 {
color:#623f18;
font-size:20px;
font-weight: bold;
}
.bt01{
border: medium none;
cursor: pointer;
background: #000;
color: #fff;
width: 150px;
height: 30px;
}
.bt01:hover{
background-color:#761c0c !important;
color:#fff;
}
/**************************************************************
【フローティングメニュー】
**************************************************************/
.footerFloatingMenu {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #fff;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 9999;
  text-align: center;
  margin:0px;
  list-style-type: none;
}
.footerFloatingMenu li {
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  display: table-cell;
  vertical-align: middle;
	background-position: center center;
	background-repeat:no-repeat;
}
.footerFloatingMenu li:nth-child(1){background-image: url(/img/menu_box_bg_gr.png);}
.footerFloatingMenu li:nth-child(2){background-image: url(/img/menu_box_bg_or.png);}
.footerFloatingMenu li:nth-child(3){background-image: url(/img/menu_box_bg_ye.png);}
.footerFloatingMenu li:nth-child(4){background-image: url(/img/menu_box_bg_bl.png);}

.footerFloatingMenu li:last-child {
  border-right: 0;
}
.footerFloatingMenu li a {
  color: #ff4e81;
	text-shadow: 2px 2px 0 #ffffff, -2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px -2px 0 #ffffff, 0px 2px 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, 2px 0 0 #ffffff;
  display: block;
  font-size: 13px;
  text-decoration: none;
  padding: 12px 0;
  line-height:23px;
	font-family: 'Hachi Maru Pop', cursive;
	font-weight: bold;
}

.page-title h2{ font-size: 12px; color:#000; }

/**************************************************************
【お勧めホテル一覧】
**************************************************************/
.hotel_main{
 margin-bottom:30px;
}

/**************************************************************
【女の子個別プロフィールページ】
**************************************************************/
.messege {
 color:#fff;
 font-size: 1.1rem; 
}
.title-name>* {
 font-size: 1.6rem;
}

/**************************************************************
【よくある質問FAQ】
**************************************************************/
.demo {
	position:relative;
	padding:0px 0px 20px 0px;
	background:#ffffff;
}
.demo h3 {
	font-size: 14pt;
	color: #ff6e98;
	text-align: center;
	padding: .55em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #ff6e98;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.demo dt {
    font-weight: 300;
    /*color: #4169e1;*/
	font-size:14px;
    cursor:pointer;
	border-bottom: 1px solid #cccccc;
	margin:10px 10px 10px 0px;
	padding:6px 0px 20px 50px;
	background-image: url("/img/faq_q.png");
	background-repeat: no-repeat;
	height:60px;
}
.demo dt.active	{
	/*color: #1e90ff;*/
	border-bottom: 1px solid #ff6e98;
	font-weight: bold;
}
.demo dd {
	position:relative;
	margin: 0 0 15px 10px;
	line-hight: 170%;
	border-radius:3px;
}
.question_a{
	font-size: 12px;
	letter-spacing: 1px;
	/*background: -webkit-linear-gradient(top, #fff 0%, #e2f1f7 100%);*/
	line-height: 2.4em;
	margin-left: 15px;
	margin-top: 8px;
	padding:20px;
}
.question_a:before{
 content: url("/img/faq_a.gif");
 float:left;
}
.faq_mb{
 margin-bottom: 30px;
}
.faq_search_form{
 width: 290px;
 margin-bottom:30px;
}
.faq_search_form_left{
 float:left;
 width: 230px;
}
.faq_search_form_right{
 float:right;
 width: 55px;
 padding-left:5px;
}
/**************************************************************
【電話予約・WEB予約】
**************************************************************/
.tel_bg_01{
 background-color:#ff6e98;;
 padding:20px 20px 4px 20px;
 text-align: center;
}
.tel_bg_time{
 width:80%;
 background-color:#fff;
 padding:4px;
 text-align: center;
 border-radius:18px;
 color:#ff6e98;
 margin:0 auto;
}
.tel_mt{
 margin-top:30px;
}

/**************************************************************
【予約フォーム】
**************************************************************/
.form-worp-picker {
 width: 100%;
}
.form-worp-reservehour {
 margin:10px 0px 0px 0px;
}
.form-worp-tel {
 width: 260px;
}
.reserve_tb {
 padding: .55em 1em;
 border: 1px solid #ccc;
 border-top: 3px solid #ff6e98;
 background-color: #fafafa;
 box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px 0 10px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.reserve_bt01{
border: medium none;
cursor: pointer;
background: #333;
color: #fff;
width: 100%;
height: 50px;
font-size: 1.6rem;
border-radius: 0.25rem;
}
.reserve_bt01:hover{
background-color:#761c0c !important;
color:#fff;
}

/**************************************************************
【会社概要・衛生管理・規約・法規・プライバシー】
**************************************************************/
.company_all_main p{
 line-height: 24px;
}
.company_all_main h3{
 margin:30px 0px 10px 0px;
}
.compliance p{
 line-height: 32px;
 background-color:#fefefe;
 border: 1px solid #eee;
 padding:20px;
}
.compliance h3{
 margin:20px 0px 10px 0px;
}
.privacy h4 {
 margin:20px 0px 0px 0px;
}

/**************************************************************
【リクエスト予約】
**************************************************************/
.request_main p{
 line-height: 24px;
}
.request_main h4{
 color: #ff6e98;
 font-size:20px;
}

/**************************************************************
【フッターその他】
**************************************************************/
#footer{
	
}
.footer_layaut_sp {
 width: 100%;
 overflow: auto;
/*background: #ff6e98;*/
 color: #FFFFFF;
 padding: 0;
 /*background-image: url(/img/footer_bg.jpg);
 background-repeat: no-repeat;
 background-position: center;
 background-position: top;*/
}
.footer_layaut_sp #text-52{
	/*background-color: rgba(88,88,88,0.6);*/
    padding: 2rem 0;
	margin: 0;
	    text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, 0px 1px 0 #FFFFFF, 0 -1px 0 #ffffff, -1px 0 0 #ffffff, 1px 0 0 #ffffff;
}
.footer_layaut_sp a:link { color: #000000; }
.footer_layaut_sp a:visited { color: #000000; }
.footer_main_sp {
 display:table;
 width: 100%;
 border-collapse: separate;
 border-spacing: 10px 0px;
}
.footer_menu_sp {
 display:table-cell;
 width: 40%;
}
.footer_menu_sp h4 {
 font-size: 12pt;
 color:#000000;
}
.footer_menu_box_sp {
 margin-bottom:30px;
 font-size: 10pt;
}
.footer_tel_other_sp {
 /*background-color:#fff;*/
	/*background-image: url(/img/footer_bg.jpg);
	background-repeat: no-repeat;*/
 /*color:#ffffff;*/
 padding:0;
 text-align: center;
}
.footer_tel_other_sp > div{
	/*background-color: rgba(88,88,88,0.6);*/
    padding: 30px 10px 40px 10px;
	margin: 0;
	    text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, 0px 1px 0 #FFFFFF, 0 -1px 0 #ffffff, -1px 0 0 #ffffff, 1px 0 0 #ffffff;
}
.footer_tel_other_sp p{
 line-height: 28px;
 font-size: 11pt;
}
.footer_copy_sp {
 background-color:#ff6e98;
 padding:6px 10px 74px 10px;
 font-size: 9pt;
 text-align: center;
 color: #ffffff !important;
}
.footer_copy_enter_sp {
 background-color:#ff6e98;
 padding:6px 10px;
 font-size: 9pt;
 text-align: center;
	color: #ffffff !important;
}
.footer_copy_sp a:link { color: #ffffff !important; }
.footer_copy_enter_sp a:link { color: #ffffff !important; }
.footer_copy_sp a:visited { color: #ffffff !important; }
.footer_copy_enter_sp a:visited { color: #ffffff !important; }
.footer_gallery {
 background-color:#f6f6f6;
 width: 100%;
 /*padding-top:15px;*/
 text-align: center;
 margin:0px;
 overflow: auto;
 background-image: url(/img/sp_footer_bg_002.png);
 background-repeat: no-repeat;
 background-position: center;
 background-position: bottom;
}
.footer_gallery_title {
 width: 100%;
 padding-top:0px;
 text-align: center;
 margin-bottom:0px;
 font-size: 22px;
 font-weight: bold;
 color:#ff6e98;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#cp5_slider_widget-4{
	margin: 0 0 1rem 0;
}

/**************************************************************
【トップページ】
**************************************************************/

/*body { 
	background-image: url("/img/bg.jpg"); 
	background-position: center top; 
	background-size: 100%; 
	background-repeat: repeat; 
	background-attachment: scroll; 
}*/


.sp_img img {width:100%;}
.sp_box_01 {width:100%; background-color: #ff6e98; border-bottom: solid 1px #c5c2c2; margin:0px;}
.sp_box_02 {width:100%; background-color: #f2f9fb; overflow:auto; border-bottom: solid 1px #c5c2c2; text-align:center;}
.sp_box_03 {width:94%; background-color: #fff; border: solid 1px #b5cbcd; margin:10px; padding:10px; display:inline-block; text-align:left; font-size:13px; overflow:hidden;}
.sp_box_04 {width:100%; overflow:auto; background-color:#ff6e98; padding-bottom:5px;}
.sp_text_01 {color:#fff; font-weight:bold; }
.sp_text_02 {color:#eb0000; font-weight:bold; }
.sp_text_03 {font-size:11px; color:#fff; }
.sp_top_header {
 background-color:#ff6e98;
 color:#fff;
 font-size:10px;
 text-align:center;
	margin:0;
}
#header{
	padding:0;
}
.sp_logo {
 width: 100%;
}
.sp_logo img {
 max-width: 100%;
}
.sp_logo_tel {
 color:#b2b2b2;
 font-size:34px;
	display:none;
}
.sp_logo_tel div {
   position: absolute;
   top: 0px;
   right: 50px;
}
.menu_box {
 display: table;
 table-layout: fixed;
 text-align: center;
 width: 100%;
 /*background: -webkit-linear-gradient(top, #fff 0%, #fefefe 100%);
 background: linear-gradient(to bottom, #fff 0%, #fefefe 100%);
 box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;*/
}
.menu_box ul{
	list-style: none;
    margin: 0;
    padding: 0;
}
.menu_box ul li{
	display:inline-block;
    margin: 0 !important;
    padding: 0 !important;
	width:49%
}

.menu_box ul li:nth-child(9) h3,.menu_box ul li:nth-child(10) h3{
	margin:0;
}

.menu_box h3 {
 /*display: table-cell;
 vertical-align: middle;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 height: 80px;
 font-size: 13px;
	background-position: center center;
	background-repeat:no-repeat;*/
}
/*.menu_box:nth-child(1) h3:nth-child(1), .menu_box:nth-child(2) h3:nth-child(4){
	background-image: url(/img/menu_box_bg_gr.png);
}
.menu_box:nth-child(1) h3:nth-child(2), .menu_box:nth-child(2) h3:nth-child(3){
	background-image: url(/img/menu_box_bg_or.png);
}
.menu_box:nth-child(1) h3:nth-child(3), .menu_box:nth-child(2) h3:nth-child(2){
	background-image: url(/img/menu_box_bg_ye.png);
}
.menu_box:nth-child(1) h3:nth-child(4), .menu_box:nth-child(2) h3:nth-child(1){
	background-image: url(/img/menu_box_bg_bl.png);
}*/

.menu_box h3:last-child {
  border-right: 0;
}
.menu_box h3 a {
 display: block;
 font-size: 13px;
 width: 100%;
/* height: 80px;
 padding:15px 0;*/
	text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, 0px 1px 0 #ffffff, 0-1px 0 #ffffff, -1px 0 0 #ffffff, 1px 0 0 #ffffff;
	/*font-family: 'Dela Gothic One', cursive;*/
	font-family: 'Hachi Maru Pop', cursive;
	font-weight: bold;
}
.menu_box2 {
 display: table;
 table-layout: fixed;
 text-align: center;
 width: 100%;
}
.menu_box2 div {
 display: table-cell;
 vertical-align: middle;
 background: -webkit-linear-gradient(top, #fff 0%, #fefefe 100%);
 background: linear-gradient(to bottom, #fff 0%, #fefefe 100%);
 box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
 height: 80px;
 font-size: 13px;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}
.menu_box2 div:last-child {
  border-right: 0;
}
.menu_box2 div a {
 display: block;
 font-size: 13px;
 width: 100%;
 height: 80px;
 padding:15px 0;
}
.menu_box3 {
 display: table;
 table-layout: fixed;
 text-align: center;
 width: 100%;
}
.menu_box3 div {
 display: table-cell;
 vertical-align: middle;
 background: -webkit-linear-gradient(top, #fff 0%, #fefefe 100%);
 background: linear-gradient(to bottom, #fff 0%, #fefefe 100%);
 box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
 height: 80px;
 font-size: 13px;
 border-right: 1px solid #ccc;
}
.menu_box3 div:last-child {
  border-right: 0;
}
.menu_box3 div a {
 display: block;
 font-size: 13px;
 width: 100%;
 height: 80px;
 padding:15px 0;
}
#marquee{
overflow:hidden;
}
#marquee div{
width:100%;
padding:10px 0 10px 5px;
text-align:left;
display:inline-block;
white-space:nowrap;
}
.sp_accordion {
 min-width: 88%;
 margin: 0 auto;
 padding: 10px;
 color:#fff;
}
.sp_accordion .sp_ac-content {
 margin: 0 10px;
}
.sp_accordion input {
 display: none;
}
.sp_accordion label {
 display: block;
 background: #2877ed;
 color:#fff;
 cursor: pointer;
 padding: 10px;
 border-bottom: 1px solid #fff;

}
.sp_accordion label:hover {
 background: #2877ed;
}
.sp_accordion .sp_ac-cont {
 transition: 0.2s;
 height: 0;
 overflow: hidden;
 background: #91d5f2;
 padding: 0 10px;
}
.sp_accordion input:checked + .sp_ac-cont {
 height: auto;
 padding: 10px;
}
.sp_search_box {
  padding-left: 1rem; padding-right: 1rem; 
	    text-align: left;
}
.sp_tab {
 width: 100%;
 min-width: 300px;
 margin: 0 auto;
}
.sp_tab .tab-content {
 margin: 0 10px;
}
.sp_tab label {
 display: inline-block;
 margin: 0;
 padding: 0;
}
.sp_tab label {
 display: inline-block;
 width: 100px;
 padding: 3px 10px;
 cursor: pointer;
 background: #ddd;
 color: #777;
 margin-right: -2px;
 text-align:center;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
}
.sp_tab label:hover {
 background: #eee;
 text-align:center;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
}
.sp_tab input:checked + label {
 background: #ff6e98;
 color: white;
 padding: 5px 10px 3px 10px;
 text-align:center;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
}
.sp_tab input {
 display: none;
}
.sp_tab #sp_tab-b1,
.sp_tab #sp_tab-b2 {
 display: none;
 padding: 0px;
}
.sp_tab #sp_tab-1:checked ~ #sp_tab-b1,
.sp_tab #sp_tab-2:checked ~ #sp_tab-b2 {
 display: block;
 border-top: 3px solid #ff6e98;
 border-left: 1px solid #ff6e98;
 border-right: 1px solid #ff6e98;
 border-bottom: 1px solid #ff6e98;
}
.sp_event_rank{
 display: block;
 padding-left: 1rem; padding-right: 1rem;
}
.sp_event_rank div a{
 display: block;
 color:#111;
 font-size:11px;
}
.sp_event_rank_title {
 color:#2877ed;
 font-weight: bold;
 font-size:14px;
}


/**************************************************************
【ドロワーメニュー】
**************************************************************/
#drawer-menu .drawer-nav{
	background: /*#ffcde8*/ #ffffff !important;
	color:#000000 !important;
}
#drawer-menu .drawer-nav .shop-tel a{
	color:#ffffff !important;
	font-size: 15px;
}
.btn{
    width:120px;
    height:80px;
    line-height:80px;
}
#drawer-menu .drawer-nav a{
	font-family: 'Hachi Maru Pop', cursive;
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#FF6E98;
    text-align:center;
    border:4px solid #FF6E98;
    color:#FFFFFF !important;
    /*font-size:20px;*/
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:1px 1px 6px 0px #FFFFFF inset;
    text-shadow:0px 1px 1px #ADADAD ;
    transition: all 0.5s ease;
}
#drawer-menu .drawer-nav a:hover{
    background:#FFFFFF;
    color:#ff6e98 !important;
    margin-left:0px;
    margin-top:0px;
    border:4px solid #FF6E98;
    box-shadow:none;
}
#drawer-menu .drawer-nav ul ul{
	width:84%;
}


/**************************************************************
【ピックアップ】
**************************************************************/
#cp5_castslider-11 .pickup .today{
	color:#ffffff;
	position:absolute;
	font-size: 2rem;
	top: 15%;
	left: 91%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#cp5_castslider-11 .pickup .today span:nth-child(1),
#cp5_castslider-11 .pickup .today span:nth-child(2){
	transform: rotate(-90deg);
    display: inline-block;
}
@media screen and (max-width: 570px) { #cp5_castslider-11 .pickup .today{ font-size: 1.8rem; } }
@media screen and (max-width: 500px) { #cp5_castslider-11 .pickup .today{ font-size: 1.6rem; } }
@media screen and (max-width: 450px) { #cp5_castslider-11 .pickup .today{ font-size: 1.4rem; } }
@media screen and (max-width: 400px) { #cp5_castslider-11 .pickup .today{ font-size: 1.2rem; } }

#cp5_castslider-11{
	float: left;/*新入生一覧に関わるところ*/
	position:relative;
	background-image:url(/img/pickup_bg.png);
	background-repeat:no-repeat;
	background-size: 100%;
	width: 575px/*65.5%*/;
    height: 500px;
	overflow: hidden;
}

#carousel-container-cp5_castslider-11{ height: 100%; }
#carousel-container-cp5_castslider-11 .owl-stage-outer{ height: 100%; }
#carousel-container-cp5_castslider-11 .owl-stage-outer .owl-stage{ /*width: 100% !important;*/ height: 100% !important; } 
#carousel-container-cp5_castslider-11 .owl-stage-outer .owl-stage .owl-item{ /*width: 100% !important;*/ height: 100% !important;} 
#carousel-container-cp5_castslider-11 .owl-stage-outer .owl-stage .owl-item.active{/*display:none;*/} 
#carousel-container-cp5_castslider-11 .owl-stage-outer .owl-stage .owl-item.cloned{/*display:none;*/} 
#carousel-container-cp5_castslider-11 a{ width: 100%; height: 500px; display:block; }

#carousel-container-cp5_castslider-11 .cast-image{
	position: relative;
	top: 130px;
	left: 43px;
	transform: rotate( -4.6deg );
}
#carousel-container-cp5_castslider-11 .cast-image img{
	width: 168px;
	height: 224px;
	border: none;
}
#carousel-container-cp5_castslider-11 .cast-section{
	position: absolute;
	top: 100px;
	left: 240px;
	width: 300px;
}
#carousel-container-cp5_castslider-11 .cast-section .cast-name, #carousel-container-cp5_castslider-11 .cast-section .cast-size{
	color: #fff;
	font-size: 23px;	
}
#carousel-container-cp5_castslider-11 .cast-section .cast-icon .cast-icon-lists{
	text-align:center;
	margin-top: 15px;
}
#carousel-container-cp5_castslider-11 .cast-section .cast-icon .cast-icon-lists span{
	/*display:none;*/
	font-size: 20px;
}
/*#carousel-container-cp5_castslider-11 .cast-section .cast-icon .cast-icon-lists span:nth-child(1),*/
#carousel-container-cp5_castslider-11 .cast-section .cast-icon .cast-icon-lists span:nth-child(2),
#carousel-container-cp5_castslider-11 .cast-section .cast-icon .cast-icon-lists span:nth-child(3){
	display:inline-block;
}


@media screen and (max-width: 1214px) {
	#cp5_castslider-11{
		float: none;
		margin: 0 auto 20px auto;
	}
	
	
	/*#cp5_castslider-11{ height: calc(100vw * 0.41); }
	#carousel-container-cp5_castslider-11 a{ height: calc(100vw * 0.41); }
	#carousel-container-cp5_castslider-11 .cast-image{
		top: 10.7vw;
		left: 3.2vw;
		
	}
	#carousel-container-cp5_castslider-11 .cast-image img{
		width: 13.8vw;
		height: 18.4vw;
	}
	
	#carousel-container-cp5_castslider-11 .cast-section{
		top: 8vw;
		left: 20vw;
		width: 24vw;
	}
	#carousel-container-cp5_castslider-11 .cast-section .cast-name, #carousel-container-cp5_castslider-11 .cast-section .cast-size{
		font-size: 1.8vw;
	}
	#carousel-container-cp5_castslider-11 .cast-section .cast-icon .cast-icon-lists span{
		font-size: 1.5vw;
	}*/
	
}
@media screen and (max-width: 808px) {
	#cp5_castslider-11{
		width: 100%; 
		height: calc(100vw * 0.618);
	}
	#carousel-container-cp5_castslider-11 a{ height: calc(100vw * 0.618); }
	#carousel-container-cp5_castslider-11 .cast-image{
		top: 16vw;
		left: 4.5vw;
	}
	#carousel-container-cp5_castslider-11 .cast-section{
		/*top: 8vw;*/
		left: 28vw;
		/*width: 24vw;*/
	}
}

@media screen and (max-width: 767px) {
	#cp5_castslider-11{ width: 100%; height: calc(100vw * 0.86); }
	#carousel-container-cp5_castslider-11 a{ width: 100%; height: calc(100vw * 0.86); }
	#carousel-container-cp5_castslider-11 .cast-image{
		top: 23vw !important;
		left: 8.3vw !important;
	}
	#carousel-container-cp5_castslider-11 .cast-image img{
		width: 29vw !important;
		height: 39vw !important;
	}
	#carousel-container-cp5_castslider-11 .cast-section{
		top: 17vw;
		left: 45vw !important;
		width: 49vw;
	}
	#carousel-container-cp5_castslider-11 .cast-section .cast-name, #carousel-container-cp5_castslider-11 .cast-section .cast-size{
		font-size: 4vw;
	}
	#carousel-container-cp5_castslider-11 .cast-section .cast-icon .cast-icon-lists span{
		font-size: 3.2vw;
	}
}


#cp5_castslider-11 h2{
	display:none;
}
@media screen and (max-width: 559px) { #carousel-container-cp5_castslider-11 .cast-image{ left: 5.7vw; } }
@media screen and (max-width: 449px) {
	#carousel-container-cp5_castslider-11 .cast-image img{ width: 27vw; height: 36vw; }
	#carousel-container-cp5_castslider-11 .cast-section{ left: 40vw !important; width: 50vw; }
}
/**************************************************************
【新入生一覧】
**************************************************************/
#cp5_castslider-12{
	float:left;
	width: 325px;
	margin:0 0 10px 0;
}
#cp5_castslider-12 h2{
	/*background-image: url(/img/icon_school_building.png), url(/img/h2_bg.png);
	background-repeat: no-repeat;
	background-position: left top, right center;
	height: 60px;
	background-size: 60px,auto;*/
}
#cp5_castslider-12 h2 span{
	/*margin: -17px 0 0 40px;
	display: inline-block;
	font-size: 42px;
	background-image: linear-gradient( 45deg, #f5c23a 25%, #f1e35c 25%, #f1e35c 50%, #f5c23a 50%, #f5c23a 75%, #f1e35c 75%, #f1e35c );
	background-size: 15px 15px;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-stroke: 1px #444444;*/
}
#cp5_castslider-12 .owl-stage .owl-item{
	float:none;
	display:none;
	height: 146px;
	width: 325px !important;
	background-image: url("/img/student_card_bg.png");
	background-size: 325px 146px;
	background-repeat: no-repeat;
	position: relative;
}
#cp5_castslider-12 .owl-stage .owl-item:nth-child(1),
#cp5_castslider-12 .owl-stage .owl-item:nth-child(2),
#cp5_castslider-12 .owl-stage .owl-item:nth-child(3){
	display:block;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame{
	height: 146px;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a{
	height: 146px;
	width: 325px;
	display: inline-block;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a .cast-image{
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: relative;
	top: 33px;
	left: 12px;
	border: 1px solid #999999;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a .cast-image img{
	border: none;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a .cast-section{
	position: absolute;
    top: 37px;
    left: 125px;
    width: 180px;
    color: #444;
    font-weight: bold;
    font-size: 13px;
    overflow: hidden;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a .cast-section .cast-registdate{
	text-align:right;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a .cast-section .cast-name .new-icon{
	display:none;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a .cast-section .cast-messege{
	white-space: nowrap;
	/*overflow: hidden;
	text-overflow: ellipsis;*/
	background-color: #ff6e98;
	color: #ffffff;
	display: flex;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a .cast-section .cast-messege marquee{
	width:100%;
}
#cp5_castslider-12 .owl-stage .owl-item .cast-frame a .cast-section .cast-messege span{
	display: inline-block;
	/*transform: translateX(100%);
	animation: marquee1 10s linear infinite;*/
}
/*@keyframes marquee1 {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}*/

#custom_html-10 .textwidget{
	text-align: right;
}
#custom_html-10 .textwidget a{
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #ffffff;
}
#custom_html-10 .textwidget a:after{
	content: "▶";
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #fe9f1f;
}
@media screen and (max-width: 1214px) {
	#cp5_castslider-12{
		clear:both;
		float:none;
		width: 100%;
	}
	#cp5_castslider-12 .owl-stage{
		width: 100% !important;
		text-align: center;
	}
	#cp5_castslider-12 .owl-stage .owl-item:nth-child(1),
	#cp5_castslider-12 .owl-stage .owl-item:nth-child(2),
	#cp5_castslider-12 .owl-stage .owl-item:nth-child(3),
	#cp5_castslider-12 .owl-stage .owl-item:nth-child(4){
		display:inline-block;
	}
}
@media screen and (max-width: 767px) {
	#cp5_castslider-12{
		
		width: 100%;	
	}
}
/**************************************************************
【中バナー】
**************************************************************/
#custom_html-11{
	clear:both;
	background-image: url(/img/center_banner_bg.png);
    background-size: 100% 100%;
	padding: 2%;
}
#custom_html-11 .mt10{
	margin: 0 !important;
}
/*#custom_html-11 div#n2-ss-5 .n2-ss-slider-1{
	width: 97% !important;
    margin: 1rem auto 0 auto;
}*/
#custom_html-11 div#n2-ss-5 .n2-ss-control-bullet{
	justify-content: left;
	margin: 0 0 0 0 !important;
}
#custom_html-11 .n2-active, custom_html-11 .n2-ow .n2-bullet:hover{
	background-color:#ff6e98 !important;
}
#custom_html-11 .n2-ow .n2-bullet{
	padding: 0 0.8rem;
	border-radius: 0px;
}
#custom_html-11 .nextend-bullet-bar div div:before{
	display:inline-block;
	font-size:1.3rem;
	color:#ff6e98;
}
#custom_html-11 .n2-active:before, custom_html-11 .n2-ow .n2-bullet:hover:before{
	color:#ffffff !important;
}
#custom_html-11 .nextend-bullet-bar div:nth-child(1) div:before{ content:'1'; }
#custom_html-11 .nextend-bullet-bar div:nth-child(2) div:before{ content:'2'; }
#custom_html-11 .nextend-bullet-bar div:nth-child(3) div:before{ content:'3'; }
#custom_html-11 .nextend-bullet-bar div:nth-child(4) div:before{ content:'4'; }
#custom_html-11 .nextend-bullet-bar div:nth-child(5) div:before{ content:'5'; }
/**************************************************************
【本日の出席簿】
**************************************************************/
#cp5_schedule-5 h2{
	margin-bottom:0px;
}
#cp5_schedule-5 .query-count{
	margin: 0;
	font-weight:bold;
}
#cp5_schedule-5 ul{
	margin: 0;
	padding:0;
}
#cp5_schedule-5 ul li{
	background-color: #ff6e98;
	margin: 0 0.7% 2% 0;
	padding: 0;
	position: relative;
	width: 24.4%;
}
#cp5_schedule-5 ul li:nth-child(4),
#cp5_schedule-5 ul li:nth-child(8),
#cp5_schedule-5 ul li:nth-child(12),
#cp5_schedule-5 ul li:nth-child(16),
#cp5_schedule-5 ul li:nth-child(20),
#cp5_schedule-5 ul li:nth-child(24),
#cp5_schedule-5 ul li:nth-child(28),
#cp5_schedule-5 ul li:nth-child(32),
#cp5_schedule-5 ul li:nth-child(36),
#cp5_schedule-5 ul li:nth-child(40),
#cp5_schedule-5 ul li:nth-child(44),
#cp5_schedule-5 ul li:nth-child(48),
#cp5_schedule-5 ul li:nth-child(52),
#cp5_schedule-5 ul li:nth-child(56),
#cp5_schedule-5 ul li:nth-child(60),
#cp5_schedule-5 ul li:nth-child(64),
#cp5_schedule-5 ul li:nth-child(68),
#cp5_schedule-5 ul li:nth-child(72),
#cp5_schedule-5 ul li:nth-child(76),
#cp5_schedule-5 ul li:nth-child(80),
#cp5_schedule-5 ul li:nth-child(84),
#cp5_schedule-5 ul li:nth-child(88),
#cp5_schedule-5 ul li:nth-child(92),
#cp5_schedule-5 ul li:nth-child(96),
#cp5_schedule-5 ul li:nth-child(100){
	margin: 0 0 2% 0;
}
#cp5_schedule-5 ul li .cast-schedule-time{
	background-color:#ffffff;
	display: inline-block;
	padding: 0;
    margin: 0.5rem;
	font-weight: bold;
	width:75%;
}
#cp5_schedule-5 ul li .cast-schedule-time:before{
	display: inline-block;
    content: '';
    background-image: url(/img/icon_clock.png);
    background-size: 2.2rem;
    background-repeat: no-repeat;
	background-position: left top;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0.5rem;
    left: 0.3rem;
	background-color: #ff6e98;
}
#cp5_schedule-5 ul li .cast-schedule-time:after{
	display: inline-block;
    content: '';
    background-image: url(/img/icon_clock.png);
    background-size: 2.2rem;
    background-repeat: no-repeat;
	background-position: right top;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0.5rem;
    right: 0.3rem;
	background-color: #ff6e98;
}


#cp5_schedule-5 ul li .cast-image{
	padding: 2px;
	width:100%;
}
#cp5_schedule-5 ul li .cast-image img{
	border:none;
}

#cp5_schedule-5 ul li .cast-section:before{
	display:block;
	content:"";
	background-image: url(/img/ring_400x15.png);
	background-size:138%;
	background-repeat:no-repeat;
	height:1.8rem;
}
#cp5_schedule-5 ul li .cast-name{
    text-align: center;
    color: #000000;
    background-image: url(/img/ribon_400x85.png);
    background-size: 100%;
    width: 100%;
    height: 4.6rem;
    background-repeat: no-repeat;
    font-size: 16px;
}
#cp5_schedule-5 ul li .cast-name .name{
	display: inline-block;
    margin-top: 0.2rem;
}

#cp5_schedule-5 ul li .cast-name img{
	vertical-align:text-top;
}

#cp5_schedule-5 ul li .cast-size{
	text-align:center;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
}

#cp5_schedule-5 ul li .cast-section{
	overflow: hidden;
	width:100%;
	margin: 0 !important;
    padding: 0 !important;
}
#cp5_schedule-5 ul li .cast-messege{
	text-align:center;
	color:#ffffff;
	white-space: nowrap;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
	font-size: 14px;
	font-weight: bold;
	/*display:inline-block;*/
	/*transform: translateX(100%);
	animation: marquee2 5s linear infinite;*/
}
/*@keyframes marquee2 {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
  }
}*/
#cp5_schedule-5 ul li .cast-messege marquee{
	width:90%;
}

#cp5_schedule-5 ul li .cast-state-icon{
	display:block;
    position: relative;
    margin: 0.2rem;
    background-color: transparent !important;
    color: #000000;
    font-size: 14px;
	font-weight: bold;
	border-radius: 0;
	width: 98%;
    background-image: linear-gradient(-45deg, transparent 1rem, #ffffff 1rem);
    overflow: hidden;
	text-align: left;
}


#cp5_schedule-5 ul li .cast-state-icon .machihime-icon:before{
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    border-width: 0 0 1.3rem 1.3rem;
    border-style: solid;
	/*border-color: transparent #b5db7a transparent;*/
    box-shadow: 0 0 0.8rem #000;
}
#cp5_schedule-5 ul li .cast-state-icon .machihime-icon{
	/*border-left: 1rem solid #b5db7a;*/
	display: inline-block;
	margin: 0 0 0 -0.2rem;
	padding: 0 0 0 0.6rem;
	background-color: transparent !important;
	color: #000000;
	width: 92%;
	text-align: center;
}
/*付箋色*/
#cp5_schedule-5 ul li .cast-state-icon .icon_11{border-left: 1rem solid rgb(153, 153, 153);}/*これから登校*/
#cp5_schedule-5 ul li .cast-state-icon .icon_1{border-left: 1rem solid rgb(204, 0, 51);}/*出席中/即授業可*/
#cp5_schedule-5 ul li .cast-state-icon .icon_2{border-left: 1rem solid rgb(204, 102, 204);}/*授業中/この後予約可*/
#cp5_schedule-5 ul li .cast-state-icon .icon_23{border-left: 1rem solid rgb(30, 115, 190);}/*出席中*/
#cp5_schedule-5 ul li .cast-state-icon .icon_20{border-left: 1rem solid rgb(102, 204, 204);}/*ラスト枠／要生徒確認*/
#cp5_schedule-5 ul li .cast-state-icon .icon_21{border-left: 1rem solid rgb(51, 153, 153);}/*残りわずか*/
#cp5_schedule-5 ul li .cast-state-icon .icon_22{border-left: 1rem solid rgb(102, 153, 0);}/*時間割いっぱい*/
#cp5_schedule-5 ul li .cast-state-icon .icon_0{border-left: 1rem solid rgb(51, 51, 51);}/*本日下校済み*/
#cp5_schedule-5 ul li .cast-state-icon .icon_10{border-left: 1rem solid rgb(102, 102, 102);}/*本日欠席*/
#cp5_schedule-5 ul li .cast-state-icon .icon_24{border-left: 1rem solid rgb(226, 213, 29);}/*リクエスト予約*/
#cp5_schedule-5 ul li .cast-state-icon .icon_25{border-left: 1rem solid rgb(239, 114, 19);}/*出席一番枠予約可*/
/*付箋色折れ裏*/
#cp5_schedule-5 ul li .cast-state-icon .icon_11:before{border-color: transparent rgb(153, 153, 153) transparent;}/*これから登校*/
#cp5_schedule-5 ul li .cast-state-icon .icon_1:before{border-color: transparent rgb(204, 0, 51) transparent;}/*出席中/即授業可*/
#cp5_schedule-5 ul li .cast-state-icon .icon_2:before{border-color: transparent rgb(204, 102, 204) transparent;}/*授業中/この後予約可*/
#cp5_schedule-5 ul li .cast-state-icon .icon_23:before{border-color: transparent rgb(30, 115, 190) transparent;}/*出席中*/
#cp5_schedule-5 ul li .cast-state-icon .icon_20:before{border-color: transparent rgb(102, 204, 204) transparent;}/*ラスト枠／要生徒確認*/
#cp5_schedule-5 ul li .cast-state-icon .icon_21:before{border-color: transparent rgb(51, 153, 153) transparent;}/*残りわずか*/
#cp5_schedule-5 ul li .cast-state-icon .icon_22:before{border-color: transparent rgb(102, 153, 0) transparent;}/*時間割いっぱい*/
#cp5_schedule-5 ul li .cast-state-icon .icon_0:before{border-color: transparent rgb(51, 51, 51) transparent;}/*本日下校済み*/
#cp5_schedule-5 ul li .cast-state-icon .icon_10:before{border-color: transparent rgb(102, 102, 102) transparent;}/*本日欠席*/
#cp5_schedule-5 ul li .cast-state-icon .icon_24:before{border-color: transparent rgb(226, 213, 29) transparent;}/*リクエスト予約*/
#cp5_schedule-5 ul li .cast-state-icon .icon_25:before{border-color: transparent rgb(239, 114, 19) transparent;}/*出席一番枠予約可*/


#cp5_schedule-5 ul li .cast-state-messege{
	text-align:center;
	color:#ffffff;
	/*white-space: nowrap;*/
    /*overflow: hidden;
    text-overflow: ellipsis;*/
	font-size: 13px;
	font-weight: bold;
}

#cp5_schedule-5 ul li .marquee{
	height:0.4rem;
	display:none;
}
#cp5_schedule-5 .more-link{
	display:none;
	padding: 0;
}
/*#cp5_schedule-5 .more-link a{
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #ffffff;
}
#cp5_schedule-5 .more-link a:after{
	content: "▶";
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #fe9f1f;
}*/

@media screen and (max-width: 1214px) {
	#cp5_schedule-5 ul li .cast-schedule-time,
	#cp5_schedule-5 ul li .cast-name,
	#cp5_schedule-5 ul li .cast-size,
	#cp5_schedule-5 ul li .cast-messege,
	#cp5_schedule-5 ul li .cast-state-icon,
	#cp5_schedule-5 ul li .cast-state-messege,
	#cp5_schedule-5 ul li .cast-state-icon .machihime-icon{
		font-size: 1.2vw;
	}
	#cp5_schedule-5 ul li .cast-state-messege .mEx-time{
		font-size: 1.06vw;
	}
	#cp5_schedule-5 ul li .cast-name img{
		/*height: 1.5rem;*/
		width: 1.5vw;
	}
}


@media screen and (max-width: 915px) {
	#cp5_schedule-5 ul li .cast-schedule-time{
		/*padding: 0 3rem;*/
	}
	#cp5_schedule-5 ul li .cast-schedule-time:before,
	#cp5_schedule-5 ul li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
	#cp5_schedule-5 ul li .cast-name{
		height: 3.3rem;
	}
}
@media screen and (max-width: 767px) {
	#cp5_schedule-5 .query-count{
		display:none;
	}
	#cp5_schedule-5 ul{
		margin: 10px 0 0 0;
	}
	#cp5_schedule-5 ul li{
		display:none;
		width: 32.8%;
		clear: none;
	}
	#cp5_schedule-5 ul li:nth-child(1),
	#cp5_schedule-5 ul li:nth-child(2),
	#cp5_schedule-5 ul li:nth-child(3),
	#cp5_schedule-5 ul li:nth-child(4),
	#cp5_schedule-5 ul li:nth-child(5),
	#cp5_schedule-5 ul li:nth-child(6){
		display:block;
	}
	#cp5_schedule-5 ul li:nth-child(4){
		margin: 0 0.7% 2% 0;
	}
	#cp5_schedule-5 ul li:nth-child(3),
	#cp5_schedule-5 ul li:nth-child(6){
		margin: 0 0 2% 0;
	}
	#cp5_schedule-5 ul li .cast-schedule-time{
		width:80%;
		font-size: 11px;
	}
	#cp5_schedule-5 ul li .cast-schedule-time:before,
	#cp5_schedule-5 ul li .cast-schedule-time:after{
		width: 2.3rem;
		height: 2.3rem;
		background-size: 2.1rem;
	}
	#cp5_schedule-5 ul li .cast-name{
		height: 5.2rem;
	}
	#cp5_schedule-5 ul li .cast-name .name{
		margin-top: 0.5rem;
	}
	/*#cp5_schedule-5 ul li .cast-schedule-time,*/
	#cp5_schedule-5 ul li .cast-name,
	#cp5_schedule-5 ul li .cast-size,
	#cp5_schedule-5 ul li .cast-messege,
	#cp5_schedule-5 ul li .cast-state-icon,
	#cp5_schedule-5 ul li .cast-state-messege,
	#cp5_schedule-5 ul li .cast-state-icon .machihime-icon{
		font-size: 12px;
	}
	#cp5_schedule-5 ul li .cast-state-messege .mEx-time{
		font-size: 12px;
	}
	#cp5_schedule-5 ul li .cast-name img{
		/*height: 1.5rem;*/
		width: 15px;
	}
	#cp5_schedule-5 .more-link{
		display:block;
	}
}
@media screen and (max-width: 550px) {
	#cp5_schedule-5 ul li .cast-schedule-time:before,
	#cp5_schedule-5 ul li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
	#cp5_schedule-5 ul li .cast-name{
		height: 3.8rem;
	}
	#cp5_schedule-5 ul li .cast-name .name{
		margin-top: 0.4rem;
	}
}
@media screen and (max-width: 450px) {
	#cp5_schedule-5 ul li .cast-name{
		height: 3rem;
	}
	#cp5_schedule-5 ul li .cast-name .name{
		margin-top: 0;
	}
}
@media screen and (max-width: 400px) {
	#cp5_schedule-5 ul li .cast-schedule-time:before,
	#cp5_schedule-5 ul li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
}
/**************************************************************
【本日の出席簿ページ】
**************************************************************/
#post-11 h2{
	margin-bottom:0px;
}
#post-11 .query-count{
	margin: 0;
	font-weight:bold;
}
#post-11 #schedule-list{
	margin: 0;
	padding:0;
}
#post-11 #schedule-list li{
	background-color: #ff6e98;
	margin: 0 0.7% 2% 0;
	padding: 0;
	position: relative;
	width: 24.4%;
}
#post-11 #schedule-list li:nth-of-type(4n){
	margin: 0 0 2% 0;
}
#post-11 #schedule-list li .cast-schedule-time{
	background-color:#ffffff;
	display: inline-block;
	padding: 0;
    margin: 0.5rem;
	font-weight: bold;
	width:75%;
}
#post-11 #schedule-list li .cast-schedule-time:before{
	display: inline-block;
    content: '';
    background-image: url(/img/icon_clock.png);
    background-size: 2.2rem;
    background-repeat: no-repeat;
	background-position: left top;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0.5rem;
    left: 0.3rem;
	background-color: #ff6e98;
}
#post-11 #schedule-list li .cast-schedule-time:after{
	display: inline-block;
    content: '';
    background-image: url(/img/icon_clock.png);
    background-size: 2.2rem;
    background-repeat: no-repeat;
	background-position: right top;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0.5rem;
    right: 0.3rem;
	background-color: #ff6e98;
}


#post-11 #schedule-list li .cast-image{
	padding: 2px;
	width:100%;
}
#post-11 #schedule-list li .cast-image img{
	border:none;
}

#post-11 #schedule-list li .cast-section:before{
	display:block;
	content:"";
	background-image: url(/img/ring_400x15.png);
	background-size:138%;
	background-repeat:no-repeat;
	height:1.8rem;
}
#post-11 #schedule-list li .cast-name{
    text-align: center;
    color: #000000;
    background-image: url(/img/ribon_400x85.png);
    background-size: 100%;
    width: 100%;
    height: 4.6rem;
    background-repeat: no-repeat;
    font-size: 16px;
}
#post-11 #schedule-list li .cast-name .name{
	display: inline-block;
    margin-top: 0.2rem;
}

#post-11 #schedule-list li .cast-name img{
	vertical-align:text-top;
}

#post-11 #schedule-list li .cast-size{
	text-align:center;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
}

#post-11 #schedule-list li .cast-section{
	overflow: hidden;
	width:100%;
	margin: 0 !important;
    padding: 0 !important;
}
#post-11 #schedule-list li .cast-messege{
	text-align:center;
	color:#ffffff;
	white-space: nowrap;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
	font-size: 14px;
	font-weight: bold;
	/*display:inline-block;*/
	/*transform: translateX(100%);
	animation: marquee2 5s linear infinite;*/
}
/*@keyframes marquee2 {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
  }
}*/
#post-11 #schedule-list li .cast-messege marquee{
	width:90%;
}

#post-11 #schedule-list li .cast-state-icon{
	display:block;
    position: relative;
    margin: 0.2rem;
    background-color: transparent !important;
    color: #000000;
    font-size: 14px;
	font-weight: bold;
	border-radius: 0;
	width: 98%;
    background-image: linear-gradient(-45deg, transparent 1rem, #ffffff 1rem);
    overflow: hidden;
	text-align: left;
}


#post-11 #schedule-list li .cast-state-icon .machihime-icon:before{
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    border-width: 0 0 1.3rem 1.3rem;
    border-style: solid;
	/*border-color: transparent #b5db7a transparent;*/
    box-shadow: 0 0 0.8rem #000;
}
#post-11 #schedule-list li .cast-state-icon .machihime-icon{
	/*border-left: 1rem solid #b5db7a;*/
	display: inline-block;
	margin: 0 0 0 -0.2rem;
	padding: 0 0 0 0.6rem;
	background-color: transparent !important;
	color: #000000;
	width: 92%;
	text-align: center;
}
/*付箋色*/
#post-11 #schedule-list li .cast-state-icon .icon_11{border-left: 1rem solid rgb(153, 153, 153);}/*これから登校*/
#post-11 #schedule-list li .cast-state-icon .icon_1{border-left: 1rem solid rgb(204, 0, 51);}/*出席中/即授業可*/
#post-11 #schedule-list li .cast-state-icon .icon_2{border-left: 1rem solid rgb(204, 102, 204);}/*授業中/この後予約可*/
#post-11 #schedule-list li .cast-state-icon .icon_23{border-left: 1rem solid rgb(30, 115, 190);}/*出席中*/
#post-11 #schedule-list li .cast-state-icon .icon_20{border-left: 1rem solid rgb(102, 204, 204);}/*ラスト枠／要生徒確認*/
#post-11 #schedule-list li .cast-state-icon .icon_21{border-left: 1rem solid rgb(51, 153, 153);}/*残りわずか*/
#post-11 #schedule-list li .cast-state-icon .icon_22{border-left: 1rem solid rgb(102, 153, 0);}/*時間割いっぱい*/
#post-11 #schedule-list li .cast-state-icon .icon_0{border-left: 1rem solid rgb(51, 51, 51);}/*本日下校済み*/
#post-11 #schedule-list li .cast-state-icon .icon_10{border-left: 1rem solid rgb(102, 102, 102);}/*本日欠席*/
#post-11 #schedule-list li .cast-state-icon .icon_24{border-left: 1rem solid rgb(226, 213, 29);}/*リクエスト予約*/
#post-11 #schedule-list li .cast-state-icon .icon_25{border-left: 1rem solid rgb(239, 114, 19);}/*出席一番枠予約可*/
/*付箋色折れ裏*/
#post-11 #schedule-list li .cast-state-icon .icon_11:before{border-color: transparent rgb(153, 153, 153) transparent;}/*これから登校*/
#post-11 #schedule-list li .cast-state-icon .icon_1:before{border-color: transparent rgb(204, 0, 51) transparent;}/*出席中/即授業可*/
#post-11 #schedule-list li .cast-state-icon .icon_2:before{border-color: transparent rgb(204, 102, 204) transparent;}/*授業中/この後予約可*/
#post-11 #schedule-list li .cast-state-icon .icon_23:before{border-color: transparent rgb(30, 115, 190) transparent;}/*出席中*/
#post-11 #schedule-list li .cast-state-icon .icon_20:before{border-color: transparent rgb(102, 204, 204) transparent;}/*ラスト枠／要生徒確認*/
#post-11 #schedule-list li .cast-state-icon .icon_21:before{border-color: transparent rgb(51, 153, 153) transparent;}/*残りわずか*/
#post-11 #schedule-list li .cast-state-icon .icon_22:before{border-color: transparent rgb(102, 153, 0) transparent;}/*時間割いっぱい*/
#post-11 #schedule-list li .cast-state-icon .icon_0:before{border-color: transparent rgb(51, 51, 51) transparent;}/*本日下校済み*/
#post-11 #schedule-list li .cast-state-icon .icon_10:before{border-color: transparent rgb(102, 102, 102) transparent;}/*本日欠席*/
#post-11 #schedule-list li .cast-state-icon .icon_24:before{border-color: transparent rgb(226, 213, 29) transparent;}/*リクエスト予約*/
#post-11 #schedule-list li .cast-state-icon .icon_25:before{border-color: transparent rgb(239, 114, 19) transparent;}/*出席一番枠予約可*/


#post-11 #schedule-list li .cast-state-messege{
	text-align:center;
	color:#ffffff;
	/*white-space: nowrap;*/
    /*overflow: hidden;
    text-overflow: ellipsis;*/
	font-size: 13px;
	font-weight: bold;
}

#post-11 #schedule-list li .marquee{
	height:0.4rem;
	display:none;
}
#post-11 .more-link{
	display:none;
	padding: 0;
}

@media screen and (max-width: 1214px) {
	#post-11 #schedule-list li .cast-schedule-time,
	#post-11 #schedule-list li .cast-name,
	#post-11 #schedule-list li .cast-size,
	#post-11 #schedule-list li .cast-messege,
	#post-11 #schedule-list li .cast-state-icon,
	#post-11 #schedule-list li .cast-state-messege,
	#post-11 #schedule-list li .cast-state-icon .machihime-icon{
		font-size: 1.2vw;
	}
	#post-11 #schedule-list li .cast-state-messege .mEx-time{
		font-size: 1.06vw;
	}
	#post-11 #schedule-list li .cast-name img{
		/*height: 1.5rem;*/
		width: 1.5vw;
	}
}


@media screen and (max-width: 915px) {
	#post-11 #schedule-list li .cast-schedule-time{
		/*padding: 0 3rem;*/
	}
	#post-11 #schedule-list li .cast-schedule-time:before,
	#post-11 #schedule-list li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
	#post-11 #schedule-list li .cast-name{
		height: 3.3rem;
	}
}
@media screen and (max-width: 767px) {
	#post-11 #schedule-list{
		margin: 10px 0 0 0;
	}
	#post-11 #schedule-list li{
		/*display:none;*/
		width: 32.8%;
		clear: none;
	}

	#post-11 #schedule-list li:nth-of-type(4n){
		margin: 0 0.7% 2% 0;
	}
	#post-11 #schedule-list li:nth-of-type(3n){
		margin: 0 0 2% 0;
	}
	#post-11 #schedule-list li .cast-schedule-time{
		width:80%;
		font-size: 11px;
	}
	#post-11 #schedule-list li .cast-schedule-time:before,
	#post-11 #schedule-list li .cast-schedule-time:after{
		width: 2.3rem;
		height: 2.3rem;
		background-size: 2.1rem;
	}
	#post-11 #schedule-list li .cast-name{
		height: 5.2rem;
	}
	#post-11 #schedule-list li .cast-name .name{
		margin-top: 0.5rem;
	}
	/*#post-11 #schedule-list li .cast-schedule-time,*/
	#post-11 #schedule-list li .cast-name,
	#post-11 #schedule-list li .cast-size,
	#post-11 #schedule-list li .cast-messege,
	#post-11 #schedule-list li .cast-state-icon,
	#post-11 #schedule-list li .cast-state-messege,
	#post-11 #schedule-list li .cast-state-icon .machihime-icon{
		font-size: 12px;
	}
	#post-11 #schedule-list li .cast-state-messege .mEx-time{
		font-size: 12px;
	}
	#post-11 #schedule-list li .cast-name img{
		/*height: 1.5rem;*/
		width: 15px;
	}
	#post-11 .more-link{
		display:block;
	}
}
@media screen and (max-width: 550px) {
	#post-11 #schedule-list li .cast-schedule-time:before,
	#post-11 #schedule-list li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
	#post-11 #schedule-list li .cast-name{
		height: 3.8rem;
	}
	#post-11 #schedule-list li .cast-name .name{
		margin-top: 0.4rem;
	}
}
@media screen and (max-width: 450px) {
	#post-11 #schedule-list li .cast-name{
		height: 3rem;
	}
	#post-11 #schedule-list li .cast-name .name{
		margin-top: 0;
	}
}
@media screen and (max-width: 400px) {
	#post-11 #schedule-list li .cast-schedule-time:before,
	#post-11 #schedule-list li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
}
/**************************************************************
【学園写メ日記】
**************************************************************/
#custom_html-13 .textwidget{
	
}
#custom_html-13 .textwidget .mt15{
	overflow-y:hidden;
	margin-top: 10px !important;
}
#custom_html-13 .textwidget iframe{
	margin: -42px 0 0 0;
}

#custom_html-13 .more-link{
	padding: 0;
	margin: 0 !important;
}

#custom_html-13 .more-link a{
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #ffffff;
}
#custom_html-13 .more-link a:after{
	content: "▶";
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #fe9f1f;
}
/**************************************************************
【学園最新ニュース】
**************************************************************/
#cp5_news-6 ul{
	background-color: #ffffff;
	margin-bottom: 5px;
}
#cp5_news-6 .more-link{
	padding:0;
}
#cp5_news-6 .more-link a{
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #ffffff;
}
#cp5_news-6 .more-link a:before{
	content:'学園最新';
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #ffffff;
}
#cp5_news-6 .more-link a:after{
	content: "▶";
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #fe9f1f;
}
#cp5_news-6 .more-link a i{
	display:none;
}
/**************************************************************
【通信簿(口コミ)】
**************************************************************/
#cp5_uservoice-8 ul{
	background-color: #ffffff;
}
#cp5_uservoice-8 .more-link{
	margin:5px 0 0 0;
	padding:0;
}
#cp5_uservoice-8 .more-link a{
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #ffffff;
}
#cp5_uservoice-8 .more-link a:after{
	content: "▶";
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	background-color: #fe9f1f;
}
@media screen and (max-width: 767px) {
	/*スクロールがわかるアニメーション*/
	#cp5_uservoice-8 > div:nth-child(2){
		overflow-x: scroll; /* x方向にスクロール表示 */
		-webkit-overflow-scrolling: touch; /* スマホでスクロールをスムーズな動きにする */
		position: relative;
	}
	#cp5_uservoice-8 > div:nth-child(2):after {
		content:"＞"; /* 矢印 */
		position: absolute;
		right:0px; /* 初期位置 */
		font-size:40px; /* 大きさ */
		margin-top: -40px;
		top:50%;
		opacity: 0.6; /* 透明度100%で実質非表示 */
	}
	#cp5_uservoice-8 > div:nth-child(2).show:after {
		opacity: 0.2; /* 透明度の変化で表示させる */
		transition: .8s; /* アニメーション */
		right:5px; /* 移動 */
	}
	#cp5_uservoice-8 > div:nth-child(2).del:after { /* 矢印を隠す */
		display: none;
	}
	
	#cp5_uservoice-8 > div:nth-child(2)::-webkit-scrollbar { 
		height: 10px; 
	} 
	#cp5_uservoice-8 > div:nth-child(2)::-webkit-scrollbar-track { 
		margin: 0 2px; 
		background: #ccc; 
		border-radius: 5px; 
	} 
	#cp5_uservoice-8 > div:nth-child(2)::-webkit-scrollbar-thumb { 
		border-radius: 5px; background: #666; 
	}
	
	#cp5_uservoice-8 ul{
		width:167%;
		margin: 0;
		background-image: url(/img/profile_voice_bg.png);
		background-size: 100%;
		background-repeat: repeat-y;
		border: 1px solid #999999;
	}
	#cp5_uservoice-8 ul li{
		width:20%;
		clear:none;
	}
	#cp5_uservoice-8 ul li .voice-thumb,
	#cp5_uservoice-8 ul li .voice-section{
		width:100%;
	}
}
/**************************************************************
【最近チェック】【興味】【他ユーザー】
**************************************************************/
#custom_html-15 > .custom-html-widget > .columns{
	margin-bottom:20px;
}
#custom_html-15 h2{
	margin-bottom:0px;
}
#custom_html-15 ul{
	margin: 0;
	padding:0;
}
#custom_html-15 ul li{
	background-color: #ff6e98;
	margin: 0 0.7% 0 0;
	padding: 0;
	position: relative;
	width: 19.4%;
	height: auto;
	clear: none;
}
#custom_html-15 ul li .cast-frame{
	height: auto !important;
}
#custom_html-15 ul li:last-child{
	margin: 0 0 0 0;
}
#custom_html-15 ul li .cast-schedule-time{
	background-color:#ffffff;
	display: inline-block;
	padding: 0;
    margin: 0.5rem;
	width: 75%;
	font-weight: bold;
}
#custom_html-15 ul li .cast-schedule-time:before{
	display: inline-block;
    content: '';
    background-image: url(/img/icon_pencil.png);
    background-size: 2.2rem;
    background-repeat: no-repeat;
	background-position: left top;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0.5rem;
    left: 0.3rem;
	background-color: #ff6e98;
}
#custom_html-15 ul li .cast-schedule-time:after{
	display: inline-block;
    content: '';
    background-image: url(/img/icon_pencil.png);
    background-size: 2.2rem;
    background-repeat: no-repeat;
	background-position: right top;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0.5rem;
    right: 0.3rem;
	background-color: #ff6e98;
}


#custom_html-15 ul li .cast-image{
	padding: 2px;
}
#custom_html-15 ul li .cast-image img{
	border:none;
}

#custom_html-15 ul li .cast-section:before{
	display:block;
	content:"";
	background-image: url(/img/ring_400x15.png);
	background-size:138%;
	background-repeat:no-repeat;
	height:1.8rem;
}
#custom_html-15 ul li .cast-section{
	margin: 0 0 0 0;
	overflow:hidden;
	padding: 0;
}
#custom_html-15 ul li .cast-name, 
#custom_html-15 ul li .cast-size,
#custom_html-15 ul li .cast-messege{
	text-align:center;
}
#custom_html-15 ul li .cast-name{
    text-align: center;
    color: #000000;
    background-image: url(/img/ribon_400x85.png);
    background-size: 100%;
    width: 100%;
    height: 3.8rem;
    background-repeat: no-repeat;
    font-size: 16px;
	font-weight: bold;
}
#custom_html-15 ul li .cast-name .name {
    display: inline-block;
    /*margin-top: 0.2rem;*/
}
#custom_html-15 ul li .cast-name img{
	vertical-align: text-top;
}

#custom_html-15 ul li .cast-size{
	text-align:center;
	color:#ffffff;
	font-size: 15px;
	font-weight: bold;
}
#custom_html-15 ul li .cast-messege{
	text-align:center;
	color:#ffffff;
	white-space: nowrap;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
	font-size: 15px;
	font-weight: bold;
	/*display:flex;*/
	/*transform: translateX(100%);
	animation: marquee3 10s linear infinite;*/
}
/*@keyframes marquee3 {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
  }
}*/
#custom_html-15 ul li .cast-messege marquee{
	width: 90%;
}

#custom_html-15 ul li .cast-state-icon,
#custom_html-15 ul li .cast-state-messege{
	display:block;
    position: relative;
    margin: 0.2rem;
    border-left: 1rem solid #b5db7a;
    background-color: transparent !important;
    color: #000000;
    font-size: 13px;
	border-radius: 0;
	width: 98%;
    background-image: linear-gradient(-45deg, transparent 0.9rem, #ffffff 0.9rem);
    overflow: hidden;
	text-align: left;
}

#custom_html-15 ul li .cast-icon-lists .cast-icon{
	position:relative;
	display: none;
	margin: 0.2rem;
	background-color: #ffffff !important;
	color: #000000;
	width: 98%;
	text-align: left;
	/*padding: 0.2rem 0;*/
	border-radius: 0px !important;
	overflow: hidden;
	border: none;
	border-left: 1rem solid #b5db7a;
	font-size: 13px;
	color: #000000 !important;
}
#custom_html-15 ul li .cast-icon-lists .cast-icon:after{
	position: absolute;
	content: '';
	right: 0;
	bottom: 0;
	border-width: 0 0 1.3rem 1.3rem;
	border-style: solid;
	border-color: #ff6e98 #b5db7a;
	box-shadow: 0 0 0.8rem #000;
}
#custom_html-15 ul li .cast-icon-lists .cast-icon:nth-child(2),
#custom_html-15 ul li .cast-icon-lists .cast-icon:nth-child(3){
	display:block;
}


@media screen and (max-width: 1214px) {
	#custom_html-15 ul li .cast-schedule-time{
		font-size: 1.2vw;
		/*padding: 0 1.8rem;*/
	}
	#custom_html-15 ul li .cast-name,
	#custom_html-15 ul li .cast-size,
	#custom_html-15 ul li .cast-messege,
	#custom_html-15 ul li .cast-state-icon,
	#custom_html-15 ul li .cast-state-messege,
	#custom_html-15 ul li .cast-state-icon .machihime-icon,
	#custom_html-15 ul li .cast-state-messege .mEx-time{
		font-size: 1.2vw;
	}
	#custom_html-15 ul li .cast-name img{
		width: 1.5vw;
	}
	#custom_html-15 ul li .cast-icon-lists .cast-icon{
		font-size: 1.2vw;
	}
}


@media screen and (max-width: 915px) {
	#custom_html-15 ul li .cast-schedule-time{
		/*padding: 0 0.7rem;*/
	}
	
	#custom_html-15 ul li .cast-schedule-time:before,
	#custom_html-15 ul li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
	#custom_html-15 ul li .cast-name{
		height: 3rem;
	}
}
@media screen and (max-width: 767px) {
	/*スクロールがわかるアニメーション*/
	#custom_html-15 .profile-frame{
		overflow-x: auto; /* x方向にスクロール表示 */
		-webkit-overflow-scrolling: touch; /* スマホでスクロールをスムーズな動きにする */
		position: relative;
	}
	#custom_html-15 .profile-frame:after {
		content:"＞"; /* 矢印 */
		position: absolute;
		right:0px; /* 初期位置 */
		font-size:40px; /* 大きさ */
		margin-top: -40px;
		top:50%;
		opacity: 0.6; /* 透明度100%で実質非表示 */
	}
	#custom_html-15 .profile-frame.show:after {
		opacity: 0.2; /* 透明度の変化で表示させる */
		transition: .8s; /* アニメーション */
		right:5px; /* 移動 */
	}
	#custom_html-15 .profile-frame.del:after { /* 矢印を隠す */
		display: none;
	}
	
	#custom_html-15 ul{
		width:167%;
	}
	#custom_html-15 ul li{
		margin: 0 0.45% 0 0;
		width: 19.6%;
	}
	#custom_html-15 ul li .cast-schedule-time{
		width:80%;
	}
	#custom_html-15 ul li .cast-schedule-time:before,
	#custom_html-15 ul li .cast-schedule-time:after{
		width: 2.3rem;
		height: 2.3rem;
		background-size: 2.1rem;
	}
	#custom_html-15 ul li .cast-image {
		width:100%;
	}
	#custom_html-15 ul li .cast-section {
		width:100%;
	}
		#custom_html-15 ul li .cast-name{
		height: 5.2rem;
	}
	#custom_html-15 ul li .cast-name .name{
		margin-top: 0.5rem;
	}
	#custom_html-15 ul li .cast-schedule-time,
	#custom_html-15 ul li .cast-name,
	#custom_html-15 ul li .cast-size,
	#custom_html-15 ul li .cast-messege,
	#custom_html-15 ul li .cast-state-icon,
	#custom_html-15 ul li .cast-state-messege,
	#custom_html-15 ul li .cast-state-icon .machihime-icon{
		font-size: 12px;
	}
	#custom_html-15 ul li .cast-name img{
		/*height: 1.5rem;*/
		width: 15px;
	}
}
@media screen and (max-width: 550px) {
	#custom_html-15 ul li .cast-schedule-time:before,
	#custom_html-15 ul li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
	#custom_html-15 ul li .cast-name{
		height: 3.8rem;
	}
	#custom_html-15 ul li .cast-name .name{
		margin-top: 0.4rem;
	}
}
@media screen and (max-width: 450px) {
	#custom_html-15 ul li .cast-name{
		height: 3rem;
	}
	#custom_html-15 ul li .cast-name .name{
		margin-top: 0;
	}
}
@media screen and (max-width: 400px) {
	#custom_html-15 ul li .cast-schedule-time:before,
	#custom_html-15 ul li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
}
/**************************************************************
【女性求人】
**************************************************************/
.recruit_box {
 display: table;
 table-layout: fixed;
 text-align: center;
 width: 100%;
 font-size:12px;
 border-collapse: separate;
 border-spacing: 10px 6px;
}
.recruit_box div {
 display: table-cell;
 vertical-align: middle;
 background-color: #ff7095;
 height: 30px;
 font-size:12px;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;	
}
.recruit_box div a {
 display: block;
 width: 100%;
 color:#fff;
 font-size:12px;
 padding:5px;
}
.recruit_box div a:hover {
 display: block;
 width: 100%;
 color:#fff;
 font-size:12px;
 background-color: #f89d2f;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;	
}
           
/**************************************************************
【セレブ一覧】
**************************************************************/
.cast_block{
 text-align: center;
}

/**************************************************************
【LINE会員募集】
**************************************************************/
.line_main{
width:100%;
}
.line_main .system_point ul {
list-style:none;
width:100%;
margin:0 auto;
padding:0px;
}
.line_main .system_point ul li {
position:relative;
display: inline-block;
width:90%;
padding:30px;
letter-spacing:0;
vertical-align:top;
text-align:left;
border:1px solid #ccc;
box-sizing:border-box;
background-color:#fff;
margin:0px 0px 30px 0px;
}
.line_main .button01 {
display: inline-block;
width: 94%;
height: 62px;
text-align: center;
text-decoration: none;
line-height: 62px;
outline: none;
background-color: #000;
color: #fff;
font-size:18px;
}
.line_main .button01:hover {
background-color:#761c0c ;
}


/**************************************************************
【ランキング】
**************************************************************/
@media screen and (max-width: 767px) {
	/*スクロールがわかるアニメーション*/
	#post-12 .profile-frame{
		overflow-x: auto; /* x方向にスクロール表示 */
		-webkit-overflow-scrolling: touch; /* スマホでスクロールをスムーズな動きにする */
		position: relative;
	}
	#post-12 .profile-frame:after {
		content:"＞"; /* 矢印 */
		position: absolute;
		right:0px; /* 初期位置 */
		font-size:40px; /* 大きさ */
		margin-top: -40px;
		top:50%;
		opacity: 0.6; /* 透明度100%で実質非表示 */
	}
	#post-12 .profile-frame.show:after {
		opacity: 0.2; /* 透明度の変化で表示させる */
		transition: .8s; /* アニメーション */
		right:5px; /* 移動 */
	}
	#post-12 .profile-frame.del:after { /* 矢印を隠す */
		display: none;
	}
	
	#post-12 ul{
		width:167%;
	}
	#post-12 ul li{
		margin: 0 0.45% 0 0;
		width: 19.6%;
	}
	#post-12 ul li .cast-schedule-time{
		width:80%;
	}
	#post-12 ul li .cast-schedule-time:before,
	#post-12 ul li .cast-schedule-time:after{
		width: 2.3rem;
		height: 2.3rem;
		background-size: 2.1rem;
	}
	#post-12 ul li .cast-image {
		width:100%;
	}
	#post-12 ul li .cast-section {
		width:100%;
	}
		#post-12 ul li .cast-name{
		height: 5.2rem;
	}
	#post-12 ul li .cast-name .name{
		margin-top: 0.5rem;
	}
	#post-12 ul li .cast-schedule-time,
	#post-12 ul li .cast-name,
	#post-12 ul li .cast-size,
	#post-12 ul li .cast-messege,
	#post-12 ul li .cast-state-icon,
	#post-12 ul li .cast-state-messege,
	#post-12 ul li .cast-state-icon .machihime-icon{
		font-size: 12px;
	}
	#post-12 ul li .cast-name img{
		/*height: 1.5rem;*/
		width: 15px;
	}
}
@media screen and (max-width: 550px) {
	#post-12 ul li .cast-schedule-time:before,
	#post-12 ul li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
	#post-12 ul li .cast-name{
		height: 3.8rem;
	}
	#post-12 ul li .cast-name .name{
		margin-top: 0.4rem;
	}
}
@media screen and (max-width: 450px) {
	#post-12 ul li .cast-name{
		height: 3rem;
	}
	#post-12 ul li .cast-name .name{
		margin-top: 0;
	}
}
@media screen and (max-width: 400px) {
	#post-12 ul li .cast-schedule-time:before,
	#post-12 ul li .cast-schedule-time:after{
		width: 2rem;
		height: 2rem;
		background-size: 1.8rem;
	}
}