@charset "UTF-8";
@import "reset.css";
@import "form.css";
@import "mmaga.css";
@import "entry.css";
@import "blog.css";
@import "shopping.css";
@import "mypage.css";
@import "calendar.css";
@import "reserv.css";
@import "quest.css";
@import "sns.css";
@import "common.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family:"MS PGothic","Osaka",Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing: 0.5px;color:#333;min-width:920px;}
table{font-size:1em;}
img{max-width:100%;}
/********** container **********

/********** ヘッダー **********/
.l_header{background:url("../images/bg_pattern.png") repeat left top;height:100px;}
#header{margin:0 auto;}
#top h1{}
#help_navi{}
#help_navi li{margin-left:10px;}
#main_navi li{}

.header .l_grid{position:relative;width:980px;}
.logo{background:url("../images/logo.png") no-repeat left bottom;
text-indent:100%;white-space:nowrap;overflow:hidden;display:inline-block;width:500px; height:58px;
position:absolute;left:0;top:20px;
}
.logo a{display:block;width:100%;height:100%;}

.header_contact{width:200px;float:right;color:#fff;margin-top:13px;}
.header_contact .tel{font-size:18px;font-weight:bold;line-height:1;text-align:center;margin-bottom:12px;}
.header_contact .come_btn a{width:152px;font-size:16px;padding:12px 24px;}
.header_contact .come_btn.next a::after{
    position:absolute;content:"";width:0;height:0;position:absolute;right:16px;top:50%;
    border-color:transparent transparent transparent #fff;
    border-width:5.5px 0px 5.5px 8px;border-style:solid;margin-top:-5px;
}

/********** コンテンツ **********/
#contents{margin:0 auto;}

.l_grid{width:1200px;margin:0 auto;}
.l_grid_n{width:980px;margin:0 auto;}

#pankuzu{padding:5px 10px;}
#column-left{width:180px;}
#column-center{width:720px;}
.gotop {font-size:11px;text-align:right;position:fixed;right:10px;bottom:140px;z-index:10;display:none;}
.gotop a{background:url("../images/btn_back_top.png") no-repeat left bottom;
background-size:60px 60px; -webkit-background-size:60px 60px; -moz-background-size:60px 60px; -o-background-size:60px 60px; -ms-background-size:60px 60px;
text-indent:100%;white-space:nowrap;overflow:hidden;display:inline-block;width:60px; height:60px;
}

/********** メインナビ **********/
.main_navi{background:#cc3e84;}
.main_navi ul{width:994px;margin:0 auto;}
.main_navi ul li{display:inline;float:left;}
.main_navi ul li a{display:block;color:#fff;text-align:center;text-decoration:none;line-height:1;
padding:22px 0;font-weight:bold;
}
.main_navi ul li a:hover,.main_navi ul li.cr_on a{background:#fff;color:#e67eb1;}
.mn_home{width:100px;}
.mn_school{width:154px;}
.mn_course{width:158px;}
.mn_lecturer{width:150px;}
.mn_results{width:136px;}
.mn_performance{width:150px;}
.mn_form{width:140px;}

/********** フッター **********/
.l_footer{background:#cc3e84;height:70px;}
.footer_navi{margin:0 auto;width:835px;}
.footer_navi li{display:inline;float:left;padding:23px 13px;}
.footer_navi li a{text-decoration:none;color:#fff;font-size:16px;line-height:1;position:relative;}
.footer_navi li a:hover{text-decoration:underline;}
.footer_navi li a::before{content:"";width:1px;height:16px;background:#fff;display:block;position:absolute;left:-14px;top:0;}
.footer_navi li.first a::before{content:none;}

.copyright{background:#1b1b1b;font-size:14px;text-align:center;color:#fff;padding:19px 0 17px;line-height:1;}

/********** サイドバナー **********/
.parts_sidebanner li{margin-bottom:10px;}

/********** ログインフォーム **********/
.login {margin-bottom:10px;}
.login p{padding-left:10px;}
.login .form {padding:3px 0 0 10px;}
.login .form dt{font-weight:bold;}
.login .form dd{padding-bottom:5px;}

/**************/
.l_breadcrumb{padding: 10px 50px;border-top: 1px solid #cc3e84;font-size: 14px;}

/*****************************************************************************
						▼ここから書き加えてください▼
******************************************************************************/
.come_btn a,.come_btn span{display:block;position:relative;line-height:1;background:#db67a0;text-align:center;color:#fff;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;
border-bottom:3px solid #cc3e84;text-decoration:none;
}
/****** 画像共通スタイル  *************************/
.img_left .image{float:left;}
.img_right .image{float:right;}
.on_image.img_left .text{float:right;margin-right:30px;}
.on_image.img_right .text{float:left;}
.image .bg_contain{display:block;background-size:contain;background-position:center;
background-repeat:no-repeat;
text-indent:100%;white-space:nowrap;overflow:hidden;
}
.image .bg_cover{display:block;background-size:cover;background-position:center;
background-repeat:no-repeat;
text-indent:100%;white-space:nowrap;overflow:hidden;
}

.come_h1_title{background:url("../images/bg_pattern.png") repeat left -45px;height:100px;
box-shadow:2px 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.3); -moz-box-shadow:2px 2px 6px rgba(0,0,0,0.3); -o-box-shadow:2px 2px 6px rgba(0,0,0,0.3);
}
.come_h1_title h1{font-size:22px;text-align:center;color:#fff;padding:40px 0 0;line-height:1;}


/****** lecturer  *************************/
.cont_lecturer{padding:0 0 40px;}
.cont_lecturer_menu{padding:40px 0;}

.lecturer_box{padding:20px 0;}
.lecturer_box .wrapper{position:relative;background:#ffeef5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;
padding:20px;
}

.lecturer_name{position:relative;border-bottom:2px solid #cc3e84;font-size:20px;color:#cc3e84;
padding:5px 0 5px 35px;
}
.lecturer_name::before{content:"";display:block;width:18px;height:20px;
background:url("../images/icon_music.png") no-repeat left top;position:absolute;left:5px;top:10px;
}
.lecturer_name .come_btn{width:200px;position:absolute;right:0;top:-5px;}
.lecturer_name .come_btn a{padding:10px 0;font-size:16px;}

.lecturer_box .inner{padding:10px;}
.lecturer_box .image{position:relative;width:150px;}
.lecturer_box .profile{padding:20px 0;}

.lecturer_box .inner.on_image .text{width:700px;position:relative;}


.lecturer_box .image span{position:relative;display:block;}

.lecturer_box .image span img{position:relative;z-index:1;}

.lecturer_box .text h2{font-size:20px;color:#ef00a5;text-align:center;font-family:"HiraMinProN-W3","ヒラギノ明朝 ProN W3",serif;
}

.lecturer_box .inner p.position{background:#fff;padding:10px 10px 10px 130px;position:relative;}
.position .icon{background:#cc3e84;text-align:center;width:100px;display:inline-block;color:#fff;
position:absolute;top:10px;left:10px;
}

/****** performance  *************************/
.cont_performance{background:url(../images/bg_pattern2.png) repeat left top;padding-bottom:30px;}
.cont_performance_menu{padding:40px 0;}
.area_year{border-right:2px solid #cc3e84;border-bottom:2px solid #cc3e84;border-left:2px solid #cc3e84;
margin-bottom:40px;
}
.area_year .year{background:#cc3e84;color:#fff;font-size:20px;font-family:"HiraMinProN-W3","ヒラギノ明朝 ProN W3",serif;line-height:1;padding:10px;
}
.area_year .wrapper{padding:10px 0;background-color:#fff;}
.area_year .box {padding:0 38px;}
.area_year .box .performance_box{border-top:1px dashed #cc3e84;padding:20px 0 10px;}
.area_year .box:first-child .performance_box{border-top:none;}
.performance_box .on_image .text{width:600px;}
.performance_name{margin-bottom:10px;font-size:18px;}
.performance_name h2{background:#ffeef5;padding:10px;}
.performance_name .name{display:block;font-size:14px;}

.performance_box dl dt{padding:0 10px;}
.performance_box dl dd{padding:0 10px 10px;}

/****** リンクメニュー  *************************/
.come_link_menu{border-left:none;}
.come_link_menu .li_blk{display:inline-block;vertical-align:bottom;border-top:2px solid #cc3e84;
border-right:2px solid #cc3e84;border-bottom:2px solid #cc3e84;margin-top:-2px;
}
.come_link_menu .box{float:left;display:inline;width:244px;background-color:#fff;
}
.come_link_menu .box a{position:relative;display:block;text-decoration:none;color:#cc3e84;padding:10px 30px;
border-left:2px solid #cc3e84;
}
.come_link_menu .box a::after{content:"";display:block;background:url("../images/arrow_come_list.png") no-repeat;
width:10px;height:10px;position:absolute;right:20px;top:50%;margin-top:-5px;
}
.come_link_menu .box a:hover{background:#cc3e84;color:#fff;}
.come_link_menu .box a:hover::after{content:"";display:block;background:url("../images/arrow_come_list_on.png") no-repeat;
width:10px;height:10px;position:absolute;right:20px;top:50%;margin-top:-5px;
}


/****** results  *************************/
.cont_results{padding:0 0 20px;}
.cont_results_list{padding:30px 0;}
.cont_results_list .listbox .box{width:490px;float:left;display:inline;margin:10px 0;
}
.cont_results_list .listbox .box .name{position:relative;padding:16px 20px 10px 35px;
}
.cont_results_list .listbox .box .name.on_btn{padding:16px 200px 10px 35px;}
.cont_results_list .listbox .box .name::before{content:"";display:block;width:18px;height:20px;
background:url("../images/icon_music.png") no-repeat left top;position:absolute;left:10px;top:10px;
}

.cont_results_list .listbox .come_btn{width:150px;position:absolute;right:20px;top:10px;}
.cont_results_list .listbox .come_btn a{padding:5px 0;font-size:15px;line-height:20px;}

.cont_results_list .listbox .box .wrapper{position:relative;background:#ffeef5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;margin:0 10px;
border:2px solid #cc3e84;height:100%;
}
.cont_results_list .listbox .box .wrapper::after{content:"";display:block;width:18px;height:20px;
background:url("../images/icon_music.png") no-repeat left top;position:absolute;right:10px;bottom:10px;
}
.cont_results_list .listbox .box h2{color:#cc3e84;font-size:18px;}
.cont_results_list .listbox .box .inner{margin:5px 20px 20px;padding:10px;background:#fff;}
.cont_results_list .listbox .box .text{/*background:#fff;*/padding:10px;}

.come_btn a:hover{opacity:0.8;}