/*****                                            *****/

p.dojo
{
    font-size: 16px;
    line-height: : 1.4;
    letter-spacing: 1px; 
}

.entry-price div.price h3, .entry-price div.price h4 {
    font-weight: bold;
    letter-spacing: 2px;
}

.entry-price div.price h3 {
    line-height: 45px;
    margin: 0px;
}

.entry-price div.price {
    border-radius: 10px;
    background-color: rgba(245, 245, 193, 0.9);
    padding: 30px;
    margin-bottom:20px;
}

@media (min-width: 768px)
    .entry-price div.price {
    min-height: 105px;    
} 

.entry-price {
    color:rgba(33,0142, 120, 0.9);
}

.entry-price div.upspacing
{
   margin-top: 2.5em;
}

.entry-price div span
{
   margin-top: 40px;
   font-size: 50px;
   line-height: 105px;
}

/*****  全体のページレイアウトに関してbeginnerページからの利用 *****/

/*****                                           *****/
p.center{
    text-align: center;
}
table.news tr{
    width:100%;
    border-bottom: 1px solid #218e78;
}

.beginner-top-label {
    border-radius: 10px;
    background-color:  rgba(255, 255, 255, 0.9);
    width: 350px;
    height: 130px;
    font-size: 14px;
    color: #000;
    padding: 22px;
    line-height: 30px;
    letter-spacing: 0;
    z-index: 100;

    position: absolute;
    bottom: 10px;
    right: 30px;
}

.beginner-top-label p span{    
    font-size: 20px;
}

@media (min-width: 1200px) {
    .beginner-top-label {
        bottom: 12%;
        right:4%;
    }

}


.beginner-obj >div>div {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.beginner-obj >div>div>div {
    width: 95%;
    height: 95%;
    margin: auto;
    border: 1px solid rgba(6,117,100, 0.4); /* #067564 */
}

.beginner-obj h3 {
    letter-spacing: 2px;
    margin-bottom: 25px;
}

@media (min-width: 992px) {
    .beginner-obj >div>div {

        height: 155px;
    }
    
    .beginner-obj >div>div>div {
        height: 135px;
    }
}


.beginner-motto {
    max-height: 300px;
    overflow: hidden;
    padding: 0;
}

.beginner-motto img {
    margin-left: auto;
    margin-right: auto;    
}

.beginner-motto-label {
    background-color:  rgba(255, 255, 255, 0.6);
    padding-top: 10px;
}

@media (min-width: 992px) {
    .beginner-motto-label {
        width: 860px;
        height: 184px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -92px; 
        margin-left: -430px;
    }
}

.beginner-motto-label h2 {
    margin-bottom: 30px;
}

.beginner-scene .title, .beginner-scene .in-label {
    background-color:  rgba(14, 128, 105, 0.8);
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 1.5px;

    position: absolute;
    top: 0px;
    left: 0px;


}

.beginner-scene .title h3 {
    margin-top: 15px;
}


.beginner-scene .in-label {
    overflow: hidden;

    width: 100%;
    height: 100%;
    display: none;

}

.beginner-scene .in-label h3 {
    margin-top: 15px;
    margin-bottom: 30px; 

}

.beginner-scene .in-label p {
    letter-spacing: 3px;
}


.comment-line {
    padding: 25px 0px;
    margin-left: 15px;
    margin-right: 15px;    
    border-bottom: 1px solid #87c2a1
}

.comment-line.bottom {
    border-bottom: 0px;
}

.comment-line .text h3{
  font-size:18px;
    font-weight: bold;
}

.comment-line .text h4 {
    margin-bottom: 30px;
  font-size:14px;
    font-weight: bold;
}


/***** 沓掛修正分 *****/
div#mainContainer{
  padding: 5px 40px 35px 40px;
  background-color:#f4f4ec;
}

div#mainContainer article{
  margin-top:40px;
}

/*****  スマホ修正分 2015.11 ここから *****/
@media (max-width: 767px) {
    .sta-fixspace {
        margin-bottom: 20px; 
    }
    .sta-qa {
        padding-top: 0;
    }
    .sta-space {
        margin-bottom: -2px;
    }

    h3.text-primary {
        font-size: 17px;
    }

    div#mainContainer article {
        margin-top: 10px;
    }

    div#mainContainer article.first {
        margin-top: 20px;
    }

    div#mainContainer article.last {
        margin-bottom: 20px;
    }
}
/*****  スマホ修正分 2015.11 ここまで *****/

/* added on 2015/12 */
.beginner-top-label.left {
    right: auto;
    left: 10px;
}
@media (min-width: 1200px) {
    .beginner-top-label.left {
        bottom: 17%;
        left: 5%;
    }
}
/*****                                            *****/
/*****  全体のページレイアウトに関してbeginnerページからの利用 *****/
/*****                                           *****/







/*****                                 *****/
/*****  テーブルに関してseminarページからの利用 *****/
/*****                                 *****/
div.seminar-title {
    border-top:1px solid #218e78;
    border-bottom:1px solid #218e78;
    overflow: hidden;
}

@media (min-width: 768px) {
    div.seminar-title {
        height: 190px;
    }
}

@media (max-width: 767px) {
    div.seminar-title {
        padding-bottom: 10px;
    }
}

.seminar-title ul {
    margin-top: 30px;
    font-size: 18px;
}

.seminar-title li.title {
    padding-left: 10px;
}

.seminar-title .label {
    font-size: 90%;
    padding-left: 20px;
    padding-right: 20px;
}

.seminar-title div>div.sub {
    padding-top: 10px;
}

