@charset "UTF-8";

html { height:100%; width:100%; }
* { margin: 0; padding: 0; font-size:14px; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif; list-style: none; }
body { font-size: 100%; background-attachment: scroll; overflow-x: hidden; -webkit-print-color-adjust: exact; -webkit-text-size-adjust: 100%; }
a { color: #000; text-decoration: none;}
a:visited { color: #000;}
a:hover { color:#888;}
a img:hover { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70);}
h1{ font-size:30px; font-weight:bold; font-family: 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Meiryo UI',sans-serif; text-align:center; }
h2{ font-size:26px; font-weight:bold; font-family: 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Meiryo UI',sans-serif; line-height:130%; }
h3{ font-size:20px; font-weight:bold; font-family: 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Meiryo UI',sans-serif; border-bottom:solid 1px #ccc; margin-top:20px; }
h4{ font-size:18px; font-weight:bold; font-family: 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Meiryo UI',sans-serif;}
p{ font-size:14px; }
.pcNo{ display:none; }
::selection { background:#39F; color:#fff; }
::-moz-selection { background:#39F; color:#fff; }
ul{ font-size:0; }
#container,#home{ width:100%; overflow:hidden; }
.none{ display:none; }



/*ヘッダー---*/
#header{ width:100%; overflow:hidden; position:fixed; background:rgba(255,255,255,0.9); z-index:100; border-bottom:solid 1px #ccc; }
#headerNavi { margin:0 auto !important; width:1000px; position:relative; font-size:12px; }
#headerNavi .logo img{ margin:8px 2%; width:100px !important; float:left; padding-right:15px;}
#headerNavi .logo p{ font-size:12px; line-height:150%; padding-top:5px; }
@media only screen and (max-width: 767px) {
#headerNavi .logo img {padding-left:2%; width:100px !important; }
#headerNavi { margin:0 auto !important; width:100%; position:relative; }
}
#gnaviBase { background:; padding:5px 0; margin-top:15px; }
#gnaviBase .gnavi { margin:0 auto !important; width:1000px; }
#gnaviBase ul{ text-align:center; }
#gnaviBase ul li{ display:inline-block; width:; text-align:center; border-right:solid 1px #888 !important; padding:0px 10px ;  }
#gnaviBase ul li a{ color:#FFF; font-size:14px !important; line-height:100%; display:block; line-height:160%; }
#gnaviBase ul li a:hover{ color:#ccc; }
#gnaviBase ul li img{ vertical-align:bottom; width:17px; }
#gnaviBase ul .end{ border-right:none !important; }
#header .logo img{ margin:5px 0; width:150px; }
#header .right{ position:absolute; right:0; top:0; }
#header .right li{ display:inline-block; vertical-align:top;  }
#header .right p{ line-height:160%; padding-top:10px; margin-right:10px; }
#header .right p a{ font-size:16px; display:block; color:#FF3089 !important; }
#header .right p span{ font-size:11px; }
#header .right .contact a{ background:#00A0E9; color:#fff; display:block; padding:5px 8px; margin-top:10px; border-radius: 0 0 3px  3px; color:#fff !important; font-size:14px !important; margin-left:2px; }
#header .right .logout a{ background:#888; color:#fff; display:block; padding:5px 8px; margin-top:10px; border-radius: 0 0 3px  3px; color:#fff !important; font-size:14px !important; margin-left:2px; }
@media only screen and (max-width: 767px) {
.pcNo{ display:inline !important; }
.sp-menu{ position:absolute; top:-10px; right:3%; }
.sp-menu a{ font-size:36px !important; background:#; color:#fff; line-height:150%; padding:0 10px 9px 10px; }
/* #gnaviBase {display: none; } */
#gnaviBase .gnavi { width:100%; }
#gnaviBase .gnavi li{ display:block; border-bottom:dotted 1px #888; text-align:left; border-right:none !important; }
#gnaviBase .gnavi li a{ padding:15px 1%; }
#gnaviBase .gnavi .end{ border:none; }
#header .right{ display:none; }
}

@media only screen and (max-width: 767px) {
/*フッターメニュー---*/
#buttom-button{ position:fixed; bottom:0; width:100%; z-index:100; }
#buttom-button ul{ width:100%; }
#buttom-button li{ display:inline-block; width:50%; text-align:center; }
#buttom-button .seminer a{ background:#4B8E47; color:#fff; display:block; padding:10px 0; }
#buttom-button .contact a{ background:#F39802; color:#fff; display:block; padding:10px 0; }
#buttom-button .seminer a:hover{ background:#444; }
#buttom-button .contact a:hover{ background:#444; }
}

.pagetop { display: none; position: fixed; bottom:30px; right: 15px; z-index:100; }
.pagetop a { border-radius:3px; display:block; background-color:#aaa; text-align:center; color:#222; font-size:12px; text-decoration:none; padding:15px 20px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; border-radius:100px; }
.pagetop a:hover { display: block; background-color: #333; text-align:center; color:#fff !important; font-size:12px; text-decoration:none; padding:15px 20px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
@media only screen and (max-width: 767px) {
.pagetop { display: none; position: fixed;  right: 15px; z-index:100; bottom:180px !important;  }
}
body{ color:#333 !important; line-height:180% !important; font-size:14px !important; }
body a{ color:#333 !important; }
a:hover img{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
img{ width:auto !important; }
ul { list-style: none !important; margin:0 !important; }
.brNo{ display:none; }
h3{ line-height:200% !important; }
.min{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important; }
@media only screen and (max-width: 767px) {
.brNo{ display:inline; }
.brPC{ display:none; }
}

/*PCサイズ*/
.inner{ width:99% !important;  margin:0 auto !important; }
@media only screen and (max-width:991px) {
.inner{ width:998% !important; min-width:none; }
.inner img{ width:90% !important; }
.footer-nav-inner img{ width:28px !important; }
.sp-margin{ width:99% !important; margin:0 auto !important; }
.home .sp-margin{ width:99% !important; margin:0 auto !important; }
.img-original img{ width:auto !important; }
}
.inner p{ margin:0 !important; padding:0 !important; line-height:180% !important; }
@media only screen and (max-width: 767px) {
.inner p{ font-size:16px !important; }
}

#main { padding-top:50px; }
@media only screen and (max-width: 767px) {
#main { padding-top:80px; }
}




/*ログイン*/
.login{ margin:0 auto !important; margin-top:30px !important; }
.login th{ text-align:right; }
.login td{ padding:3px; width:300px; padding-right:100px; }
.login input{ padding:3px; border:solid 2px #aaa; border-radius:5px; width:100%; }


/*履歴予定テーブル*/
table{ border-collapse:collapse; border-spacing: 0; font-size:13px !important; }
.history{ margin-top:30px; }
.history_list{ width:100%; font-size:13px !important; }
.history_list th{ border:solid 1px #aaa; border-top:none; border-left:none;  background:; font-size:13px !important; }
.history_list td{ border:solid 1px #aaa; border-left:none; border-bottom:none; padding:5px; font-size:13px !important; }
.future_list{ border:none !important;  width:100%; font-size:13px !important; margin-top:30px; }
.future_list th{ border:solid 1px #aaa; border-top:none; border-left:none; font-size:13px !important; }
.future_list td{ border:solid 1px #aaa; border-left:none; border-bottom:none; padding:5px; font-size:13px !important; }
.history,.future,.lesson_use{ padding:20px 0; }
.future p{ text-align:center; margin:30px 0 !important; }
.history .absent{ text-align:center;}
.cancel a{ background:#ccc; color:#fff; font-size:6px !important; display:block; text-align:center; border-radius:6px; line-height:120%; padding:5px 0; }
.cancel a:hover{ background:#ddd; }
.absence a{ background:#F39; color:#fff !important; font-size:6px !important; display:block; text-align:center; border-radius:6px; line-height:120%; padding:5px 0; }
.history .page{ text-align:right !important; padding-left:20px; margin-top:-20px; }
.history .page a{ padding:0 10px; }
.history p{ text-align:center; margin:30px 0 !important; }



/*レッスン選択*/
.resave ul{ text-align:center; }
.resave ul li{ display:inline-block; padding:0 5px; }
.bt-resave a{ border:solid 2px #10AAFF; border-radius:20px; background:#10AAFF; color:#fff !important; padding:5px; width:300px !important; display:block; }
.bt-resave :hover{ background:#fff; color:#10AAFF !important; }
@media only screen and (max-width: 767px) {
.resave ul{ width:100% !important;}
.resave ul li{ display:block; padding:5px 0;}
.bt-resave a{ width:96% !important; display:block; }
}

/*ログイン、ログアウト*/
.bt-logout { text-align:right !important; margin-right:1%; }
.bt-logout span{ padding:10px 10px 0 0 !important; line-height:180% !important; font-size:14px !important; }
.bt-logout a{ font-size:15px; color:#fff !important; background:#888; border-radius:20px; padding:5px 15px; }


#contact{ position:fixed; z-index:100 !important; right:-1px; top:350px; background:#ff2f89; border:solid #fff 1px; border-radius:10px 0 0 10px; padding:20px 10px 20px 15px; }
#contact:hover{ background:#888; }
#contact a h4{ color:#fff !important; font-size:18px !important; line-height:130% !important; padding-bottom:5px; }
#contact a p{ color:#fff !important; font-size:12px; line-height:120% !important; }
.bt-buy{ margin:0 auto !important; padding:5px 0 !important;  }
.bt-buy a{ background:#339967; color:#fff !important; font-size:14px; padding:5px; border-radius:5px !important; }
.bt-buy a:hover{ background:#333; }
@media only screen and (max-width: 767px) {
#contact{ padding:25px 15px 25px 15px; top:150px; top:inherit; bottom:20px !important; }
#contact a h4{ font-size:18px !important;}
#contact a p{  }
}

.center{ text-align:center; }
.top-slider-wrapper{ display:none; }/*必須*/


/*ここから*/


/*HOME-------*/
#home{ padding-top:97px; }
#home .in{ margin:0 auto !important; width:1000px; }
@media only screen and (max-width: 767px) {
#home{ padding-top:50px; }
#home .in{ margin:0 auto !important; width:96%; }
}
#home #group { margin-bottom:0px !important; text-align:center; background:url("../img/img-home.png");
 background-size:cover; height:420px; }
#home #group .fade { max-width:1000px; margin:0 auto !important; position:relative; height:420px; }
#home #group .fade h1{ width:auto !important; padding-top:30px; margin:0 auto !important; }
#home #group .fade .position{ position:absolute; right:0; bottom:30px; width:330px; overflow:hidden;
text-align:left; line-height:110%; }
#home #group .fade .position p{ line-height:120%; margin-top:0px; }
#home #group .fade .position img{ width:100% !important; }
#home #group .fade .position .position2 img{ width:100px !important; float:right; }
#home #group .pcNo{ display:none !important; }

@media only screen and (max-width: 850px) {
#home #group { height:600px; background-size:200%; background-repeat:no-repeat; }
#home #group .fade { width:100%; overflow:hidden; position:relative; height:580px; }
#home #group .fade h1 img{ width:90% !important; padding-top:10px; margin:0 auto !important; }
#home #group .fade .position{ width:70%; line-height:110%; padding:0 15%; }
#home #group .fade .position p{ font-size:14px !important; display:none; }
}

@media only screen and (max-width: 650px) {
#home #group { height:550px; background-size:200%; background-repeat:no-repeat; }
#home #group .fade { width:100%; overflow:hidden; position:relative; height:500px; }
#home #group .fade h1 img{ width:90% !important; padding-top:10px; margin:0 auto !important; }
#home #group .fade .position{ width:90%; line-height:110%; padding:0 5%; }
#home #group .fade .position p{ font-size:14px !important; display:none; }
}

@media only screen and (max-width: 767px) {
#home .fade .group{ top:15%; }
#home .fade .group ul li{ display:inline-block; width:70% !important; background:#F39902; margin:5px 0; }
#home .fade .group ul li a{ padding:10px; font-size:14px; }
}


/*フッター---------------------------------------------------------*/
.f-menu { background:#555 !important; padding-top:10px; }
.f-menu ul{ text-align:center; }
.f-menu ul li{ width:auto !important; padding:0 2% !important; border-right:solid 1px #ccc; display:inline-block; }
.f-menu ul .end{ border:none !important; }
.f-menu ul li a{ line-height:100%; color:#fff !important; }
.copy{ font-size:12px; margin-top:30px; }
@media only screen and (max-width: 767px) {
footer{ display:none; }
}
footer{ margin-top:0px !important; background:#ccc !important; }
footer .inner{ text-align:center;  padding:20px 0 !important; }
.copyright small { line-height:500% !important; font-size:12px; }
.footer-gallery,.footer-content{ display:none; }
footer{ margin-bottom:-40px !important; }


.bg-gray{ background:#f8f8f8; padding:40px 0 40px;}
.bg-white{ background:; padding:40px 0 40px;}
.bg-white-top{ background:; padding:0 0 40px !important; margin-top:-10px !important; }
.bg-photo{ background:url("https://brothers.heteml.net/1week-tint.com/assets/img/img-home2.jpg"); background-size:cover; background-position:center; padding:40px 0 40px; }
.bg-faq{ background:url("https://brothers.heteml.net/1week-tint.com/assets/img/faq2.png") ; min-height:100vh; background-attachment: fixed;
 background-size:100%; background-repeat:no-repeat; background-position:bottom right; }
.bg-red01{ background:#FF3089 !important; padding:40px 0 40px; color:#fff;}
.bg-orange{background:#F90; padding:40px 0 40px; color:#fff;}
@media only screen and (max-width: 767px) {
.bg-white-top{ margin-top:40px; }
}


/*サブメニュー　アイコン*/
#sub-nemu{ width:100%; display:block; overflow:hidden; }
#sub-nemu ul{ overflow:hidden; }
#sub-nemu li{ display:inline-block; }
#sub-nemu .left{ float:left; bottom:0; width:65%; }
#sub-nemu .right{ float:right; bottom:0; }
#sub-nemu .date{ float:right; bottom:0; font-size:18px; }
#sub-nemu .date a{ color:#10AAFF !important; font-size:26px; }
#sub-nemu select[name="fruit"]{ color:#10AAFF; border:solid 2px #10AAFF; border-radius:3px; padding:3px 5px; font-size:16px }
#sub-nemu h2{ font-size:20px !important; font-weight:bold !important; }
#sub-nemu h5{ font-size:16px !important; font-weight:bold !important; padding-top:15px !important; }
#sub-nemu h5 span{ font-size:13px !important; }
#sub-nemu .name{ font-size:14px; padding-top:5px !important; }
#sub-nemu table .on a{ color:#00A0E9 !important; }
#sub-nemu table td { overflow:hidden; }
#sub-nemu table td a i{ display:block !important; text-align:center; }
#sub-nemu table td a{ font-size:6px; text-align:center !important; padding:0 13px; }
#sub-nemu table td a:hover{ color:#00A0E9 !important; }
#sub-nemu li i{ text-align:centert; font-size:30px !important; margin-left:-10px; }
@media only screen and (max-width: 767px) {
#sub-nemu li{ width:100%; }
#sub-nemu p{ font-size:13px !important; }
#sub-nemu .date{ text-align:center; }
#sub-nemu .right{ z-index:100; position:fixed; left:0; bottom:0; width: 100%; background:#fff; border-top:solid 1px #ccc; }
#sub-nemu .left{ float:none; bottom:0; width:100%; }
#sub-nemu .right table{ margin:0 auto; margin-top:-10px; }
#sub-nemu table td a{ padding:0 20px; }
}


/*------------------------------------------------
生徒
-------------------------------------------------*/
/*タブ切り替え*/
#schedule{ margin-top:10px; }
#schedule ul{ margin: 0; padding: 0; list-style-type: none; }
#schedule .wrap-tab{ overflow: hidden; }
#schedule .list-tab{ display: flex; font-size:16px !important; line-height:130%; font-weight:700 !important; }
#schedule .list-tab > li{
  display: block;
  padding: 0.5em 1em;
  margin: 0 2px;
  width: 100%;
  color: 000;
  text-align: center;
  border:solid 2px #ccc; background: #f8f8f8;
  box-sizing: border-box;
  cursor: pointer;
  border-radius:5px 5px 0 0;
}
#schedule .list-tab .active{ border:solid 2px #ccc; background: #fff; border-bottom:solid 1px #fff; }
#schedule .tab-content{ display: none; padding: 0; }
#schedule .tab-content.active{ display: block; }
#schedule .tab-content p{ text-align:left;  padding:20px 0 !important; font-size:12px !important; }
.select_primary input[type="submit"]{ background:#0E4795 !important; text-align:center; display:block; width:100%; color:#fff; padding:10px !important; border-radius:3px !important; }

/*プロフィール*/
.waku-blue{ border:#00A0E9 solid 2px; background:#f8f8f8; border-radius:8px; padding:15px; margin:10px 0 20px; }
.waku-red{ border:#FB017C solid 2px; background:#f8f8f8; border-radius:8px; padding:15px; margin:10px 0 20px; }
.waku-blue li{ display:inline-block; }
.profile table{ width:100%; }
.profile table th{ text-align:left; padding:3px; width:180px; }
.profile table br{ display:none; }
.profile table td{ text-align:left; padding:5px; }
.profile .waku-pw{ background:#fff; border:solid 1px #ccc; padding:8px !important; margin:10px 0; border-radius:8px; }
.profile .waku-pw table{ width:100%; }
.profile .waku-pw table th{ text-align:left; width:180px; padding:8px !important; }
.profile .waku-pw table td{ text-align:left; padding:0 !important; }
.profile .waku-pw table .border{ border-bottom:solid 1px #ccc; }
.profile input{ margin-left:5px !important; padding:3px !important; border:solid 2px #ccc; border-radius:3px; }
.profile input[ name="email" ]{ width:50%; }
.profile input[ name="age" ]{ width:50px; }
.profile input[ name="add" ]{ width:70%; }
.profile hr{ margin:10px 0; }
@media only screen and (max-width: 767px) {
.profile table br{ display:inline !important; }
.profile table th{ width:100%; display:block; padding:0; }
.profile table td{ width:100%; display:block; padding:0 !important; }
.profile .waku-pw table th{ padding:0 !important; }
.profile .waku-pw table .border{ border-bottom:none; }
.profile input{ margin-left:0 !important;}
.profile input[ name="name" ]{ width:70%; margin-left:5px !important; margin:2px 0; }
.profile input[ name="email" ]{ width:95%; }
.profile input[ name="age" ]{ width:50px; }
.profile input[ name="add" ]{ width:95%; }
.profile input[ name="tel" ]{ width:95%; }
.profile input[ type="password" ]{ width:95%; }
}

/*ボタン各種*/
.bt-login { text-align:center !important; }
.bt-login a{ background:#00A0E9; color:#fff !important; border-radius:30px; padding:5px; display:block; width:20%; margin:0 auto; }
.bt-base { text-align:center; }
.bt-base span { font-size:13px; padding-right:5px; }
.bt-base a{ background:#888 !important; border-radius:30px; color:#fff !important; padding:5px 10px; margin:0 auto !important; margin-top:30px; font-size:14px !important; }
.bt-done{ padding:0px 0 20px 0; }
.bt-done a{ background-color:#FB017C !important; border-radius:30px; margin-top:30px; text-align:center; color:#fff !important; display:block; font-size:16px; padding:8px; }
.bt-done a:hover{ background-color:#333 !important; }
.bt-cancel a{ background-color:#888 !important; border-radius:30px; margin-top:30px; text-align:center; color:#fff !important; display:block; font-size:16px; padding:8px; }
.bt-cancel a:hover{ background-color:#555 !important; }
@media only screen and (max-width: 767px) {
.bt-done{ padding:0px 0 20px 0; }
}
.bt-add{ margin:0 auto !important; text-align:center;  width:250px !important; padding:5px 0 !important;  }
.bt-add a{ background:#FB017C; color:#fff !important; font-size:14px; padding:5px 20px; display:block; border-radius:30px; }
.bt-add a:hover{ background:#333; }
.bt-buy{ margin:0 auto !important; padding:5px 0 !important;  }
.bt-buy a{ background:#339967; color:#fff; font-size:14px; padding:5px; }
.bt-buy a:hover{ background:#333; }

/*チケット購入*/
.buy_ticket{ text-align:center; margin:20px 0; font-size:16px; font-weight:700; border:solid 1px 0 1px 0; }
.buy_ticket ul{ text-align:center; }
.buy_ticket ul li{ display:inline-block; padding:10px; }
.bt-ticketbuy a{ background:#0098DA; color:#fff !important; font-size:14px; padding:8px; border-radius:20px !important; display:block; width:300px !important; }
.bt-ticketbuy a:hover{ background:#888; color:#fff !important; }
@media only screen and (max-width: 767px) {
.buy_ticket ul{ width:100% !important;}
.buy_ticket ul li{ display:block; padding:5px 0;}
.buy_ticket a{ width:96% !important; display:block; }
}

/*チケット選択、生徒情報枠*/
.select_primary{ background:#f3f3f3; border:solid 2px #00A0E9; padding:10px; border-radius:8px; margin:10px 0 !important; }
.select_primary br{ display:none; }
.select_primary li{ padding:3px; font-size:14px; }
.lesson_use hr{ margin:10px 0; }
.waku{ background:#fff; border:solid 2px #ccc; padding:15px; margin:0 !important; }
.select_primary { margin:0 auto !important; }
.select_primary input[type="button"] {text-align:center !important; display:block !important; background:#0098DA; border-radius:10px; border:none; color:#fff; margin:0 auto !important; }
.select_primary h5{ font-size:17px !important; }
.select_primary h5 span{ font-size:14px !important; }
.select_primary .red{ font-size:14px !important; }
.select_primary input[type="button"]{ display:block; width:40%; padding:10px 20px; border-radius:20px; margin-top:10px !important; }
.select_primary input[type="submit"]{ display:block; border:none; width:40%; padding:10px 20px; border-radius:20px !important; margin-top:10px !important; background:#0098DB !important; margin:0 auto !important; }
@media only screen and (max-width: 767px) {
.select_primary { line-height:150%; }
.select_primary br{ display:inline !important; }
}

/*講師から、カレンダーから選ぶ*/
.t_choose{ margin-top:20px; }
.t_choose ul{ text-align:center;  margin:0; padding:0; list-style:none; }
.t_choose ul li:hover{ background:#F8F8F8; }
.t_choose ul li{ display:inline-block; font-size:14px; border:solid 2px #ccc; border-radius:5px; width:30%; padding:5px; margin:5px 0.5%; }
.t_choose ul li a{ display:block; font-size:14px; background:#10AAFF; padding:5px; color:#fff !important; border-radius:205px; }
.bt-back { text-align:center; }
.bt-back a{ font-size:14px; border:solid 2px #E75297; margin:0 auto; color:#E75297 !important; padding:8px 15px; border-radius:20px; }
.bt-back a:hover{ border:solid 2px #E75297; }
@media only screen and (max-width: 767px) {
.t_choose ul li{ display:inline-block; width:95%; padding:5px; margin:5px 0%; }
}

.red{ color:#F06 !important; }
.blue{ color:#0098D9 !important; }
.green{ color:#390 !important; }
.orange{ color:#F60 !important; }
.gray{ color:#888 !important; }
.w100pr img{ width:auto !important; }

/*オーバーレイ*/
#fullOverlay{
  position: fixed;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(000, 000, 000, .8);
  z-index:1000;
  color:#fff;
}
#fullOverlay .text{ color:#fff; text-align:center; vertical-align: middle; margin-top:35%; font-size:14px;  }
#fullOverlay h2{ font-size:20px; color:#fff; text-align:center; margin-top:10%; }
#fullOverlay hr{ marging:10px 0; }
#fullOverlay table{ padding:10px 0 !important; }
#fullOverlay th{ text-align:left; }
#fullOverlay td{ text-align:left; }
#fullOverlay .bt-cancel a{ background:#F06 !important; border:solid 2px #F06;  }
#fullOverlay .bt-cancel a:hover{ border:solid 2px #fff; }
#fullOverlay .bt-back a{ color:#fff !important; border:solid 2px #fff; }

/*オーバーレイ／キャンセル＆欠席＆メッセージ*/
#fullOverlay2{
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(888, 888, 888, .8);
  z-index:1000;
  color:#000;
}
#fullOverlay2 h2{ font-size:20px; color:#000; text-align:center; margin-top:10%; }
#fullOverlay2 hr{ marging:10px 0; }
#fullOverlay2 table{ padding:10px 0 !important; }
#fullOverlay2 th{ text-align:left; }
#fullOverlay2 td{ text-align:left; }
#fullOverlay2 .bt-cancel a{ background:#F06 !important;  }
#fullOverlay2 .bt-cancel a:hover{ background:#333 !important; }


/*------------------------------------------------
講師
-------------------------------------------------*/
.tubicon{ margin-top:20px; }
.tubicon td { text-align:center; padding:0 5px 0 10px; }
.tubicon td i{ font-size:30px !important; }
.tubicon td span{ font-size:9px !important; }
.tubicon .on a{ color:#00A1E9 !important; }
.tubicon  a:hover{ color:#00A1E9 !important; }

#members_schedule { margin-top:10px !important; border:solid 1px;  }
.download select{ width:100%; font-size:14px; padding:8px 10px; margin-top:15px; border-radius:8px; border:solid 2px #ccc; }
.date-nav{ padding:20px 0; overflow:hidden; }
.date-navi table{ float:left; }
.date-navi .date{ float:right; font-size:18px; margin-top:20px; }
.date-navi .date a{ color:#10AAFF !important; font-size:26px; }
.date-navi .date select[name="fruit"]{ color:#10AAFF; border:solid 2px #10AAFF; border-radius:3px; padding:3px 5px; font-size:16px }
@media only screen and (max-width: 767px) {
.date-navi table{ float:none; }
.date-navi .date{ float:none; text-align:center; margin-top:-10px; }
}

/*レッスン内容popup*/
.ModalLayer { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; transition: opacity 0.65s; pointer-events: none; opacity: 0; z-index: 10000; }
.ModalLayer.isShow { transition: opacity 0.65s; pointer-events: auto;  opacity: 1; }
.ModalLayer-Mask { position: absolute; background: rgba(fff,fff,fff,0.5); width: 100%; height: 100vh; }
.ModalLayer-Inner { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 500px; transform: translate(-50%, -50%); }
.ModalLayer-Inner .waku-blue { margin-left: auto; margin-right: auto; padding-top: 10px; max-width: 400px; border:solid 2px #10AAFF; background:#f8f8f8; border-radius:10px; line-height:140%; }
.ModalLayer-Inner .waku-blue h4 { font-size:16px !important; line-height:140%; text-align:left; }
.ModalLayer-Inner .waku-blue div { font-size:13px !important; line-height:140%; border-bottom:solid 1px #ccc; text-align:left; }
.ModalLayer-Inner .waku-blue div div { border:none !important; margin-top:10px; }
.ModalLayer-Inner .waku-blue p { font-size:13px !important; line-height:140%; border-bottom:solid 1px #ccc; text-align:left; }
.ModalLayer-Inner .waku-blue i { text-align:left; }
.ModalLayer-Inner .waku-blue i:hover { color:#0098D9; }
.ModalLayer-Inner .waku-blue details { text-align:left !important; padding-bottom:10px; transition: .5s; }
.ModalLayer-Inner .waku-blue details summary{ text-align:left !important; }
.ModalLayer-Inner .waku-blue details summary input[type="text"]{ border:solid 2px #ccc !important; margin-left:5px; }
.ModalLayer-Inner .waku-blue .bt-blue a{ background:#0098D9 !important; color:#fff !important; padding:3px 5px;}
@media screen and (max-width: 768px) {
.ModalLayer-Inner .waku-blue { width:80%; }
}
/*講師カレンダー*/
.calendar-in table{ width:100%; margin-top:20px !important; }
.calendar-in table tr{ text-align:center; }
.calendar-in table th{ border:solid 1px #bbb; text-align:center; border-top:none; border-left:none; font-size:14px; }
.calendar-in table td{ border:solid 1px #bbb; text-align:center; border-left:none; border-bottom:none; font-size:10px !important; vertical-align:top; }
.calendar-in table .expired{ background:#eee; font-size:10px !important; }
.calendar-in table .close{ background:#eee; font-size:10px !important; }
.calendar-in table .open{ background:#10AAFF; }
.calendar-in table .you{ background:#FF6; font-size:10px !important; }
.calendar-in table .open a{ font-size:10px !important; display:block !important; }
.calendar-in table .you a{ background:#FF6; display:block !important;}
.calendar-in table td:hover{ background:#10AAFF; font-size:10px !important;}



/*------------------------------------------------
管理者
-------------------------------------------------*/
#sub-nemu .date-m{ float:right; bottom:0; font-size:18px; }
#sub-nemu .date-m a{ color:#10AAFF !important; font-size:26px; }
#sub-nemu .date-m span{ color:#10AAFF !important; font-size:18px; }

.m-w30pr{ margin:0 !important; }
.m-w30pr ul { text-align:center; }
.m-w30pr ul li{ border:solid 2px #09F; width:30%; margin:0 .5%; display:inline-block; vertical-align:top; padding:8px 0.5% !important; margin-bottom:25px; text-align:left !important; height:200px; border-radius:8px; }
.m-w30pr ul li img{ width:auto !important; margin:0 auto !important; padding:0 0 10px 0 !important; }
.m-w30pr ul li h3{ margin:5px !important; text-align:left !important; line-height:140% !important; font-size:18px !important; }
.m-w30pr ul li h3 i{ font-size:22px !important; padding-right:8px; }
.m-w30pr ul li p{ margin:0 !important; text-align:left !important; line-height:160% !important; }
.m-w30pr ul li a:hover{ color:#00A1E9 !important; }
@media only screen and (max-width: 767px) {
.m-w30pr ul{ text-align:center; }
.m-w30pr ul li{ width:100%; display:inline-block; vertical-align:top; padding:0 0 0 !important; margin-bottom:10px; }
.m-w30pr ul li img{ width:100%; margin:0 auto !important; padding-bottom:15px; display:block; }
}

.student_list{ border:none !important;  width:100%; font-size:13px !important; margin-top:30px; }
.student_list th{ border:solid 1px #aaa; border-top:none; border-left:none; font-size:13px !important; }
.student_list i{ font-size:15px !important; margin-right:10px; }
.student_list i:hover{ color:#10AAFF; }
.student_list td{ border:solid 1px #aaa; border-left:none; border-bottom:none; padding:5px; font-size:13px !important; line-height:130%; }
@media only screen and (max-width: 767px) {
.student_list td{ font-size:12px !important; }
}

.school_search{ padding:10px 0 !important; }
.school_search select{ border:solid 2px #ccc; border-radius:3px; padding:4px; }
.school_search input{ border:solid 2px #ccc; border-radius:3px; padding:2px; width:300px; }

select[name="school"]{ border:solid 2px #ccc; padding:5px; border-radius:3px;}
select[name="ticket"]{ border:solid 2px #ccc; padding:5px; border-radius:3px;}
select[name="ticket_mai"]{ border:solid 2px #ccc; padding:5px; border-radius:3px; width:50px; margin:0 5px 0 0 ; }

.blue a{ color:#00A1E9 !important; }
.room_block table{ width:100%; }
.room_block table td{ padding:5px 0 !important; border-top:solid 1px #ccc; }

.calendar-block table{ width:100%; margin-top:20px !important; }
.calendar-block table tr{ text-align:center }
.calendar-block table th{ border:solid 1px #bbb; text-align:center; border-top:none; border-left:none; font-size:14px; }
.calendar-block table td{ border:solid 1px #bbb; text-align:center; border-left:none; border-bottom:none; font-size:12px; vertical-align:top; }
.calendar-block table .expired{ background:#eee; font-size:10px !important; }
.calendar-block table .close{ background:#ccc; font-size:10px !important; }
.calendar-block table .open:hover{ background:#00A0E9; }
.calendar-block table .you{ background:#FF6; font-size:10px !important; }
.calendar-block table .open a{ font-size:10px !important; display:block !important; }
.calendar-block table .you a{ background:#FF6; display:block !important;}

/**/
.calendar-block-week table{ width:100%; margin-top:20px !important; }
.calendar-block-week table tr{ text-align:center }
.calendar-block-week table th{ border:solid 1px #bbb; text-align:center; border-top:none; border-left:none; font-size:14px; }
.calendar-block-week table td{ border:solid 1px #bbb; text-align:center; border-left:none; border-bottom:none; font-size:12px; vertical-align:top; }
.calendar-block-week table .expired{ background:#eee; font-size:10px !important; }
.calendar-block-week table .close{ background:#ccc; font-size:10px !important; }
.calendar-block-week table .you{ background:#FF6; font-size:10px !important; }
.calendar-block-week table .open a{ font-size:10px !important; display:block !important; }
.calendar-block-week table .you a{ background:#FF6; display:block !important;}
.calendar-block-week table .today a{ color:#0098D8 !important; }
.calendar-block-week table th a:hover{ color:#0098D8 !important; }

.calendar-block-day table{ width:100%; margin-top:20px !important; }
.calendar-block-day table tr{ text-align:center }
.calendar-block-day table th{ border:solid 1px #bbb; text-align:left; border-top:none; border-left:none; font-size:14px; padding:0 10px; }
.calendar-block-day table td{ border:solid 1px #bbb; text-align:center; border-left:none; border-bottom:none; font-size:12px; vertical-align:top; }
.calendar-block-day table .time{ width:8%; }
.calendar-block-day table .today{ width:92%; }
.calendar-block-day table .expired{ background:#eee; font-size:10px !important; }
.calendar-block-day table .close{ background:#ccc; font-size:10px !important; }
.calendar-block-day table .you{ background:#FF6; font-size:10px !important; }
.calendar-block-day table .open a{ font-size:10px !important; display:block !important; }
.calendar-block-day table .you a{ background:#FF6; display:block !important;}
.calendar-block-day table .today a{ color:#0098D8 !important; }
.calendar-block-day table th a:hover{ color:#0098D8 !important; }

.calendar-block-list table{ width:100%; margin-top:20px !important; }
.calendar-block-list table tr{ text-align:center }
.calendar-block-list table th{ border:solid 1px #bbb; text-align:left; border-top:none; border-left:none; font-size:14px; padding:0 10px; }
.calendar-block-list table td{ border:solid 1px #bbb; text-align:left; border-left:none; border-bottom:none; font-size:13px; vertical-align:top; padding:5px 10px; }
.calendar-block-list table .day{ width:8%; font-size:16px !important; }
.calendar-block-list table .day span{ font-size:12px !important; }
.calendar-block-list table .today{ width:92%;}
.calendar-block-list table .past{ color:#888; }
.calendar-block-list table a{ }
.calendar-block-list table th a:hover{ color:#0098D8 !important; }


/*レッスン可能*/
.calendar-block-week table td{ position:relative; font-size:9px !important; }
/*30分*/
.av01-30{ position:absolute; top:0; left:0; background:#fff; border:solid 2px #F06; width:40%; height:50px;font-size:9px !important; }
.av02-30{ position:absolute; top:0; left:0; background:#fff; border:solid 1px #0098D9; width:40%; height:50px;font-size:9px !important; }
.av03-30{ position:absolute; top:0; left:0; background:#fff; border:solid 1px #390; width:40%; height:50px;font-size:9px !important; }
.av04-30{ position:absolute; top:0; left:0; background:#fff; border:solid 1px #FF6701; width:40%; height:50px;font-size:9px !important; }
.av05-30{ position:absolute; top:0; left:0; background:#fff; border:solid 1px #888; width:40%; height:50px;font-size:9px !important; }
/*45分*/
.av01-45{ position:absolute; top:0; left:0; background:#fff; border:solid 1px #F06; width:40%; height:75px; }
/*60分*/
.av01-60{ position:absolute; top:0; left:0; background:#fff; border:solid 1px #F06; width:40%; height:288px; }
/*90分*/
.av01-90{ position:absolute; top:0; left:0; background:#fff; border:solid 2px #F06; width:40%; height:180px;font-size:9px !important; }
.av02-90{ position:absolute; top:0; left:0; background:#fff; border:solid 2px #0098D9; width:40%; height:180px;font-size:9px !important; }
.av03-90{ position:absolute; top:0; right:0; background:#fff; border:solid 2px #390; width:40%; height:180px;font-size:9px !important; }
/*120分*/
.av01-120{ position:absolute; top:0; right:0; background:#fff; border:solid 2px #F06; width:40%; height:230px;font-size:9px !important; }
.av02-120{ position:absolute; top:0; right:0; background:#fff; border:solid 2px #0098D9; width:40%; height:230px;font-size:9px !important; }
.av03-120{ position:absolute; top:0; right:0; background:#fff; border:solid 2px #390; width:40%; height:230px;font-size:9px !important; }
.av04-120{ position:absolute; top:0; left:30%; background:#fff; border:solid 2px #FF6701; width:40%; height:230px;font-size:9px !important; }
.av05-120{ position:absolute; top:0; right:0; background:#fff; border:solid 2px #888; width:40%; height:230px;font-size:9px !important; }
/*240分*/
.av01-240{ position:absolute; top:0; left:0; background:#fff; border:solid 2px #F06; width:40%; height:440px;font-size:9px !important; }
.av02-240{ position:absolute; top:0; left:0; background:#fff; border:solid 2px #0098D9; width:40%; height:440px;font-size:9px !important; }
.av03-240{ position:absolute; top:0; left:0; background:#fff; border:solid 2px #390; width:40%; height:440px;font-size:9px !important; }
.av04-240{ position:absolute; top:0; left:0; background:#fff; border:solid 2px #FF6701; width:40%; height:440px;font-size:9px !important; }
.av05-240{ position:absolute; top:0; left:0; background:#fff; border:solid 2px #888; width:40%; height:440px; font-size:9px !important;}
/*予約済み*/
.resave30 a{ background:rgba(111,111,111,0.3); position:absolute; top:0px; left:2px; width:40%; height:35px; font-size:9px; padding-top:15px; }
.resave45 a{ background:rgba(111,111,111,0.3); position:absolute; top:0px; left:2px; width:40%; height:55px; font-size:9px; padding-top:15px; }
.resave60 a{ background:rgba(111,111,111,0.3); position:absolute; top:0px; left:2px; width:40%; height:90px; font-size:9px; padding-top:15px; }
.resave30-kanae a{ background:rgba(111,111,111,0.3); position:absolute; top:0px; left:30%; width:40%; height:30px; font-size:9px; padding-top:15px; }


@media only screen and (max-width: 767px) {
/*30分*/
.calendar-block-week table .av01-30,
.calendar-block-week table .av02-30,
.calendar-block-week table .av03-30,
.calendar-block-week table .av04-30,
.calendar-block-week table .av05-30,
/*45分*/
.calendar-block-week table .av01-45,
.calendar-block-week table .av02-45,
.calendar-block-week table .av03-45,
.calendar-block-week table .av04-45,
/*60分*/
.calendar-block-week table .av01-60,
.calendar-block-week table .av02-60,
.calendar-block-week table .av03-60,
.calendar-block-week table .av04-60,
/*90分*/
.calendar-block-week table .av01-90,
.calendar-block-week table .av02-90,
.calendar-block-week table .av03-90,
.calendar-block-week table .av04-90,
/*120分*/
.calendar-block-week table .av01-120,
.calendar-block-week table .av02-120,
.calendar-block-week table .av03-120,
.calendar-block-week table .av04-120,
/*240分*/
.calendar-block-week table .av01-240
.calendar-block-week table .av02-240
.calendar-block-week table .av03-240
.calendar-block-week table .av04-240,
/*予約*/
.resave30,.resave45,.resave60
	{ width:40%;}
}

.bt-carender a{ background:#E75297; color:#fff !important; padding:15px 35px; border-radius:30px; font-size:16px; margin:20px 0 !important; }
.bt-carender i{ font-size:20px; margin-right:8px; }
.bt-dev a{ background:#666; color:#fff !important; padding:15px 25px; border-radius:30px; }
.bt-dev i{ font-size:20px; margin-right:8px; }

.lesson-calender li{ display:inline-block; vertical-align:top !important; }
.lesson-calender .instructor{ width:16%; }
.lesson-calender .calender{ width:82%; text-align:right; padding-left:1%; }
@media only screen and (max-width: 767px) {
.lesson-calender li{ display: !important; }
.lesson-calender .instructor { width:100%; }
.lesson-calender .instructor > div{ height:120px; overflow:hidden;overflow: auto; }
.lesson-calender .calender{ width:100%; }
}

.red input[type="checkbox"]{ accent-color:#F06 !important; }
.lesson-calender .instructor .red{ border-bottom:solid 1px #F06; color:#F06 !important; padding:0 3px; display:block; margin-bottom:2px; }
.lesson-calender .instructor .blue{ border-bottom:solid 1px #39F; color:#39F !important; padding:0 3px; display:block; margin-bottom:2px; }
.lesson-calender .instructor .green{ border-bottom:solid 1px #390; color:#390 !important; padding:0 3px; display:block; margin-bottom:2px; }
.lesson-calender .instructor .orange{ border-bottom:solid 1px #F60; color:#F60 !important; padding:0 3px; display:block; margin-bottom:2px; }
.lesson-calender .instructor .gray{ border-bottom:solid 1px #888; color:#888 !important; padding:0 3px; display:block; margin-bottom:2px; }

@media only screen and (max-width: 767px) {
.lesson-calender .instructor input{ }
.lesson-calender .instructor div{ }
.lesson-calender .instructor span{ padding:-20px !important; margin: 5px !important;}
}

/*メール設定*/
.mail-set input[type="text"]{ width:70%; }
.mail-set textarea{ width:98%; height:260px; border:solid 2px #ccc; border-radius:5px; padding:5px 0.5%; }

















/*タイトル*/
.title-home{ text-align:center; margin-bottom:0px !important; padding:0 !important; line-height:140% !important; }
.title-middle{ font-size:22px !important; line-height:130px; font-weight:600 !important; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:20px; text-align:center; }
@media only screen and (max-width: 767px) {
.title-home{ font-size:35px !important; }
.title-home span{ font-size:28px;}
.title-middle br{ display:none; }
.title-middle{ font-size:22px !important; }
}
.title01{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size:30px !important; font-weight:600  !important; position:relative; text-align:center; margin-bottom:30px !important; padding:10px 0 10px 0 !important; line-height:140% !important; }
.title01:before { content: ''; position: absolute; bottom:0px; display: inline-block; width:80px; height: 3px; left: 50%;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  background-color:#ff2f89; }
.title01 span{ font-size:24px !important; }
.title02{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:22px !important; font-weight:bold; margin:30px 0 10px 0; }
.title03{ font-size:18px !important; font-weight:600 !important; border-bottom:solid 1px #ccc; padding:0 0 10px 0 !important; margin:20px 0 10px !important; line-height:100% !important; }
.title04{ font-size:26px !important; font-weight:600 !important; margin:20px 0 10px !important; color:#ff2f89 !important; text-align:center; border-bottom:solid 1px #ccc; }
.title05{ font-size:16px !important; font-weight:800 !important; padding:10px 0 10px 0 !important; margin:20px 0 10px !important; line-height:100% !important; background:#ddd; }


/*分割*/
.w25pr { margin:15px 0; }
.w25pr ul{ text-align:center; margin:15px 0; }
.w25pr ul li{ position:relative; overflow:hidden; width:24.5% !important; display:inline-block; vertical-align:top; padding:0 !important; margin:0 1px 1px 0 !important; text-align:center; }
.w25pr ul li h4{ font-size:18px !important; line-height:120% !important; position:absolute; top:40%; width:100%; color:#fff; text-align:center; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.w25pr ul li img{ z-index:5; width:100% !important; }
@media only screen and (max-width: 767px) {
.w25pr ul li{ background:#fff; width:49% !important; padding:0 !important;}
}
.w25pr2 ul{ text-align:center; }
.w25pr2 .link li{ width:22% !important; display:inline-block; vertical-align:top; padding:0 1%; margin:0; text-align:center; }
.w25pr2 .link li a{ font-size:16px; display:block; padding:10px; border:solid 1px #FFB685; background:rgba(255,255,255,0.8) !important;  }
.w25pr2 .link li a:hover{ background:#fff !important;  }
@media only screen and (max-width: 767px) {
.w25pr2 .link li{ width:98% !important; margin-bottom:5px; }
.w25pr2 .link li a{ display:block; padding:10px0; font-size:16px; }
}
.w30pr ul { text-align:center; }
.w30pr ul li{ width:31%; display:inline-block; vertical-align:top; padding:0 1% !important; margin-bottom:25px;; text-align:left !important; }
.w30pr ul li img{ width:auto !important; margin:0 auto !important; padding:0 0 10px 0 !important; }
.w30pr ul li h3{ margin:0 !important; text-align:left !important; line-height:140% !important; font-size:18px !important; }
.w30pr ul li p{ margin:0 !important; text-align:left !important; line-height:160% !important; }
@media only screen and (max-width: 767px) {
.w30pr ul{ text-align:center; }
.w30pr ul li{ width:100%; display:inline-block; vertical-align:top; padding:0 0 0 !important; margin-bottom:10px; }
.w30pr ul li img{ width:100%; margin:0 auto !important; padding-bottom:15px; display:block; }
}

.w30pr2 ul { text-align:center; }
.w30pr2 ul li{ width:31%; display:inline-block; background: vertical-align:top; padding:0 1% !important; margin-bottom:25px; text-align:left !important; }
.w30pr2 ul li img{ width:100% !important; margin:0 auto !important; padding:0 0 10px 0 !important; object-fit:cover;  height:170px; border-radius:5px; margin-bottom:10px; }
.w30pr2 ul li h3{ margin:0 !important; text-align:left !important; line-height:140% !important; font-size:18px !important; }
.w30pr2 ul li p{ margin:0 !important; text-align:left !important; line-height:160% !important; }
@media only screen and (max-width: 767px) {
.w30pr2 ul{ text-align:center; }
.w30pr2 ul li{ width:100%; display:inline-block; vertical-align:top; padding:0 0 0 !important; margin-bottom:10px; }
.w30pr2 ul li img{ width:100%; margin:0 auto !important; padding-bottom:15px; padding-left:0; }
}
.w30pr3 ul{ text-align:center; }
.w30pr3 ul li{ width:30%; display:inline-block; text-align:center; padding:10px 1%; vertical-align:top; background:#fff; border:solid 1px #ccc;
text-align:left; line-height:150%; height:150px; margin:5px 0.5% 5px; }
.w30pr3 ul li h3{ color:#000; font-size:16px !important; line-height:150% !important; margin-bottom:5px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.w30pr3 ul li h4{ color:#FF2E89; font-size:13px !important; line-height:160% !important; margin-bottom:10px;  }
@media only screen and (max-width: 767px) {
.w30pr3 ul{ text-align:center; }
.w30pr3 ul li{ width:96% !important; display:inline-block; vertical-align:top; padding:5px 1.5%; margin-bottom:10px; height:auto; }
.w30pr3 ul li img{ width:100%; margin:0 auto !important; padding-bottom:15px; padding-left:0; }
}

.w50pr2 ul li{ width:45% !important; display:inline-block; vertical-align:top; padding:8px 2%; }
.w50pr2 ul h3{ margin-bottom:5px !important; color:#; font-size:18px; font-weight:600; border-bottom:dotted 1px #ccc; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:130% !important; }
.w50pr2 ul li img{ width:150px !important; float:left; border-radius:5px; margin-right:10px; }
.w50pr2 ul li p span{ background:#aaa; color:#fff; padding:3px 5px; border-radius:3px; }
@media only screen and (max-width: 767px) {
.w50pr2 ul li{ width:100% !important; display:inline-block; vertical-align:top; padding:20px 0 20px 0; }
}

.ph25pr img{ width:25% !important; }

/*高さ*/
.top10{ margin-top:10px !important; }
.top20{ margin-top:20px !important; }
.top30{ margin-top:30px !important; }
.top40{ margin-top:40px !important; }
.top50{ margin-top:50px !important; }
.top60{ margin-top:60px !important; }
@media only screen and (max-width: 767px) {
.top70{ margin-top:70px !important; }
}
.bottom10{ margin-bottom:10px !important; }
.bottom20{ margin-bottom:20px !important; }
.bottom30{ margin-bottom:30px !important; }
.bottom50{ margin-bottom:50px !important; }
.top-10{ margin-top:-10px !important; }
.top-20{ margin-top:-20px !important; }
.top-30{ margin-top:-30px !important; }
.top-40{ margin-top:-40px !important; }
.top-50{ margin-top:-50px !important; }

.font30{ font-size:30px !important; }
.font16{ font-size:16px !important; }
.font14{ font-size:14px !important; }
.font13{ font-size:13px !important; }
.font12{ font-size:12px !important; }
@media only screen and (max-width: 767px) {
.font30{ font-size:30px !important; }
.font16{ font-size:16px !important; }
.font14{ font-size:14px !important; }
.font13{ font-size:13px !important; }
.font12{ font-size:12px !important; }
}





.greeting{ font-size:15px !important; line-height:200% !important; margin:20px 0; }
.right{ text-align:right; }

/*テーブル*/
.table01 table{ border:solid 2px #ccc; width:100%; border-collapse:collapse !important; background:#fff; }
.table01 table th{ border:solid 1px #ccc; width:30%; background:#f8f8f8; font-size:14px; font-weight:bold; padding:8px; border-collapse: collapse !important; }
.table01 table td{ border:solid 1px #ccc; padding:8px; border-collapse: collapse !important; }
@media only screen and (max-width: 767px) {
.table01 { display:inline !important; }
}
.table02 table{ border:solid 2px #ccc; width:100%; border-collapse:collapse !important; background:#fff; }
.table02 table h3{ font-size:16px !important; }
.table02 table th{ width:80%; border:solid 1px #ccc; background:#f8f8f8; font-size:14px; font-weight:400; padding:8px; border-collapse: collapse !important; text-align:left; }
.table02 table td{ border:solid 1px #ccc; padding:8px; border-collapse: collapse !important; text-align:right; vertical-align:bottom; }
@media only screen and (max-width: 767px) {
.table02 table th{ width:70%;}
}
.table03 table{ border:solid 2px #ccc; width:100%; border-collapse:collapse !important; background:#fff; margin-bottom:10px; }
.table03 table th{ border:solid 1px #ccc; background:#f8f8f8; font-size:px; font-weight:bold; padding:8px; border-collapse: collapse !important; text-align:left; }
.table03 table td{ border:solid 1px #ccc; padding:8px; border-collapse: collapse !important; }
.table03 .red{ background:#FF3089; color:#fff;}
@media only screen and (max-width: 767px) {
.table03 {  }
}

.news { width:95% !important; margin-top:30px; }
.news .item{ border-bottom:dotted 1px #ccc !important; padding-bottom:0 !important; }
.news .btn-success{ display:none !important; }
.news .pt-cv-title{ font-size:15px !important; font-weight:300 !important; }
.news .pt-cv-ifield img{ float:left; border-radius:5px; margin-right:8px; width:90px !important; }
.news .pt-cv-content{ line-height:160%; }

.events .item{ border-bottom:dotted 1px #ccc !important; padding-bottom:0 !important; }
.events .btn-success{ display:none !important; }
.events h5{ font-size:15px !important; }


@media only screen and (max-width: 767px) {
.auto img{ width:auto !important; }
}


.result img{ float:left !important; width:120px !important; border:solid 1px #ccc !important; margin-right:15px !important;}
.result h4{ font-size:16px !important; line-height:140% !important; }
.result .pt-cv-content{ font-size:14px !important; line-height:140% !important; }
.result .btn-success{ display:none !important; }

.result2 a img{ float:left !important; width:120px !important; border:solid 1px #ccc !important; margin-right:15px !important;}
.result2 h4{ font-size:16px !important; line-height:140% !important; }
.result2 .pt-cv-content{ font-size:14px !important; line-height:140% !important; }
.result2 .btn-success{ display:none !important; }


/*CONTACT*/
.contact table { border:solid 1px #ccc; }
.contact table th{ text-align:left; vertical-align:middle; font-size:14px; width:30%; }
.contact table td{ text-align:left; vertical-align:middle; font-size:14px; }
.contact input{ border:solid 1px #ccc; text-align:left; vertical-align:middle; font-size:14px; padding:8px; }
.contact textarea{ border:solid 1px #ccc; text-align:left; width:100%; font-size:14px; padding:8px; }
.contact .add{ width:100% !important; }
input[type="submit"]{ background:#0E4795 !important; text-align:center; display:block; width:100%; color:#fff; padding:10px; border-radius:3px; }
.back{ background:#888; text-align:center; display:block; width:40%; color:#fff; padding:5px; border-radius:3px; margin:0 auto; margin-top:-20px; }
.contact select{ border:solid 1px #ccc !important; text-align:left; vertical-align:middle; font-size:14px; padding:5px !important; border-radius:3px !important; }
@media only screen and (max-width: 767px) {
.contact table { border-bottom:solid 1px #ccc !important; border-right:solid 1px #ccc !important; }
.contact table th{ display:block; border-bottom:none; width:99.5%; border-right:none !important; }
.contact table td{ display:block; border-top:none; border-bottom:none; border-right:none !important; }
.contact input,.contact textarea{ width:100%; font-size:14px; padding:8px; }
.contact #age{ width:80px; font-size:14px; padding:8px; }
.contact input[type="radio"]{ width:auto; display: inline-block; }
.contact input[type="checkbox"]{ width:auto !important; display:inline !important; }
.contact #date1,.contact #date2{ margin-bottom:10px; }
.contact .none{ display:none; }
}


.contacts{ text-align:center; margin:20px 0; }
.contacts .bt-contact{ padding-top:15px; }
.contacts .bt-contact a{ background:#390; color:#fff !important; padding:8px 30px; font-size:20px; border-radius:5px; }
@media only screen and (max-width: 767px) {
.contacts .bt-contact a{ display:block; }
}





/*insta*/
.insta img{ width:100% !important; margin-top:30px; }
.insta .pcNo{ display:none !important; }
@media only screen and (max-width: 767px) {
.insta .spNo{ display:none !important; }
.insta .pcNo{ display:inline !important; }
}



/*写真*/
.img-right,.img-left{ overflow:hidden; }
.img-right img{ float:right; }
.img-left img{ float:left; }
@media only screen and (max-width: 1199px) {
.img-right img,.img-left img{ float:none !important; display:block !important; width:auto !important; margin:0 auto !important; }
}

/*FAQ*/
.question{ padding-top:30px !important; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#FFB685; border-bottom:dotted 1px #ccc; }
.question span{ font-size:24px !important; padding-right:5px; }
.answer span{ padding-right:5px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:18px !important; }

/*秘密*/
.bg-red01 h4,.bg-orange h4{ font-size:20px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.bg-red01 img,.bg-orange img{ float:left; margin-right:15px; border-radius:5px; width:auto !important; }
.bg-red01 img{ margin-bottom:80px; width:auto !important; }
.bg-red01 p img{ float:none !important; width:500px !important; margin:0 !important; }
@media only screen and (max-width: 767px) {
.bg-red01 img,.bg-orange img{ float:none !important; width:auto !important; margin:0 auto !important; display:block; margin-bottom:10px !important; }
.bg-red01 p img{ width:100% !important;}
}

/*3日前から*/
.w30pr-flow ul { text-align:center; padding:20px 0 0; }
.w30pr-flow ul li{ position: relative; width:25%; display:inline-block; vertical-align:top; padding:0 0.5% 0 2% !important; margin-bottom:25px; text-align:center !important; }
.w30pr-flow ul li img{ border-radius:5px; width:100% !important; margin:0 auto !important; padding:0 !important; object-fit:cover;  height:170px; border-radius:5px; margin-bottom:10px; }
.w30pr-flow ul li p{ margin:0 !important; line-height:160% !important; }
.w30pr-flow ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #FF3089;
}
.w30pr-flow ul .none:before { display:none; }
@media only screen and (max-width: 767px) {
.w30pr-flow ul li{ width:43%; padding:0 1% !important; }
.w30pr-flow ul li img{ width:100%; }
}



/*フッターメニュー*/
footer .w50pr ul li{ text-align:left; width:47% !important; display:inline-block; vertical-align:top; padding:0!important; margin:10px 1%; }
footer .w50pr ul li a{ font-size:18px; color:#F06 !important; }
footer .w50pr ul li h5{ font-size:18px !important; }
footer .w50pr ul li p{ font-size:13px !important; }
footer .w50pr ul li span{ font-size:12px; }
footer .f-nav ul{ text-align:center; border-top:solid 1px #fff; padding-top:10px; }
footer .f-nav ul li{ display:inline-block; padding:0 10px; border-right:solid 1px #888; font-size:13px; }
footer .f-nav ul li a{ width:auto !important;}
footer .f-nav ul .end{ border:none !important; }
@media only screen and (max-width: 767px) {
footer .w50pr{ width:96% !important; margin:0 2% !important;}
footer .w50pr ul li{ width:100% !important; margin:10px 0 !important;}
footer .f-nav ul li{ display:block !important; padding:10px 0; border-right:none !important; font-size:14px; }
footer .f-nav ul li a{ border-bottom:solid 1px #888; display:block; }
}



/**/
.waku{ background:#fff; border:solid 2px #ccc; padding:15px; margin:20px 0; }
.waku .title{ border-bottom:solid 1px #ccc; margin-bottom:20px; font-size:18px; }
.kakomi{ background:#FFC; border:solid 2px #ccc; padding:15px; margin:20px 0; }
.kakomi .title{ border-bottom:solid 1px #ccc; margin-bottom:20px; font-size:18px; }



#about{ width:800px; margin:0 auto; margin-top:100px; margin-bottom:30px; }
#about h3{ text-align:center; margin:30px 0; font-size:28px; }
#about h4{ margin:30px 0 10px; font-size:18px; border-bottom:solid 1px #ccc; }
#about p{ margin:10px 0; }
#about table{ width:100%; }
#about table th{ text-align:left; padding:10px; border-bottom:solid 1px #ccc; font-weight:800 !important; }
#about table td{ text-align:left; padding:10px; border-bottom:solid 1px #ccc; }
@media only screen and (max-width: 767px) {
#about{ width:100%; margin:0 auto; margin-top:50px; }
#about table th{ display:block; padding:10px; border-bottom:none !important; background:#f8f8f8; padding:5px; }
#about table td{ display:block; padding:10px; border-bottom:solid 1px #ccc; padding:5px; }
}


/*生徒カレンダー*/
.calendar table{ width:100% !important; margin-top:20px !important; }
.calendar table tr{ text-align:center; }
.calendar table th{ width:12.5% !important; border:solid 1px #bbb; text-align:center; border-top:none; border-left:none; font-size:14px; }
.calendar table td{ width:12.5% !important; border:solid 1px #bbb; text-align:center; border-left:none; border-bottom:none; font-size:12px; vertical-align:top; }
.calendar table .expired{ background:#eee; font-size:10px !important; }
.calendar table .close{ background:#eee; font-size:10px !important; }
.calendar table .open{ }
.calendar table .you{ background:#FF6; font-size:10px !important; }
.calendar table .open a{ font-size:10px !important; background:#10AAFF; display:block !important;color: #fff !important; }
.calendar table .open a:hover{ background:#ccc;color: #fff !important; }
.calendar table .you a{ background:#FF6; display:block !important;}
.calendar table .name{ font-size:12px !important; width:23%; }
.calendar .move{ text-align:center; }
.calendar .move a{ color:#0098D9 !important; }
.sousa-button{ text-align:center; padding:15px 0; }
.sousa-button a{ border:solid 2px #E75297; padding:10px 5%; border-radius:20px; margin:0 5px; background:#eee; }
.calendar-month td{ padding:5px 0;}

.calendar-done table{ border:solid 1px #bbb; width:100%; margin-top:10px; }
.calendar-done table tr th{ border:solid 1px #bbb; padding:8px; }
.calendar-done table tr td{ border:solid 1px #bbb; padding:8px; }
.calendar-done table tr td:hover{ background:#f8f8f8; }
.calendar-done input[type="radio"]{ margin-right:10px; }
.calendar-done input[type="submit"]{ border:none !important; background-color:#10AAFF !important; border-radius:30px; margin-top:30px; cursor:pointer; }
.calendar-done input[type="submit"]:hover{ background-color:#333 !important; }






@media only screen and (max-width: 767px) {
.auto{ width:auto !important; }
}

/* 修正style */
#header .right .contact.non_top a {
  margin-top: 0;
}

#gnaviBase {
  display: none;
}

.app_wrap {
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .app_wrap {
    padding-bottom: 80px;
  }
}