/*
Theme Name: kidsmoney
Template: wp-bootstrap-starter
*/
body{
    background:#f9f9f9;
    font-family:Meiryo, "メイリオ",-apple-system,sans-serif;
    font-size:1rem;
}
footer{
    border-top:1px solid #ccc;
    padding-top:2rem;
    padding-bottom:2rem;
}
footer li{
    display:inline-block;
    padding-left:1rem;
}
footer .copy{
    font-size:0.8rem;
    font-weight:bold;
    text-align:center;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color:#48e;
}
h1{
    font-size:1rem;
}
h2,.h2{
    background:#48e;
    color:#fff;
    padding:0.8em;
    text-align:center;
    margin-bottom:0;
}

h3,.h3{
    margin-top:1em;
}
.smalltext{
    display:inline-block;
    font-size:0.6em;
    line-height:1.5em;
}
p{
    line-height:1.75em;
}
ul{
    list-style-type:none;
    padding-left:20px;
    font-size:1em;
    line-height:1.6em;
}
.entry-title{
    display:none;
}
.navbar{
    background-color:rgba(255,255,255,1);
    box-shadow:0 4px 8px rgba(0,0,0,0.3);
    padding-top:0.5em;
}
.navbar .nav-title{
    color:#3987ff;
    display:inline-block;
    font-size:2.4vw;
    font-weight:bold;
    margin:auto;
    text-align:center;
}
.navbar .btn_seminar{
    background-color:#0af;
    box-shadow: 0 0.3em 0em #07b;
    /*border-bottom: 0.4vw solid rgba(0,0,0,.3);*/
    border-radius:0.8em;
    font-size:2.4vw;
    padding:0.7em 0.8em 0.5em;
    text-align:right;
}
.navbar .btn_seminar a{
    color:#fff;
    font-weight:600;
}
.nav-sche{
    background:#3987ff;
    padding:1vw;
    border-radius: 1vw;
    font-size: 2vw;
}
.nav-sche a{
    color: #fff;
}


.title{
    font-size:1.75em;
    font-weight:bold;
    line-height:1.25em;
    margin-bottom:0.3em;
}
.title2{
    font-size:1.4em;
    font-weight:bold;
}
.icon-money{
    width:20%;
}
.icon-facebook{
    width:10%;
}


/* background-image */
.introduction {
    background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/top-s.jpg);
    min-height:100vw;
}

    .company {
    background:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/22684322.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center bottom;
    min-height:60vw;
}