@media (min-width: 992px) {
    .seminar-title div>div.sub {
        padding-top: 20px;
    }
}

.seminar-title div.photo img{
    min-height: 190px;
}

.seminar-detail table>tbody>tr>td div.label {
    font-size: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.seminar-detail table table>tbody>tr>td {
     padding-right: 20px;
}

.seminar-detail table>tbody>tr>td div.sta-bg-vpgreen {
    padding-top: 10px;
}

.seminar-detail table>tbody>tr.bottom>th,
.seminar-detail table>tbody>tr.bottom>td {
    border-bottom: 1px solid #ddd;
}

.seminar-detail aside h4 {
    background-color: #9ec7b1;
    color: #fff;
    font-weight: bold;
    margin-top: 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px;
}

.seminar-detail aside>div {
    padding-bottom: 10px;
}

/*表組みの背景色などの設定*/

table.seminar{
    border:none;
}
table.seminar tr th{
    border-color:#dbdbdb;
    text-align: center;
    font-color: #383838;
}
table.seminar tr td{
    border-color:#dbdbdb;
    text-align: center;
    font-color: #383838;
}

table.seminar tr th{
    background:#e6eeea;
}
table.seminar tr th.2{
    background:#f5f8f7;
}
/*****                                 *****/
/*****  テーブルに関してseminarページからの利用 *****/
/*****                                 *****/



/*****                                  *****/
/*****  フォームに関してcontactページからの利用  *****/
/*****                                 *****/
.contact .formarea{
    margin: 30px 30px 30px 30px;
}
.contact >div>div>p {
    padding-left: 15px;
}

.contact .title-radio {
    background-color:  #f4f4ec;
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .contact .title-radio {
        padding: 20px 30px;
        margin-top: 30px;
        margin-bottom: 45px;
    }
}

.contact .title-radio>div {
    width: 100%; /* dummy */
    width: -webkit-calc(100% + 30px) ;
    width: calc(100% + 30px);
}

.contact .title-radio label{
    font-weight: bold;
}

.contact .title-radio input[type=radio] {
    display: inline-block;
    margin-right: 6px;
}
.contact .title-radio input[type=radio] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .contact .title-radio input[type=radio] {
        display: none;
        margin: 0;
    }
    .contact .title-radio input[type=radio] + label {
        padding: 0 0 0 24px;
    }
    .contact .title-radio input[type=radio] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background-color: white;
    }
    .contact .title-radio input[type=radio] + label::before {

        background-color: #dedede;
        box-shadow: 0px 1px 0px 0px #fff;
        border: 2px solid #d2d7d9;
        border-radius: 30px;
    }
    .contact .title-radio input[type=radio]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .contact .title-radio input[type=radio]:checked + label::after {
        left: 5px;
        width: 6px;
        height: 6px;
        margin-top: -3px;
        background: #218e78;
        box-shadow: 0px 1px 2px 0px rgba(99, 99, 99, 0.82);
        border-radius: 6px;
    }
}

.contact div.detail {
    background-color:  #f5f8f7;
}

.contact .detail .form-group {
    margin-right: 30px;
    margin-left: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #c9c9c9;
}

@media (min-width: 768px) {
    .contact div.detail {
        padding-top: 12px;
    }
}



.contact .detail .form-group.bottom {
    margin-right: 10px;
    margin-left: 10px;
    border-bottom: 0px;
}


.contact .detail .form-control {
    border-radius: 0px;
    border-color: #d1d1d0;
    font-size: 16px;
}


.contact .detail .form-control-static {
    padding-top: 10px;
    font-size: 16px;
}

.contact .detail input[type=text].form-control {
    height: 40px;
}

.contact .detail label.control-label {
    text-align: left;
    font-size: 16px;
    color:  #067564;
}

@media (min-width: 768px) {
    .contact .detail label.control-label {
        padding-top: 10px;
    }
}

.contact .detail label.control-label>span.text-danger {
    font-weight: normal;
}

.contact .detail .zipcode {
    float: left;
}

.contact .detail span.zipcode {
    font-weight: bold;
    color:  #067564;
    padding-left: 15px;
    padding-right: 15px;
}

.contact .detail input#zipcode1 {
    width: 94px;
}

.contact .detail input#zipcode2 {
    width: 121px;
}

.contact .detail .form-group.action {
    
}

.contact .detail .form-group.action .btn {
    padding: 15px 35px;
    margin: 5px;
    font-size: 18px;
    letter-spacing: 1.5px;
}

@media (min-width: 768px) {
    .contact .detail .form-group.action .btn {
        margin: 40px 15px;
    }
}

@media (max-width: 767px) {
    .contact .detail .form-group.action .btn {
        width: 100%;
    }
}

/*****                                  *****/
/*****  フォームに関してcontactページからの利用  *****/
/*****                                 *****/

/*追記2016.12.16-----------------------*/
/*週間予定tabel*/
.bg_none {
	background: none !important;
	border: none !important;
}
.bg_01 {/*こども*/
	background: #fcc !important;
	vertical-align: middle !important;
}
.bg_02 {/*大人*/
	background: #cff !important;
	vertical-align: middle !important;
}
.bg_03 {/*夜稽古*/
	background: #ccf !important;
	vertical-align: middle !important;
}
.bg_04 {/*午前*/
	background: #fcf !important;
	vertical-align: middle !important;
}
.bg_05 {/*朝*/
	background: #ede9d9 !important;
	vertical-align: middle !important;
}
.bg_06 {/*午後*/
	background: #fc6 !important;
	vertical-align: middle !important;
}