@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: heading
 * 2: paragraph
 * 3: list
 * 4: table
 * 5: box
 * 6: link
 * 7: others
 *
 * ****************************
 */


/*
======= 1: heading =======
*/
h1,h2,h3,h4,h5 {
  font-size: 100%;
  line-height: 1.5;
}
/*---- h1 / h2 / h3 / h4  ----*/
.sttl02,
.sttl06,
.sttl07,
.sttl08,
.sttl09,
.sttl10 {
  margin-bottom: 15px;
  padding: 5px;
  border: 3px solid #69396C;
}
.sttl06 { border: 3px solid #E84C3D; }
.sttl07 { border: 3px solid #E77E23; }
.sttl08 { border: 3px solid #16A086; }
.sttl09 { border: 3px solid #3598DC; }
.sttl10 { border: 3px solid #9C59B8; }

.sttl03, .sttl12 { font-size: 133%; }
.sttl03 span { font-size: 77%; }
.sttl04, .sttl11 { font-size: 116%; }
.sttl04 span { font-size: 75%; }
.sttl04 img { vertical-align: middle; }
.sttl05 { font-size: 100%; }
.sttl11 {
  padding: 0 0 0 25px;
  min-height: 20px;
  _height: 20px;
  background: url(../../img/flow/txt02.gif) no-repeat 0 0;
  background-size: 20px 20px;
}


/**/
.sttl02_01,
.sttl06_01,
.sttl07_01,
.sttl08_01,
.sttl09_01,
.sttl10_01 {
  font-size: 200%;
}
.sttl07_02,
.sttl12_01{
  font-size: 116%;
}
@media screen and (max-width:640px){
.sttl02,
.sttl03,
.sttl06,
.sttl07,
.sttl08,
.sttl09,
.sttl10,
.sttl12,
.sttl12_02{
  font-size: 1.125rem;
}
/**/
.sttl02_01,
.sttl02_02,/*2017年度デビュー*/
.sttl06_01,
.sttl07_01,
.sttl08_01,
.sttl09_01,
.sttl10_01,
.sttl10_02/*2017年度デビュー*/{
  margin-bottom: 10px;
  font-size: 0.875rem;
}
.sttl07_02 {
  font-size: 0.875rem;
}
}

/*
======= 2: paragraph =======
*/
@media screen and (max-width:640px){
.txt01 {
  font-size: 0.75rem;
}
}

/*
======= 3: list =======
*/
/*---- ul ----*/
ul {
  margin-left: 0;
  list-style: none;
}
ul ol li {
  padding-left: 0;
  background: none;
}

/**/
@media screen and (max-width: 820px){
  .bnrList01 li {width: 33%;}
}
/**/

/* phList */
.phList {
  position: relative;
  width: 100%;
  margin-left: 0;
}
.phList li {
  float: left;
  width: 31%;
  margin: 0 0 10px 5px;
  text-align: center;
}

@media screen and (max-width:640px){
.phList li {
  font-size: 80%;
  line-height: 1.2;
}
.phList li .mb20 {
  margin-bottom: 10px !important;
}
}
@media screen and (min-width: 640px) and (max-width: 820px){
.phList li {
  float: left;
  width: 31%;
  margin: 0 0 20px 15px;
  text-align: center;
}
}
/* linkList */
.linkList li {
  float: left;
  width: inherit;
  margin-right: 10px;
  padding-left: 15px;
  background: url(../../img/common/bg_disc01.gif) no-repeat 5px 0.7em;
}

/*instList*/
.instList {
  position: relative;
  width: 100%;
  margin-left: 0;
}
.instList li {
  float: left;
  width: 25%;
  margin: 0 0 30px 0;
  text-align: center;
}
.instList li p {
  margin: 0 5px;
}
.instList li img{width: 100%;}
@media screen and (max-width:640px){
.instList li {
  float: left;
  width: 33.3%;
  margin: 0 0 30px 0;
  text-align: center;
}
}

/*---- ol ----*/
ol {
  margin-left: 20px;
}
ol ul,
ol ol {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* ol_type01 */
ol.ol_type01 {
  margin-left: 20px;
}
ol.ol_type01 li {
  padding: 0 0 5px 15px;
}

/*---- dl ----*/


/* defineList  クラス紹介のみで使用*/
dl.defineList dd {display: block;}

/*
======= 4: table =======
*/
table {width: 100%;}
table.tbl_history th,
table.tbl_history td {
  vertical-align: top;
}
table.tbl_history th {
  padding-right: 15px;
  text-align: left;
  font-weight: normal;
}
table.tbl_history th.type01 { width: 5.5em; }
table.tbl_history th.type02 { width: 4em; }
table.tbl_history th.type03 { width: 8em; }

/*
======= 5: box =======
*/
.box01 {
  border: 1px solid #CCD5DD;
  border-top: none;
}

@media screen and (max-width:640px){
  .box02 {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .box02 a{
    display:block;
    width:300px;
    margin:auto;
  }
}

.sideBnr {
  width: 100% !important;
}
#newsBox {
  height: 310px;
  overflow: hidden;
}
.youtubeBox {
  padding: 7px 7px 2px;
  background: #CCD5DD;
}
.gmapBox {
  width: 100%;
  height: 320px;
  border: 0;
}
.courseImg {
  display: block;
  margin-bottom: 15px;
}

@media screen and (min-width: 640px) and (max-width: 820px){
    .courseImg{width: 45%}
    .courseImg img {
      width: 100%;
      height: auto;
    }
    .courseImg map {display: none;}
    .courseTxt {
    width: 55%;
    margin-bottom: 0
    }
}
@media screen and (max-width:640px){
    .courseBox {
      width: 100%;
      position: inherit;
    }
    .courseImg {
        position: static;
      text-align: center;
    }
    .courseImg img {
      width: 65%;
      height: auto;
    }
    .courseTxt {
      position: static;
      width: 100%;
        margin-bottom: 20px;
        float: none;
    }
}

.flowBox_web,
.flowBox_pdf {
  float: none;
  width: 100%;
  min-height: inherit !important;
  padding: 5px;
  border: none;
  background: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flowimg img{
  width: 100%;
  margin-bottom: 10px;
}
/* popup-gallery */
.popup-gallery {
  position: relative;
  width: 100% !important;
  margin-left: 0;
}

@media screen and (max-width:640px){
  .popup-gallery a {
    width: 25%;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0;
    padding-right: 2px;
    padding-bottom: 0;
    padding-left: 2px;
  }
  .popup-gallery a img {
    width: 100%;
    height: auto;
  }
}


/**/
.divide_le01 {
  float: left;
  margin: 0;
}
/**/
.divide_ri01 {
  float: right;
  margin: 0;
}


.divide_ph_le01,
.divide_ph_le02,
.divide_ph_ri01,
.divide_ph_ri02,
.divide_ph_ri03 {
  width: 100%;
  margin-bottom: 10px;
  float: none;
  overflow: inherit;
  zoom: 1;
  padding-right: 0;/*30px*/
  text-align: center;
}
.break01 { width: 100%; }
.divide_ph_le01 img,
.divide_ph_le02 img,
.divide_ph_ri01 img,
.divide_ph_ri02 img,
.divide_ph_ri03 img {
  width: 50% !important;
  height: auto !important;
  text-align: center;
}
#activities .divide_ph_ri02 img,
#activities .divide_ph_ri03 img {width: 45% !important;}
.divide_ph_le02 {padding-right: 0;/*20px*/}
.divide_ph_ri01 {padding: 0;/*0 0 0 40px*/}
.divide_ph_ri02 {padding: 0;/*0 0 0 20px*/}


/*
======= 6: link =======
*/

.flowBox_pdf a{width: 80%;}
.audition a{width: 80%;}
.qanda .anchorbtn a{width: 49%;}

@media screen and (max-width:420px){
  .course a{width: 80%;}
  .flowBox_pdf .anchorbtn{text-align: center;}
  .lesson{text-align: center;}
  .audition{text-align: center;}
  .obog a{width: 80%;}
}
@media screen and (max-width:375px){
  .lesson a{width: 85%;}
  .course a{width: 85%;}
  .obog a{width: 85%;}
}
/*
======= 7: others =======
*/
.sp_display { display: block; }
.sp_none, .sp_none * { display: none; }
@media screen and (max-width:640px){
.sp_imgResize01 img {
  width: 90%;
  height: auto;
}
.sp_imgResize03 img {
  width: 25% !important;
  height: auto !important;
}
}
/**/
img {
  border: 0;
  vertical-align: bottom;
}

/*15.04.03iPad縦画面崩れのため補正*/
@media screen and (max-width: 820px){
.sideBnr a.ov img {
  width: 100%;
  height: auto;
}
#fb_spl{
  height:30px;
}
}
@media screen and (max-width:640px){
#fb_spl{
  height:40px;
}
}
/*補正ここまで*/

/* carouFredSel */
#mainimg {width: 100%;}
#main div.slidebox img {
  width: 100%;
  height: 100%;
}
#mainimg .caroufredsel_wrapper {
  display: block;
  height: 230px;
}
#next01,
#prev01{
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  background-size: contain;
}
#next01{right: 0;}
#prev01{left: 0;}


/**/
.prev,
.next {
  position: absolute;
  top: 35px;
  cursor: pointer;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}

.align_r{text-align: center !important;}
/*----*/
.mt10, .mv10, .ma10 { margin-top:    5px !important; }
.mr10, .mh10, .ma10 { margin-right:  5px !important; }
.mv10, .ma10 { margin-bottom: 5px !important; }
.ml10, .mh10, .ma10 { margin-left:   5px !important; }
.pt10, .pv10, .pa10 { padding-top:   5px !important; }
.pr10, .ph10, .pa10 { padding-right: 5px !important; }
.pb10, .pv10, .pa10 { padding-bottom:5px !important; }
.pl10, .ph10, .pa10 { padding-left:  5px !important; }
.mt15, .mv15, .ma15 { margin-top:    8px !important; }
.mr15, .mh15, .ma15 { margin-right:  8px !important; }
.mv15, .ma15 { margin-bottom: 8px !important; }
.ml15, .mh15, .ma15 { margin-left:   8px !important; }
.pt15, .pv15, .pa15 { padding-top:   8px !important; }
.pr15, .ph15, .pa15 { padding-right: 8px !important; }
.pb15, .pv15, .pa15 { padding-bottom:8px !important; }
.pl15, .ph15, .pa15 { padding-left:  8px !important; }
.mt20, .mv20, .ma20 { margin-top:    10px !important; }
.mr20, .mh20, .ma20 { margin-right:  10px !important; }
.mv20, .ma20 { margin-bottom: 10px !important; }
.ml20, .mh20, .ma20 { margin-left:   10px !important; }
.pt20, .pv20, .pa20 { padding-top:   10px !important; }
.pr20, .ph20, .pa20 { padding-right: 10px !important; }
.pb20, .pv20, .pa20 { padding-bottom:10px !important; }
.pl20, .ph20, .pa20 { padding-left:  10px !important; }
.mt30, .mv30, .ma30 { margin-top:    15px !important; }
.mr30, .mh30, .ma30 { margin-right:  15px !important; }
.mv30, .ma30 { margin-bottom: 15px !important; }
.ml30, .mh30, .ma30 { margin-left:   15px !important; }
.pt30, .pv30, .pa30 { padding-top:   15px !important; }
.pr30, .ph30, .pa30 { padding-right: 15px !important; }
.pb30, .pv30, .pa30 { padding-bottom:15px !important; }
.pl30, .ph30, .pa30 { padding-left:  15px !important; }

.mt40, .mv40, .ma40 { margin-top:    20px !important; }
.mr40, .mh40, .ma40 { margin-right:  20px !important; }
.mv40, .ma40 { margin-bottom: 20px !important; }
.ml40, .mh40, .ma40 { margin-left:   20px !important; }
.pt40, .pv40, .pa40 { padding-top:   20px !important; }
.pr40, .ph40, .pa40 { padding-right: 20px !important; }
.pb40, .pv40, .pa40 { padding-bottom:20px !important; }
.pl40, .ph40, .pa40 { padding-left:  20px !important; }
.mt50, .mv50, .ma50 { margin-top:    25px !important; }
.mr50, .mh50, .ma50 { margin-right:  25px !important; }
.mv50, .ma50 { margin-bottom: 25px !important; }
.ml50, .mh50, .ma50 { margin-left:   25px !important; }




/*2017.07.21追加　福山校*/
.contentz #fukuyamatemp>div{
    width: 50%;
    margin-bottom: 20px;
}
.contentz #fukuyamatemp>div img{width: 100%;}
.contentz #fukuyamatemp>div:last-of-type{width: 100%;}
.contentz #fukuyamatemp>div:last-of-type br{display: none;}
.contentz #fukuyamatemp div b#colblack{display: block;}
.fukuyama_instractor li{
    margin-right: 4%;
    width: 36%;
}
.fukuyama_instractor li:nth-of-type(even){margin-right: 0;}
.fukuyama_instractor li img{width: 100%}




/*2017.07.21追加　フッターバナー*/
.linkbnrarea div{width: 24%;}
.linkbnrarea div:nth-of-type(3) p{font-size: 0.875rem;}
@media screen and (max-width:420px){
  .linkbnrarea{flex-wrap: wrap;}
  .linkbnrarea div{
    width: 49%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width:375px){
    .linkbnrarea div:nth-of-type(3) p{font-size: 0.75rem;}
    .linkbnrarea div p{font-size: 1rem;}
    .linkbnrarea div p.ilnk{padding: 0 5px 5px;}
}
@media screen and (max-width:320px){
    .linkbnrarea div:nth-of-type(3) p.ilnk a{font-size: 0.75rem;}
}


/*2017.07.21追加　授業料*/
@media screen and (max-width:420px){
    #courseBox001 br{display: none;}
    .break01th,
    .break01td{
        display: block;
        width: 100%;
    }
    .break01th{
        border-bottom: #C8C8C8 1px solid;
        padding: 0.5em;
    }
    .break01td{padding: 1.5em 0;}
    .break01td div{
        display: block;
        margin: auto;
    }
    .break01td div:first-of-type{
        border-right: none;
        border-bottom: 1px dotted #CCCCCC;
        width: 95%;
        padding-bottom: 10px;
    }
    .break01td div:last-of-type{
        width: 95%;
        padding-top: 10px;
    }
}


/*体験見学 2017.08.01 2018.12.20*/
.adn_opnscl div img{
    width: 100%;
    height: auto;
}
@media screen and (max-width:420px){
    .adn_opnscl div:first-of-type{display: none;}
    .adn_opnscl.simple div:first-of-type{
      display: block;
      width: 100%;
  }
    .adn_opnscl div:last-of-type{
        width: 100%;
        padding: 8px;
    }
  .adn_opnscl.simple div:last-of-type{
    padding: 0;
  }
    .adn_sclbg{
        background-size: 100% 100%;
        width: 154px;
        height: 50px;
        padding-top: 8px;
        font-size: 1.25rem;
    }
    .adn_copink{font-size: 1.25rem;}
}


/*2017.08.01　オーディション*/
.adn_link div{width: 49%;}
.adn_link div:first-of-type{margin-right: 2%;}
/*20180207*/
.adn_link.adn_colm3 div{
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

@media screen and (max-width:420px){
    .adn_link div{width: 100%; margin-bottom: 10px;}
    .adn_link div:first-of-type{margin-right: 0;}
    .adn_link div a{font-size: 1rem;}
}


/*2017.08.01 診断シート*/
.sindntable{display: none;}
.adn_sheetimg{display: block;}
.adn_sheetimg img{width: 100%;}
.adn_invcls div:first-of-type img{
    width: 100%;
    height: auto;
}
.adn_txttitle1{
    padding: 0;
}
@media screen and (max-width:420px){
    .adn_invcls div:first-of-type{display: none;}
    .adn_invcls div:last-of-type{
        width: 100%;
        padding: 10px;
    }
}

/*20190219追加*/
@media screen and (max-width:420px){
  .fsLL{
    font-size: 1.125rem;
    font-weight: bold;
  }
}