/* 「このクーポンの対象商品」を非表示にする */
.fs-c-coupon__products{
    display: none;
}

/*ご注文手続き画面のクーポンCSS*/
.fs-c-checkout-couponList__item {
   background-color: #e0ffff;;
}

.fs-c-checkout-couponList__couponDiscount{
   font-weight: bold;
}


/*TOPページ追加CSS*/
.q-top-ranking02 .ranking02 {
    padding: 20px 10px 30px;
    border-radius: 10px;
    background: var(--color-new-bg);
}

.q-top-ranking02 .ranking__title02 {
    margin-bottom: 25px;
    color: var(--color-new-primary);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-align: center;
}@media only screen and (max-width:750px){
 .q-top-ranking02 .ranking__title02{
 font-size: 19px;
 line-height: 1.368;
 }
}

.q-top-ranking02 .ranking__list02 {
    display: flex;
}@media only screen and (max-width:750px){
.q-top-ranking02 .ranking__list02{
    flex-wrap: wrap;
    justify-content: center;
}
}

li.ranking__item02{
    width: 50%;
}

.shibatake-link-area {
    margin-top: 25px;
    text-align: center;
}


.q-top-ranking02 .ranking__name02 {
    margin-top: 2px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-align: center;
}


.q-top-ranking02 .ranking__image02 {
    position: relative;
    margin-top: 10px;
}

.q-top-ranking02 .ranking__image02 img {
    border: 4px solid #AAAAAA;
    border-radius: 10px;
}

.q-top-ranking02 .ranking__link02 {
    position: relative;
    display: block;
    margin-top: 50px;
}

.q-top-ranking02 .ranking__name02 > span {
    border-bottom: 1px solid #AAAAAA;
}


/*レビュー書き込み完了画面追加リンク*/
.shiraPhoto{
width: 40%;
margin: 20px auto 20px auto;
}@media screen and (max-width: 750px){
.shiraPhoto{
width: 80%;
}
}

            .shiraLines{
                border: 1px solid #e6e6e6;
                margin: 20px auto;
            }@media screen and (max-width: 750px){
                .lines{
                    margin: 10px auto;
                }
            }


/*
.g-sidebar .calendar{
 display: block !important;
}
*/

.fs-c-continueShopping {
    text-align: left;
}@media screen and (max-width: 750px){
.fs-c-continueShopping {
text-align: center;
}
}


/*お届け先リストの背景23.4.18*/ 

