@charset "UTF-8";
/* 
-------------------------------------------------------------------------
▼▼▼▼ Page Title ▼▼▼▼
------------------------------------------------------------------------- */
.sg_main {
    padding: 20px 2px 0;
    font-size: 14px;
    color: #333333;
}
.tit_page { text-align: center; padding-bottom: 20px;}
.sg_footer_page {
     background: #1c1a1d;
     color: #fff;
     position: relative;
     margin-top: 30px;
     padding-top: 10px;
}
.sg_footer_page .page_up { text-align: right; position: absolute; top: -25px; right: 10px;}
.sg_footer_page .f_end {
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}
.sg_footer_page .f_menu { 
    background: url(../common_img/f_bgmenu.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 320px;
    padding: 0px 20px;
    font-family: "ＭＳ ゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
}
.sg_footer_page .f_menu li { width: 140px; float: left;line-height: 1.2;}
.sg_footer_page .f_menu a { color: #fff; text-decoration: none; font-weight: bold;}
.sg_footer_page a { color: #fff; }
/* 
-------------------------------------------------------------------------
▼▼▼▼ Page Alumna ▼▼▼▼
------------------------------------------------------------------------- */
.alumna_box { padding: 0 10px; margin-bottom: 20px;}
.alumna_box p { padding-bottom: 10px;}
.accordion { margin-bottom: 20px;}
.accordion .link_alumna_tit { position: relative; margin-bottom: 10px;}
.accordion .link_alumna_tit.opened:after {
    color: #fff;
    content: "▲";
}
.accordion .link_alumna_tit:after {
    color: #fff;
    content: "▼";
    position: absolute;
    right: 5px;
    top: 8px;
}
.page_alumna .link_alumna li { border-left: 4px solid #813E16; margin-bottom: 5px; padding-left: 10px; line-height: 1.2;}
.link_alumna a { color: #813E16; line-height: 1;}
.alumna_box03 .staff {
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 5px 0 20px; ;
}
.alumna_box03 .name { background: #ded8b8; padding: 10px; margin-bottom: 5px;}
.alumna_box03 .name .tit_name {color: #432815; font-weight: bold; }
.alumna_box03 .alumna_table { width: 100%;}
.alumna_box03 .alumna_table th, td { padding: 5px 10px; font-size: 12px;}
.alumna_box03 .alumna_table th { background: #f8f8c6; font-weight: normal; text-align: left; border: 1px solid #ccc;}
.alumna_box03 .alumna_table td { border: 1px solid #ccc; background: #fff;}
.alumna_box03 .alumna_table td  a { color: #813E16;}
/* 
-------------------------------------------------------------------------
▼▼▼▼ Page Classinfo ▼▼▼▼
------------------------------------------------------------------------- */
.classinfo_h3_tt {
     background: url(../common_img/bg_h3_tit.jpg);
    background-repeat: no-repeat;
    background-size: 317px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 7px 25px;
    margin-bottom: 10px;
}
.page_classinfo a { color: #333; text-decoration: none;}
.style1 {
    color: #0000FF;
    font-weight: bold;
}
.classinfo { width: 100%;}
.classinfo th { padding: 4px 15px; background: url(../classinfo/images/th_bg.jpg) no-repeat; background-size: 295px; text-align: left; font-size: 14px; font-weight: normal;}
.classinfo td { background: #fff; padding: 4px 15px;   font-size: 14px; font-weight: normal; border: none;}
.classinfo a { text-decoration: underline;}
/* 
-------------------------------------------------------------------------
▼▼▼▼ Page Course ▼▼▼▼
------------------------------------------------------------------------- */
.page_course .link_alumna li.tomo01 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff319;
    border: solid 2px #7a6337;
}
.page_course .link_alumna li.tomo02{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffd920;
    border: solid 2px #7a6337
}
.page_course .link_alumna li.tomo03 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fbc326;
    border: solid 2px #7a6337;
}
.page_course .link_alumna li {
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
}
.page_course .link_alumna li a {
    color: #333;
    text-decoration: none;
    display: block;
}   
.alumna_btn01 {
	background: url(../course/images/btn01.jpg) no-repeat; background-size: 316px; text-align: center; font-size: 18px; font-weight: normal; color: #fff; padding: 5px 0; margin-bottom: 5px;width: 316px;
}
.alumna_btn02 {
	background: url(../course/images/btn02.jpg) no-repeat; background-size: 316px; text-align: center; font-size: 18px; font-weight: normal; color: #fff; padding: 5px 0; margin-bottom: 20px; width: 316px;
}
.page_course .alumna_box a { text-decoration: none; color: #663300;}
.page_course .course_h4_tt {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9A999D;
    font-weight: normal;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #9F9EA1;
    padding-left: 10px;
    background-color: #F2F2CD;
    text-align: left;
    padding-bottom: 0;
    margin-top: 10px;
}
.page_course .yoyaku {
    background-color: #FF9933;
    float: right;
    width: 180px;
    text-align: center;
    padding: 3px;
    margin-right: 10px;
    border: 1px solid #582300;
}

#sche_box dl{
    margin-bottom: 10px;
}
#sche_box dt{
  position: relative;
  background: #ddd;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}
#sche_box dt:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

#sche_box dt.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
#sche_box dd{display: none;}

#sche_box dd table{
    width: 100%;
}
#sche_box dd table th{
    background: #ecb039;
    border: 1px solid #ccc;
    vertical-align: middle;
    width: 15%;
}
#sche_box dd table td{
    vertical-align: middle;
    padding: 5px 0 5px 10px;
}
#sche_box dd table td ul li{
    list-style: disc;
    margin-left: 20px;
}
#sche_box dd table td span.sche_a{
    color: #ff0000;
}
#sche_box dd table td span.sche_b{
    color: #007340;
}
#sche_box dd table td span.sche_c{
    color: #0000ff;
}
#sche_box dd table td span.sche_d{
    color: #ffc000;
}
#sche_box dd table td a{
    color: #704c28;
}

/* 
-------------------------------------------------------------------------
▼▼▼▼ Page News ▼▼▼▼
------------------------------------------------------------------------- */
.news {
    border: 1px solid #D7B65B;
    margin-bottom: 20px;
}
.news .tit_news01 {
    font-weight: normal;
    color: #fff;
    background: #a1393d;
    padding: 5px 10px;
}
.news .tit_news02 {
    font-weight: normal;
    color: #ff730a;
    background: #ffffcc;
    padding: 5px 10px;
    border-bottom: 1px dotted #ccc;
}
.news_detail { padding: 10px 5px 0;}
.news_detail a { color: #813E16;}
.photo {
	width: 40%;
    float: right;
    margin-left: 10px;
}
.photo img {
	padding: 1px;
	width: 100%;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
	background-color: #F6FBFF;
}

.news .date {
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    padding: 3px 5px;
    color: #ff0000;
    background-color: #FDFDCA;
    text-align: right;
}
.news_detail p { padding-bottom: 10px;}
/* 
-------------------------------------------------------------------------
▼▼▼▼ Page Shop ▼▼▼▼
------------------------------------------------------------------------- */
.page_shop .shop_txt { 
    background: url(../shop/images/bg_content_01.jpg) no-repeat top right;
    background-size: 300px;
    padding-bottom: 70px;
}
.page_shop .shop_txt p { width: 125px;  }
.page_shop a { color: #333; text-decoration: none;}
.page_shop .shop_img01 { float: left;}
.page_shop .shop_img01 li { width: 145px; }
.page_shop .shop_img03 li { width: 140px; float: left; margin-right: 16px; }
.page_shop .shop_img02 { width: 135px; float: right;}
.tt_access { text-align: left; padding: 0; margin: 0}
/* 
-------------------------------------------------------------------------
▼▼▼▼ Page Course_regist ▼▼▼▼
------------------------------------------------------------------------- */
.page_course a.course_regist_a { color: #813e16; text-decoration: underline;}
.page_course a.course_regist_a2 { color: #ff0000; text-decoration: underline;}
.course_regist { margin: 0 5px;}
.page_course .c1_name { 
    background-image: url(../course/images/c1.jpg);
    background-repeat: no-repeat;
    background-size: 310px;
    font-weight: bold;
    padding: 10px;
    padding-left: 70px;
    color: #ff000f;
}
.page_course .c2_name { 
    background-image: url(../course/images/c2.jpg);
    background-repeat: no-repeat;
    background-size: 310px;
    font-weight: bold;
    padding: 10px;
    padding-left: 70px;
    color: #ff000f;
}
.course_regist_tbl { margin: 10px 0px; width: 305px;}
.course_regist_tbl th, td { padding: 5 10px; border: 1px solid #ccc; font-size: 14px;}
.course_regist_tbl th { background: #fffbcc; text-align: center; font-weight: normal; width: 80px;}
.course_regist_tbl td { background: #fff;}
.classinfo input#name, input#furigana, input#phone, input#mail, input#address { width: 96%; margin-bottom: 4px; padding: 3px;}
.classinfo input#address01 { width: 30%; margin-bottom: 5px;}
.classinfo select#state { width: 65%; margin-bottom: 5px;}
#regist_btn {text-align: center; margin-bottom: 20px;}
#regist_btn .btn_form { width: 155px; }
.detail01_course { margin:10px 5px 20px;}
.tt_h4course { color: #b74f2b; text-align: left; padding-bottom: 10px;}
.detail02_course_tabl { width: 100%;}
.detail02_course_tabl th { font-size: 12px; text-align: center;}
.detail02_course_tabl td { text-align: center; position: relative; border: none; font-size: 90%;}
.detail02_course_tabl td span { position: absolute; bottom: 3px; left: 50%; margin-left: -2px; font-weight: bold; font-size: 16px;}
.detail02_course_tabl td a { color: #333; text-decoration: none; display: block; background: #fff; padding: 4px 5px; border-radius: 30px;}
.detail02_course_tabl td a span { color: #5c2806; text-decoration: none;}
.detail02_course_tabl td a:hover {
    background: #5c2806;
    padding: 4px 5px;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    display: block;
}
.detail02_course_tabl td a:hover span { color: #fff;}
/* 
-------------------------------------------------------------------------
▼▼▼▼ Popup ▼▼▼▼
------------------------------------------------------------------------- */
.detailscourse_box {
    background: rgba(94,44,9,.70);
    -webkit-box-shadow: 0 0 0 3px rgba(94,44,9,.78);
    -moz-box-shadow: 0 0 0 3px rgba(94,44,9,.78);
    box-shadow: 0 0 0 3px rgba(94,44,9,.78);
    border: solid 3px #fff;
    border-radius: 3px;
    padding: 0 5px;
}

.detailscourse_box .detailscourse_boxtxt { width: 100%;}
.detailscourse_box .detailscourse_boxtxt td { color: #fff; padding: 5px 0px; border: none; vertical-align: middle; position: relative; font-weight: bold; padding-left: 10px; border-bottom: 1px solid #fff;}
.detailscourse_box .detailscourse_boxtxt td input { position: absolute; right: 5px; top: 50%; margin-top: -8px;}
.none_border { border: none !important;}
#lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100% ; width:100%; background: #000; display: none;}


.detail02_course_tabl td a {
    color: #333;
    text-decoration: none;
    display: block;
    background: #fff;
    padding: 4px 5px;
    border-radius: 30px;
    /* width: 50px; */
    /* height: 50px; */
}
.popup_box {
    text-align: left;
    position: relative;
    left: 0px;
}
.popup_box span {
    position: relative !important;
    left: 0px !important;
}