@charset "utf-8";
/*
Theme Name: 日本ヘルシーフードコーディネート協会専用テーマ
Theme URI: https://j-h-c.org/
Template: lightning-pro
Description: 
Author: 
Tags: 
Version: 0.1.2
*/

/* ----------------- ベース ----------------- */

img:hover {
    opacity: 0.5 ;
}

.veu_postList .postList_more {
    margin: 10px 5px 0 0;
    text-align: right;
    float: right;
    padding: 5px 10px;
    font-size: 12px;
    background-color: #f0f0f0;
}
.decoration{display: none;}
.table-responsive {
    border: 0px solid #ddd;
}
.navbar {
    border: 0px solid transparent;
    background-image: url(img/j-h-c-bg_head.jpg);
    background-size: cover;
}
.headerTop {
    color: #666;
    background-color: transparent;
    margin-top: -7px;
    border-bottom: 0px solid #f3f3f3;
}

/* ----------------- ヘッダー ----------------- */

.navbar-brand img {
    max-height: 70px;
}
.navbar-brand.siteHeader_logo {
    margin-top: -10px;
}
.gMenu_name {
    font-size: 15px;
}

/* ----------------- メニュー ----------------- */

.gMenu_outer {
    clear: both;
    border-top: 2px solid #50c585;
    border-top-color: rgb(80, 197, 133);
    background-color: #73d09d;
}
ul.gMenu li {
    background-color: #73d09d;
}
ul.gMenu > li {
    width: 100%;
    border-left: 1px solid rgba(64,189,120,.8);
}
ul.gMenu li a {
    color: #fff;
}
ul.gMenu > li > ul.sub-menu li a {
    border-bottom: #efefef;
    text-align: left;
}

/* ----------------- コンテンツ ----------------- */

body.page .mainSection h2, body.page .mainSection-title, body.page .subSection .widget body.page .subSection-title {
    padding: .9em;
    border-top: 1px solid #50c585;
    border-bottom: 1px solid #50c585;
    background-color: #bbe8cf !important;
}

body.page .mainSection h3, body.page .mce-content-body h3 {
    padding: .5em;
    border-top: 1px solid #50c585;
    border-bottom: 1px solid #50c585;
    color: #50c585;
}

