@charset "UTF-8";

/*========================================================
　共通クラス設定
========================================================*/

/* クリアフィックス */
.clearfix:before,
.clearfix:after,
.centerBox:before,
.centerBox:after,
.centerBox:before,
.centerBox:after {
    content: " ";
    display: table;
    clear: both;
}

.clearfix:after, .centerBox:after { clear: both; }

.clearfix { *zoom: 1; }

.float_L { float: left }

.float_R { float: right }

.float_C { clear: both }


/* テキスト関連（16px基準） */

.text10px {
    font-size: 10px;
    font-size: 0.625rem;
}

.text12px {
    font-size: 12px;
    font-size: 0.75rem;
}

.text14px {
    font-size: 14px;
    font-size: 0.875rem;
}

.text16px {
    font-size: 16px;
    font-size: 1rem;
}

.text18px {
    font-size: 18px;
    font-size: 1.125rem;
}

.text20px {
    font-size: 20px;
    font-size: 1.25rem;
}

.text22px {
    font-size: 22px;
    font-size: 1.375rem;
}

.text24px {
    font-size: 24px;
    font-size: 1.5rem;
}

.text26px {
    font-size: 26px;
    font-size: 1.625rem;
}

.text28px {
    font-size: 26px;
    font-size: 1.75rem;
}

.text30px {
    font-size: 28px;
    font-size: 1.875rem;
}

