/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.comhttp://www.cocohabi-english.work/wp-admin/theme-editor.php?file=style.css&theme=Sydney
Template: sydney
Version: 1.45
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/

#mainnav li {
    padding : 8px 15px 6px;
}

#mainnav li:nth-child(5) {
    background    : #d87a77;
    border-radius : 15px;
}

#mainnav li:nth-child(5) a {
    color     : #ffffff;
    font-size : 15px;
}

#mainnav li:nth-child(5) a:hover {
    color     : #ffffff;
}

.site-info {
    text-align : center;
}

.sep {
    padding : 0px 6px;
}

.about_content_title {
    color          : #000000;
    font-size      : 42px;
    letter-spacing : 2px;
    padding        : 0px 0px 10px 0px;
    font-weight    : bold;
    border-bottom  : dotted 3px #d3ca8d;
    max-width      :880px;
    margin         : 200px auto 20px;
}

.about_content_title span {
    color : #fcb700;
}
.about_table {
    max-width : 880px;
    margin    : 0px auto 120px;
    font-size : 20px;
}

.about_table tr {

}
.about_table tr:first-child {

}

.about_table tr th {
    background     : #f0f0f0;
    text-align     : left;
    padding        : 10px 0px 10px 30px;
    width          : 20%;
    vertical-align : top;
}
.about_table tr td {
    text-align : left;
    padding    : 10px 30px 10px 30px;
}

.about_table tr td iframe {
    margin-top : 15px;
}

@media only screen and (max-width: 767px) {

.about_content_title {
    color          : #000000;
    font-size      : 28px;
    letter-spacing : 2px;
    padding        : 0px 0px 5px 0px;
    font-weight    : bold;
    border-bottom  : dotted 3px #d3ca8d;
    max-width      : 880px;
    margin         : 20px auto 15px;
}

.about_content_title span {
    color : #fcb700;
}
.about_table {
    max-width : 880px;
    margin    : 0px auto 120px;
    width     : 100%;
}

.about_table tr {

}

.about_table tr:first-child {

}

.about_table tr th {
    background     : #f0f0f0;
    text-align     : left;
    padding        : 10px 0px 10px 10px;
    width          : 20%;
    vertical-align : top;
}
.about_table tr td {
    text-align : left;
    padding    : 10px 10px 10px 10px;
}

.about_table tr td iframe {
    margin-top : 15px;
}

}

/* Contact Form 7カスタマイズ */
/* 見出し欄 */
.inquiry th {
    text-align    : left;
    font-size     : 14px;
    color         : #444;
    padding-right : 5px;
    width         : 30%;
    background    : #f7f7f7;
    border        : solid 1px #d7d7d7;
}

/* 通常欄 */
.inquiry td {
    font-size : 13px;
    border    : solid 1px #d7d7d7;
}

/* 必須の調整 */
.haveto {
    font-size     : 7px;
    padding       : 5px;
    background    : #ff9393;
    color         : #fff;
    border-radius : 2px;
    margin-right  : 5px;
    position      : relative;
    bottom        : 1px;
}

/* 任意の調整 */
.any {
    font-size     : 7px;
    padding       : 5px;
    background    : #93c9ff;
    color         : #fff;
    border-radius : 2px;
    margin-right  : 5px;
    position      : relative;
    bottom        : 1px;
}

/* ラジオボタンを縦並び指定 */
.verticallist .wpcf7-list-item {
    display : block;
}

/* 送信ボタンのデザイン変更 */
.soushinbtn{
    padding       : 20px!important;
    width         : 40%;
    background    : #ffaa56!important;
    color         : #fff;
    font-size     : 18px!important;
    border-radius : 2px!important;
}

.soushinbtn:hover{
    background : #fff!important;
    color      : #ff870f;
    border     : 2px solid #ffa042;
}