.introduction-txt,.program1,.message,.seminar1,
.program2,.program3,.seminar2,.about1,
.about2,.about3,.customer,.recommend1,
.recommend2,.recommend3{
    background:#fbfaf8;
}
.introduction,.message,.seminar1,.seminar2,
.program1,.program2,.program3,.about1,
.about2,.about3,.customer,.benefits,
.recommend1,.recommend2,.recommend3,
.entryform,.otoiawase{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.introduction{
	margin-top:48px;
	position:relative;
}
.message-txt,.program1-txt,
.program2-txt,.program3-txt,.about1-txt,
.about2-txt,.about3-txt,.recommend1-txt,
.recommend2-txt,.recommend3-txt,
.faq-txt,.company-txt-first,.company-txt-last{
    background-color:rgba(255,255,255,0.85);
    /*border:2px solid #eee;*/
    border-radius:0.5em;
    padding:1em;
    margin-top:2em;
    margin-bottom:2em;
}
.introduction-txt{
    padding:30px;
}
.introduction-txt h1{
    background:#963;
    border-radius:1rem;
    font-size:2rem;
    margin:0 auto 1.5em;
    max-width:900px;
    padding:1rem;
}
.introduction-txt h1 a,.introduction-txt h1 a:hover{
    color:#fff;
}
.introductionAdd{
    position: absolute;
    top:25%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(102,204,17,0.8);
    border-radius: .2em;
    color: #fff;
    font-weight:bold;
    font-size:4vw;
    width: 94%;
    padding: .5em;
    text-align:justify;
}
/*strong .underline{
    background:linear-gradient(#fff 50%,#cf0 50%,#cf0 100%,#fff 100%);
}*/
.message .lanking{
    background:#25d;
    color:#fff;
    font-weight:bold;
    padding:3px;
    text-align:center;
}
.message table{font-size:0.85em; background-color:#eee;}

.line{
    display: flex;
    flex-direction:row;
    justify-content: center;
    color: #009c84;
    font-size:14px;
    margin:auto;
}
.line-item{
    margin:auto;
}
.program1 ul,.program2 ul,.program3 ul{padding-left:0;}
.program1 ul li,.program2 ul li,.program3 ul li{
    background:url(/wp-content/images/list-styles.png) 0.3em 0.1em no-repeat;
    background-size:1.7em;
    margin-bottom:0.5em;
    padding-left:2.3em;
}


/*スケジュール*/
/*.seminar1 a{
    display:block;
    margin:auto;
}*/
/*.seminar1 h2{
    color:#777777;
    font-size:2.5em;
    padding-top: 4rem;
    padding-bottom:0;
}*/
.seminar1{
    background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/65969083.jpg);
    background-size:cover;
    background-position:left top;
    min-height:60vw;
}
.seminar1 h3{
    font-size:2rem;
    padding-top: 1em;
    padding-bottom:0.5em;
    color:#444;
}
.seminar1 h4{
    color:#333;
    padding-left:1em;
}
.seminar1 table{
    font-size: 1.25em;
}
.seminar1 label{
    margin-bottom:0;
}
.seminar1 ul{
    font-size:1.25em;
}
.seminar1 li{
    line-height:2em;
}
.seminar1 .table td, .table th{
	border-top:1px solid rgba(0,0,0,0.15);
}

.seminar1 .btn{
    background:#8ada0f;
    color:#fff;
    font-size:1.2em;
    width:100%;
    padding:1em;
}
.seminar1 .btn:hover{
    background:#79c700;
}
.seminar1 .btn-map{
    background: #f61;
    border-radius: 3em;
    color: #fff;
    display: inline-block;
    margin-left: 1em;
    padding:5px;
    width: 10em;
    text-align: center;
}
/*NEW満席終了badgeなど*/
.seminar1 .full,.seminar1 .full1,.seminar1 .end,.seminar1 .end1,.seminar1 .stop,.seminar1 .stop1{
	color:#aaa;
}
.seminar1 .new:after,.seminar1 .full:after,.seminar1 .end:after,.seminar1 .stop:after{
    margin-left:0.5em;
    border-radius:1em;
    color:#fff;
    font-size:0.7em;
    padding:0.2em 0.5em 0.1em;
    vertical-align: middle;
}
.seminar1 .new:after{
    background:#0dc;
	content:"NEW";
}
.seminar1 .full:after{
    background:#f33;
	content:"満席";
}
.seminar1 .end:after{
    background:#aaa;
	content:"終了";
}
.seminar1 .stop:after{
    background:#aaa;
	content:"中止";
}



.limited{
    background:#f44;
    border-radius:3px;
    color:#fff;
    display:inline-block;
    font-size:1.1em;
    font-weight:bold;
    margin-bottom:0.5em;
    padding:0.2em 0.4em;
}


/*スケジュールタブ*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.cp_tab {
    margin: 1em auto;
}
.cp_tab > input[type='radio'] {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    -webkit-appearance: none;
            appearance: none;
    display: none;
}
.cp_tab .cp_tabpanel {
    display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
    display: block;
}
.cp_tab > label {
    font-size: 1.3em;
    position: relative;
    display: inline-block;
    padding: 0.5em;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: 0;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
    color: #0066cc;
}
.cp_tab > input:checked + label {
    margin-bottom: -1px;
/*     border-color: #cccccc; */
/*     border-bottom: 1px solid #fbfbfb; */
    border-radius: 10px 10px 0 0;
    background:#ddd;
}
.cp_tab .cp_tabpanel {
    padding: 0.5em 1em;
    border: 8px solid #ddd;
	border-radius:0px 30px 30px 30px;
    background:rgba(255,255,255,.8);
}




/*timetable*/
.timetable .s{display:block; margin:auto;}
.timetable .l{display:none;}

