@charset "UTF-8";
.font-en { font-family: 'Roboto', sans-serif; }

.font-mp { font-family: 'M PLUS 1p', sans-serif; }

.font-min { font-family: 'Zen Kurenaido', sans-serif; }

.pagettl { margin-top: 0; margin-bottom: 110px; }
@media screen and (max-width: 640px) { .pagettl { margin-bottom: 80px; font-size: 2rem; } }

.heading_g { font-size: 2rem; }

.archive-txt { margin-bottom: 70px; }

/* ==================================================================================================== 一覧
==================================================================================================== */
.idx .list-box { margin-bottom: 65px; }
.idx .list-box .list-box-con { border: 1px solid #333; }
.idx .list-box .list-btn { width: 100%; max-width: 270px; }
@media screen and (max-width: 640px) { .idx .list-box .list-btn { margin: 0 auto; } }
.idx .list-box .list-btn .btn { max-width: 100%; background: #46b46b url("../img/common/ico_arrow_w02.png") no-repeat right 20px center; border-radius: 2rem; }
@media screen and (max-width: 640px) { .idx .list-box .list-btn .btn { width: 100%; } }
.idx .list-box .list-btn .btn span { display: inline-block; padding: 2px 30px 2px 0; background: url("../img/common/ico_link02.png") no-repeat right center; }
.idx .list-box-01 .list-item { display: flex; justify-content: space-between; padding: 50px 30px 25px 50px; }
@media screen and (max-width: 640px) { .idx .list-box-01 .list-item { display: block; padding: 20px; } }
.idx .list-box-01 .list-item .list-txt { width: 55.3571428571%; margin-right: 20px; }
@media screen and (max-width: 640px) { .idx .list-box-01 .list-item .list-txt { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.idx .list-box-01 .list-item .list-btn { margin-top: 10px; }
@media screen and (max-width: 640px) { .idx .list-box-01 .list-item .list-btn { margin-top: 0; } }
.idx .list-box-02 .list-box-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 960px) { .idx .list-box-02 .list-box-con { display: block; } }
.idx .list-box-02 figure { width: 49.4166666667%; }
@media screen and (max-width: 960px) { .idx .list-box-02 figure { width: 100%; } }
.idx .list-box-02 .list-item { width: 50.5833333333%; padding: 25px 35px; }
@media screen and (max-width: 960px) { .idx .list-box-02 .list-item { width: 100%; } }
@media screen and (max-width: 640px) { .idx .list-box-02 .list-item { padding: 20px; } }
.idx .list-box-02 .list-item .list-txt { margin-bottom: 30px; }
.idx .list-box-02 .list-item .list-btn { margin: 0 0 0 auto; }
@media screen and (max-width: 640px) { .idx .list-box-02 .list-item .list-btn { margin: 0 auto; } }

/* ==================================================================================================== 東三河のキラリ人
==================================================================================================== */
.kirari .kirari-list { margin-bottom: 60px; border-top: 1px solid #ddd; }
.kirari .kirari-list li { border-bottom: 1px solid #ddd; }
.kirari .kirari-list li a { display: flex; align-items: flex-start; justify-content: space-between; text-decoration: none; padding: 50px 70px 50px 145px; }
@media screen and (max-width: 960px) { .kirari .kirari-list li a { display: block; padding: 40px; } }
@media screen and (max-width: 640px) { .kirari .kirari-list li a { padding: 40px 0; } }
.kirari .kirari-list li a .list-box .list-heading { text-decoration: underline; }
.kirari .kirari-list li a:hover .list-box .list-heading { text-decoration: none; }
.kirari .kirari-list li .list-fig { width: 27.1065989848%; text-align: center; }
@media screen and (max-width: 960px) { .kirari .kirari-list li .list-fig { width: 100%; margin: 0 auto 20px; } }
.kirari .kirari-list li .list-box { width: 53.807106599%; }
@media screen and (max-width: 960px) { .kirari .kirari-list li .list-box { width: 100%; } }
.kirari .kirari-list li .list-box .list-num { margin-bottom: 30px; font-size: 1.625rem; }
.kirari .kirari-list li .list-box .list-heading { margin-bottom: 30px; font-size: 1.625rem; font-weight: 400; }
.kirari .kirari-list li .list-box .list-item { display: flex; line-height: 1; }
.kirari .kirari-list li .list-box .list-item .list-area { margin-right: 15px; padding: 10px 25px; background-color: #46b46b; border: 1px solid #46b46b; color: #fff; text-align: center; }
.kirari .kirari-list li .list-box .list-item .list-cate { padding: 10px 25px; background-color: #fff; border: 1px solid #46b46b; color: #46b46b; text-align: center; }
.kirari .kirari-att { margin-bottom: 40px; text-align: center; }

.kirari-detail .detail-main { display: flex; justify-content: space-between; margin-bottom: 100px; }
@media screen and (max-width: 960px) { .kirari-detail .detail-main { display: block; } }
.kirari-detail .detail-main .detal-main-fig { width: 46.6666666667%; padding: 0 20px; text-align: center; }
@media screen and (max-width: 960px) { .kirari-detail .detail-main .detal-main-fig { width: 100%; padding: 0; margin: 0 auto 40px; } }
.kirari-detail .detail-main .detal-main-box { width: 53.3333333333%; }
@media screen and (max-width: 960px) { .kirari-detail .detail-main .detal-main-box { width: 100%; } }
.kirari-detail .detail-main .detal-main-box .detal-main-item { display: flex; margin-top: 10px; margin-bottom: 40px; line-height: 1; }
.kirari-detail .detail-main .detal-main-box .detal-main-item .list-area { margin-right: 15px; padding: 5px 25px; background-color: #46b46b; border: 1px solid #46b46b; color: #fff; text-align: center; }
.kirari-detail .detail-main .detal-main-box .detal-main-item .list-cate { padding: 5px 25px; background-color: #fff; border: 1px solid #46b46b; color: #46b46b; text-align: center; }
.kirari-detail .box { margin-bottom: 140px; padding-top: 40px; border-top: 2px solid #ddd; }
@media screen and (max-width: 640px) { .kirari-detail .box { margin-bottom: 100px; } }
.kirari-detail .box-item { display: flex; justify-content: space-between; flex-direction: row-reverse; }
@media screen and (max-width: 640px) { .kirari-detail .box-item { display: block; } }
.kirari-detail .box-item .box-fig { width: 40%; }
@media screen and (max-width: 640px) { .kirari-detail .box-item .box-fig { width: 100%; margin-bottom: 40px; } }
.kirari-detail .box-item .box-txt { width: 53.3333333333%; }
@media screen and (max-width: 640px) { .kirari-detail .box-item .box-txt { width: 100%; } }
.kirari-detail .kirari-att { margin-top: 50px; text-align: center; }

/* ==================================================================================================== カラフルレシピ
==================================================================================================== */
.recipe-detail .detal-ttl { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 55px; padding-bottom: 35px; border-bottom: 2px solid #46b46b; }
@media screen and (max-width: 640px) { .recipe-detail .detal-ttl { display: block; } }
.recipe-detail .detal-ttl .detal-ttl-heading { margin-right: 20px; font-size: 2.25rem; font-weight: bold; }
@media screen and (max-width: 640px) { .recipe-detail .detal-ttl .detal-ttl-heading { margin-right: 0; margin-bottom: 20px; font-size: 1.625rem; } }
.recipe-detail .detal-ttl p { width: 100%; max-width: 100px; padding: 10px; background-color: #46b46b; border: 1px solid #46b46b; color: #fff; text-align: center; line-height: 1; }
@media screen and (max-width: 640px) { .recipe-detail .detal-ttl p { margin: 0 0 0 auto; } }
.recipe-detail .detal-main { display: flex; justify-content: space-between; margin-bottom: 100px; }
@media screen and (max-width: 960px) { .recipe-detail .detal-main { display: block; } }
.recipe-detail .detal-main .detal-main-fig { width: 46.6666666667%; padding: 0 20px; text-align: center; }
@media screen and (max-width: 960px) { .recipe-detail .detal-main .detal-main-fig { width: 100%; padding: 0; margin: 0 auto 40px; } }
.recipe-detail .detal-main .detal-main-box { width: 53.3333333333%; }
@media screen and (max-width: 960px) { .recipe-detail .detal-main .detal-main-box { width: 100%; } }
.recipe-detail .detal-main .detal-main-box .detal-main-item { margin-top: 90px; padding-top: 45px; border-top: 1px solid #ddd; }
.recipe-detail .detal-main .detal-main-box .detal-recipe { width: 100%; margin-bottom: 30px; }
.recipe-detail .detal-main .detal-main-box .detal-recipe tr th { padding: 5px 0; font-weight: 700; text-align: left; }
.recipe-detail .detal-main .detal-main-box .detal-recipe tr td { padding: 5px 0; }
.recipe-detail .detal-main .detal-main-box .detal-recipe tr td.recipe-txt { width: 30rem; }
@media screen and (max-width: 640px) { .recipe-detail .detal-main .detal-main-box .detal-recipe tr td.recipe-txt { width: 13rem; } }
.recipe-detail .detal-main .detal-main-box .detal-recipe tr td.recipe-num { text-align: right; }
.recipe-detail .box { margin-bottom: 100px; padding-top: 40px; border-top: 2px solid #ddd; }
.recipe-detail .detail-back { width: 100%; max-width: 160px; margin-left: 85px; }
@media screen and (max-width: 960px) { .recipe-detail .detail-back { margin-left: 0; } }
.recipe-detail .detail-back a { display: block; text-decoration: none; padding: 20px 10px; background-color: #d4d4d4; font-weight: bold; text-align: center; border-radius: 2em; line-height: 1; }

/* ==================================================================================================== 東三河ドコドコ動画
==================================================================================================== */
.dokodoko .lnav ul { flex-wrap: wrap; }
.dokodoko .lnav ul li { margin: 0 25px; }
@media screen and (max-width: 960px) { .dokodoko .lnav ul li { margin: 0 20px; } }
.dokodoko .dokodoko-box { position: relative; padding: 75px 0 100px; }
.dokodoko .dokodoko-box.dokodoko-box02 { background-color: #f5f7fe; }
.dokodoko .dokodoko-box .dokodoko-box-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-box-top { display: block; margin-bottom: 60px; } }
.dokodoko .dokodoko-box .dokodoko-box-top .dokodoko-box-fig { width: 43.3333333333%; margin-right: 40px; text-align: center; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-box-top .dokodoko-box-fig { width: 100%; margin-bottom: 40px; } }
.dokodoko .dokodoko-box .dokodoko-box-top .dokodoko-box-fig figcaption { margin-top: 15px; line-height: 1; }
.dokodoko .dokodoko-box .dokodoko-box-top .dokodoko-box-fig .dokodoko-box-fig-txt { display: flex; justify-content: space-around; }
.dokodoko .dokodoko-box .dokodoko-box-top .dokodoko-box-txt { width: 53.3333333333%; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-box-top .dokodoko-box-txt { width: 100%; } }
.dokodoko .dokodoko-box .dokodoko-list ul { display: flex; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-list ul { display: block; } }
.dokodoko .dokodoko-box .dokodoko-list ul li { width: 28.3333333333%; margin-right: 7.5%; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-list ul li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
.dokodoko .dokodoko-box .dokodoko-list ul li:last-child { margin: 0; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-list ul li .dokodoko-list-after { display: none; } }
.dokodoko .dokodoko-box .dokodoko-list ul li .subheading_g { margin-bottom: 50px; line-height: 1; }
@media screen and (max-width: 960px) { .dokodoko .dokodoko-box .dokodoko-list ul li .subheading_g { font-size: 1.25rem; } }
.dokodoko .dokodoko-box .dokodoko-list ul li .subheading_g span { margin-left: 1em; color: #ffe11e; }
.dokodoko .dokodoko-box .dokodoko-list ul li .list-box { background-color: #fff; border-radius: 20px; }
.dokodoko .dokodoko-box .dokodoko-list ul li .list-box-fig { position: relative; cursor: pointer; }
.dokodoko .dokodoko-box .dokodoko-list ul li .list-box-fig p { position: absolute; top: 50%; left: 50%; width: 57px; margin-top: -25px; margin-left: -25px; }
.dokodoko .dokodoko-box .dokodoko-list ul li .list-box-con { padding: 30px 10px 45px; }
.dokodoko .dokodoko-box .dokodoko-list ul li .list-box-con .list-link { margin-bottom: 30px; text-decoration: underline; font-size: 1.25rem; text-align: center; cursor: pointer; }
.dokodoko .dokodoko-box .dokodoko-list ul li .list-box-con .list-link:hover { text-decoration: none; }
.dokodoko .dokodoko-box .dokodoko-list ul li .list-box-con .list-txt { margin-top: 3rem; }
.dokodoko .dokodoko-box .dokodoko-list ul li .list-box-con .list-btn { max-width: 270px; margin: 0 auto; padding: 20px 10px; background: #46b46b url("../img/common/ico_arrow_w05.png") no-repeat right 15px center; font-size: 1.125rem; font-weight: bold; text-align: center; cursor: pointer; color: #fff; border-radius: 2rem; line-height: 1; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup { z-index: 9999; display: none; position: absolute; bottom: auto; left: 0; width: 100%; margin-top: 100px; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup.is-open { display: block; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-list ul .popup { position: static; margin-top: 40px; } }
.dokodoko .dokodoko-box .dokodoko-list ul .popup.popup-m .popup-con { margin: 0 auto; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup.popup-m .popup-con .popup-box::before { left: 50%; margin-left: -20px; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup.popup-l .popup-con { margin: 0 0 0 auto; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup.popup-l .popup-con .popup-box::before { right: 0; margin-right: 150px; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-list ul .popup.popup-l .popup-con .popup-box::before { right: 50%; margin-right: -20px; } }
.dokodoko .dokodoko-box .dokodoko-list ul .popup.is-aaa { display: block; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup .popup-in { position: relative; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-list ul .popup .popup-in { padding: 0 !important; } }
.dokodoko .dokodoko-box .dokodoko-list ul .popup .popup-in .popup-con { width: 100%; max-width: 744px; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-list ul .popup .popup-in .popup-con { max-width: 100%; } }
.dokodoko .dokodoko-box .dokodoko-list ul .popup .popup-in .popup-con .popup-box { position: relative; background-color: #fff; border: 1px solid #46b46b; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup .popup-in .popup-con .popup-box::before { content: ''; position: absolute; top: 0; margin-top: -26px; border-right: 20px solid transparent; border-bottom: 26px solid #46b46b; border-left: 20px solid transparent; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup ul { display: flex; flex-wrap: wrap; padding: 50px 50px 0; }
@media screen and (max-width: 640px) { .dokodoko .dokodoko-box .dokodoko-list ul .popup ul { padding: 50px 20px 0; } }
.dokodoko .dokodoko-box .dokodoko-list ul .popup ul li { width: 46.8018720749%; margin-right: 6.3962558502%; margin-bottom: 8.2683307332%; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup ul li:nth-child(2n) { margin-right: 0; }
.dokodoko .dokodoko-box .dokodoko-list ul .popup ul li:last-child { margin-right: 0; }

/* ==================================================================================================== 東三河ストーリーブック
==================================================================================================== */
.blog .blog-main { margin-bottom: 160px; }
.blog .blog-main .heading_g { margin-bottom: 70px; }
.blog .blog-main .blog-fig { margin-bottom: 50px; }
.blog .blog-main .blog-txt { margin-bottom: 60px; }
.blog .blog-main .blog-list { display: flex; margin-bottom: 150px; }
@media screen and (max-width: 640px) { .blog .blog-main .blog-list { display: block; margin-bottom: 80px; } }
.blog .blog-main .blog-list li { width: 47%; margin-right: 6%; }
@media screen and (max-width: 640px) { .blog .blog-main .blog-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
.blog .blog-main .blog-list li:last-child { margin: 0; }
.blog .blog-main .blog-list li a { display: block; }
.blog .blog-main .blog-list li figure figcaption { margin-top: 30px; text-align: center; }
.blog .blog-contact { padding: 75px 0 100px; background-color: #f5f7fe; }
.blog .blog-contact .heading_g { margin-bottom: 50px; }

/* ==================================================================================================== PR動画
==================================================================================================== */
.pr .pr-box { padding: 75px 0; }
.pr .pr-box.pr-category { background-color: #f5f7fe; }
.pr .pr-box.pr-category .pr-item { padding-bottom: 60px; margin-bottom: 40px; border-bottom: 1px solid #ddd; }
.pr .pr-box.pr-category .pr-item.pr-item-last { border-bottom: none; }
.pr .pr-box .pr-youtube { width: 100%; }
.pr .pr-box .pr-iframe { position: relative; width: 100%; margin-bottom: 60px; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.pr .pr-box .pr-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*# sourceMappingURL=archive.css.map */