/* スマホContact Form 7カスタマイズ */
@media screen and (max-width: 700px) {
    .inquiry th, .inquiry td {
        display    : block;
        width      : 100%!important;
        border-top : none!important;
    }

    .inquiry tr:first-child th {
        border-top : 1px solid #d7d7d7!important;
    }

    .soushinbtn{
        width : 80%!important;
    }
}

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

/* clearfix */
.clearfix {
  zoom : 1;
}

.clearfix:after {
  content : "";
  display : block;
  clear   : both;
}

.free_lesson_button {
	font-size      : 20px;
    border-radius  : 90px;
    letter-spacing : 1px;
    margin         : 0px 0px 0px 30px;
    background     : #f4b800;
    padding        : 15px 20px 15px;
    border         : 1px solid #e0ac02;
}

#top_content_container {
    background : #ffffff;
}

.top_bk01 {
    background : #ffffff;
    width      : 100%;
    padding    : 15px 0px;
}

.top_bk02 {
    background : #eee;
    width      : 100%;
    padding    : 15px 0px;
}

.top_bk03 {
    /*background : #fef2cc;*/
    background : #fffcef;
    width      : 100%;
    padding    : 15px 0px;
}

.top_content_inner {
    width  : 1170px;
    margin : auto;
}

.top_content_box01 {
    padding  : 15px 0px 20px 0px;
    position : relative;
}

.top_content_box01 .top_content_title01 {
    font-size      : 36px;
    letter-spacing : 2px;
    padding        : 0px;
    text-align     : center;
    font-weight    : bold;
    line-height    : 1.8;
    margin-bottom  : 30px;
}

.top_content_box01 .top_content_title01 span {
    font-size       : 40px;
    text-decoration : underline;
    color           : #f7b600;
}


.top_content_title02 {
    color          : #000000;
    font-size      : 36px;
    line-height    : 1.8;
    letter-spacing : 2px;
    padding        : 0px 0px 10px 0px;
    font-weight    : bold;
    border-bottom  : dotted 3px #d3ca8d;
    margin         : 0px 30px 20px;
}

.top_content_title02 span {
    color : #fcb700;
}

.top_content_title03 {
    font-size      : 28px;
    line-height    : 1.8;
    letter-spacing : 2px;
    letter-spacing : 2px;
    text-align     : left;
    padding        : 0px 0px 0px 30px;
    margin         : 20px 0px 15px 0px;
    font-weight    : bold;
}

.top_content_title04 {
    text-align    : center;
    line-height   : 1.8;
    font-size     : 20px;
    padding       : 5px 15px;
    background    : #fef2cc;
    margin        : 0px 0px 10px;
}

.top_content_box01 .top_content_title04 span {
    font-size       : 18px;
    text-decoration : underline;
    color           : #f7b600;
}

.top_content_box01 .top_content_title03 span {
    color : #f7b600;
}

.top_content_box01 .top_ilst01 {}

.top_content_box01 .top_list01 li {
    font-size     : 16px;
    width         : 50%;
    float         : left;
    margin-bottom : 15px;
    list-style    : none;
}

.top_content_box01 .top_list01 li:before {
    font-weight : bold;
    content     : "・ ";
    color       : #f7b600;
}

.top_content_box01 .top_list01 li span {
    color : #f7b600;
}

.top_content_box01 .top_ilst02 {}

.top_content_box01 .top_list02 li {
    font-size       : 16px;
    list-style-type : none;
    margin-bottom   : 20px;
    list-style      : none;
}

.top_content_box01 .top_list02 li span {
    color : #f7b600;
}

.top_content_box01 .top_lr01 {
    padding : 0px 40px;
}

.top_content_box01 .top_l01 {
    float   : left;
    width   : 30%;
    padding : 10px 0px;
}

.top_content_box01 .top_l01 img {
    border : 1px solid #ccc;
}

.top_content_box01 .top_r01 {
    float : right;
    width : 70%;
}

.top_content_box01 .top_lr02 {
    padding : 0px 40px;
}