.textMincyo {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.textGothic {
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.text06 { font-size: 0.6em; }

.text07 { font-size: 0.7em; }

.text075 { font-size: 0.75em; }

.text08 { font-size: 0.8em; }

.text110 { font-size: 1.1em; }

.text120 { font-size: 1.2em; }

.text140 { font-size: 1.4em; }

.text150 { font-size: 1.5em; }

.text160 { font-size: 1.6em; }

.textCenter { text-align: center; }

.textRight { text-align: right; }

.textBold { font-weight: bold; }

.textNomal { font-weight: normal; }

.textRed { color: #f00; }

.textDred { color: #cf1c23; }

.note {
    font-size: 1em;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
}

/* ラインhight
-------------------------------*/

.lh-12 { line-height: 1.2;}

.lh-14 { line-height: 1.4;}

/* dlフロート
-------------------------------*/

.dl_float > dt { font-weight: bold; }

.dl_float > dd { margin-bottom: 1em; }

@media screen and ( min-width: 641px )  {

    .dl_float > dt {
        float: left;
        margin-right: 1em;
    }

    .dl_float > dd {
        display: block;
        /*overflow: hidden;*/
    }

}

/* マージン
-------------------------------*/

.mg_t0,
.contents .mg_t0 { margin-top: 0; }

.mg_t16,
.contents .mg_t16 { margin-top: 16px; }

.mg_t32,
.contents .mg_t32 { margin-top: 32px; }

.mg_t40,
.contents .mg_t40 { margin-top: 40px; }

.mg_t56,
.contents .mg_t56 { margin-top: 56px; }

.mg_t64,
.contents .mg_t64 { margin-top: 64px; }

.mg_t80,
.contents .mg_t80 { margin-top: 80px; }

.mg_b0,
.contents .mg_b0 { margin-bottom: 0; }

.mg_b16,
.contents .mg_b16 { margin-bottom: 16px; }

.mg_b32,
.contents .mg_b32 { margin-bottom: 32px; }

.mg_b40,
.contents .mg_b40 { margin-bottom: 40px; }

.mg_b56,
.contents .mg_b56 { margin-bottom: 56px; }

.mg_lf1em,
.contents .mg_lf1em { margin-left: 1em; }

.mg_tb0,
.contents .mg_tb0 { margin: 0; }

.mg_tb8,
.contents .mg_tb8 { margin: 8px 0; }

.mg_tb8-16,
.contents .mg_tb8-16 { margin: 8px 0 16px; }

.mg_tb16,
.contents .mg_tb16 { margin: 16px 0; }

.mg_tb32,
.contents .mg_tb32 { margin: 32px 0; }

.mg_tb40,
.contents .mg_tb40 { margin: 40px 0; }

.mg_lf1em,
.contents .mg_lf1em { margin-left: 1em; }

/*-----------------------------------------
検索結果のハイライト
-----------------------------------------*/

.search-excerpt { background: #e8ad00; }

/* カラー・グラデ関連 */

.bg_White { background: #fff;}

.bg_Black {
    background: #0c0c0c;
    color: #fff;
}



/*========================================================
　コンテンツ部分基本設定
========================================================*/


/*-------------------------------
　背景 関連設定
-------------------------------*/

.whBox,.clBox { padding: 18px; }

.whBox {
    background: #fff;
    border-top: solid 4px #0c0c0c;
}

.whBox,
.banner-Wig img,
.catchTitle img {
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    -o-box-shadow: 0 0 2px #999;
    -ms-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.bg_beige { background: #E7E3D9; }


@media screen and ( min-width: 641px )  {

    .whBox,.clBox { padding: 18px 20px; }

    #contents .whBox,
    #contents .clBox { padding: 30px 30px; }

    .home #contents .whBox { padding: 30px 24px 18px; }

}


/*-------------------------------
　テキスト関連
-------------------------------*/

/* インデント */

.indent0,
.indent0 p,
p.indent0 { text-indent: 0; }

.indent-m05 { text-indent: -0.5em; }

.indent-m1 { text-indent: -1em; }


/* 見出し関連 */

.pageContents h3 {
    border-bottom: solid 2px #212121;
    padding-bottom: 0.25em;
    margin-bottom: 1em;
}

.pageContents h3:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 1.2em;
    vertical-align: middle;
    background: #e8ad00;
    margin-right: 0.5em;
}

.singleContent h4,
.pageContents h4 { }


.pageContents h3:first-child,
.singleContent h4:first-child,
.pageContents h4:first-child { margin-top: 0.5em; }

@media screen and ( min-width: 641px )  {

    .pageContents h3 { font-size: 1.6em; }

    .pageContents h3,
    .singleContent h4,
    .pageContents h4 { margin-top: 2em; }

    .pageContents h3 + h4 { margin-top: 0; }

    .singleContent h4:first-child,
    .pageContents h4:first-child,
    .pageContents h4.margin_T0:first-child { margin-top: 0; }

    .singleContent h4,
    .pageContents h4 { font-size: 1.45em; }

    .singleContent p,
    .pageContents p { font-size: 1.03125em; }

    .singleContent .dateLabel {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    /* リスト横並び */

    .list-F li {
        float: left;
        margin-right: 1em;
    }

    .list-F li:last-child { margin-right: 0; }

    .list-F li:after { clear: both; }

    .list-inBlock li {
        display: inline-block;
        margin-right: 1em;
    }

    .listFloar50 li {
        float: left;
        width: 50%;
    }

    .listFloar50.phList li:nth-child(even) { text-align: right;}
}

/* 注釈 その他関連 */

.note p,
.note li,
.pageContents p.note {
    font-size: 1em;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em !important;
}

/* imgキャプション */
p.wp-caption-text {
    font-size: 0.85em;
    text-indent: 0;
}

/*-------------------------------
　<br>改行関連
-------------------------------*/

.mbBr { display: inline; }

.pcBr { display: none; }

@media screen and ( min-width: 641px ) {

    .mbBr { display: none; }

    .pcBr { display: inline; }
}

/*-------------------------------
　背景ボックス カラー
-------------------------------*/

.box {
    padding: 1em 2.5%;
    margin: 1em 0;
}

.box h4,
.box h5,
.box h6 { margin-top: 0; }

td p:last-child,
.box p:last-child { margin-bottom: 0; }

.bg_white { background: #fff; }

.bg_yellow { background: #e8ad00; }

.bg_cream { background: #ede0b3; }

.bg_gray {
    background: #333;
    color: #fff;
}

.bg_Lpink { background: #ffd9d7; }

.bg_L-gray { background: #f5f5f5; }

.bg_LgrayY { background: #e4dfd2; }

.fr_black { border: solid 1px #212121; }

.fr_L-gray { border: solid 1px #bbb; }

/*-------------------------------
　マージンクラス
-------------------------------*/
.margin_T0 { margin-top: 0; }

.margin_B0 { margin-bottom: 0; }

.margin_B18 { margin-bottom: 18px; }

.margin_B36 { margin-bottom: 36px; }

.margin_B54 { margin-bottom: 54px; }


/*========================================================
　シングルページ設定
========================================================*/

/* コラムページ ヘッド*/

.columnBackImg { display: none; }

@media screen and ( min-width: 641px )  {

    .columnBackImg { display: inline; }

    .clTitleBack {
        margin: -30px -30px 36px;
        position: relative;
    }

    .clTitleBack .entry-header {
        position: absolute;
        top: 20%;
        left: 5%;
        width: 60%;
        border-top: solid 1px #e8ad00;
    }

    .clTitleBack .entry-header:before {
        content: "がんばれコンサルタント！今週の提言";
        color: #e8ad00;
        display: block;
        text-align: center;
        margin-top: -1.6em;
    }

    .clTitleBack .dateLabel {
        background: none;
        display: block;
        text-align: center;
        margin-top: 0.5em;
    }

    .clTitleBack h1 {
        color: #fff;
        line-height: 1.4;
    }

    @media screen and ( min-width: 820px ) and ( max-width: 899px ) {

        .clTitleBack h1 { font-size: 1.8em; }

    }
}

/*-------------------------------
　 フォーム関係
-------------------------------*/

.mailForm {
    margin-top: 38px;
    width: 100%;
    /*overflow: hidden;*/
}

.request {
    font-weight: bold;
    text-align: center;
    margin: 38px 0 -19px;
}

.request select { text-align: center;}

h5.request { text-align: left; }

.mailForm dt,
.pageContents p.noteInForm {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0.5em;
}

.mailForm dd { margin-bottom: 19px; }

.radioBr span.wpcf7-list-item { display: block; }

.mailForm .inpShort input[type="text"] { width: 9em; }

.mailForm .formZip {
    display: inline-block;
    margin-bottom: 10px;
}

@media screen and ( min-width: 641px )  {


}

.mailForm .formMessage textarea { height: 8em; }

.mailForm .formNote textarea { height: 3.5em; }

.formTransmit {
    margin-top: 18px;
    border-top: dotted 1px #363c4d;
    padding-top: 0.5em;
}

.formTransmit .acceptCheck {
/*line-height: 1;
margin-bottom: 2em;*/
}

.formTransmit .privacy-acceptance input { margin-right: 6px; }

.formTransmit p:last-child { text-align: center;/*margin-right: -20px;*/ /*cf7隠しアイテムのため調整*/
}

.formTransmit input[type="submit"] {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 4px 1.2em;
}

#example { padding-top: 72px; }

@media screen and ( min-width: 641px ) {

    .mailForm { }

    .mailForm dt,
    .mailForm dd { float: left; }

    .mailForm dt {
        clear: both;
        width: 20%;
        margin-left: 5%;
        padding: 0.2em 0.2em 0 0;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
    }

    .mailForm dd { width: auto; }

    .mailForm .formMessage textarea { height: 10em; }

    .mailForm .inpShort p { display: inline; }

    .formTransmit .acceptCheck { float: left; }

    .formTransmit p:last-child { float: right; }

    .request select {
        margin-right: 0.5em;
        width: auto;
    }
}





/*-------------------------------
　シングルページナビ
-------------------------------*/

.single-Nav {
    font-weight: bold;
    list-style: none outside none;
    padding: 18px 0 0;
    margin: 36px 0 18px;
    border-top: solid 1px #ccc;
    width: 100%;
    /*background: #ffb;*/
}

.single-Nav li {
    /*width: 40%;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.single-Nav a { color: #666; }

.single-Nav a:hover {
    color: #212121;
    text-decoration: none;
}

.single-Prev { float: left; }

.single-Next { float: right; }

.single-Prev a:before,
.single-Next a:after {
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 2px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.single-Prev a:before { border-color: transparent transparent #ccc #ccc; }

.single-Prev a:hover:before { border-color: transparent transparent #212121 #212121; }

.single-Next a:after { border-color: #ccc #ccc transparent transparent; }

.single-Next a:hover:after { border-color: #212121 #212121 transparent transparent; }

/*========================================================
　固定ページ設定
========================================================*/
/*寄稿者の感想-関係*/

.contribution-person {
    margin-bottom: 36px;
    padding-bottom: 1.5em;
}

.contribution-person h5 {
    font-size: 20px;
    font-size: 1.25em;
    color: #60360A;
    background: #e4dfd2;
    padding: 0.2em 1em;
    margin-bottom: 0.5em;
    box-shadow: 1px 1px 2px #999;
    text-indent: -0.5em;
}

.contribution-person h6 {
    font-size: 18px;
    font-size: 1.125em;
    text-align: right;
    margin-bottom: 1em;
}

.contribution-person .personName {
    font-size: 1em;
    text-align: left;
    font-weight: normal;
    /*float: right;*/
}

.contribution-person .personName span {
    font-size: 18px;
    font-size: 1.125em;
    font-weight: bold;
}

@media screen and ( min-width: 641px )  {

    .cssTable { display: table; }

    .contribution-person img,
    .contribution-person .personName {
        display: table-cell;
        vertical-align: middle;
    }

    .contribution-person .cssTable + p { clear: both; }

}



/*========================================================
　各ページ-個別設定
========================================================*/

/*-------------------------------
　書籍販売ページ
-------------------------------*/

.bookContents h5 {
    font-size: 1.5em;
    color: #3E4A7E;
    text-indent: -1em;
    margin-top: 1.5em;
}

.bookContents h5:first-letter { font-size: 1.1em; }

.PayPal-box form { margin: 0.5em 0; }

@media screen and ( min-width: 641px )  {

    .PayPal-box form { margin: 1em; }

    .PayPal-box select {
        width: 70%;
        float: left;
    }
}

/*-------------------------------
　トップページ
-------------------------------*/

/* 共通 */

.topSection { margin-bottom: 72px; }

.topSection:last-child { margin-bottom: 0; }

.topSecTitle { font-size: 1.5rem; }

.topSecTitle:first-child { margin-top: 0; }

.topContsTitle {
    line-height: 1.4;
    margin: 0.25em 0 1em;
}

.topContsTitle a { color: #212121; }

.topItemList {
    text-indent: 0;
    text-align: center;
    border: solid 1px #212121;
    padding: 0 0.3em;
}

@media screen and ( min-width: 641px )  {

    .topContsTitle {
        margin: 0.25em 0 0.5em;
        padding-right: 0.5em;
    }
}

/* セミナーセクション */

.topSemiBox { position: relative; }

.home .seminarBox {
    margin-bottom: 24px;
    padding-bottom: 8px;
}

.home .seminarTitle {
    font-size: 1.25em;
    line-height: 1.4;
    margin: 0.2em 0 0em;
}

.home .topSemiBox .seminarTitle {
    font-size: 1.5em;
}

.topSeminerThum { margin-bottom: 1em; }

.beforeSeminar .seminarRibbon {
    position: relative;
    top: 0;
    right: 0;
    float: right;
    margin: -20px 0 0;
}

@media screen and ( min-width: 641px )  {

    .topRibbon .seminarRibbon { right: 16px; }

    .topSeminerThum {
        float: right;
        overflow: hidden;
        width: 48%;
        margin-left: 24px;
    }

    .topSeminerThum img {
        max-width: none;
        width: 100%;
        height: auto;
    }

    .beforeSeminar .seminarRibbon { margin-top: -26px; }

    .home .seminarBox .seminarBtn { text-align: left; }


}

/* コラムセクション、トピックセクション共通 */

.home .newstColumn,
.newstTopics {
    border-bottom: dotted 2px #212121;
    margin-bottom: 16px;
}

/* コラムセクション */

/* アクセスランキング設定 */

/* アクセスランキング */

.topSection .accessBox { margin-bottom: 18px; }

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

.topSection .accessTitle {
    font-size: 16px;
    font-size: 1rem;
}

.topSection .wpp-list li {
    background: #ddd;
    padding: 4px 0 4px 2.1em;
    line-height: 1.35em;
    margin-left: 0;
}

.topSection .wpp-list li:before {
    top: 4px;
    left: 4px;
}


@media screen and ( min-width: 641px )  {

    .home .beforeColumn {
        float: left;
        width: 48%;
        margin-right: 2%;
    }



    .topSection .accessTopArea,
    .topSection .accessTitle,
    .topSection .wpp-list { display: block; }

    .topSection .accessTopArea {
        float: right;
        width: 48%;
        padding: 10px;
        -moz-box-shadow: 0 0 2px #999;
        -o-box-shadow: 0 0 2px #999;
        -webkit-box-shadow: 0 0 2px #999;
        -ms-box-shadow: 0 0 2px #999;
        box-shadow: 0 0 2px #999;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
    }

    .topSection .accessTitle {
        width: auto;
        padding: 0;
        margin-bottom: 0.5em;
    }

    .topSection .wpp-list li:last-child { margin-bottom: 0; }
}

/* トピックスセクション */

.beforeTopics .loopTitle {
    font-size: 1.2em;
}

.beforeTopics .thumBox {
    overflow: hidden;
    max-height: 180px;
}

@media screen and ( min-width: 641px )  {

    .newstTopics .thumBox {
        float: none;
        width: auto;
        margin: 5px 0 1em;
    }

    .beforeTopics .thumBox { margin-top: 6px; }

}

/*-------------------------------
　 スライドショー
-------------------------------*/

.rslides li:first-child { background: #0c0c0c; }
.rslides li:nth-child(2) { background: #fff; }
.rslides li:last-child {
    background: rgb(183,198,206); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(183,198,206) 0%, rgb(233,234,238) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(183,198,206)), color-stop(100%,rgb(233,234,238))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(183,198,206) 0%,rgb(233,234,238) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(183,198,206) 0%,rgb(233,234,238) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(183,198,206) 0%,rgb(233,234,238) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(183,198,206) 0%,rgb(233,234,238) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7c6ce', endColorstr='#e9eaee',GradientType=0 ); /* IE6-9 */

}

/* rslides CSS*/
/* レスポンシブスライダーcss*/
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

/*-------------------------------
　セミナーLPページ
-------------------------------*/

/*body.page-id-3630 { background: #fff;}
body.page-id-4539 { background: #fff;}*/

#Landing-style { background: #fff; }

/* セミナー ヘッダー*/

.wbf-os {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

/*.bg_dBlue { background: #073358; }*/

.semiLpHead { position: relative; }

.centerSemiBoxLg {
    max-width: 980px;
    width: 980px\9;
    margin: 0 3%;/*スマホ用マージン*/
}

.centerSemiBox  {
    max-width: 710px;
    width: 7350px\9;
    margin: 0 3%;/*スマホ用マージン*/
}

ul.semiHeadUl {
    color: #28334a;
    /*margin-right: 80px;*/
    text-align: center;
    padding: 8px 0;
}

.semiHeadUl li:first-child {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
}

.semiHeadUl a,
.semiHeadUl .telGuide { color: #28334a; }

.semiHeadUl a:hover { text-decoration: none; }

.semiHeadTxtspn { display: block; }

.semiHeadUl .telGuide  {
    font-size: 0.9375rem;
    margin: 0;
}

.semiHeadUl .wbf-os {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    padding-left: 34px;
    background: url(images/ico_tel.png) no-repeat left center;
}

.centerSemiBoxLg h1 {
    overflow: hidden;
    margin: 0;
}

.centerSemiBoxLg h1 img {
    max-width: none;
    width: 108%;
    margin: -7px -4% 0;
}

.sslBox {
    display: table;
    position: absolute;
    top: 0;
    right: 0;
}

.sslBox span {
    font-size: 10px;
    font-size: 0.625rem;
    display: block;
    width: 9em;
    line-height: 1.2;
}

@media screen and ( min-width: 410px )  {

    .centerSemiBoxLg h1 img {
        max-width: 100%;
        width: auto;
        margin: 0;
    }

    .semiHeadTxtspn {
        display: inline-block;
        margin-left: 0.5em;
    }
}

@media screen and ( min-width: 700px )  {

    .semiLpHead { position: static; }

    .centerSemiBoxLg { position: relative; }

    .centerSemiBoxLg h1 { overflow: visible; }

    .centerSemiBoxLg h1 img { margin-top: -13px; }

    .sslBox {
        top: 12px;
        right: -18px;
        color: #fff;
    }

}

@media screen and ( min-width: 780px )  {

    .semiTitLine { padding: 0 0 12px}

    ul.semiHeadUl {
        display: table;
        width: 100%;
        text-align: left;
    }

    .semiHeadUl li {
        display: table-cell;
        vertical-align: middle;
    }

    .semiHeadUl li:last-child { text-align: right; }

    .centerSemiBoxLg h1 { overflow: visible; }

    .centerSemiBoxLg h1 img { margin-top: -14px; }

    .sslBox { top: 24px;}


    .centerSemiBox { margin: 0 auto; }

}

@media screen and ( min-width: 1000px )  {

    .centerSemiBoxLg { margin: 0 auto; }

    .semiHeadUl li:first-child {
        font-size: 21px;
        font-size: 1.3125rem;
    }

    .semiHeadUl li:last-child { display: table; }

    .semiHeadUl .telGuide,
    .semiHeadUl .wbf-os {
        display: table-cell;
        vertical-align: middle;
    }

    .semiHeadUl .telGuide {
        font-size: 12px;
        font-size: 0.75rem;
        text-align: left;
        width: 10em;
        line-height: 1.1;
    }

    .semiHeadUl .wbf-os {
        font-size: 34px;
        font-size: 2.125rem;
    }

    .centerSemiBoxLg h1 img { margin-top: -18px; }
}

/* 申込ボタンライン*/

.semiBtnLine {
    color: #fff;
    background: #27344b;
    padding: 12px 0;
}

.semiBtnLine p {
    text-indent: 0;
    margin: 0;
}

.semiBtnBox ul {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 1em;
    text-align: center;
}

.semiBtnBox strong {
    font-size: 19px;
    font-weight: normal;
}

.semiBtnBox strong span {
    color: #efb227;
}

.btnYG { text-align: center;}

.btnYG a {
    color: #27344b;
    font-size: 20px;
    font-weight: 1.25rem;
    font-weight: bold;
    display: inline-block;
    padding: 0.4em 1.2em;
    background: rgb(230,196,62);
    background: -moz-linear-gradient(top,  rgba(230,196,62,1) 0%, rgba(239,178,39,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,196,62,1)), color-stop(100%,rgba(239,178,39,1)));
    background: -webkit-linear-gradient(top,  rgba(230,196,62,1) 0%,rgba(239,178,39,1) 100%);
    background: -o-linear-gradient(top,  rgba(230,196,62,1) 0%,rgba(239,178,39,1) 100%);
    background: -ms-linear-gradient(top,  rgba(230,196,62,1) 0%,rgba(239,178,39,1) 100%);
    background: linear-gradient(to bottom,  rgba(230,196,62,1) 0%,rgba(239,178,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c43e', endColorstr='#efb227',GradientType=0 );
    border-radius: 6px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    position: relative;
}

.btnYG a:hover {
    text-decoration: none;
    background: #e6c43e;
}

.btnYG a:active {
    top: 1px;
    box-shadow: 0 0 2px  rgba(0,0,0,0.5);
}

@media screen and ( min-width: 780px )  {

    .semiBtnLine { padding: 22px 0;}

    .semiBtnBox {
        display: table;
        width: 100%;
    }

    .semiBtnBox ul,
    .semiBtnBox p {
        display: table-cell;
        vertical-align: middle;
    }

    .semiBtnBox ul {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 0;
        text-align: left;
    }

    .semiBtnBox strong {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: normal;
    }

}

/* LP本文 */

.semiLpMain {
    font-size: 17px;
    font-size: 1.0625rem;
}

.semiLpMain section,
.semiLpMain aside { margin-bottom: 40px; }

.semiLpMain h3,
.semiLpMain h4,
.semiLpMain h5,
.textdBlue { color: #27344b; }

.semiLpMain h3 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 1.5em;
    line-height: 1.4;
}

.semiLpMain section:first-of-type h3 { color: #cf1c23; }

.ul-UnderLine li { margin-bottom: 0.2em; }

.ul-UnderLine span {
    padding-bottom: 0.1em;
    border-bottom: 1px solid #212121;
}

.LPsection01 .ul-UnderLine {
    font-weight: bold;
    margin: 32px 0 32px;
}

@media screen and ( min-width: 641px )  {
    .LPsection01 .ul-UnderLine { margin-left: 1em; }
}

.LPsection03 ol ul { list-style: disc;}

ul.semiLpVolce li {
    font-weight: bold;
    margin-bottom: 0.5em;
}

ul.semiLpVolce li span {
    font-weight: normal;
    text-align: right;
    display: block;
}

.semiQA li { margin-bottom: 2em; }

.semiQA div p {
    text-indent: 0;
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}

.semiQA div p:first-child { text-indent: -1.3em}

.semiQA div p span { margin-right: 0.2em; }

.semiBookBox p { margin-bottom: 0; }

.semiLpNxBox {
    position: relative;
}

.semiLpThum {
    height: 220px;
    /*text-align: center;*/
    margin-bottom: 1em;
}

.semiLpThum img {
    width: auto;
    height: 100%;
    margin: 0;
}

.semiNxDl dt { color: #cf1c23; }

.semiNxDl dd { overflow: hidden;}

.semiNxDl dd p { margin: 0;}

.semiLpOutline p.wp-caption-text {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.4;
    margin-top: 0.5em;
}

.semiLpForm {
   width: auto;
   margin-top: 18px;
   padding: 18px;
   border: 1px solid #ccc;
}

.semiLpForm dt {
    font-size: 16px;
    font-size: 1rem;
}

.semiLpForm dd {
    padding-bottom: 6px;
    border-bottom: 1px dotted #ccc;
}

.semiLpForm dd:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.semiLpForm h6,
.semiLpForm p { margin: 0;}

.semiLpForm .formZip { display: block;}

.semiLpForm .semiLPdate select { width: 70%; }

.semiLpForm .noteInForm {
    font-size: 14px;
}

.semiLpFormSec .formTransmit { border-top: none;}


@media screen and ( min-width: 641px )  {

    .semiPhUl li {
        width: 50%;
        float: left;
    }

    .semiPhUl img { margin: 0; }

    .semiLpMain .box.bg_Lpink { padding: 2em; }

    .semiLpThum {
        width: 30%;
        height: auto;
        float: right;
        margin: 0 0 0 24px;
    }

    .semiLpThum img { height: auto; }

    .semiNxDl dd { margin-bottom: 0.5em; }

    .semiLpForm { padding: 42px 36px 36px; }

    .semiLpForm dt {
        margin: 0;
        width: 30%;
        padding-left: 1em;
    }

    .semiLpForm dd {
        float: none;
        padding-left: 30%;
        padding-bottom: 18px;
    }
}

/*========================================================
　SNSボタン
========================================================*/

.snsList li {
    display: inline-block;
    margin-right: 8px;
}

.gPlusBtn div {
    vertical-align: -8px !important;
}


.snsList li iframe { vertical-align: bottom;}

.sccBox {
    font-size: 11px;
    padding: 0.3em 0.5em;
    margin-left: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
}

.sccBox:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: #ccc;
    background: #fff;
    position: absolute;
    left: -4px;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(4-5deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

/*-------------------------------
　メルマガ登録LPページ
-------------------------------*/

.registMainBox { padding: 12px 8px; }

.registPage { padding-bottom: 80px; }

.registHead {
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.registHead .imgNonTit { margin-top: 40px; }

.registTitle,
.semiLpMain .registTitle {
    color: #fff;
    font-size: 30px;
    font-size: 1.875rem;
    background: #27344b;
    padding: 0.2em 0.5em 0.2em 8px;
    border-bottom: 2px solid #e8ad00;
    margin: 1.5em -8px 0.5em;
}

.theContentWrap-ccc > .registTitle:first-child { margin-top: -12px; }

.registSample {
    color: #5e5e5e;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    margin: 16px 0 40px;
    padding: 16px;
}

.registSample h5 {
    color: #fff;
    background: #999;
    margin: -16px -16px 32px;
    padding: 8px 16px;
}

.registSample h6 a { color: #212121; }

.sampleEnd {
    text-align: right;
    border-top: 1px dotted #ccc;
    padding-top: 0.5em;
    margin-top: 2em;
}

.mailMgzLpForm {
    border: 1px solid #ccc;
    padding: 8px 8px 16px;
    background: #e4dfd2;

}

.mailMgzLpForm h6 {
    color: #27344b;
    border-bottom: 1px solid;
    margin-bottom: 1em;
}

.mailMgzLpdl dd { margin-bottom: 1em; }

@media screen and ( min-width: 641px )  {

    .registMainBox { padding: 24px 32px; }

    .registTitle,
    .semiLpMain .registTitle {
        padding-left: 32px;
        margin: 1.5em -32px 0.5em;
    }

    .theContentWrap-ccc > .registTitle:first-child { margin-top: -24px; }

    .mailMgzLpForm { padding: 16px; }

    .mailMgzLpdl dt {
        float: left;
        width: 5em;
        background: none;
        border: none;
    }

    .mailMgzLpdl dd {
        padding-left: 6.5em;
    }

}