@charset "utf-8";

#brandinfo_tnf_collection202508 {
    margin-bottom: 40px;

}

#brandinfo_tnf_collection202508 .txt_campaign {
    font-size: 20px;font-weight: bold;color: #007896;margin-top: 20px;
}

#brandinfo_tnf_collection202508 h2 {font-size: 24px;}
.contents_box .contents_subbox .contents_subbox_title {font-size: 19px;}


.notice-box{
    border:1px solid #ccc;
    border-radius:12px;     /* 角を丸くしたくなければ消してください */
    padding:16px 20px;
    background:#fff;
    max-width:860px;        /* 横幅制限。不要なら消してください */
    margin:20px auto;       /* 中央寄せ */
    line-height:1.7;
    text-align:left;        /* 左寄せ */
}
.list_item_point{text-align: left;padding-top: 0.5em;color:#007896;
}
#brandinfo_tnf_collection202508 hr{margin-bottom: 40px;}

#brandinfo_tnf_collection202508 .list_item_cell .desc {padding-top: 0.5em;}

#brandinfo_tnf_collection202508 .contents_subbox_foot a {
    padding: 1rem;
    display: block;
    cursor: pointer;
    margin: 0 25%;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #999999;
    position: relative;
}
#brandinfo_tnf_collection202508 .contents_subbox_foot a span.sp_only {display: none;}


.item_table_ttl{
    margin: 40px auto 10px auto;
    width: 80%;
    font-weight: bold;
    font-size: 20px;
    text-align: left;    
}

.item_table {
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: fixed;
    width: 80%;
    font-weight: bold;
    text-align: left;
  }
 .item_table th {
    font-weight: normal;
    width: 20%;
    padding: 0.5em 1em;
    border-right: 2px solid#fff;
  }
 .item_table td {
    font-weight: normal;    
    padding: 0.5em 1em;
  }
 .item_table tbody th,.item_table tbody td {
    border: 2px solid #fff;
  }
 .item_table tbody th {
    background-color: #999999;
    color: #fff;
  }
 .item_table tbody td {
    background-color: #f0f0f0;
  }
  .item_table tr:nth-child(odd) td {
    background: #e0e0e0;
  }


@media (min-width:768px) {

}

/*ここからスマホ*/
@media (max-width: 767px) {

    #brandinfo_tnf_collection202508 h2 {text-align: left;font-size: 19px;}
    #brandinfo_tnf_collection202508 h4 {text-align: left;font-size: 14px;padding-top: 0.5em;}
    .contents_box .contents_subbox .contents_subbox_title {font-size: 16px;}
    #brandinfo_tnf_collection202508 .list_item_cell .desc {text-align: left;font-size: 11px;padding-top: 0.5em;}
    #brandinfo_tnf_collection202508 .list_item small {font-size: 11px;display: block;padding-top: 1em;} 
    .contents_box .contents_subbox .list_item .list_item_cell .list_item_name,
    .contents_box .contents_subbox .list_item .list_item_cell .list_item_price,
    .contents_box .contents_subbox .list_item .list_item_cell .list_item_comment{text-align: left;}

    .list_item_point{padding-top: 0.5em;}

    #brandinfo_tnf_collection202508 .contents_subbox_foot a {
        margin: 0 24px;
        padding: 1rem 3rem;
        font-size: 16px;
        text-align: center;
        line-height: 1.5;
        border: 1px solid #999999;
        position: relative;
        display: block;
    }

    #brandinfo_tnf_collection202508 .contents_subbox_foot a span.sp_only {display: block;}

    .contents_box .contents_subbox .contents_subbox_description{font-size: 14px;word-break: break-all;}

    .contents_box .contents_subbox .list_item ul li {
        min-width: 40% /* 要素の最小幅 */;
    }


    .item_table_ttl{
        margin: 1em auto 0.5em auto;
        width: 95%;
        font-size: 14px;
    }
    
    .item_table {
        width: 95%;
      }
     .item_table th {
        width: 18%;
        padding: 0.5em;
        font-size: 12px;
      }
     .item_table td {
        padding: 0.5em;
        font-size: 12px;
      }

}
/*ここまでスマホ*/