.top_content_box01 .top_l02 {
    float   : left;
    width   : 60%;
    padding : 30px 0px;
}

.top_content_box01 .top_r02 {
    float   : right;
    width   : 40%;
    padding : 30px 0px;
}

.top_content_table {
    width           : 95%;
    margin          : auto;
    text-align      : center;
    font-size       : 16px;
    border-collapse : collapse;
}

.top_content_table tr:first-child{
    background : #fef2cc;
    border     : none;
}

.top_content_table tr {
    border-bottom : 1px solid #d7c689;
}

.top_content_table tr th {
    padding : 15px 0px;
}

.top_content_table tr td {
    padding   : 15px 0px;
    font-size : 16px;
}

.top_content_table tr td span strike {
    font-size : 14px;
}

.top_content_table tr td span {
    font-size : 18px;
    color     : red;
}

.top_content_table tr:last-child {}

.top_content_text01 {
    margin-bottom : 10px;
    font-size     : 16px;
    padding       : 5px 30px;
    line-height   : 1.8;
}

.top_content_text01 span {
    color : #f7b600;
}

.top_content_text02 {
    font-size   : 16px;
    padding     : 0px 40px;
    line-height : 1.8;
    text-align  : center;
    margin      : 40px auto 40px;
}

.top_content_text03 {
    font-size      : 16px;
    padding        : 0px 40px;
    background     : #f4b800;
    text-align     : center;
    line-height    : 1.8;
    width          : 70%;
    margin         : 0px 20px 15px 20px;
    padding        : 30px 37px;
    letter-spacing : 1px;
    border-radius  : 40px;
}

.top_content_text04 {
    font-size      : 16px;
    line-height    : 1.8;
    padding        : 0px 40px;
    text-align     : right;
    font-size      : 16px;
    padding        : 0px 40px;
    background     : #f4b800;
    text-align     : center;
    line-height    : 1.8;
    width          : 70%;
    margin         : 0px 20px 15px;
    padding        : 30px 20px;
    letter-spacing : 1px;
    border-radius  : 40px;
}

.top_content_text05 {
    margin-bottom : 20px;
    text-align    : center;
    line-height   : 1.8;
    font-size     : 16px;
    padding       : 5px 30px;
}

.top_content_text05 span {
    color : #f7b600;
}

.top_content_text06 {
    text-align    : left;
    line-height   : 1.8;
    font-size     : 16px;
    padding       : 5px 15px;
    background    : #fef2cc;
    margin        : 0px 30px 10px;
}

.top_content_text07 {
    font-size     : 16px;
    padding       : 5px 10px;
    line-height   : 1.8;
    margin        : 0px auto 20px;
    text-align    : center;
}

.top_content_text07 span {
    color : red;
}

.top_content_text08 {
    margin-bottom : 20px;
    font-size     : 36px;
    padding       : 5px 0px 0px 30px;
    line-height   : 1.8;
}

.top_content_text09 {
    margin-bottom : 20px;
    font-size     : 80px;
    line-height   : 1.8;
    padding       : 5px 0px 0px 30px;
    color         : #fcb800;
}

.top_content_text10 {
    margin-bottom : 20px;
    font-size     : 36px;
    padding       : 5px 0px 0px 30px;
    line-height   : 1.8;
}

.top_content_text10 span {
    display     : block;
    font-weight : bold;
    font-size   : 20px;
}

.footer_content_text01 {
    margin-bottom : 10px;
    font-size     : 16px;
    padding       : 5px 30px;
    line-height   : 1.8;
	text-align	  : center;
}

.top_content_text01 span {
    color : #f7b600;
}


.top_content_img01 img {
    display : block;
    margin  : 0px auto 0px;
}

.top_content_img02 {
    margin  : 0px 15px 0px 30px;
}

.top_content_img02 img {
    display : inline-block;
    margin  : 0px 15px 0px 0px;
}


.youtube_list {
    width : 100%;
}

