@charset "utf-8";

/*----------------------------------
common
-----------------------------------*/
body {word-wrap:break-word;word-break:break-all;}
.col-xs-6 {width:49.5%;}
@media (min-width: 992px) {
.col-md-8 {width:66.5%}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow:0 0 0 30px #e5f0ff inset;color:#2a2a2a !important;background-color:#e5f0ff !important;
}

input[type="text"], input[type="password"] {
line-height:1.0;
}
body .row {
display:flex;flex-wrap:wrap;
}

.jconfirm {font-size:1.3em;line-height:2.6}
.jconfirm-buttons button {padding:0.6em 1.6em !important}
.jconfirm-buttons button.btn-default {color:#000 !important;}

select {
-webkit-appearance:none;-moz-appearance:none;appearance:none;width:150px;
padding:5px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;
border:1px solid #ccc;background:#fff;
background:url(/resource/img/common/select-arrow.png) right 50% no-repeat, -webkit-linear-gradient(top,#fff 0%,#fff 100%);
background:url(/resource/img/common/select-arrow.png) right 50% no-repeat, linear-gradient(to bottom,#fff 0%,#fff 100%);
background-size:20px, 100%;
}
select::-ms-expand {display:none;}
.red {color:#f00;}
.mb0 {margin-bottom:0;}
.mb1 {margin-bottom:1em;}
.mb2 {margin-bottom:2em;}
.mb3 {margin-bottom:3em;}
.mb4 {margin-bottom:4em;}
.mb5 {margin-bottom:5em;}
.mb6 {margin-bottom:6em;}
.mb10 {margin-bottom:10em;}

.attention {color:#f00;font-weight:bold;}

.container {padding-top:50px;padding-bottom:50px;}
.content_padding {padding:0 10px;}

.main_content {padding-bottom:5.0em;}

h1 {border:2px solid #c30006;border-radius:0.3em;color:#c30006;padding:0.5em 10px;font-size:1.2em;box-shadow:0px 0px 5px silver;}
h2 {font-size:1.4em;border-bottom:1px solid #333;box-shadow:none;border-radius:0;color:#000;padding-left:0.5em;padding-bottom:0.1em;}
h2.for_top_page {border:2px solid #c30006;border-radius:0.3em;color:#c30006;padding:0.5em 10px;font-size:1.3em;box-shadow:0px 0px 5px silver;}
h2.for_member_menu {border:none;color:#13691c;background-color:#cdfaa5;padding:0.5em 10px;font-size:1.2em;box-shadow:none;}
h3 {padding-left:10px;font-size:1.3em;border-bottom:1px solid #000;padding-bottom:0.6em;margin-bottom:1.0em;}

p.page_explanation {padding-left:25px;padding-right:25px;}
.require {font-size:1.2em;color:#ff0000;}
.image_border {border:1px solid #ccc;}

.row {display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
padding-left:5px;padding-right:5px;
}

.large_only {display:block;}
.sp_only {display:none;}

.large_only_padding {padding:0 25px;}
.text_padding {padding:0 25px;margin-bottom:2.0em;}

a.back_to_list {
display:block;float:left;padding:0.2em 1.6em;border-radius:5px;font-weight:bold;margin:0 auto;font-size:1.0em;text-align:center;width:18em;
border:1px solid #777;color:#777;text-decoration:none;
}
a.back_to_list:hover {
background-color:#fafafa;color:#999;text-decoration:none;
}


a.go_to_profile {
display:block;color:#fff;padding:8px 25px;border-radius:5px;font-weight:bold;margin:0 auto;font-size:1.2em;text-align: center;
width:220px;background-color:#00469b;color:#fff;text-decoration:none;
}
a.go_to_profile:hover {
background-color:#2a5f9e;color:#fff;text-decoration:none;
}

a.form_back {
display:block;padding:0.5em 0;width:13em;text-decoration:none;border-radius:4px;color:#ffffff;font-weight:bold;background-image:linear-gradient(45deg, #ff4247 0%, #ff4f3d 100%);
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.29);border-top:none;border-left:none;border-right:none;border-bottom:solid 3px #bf2a31;margin:0 auto 0;text-align:center;
}
a.form_back:hover {
background-image:linear-gradient(45deg, #ff595e 0%, #ff9d78 100%);
}

a.form_cancel {
display:block;padding:0.5em 0;width:13em;text-decoration:none;border-radius:4px;color:#ffffff;font-weight:bold;background-image:linear-gradient(45deg, #e8b006 0%, #ff8b5f 100%);
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.29);border-top:none;border-left:none;border-right:none;border-bottom:solid 3px #c58668;margin:0 auto 0;text-align:center;font-size:1.2em;
}
a.form_cancel:hover {
background-image:linear-gradient(45deg, #FFC107 0%, #ff9d78 100%);
}

input.form_submit {
display:block;padding:0.5em 0;width:13em;text-decoration:none;border-radius:4px;color:#ffffff;font-weight:bold;background-image:linear-gradient(45deg, #e8b006 0%, #ff8b5f 100%);
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.29);border-top:none;border-left:none;border-right:none;border-bottom:solid 3px #c58668;margin:0 auto 0;text-align:center;font-size:1.2em;
}
input.form_submit:hover, input.form_submit:focus, input.form_submit:active, input.form_submit.active {
background-image:linear-gradient(45deg, #FFC107 0%, #ff9d78 100%);
}

input.btn_login, a.form_submit {
display:block;padding:0.5em 0;text-decoration:none;border-radius:4px;color:#ffffff;font-weight:bold;background-image:linear-gradient(45deg, #e8b006 0%, #ff8b5f 100%);
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.29);border-bottom:solid 3px #c58668;;margin:0 auto 0;text-align:center;width:13em;font-size:1.2em;
}
input.btn_login:hover, input.btn_login:focus, input.btn_login:active, input.btn_login.active,
a.form_submit:hover, a.form_submit:focus, input.btn_send_reest:active, input.btn_send_reest.active {
background-image:linear-gradient(45deg, #FFC107 0%, #ff9d78 100%);
}

a.add_class {
display:block;padding:0.5em 0;width:13em;text-decoration:none;border-radius:4px;color:#ffffff;font-weight:bold;background-image:linear-gradient(45deg, #002ec5 0%, #0066c5 100%);
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.29);border-top:none;border-left:none;border-right:none;border-bottom:solid 3px #25419c;margin:1.0em 0 0.6em;text-align:center;
}
a.add_class:hover {
background-image:linear-gradient(45deg, #2f52c5 0%, #2f7dc5 100%);
}

/*------------------------------
list module
------------------------------*/
table {width:100%;}
table th, table td {padding:0.3em 0.6em;border:1px solid #ccc;}
table th {background-color:#eee;}
table.list {width:100%;}
table.list tr th {border-left:none;border-right:none;vertical-align:top;}
table.list tr td {border-left:none;border-right:none;border-top:none;vertical-align:top;}
table.list tr td.column_label {width:265px;}
table.list tr td.colon {width:20px;}
table.list p {margin-bottom:0;}

/*------------------------------
login
------------------------------*/
#member_login .large_only_padding {padding-left:10px;padding-right:10px;}
#member_login .large_only_padding p {padding-left:0;text-align:center;}
#member_login h2 {padding-left:0;text-align:center;color:#010079;border-bottom:5px dotted #7796c7;padding:0.8em 0;}

#member_login .large_only_padding {padding-top:0.8em;padding-bottom:0.8em;}

#member_login div.note_login {margin-top:2.0em;font-size:0.92em;margin-bottom:1.0em;padding:0.1em;}
#member_login div.note_login p.title{margin-bottom:0;font-weight:bold;padding:0 0.3em;}
#member_login div.note_login p.content{margin-bottom:0;padding:0 0.3em;font-size:0.90em;}

/*------------------------------
loading
------------------------------*/
div.loading_frame {position:fixed !important;background-color:rgba(255,255,255,0.5);width:100%;height:100%;top:0;left:0;z-index:350;}
.loading_frame #loading {position:relative;top:200px;width:100px;height:100px;margin:0 auto;left:-47px;}

/*----------------------------------
main layout
-----------------------------------*/
#header_bar {background-color:#09af40;}
#header_bar .light-wrapper {background-color:transparent;color:#fff;font-weight:bold;}
#header_bar .container {padding:0;}
#header_bar .bar_buttons {float:right;}
#header_bar p {float:right;margin-bottom:0;padding-right:0.5em;font-size:0.88em;}
#header_bar a.go_login {display:block;float:right;background-color:#006857;color:#fff;padding:0 1.0em;font-weight:bold;text-decoration:none;margin-left:1px;}

#header {}
#header.keyvisual .light-wrapper {background-color:#e0fbc7;}
#header .container {padding:8px 0;position:relative;}
#header a#site_logo {display:block;}

#header img.logo_top {max-width:920px;margin:0 auto;}
#header img.logo {max-width:254px;margin:0 auto;}
#header a#site_logo:hover {text-decoration:none;}
#header img.header_logo_image {display:block;}
#header img.header_logo_image {width:200px;}
#header a.member_menu {display:block;float:right;margin-left:10px;margin-top:6px;text-align:center;text-decoration:none;color:#038be3;}
#header a.member_menu:hover {text-decoration:none;}
#header a.member_menu i {display:block;font-size:30px;margin:0 auto;}
#header a.member_menu span {display:block;font-size:0.9em;color:#777;}

#smart_menu {
display:block;float:right;color:#fff;background-color:#c30006;padding:0.5em 0 0;height:50px;width:50px;
text-align:center;text-decoration:none;border:none;font-size:0.90em;line-height:1.5;letter-spacing:-0.1em;
}
#smart_menu {
display:none;
}

#header_menu {border-top:1px solid #c30006;border-bottom:1px solid #c30006;}
#header_menu .light-wrapper {background-color:#f2b9c3;}
#header_menu .container{padding-top:0;padding:0.6em 0;display:flex;justify-content:center;}
#header_menu a.header_menu_item {
color:#000;display:table-cell;padding:0.2em 2.4em;text-align:center;float:left;font-weight:bold;font-size:1.2em;
border:2px solid #c30006;color:#c30006;background-color:#fff;border-radius:0.3em;margin:0 0.3em;
}
#header_menu a.header_menu_item.selected {
text-decoration:none;background-color:#c30006;color:#fff;
}
#header_menu a.header_menu_item:hover {
text-decoration:none;background-color:#c30006;color:#fff;
}
#header_menu a.header_menu_item.selected,
#header_menu a.header_menu_item.selected:hover {
}

#header_menu a.header_login_button {background-color:#051b59;color:#fff;display:block;padding:0.3em 2.0em;text-align:center;float:right;font-weight:bold;margin-top:10px; }
#header_menu a.header_login_button:hover {text-decoration:none;background-color:#082e96;}
#header_menu a.header_mypage_button {background-color:#4f85e8;color:#fff;display:block;padding:0.3em 1.5em;text-align:center;float:right;border-radius:5px;font-weight:bold;margin-top:10px; }
#header_menu a.header_mypage_button:hover {text-decoration:none;background-color:#6492e8;}
#header_menu a.header_logout_button {background-color:#d70d19;color:#fff;display:block;padding:0.3em 1.5em;text-align:center;float:right;border-radius:5px;font-weight:bold;margin-top:10px;margin-left:5px;}
#header_menu a.header_logout_button:hover {text-decoration:none;background-color:#f13440;}

#footer_contact {background-color:#23234d;}
#footer_contact .light-wrapper {background:transparent;}
#footer_contact .container {padding-top:25px;padding-bottom:25px;}
#footer_contact .row {margin-top:1.0em;}
#footer_contact a {color:#fff;display:block;border-bottom:1px solid #9898ab;padding-bottom:0.6em;margin-bottom:0.6em;font-size:1.2em;}
#footer_contact .footer_category {margin-bottom:1.0em;}

p.copyright {font-weight:bold;font-size:1.1em;}
.footer {background:#fff;}
.footer p {text-align:center;}
.padding_space_box {margin-bottom:25px;background-color:#ebfff1;}
.padding_space_box .padding_space_box_inner {margin:0 auto;background-color:#fff;padding:50px 50px;border:1px solid #b9c7c5;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.10);}

p.form_message {padding:30px 50px;}

/*----------------------------------
Smartphone Menu
-----------------------------------*/
#overlay_menu {position:fixed;left:0;top:0;right:0;bottom:0;width:100%;z-index:401;}
#overlay_menu .container {overflow-y:scroll;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;color:#fff;text-align:center;}
#overlay_menu .container .title_area {position:relative;}
#overlay_menu .container .title_area p {margin-bottom:0;margin:2.2em auto 2.0em;font-weight:bold;}
#overlay_menu .container .title_area a#btn_close_menu {position:absolute;display:block;color:#fff;right:13px;font-size:1.4em;text-decoration:none;}
#overlay_menu .container .title_area a#btn_close_menu:hover {text-decoration:none;}
#overlay_menu .container ul {border-top:1px solid #fff;padding:0;}
#overlay_menu .container ul li {display:block;list-style-type:none;border-bottom:1px solid #fff;background-color:RGBA(40, 40, 40, 0.8);}
#overlay_menu .container ul li a {display:block;color:#fff;text-decoration:none;height:3.8em;padding-top:1.0em;}
#overlay_menu .container ul li.selected {background-color:#0087d5;}
#overlay_menu .container ul li a:hover {text-decoration:none;}

.body_fixed {position:fixed;width:100%;height:100%;}div#glayLayer {background:none repeat scroll 0 0 #333333;position:fixed;opacity:0.9;left:0;top:0;width:100%;height:100%;z-index:400;}
div#glayLayer div {background:none repeat scroll 0 0 #333333;height:100%;margin:0 auto;position:relative;width:850px;}
div#dropLayer {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:501;color:#fff;}
div#dropLayer i {font-size:10.0em;}
div#overBoxLayer {left:0;top:0;position:fixed;width:100%;z-index:401;}
div#overBoxLayerFlame {background-color:#fff;margin:30px auto 0;text-align:center;width:600px;}

div#overBoxLayerFlame {text-align:left;border:1px solid #fff;}
div#overBoxLayerFlame .class_info {padding:0.6em 0.8em;}
div#overBoxLayerFlame .course_name {font-size:1.3em;font-weight:bold;margin-bottom:0.4em;color:#002ec5;}
div#overBoxLayerFlame span.class_date {font-weight:bold;font-size:1.2em;}
div#overBoxLayerFlame span.message {color:#f00;font-weight:bold;}

div#overBoxLayerFlame .menu {display:table;width:100%;}
div#overBoxLayerFlame .menu a {display:table-cell;vertical-align:top;width:25%;text-align:center;color:#fff;padding:0.8em 0;text-decoration:none;cursor:pointer;font-weight:bold;border-right:1px solid #fff;}
div#overBoxLayerFlame .menu a:hover {text-decoration:none;}
div#overBoxLayerFlame .menu a.trial {background-color:#7243a7;}
div#overBoxLayerFlame .menu a.trial:hover {background-color:#8568a7;}
div#overBoxLayerFlame .menu a.trial.inactive {background-color:#ccc;}
div#overBoxLayerFlame .menu a.trial.inactive:hover {background-color:#ccc;}

div#overBoxLayerFlame .menu a.presence {background-color:#e0920b;}
div#overBoxLayerFlame .menu a.presence:hover {background-color:#e0a134;}
div#overBoxLayerFlame .menu a.presence.inactive {background-color:#ccc;}
div#overBoxLayerFlame .menu a.presence.inactive:hover {background-color:#ccc;}

div#overBoxLayerFlame .menu a.edit {background-color:#2c9cef;}
div#overBoxLayerFlame .menu a.edit:hover {background-color:#54adef}
div#overBoxLayerFlame .menu a.edit.inactive {background-color:#ccc;}
div#overBoxLayerFlame .menu a.edit.inactive:hover {background-color:#ccc;}

div#overBoxLayerFlame .menu a.close_popup {background-color:#555;}
div#overBoxLayerFlame .menu a.close_popup:hover {background-color:#676767;}

/*----------------------------------
form
-----------------------------------*/
div.form_block {margin:2.0em 0}

p.form_label, p.confirm_value {margin-bottom:3px;}
p.form_label {font-weight:bold;color:#0931b3;}
p.form_label.red {color:#f00;}

div.form_value {margin-bottom:1.0em;}
div.form_value p.static {padding:5px 10px;border-bottom:1px solid #ccc;}

div.form_value input[type="text"],
div.form_value input[type="password"],
div.form_value textarea {
background-color:#e5f0ff;
}

div.form_value input[type="text"][disabled],
div.form_value input[type="text"][disabled],
div.form_value select[disabled],
div.form_value textarea[disabled] {
background-color:#ccc;
}

div.form_value .edd-root {
margin:0.5em 0;
}

.form_item_category {background-color:#edf1f5;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;}
.form_item_category.for_buyer {color:#daeeee}
.form_item_category p.title {float:left;padding:1.0em 0.8em;margin-bottom:0;color:#2c2c2c;font-weight:bold;}
.form_item_category a.btn_edit_category, .form_item_category a.btn_edit_category:not([href]):not([tabindex]) {
display:block;background-color:#11a2c9;color:#fff;font-weight:bold;padding:1.03em 0.8em;
margin:0;text-decoration:none;text-align:center;cursor:pointer;float:right;
}
.form_item_category a.btn_edit_category:hover, .form_item_category a.btn_edit_category:not([href]):not([tabindex]):hover {
background-color:#12add6;color:#fff;
}

.form_item_category a.btn_cancel_category:not([href]):not([tabindex]) {
display:block;background-color:#ea5759;color:#fff;
font-weight:bold;padding:1.03em 0.8em;margin:0;text-decoration:none;text-align:center;cursor:pointer;float:right;
}
.form_item_category a.btn_cancel_category:not([href]):not([tabindex]):hover {
background-color:#fc5e60;
}

.form_item_category a.btn_save_category:not([href]):not([tabindex]) {
display:block;background-color:#17bd63;color:#fff;
font-weight:bold;padding:1.03em 1.0em;margin:0;text-decoration:none;text-align:center;cursor:pointer;float:right;
}
.form_item_category a.btn_save_category:not([href]):not([tabindex]):hover {
background-color:#18c768
}

.form_item {border-bottom:1px solid #c6c6c6;}

.form_item.copy_button_area {border-bottom:none;background-color:#ddeef5;padding:0.2em 0;}

.form_item p.form_label {padding-top:0.9em;padding-bottom:0.9em;padding-left:0.8em;color:#000;font-weight:normal;margin-bottom:0;}
.form_item p.form_label.with_sub_label {padding-bottom:0;}
p.form_sub_label {margin-bottom:0;padding-left:0.8em;padding-bottom:0.9em;font-size:0.94em}

.form_item div.form_value {margin-bottom:0;}
.form_item div.form_value p {padding-top:0.9em;padding-bottom:0.9em;padding-left:0.8em;color:#000;font-weight:normal;margin-bottom:0;}
.form_item div.form_value select {margin:0.5em 0;}

.form_item div.form_value input[type="text"],
.form_item div.form_value input[type="password"] {
margin:0.5em 0;width:99%;
}
.form_item div.form_value label {margin-bottom:0;}
.form_item div.form_value input[type="radio"],
.form_item div.form_value input[type="checkbox"] {
margin:1.5em 0.4em;
}

.form_item div.form_value input[type="radio"]{vertical-align:middle;}
.form_item div.form_value textarea {margin:0.5em 0;width:99%;}
.form_item div.form_value p.input_category_label {background-color:#bae0ff;padding:0.3em 0 0.2em 0.8em;margin:0;line-height:1;}





a.btn_file_select {
background-color:#00469b;border:medium none;border-radius:0;box-shadow:none;color:#fff !important;display:inline-block;font-size:12px;
margin-bottom:10px;margin-right:4px;padding:5px 35px 3px 35px;text-shadow:none;transition:all 200ms ease-in 0s;text-decoration:none;font-weight:bold;
}
a.btn_file_select:hover {
background-color:#165cb1;
}

a.btn_file_delete {
background-color:#000;border:medium none;border-radius:0;box-shadow:none;color:#fff !important;display:inline-block;font-size:12px;
margin-bottom:10px;margin-right:4px;padding:5px 35px 3px 35px;text-shadow:none;transition:all 200ms ease-in 0s;text-decoration:none;font-weight:bold;
}




/*----------------------------------
home
-----------------------------------*/
.top_news_list {margin-bottom:1.0em;}
.top_news_list a {display:table;color:#000;text-decoration:none;border-bottom:1px dotted #ccc;width:100%;padding-top:0.6em;padding-bottom:0.6em;}
.top_news_list a:hover {text-decoration:none;}
.top_news_list a div {display:table-cell;vertical-align:top;}
.top_news_list a div.date {width:10em;padding-left:12px;}
.top_news_list a div.title {padding-left:12px;font-weight:bold;}
.top_news_list a div.arrow {width:1.6em;}

a.event_item {display:block;padding:12px;border:1px solid #ccc;box-shadow:0px 0px 5px silver;border-radius :0.3em;color:#000;margin-bottom:1.0em;}
a.event_item:hover {text-decoration:none;background-color:#fafafa;}
a.event_item p.event_title {font-weight:bold;color:#0060c6;font-size:1.2em;margin-bottom:0.3em;}
a.event_item p.description {margin-bottom:0;}

select#select_study_class {margin-bottom:1.0em;}

.top_study_class_list {margin-bottom:1.0em;}
.top_study_class_list h3 {color:#de9200;background-color:#fffce3;padding-top:0.3em;padding-bottom:0.3em;border-bottom:1px solid #de9200;margin-bottom:0.8em;padding-left:0.6em;}
.top_study_class_list div.top_study_class_item {border-bottom:1px solid #ccc;padding:0.8em;margin-bottom:1.0em;padding-bottom:1.0em}
.top_study_class_list p {float:left;padding:0 0 0.4em 0;margin-bottom:0;}
.top_study_class_list p.title {font-size:1.2em;color:#c30006;}
.top_study_class_list p span.date {color:#002ec5;font-weight:bold;}
.top_study_class_list p.disabled {background-color:#999;color:#fff;border-radius:0.3em;padding:0.4em 0.8em;float:right;}
.top_study_class_list a.btn_go_to_trial_form {margin-bottom:0;float:right;}


/*
div.calendar_header h3 {float:left;border-bottom:none;padding-bottom:0;font-size:1.6em;padding-top:0.1em;}
div.calendar_header a {font-size:1.3em;;background-color:#002ec5;color:#fff;padding:0.4em 0.3em;margin-left:0.5em;}
div.calendar_header a:hover: {background-color:#3b5bc5;}
div.calendar_header a.inactive,div.calendar_header a.inactive:hover {background-color:#aaa;}

table.calendar th {text-align:center;font-weight:bold;}
table.calendar th.sunday {background-color:#ef4e73;color:#fff;}
table.calendar th.saturday {background-color:#4e9cef;color:#fff;}
table.calendar td p.day {font-weight:bold;}
table.calendar td a {color:#004ed6;cursor:pointer;}
table.calendar td .trial {color:#f00;font-weight:bold;font-size:0.96em;}
*/

table.open_class tr th {background-color:#ffe070;padding-top:0.8em;padding-bottom:0.8em;}
table.open_class th, table.open_class td {padding:0.6em 0.5em;}
table.open_class tr th p,table.open_class tr td p {margin-bottom:0;}
table.open_class p.center {text-align:center;}

table.open_class span.sunday {color:#ef4e73;}
table.open_class span.saturday {color:#4e9cef;}

h1.board {position:relative;background:#d4eafa;box-shadow:0px 0px 0px 5px #d4eafa;border:dashed 2px white;padding:0.4em 0.6em;color:#053659;margin:1.2em 0;font-size:1.7em;}
h1.board:after {position:absolute;content:'';left:-7px;top:-7px;border-width:0 0 15px 15px;border-style:solid;border-color:#fff #fff #a8d4ff;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);}

div.laoshi_item {border:4px dotted #ccc;padding:0.6em;}
h2.teacher_name {color:#2d2d66;text-shadow:0 0 5px white;border-left:solid 7px #2d2d66;border-bottom:none;}
h2.trial {color:#2d2d66;text-shadow:0 0 5px white;border-left:solid 7px #2d2d66;border-bottom:none;}

dl dt, dl dd {font-size:1.1em;}
dl dt {border-bottom:2px dotted #e1e1e1;padding-bottom:0.4em;}
dl dd {margin-bottom:1.2em;padding-bottom:0.4em;}

span.question {color:#2997b8;font-size:1.3em;}
span.answer {color:#b829a2;font-size:1.3em;font-weight:bold;}

#class_trial {font-size:1.1em;line-height:1.8;}

.study_class_item {display:table;padding:0.6em 0.6em 0.5em;border:1px solid #ccc;box-shadow:0px 0px 5px silver;border-radius:0.3em;color:#000;width:100%;margin-bottom:1.0em;}
.study_class_item .class_info h3.class_title {font-weight:bold;color:#e95412;font-size:1.6em;margin-bottom:0.3em;padding-left:0;padding-top:0.3em;border-bottom:none;padding-bottom:0;}
.study_class_item .teacher_image p.teacher_name {margin-bottom:0;text-align:center;border-bottom:none;}
.study_class_item p.description {font-weight:bold;font-size:1.2em;color:#ff9600;}
.study_class_item .description p.content_title {margin-bottom:0.3em;border-bottom:1px solid #cdcdcd;padding:0.4em 0 0.4em 0.4em;margin-bottom:0.3em;border-left:9px solid #ffae2b;font-size:1.2em;}
/*.study_class_item .description p {padding-left:10px;}*/
.study_class_item .description {line-height:1.4}
.study_class_item .description p {margin-bottom:0.3em}
.study_class_item p.detail_title {color:#d16620;border-bottom:2px solid #d16620;background-color:#fffbed;font-size:1.1em;font-weight:bold;line-height:1;padding:0.3em 0.4em 0.2em;margin-bottom:0.3em;}
.study_class_item .comunication_message {padding:0.3em 0.4em;line-height:1.5;}
.study_class_item .comunication_message p {margin-bottom:0.3em}


.study_class_item div.open_class_list {margin-bottom:1.0em;	}
.study_class_item div.open_class_list p.laoshi_name {color:#002ec5;font-size:1.1em;font-weight:bold;padding-left:0;margin-bottom:0.0em;}
.study_class_item div.open_class {margin-bottom:0.3em;border-bottom:1px dotted #ccc;}
.study_class_item div.open_class:last-child {border-bottom:none;}

.study_class_item .class_info h3.scheddule_date {font-weight:bold;color:#35a306;font-size:1.4em;margin-bottom:0.3em;padding-left:0;border-bottom:none;padding-bottom:0;line-height:1.3;}
.study_class_item .class_info h3.scheddule_date.sunday {color:#ef4e73;}
.study_class_item .class_info h3.scheddule_date.saturday {color:#4e9cef;}
.study_class_item .class_info h3.scheddule_date small {font-weight:bold;color:#000;font-size:0.9em;}
.study_class_item .description span.course_name {font-weight:bold;font-size:1.4em;margin-bottom:0.3em;padding-left:0;border-bottom:none;padding-bottom:0;line-height:1}
.laushi_name {font-weight:bold;color:#0822a6;font-size:1.2em;}

.has_change {
background-image:linear-gradient(#888, #888);background-position:0 50%;background-size:100% 2px;background-repeat: repeat-x; color:#888;text-decoration:none;
}

ul.sub_menu {border:1px solid #ccc;background:#fafafa;border-radius :0.3em;box-shadow:0px 0px 5px silver;padding:0.92em 0.92em;}
ul.sub_menu li {list-style-type:none;}
ul.sub_menu li a {display:block;text-decoration:none;color:#000;border-radius:0.3em;padding:0.5em 0.2em;margin:0.2em 0;}
ul.sub_menu li a:hover {text-decoration:none;background-color:#f4dede;}
ul.sub_menu li a i.icon-right-circled {font-size:1.4em;color:#c60005;}

.guide_for_trial {font-size:1.1em;font-weight:bold;color:#d65ef1;margin-bottom:0;}


/*----------------------------------
schedule
-----------------------------------*/
div.schedule_item {padding:18px 12px;border:1px solid #ccc;box-shadow:0px 0px 5px silver;border-radius:0.3em;color:#000;width:100%;margin-bottom:1.0em;font-size:0.94em;}

div.schedule_item h3.course_name {border-bottom:none;color:#ff9600;margin-bottom:0;}
div.presense_list_item {border-bottom:1px dotted #ccc;margin:0;padding:0.3em 0;}
div.presense_list_item .table {display:table;width:100%;margin-bottom:0;}
div.presense_list_item .table p {margin-bottom:0;padding:0.2em 0;}
div.presense_list_item div.presense {display:table-cell;vertical-align:top;width:4.6em;padding-left:0.6em;}
div.presense_list_item div.name {display:table-cell;vertical-align:top;margin:0.7em 0;}
div.presense_list_item div.name p {word-break:break-all;word-wrap:break-word;padding-left:0.6em;margin-bottom:0;}
div.presense_list_item div.button {display:table-cell;vertical-align:top;margin:0.7em 0;width:9em;}
div.presense_list_item a {display:block;margin-top:0;margin-bottom:0.2em;line-height:1;padding:0.44em 0.8em;margin-left:0.8em;text-decoration:none;border-radius:2.0em;color:#ffffff;font-weight:bold;background-color:#ff920b;text-align:center;}
a.edit {float:left;display:block;margin-top:0.6em;padding:0.5em 1.0em;margin-left:0.8em;text-decoration:none;border-radius:2.0em;color:#ffffff;font-weight:bold;background-color:#ff920b;margin-bottom:0;}

@media (max-width: 991px) {
	div.schedule_item h3.course_name {
	text-align:center;font-size:1.6em;
	}
}

div.presense_list_item .message {padding:0 0.6em 0.2em;color:#2320d1;}


/*----------------------------------
contact trial
-----------------------------------*/
/*#contact_index h2 {padding-left:0;}*/

/*----------------------------------
member login
-----------------------------------*/
#member_login h3 {border:none;background-color:#0087d5;font-size:1.2em;padding:0.8em 0 0.8em 25px;color:#fff;}

/*----------------------------------
cabinet
-----------------------------------*/
#cabinet_frame {min-height:700px;}
#cabinet_frame #cabinet_directory_list {background-color:#eee;overflow:hidden;overflow-y:scroll;border-right:1px solid #ccc;}
#cabinet_frame #cabinet_directory_list a.cabinet_directory_select {display:table;width:100%;background-color:#fafafa;position:relative;border-bottom:1px solid #d3d3d3;padding:1.0em 0 1.2em;}
#cabinet_frame #cabinet_directory_list a.cabinet_directory_select:hover {text-decoration:none;background-color:#d1edff;}
#cabinet_frame #cabinet_directory_list a.cabinet_directory_select.selected {background-color:#12a2ff;	}
#cabinet_frame #cabinet_directory_list a.cabinet_directory_select.selected:hover {text-decoration:none;background-color:#12a2ff;}
#cabinet_frame #cabinet_directory_list a.cabinet_directory_select i {display:table-cell;color:#50c7eb;padding:0.2em 0 0 0.4em;font-size:1.8em;width:1.8em;}
#cabinet_frame #cabinet_directory_list a.cabinet_directory_select.selected i {color:#fff;}
#cabinet_frame #cabinet_directory_list a.cabinet_directory_select p.directory_name {display:table-cell;vertical-align:top;padding:0.4em 0.2em 0 0.2em;color:#000;font-size:0.94em;}
#cabinet_frame #cabinet_directory_list a.cabinet_directory_select.selected p.directory_name {color:#fff;font-weight:bold;}
#cabinet_frame #cabinet_content {position:relative;overflow:hidden;overflow-y:scroll;overflow-x:hidden;padding-right:1.0em;padding-bottom:5.0em;}
.cabinet_empty {font-size:1.4em;color:#aaa;text-align:center;margin-top:0.6em;}
.upload_panel {background-color:#ddf9ff;margin-top:0.3em;}
.upload_panel p{float:left;padding:0.9em 0.6em;color:#108ec2;margin-bottom:0;font-weight:bold;}
.upload_panel a.btn_file_select {
background-color:#27afd9;border:medium none;border-radius:0;box-shadow:none;color:#fff !important;display:inline-block;line-height:1.3;
padding:0.4em 1.2em 0.4em 1.2em;text-shadow:none;transition:all 200ms ease-in 0s;text-decoration:none;font-weight:bold;float:right;margin:0.8em 0.6em;border-radius:0.3em;
}
.upload_panel a.btn_file_select:hover {background-color:#29bae6;}

/*----------------------------------
comunity
-----------------------------------*/
a.thead_list {display:block;border-bottom:1px solid #ccc;padding:0.6em 1.0em;color:#000;}
a.thead_list:hover {text-decoration:none;background-color:#fafafa;color:#444;}
a.thead_list:first-child {border-top:1px solid #ccc;}

/*----------------------------------
cabinet item
-----------------------------------*/
.cabinet_item {padding:0.6em;border:1px solid #bbb;margin:0.5em;border-radius:0.3em;}
.cabinet_item .header {padding-bottom:0.4em;}
.cabinet_item input[type="checkbox"] {margin:0.4em 0 0 0.4em;}
.cabinet_item .header .image_menu > a {display:block;border:1px solid #bbb;border-radius:0.2em;color:#333;}
.cabinet_item .header .image_menu > a .icon-pencil {font-size:1.4em;}

.image_menu {float:right;position:relative}
.image_menu ul {z-index:200;position:absolute;top:100%;right:0;list-style:none;margin:0;border-radius:0 0 3px 3px;}
.image_menu ul li {padding-left:0;width:10em;overflow:hidden;height:0;-moz-transition:.2s;-webkit-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;background-color:#dff1f7;border-right:none;}
.image_menu ul li:hover {background-color:#c9e6f0;}
.image_menu ul li a {padding:0.4em 1em 0 1em;color:#000;text-align:left;font-size:12px;font-weight:normal;height:43px;display:block;border-right:none;width:auto;}
.image_menu ul li a:hover, .image_menu ul li a:focus {text-decoration:none;}

.image_menu:hover ul li {overflow:visible;height:2.7em;border-bottom:1px solid rgba(255, 255, 255, 0.9); }
.image_menu:hover ul li:first-child {border-top:0;}
.image_menu:hover ul li:last-child {border-bottom:0;}

.cabinet_item .thumb {height:177px;width:177px;background-color:#fafafa;margin-bottom:0.2em;position:relative;overflow:hidden;}
.cabinet_item .thumb img {width:100%;height:100%;object-fit:contain;object-position:top center;}
.cabinet_item .thumb .caption {position:absolute;bottom:0;background-color:RGBA(0,0,0,0.7);left:0;right:0;height:3.4em;color:#fff;padding:0.2em 0.4em;}
.cabinet_item p.file_size {font-size:0.84em;margin:0;}
.cabinet_item a.copy_button {border-radius:2.0em;border:1px solid #bbb;padding:0.1em 0.6em;font-size:0.94em;color:#000;display:block;text-align:center;}
.cabinet_item a.copy_button:hover {text-decoration:none;background-color:#ddd;}
.cabinet_item a.cabinet_download_button {border-radius:2.0em;border:1px solid #bbb;padding:0.1em 0.6em;font-size:0.94em;color:#000;display:block;text-align:center;margin-top:0.3em;}
.cabinet_item a.cabinet_download_button:hover {text-decoration:none;background-color:#ddd;}


/*----------------------------------
trial
-----------------------------------*/
a.btn_go_to_trial_form {
display:inline-block;padding:0.5em 3.6em;text-decoration:none;border-radius:4px;color:#ffffff;font-weight:bold;background-image:linear-gradient(45deg, #e8b006 0%, #ff8b5f 100%);
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.29);border-bottom:solid 3px #c58668;margin-bottom:1.0em;
}
a.btn_go_to_trial_form:hover {background-image:linear-gradient(45deg, #FFC107 0%, #ff9d78 100%);}
p.class_trial_attention {color:#e57018;font-weight:bold;font-size:1.2em;}
p.join_class {background-color:#f6ffab;padding:0.4em 0.6em;}

/*----------------------------------
about
-----------------------------------*/
table.about_table tr th,table.about_table tr td {border-left:none;border-right:none;vertical-align:top;padding-top:0.8em;padding-bottom:0.8em;}
table.about_table tr th {background-color:#e7ffd6;width:24%;padding-left:1.0em;font-size:1.2em;color:#1d3b08;}

/*----------------------------------
laoshi
-----------------------------------*/
.laoshi_item {margin-bottom:1.2em;}
.profile_item {display:table;width:100%}
.label_text {display:table-cell;vertical-align:top;width:35%;font-weight:bold;}
.value_text {display:table-cell;vertical-align:top;}

/*----------------------------------
access
-----------------------------------*/
div.access_item {padding:1.2em 1.2em;border:1px solid #ccc;box-shadow:0px 0px 5px silver;border-radius:0.3em;color:#000;margin-bottom:1.0em;}
div.access_item div.place_thumb {margin-bottom:1.0em;}
div.access_item h2.place_name {font-weight:bold;color:#ff9600;font-size:1.4em;margin-bottom:0.3em;padding-left:0;border:none;box-shadow:none;}
div.access_item h3 {border-bottom:none;font-weight:bold;padding-left:0;font-size:1.02em;border-bottom:1px dotted #333;padding-top:0.5em;padding-bottom:0.4em;margin-bottom:0.3em;}
div.access_item p {margin-bottom:0.8em;}

/*----------------------------------
news 
-----------------------------------*/
#news_detail h2 {margin:1.5em 0;color:#002ec5;border-bottom:none;font-size:1.6em;}

/*----------------------------------
contact register profile
-----------------------------------*/
p.form_label, p.confirm_value {margin-bottom:3px;padding-left:11px;}
p.form_label {font-weight:bold;}
div.form_value {margin-bottom:1.0em;}
div.form_value p.static {padding:5px 10px;border-bottom:1px solid #ccc;}

div.form_value input[type="text"],
div.form_value input[type="password"],
div.form_value textarea {
background-color:#e5f0ff;
}

#member_profile h3 a.btn_edit_profile {float:right;font-size:14px;background-color:#006857;color:#fff;padding:2px 25px 2px 35px;border-radius:5px;font-weight:bold;}
#member_profile h3 a.btn_edit_profile:hover {text-decoration:none;background-color:#249a24;}

p.suggest_register {font-size:1.2em;background-color:#0087d5;padding:10px;color:#fff;margin-bottom:1.2em;text-align:center;border-radius:3px;}
div.error_message {background-color:#ffced6;padding:10px;margin-bottom:1.0em;}
div.error_message p {color:#ff0000;margin:0;padding: 0;}

input.file_selector {display:none;}
.image_select_box p {margin-bottom:0;}
a.btn_file_select {
background-color:#00469b;border:medium none;border-radius:0;box-shadow:none;color:#fff !important;display:inline-block;font-size:12px;
margin-bottom:0.8em;margin-right:4px;padding:5px 35px 3px 35px;text-shadow:none;transition:all 200ms ease-in 0s;text-decoration:none;font-weight:bold;
}
a.btn_file_select:hover {
background-color:#165cb1;
}
.drop_image_box, #drop_image_box {text-align:center;background-color:#fafafa;padding:30px 0;}
.drop_image_box img, #drop_image_box img {border:1px solid #aaa;}
.drop_image_box.over, #drop_image_box.over {background-color:#ccc;}
.drop_image_box.over img, #drop_image_box.over img {opacity:0.7;}


a.trial_history {display:table;width:100%;padding:0.9em 0.6em 0.7em;border:1px solid #ccc;box-shadow:0px 0px 5px silver;border-radius:0.3em;color:#000;width:100%;margin-bottom:0.6em;}
a.trial_history:hover {text-decoration:none;background-color:#fafafa}
a.trial_history .content {display:table-cell;vertical-align:top}
a.trial_history .arrow {display:table-cell;vertical-align:top;text-align:right;padding-right:0.5em;}

/*----------------------------------
login
-----------------------------------*/
.login_form_padding {width:24em;margin:2em auto;}

#member_login p.form_label {text-align:left;}

/*----------------------------------
mypage
-----------------------------------*/
.mypage_menu_list {margin-bottom:1.0em;}
.mypage_menu_list a {display:table;color:#000;text-decoration:none;border-bottom:1px dotted #ccc;width:100%;padding-top:0.6em;padding-bottom:0.6em;}
.mypage_menu_list a.selected {background-color:#e0f6ff;font-weight:bold;color:#216fff;}
.mypage_menu_list a:hover {text-decoration:none;}
.mypage_menu_list a div {display:table-cell;vertical-align:top;}
.mypage_menu_list a div.title {padding-left:12px;	}
.mypage_menu_list a div.arrow {width:1.6em;}

.online_info {padding:0.6em;}
.online_info span {display:inline-block;padding:0.2em 0.5em;background-color:#107554;color:#fff;font-weight:bold;margin-right:0.6em;}

/*------------------------------
pager
------------------------------*/
.pager {text-align:right;}
.pager a, .pager span {display:inline-block;padding:6px 15px;text-align:center;line-height:22px;border-radius:3px;margin-bottom:0.6em;}
.pager a {color:#00469b;border:1px solid #00469b;}
.pager span {color:#ccc;border:1px solid #ccc;}
.pager span.current {color:#fff;background-color:#00469b;}

/*------------------------------
small page fix
------------------------------*/
@media (min-width: 992px) {
#header_bar .light-wrapper {font-size:1.1em;}
}
@media (max-width: 991px) {
	.col-xs-6 {width:49.5%;}
	[class*="col-"]{margin-bottom:0.2em;}
	
	body input[type="text"],
	body input[type="password"] ,
	body textarea {
	font-size:16px;
	}
	.container {padding-top:25px;padding-bottom:25px;}
	.divide30 {height:10px;}
	.large_only {display:none;}
	.sp_only {display:block;}
	.large_only_padding {padding:0;}
	.text_padding {padding: 0;}
	.padding_space_box {padding:0;}
	.padding_space_box .padding_space_box_inner {width:100%;padding:25px 0;border:none;box-shadow:none;}
	.pager {text-align:center;}
	.col-md-8, .col-md-4 {margin-bottom:25px;}
	h2 {text-align:center;font-size:1.35em;padding:0.7em 0;}
	h3 {padding-left:0;padding-right:0;font-size:1.10em;}

#header_bar .container {line-height:1.3}
	#header_bar {height:3.6em;}
	#header_bar .container {padding-left:0.6em;padding-top:0.6em;width:auto;}
	#header_bar a.go_login {display:block;position:absolute;right:0;top:0;background-color:#006857;color:#fff;padding:12px 0 0;height:3.6em;width:50px;text-align:center;}
	
	#header {border-bottom:1px solid #888;}
	#header .container {padding:0 0;}
	
	#smart_menu {display:block;margin-top:0;position:absolute;right:0;top:0;background-color:#006857;}

	#header a#site_logo {margin:0 0 0 10px;}
	#header a#site_logo img.jp {width:201px;height:42px;margin-top:0;margin-left:-5px;}
	#header a#site_logo img.en {width:208px;height:42px;margin-top:0;margin-left:-5px;}
	
	#footer_corporate_info .container h2 {border:none;text-align:left;background-color:transparent;color:#00469b;}
	
	#header_menu {display:none;}
	
	/*----------------------------------
	home
	-----------------------------------*/
	.top_news_list a div.date {width:8em;padding-left:12px;}

	h1.board {font-size:1.5em;}
	h2.teacher_name {border-left:none;font-size:1.4em;}
	h2.trial {border-bottom:dotted 4px #2d2d66;border-left:none;}
	table.about_table tr th {font-size:1.0em;}
	#class_trial {font-size:1.0em}
	.study_class_item div.open_class_list p.laoshi_name {font-size:1.2em;}
	
	.list_item .item_title {display:block;margin-bottom:10px;}
	.list_item .item_title h3 {display:block;padding-bottom:10px;}
	.list_item .item_title a.btn_go_detail {display:none;}
	.list_item .item_frame {display:block;height:auto;}
	.list_item .item_frame div.image_frame {display:block;width:auto;margin-bottom:10px;}
	.list_item .item_frame div.image_frame figure img {width:100%;margin:0 auto;}
	.list_item .item_frame div.description_frame {display:block;}
	.top_study_class_list p {float:none;}

	.top_study_class_list div.top_study_class_item {border:1px solid #ccc;}
	
	.top_study_class_list p.disabled,
	.top_study_class_list a.btn_go_to_trial_form {
	display:block;float:none;text-align:center;margin-bottom:1.0em;
	}

	#member_login h3 {border-bottom:1px solid #000;background-color: #fff;padding:0.8em 0 0.8em 0;color:#000;}
	
	.login_form_padding {width:100%;}
	
	table.about_table tr th {width:28%;}

	
	table.calendar th {width:30%;text-align:left;vertical-align:top;line-height:2.0;}
	table.calendar th p.saturday {color:#4e9cef}
	table.calendar th p.sunday {color:#ef4e73}
	table.calendar td {width:70%;vertical-align:top;line-height:2.0;}
	
	div#overBoxLayerFlame {width:90%;}
	
	
	
	.form_item p.form_label {padding-left:11px;padding-bottom:0.3em;font-weight:bold;color:#3f68ab;}
	.form_item p.form_sub_label {color:#009ac4;font-weight:bold;}
	.form_item div.form_value p {font-size:15px;}
	
	.form_item div.form_value select {width:99%;}
	.form_item div.form_value select.short,
	.form_item div.form_value input[type="text"].short,
	.form_item div.form_value input[type="password"].short {
	width:100%;margin:0 0 0.5em;
	}
	
}
@media (max-width: 767px) { 
	#header .container {padding:0;}
}

@media (max-width: 370px) {
	#header a#site_logo img.jp {width:158px;height:33px;margin-top:10px;}
	#header a#site_logo img.en {width:163px;height:33px;margin-top:10px;}
}