@charset "utf-8";
.container h1{margin:0}
.container h1 img{max-width:100%}
.container h1 + p{text-align:left;margin-top:25px;line-height:1.8}
.ab_list_bt_dw{margin-bottom:70px;color:#443829;overflow:hidden}
.ab_list_bt_dw ul{display:flex;flex-wrap:wrap}
.ab_list_bt_dw li{width:48.6%;margin-top:20px;margin-right:2.8%;color:#443829;border-radius:50px;border:2px solid #938675;background:url(../../common/img/ar_down.png) no-repeat 95%;text-align:center}
.ab_list_bt_dw li:nth-child(2n){margin-right:0}
.ab_list_bt_dw li a{width:100%;height:100%;min-height:60px;padding:5px 20px;text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}
.ab_list_bt_dw li a span{margin:0 auto;font-size:18px;text-align:center}
.bnr_list li{margin:0 0 20px}
.bnr_list li:last-child{margin:0}
.bnr_list li a:hover{opacity:.8}
.bnr_list img{width:100%}
h3.block-top-event--header{margin:0 10px 10px;}
@media only screen and (min-width: 768px) {
  .for-sp{display:none}
}
@media only screen and (max-width: 767px) {
.section-title{font-size:16px}
h1.ab_bn{margin:10px}
h1 + p{padding:0 10px;text-align:left}
.ab_list_bt_dw{margin:20px 10px 40px}
.ab_list_bt_dw li{width:100%;margin-top:10px;margin-right:0}
.ab_list_bt_dw li a{min-height:inherit;display:block;padding:10px 20px;font-size:16px}
.for-pc{display:none}
.bnr_list{margin:0 10px}
h3.block-top-event--header{margin:30px 15px 15px;}
.special-anchor-links {
  padding: 0 10px;
}
}

/* --------------------- 
追加コンテンツ
--------------------- */
/* 共通 */
/* common-ttl */
.common-ttl { background: url(../img/bg_ttl_pc.png) no-repeat center; width: 900px; height: 146px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; padding: 17px 0 0;}
@media only screen and (max-width: 767px) {
  .common-ttl { background: url(../img/bg_ttl_sp.png) no-repeat center / contain; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 5.33vw; aspect-ratio: 1 / 0.326; width: 100%; margin: 37px 0 0;}
}
/* common-ttl-2 */
.common-ttl-2 { background-color: #ecf4cc; font-size: 24px; font-weight: bold; text-align: center; border-radius: 8px; padding: 18px; margin: 0 0 28px;}
@media only screen and (max-width: 767px) {
  .common-ttl-2 { font-size: 18px; border-radius: 5px; padding: 10px; margin: 0 0 13px;}
}
/* common-linkbtn */
.common-linkbtn--wrap { text-align: center;}
.common-linkbtn--wrap a+a { margin-top: 16px;}
.common-linkbtn { text-align: center; border-radius: 65px; display: inline-block; padding: 15px; text-decoration: none; position: relative; width: 100%; font-size: 20px; font-weight: bold; background-color: #443829; color: #fff;}
.common-linkbtn::after{ position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; content: ""; vertical-align: middle; width: 0.5em; height: 0.5em; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
@media only screen and (max-width: 767px) {
  .common-linkbtn--wrap a+a { margin-top: 10px;}
  .common-linkbtn { border-radius: 35px; padding: 0; font-size: 16px; height: 65px; justify-content: center; align-items: center; display: flex; line-height: 1.3;}
}
/* contents */
.contents > li+li { margin-top: 60px; }
.contents .text-col1 { font-size: 20px; line-height: 1.6; letter-spacing:  0.09em; margin: 40px 0;}
.contents .text-col1 p+p { margin-top: 15px;}
.contents .common-box > .text p+p { margin-top: 10px;}
.contents .common-box { display: flex; justify-content: space-between; flex-direction: row-reverse; margin: 40px 0;}
.contents .common-box > .img,
.contents .common-box > .text { width: 47.77%;}
.contents .common-box > .img figcaption { font-size: 16px; margin-top: 10px;}
.contents .common-box > .text { font-size: 20px; line-height: 1.6; letter-spacing: 0.09em;}
@media only screen and (max-width: 767px) {
  .contents > li+li { margin-top: 40px; }
  .contents .text-col1 { font-size: 18px; margin: 30px 0;}
  .contents .text-col1 p+p { margin-top: 10px;}
  .contents .text-col1 p > b { font-size: 17px;}
  .contents .common-box { display: block; margin: 30px 0;}
  .contents .common-box > .img,
  .contents .common-box > .text { width: 100%;}
  .contents .common-box > .text { font-size: 18px; line-height: 1.5; margin: 0 0 18px;}
  .contents .common-box > .img figcaption { font-size: 14px; margin-top: 5px;}
}


/* secChoice */
.secChoice { margin: 70px 0 0;}
@media only screen and (max-width: 767px) {
  .secChoice { margin: 0 10px;}
}
/* beans-list */
.secChoice .beans-list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin: 40px 0 0;}
.secChoice .beans-list > li { width: calc((100% - 68px) / 2);}
.secChoice .beans-list li { display: flex; align-items: center;}
.secChoice .beans-list .img { width: 106px; height: 108px; margin-right: 30px; flex-shrink: 0;}
.secChoice .beans-list .txt .ttl { font-size: 22px; font-weight: bold;}
.secChoice .beans-list .txt .contents { font-size: 20px;}
@media only screen and (max-width: 767px) {
  .secChoice .beans-list { margin: 18px 0 0;}
  .secChoice .beans-list > li { width: 100%;}
  .secChoice .beans-list .img { width: 75px; height: 77px; margin-right: 20px;}
  .secChoice .beans-list .txt .ttl { font-size: 18px;}
  .secChoice .beans-list .txt .contents { font-size: 18px; letter-spacing: 1px;}
}
/* harvest--tabel */
.secChoice .harvest--tabel-pc { width: 100%; border-collapse: separate; margin: 50px 0 0;}
.secChoice .harvest--tabel-pc th,
.secChoice .harvest--tabel-pc td { border: solid #dce0cf; border-width: 0 1px 1px 0;}
.secChoice .harvest--tabel-pc th:last-child,
.secChoice .harvest--tabel-pc td:last-child { border-right: none;}
.secChoice .harvest--tabel-pc .month_ttl,
.secChoice .harvest--tabel-pc .month { background-color: #eef0e6; font-weight: bold; font-size: 22px; text-align: center;}
.secChoice .harvest--tabel-pc .month_ttl { padding: 3px 0;}
.secChoice .harvest--tabel-pc .month_left { background-color: #eef0e6;}
.secChoice .harvest--tabel-pc .month { width: 80px; height: 60px;}
.secChoice .harvest--tabel-pc .name { font-size: 24px; display: flex; align-items: center; padding: 0 20px 0 40px; width: 340px; height: 70px; cursor: pointer;}
.secChoice .harvest--tabel-pc .name.green { background-color: #f7f9f1;}
.secChoice .harvest--tabel-pc .name.brown { background-color: #f9f3ea;}
.secChoice .harvest--tabel-pc .name.black { background-color: #eeeeee;}
.secChoice .harvest--tabel-pc .name::before { content: ""; display: block; width: 29px; height: 19px; background: no-repeat center / contain; margin-right: 45px; flex-shrink: 0;}
.secChoice .harvest--tabel-pc .name.green::before { background-image: url(../img/choice_beans_green.png);}
.secChoice .harvest--tabel-pc .name.brown::before { background-image: url(../img/choice_beans_brown.png);}
.secChoice .harvest--tabel-pc .name.black::before { background-image: url(../img/choice_beans_blk.png);}
.secChoice .harvest--tabel-pc .name::after { content: ""; display: block; width: 20px; height: 20px; background: no-repeat center / contain; margin-left: auto; flex-shrink: 0;}
.secChoice .harvest--tabel-pc .name.green::after { background-image: url(../img/choice_play_green.png);}
.secChoice .harvest--tabel-pc .name.brown::after { background-image: url(../img/choice_play_brown.png);}
.secChoice .harvest--tabel-pc .name.black::after { background-image: url(../img/choice_play_black.png);}
.secChoice .harvest--tabel-pc .position_strat { position: relative;}
.secChoice .harvest--tabel-pc .position_strat::before { content: ""; display: block; position: absolute; background: no-repeat center / contain; top: 0; left: 0; height: 70px;}
.secChoice .harvest--tabel-pc .tengamine .position_strat::before  { background-image: url(../img/choice_time01_pc.png); width: 390px; left: 80px; } 
.secChoice .harvest--tabel-pc .ikinamaru .position_strat::before  { background-image: url(../img/choice_time02_pc.png); width: 390px; left: 80px; } 
.secChoice .harvest--tabel-pc .otsunahime .position_strat::before { background-image: url(../img/choice_time03_pc.png); width: 360px; left: 110px; } 
.secChoice .harvest--tabel-pc .tobikiri .position_strat::before   { background-image: url(../img/choice_time04_pc.png); width: 185px; left: 135px; } 
.secChoice .harvest--tabel-pc .koe .position_strat::before        { background-image: url(../img/choice_time05_pc.png); width: 185px; left: 135px; } 
.secChoice .harvest--tabel-pc .yosooi .position_strat::before     { background-image: url(../img/choice_time06_pc.png); width: 130px; left: 145px; } 
.secChoice .harvest--tabel-pc .fusamidori .position_strat::before { background-image: url(../img/choice_time07_pc.png); width: 130px; left: 145px; } 
.secChoice .harvest--tabel-pc .shirabe .position_strat::before    { background-image: url(../img/choice_time08_pc.png); width: 195px; left: 145px; } 
.secChoice .harvest--tabel-note { margin: 20px 0 0; font-size: 16px;}
@media only screen and (max-width: 767px) {
  .secChoice .harvest--tabel-sp { width: 100%; border-collapse: separate; margin: 30px 0 0;}
  .secChoice .harvest--tabel-sp th,
  .secChoice .harvest--tabel-sp td { border: solid #dce0cf; border-width: 0 1px 1px 0;}
  .secChoice .harvest--tabel-sp td { height: 10.66vw; width: 11.11vw;}
  .secChoice .harvest--tabel-sp th:last-child,
  .secChoice .harvest--tabel-sp td:last-child { border-right: none;}
  .secChoice .harvest--tabel-sp .month_ttl,
  .secChoice .harvest--tabel-sp .month { background-color: #eef0e6; font-weight: bold; font-size: 16px; text-align: center;}
  .secChoice .harvest--tabel-sp .month_ttl span,
  .secChoice .harvest--tabel-sp .name span { writing-mode: vertical-rl; white-space: pre;}
  .secChoice .harvest--tabel-sp .month {vertical-align: middle;}
  .secChoice .harvest--tabel-sp .month_ttl { width: 12.11%; vertical-align: middle;}
  .secChoice .harvest--tabel-sp .name { font-size: 16px; cursor: pointer; width: calc((100% - 12.11%) / 8); text-align: center; position: relative; vertical-align: top; padding: 30px 0 20px;}
  .secChoice .harvest--tabel-sp .name.green { background-color: #f7f9f1;}
  .secChoice .harvest--tabel-sp .name.brown { background-color: #f9f3ea;}
  .secChoice .harvest--tabel-sp .name.black { background-color: #eeeeee;}
  .secChoice .harvest--tabel-sp .name::before { content: ""; display: block; width: 100%; height: 9px; background: no-repeat center / contain; position: absolute; top: 10px;}
  .secChoice .harvest--tabel-sp .name.green::before { background-image: url(../img/choice_beans_green.png);}
  .secChoice .harvest--tabel-sp .name.brown::before { background-image: url(../img/choice_beans_brown.png);}
  .secChoice .harvest--tabel-sp .name.black::before { background-image: url(../img/choice_beans_blk.png);}
  .secChoice .harvest--tabel-sp .name::after { content: ""; display: block; width: 100%; height: 12px; background: no-repeat center / contain; position: absolute; bottom: 7px;}
  .secChoice .harvest--tabel-sp .name.green::after { background-image: url(../img/choice_play_green.png);}
  .secChoice .harvest--tabel-sp .name.brown::after { background-image: url(../img/choice_play_brown.png);}
  .secChoice .harvest--tabel-sp .name.black::after { background-image: url(../img/choice_play_black.png);}
  .secChoice .harvest--tabel-sp .position_strat { position: relative;}
  .secChoice .harvest--tabel-sp .position_strat::before { content: ""; display: block; position: absolute; background: no-repeat center / contain; top: 0; left: 0; width: 100%;}
  .secChoice .harvest--tabel-sp .tengamine.position_strat::before  { background-image: url(../img/choice_time01_sp.png); height: 51.6vw;  top: 0;}
  .secChoice .harvest--tabel-sp .ikinamaru.position_strat::before  { background-image: url(../img/choice_time02_sp.png); height: 51.6vw;  top: 0;} 
  .secChoice .harvest--tabel-sp .otsunahime.position_strat::before { background-image: url(../img/choice_time03_sp.png); height: 46.8vw;  top: 4.53vw;} 
  .secChoice .harvest--tabel-sp .tobikiri.position_strat::before   { background-image: url(../img/choice_time04_sp.png); height: 23.93vw; top: 7.86vw;} 
  .secChoice .harvest--tabel-sp .koe.position_strat::before        { background-image: url(../img/choice_time05_sp.png); height: 23.93vw; top: 7.86vw;} 
  .secChoice .harvest--tabel-sp .yosooi.position_strat::before     { background-image: url(../img/choice_time06_sp.png); height: 16.66vw; top: 8.53vw;} 
  .secChoice .harvest--tabel-sp .fusamidori.position_strat::before { background-image: url(../img/choice_time07_sp.png); height: 16.66vw; top: 8.53vw;} 
  .secChoice .harvest--tabel-sp .shirabe.position_strat::before    { background-image: url(../img/choice_time08_sp.png); height: 25.6vw;  top: 8.53vw;} 
  .secChoice .harvest--tabel-note { margin: 10px 0 0; font-size: 14px;}
}

/* modal */
.secChoice .component_modal_ {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 102;
}
.secChoice .component_modal_ .bg_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
}
.secChoice .component_modal_ .close_ {
  position: absolute;
  top: -50px;
  right: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.secChoice .component_modal_ .close_:before,
.secChoice .component_modal_ .close_:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 3px;
  height: 35px;
  background: #FFF;
  transform: rotate(45deg);
}
.secChoice .component_modal_ .close_:after {
  transform: rotate(-45deg);
}
.secChoice .component_modal_contents_ {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #FFF;
  width: 680px;
  height: 746px;
  border-radius: 10px;
  text-align: center;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .secChoice .component_modal_ {
    z-index: 501;
  }
  .secChoice .component_modal_contents_ {
    width: 90%;
    height: 114.13vw;
  }
  .secChoice .component_modal_ .close_ {
    position: absolute;
    top: -35px;
    right: 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
  }
  .secChoice .component_modal_ .close_:before,
  .secChoice .component_modal_ .close_:after {
    height: 30px;
  }
}
@media only screen and (max-width: 374px) {
  .secChoice .component_modal_contents_ {
    height: 123.13vw;
  }
}
.secChoice .component_modal_ .item { padding: 0 0 40px;}
.secChoice .component_modal_ .name { font-size: 30px; font-weight: bold; background-color: #ecf4cc; padding: 13px; border-radius: 10px 10px 0 0;}
.secChoice .component_modal_ .ttl  { font-size: 24px; font-weight: bold; color: #4aa96d; line-height: 1.3; margin: 30px 0;}
.secChoice .component_modal_ .img  { position: relative; margin: 0 40px 40px;}
.secChoice .component_modal_ .img .icon { width: auto; height: 50px; position: absolute; top: 10px; right: 10px; filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));}
.secChoice .component_modal_ .item.item.brown .name { background-color: #f9f3ea;}
.secChoice .component_modal_ .item.item.brown .ttl { color: #a76b44;}
.secChoice .component_modal_ .item.item.black .name { background-color: #eeeeee;}
.secChoice .component_modal_ .item.item.black .ttl { color: #474747;}
.secChoice .component_modal_ .special-anchor-links { justify-content: center;}
.secChoice .component_modal_ .special-anchor-links .child.arw-r { background-image: url(../img/ar_r.png);}
@media only screen and (max-width: 767px) {
  .secChoice .component_modal_ .item { padding: 0 0 20px;}
  .secChoice .component_modal_ .name { font-size: 20px; padding: 9.5px; border-radius: 5px 5px 0 0;}
  .secChoice .component_modal_ .ttl  { font-size: 18px; margin: 15px 0;}
  .secChoice .component_modal_ .img  { margin: 0 15px 15px;}
  .secChoice .component_modal_ .img .icon { height: 30px;}
  .secChoice .component_modal_ .special-anchor-links a { font-size: 18px;}
}
/* common-linkbtn */
.secChoice .special-anchor-links { margin: 40px auto;}
.secChoice .special-anchor-links a { width: 480px; margin: auto;}
@media only screen and (max-width: 767px) {
  .secChoice .special-anchor-links { margin: 20px auto;}
  .secChoice .special-anchor-links a { width: 100%;}
}
/* .relay */
.secChoice .relay .ttl-text { font-size: 20px;}
.secChoice .relay .list { width: 600px; margin: 40px auto 0;}
.secChoice .relay .list .item { font-size: 22px; font-weight: bold; display: flex; align-items: center; justify-content: center; height: 60px; border: 2px solid; border-radius: 10px; position: relative;}
.secChoice .relay .list .item.green { border-color: #4aa96d;}
.secChoice .relay .list .item.brown { border-color: #a76b44;}
.secChoice .relay .list .item::before { content: ""; display: block; width: 29px; height: 19px; background: no-repeat center / contain; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.secChoice .relay .list .item.green::before { background-image: url(../img/choice_beans_green.png);}
.secChoice .relay .list .item.brown::before { background-image: url(../img/choice_beans_brown.png);}
.secChoice .relay .list .item::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%);}
.secChoice .relay .list .item.green::after { border-color: #4aa96d transparent transparent transparent;}
.secChoice .relay .list .item.brown::after { border-color: #a76b44 transparent transparent transparent;}
.secChoice .relay .list > li:last-child::after { display: none; }
.secChoice .relay .list > li+li { margin-top: 30px;}
.secChoice .relay 
.secChoice .relay .special-anchor-links { margin: 40px auto;}
.secChoice .relay .special-anchor-links a { width: 580px; margin: auto;}
@media only screen and (max-width: 767px) {
  .secChoice .relay .special-anchor-links { margin: 20px auto;}
  .secChoice .relay .special-anchor-links a { width: 100%;}
}
@media only screen and (max-width: 767px) {
  .secChoice .relay .ttl-text { font-size: 18px;}
  .secChoice .relay .list { width: 100%; margin: 20px auto 0;}
  .secChoice .relay .list .item { font-size: 17px; height: 50px; border-radius: 5px;}
  .secChoice .relay .list .item::before { width: 29px; height: 19px; left: 9%;}
  .secChoice .relay .common-linkbtn { width: 100%;}
}
/* secHowto */
.secHowto { margin: 100px 0 0;}
.secHowto .contents { margin: 40px 0 0;}
.secHowto .contents .common-linkbtn { width: 480px;}
.secHowto .contents .point { border: 2px solid #4aa96d; border-radius: 8px; display: flex; padding: 40px; align-items: center;}
.secHowto .contents .point .point-ttl { width: 95px; margin-right: 48px;}
.secHowto .contents .point .point-ttl img { display: block;}
.secHowto .contents .point .point-text { font-size: 20px; letter-spacing: 1px; line-height: 1.6;}
.secHowto .contents .faq .faq--list { display: flex; flex-wrap: wrap; letter-spacing: 0.1em;}
.secHowto .contents .faq > dl+dl { margin-top: 40px;}
.secHowto .contents .faq .faq--list > dt { width: 51px;}
.secHowto .contents .faq .faq--list > dd { width: calc(100% - 51px);}
.secHowto .contents .faq .faq--list dt { font-size: 24px; font-weight: bold; margin: 0 0 15px;}
.secHowto .contents .faq .faq--list dd { font-size: 20px; line-height: 1.7; margin-top: 0.18em;}
.secHowto .contents .faq .faq--list .q--ttl { color: #4aa96d;}
.secHowto .contents .faq .faq--list .a--ttl { color: #ce2a2a;}
.secHowto .contents .faq .faq--list .q--txt { font-size: 22px; font-weight: bold;}
.secHowto .contents .faq .common-linkbtn--wrap { margin: 30px 0 40px;}
@media only screen and (max-width: 767px) {
  .secHowto { margin: 0 10px;}
  .secHowto .contents { margin: 20px 0 0;}
  .secHowto .common-linkbtn--wrap { margin: 20px 0 0;}
  .secHowto .contents .common-linkbtn { width: 100%;}
  .secHowto .contents .point { display: block; padding: 20px 25px;}
  .secHowto .contents .point .point-ttl { width: 22.92%; margin: 0 0 13px;}
  .secHowto .contents .point .point-text { font-size: 18px; line-height: 1.3; letter-spacing: 0.08em;}
  .secHowto .contents .text-col1 + .point { margin-top: -15px;}
  .secHowto .contents .faq > dl+dl { margin-top: 19px;}
  .secHowto .contents .faq .faq--list > dt { width: 45px;}
  .secHowto .contents .faq .faq--list > dd { width: calc(100% - 45px);}
  .secHowto .contents .faq .faq--list dt { font-size: 17px; margin: 0 0 8px;}
  .secHowto .contents .faq .faq--list dd { font-size: 18px; line-height: 1.46;}
  .secHowto .contents .faq .faq--list .q--txt { font-size: 18px;}
  .secHowto .contents .faq .common-linkbtn--wrap { margin: 15px 0;}
}
/* secEat */
.secEat { margin: 90px 0 0;}
.secEat .contents { margin: 40px 0 0;}
@media only screen and (max-width: 767px) {
  .secEat { margin: 0 10px;}
  .secEat .contents { margin: 20px 0 0;}
  .secEat .contents .common-box { margin: 0 0 30px;}
  .secEat .contents .text-col1 { margin: 0 0 30px;}
}
/* secRecommend */
.secRecommend { margin: 90px 0 0;}
.secRecommend .contents { margin: 40px 0 0;}
.secRecommend .contents .common-linkbtn { width: 480px;}
.secRecommend .recommend--list { margin: 23px 0 0; letter-spacing: 0.1em;}
.secRecommend .recommend--list .ttl { font-size: 20px; color: #4aa96d; font-weight: bold;}
.secRecommend .recommend--list > ul > li { font-size: 20px; display: flex; align-items: center; line-height: 1.7;}
.secRecommend .recommend--list > ul > li::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #4aa96d; flex-shrink: 0; margin-right: 0.5em;}
@media only screen and (max-width: 767px) {
  .secRecommend { margin: 0 10px;}
  .secRecommend .contents { margin: 20px 0 0;}
  .secRecommend .contents .common-linkbtn { width: 100%;}
  .secRecommend .recommend--list { margin: 15px 0 0;}
  .secRecommend .recommend--list .ttl { font-size: 18px;}
  .secRecommend .recommend--list > ul > li { font-size: 18px; display: flex; align-items: flex-start;}
  .secRecommend .recommend--list > ul > li::before { width: 5px; height: 5px; margin: 9px 0.5em 0 0;}
}
/* secRecommend */
.secVoice { margin: 90px 0 0;}
.secVoice .voice--list { margin: 40px 0 0;}
.secVoice .voice--list > li { border: 2px solid #4aa96d; border-radius: 10px; padding: 40px; letter-spacing: 0.1em;}
.secVoice .voice--list > li+li { margin-top: 10px;}
.secVoice .voice--list > li .ttl { font-size: 24px; font-weight: bold;}
.secVoice .voice--list > li .star { font-size: 20px; color: #c7cfca;}
.secVoice .voice--list > li .star > .on { color: #4aa96d;}
.secVoice .voice--list > li .comment { font-size: 20px;}
@media only screen and (max-width: 767px) {
  .secVoice { margin: 0 10px;}
  .secVoice .voice--list { margin: 20px 0 0;}
  .secVoice .voice--list > li { border-radius: 4px; padding: 20px;}
  .secVoice .voice--list > li+li { margin-top: 5px;}
  .secVoice .voice--list > li .ttl { font-size: 18px;}
  .secVoice .voice--list > li .star { font-size: 16px;}
  .secVoice .voice--list > li .comment { font-size: 18px;}
}
/* secLineup */
.secLineup { margin: 90px 0 0;}
@media only screen and (max-width: 767px) {
  .secLineup { margin: 0 10px;}
}