/* CSS Document */
body {
    font-family: 'Noto Sans JP', sans-serif;
}

div#frame {
    max-width:1000px;
    margin:0px auto 0px;
}
div#mainspace_obi {
    background-color:#00b0f0;
    padding:3%;
    text-align:center;
    font-size:xx-large;
    color:#FFFFFF;
    font-weight:bold;
}

p.main_title {
    text-align:center;
    padding:5% auto 0%;
    line-height:150%;
    font-size:30px;
    font-weight:bold;
}
p.main_subtitle {
    text-align:center;
    font-size:x-large;
}
p.main_teach {
    font-size:x-large;
    text-align:center;
}
p.main_date {
    font-size:140px;
    font-weight:bold;
    margin:5% auto 0%;
    text-align:center;
}
span.week {
    font-size:60px;
}
p.main_time {
    text-align:center;
    font-size:xx-large;
}

p.conditions {
    max-width:720px;
    margin:5% auto 0%;
    line-height:160%;
    font-weight:bold;
    font-size:x-large;
}
p.conditions2 {
    max-width:720px;
    margin:2% auto 0%;
    line-height:160%;
    font-weight:bold;
    font-size:x-large;
}
span.putext {
    color:#00b0f0;
}
span.caution {
    font-weight:normal;
    font-size:small;
    display:block;
}


p.green_belt {
    background-color:#70ad47;
    color:#FFFFFF;
    font-weight:bold;
    font-size:xx-large;
    padding:2% 5% 2%;
    line-height:150%;
    margin:5% auto 5%;
    text-align:center;
}

p.lead_text {
    max-width:800px;
    margin:2% auto 2%;
    font-size:x-large;
}

span.recommend {
    display:block;
    margin:5% auto 2%;
    padding:3%;
    border:2px solid #CCCCCC;
    border-radius:4px;
    text-align:center;
}
span.recommend_title {
    display:block;
    margin:2% 0% 2%;
    font-size:large;
    font-weight:bold;
    text-align:center;
    color:#00b0f0;
    font-weight:bold;
}
span.recommend_text {
    display:block;
    margin:4% 0% 4%;
    font-size:large;
    float:left;
    width:20%;
}
span.recommend_text img {
    width:90%;
    border:1px solid #CCCCCC;
}

@media screen and (max-width : 480px) {
span.recommend_text {
    display:block;
    margin:4% 0% 4%;
    font-size:small;
    float:left;
    width:50%;
}
span.recommend_text img {
    width:90%;
    border:1px solid #CCCCCC;
}
}


p.main_follow {
    line-height:180%;
    font-size:x-large;
    max-width:700px;
    margin:0px auto 0px;
}

span.lead_title {
    display:block;
    margin:2% 0% 4%;
    font-size:large;
    font-weight:bold;
    line-height:150%;
}
span.lead_body {
    display:block;
    margin:1% auto 8%;
    line-height:150%;
    font-size:large;
}
table.outline {
    width:60%;
    margin:5% auto 5%;
    font-size:large;
    text-align:left;
}
table.outline td {
    line-height:170%;
    text-align:left;
    vertical-align:top;
}

p.paragraph {
    margin:5% auto 5%;
    font-size:large;
    line-height:160%;
}
span.tabs {
    background-color:#00b0f0;
    padding:2%;
    font-size:x-large;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
}
a.order_btn {
    display:block;
    border-radius:8px;
    background-color:#00b0f0;
    border:1px solid #00b0f0;
    padding:1% 10% 1%;
    text-align:center;
    width:30%;
    margin:5% auto 0px;
    font-size:x-large;
    font-weight:bold;
    text-decoration:none;
    color:#FFFFFF;
} 
a.order_btn:hover {
    display:block;
    border-radius:8px;
    background-color:#FFFFFF;
    border:1px solid #00b0f0;
    color:#00b0f0;
    font-size:x-large;
    font-weight:bold;
} 

p.teac {
    padding:2%;
    line-height:150%;
    margin:5% auto 2%;
    float:left;
    width:70%;
    max-width:800px;
}
p.teac_p {
    width:25%;
    float:right;
}
p.obi {
    margin:8% 3% 3%;
    border-bottom:1px solid #00b0f0;
}
span.obi_box {
    background-color:#00b0f0;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    width:12%;
    padding:1%;
    font-size:large;
    text-align:center;
}
iframe#kiros {
    border:none;
    width:100%;
    max-width:1000px;
    height:auto;
    min-height:1550px;
    margin:2% auto 2%;
}

span.lead_title2 {
    display:block;
    margin:2% 0% 4%;
    font-size:xx-large;
    font-weight:bold;
}
span.tokuten {
    font-size:large;
}
span.tokuten_mu {
    background-color:#00b0f0;
    padding:1%;
    border-radius:8px;
    color:#FFFFFF;
    font-weight:bold;
}