.youtube_list li {
    width        : 32%;
    list-style   : none;
    float        : left;
    margin-right : 2%;
}

.youtube_list li iframe {
    width : 100%;
}

.youtube_list li:last-child{
    margin : 0px;
}

.youtube_wrap {
    width  : 32%;
    margin : 40px 0px 0px 0px;
}

.lesson_button {
    font-size      : 16px;
    text-align     : center;
    border-radius  : 10px;
    letter-spacing : 1px;
    margin         : 0px auto 15px;
    background     : #f4b800;
    width          : 35%;
    padding        : 10px 0px 10px;
    border         : 1px solid #e0ac02;
    color          : #ffffff;
    cursor         : pointer;
    display        : block;
}

.lesson_button:hover,
.facebook_icon_link:hover,
.insta_icon_link:hover {
    color : #ffffff;
}

.social_icon_wrapper {
    width  : 80%;
    margin : auto;
}

.facebook_icon_link {
    font-size      : 16px;
    text-align     : center;
    border-radius  : 10px;
    letter-spacing : 1px;
    margin         : 0px 0px 15px 0px;
    background     : #3d509b;
    width          : 45%;
    float          : left;
    padding        : 10px 15px 10px;
    color          : #ffffff;
    cursor         : pointer;
    display        : block;
}

.insta_icon_link {
    font-size     : 16px;
    text-align    : center;
    border-radius : 10px;
    letter-spacing: 1px;
    margin        : 0px 0px 15px 0px;
    background    : #e6317f;
    width         : 45%;
    float         : right;
    padding       : 10px 15px 10px;
    color         : #ffffff;
    cursor        : pointer;
    display       : block;
}

.top_content_box02 {
    padding  : 20px 0px 20px 0px;
    position : relative;
}

.top_content_box03 {
    border  : 1px solid #eee;
    padding : 30px 10px 40px;
    margin  : 0px auto 40px;
}

#lesson {
    padding-top : 50px;
}

#price {
    padding-top : 30px;
}

.meetsmore {
	margin : 10px 0 0 40px;
	float : right;
	display : inline-block;
}