a.fs-c-button--addToAddressbook.fs-c-button--secondary{
background: linear-gradient(to bottom, #f19147 0%, #d34b19 100%);;
}

/*商品画像の表示を調整するCSS*/
@media screen and (min-width:750px){
    .fs-c-productCarouselMainImage__image > img {
        width: 480px;
    }
}

@media only screen and (max-width: 750px)
.g-sidebar .sns a, .g-sidebar .contents a, .g-sidebar .banner > li {
    display: block;
    width: 100%;
}


.sample-area{
    padding: 3% 2%;
    border-radius: 10px;
    background: var(--color-new-bg);
    margin: 2em 0;
}@media screen and (max-width: 750px){
   .sample-area{
        padding: 10px 15px 10px;
}
}

.sample-area-n{
    padding: 3% 2%;
    border-radius: 10px;
    background: #F9DFF5;
    margin: 2em 0;
}@media screen and (max-width: 750px){
   .sample-area-n{
        padding: 10px 15px 10px;
}
}


.sample-title{
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
}@media screen and (max-width: 750px){
    .sample-title{
        font-size: 130%;
        line-height: 1.1;
        padding: 5% 0;
        letter-spacing: 1px;
}   
}

span.weight-orange {
    font-size: 140%;
    color: #E8652B;
    letter-spacing: 5px;
}@media screen and (max-width: 750px){
    span.weight-orange{
         letter-spacing: 2px;
}
}

.sample-area2 {
    display: flex;
    width: 95%;
    margin: 1% auto 0;
}@media screen and (max-width: 750px){
    .sample-area2{
        display: block;
        padding: 0;
}
}

.sample-text {
    font-size: 150%;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 2%;
    line-height: 1.7;
    }@media screen and (max-width: 750px){
    .sample-text{
        font-size: 110%;
        padding: 5% 0 0;
        text-align: center;
}
}

span.sample-komidashi {
    background: #E8652B;
    color: #fff;
    padding: 1% 2%;
    font-size: 80%;
}@media screen and (max-width: 750px){
    span.sample-komidashi{
    font-size: 90%;
}
}

span.sample-kakaku{
    font-size: 200%;
    color: #E8652B;
}@media screen and (max-width: 750px){
    span.sample-kakaku{
        font-size: 150%;        
}
}


img.sample-button {
    width: 80%;
    padding: 7% 0;
}

img.sample-img {
    width: 80%;
    margin: auto;
    margin: -4% auto auto;
}

.member_bene_area {
    margin: 7% auto 0;
    width: 95%;
    display: flex;
}@media screen and (max-width: 750px){
    .member_bene_area {
         display: block;
         margin: 7% auto;
}
}

.bene_title {
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    color: #E8652B;
    letter-spacing: 2px;
    margin: 1% auto auto 0;
}@media screen and (max-width: 750px){
    .bene_title{
        font-size: 2em;
}
}

.bene_area {
    display: flex;
    margin: 2% 0 auto auto;
    justify-content: space-around;
}@media screen and (max-width: 750px){
    .bene_area{
        display: block;
}
}

.bene_text {
    font-size: 145%;
    font-weight: bold;
}@media screen and (max-width: 750px){
    .bene_text{
        font-size: 120%;
        padding-bottom: 5%;
        text-align: center;
}
}

.bene_button{
    text-align: right;
}@media screen and (max-width: 750px){
    .bene_button{
        text-align: center;
}
}


.fs-l-main {
    margin: 0 auto;
}


img.sample_img.pc_display {
    width: 80%;
}

.pickup-img-area {
    margin: 1% 0 5%;
}@media screen and (max-width: 750px){
    .pickup-img-area{
       margin: 4% 0 7%;
}
}

.q-top-pickup .slick-dots button {
	width: 25px!important;
}



/*人工芝比較表用*/

    table.chart-table {
      color: #482811;
      text-align: center;
      vertical-align: middle;
      width: 100%;
      table-layout: fixed;
      border: solid 1px #ccc !important;
    }

    th.chart-title {
      background: #f1ede2;
      font-size: 120%;
      color: #482811;
      text-align: center;
      vertical-align: middle;
      padding: 15px 20px;
      width: 30%;
      border: solid 1px #ccc !important;
      th.chart-title
    }@media screen and (max-width:751px){
      th.chart-title {
        font-size: 85%;
        padding: 2px 3px;
        width: 25%;
      }
    }

    td.chart-data {
      vertical-align: middle;
      font-size: 120%;
      border: solid 1px #ccc !important;
    }

    @media screen and (max-width:751px) {
      td.chart-data {
        font-size: 85%;
        padding: 6px 0px;
      }
    }

    .chart-data p {
      margin: 1% 0 4% 0;
    }

    img.chart-data-img {
      width: 15%;
      margin-left: 3%;
    }@media screen and (max-width:751px){
      img.chart-data-img{
        width: 20%;
      }
    }

    td.chart-data-2 {
      padding: 0;
      border: solid 1px #ccc !important;
      width: 100%;
    }

    table.chart-table-2 {
      margin: 0;
      border: none;
      border: solid 1px #ccc !important;
    }

    th.chart-title2 {
      background: #f1ede2;
      text-align: center;
      color: #482811;
      border: solid 1px #ccc !important;
      width: 20%;
    }@media screen and (max-width:751px){
      th.chart-title2 {
        font-size: 65%;
        padding: 0;
      }
    }

    .chart-title2 span {
      font-size: 85%;
      margin-left: 2px;
    }@media screen and (max-width:751px){
      .chart-title2 span{
        font-size: 70%;
      }
    }

    td.chart-data-3 {
      text-align: center;
      vertical-align: middle;
      border: none;
      border: solid 1px #ccc !important;
    }@media screen and (max-width:751px){
      td.chart-data-3 {
        font-size: 80%;
        padding: 0;
      }
    }

    .chart-data-3 span {
      font-size: 80%;
      margin-left: 2px;
    }@media screen and (max-width:751px){
      .chart-data-3 span{
        font-size: 70%;
      }
    }

    th.chart-title2.chart-line {
      width: 20%;
      border-right: 1px dotted #ccc;
      border-left: 1px dotted #ccc;
    }

    td.chart-data-3.chart-line {
      border-right: 1px dotted #ccc;
      border-left: 1px dotted #ccc;
    }

    a.chart-btn_js {
      display: block;
      text-align: center;
      vertical-align: middle;
      text-decoration: none;
      width: 100%;
      margin: 6px auto;
      padding: 7% 0;
      font-weight: bold;
      border-radius: 100vh;
      border-bottom: 7px solid #D4A05B;
      background: #ffc06e;
      color: #fff;
      font-size: 90%;
    }

    @media screen and (max-width:751px) {
      a.chart-btn_js {
        width: 95%;
        font-size: 90%;
        letter-spacing: 1px;
        margin: 4% auto;
        border-radius: 10%;
        font-weight: 500;
      }
    }

    a.chart-btn_js:hover {
      margin-top: 6px;
      border-bottom: 2px solid #D4A05B;
      color: #fff;
    }

    span.pink-kakaku {
      color: #be1360;
      font-size: 110%;
    }
table.chart-table-2 {
    border: none;
}table.chart-table-2 {
    border: none;
}

table.chart-table-2 {
    border: none !important;
}

.pickup_now {
    background: #ffe5f2;
}

ol.payment-list {
    display: flex;
}

ol.payment-list li {
    width: 45px;
    padding: 3px;
}@media screen and (max-width:751px){
ol.payment-list li {
    width: 40px;
}
}

.payment-title {
    font-size: 16px;
    font-weight: bold;
    margin: 8px 0 0;
}

.payment-item {
    font-weight: bold;
    margin: 3px 0 -3px;
    font-size: 14px;
    color: #4682b4;
}@media screen and (max-width:751px){
.payment-item{
 margin: 6px 0 0;
}
}

.payment-img-one img {
    padding: 3px;
}

.payment-area-sp {
    display: flex;
}

.paiment-area-group {
    margin: 0 20px 0 0;
}

.side-payment-area {
    width: 100%;
    margin: 10px auto 0;
}

.paiment-group-area {
    display: flex;
    justify-content: space-between;
}


a.comparison-btn{
    display: block;
    text-align: center;
    vertical-align: middle!important;
    text-decoration: none!important;
    width: 85%;
    margin: 5px !important;
    padding: 2% !important;
    font-weight: bold;
    border: 2px solid #fff;
    color: #fff !important;
    transition: 0.5s;
    background: #f2a872!important;
}@media screen and (max-width:751px){
    a.comparison-btn{
    width: 100%;
    margin: 5px 0 !important;
    padding: 2% 1% !important;
    font-size: 90% !important;
}
}
a.comparison-btn:hover {
	color: #f2a872!important;
	background: #fff!important;
        border: 2px solid #f2a872;
}

.comparison-btn-area {
    display: flex;
    margin-bottom: 25px;
}

.comparison-btn-hidden {
    width: 98%;
}

table.chart-table-2pickup_now {
    border: none!important;
}

iframe.youtube-top {
    margin: 15px auto;
}@media screen and (max-width:751px){
iframe.youtube-top {
   margin: 10px auto 0;
}
}