/*子どもたちの声スライダー*/
.carousel-control-next-icon,.carousel-control-prev-icon{
    background-color:#f60;
    background-size:50% 50%;
    border-radius:20px;
    width:40px;
    height:40px; 
}
.carousel-indicators li{
    background-color:#aaa;
    border-radius:50%;
    margin-right:10px;
    margin-right:10px;
    width:15px;
    height:15px;
}
.carousel-indicators .active{
    background-color:#f70;
}


/*概要*/
.company table th{background-color:#fff;padding:5px;width:6em;}
.company table td{background-color:#fff;padding:5px;}

.recommend1 h3,.recommend2 h3,.recommend3 h3{font-size:1.75em;margin-top:0;}
.flag {
    color: #fff;
    background: #ff315e;
    border-radius:0.8em;
    padding: 5px 8px;
    font-size: 1.2em;
    margin-right:0.1em;
    /*font-weight: bold;*/
    /*position: absolute;*/
    display: inline-block;
    transform: rotate(-8deg);
}

/*よくある質問*/
.faq{
    background:url(https://kids-money-yokohama.com/wp-content/images/bg_faq.png),#fff999;
    background-repeat:repeat;   
    background-size:50%;
    padding:30px 20px;
    
}
.faq dl{
    font-size:1.2rem;
}
.accordion {
  clear: both;
}
/**/
.accordion dt{
    display:block;
    width: 100%;
    text-align: left;
    border-bottom: 1px dotted #a9a9a9;
    background:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/q_icon.png) left center no-repeat;
    background-size:40px;
    padding: 1em 0 1em 3em;
}

.accordion dt:first-child{
    border-bottom: 1px dotted #a9a9a9;
}

.accordion dd{
    background:#fafafa;
    width:100%;
    text-align:left;
    border-bottom: 1px dotted #a9a9a9;
    display:block;
    -webkit-margin-start: 0;
    padding: 1em 0 1em 3em;
    background:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/a_icon.png) left center no-repeat;
    background-size:40px;
}

.prg{font-size:0.9rem;}

/*概要*/
.company a{
    background:#fff000;
    border-radius:1.5em;
    color:#333;
    display:inline-block;
    margin-top:.8em;
    padding:.5em 1em;
    width:27em;
    font-size:0.8em;
}
.company-txt-first,.company-txt-last{
    background-color:rgba(255,255,255,.8);
}

/*コロナ感染防止対策*/
.virus .card{
    border:3px solid #fd0;
    margin-bottom:1em;
    border-radius:0.5em;
}

/*modal*/
.btn-modal{
    background:#8ada0f;
    color: #fff;
    font-size: 1.2em;
    width: 100%;
    padding: 1em;
}

/*page top*/
#page-top {
    background:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/pagetop.png) no-repeat center;
    background-size:contain;
    bottom: 20px;
    display: none;
    position: fixed;
    right: 20px;
    height:12%;
    width:12%;
    transition: transform .3s cubic-bezier(.68, -.55, .265, 3.55), opacity .2s linear;
}
#page-top:hover{
    transform: scale(1.1);
}