@media only screen and (max-width: 767px) {

    .top_bk01 {
        background : #ffffff;
        width      : 100%;
        padding    : 15px 0px;
    }

    .top_content_inner {
        width  : 95%;
        margin : auto;
    }

    .top_content_box01 {
        padding  : 15px 0px 20px 0px;
        position : relative;
    }

    .top_content_box01 .top_content_title01 {
        font-size      : 24px;
        letter-spacing : 1px;
        padding        : 0px;
    }

    .top_content_box01 .top_content_title01 span {
        font-size : 28px;
    }

    .top_content_title02 {
        color          : #000000;
        font-size      : 24px;
        letter-spacing : 2px;
        padding        : 0px 0px 10px 0px;
        font-weight    : bold;
        border-bottom  : dotted 3px #d3ca8d;
        margin         : 0px 10px 20px;
    }

    .top_content_title03 {
        font-size      : 24px;
        letter-spacing : 1px;
        padding        : 0px 0px 0px 10px !important;
    }

    .top_content_box01 .top_list01 {
        padding : 0px 10px;
    }

    .top_content_box01 .top_list01 li {
        font-size     : 16px;
        width         : 100%;
        float         : none;
        margin-bottom : 10px;
    }

    .top_content_box01 .top_list01 li:before {
        font-weight : bold;
        content     : "・ ";
        color       : #f7b600;
    }


    .top_content_box01 .top_list01 li span {
        color : #f7b600;
    }

    .top_content_box01 .top_list02 {
        padding : 0px;
    }

    .top_content_box01 .top_list02 li {
        font-size : 16px;
    }

    .top_content_box01 .top_lr01 {
        padding : 0px 10px;
    }

    .top_content_box01 .top_l01 {
        float   : none;
        width   : 100%;
        padding : 10px 0px;
    }

    .top_content_box01 .top_l01 img {
        max-width : 100%;
        width     : 100%;
    }

    .top_content_img02 {
        margin  : 0px 15px 0px 10px;
    }

    .top_content_box01 .top_r01 {
        float : none;
        width : 100%;
    }

    .top_content_box01 .top_rl02 {
        padding : 0px 10px;
    }

    .top_content_box01 .top_l02 {
        float   : none;
        width   : 100%;
        padding : 0px 0px;
    }

    .top_content_box01 .top_r02 {
        float   : none;
        width   : 100%;
        padding : 0px 0px;
    }

    .top_content_box01 .top_r02 img {
        max-width : 100%;
        width     : 100%;
    }

    .top_content_table {
        idth       : 95%;
        margin     : auto;
        text-align : center;
        font-size  : 16px;
    }

    .top_content_table tr th {
        padding : 10px 0px;
    }

    .top_content_table tr td {
        padding   : 10px 0px;
        font-size : 16px;
    }

    .top_content_table tr td span strike {
        font-size : 14px;
    }

    .top_content_table tr td span {
        font-size : 18px;
    }

    .top_content_table tr:last-child {}

    .top_content_text01 {
        margin-bottom : 20px;
        font-size     : 16px;
        padding       : 0px 10px;
    }

    .top_content_text01 span {
        color : #f7b600;
    }

    .top_content_text02 {
        font-size   : 16px;
        text-align  : center;
        padding     : 0px 10px;
    }

    .top_content_text03 {
        font-size  : 18px;
        width      : 100%;
        text-align : center;
        display    : block;
        padding    : 10px 0px;
        margin     : 10px auto 10px;
    }

    .top_content_text04 {
        font-size  : 16px;
        display    : block;
        margin     : 10px auto 10px;
        width      : 100%;
        padding    : 10px 0px;
        text-align : center;
    }

    .top_content_text05 {
        margin-bottom : 20px;
        text-align    : center;
        font-size     : 16px;
        padding       : 0px 10px;
    }

    .top_content_text05 span {
        color : #f7b600;
    }

    .top_content_text06 {
        margin-bottom : 20px;
        font-size     : 18px;
        padding       : 0px 10px;
        margin        : 0px 10px;
    }

    .top_content_text07 {
        margin-bottom : 20px;
        font-size     : 16px;
        padding       : 0px 10px 0px 10px;
    }

    .top_content_text07 span {
        color : red;
    }

    .top_content_text08 {
        margin-bottom : 20px;
        font-size     : 24px;
        padding-top   : 0px
    }

    .top_content_text09 {
        margin-bottom : 20px;
        font-size     : 32px;
        padding-top   : 25px;
        color         : #fcb800;
    }

    .top_content_text10 {
        margin-bottom : 20px;
        font-size     : 18px;
        padding       : 0px 10px 0px 10px;
    }

    .top_content_text10 span {
        display     : block;
        font-weight : bold;
        font-size   : 20px;
    }

    .top_content_img01 {
        text-align : center;
        width      : 95%;
        margin     : auto;
    }

    .top_content_img01 img {
        max-width : 100%;
        width     : 100%;
    }

    .youtube_list {
        width   : 100%;
        padding : 0px;
    }

    .youtube_list li {
        width      : 100%;
        list-style : none;
        float      : none;
        margin     : 0px 0px 10px 0px;
    }

    .youtube_list li iframe {
        width : 100%;
    }

    .youtube_wrap {
        width  : 100%;
        margin : 20px auto 0px;
    }

    .social_icon_wrapper {
        width : 100%;
    }

    .lesson_button,
    .facebook_icon_link,
    .insta_icon_link {
        width : 100%;
        float : none;
    }

    .lesson_button:hover {
        color : #ffffff;
    }

    .top_content_box02 {
        padding  : 20px 0px 40px 0px;
        position : relative;
    }

    #lesson {
        padding-top : 10px;
    }

    #price {
        padding-top : 10px;
    }

}