@charset "UTF-8";
section#text1-section {
    margin-bottom: 150px;
}

.aftemp {
    text-align: center;
    margin-bottom: 220px;
}

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }



ul#newEntry {
    margin-top: -20px;
}

#newEntry li {
    margin-bottom: 8px;
    border-bottom: 1px solid #ebebed;
    padding-bottom: 6px;
}

#newEntry li a {
    color: rgb(31, 45, 61);
    text-decoration: none;
    font-size: 14px;
}

#newEntry li a:hover {
    opacity: 0.5;
}

 ul#newEntry {
    margin-top: -20px;
 }
  
  
 /*ボタン用マイクロコピー*/
 .button-mcopy {
    text-align: center;
    font-size: 16px;
    margin-bottom: -5px;
}

 .button-mcopy-bottom {
    text-align: center;
    font-size: 0.85em;
    margin: 20px auto 0;
}
 .button-mcopy-bottom span {
     background-color: #efefef;
     padding: 10px;
}

/*スマホ用改行*/
@media screen and (min-width:641px) {
    .br-sp {
        display: none;
    }
}

/*PCのみ画像回り込み*/
@media screen and (min-width:641px) {
    .image-left-pc {
        float: left;
        margin: 0 16px 10px 0;
    }
}

/*H2見出しの色*/
#contents .topic.topic-clLG, #contents .topic.topic-clLG::before, #contents .topic.topic-clLG::after {
    background-color: #9bbb1b;
    border-color: #9bbb1b;
}

/* ページトップのランキングバナー */
.ranking-banner-top {
    margin: 80px 0 140px;
}

/*ランキング見出し*/
@media screen and (min-width:641px) {
    .ranking-h2 {
        font-size: 30px;
    }
}

/*表のスクロールヒント（スマホ用）*/
.table-annotation-sp {
    font-size: 0.8em;
    margin: 12px auto;
    text-align: center;
}
.table-annotation-sp span {
    background-color: #e7f5ff;
    padding: 10px;
    border-radius: 10px;
}
@media screen and (min-width:641px) {
    .table-annotation-sp {
        display: none;
    }
}

/*広告版LPのボタン*/
.adlp-button {
    background-color: #f38702 !important;
}

/*広告版LPのH2*/
.adlp-h2 {
    border-top: 2px solid #00adaa !important;
    border-bottom: 2px solid #00adaa !important;
    justify-content:center;
}

/*広告版LPの表*/
.adlp-table {
    max-width: 100%;
    text-align:center;
}
.adlp-table table {
    display: inline-table;
}
.adlp-table table td {
    background-color: #fff !important;
    border-bottom: 1px solid #d7d7d7 !important;
}
.adlp-table tr td:first-child {
    color: #5a5a5a;
    font-weight: bold;
    background-color: #f5f5f5 !important;
}
@media screen and (max-width:640px) {
    .adlp-table table th, table td {
        font-size: 14px;
        min-width: 0;
    }
    .adlp-table table {
        width: 100%;
    }
}
@media screen and (min-width:641px) {
    .adlp-table table {
        width: 650px;
    }
}

/*クーポンBOX*/
.cpbox {
    text-align: center;
    margin: 0 auto;
    border: 5px #00adaa double;
    line-height: 1.8;
}
.cpbox .cbox-hd7 {
    margin: 0 auto;
    background: #00adaa;
    color: #FFF;
    bottom: 18px;
    max-width: 100%;
}
.cpbox .cbox-hd7::after {
    bottom: -16px;
    border-color: #00adaa transparent transparent transparent;
}
@media screen and (min-width:641px) {
    .cpbox {
        width: 600px;
    }
    .cpbox .cbox-hd7 {
        width: 350px;
    }
}

/*クーポンBOX（オレンジ折り込みリボン）*/
.cbox-hd6-orange {
    line-height: 1.8;
}
.cbox-hd6-orange .cbox-hd6 {
    background-color: #f1ce22;
    color: #fff;
}
.cbox-hd6-orange .cbox-hd6::before {
    border-color: #f1ce22 #f1ce22 transparent transparent;
}
.cbox-hd6-orange .cbox-hd6::after {
    background-color: #f1ce22;
}

/*コピーボタン*/
.copy-btn1{
    display: inline-block;
    padding: 0.5em 1em 0.3em;
    text-decoration: none;
    background: #9da4af;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #7d8188;
    border-radius: 3px;
    font-weight: bold;
    cursor : pointer;
}
.copy-btn1:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}

.copy-btn2{
    display: inline-block;
    padding: 0.5em 1em 0.3em;
    text-decoration: none;
    background: #9da4af;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #7d8188;
    border-radius: 3px;
    font-weight: bold;
    cursor : pointer;
}
.copy-btn2:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}

.copy-btn3{
    display: inline-block;
    padding: 0.5em 1em 0.3em;
    text-decoration: none;
    background: #9da4af;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #7d8188;
    border-radius: 3px;
    font-weight: bold;
    cursor : pointer;
}
.copy-btn3:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}

.copy-done {
    background: #fff;
    border: 2px #9da4af solid;
    color: #555;
}


/*スマホ用ナビゲーション*/
.top-navi ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    text-align: center;
}
.top-navi li {
    width: calc(50% - 6px);
    border: 2px solid #8DB328;
    border-radius: 4px;
    padding: 10px;
    margin: 3px ! Important;
    list-style: none;
}
.top-navi li a {
    color: #8DB328;
    text-decoration: none;
    font-weight: bold;
}
.top-navi li a:hover {
    color: #749b0d;
    text-decoration: underline;
}
@media screen and (min-width:641px) {
    #space1 {
        margin-bottom: 100px;
    }
}