/*セミナー参加申し込みフォーム*/
.entryform{
    background:url(https://kids-money-yokohama.com/wp-content/images/title.png) no-repeat right top;
    background-size:30%;
}
.step span{
    font-weight:bold;font-size:1.8em;
}
.seminar-attend th,.seminar-attend td{
    display:block;
}
.seminar-attend th{
    font-size:14px;
    padding-top:1em;
    padding-bottom:0.3em;
    width:220px;
}
.seminar-attend .required{
    background:#f00;
    border-radius:3px;
    color:#fff;
    font-size:0.8em;
    font-weight:normal;
    margin-left:1em;
    padding:2px 5px;
}
.step .box{
    background:#fff099;
    color:#888;
    margin:0.5rem 0;
    padding:10px;
    border-radius:10px;
}
.step .on .box{
    background:#ffe800;
    color:#333;
    margin:0.5rem 0;
}
span.wpcf7-list-item{
    display:block;
}
.wpcf7-confirm{
    background:#ffe800;
    border:1px solid #dc0;
    padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem;
    width:100%;
}
.wpcf7-submit{
    background:linear-gradient(#5bf,#39e);
    border:1px solid #19f;
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    width:100%;
}
.seminar-attend td.date{font-size:1.3em;padding-bottom:1em;}
.seminar-attend td.date .date1{display:inline-block;width:11rem;}
.seminar-attend img.meado{width:200px;}
.seminar-attend .redtxt{color:#f00;font-size:0.8em;line-height:1.3em;padding-top:0.3em;}
.join span.wpcf7-list-item{display:inline-block;}
.backtohome{
    background:#48e;
    border-radius:.3rem;
    color:#fff;
    margin-bottom:2em;
    text-align:center;
    padding: .5rem 1rem;
    width:100%;
}
div.wpcf7-validation-errors{border:2px solid #f55;}
div.wpcf7-mail-sent-ok{border:2px solid #3c0;}
span.wpcf7-not-valid-tip{
    font-size:1rem;
}

/*お申し込みありがとうございます*/
.complete h3{text-align:center;}
.complete p{text-align:center;}


/*お問い合わせ*/
.otoiawase{
    background:url(https://kids-money-yokohama.com/wp-content/images/title.png) no-repeat right top;
    background-size:30%;
}
.otoiawase th,.otoiawase td{display:block;}
.otoiawase .required{
    background:#f00;
    border-radius:3px;
    color:#fff;
    font-size:0.8em;
    font-weight:normal;
    padding:2px 5px;
    float:none;margin-left:1em;
}
.otoiawase td{padding:5px;}
.otoiawase img.meado{width:200px;}
.otoiawase ul{list-style-type:disc;font-size:1rem;}

/*ご利用規約*/
.terms h1{
    border-bottom:1px solid #999;
    color:#333;
    display:table;
    font-size:2.5rem;
    font-weight:bolder;
    margin:50px auto 45px auto;
    padding-bottom:0;
}
.terms h2{
    background:none;
    color:#333;
    font-size:1.3rem;
    font-weight:bold;
    text-shadow:none;
    padding-left:0;
}
.terms h3{
    color:#333;
    font-size:1.1rem;
    font-weight:bold;
}
.terms p{font-size:1rem;line-height:1.8em;}
.terms ul{padding-left:0;}
.terms ul li{font-size:1rem; margin-bottom:1rem;}
.terms ol{list-style-type:none;padding-left:0;}
.terms ol li{font-size:1rem; line-height:1.7em;margin-bottom:1rem;}
.terms ol ol{font-size:90%;list-style-type:none;padding-left:2em;}
.terms ol ol li{line-height:1.6em;margin-top:1rem;}


@media (min-width:481px){
    /*top*/
    /*.introductionAdd{font-size:2vw;   bottom: 66%;}*/
    .line{font-size:1.3em;}
    .line-item{margin:0;}

    /*セミナースケジュール*/
/*  .seminar1 .yokohama .schedule th,.seminar1 .forum .schedule th,.seminar1 .tokyo .schedule th{
    display:table-cell;
    padding:5px;
    border-bottom:1px solid #dee2e6;
  }
    .seminar1 .schedule td{display:table-cell;padding:5px;font-size:1.4em;}
*/
    /*timetable*/
    .timetable .l{display:block; margin:auto;}
    .timetable .s{display:none;}


    
    /*コンタクトフォーム*/
    .seminar-attend th,.seminar-attend td{display:table-cell;}
    .seminar-attend td{padding-top:1em;padding-bottom:0.5em;}
    .seminar-attend .required{float:right;margin-right:1em;}
    .seminar-attend .notice-confirm{width:15rem;}
    .seminar-attend img.meado{width:300px;}

    /*お問い合わせ*/
    .otoiawase th,.otoiawase td{display:table-cell;}
    .otoiawase .required{float:right; margin-right:1em;}
    .otoiawase .notice-confirm{width:15rem;}
    .otoiawase img.meado{width:300px;}

    /*セミナースケジュール*/
    .cp_tab {
        width: 100%;
        font-size: 1em;
    }
    .cp_tab label {
        padding: 15px;
    }

}

@media (min-width:992px){
    h2,.h2{
        /*background:rgba(255,170,0,0.85);*/
        padding:1em;
    }
    p{font-size:1.6vw;}
    ul{ font-size:1.4vw; line-height:2.4vw;}
    .navbar .nav-title{
        font-size:1.8em;
    }
    .nav-sche{
    font-size: 1.5em;
    padding:0.7em;
    border-radius: 1em;
}

    .introduction,.message,.seminar1,.seminar2,.program1,.program2,.program3,
    .about1,.about2,.about3,.customer,.benefits,.recommend1,.recommend2,.recommend3,
    .faq,.company,.entryform,.otoiawase{
        padding:0;
    }
    .sp_br{
        display: none;
    }

    .navbar .btn_seminar{padding:0.3em 0.5em 0.2em;box-shadow: 0 0.2em 0em #07b;}
    .icon-money{width:15%;}
    .icon-facebook{width:5%;}

    /*.navbar .nav-title{color:#f80;font-size:2rem;font-weight:normal;}*/
	.introduction {
		background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/top.jpg);
		min-height:50vw;
	}
	
	.introductionAdd{
    top:17%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(102,204,17,0.8);
    border-radius: 0.8em;
    color: #fff;
    font-weight:bold;
    font-size:1.5em;
    width: 78%;
    padding: .5em;
}

	
    .message{
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/40382766.jpg);
        background-size:cover;
        background-position:right top;
        min-height:60vw;
    }
    .seminar1{
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/65969083.jpg);
        background-size:cover;
        background-position:left top;
        min-height:60vw;
    }
    .program1 {
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/program1.jpg);
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        min-height:60vw;
    }
    .program2 {
        background-image:url(https://kids-money-yokohama.com/wp-content/images/170407302.jpg);
        background-size:cover;
        background-position:left bottom;
        min-height:60vw;
    }
    .program3 {
        background-image:url(https://kids-money-yokohama.com/wp-content/images/37663265.jpg);
        background-size:cover;
        background-position:right top;
        min-height:60vw;
    }
        .about1 {
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/57246805.jpg);
        background-size:100%;
        background-position:right top;
        min-height:60vw;
    }
        .about2 {
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/60252765.jpg);
        background-size:cover;
        background-position:right top;
        min-height:60vw;
    }
/*      .about3 {
        background-image:url(https://kids-money-yokohama.com/wp-content/images/28058744.jpg);
        background-size:100%;
        background-position:right top;
        min-height:60vw;
    }*/
        .recommend1 {
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/point1.jpg);
        background-size:100%;
        background-position:right top;
        min-height:60vw;
    }
    .recommend1 .recommend1-txt {
        margin-top:15vw;
    } 
        .recommend2 {
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/62653135.jpg);
        background-size:100%;
        background-position:right top;
        min-height:60vw;
    }
        .recommend3 {
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2020/07/point3.jpg);
        background-size:100%;
        background-position:right top;
        min-height:60vw;
    }

    .company-txt-first{
        padding:1.5em;
        border-radius:1.5em;
        margin-top:1em;
        color:#222;
        font-size:1.2em;
        font-weight:normal;
        margin-top:10vw;
    }
    .company-txt-last{
        padding:1em;
        border-radius:1.5em;
        color:#222;
        font-size:1.2em;
        font-weight:normal;
        height:10em;
        margin-top:20vw;
        display:table;
    }
    .company-txt-last div{
        display:table-cell;
        vertical-align:middle;
    }
    .seminar2{
        background-image:url(https://kids-money-yokohama.com/wp-content/uploads/2018/10/LR0CK60lW4HPHENZ.jpg);
        background-size:cover;
        background-position:right top;
        min-height:60vw;
    }

    .seminar1 h3{
        font-size: 1.5rem;
    }
    .seminar1 table{
        font-size: 1em;
    }


    /*page top*/
    #page-top{
        cursor: pointer;
        height:100px;
        width:100px;
    }

    /*子どもたちの声スライダー*/
	.carousel{
		width:800px;
		left:50%;
		transform: translate(-50%);
    }

    /*セミナー参加申し込みフォーム*/
    span.wpcf7-list-item{display:inline-block;}

    /*コンタクトフォーム*/
    .step li{display:inline-block;font-size:16px;margin-right:4%;vertical-align:top;width:30%;}
    .step li:last-child{margin-right:0;margin-bottom:0;}

}
@media (min-width:1201px){
    p{font-size:20px;}
    ul,ol{font-size:20px;}
    .terms ol li{font-size:1rem;}
}