body.page .box01 th{border: 1px solid #e5e5e5;width: 20%;}
body.page .box01 td{border: 1px solid #e5e5e5;}

body.page .box3 th{border: 1px solid #e5e5e5;width: 20%;}
body.page .box3 td{border: 1px solid #e5e5e5;}

.box2 p{margin: 0px;padding: 0px;line-height: 130%;}

.box2_1 {
    position: relative;
    margin-bottom: 20px;
}

.box2_1:before {
    position: absolute;
    content: '';
    bottom: -3px;
    right: -3px;
    width: 0;
    height: 0;
    border: none;
    border-right: solid 15px transparent;
    border-bottom: solid 15px rgb(98, 183, 66);
}
.box2_1:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0px;
    width: 100%;
    border-bottom: solid 3px rgb(98, 183, 66);
}

.box4{overflow: hidden;margin-bottom: 30px;}
span.box4_1 {width: 170px;padding: 10px 0;text-align: center;background-color: #9adeb9;border: 3px solid #59c88b;}
.fl1{display: block; float: left;}
.fa-arrow-circle-right{padding: 15px 10px 0px 10px;}
span.box4_2 {padding: 10px;text-align: center;background-color: #9adeb9;border: 3px solid #59c88b;}

.box5{
    padding: 0.5em 1em;
    margin: 0em 0em 2em 0em;
    color: #5d627b;
    background: white;
    border-top: solid 5px #bbe8cf;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box5 p {
    margin: 0; 
    padding: 0;
}

input.wpcf7-submit {
    width: 100%;
    height: 80px;
    background: #27c038;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

h2.mainSection-title , .sow-headline-container h2.sow-headline {
    text-align: center;
    line-height: 1.4em;
    background-image: url(img/j-h-c-page-title1.png);
    text-align: left !important;
    padding-left: 60px !important;
    color: #339961;
}
mainSection h2, .mainSection-title, .subSection .widget .subSection-title {
    border-top-color: #fff !important;
}
body.page .mainSection h2, body.page .mainSection-title, body.page .subSection .widget body.page .subSection-title {
    padding: .9em;
    border-top: 0px solid #50c585;
    border-bottom: 0px solid #50c585;
    background-color: #fff !important;
}

/* トップ3PR */

p.linkurl a{width: 100% !important;}
.veu_3prArea_image {
    margin-bottom: .8em;
    border: 0px solid #e5e5e5;
}
.mainSection h1.subSection-title {
    color: #505050;/*文字色*/
    padding: 0.5em;/*文字周りの余白*/
    display: inline-block;/*おまじない*/
    line-height: 1.3;/*行高*/
    background: #b9e8ce;/*背景色*/
    vertical-align: middle;/*上下中央*/
    border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
    width: 100%;
}

.mainSection h1.subSection-title:before {
    content: '●';
    color: white;
    margin-right: 8px;
}

/* ----------------- フッター ----------------- */

.siteFooter {
    border-top-color: transparent;
}

.siteFooter {
    color: #222;
    background-color: #bbe8cf;
    border-top: 3px solid #40bd78;
}

/* ----------------- Bootstrap3 ----------------- */

/* col-md- 768px以下 */
@media screen
    and (min-width: 1199px) {
        .col-md-8 {
            width: 70.66666667% !important;
        }
        .col-md-offset-1 {
            margin-left: 3.33333333% !important;
        }
}

/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}

/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
        .tb1{width: 100%;}
        span.box4_1 {width: 100%;}
        .fl1{display: block; float: none;}
        .fa-arrow-circle-right{padding: 10px 0;margin: auto;text-align: center;}
}

/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
        .box01,.box3 { margin: 0 -10px; }
        .box01 th,.box3 th{background-color: #dcf3e7;}
        .box01 th,.box3 th,.box01 td,.box3 td{
            width: 100% !important;
            display: block;
            border-top: none;
        }
        .box3_1 {background-color: #dcf3e7;}
        .box3_2 {background-color: #ebf8f1;}
}
/* col-xs- 768px 以下 */
@media screen
    and (max-width: 768px) {
        .siteHeader .container {
            padding-top: 15px;
            padding-bottom: 4px;
        }
}
/* 480px 以下 */
@media only screen and (max-width:480px){
    .box2 { margin: 0 -10px; }
    .box2 th,
    .box2 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .box2 td{background-color: #ecf7e8;}
}
/* ----------------- パーツ ----------------- */

/* --- PC --- */

@media screen and (min-width:769px) {
    .up10{margin-top: 10px;}
    .up20{margin-top: 20px;}
    .up30{margin-top: 30px;}
    .up40{margin-top: 40px;}
    .up50{margin-top: 50px;}
    .up60{margin-top: 60px;}
    .up70{margin-top: 70px;}
    .up80{margin-top: 80px;}
    .up90{margin-top: 90px;}
    .up100{margin-top: 100px;}

    .dn10{margin-bottom: 10px;}
    .dn20{margin-bottom: 20px;}
    .dn30{margin-bottom: 30px;}
    .dn40{margin-bottom: 40px;}
    .dn50{margin-bottom: 50px;}
    .dn60{margin-bottom: 60px;}
    .dn70{margin-bottom: 70px;}
    .dn80{margin-bottom: 80px;}
    .dn90{margin-bottom: 90px;}
    .dn100{margin-bottom: 100px;}

    .fnt10{font-size: 10px;}
    .fnt12{font-size: 12px;}
    .fnt13{font-size: 13px;}
    .fnt14{font-size: 14px;}
    .fnt15{font-size: 15px;}
    .fnt16{font-size: 16px;}
    .fnt18{font-size: 18px;}
    .fnt20{font-size: 20px;}
    .fnt22{font-size: 22px;}
    .fnt24{font-size: 24px;}
    .fnt28{font-size: 28px;}
    .fnt30{font-size: 30px;}
    .fnt36{font-size: 36px;}
    .fnt42{font-size: 42px;}
    .fnt48{font-size: 48px;}
    .fnt54{font-size: 54px;}
    .fnt60{font-size: 60px;}
    .fnt72{font-size: 72px;}
}

/* --- スマホ --- */
@media screen and (max-width:768px) {
    .up10{margin-top: 10px;}
    .up20{margin-top: 12px;}
    .up30{margin-top: 16px;}
    .up40{margin-top: 18px;}
    .up50{margin-top: 20px;}
    .up60{margin-top: 22px;}
    .up70{margin-top: 24px;}
    .up80{margin-top: 26px;}
    .up90{margin-top: 28px;}
    .up100{margin-top: 30px;}

    .dn10{margin-bottom: 10px;}
    .dn20{margin-bottom: 12px;}
    .dn30{margin-bottom: 16px;}
    .dn40{margin-bottom: 18px;}
    .dn50{margin-bottom: 20px;}
    .dn60{margin-bottom: 22px;}
    .dn70{margin-bottom: 24px;}
    .dn80{margin-bottom: 26px;}
    .dn90{margin-bottom: 28px;}
    .dn100{margin-bottom: 30px;}

    .fnt10{font-size: 10px;}
    .fnt12{font-size: 10px;}
    .fnt13{font-size: 11px;}
    .fnt14{font-size: 11px;}
    .fnt15{font-size: 11px;}
    .fnt16{font-size: 12px;}
    .fnt18{font-size: 12px;}
    .fnt20{font-size: 13px;}
    .fnt22{font-size: 14px;}
    .fnt24{font-size: 16px;}
    .fnt28{font-size: 18px;}
    .fnt30{font-size: 20px;}
    .fnt36{font-size: 24px;}
    .fnt42{font-size: 28px;}
    .fnt48{font-size: 32px;}
    .fnt54{font-size: 36px;}
    .fnt60{font-size: 40px;}
    .fnt72{font-size: 48px;}
}