/*クラウドファンディング*/

body {
    box-sizing: border-box;
    color: #424242;
    font-family: YakuHanJP, Roboto, YuGothic, "Yu Gothic", "Yu Gothic local", "Hiragino Sans", "メイリオ", Meiryo, sans-serif !important;
    font-display: swap;
    font-feature-settings: "pkna";
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: inherit;
    min-width: 320px;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

a:hover img {
    display: inline-block;
    opacity: 0.9;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}


@media not all and (min-width: 640px) {
    .breadcrumbs_text {
        display: flex;
        align-items: center;
        padding: 0 !important;
        margin: 0 !important;
        overflow: auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        word-break: keep-all;
        white-space: nowrap;
        font-weight: normal;
    }
}


/*全体幅変更*/
#breadcrumbs_list div.breadcrumbs_text .main_wrapper {
    display: flex;
    align-items: center;
}

#item_detail #article {
    width: 1220px;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#item_detail #article #itemDetail {
    width: 980px;
}

/* #item_detail #article,
#item_list #container .main_new {
    width: 988px;
} */
#item_detail #article {
    width: 988px;
}

#item_list #container .main_new {
    padding-top: 0;
    width: 100%;
}

#item_list .main_wrapper {
    float: none;
    width: 100%;
    margin: 0;
}


.breadcrumbs_text h1 {
    display: inline-block;
}

/*全体幅変更*/


/* 詳細ページ */

.CF_product_name01 {
    padding: 10px 0px 10px 0px !important;
    margin-bottom: 20px !important;
    color: #0273fd !important;
    font-size: 25px !important;
    line-height: 1.6 !important;
    font-weight: bold;
}

#itemDetail .item_info_02 {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

#itemDetail .item_info_02 .CF_status_wrap {
    width: 280px;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.CF_status_wrap .CF_status_box {
    border: 1px solid #CCC;
}

.CF_status_box h3 {
    background-color: #00428e;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 2% 3% 3%;
}

.CF_status_contents {
    /* background-color: #00428e; */
    /* background-color: #e0f2fc; */
    background-color: #020e2a;
    color: #fff;
    padding: 5% 4% 4%;
    box-sizing: border-box;

    position: relative;
    overflow: hidden;
}

/*支援総額*/
.CF_amount {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 2%;
}

.CF_amount.right {
    justify-content: flex-end;
    padding-bottom: 0 !important;
}

.CF_amount .CF_detail {
    font-size: 28px;
}

.CF_amount .CF_title {
    font-size: 14px;
}

.CF_amount .CF_title>span {
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 12px;
    margin-right: 5px;
    text-align: center;
    font-weight: bold;
    color: #00428e;
    background-color: #fff;
    border-radius: 50%;
}

/*目標金額*/
.CF_target_amount {
    display: flex;
    /*justify-content: flex-end;*/
    flex-flow: wrap row;
    align-items: center;
    padding-bottom: 20px;
}

.CF_target_amount .CF_title {
    padding-right: 5px;
}

.CF_target_amount .CF_detail .CF_title {
    font-size: 12px;
    padding-right: 5px;
}

/*メーター*/
.CF_indicator {
    /* border: 2px solid #F0820F; */
    background-color: #DDDDDD;
    position: relative;
    height: 30px;
    margin-bottom: 40px;
}

.CF_per_indicator {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #cccccc;
    width: 100%;
    display: block;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
    height: 30px;
    position: absolute;
}

.CF_per_indicator::-webkit-progress-value {
    background-color: #f0820f;
}

.CF_per_indicator::-moz-progress-bar {
    background-color: #f0820f;
}

.CF_indicator .CF_percent {
    position: absolute;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    box-sizing: border-box;
    font-size: 18px;
}

.CF_per_indicator.per_0 {
    width: 0%;
    visibility: hidden;
}

.CF_per_indicator.per_1 {
    width: 1%;
}

.CF_per_indicator.per_2 {
    width: 2%;
}

.CF_per_indicator.per_3 {
    width: 3%;
}

.CF_per_indicator.per_4 {
    width: 4%;
}

.CF_per_indicator.per_5 {
    width: 5%;
}

.CF_per_indicator.per_6 {
    width: 6%;
}

.CF_per_indicator.per_7 {
    width: 7%;
}

.CF_per_indicator.per_8 {
    width: 8%;
}

.CF_per_indicator.per_9 {
    width: 9%;
}

.CF_per_indicator.per_10 {
    width: 10%;
}

.CF_per_indicator.per_11 {
    width: 11%;
}

.CF_per_indicator.per_12 {
    width: 12%;
}

.CF_per_indicator.per_13 {
    width: 13%;
}

.CF_per_indicator.per_14 {
    width: 14%;
}

.CF_per_indicator.per_15 {
    width: 15%;
}

.CF_per_indicator.per_16 {
    width: 16%;
}

.CF_per_indicator.per_17 {
    width: 17%;
}

.CF_per_indicator.per_18 {
    width: 18%;
}

.CF_per_indicator.per_19 {
    width: 19%;
}

.CF_per_indicator.per_20 {
    width: 20%;
}

.CF_per_indicator.per_21 {
    width: 21%;
}

.CF_per_indicator.per_22 {
    width: 22%;
}

.CF_per_indicator.per_23 {
    width: 23%;
}

.CF_per_indicator.per_24 {
    width: 24%;
}

.CF_per_indicator.per_25 {
    width: 25%;
}

.CF_per_indicator.per_26 {
    width: 26%;
}

.CF_per_indicator.per_27 {
    width: 27%;
}

.CF_per_indicator.per_28 {
    width: 28%;
}

.CF_per_indicator.per_29 {
    width: 29%;
}

.CF_per_indicator.per_30 {
    width: 30%;
}

.CF_per_indicator.per_31 {
    width: 31%;
}

.CF_per_indicator.per_32 {
    width: 32%;
}

.CF_per_indicator.per_33 {
    width: 33%;
}

.CF_per_indicator.per_34 {
    width: 34%;
}

.CF_per_indicator.per_35 {
    width: 35%;
}

.CF_per_indicator.per_36 {
    width: 36%;
}

.CF_per_indicator.per_37 {
    width: 37%;
}

.CF_per_indicator.per_38 {
    width: 38%;
}

.CF_per_indicator.per_39 {
    width: 39%;
}

.CF_per_indicator.per_40 {
    width: 40%;
}

.CF_per_indicator.per_41 {
    width: 41%;
}

.CF_per_indicator.per_42 {
    width: 42%;
}

.CF_per_indicator.per_43 {
    width: 43%;
}

.CF_per_indicator.per_44 {
    width: 44%;
}

.CF_per_indicator.per_45 {
    width: 45%;
}

.CF_per_indicator.per_46 {
    width: 46%;
}

.CF_per_indicator.per_47 {
    width: 47%;
}

.CF_per_indicator.per_48 {
    width: 48%;
}

.CF_per_indicator.per_49 {
    width: 49%;
}

.CF_per_indicator.per_50 {
    width: 50%;
}

.CF_per_indicator.per_51 {
    width: 51%;
}

.CF_per_indicator.per_52 {
    width: 52%;
}

.CF_per_indicator.per_53 {
    width: 53%;
}

.CF_per_indicator.per_54 {
    width: 54%;
}

.CF_per_indicator.per_55 {
    width: 55%;
}

.CF_per_indicator.per_56 {
    width: 56%;
}

.CF_per_indicator.per_57 {
    width: 57%;
}

.CF_per_indicator.per_58 {
    width: 58%;
}

.CF_per_indicator.per_59 {
    width: 59%;
}

.CF_per_indicator.per_60 {
    width: 60%;
}

.CF_per_indicator.per_61 {
    width: 61%;
}

.CF_per_indicator.per_62 {
    width: 62%;
}

.CF_per_indicator.per_63 {
    width: 63%;
}

.CF_per_indicator.per_64 {
    width: 64%;
}

.CF_per_indicator.per_65 {
    width: 65%;
}

.CF_per_indicator.per_66 {
    width: 66%;
}

.CF_per_indicator.per_67 {
    width: 67%;
}

.CF_per_indicator.per_68 {
    width: 68%;
}

.CF_per_indicator.per_69 {
    width: 69%;
}

.CF_per_indicator.per_70 {
    width: 70%;
}

.CF_per_indicator.per_71 {
    width: 71%;
}

.CF_per_indicator.per_72 {
    width: 72%;
}

.CF_per_indicator.per_73 {
    width: 73%;
}

.CF_per_indicator.per_74 {
    width: 74%;
}

.CF_per_indicator.per_75 {
    width: 75%;
}

.CF_per_indicator.per_76 {
    width: 76%;
}

.CF_per_indicator.per_77 {
    width: 77%;
}

.CF_per_indicator.per_78 {
    width: 78%;
}

.CF_per_indicator.per_79 {
    width: 79%;
}

.CF_per_indicator.per_80 {
    width: 80%;
}

.CF_per_indicator.per_81 {
    width: 81%;
}

.CF_per_indicator.per_82 {
    width: 82%;
}

.CF_per_indicator.per_83 {
    width: 83%;
}

.CF_per_indicator.per_84 {
    width: 84%;
}

.CF_per_indicator.per_85 {
    width: 85%;
}

.CF_per_indicator.per_86 {
    width: 86%;
}

.CF_per_indicator.per_87 {
    width: 87%;
}

.CF_per_indicator.per_88 {
    width: 88%;
}

.CF_per_indicator.per_89 {
    width: 89%;
}

.CF_per_indicator.per_90 {
    width: 90%;
}

.CF_per_indicator.per_91 {
    width: 91%;
}

.CF_per_indicator.per_92 {
    width: 92%;
}

.CF_per_indicator.per_93 {
    width: 93%;
}

.CF_per_indicator.per_94 {
    width: 94%;
}

.CF_per_indicator.per_95 {
    width: 95%;
}

.CF_per_indicator.per_96 {
    width: 96%;
}

.CF_per_indicator.per_97 {
    width: 97%;
}

.CF_per_indicator.per_98 {
    width: 98%;
}

.CF_per_indicator.per_99 {
    width: 99%;
}



.CF_success_label {
    font-size: 1rem;
    align-items: center;
    background-color: #9a0000;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    display: flex;
    font-weight: bold;
    justify-content: center;
    height: 24px;
    text-align: center;
    transform: rotate(-320deg);
    position: absolute;
    right: -25px;
    top: 20px;
    width: 120px;
}


/*支援者＆期日*/
.CF_target_supporter,
.CF_target_limit {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5%;
}

.CF_target_limit {
    padding-bottom: 3%;
}

.CF_target_supporter .CF_title,
.CF_target_limit .CF_title {
    font-size: 12px;
    padding-left: 5%;
}

.CF_target_supporter .CF_title img,
.CF_target_limit .CF_title img {
    width: 35px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.CF_target_supporter .CF_detail,
.CF_target_limit .CF_detail {
    font-size: 28px;
    padding-right: 3%;
}

.CF_target_supporter .CF_detail>span,
.CF_target_limit .CF_detail>span {
    font-size: 30px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0px 5px 0 0px;
}

.CF_update {
    text-align: right;
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 0 0 5% 3%;
}

/*支援するボタン*/
.CF_btn_support_wrap .btn_support {
    color: #FFF;
    border: solid 1px #707070;
    display: block;
    background: #ee8033;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ee8033 0%, #ef762d 25%, #ec6c23 50%, #eb651e 75%, #e85812 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ee8033 0%, #ef762d 25%, #ec6c23 50%, #eb651e 75%, #e85812 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ee8033 0%, #ef762d 25%, #ec6c23 50%, #eb651e 75%, #e85812 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee8033', endColorstr='#e85812', GradientType=0);
    /* IE6-9 */
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    text-decoration: none;
    margin-top: 10px;
    width: 100%;
    cursor: pointer;
}

.CF_btn_support_wrap a.btn_support:hover {
    opacity: 0.9;
}

/*（comingsoonボタン※リンク無し）*/
.CF_btn_support_wrap span.btn_support {
    background: #999;
    border: 1px solid #666;
}

/*支援終了ボタン*/
.CF_btn_end_support_wrap .btn_support {
    color: #FFF;
    border: solid 1px #c1c1c1;
    display: block;
    background: #c1c1c1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c1c1c1 0%, #c1c1c1 25%, #c1c1c1 50%, #c1c1c1 75%, #c1c1c1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c1c1c1 0%, #c1c1c1 25%, #c1c1c1 50%, #c1c1c1 75%, #c1c1c1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c1c1c1 0%, #c1c1c1 25%, #c1c1c1 50%, #c1c1c1 75%, #c1c1c1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee8033', endColorstr='#e85812', GradientType=0);
    /* IE6-9 */
    text-align: center;
    padding: 20px 0;
    font-size: 19px;
    text-decoration: none;
    margin-top: 10px;
    width: 100%;
    cursor: not-allowed;
}

.CF_btn_end_support_wrap a.btn_support:hover {
    opacity: 0.9;
}

/*（comingsoonボタン※リンク無し）*/
.CF_btn_end_support_wrap span.btn_support {
    background: #999;
    border: 1px solid #666;
}

/*文章スタイル*/
.CF_infomation {
    margin-top: 30px;
    padding: 1%;
    font-size: 14px;
    line-height: 1.6;
}

.CF_infomation h5 {
    font-size: 12px;
    font-weight: bold;
}

/*サイド商品情報*/
.CF_item_info_contents {
    background-color: #e8f9ff;
    padding: 10px 10px 20px;
}

.CF_item_price {
    font-size: 24px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 1% 0 1% 3%;
    margin-top: 20px;
    background-color: #e8f9ff;
    border-left: 5px solid #093564;
}

/* .CF_item_price::after {
      display: block;
      width: 5px;
      border-left: 0px solid #093564;
      position: absolute;
      top: -2px;
      content: " ";
      line-height: 0;
      left: -5px;
      height: 2px;
  } */
.CF_item_price span.CF_item_price_tax {
    font-size: 13px;
    font-weight: normal;
}

p.CF_item_stock {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 3%;
}

p.CF_item_stock>span.CF_data,
.CF_item_supporter>span.CF_data:nth-of-type(2) {
    color: #ff6666;
}

.CF_item_info_contents h5 {
    color: #0D3968;
    line-height: 1.3;
    word-break: break-all;
    padding-bottom: 5%;
    font-size: 16px;
}

.CF_item_image {
    padding: 7% 3% 10%;
}

.CF_item_image img {
    width: 100%;
}

.CF_item_summary {
    font-size: 16px;
    padding-bottom: 10%;
}

.CF_item_supporter_shipping {
    padding: 20px 0;
    font-size: 14px;
    border-top: dashed 1px #707070;
    border-bottom: dashed 1px #707070;
}

.CF_item_supporter_shipping img {
    margin-right: 5px;
}

span.CF_item_supporter,
span.CF_item_shipping {
    display: block;
}

/*ストーリー部分変更*/
.crowdfunding #itemDetail div.item_info_02 span.item_font24.item_fontb {
    color: #0273fd;
    display: block;
    font-size: 24px;
}

.crowdfunding #itemDetail div.item_info_02 span.item_font20.item_fontb.item_fontblue {
    color: #0A3263;
    display: block;
    margin-bottom: 3%;
}

.crowdfunding #itemDetail h5.ttl_CF {
    background-color: #00428e;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    padding: 1% 2%;
    font-weight: bold;
    margin-bottom: 3%;
}

.crowdfunding #itemDetail div.item_info_02 span.item_fontblue,
.crowdfunding #itemDetail span.item_fontblue {
    color: #0E3367;
    border-bottom: 1px solid #333;
    display: block;
    padding-bottom: 0.5%;
    margin-bottom: 2%;
}

.crowdfunding #itemDetail span.item_fontblue {
    font-size: 15px;
}

.fS12.CF_variation .item_font16 {
    font-size: 14px;
}

.crowdfunding #itemDetail div.item_info_02 div.item_pL20 {
    padding-left: 0;
    margin-top: 5px;
}

.crowdfunding #itemDetail div.item_info_02 div.item_pL20>img {
    width: 100%;
}

.crowdfunding #itemDetail div.item_info_02 p.item_font16 {
    padding-bottom: 15px;
}

.crowdfunding #itemDetail div.item_info_02 span.CF_bg_blue,
.crowdfunding #itemDetail .CF_variation span.CF_bg_blue {
    background-color: #E0F2FC;
    display: inline-block;
    box-sizing: border-box;
    padding: 1% 1.5%;
    margin-bottom: 1%;
}

.crowdfunding #itemDetail .CF_variation span.item_fontb.item_fontblue {
    padding-top: 3%;
    display: inline-block;
    width: 100%;
}

.crowdfunding #itemDetail .txt_area .itemdetail_h2 {
    color: #123160 !important;
}

#item_detail #article #side_menu_wrap,
#item_list #side_menu_wrap {
    width: 80px;
    height: 0;
    margin-right: 0;
}

#side_menu_wrap {
    visibility: hidden;
}

#itemDetail .item_form .img_area {
    float: none;
    width: 740px;
}


/*レビュー*/
.crowdfunding #review_write .push {
    padding-right: 580px !important;
}


/*カート部分バリエーションテーブル調整※必要なければコメントアウト*/
#itemDetail .item_form .txt_area div.properties table th:nth-of-type(1) {
    width: 75%;
}


.item_list_01 {
    counter-reset: number;
    /*数字をリセット*/
    list-style-type: none !important;
    /*数字を一旦消す*/
    padding: 0.5em;
    background: #e8f9ff;
}

.item_list_01 li {
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 30px;
}

/* 番号付きリスト */
.item_list_01 li:before {
    /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*以下数字のデザイン変える*/
    display: inline-block;
    background: #5c9ee7;
    color: white;
    font-size: 14px;
    border-radius: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    /*以下 上下中央寄せのため*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.item_project {
    text-align: left;
    font-size: 20px !important;
    margin-bottom: 10px;
    margin-top: 30px;
}


/* CF_comment */
.CF_comment {
    zoom: 1;
    padding: 10px;
}

.CF_comment>li {
    padding: 20px 0;
}

.CF_comment>li:nth-child(odd) {
    background-color: #e8f9ff;
}

.CF_comment .review_head {
    border-bottom: none !important;
    font-size: 16px;
    padding: 0 0 5px 60px !important;
}

.CF_comment .review_head.flexBox {
    display: flex;
}

.CF_comment .review_head .name,
.CF_comment .review_head .time {
    font-size: 14px !important;
}

.CF_comment .review_head .name {
    position: relative;
}

.CF_comment .review_head .name::before {
    font-family: "Font Awesome 5 Free";
    content: '\f406';
    font-weight: 900;
    position: absolute;
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: #2d7cd9;
}

.name a:link,
.name a:visited,
.name a:hover,
.name a:active {
    color: #2d7cd9;
    text-decoration-line: none;
}

.CF_comment .review_head .time {
    padding-left: 10px;
}

.CF_comment .more {
    text-align: center !important;
    height: 48px;
    font-size: 24px !important;
    line-height: 48px;
    background-color: #000000;
    text-decoration-color: #fff !important;
}

.CF_comment .more a:link,
.CF_comment .more a:visited,
.CF_comment .more a:hover,
.CF_comment .more a:active {
    color: #fff;
    text-decoration-line: none;
}




/* 一覧ページ */
#itemListImage>h3 {
    display: flex;
    /* flex-wrap: nowrap; */
    /* flex-direction: column; */
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    color: #444;
    align-items: center;
}

#itemListImage>h3::before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    /*f111 or f0a9*/
    font-size: 30px;
    font-weight: 400;
    margin-right: 4px;
    /* color:#00004D; */
    color: #00428e;
    font-weight: 900;
}


#itemListImage {
    width: 988px;
    font-size: 14px;
    margin: 0 auto;
    box-sizing: border-box;
    gap: 29px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}

#itemListImage .box {
    /* height: 385px; */
    width: 225px;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    border: 1px solid #E0E0E0;
    float: none;
}

/*
#itemListImage .box:first-child{
    margin: 0
}
#itemListImage .box:nth-child(5n),
#itemListImage .box:nth-child(9n){
    margin: 0
}
*/

.cf_list_product_wrap #itemListImage .box {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    height: auto;
}



.itemDeadline .clock>img {
    width: 17px;
    height: 17px;
    margin: 6px 5px 0 0;
}

#itemListImage .text_wrap .text>.icon>p>span.new {
    background: rgba(255, 102, 102, 0.85);
    position: absolute;
    bottom: 0px;
    text-align: center;
    padding: 5px 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
}

#itemListImage .text_wrap {
    width: 100%;
    height: auto;
}

#itemListImage .text_wrap .text .icon {
    /* position: relative; */
    /* top: -157px; */
    height: auto;
    margin: 0;
}

#itemListImage .text_wrap .text .icon p {
    position: relative;
}

#itemListImage .text_wrap .text_item_name a {
    color: #00428e;
    text-decoration: none;
}

.text_item_name h3 {
    font-size: 14px;
    height: 4.5rem;
    overflow-y: hidden;
    padding: 10px;
    box-sizing: border-box;
    margin: 0;
}

#itemListImage .text_wrap .text .text_item_name .appeal {
    /* height:80px; */
    margin-top: 5px;
    font-size: 14px;
    overflow: auto;

    padding: 10px;
}

.itemDeadline {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    font-size: 20px;
    padding: 0 10px;
    color: #000;
}

/*メーター*/
.itemIndicator {
    padding: 0 10px;
    display: flex;
    margin-top: 5px;
    justify-content: space-between;
    align-items: center;
}

.itemIndicator .indicator {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    box-sizing: border-box;
    height: 14px;
    width: 67%;
}

.itemIndicator .indicator::-webkit-progress-value {
    background-color: #63B6FF;
}

.itemIndicator .CF_per_indicator::-moz-progress-bar {
    background-color: #63B6FF;
}

.itemIndicator .percent {
    box-sizing: border-box;
    font-size: 18px;
    color: #00428e;
    font-weight: bold;
}

.tag {
    background: #999999;
    color: #FFF;
    padding: 6.5px 6.5px 6px 6.5px;
    font-size: 9px;
}

#itemListImage .text_wrap .text>.icon>p>span {
    /* position: relative;
    top: 4px; */
    margin-left: 0;
}

#itemListImage .text_wrap .text .text_item_name {
    /*margin: 38px 0 0 0;*/
    margin: 0;
    height: auto;
    padding: 0 0 10px 0;
}


/* #item_list.mode2 .list_new .max_row_page {
    display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 0 7px 0 0;
    text-align: right;
    vertical-align: middle;
}
#item_list.mode2 .list_new .rearrange_new {
    display: inline-block;
    font-size: 12px;
    text-align: right;
    width: auto;
    vertical-align: middle;
} */

.cf_list_search_contents_wrap {
    background: #fff;
    padding: 20px;
    text-align: left;
    /* background: linear-gradient( #ffffff 0%, #f9f9f9 100%); */
}

.cf_list_search_contents {
    width: 988px;
    /* width: 1190px; */
    font-size: 14px;
    margin: 0 auto;
    box-sizing: border-box;
    /* gap: 29px; */
    display: flex;
    flex-wrap: wrap;
}

.cf_list_search_contents select {
    margin: 0;
    outline: none;
    border: 1px solid #ccc;
    padding: 0.75rem;
    border-radius: 0.15rem;
    margin: 0 1.5rem 0 0.5rem;
}

.cf_list_search_contents .rearrange_new {}

.cf_list_search_contents .max_row_page {
    margin: 0 !important;
    padding: 0 !important;
}


.cf_list_search_contents .pageguide-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    margin-left: auto;
}

.cf_list_search_contents .pageguide_new {}

.cf_list_search_contents .pagelink_new {
    margin: 0 !important;
    font-size: 14px !important;
    letter-spacing: 0.2rem;
}

/* Topトップページ */
.bnr_rmd {
    margin: 0px auto;
    width: 988px;
    padding: 20px 0px 0;
    display: flex;
    justify-content: center;
}

.bnr_rmd li {
    float: left;
    width: 460px;
    text-align: center;
}

.bnr_rmd li:first-child {
    margin: 0 12px 0 0;
}



/*もっとみるボタン*/
.btn_more01:hover,
a.btn_more01:hover {
    color: #fff;
    background: #5c728c;
}

.btn_more01,
a.btn_more01 {
    color: #fff;
    background-color: #96a5b7;
    display: block;
    text-align: center;
    border-radius: 3px;
    padding: 1rem 0;
    margin: 2vw auto;
    text-decoration: none;
    box-sizing: border-box;
    width: min(100%, 310px);
}

.btn_more01::after,
a.btn_more01::after {
    font-family: "Font Awesome 5 Free";
    /* font-family: "Font Awesome 5 Brands"; */
    content: "\f054";
    /*<i class="fa-solid fa-chevron-right"></i>*/
    font-weight: 900;
    /*solid*/
    font-size: .8rem;
    vertical-align: middle;
    margin: 0 0 0 1rem;
}

/**/


.mv_cf_pc,
.mv_cf_pc_list {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.mv_cf_pc_list {
    background-color: #00428e;
}

.mv_cf_pc img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 260px;
}

.mv_cf_pc_list img {
    width: 100%;
    object-fit: none;
    object-position: center;
    height: 120px;
}

.cf_top_lead,
.cf_list_lead {
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.2rem;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
    margin: 0;
    background: #f3f3f3;
    font-feature-settings: "palt";
    letter-spacing: .15rem;
}

.cf_top_lead {
    font-size: 30px;
    padding: 20px 0;
}

.cf_list_lead {
    font-size: 20px;
    padding: 5px 0;
}

.list_cf_top_pc {
    /* margin: 0 auto;
    background: #EDF5FC;*/
    background: #F5F5F5;
}

.list_cf_top_pc .list_new {
    padding-bottom: 0;
    margin: 0 auto;
}

.cf_top_ttl01 {
    position: relative;
    padding: 1.5rem;
    text-align: center;
}

.cf_top_ttl01:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #000;
}

.cf_list_product_wrap {
    width: 100%;
    background-color: rgb(20 124 235 / 5%);
    /*padding:0 0 40px 0;*/
    padding: 0 0 60px 0;
}

.cf_list_soon_wrap,
.cf_list_return_wrap,
.cf_list_artisan_wrap {
    padding: 60px 0;
    margin: 0 auto;
    width: 988px;
    /*border-bottom: #ccc 1px solid;*/
}
.cf_list_soon_wrap,
.cf_list_artisan_wrap {
    /*border-bottom: none;*/
    border-bottom: #ccc 1px solid;
}

.cf_list_artisan_wrap .contents_wrap li img{
    filter: grayscale(100%);
    opacity: 0.95;
    -webkit-transform:perspective(0);
}
.cf_list_artisan_wrap .contents_wrap li img:hover {
    opacity: 1;
}



.cf_list_soon_wrap h3,
.cf_list_return_wrap h3,
.cf_list_artisan_wrap h3 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    width: 100%;
    font-weight: bold;
    color: #444;
}

.cf_list_soon_wrap h3::before,
.cf_list_return_wrap h3::before,
.cf_list_artisan_wrap h3::before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    /*f111 or f0a9*/
    font-size: 30px;
    font-weight: 400;
    margin-right: 4px;
    /* color:#00004D; */
    color: #00428e;
    font-weight: 900;
}

.cf_list_soon_wrap .contents_wrap,
.cf_list_return_wrap .contents_wrap,
.cf_list_artisan_wrap .contents_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    gap: 29px;
}

.cf_list_soon_wrap .contents_wrap li,
.cf_list_return_wrap .contents_wrap li,
.cf_list_artisan_wrap .contents_wrap li {
    width: 225px;

    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.cf_list_soon_wrap .contents_wrap li a,
.cf_list_return_wrap .contents_wrap li a,
.cf_list_artisan_wrap .contents_wrap li a {
    text-decoration: none;
}

.cf_list_soon_wrap .contents_wrap li img,
.cf_list_return_wrap .contents_wrap li img,
.cf_list_artisan_wrap .contents_wrap li img {
    width: 100%;
    display: block;
}


.cf_list_return_wrap .contents_wrap li b {
    position: absolute;
    left: -10px;
    top: 50px;
    width: 4rem;
    z-index: 10;
    background: rgb(154 0 0 / 90%);
    text-align: center;
    height: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0 6px 0px rgb(0 0 0 / 30%);
}

.cf_list_return_wrap .item_title_top h4 {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    padding: 10px 5px;
    color: #fff;
    background-color: #00428e;
}

@media not all and (min-width: 640px) {
    .cf_list_return_wrap .item_title_top h4 {
        font-size: 3.5vw;
    }
}

.cf_list_return_wrap .item_title_top p {
    margin-top: 10px;
    color: #444;
    padding: 10px;
    margin: 0;
}


.cf_list_artisan_wrap .item_title_top h4 {
    margin-bottom: 16px;
    text-align: center;
    padding: 10px;
    margin: 0;
    color: #fff;
    background-color: #00428e;
    background: linear-gradient(120deg, rgba(0, 66, 142, 1) 0%, rgba(6, 37, 70, 1) 100%);
}

.cf_list_artisan_wrap .item_title_top p {
    color: #00004D;
    padding: 10px;
}


.cf_list_soon_wrap .item_title_top h4 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 16px;
    text-align: center;
    padding: 3px;
    margin: 0;
    color: #fff;
    background: rgb(164, 25, 25);
    /*background-color: #062546;*/
}

.cf_list_soon_wrap .item_title_top p {
    color: #00004D;
    padding: 10px;
}


/*本日最終日のプロジェクト*/
.cf_list_lastday_wrap {
    /* padding: 60px 0;
    margin: 0 auto; */
    width: 988px;
    /* padding: 0 0 60px 0;*/
    padding: 60px 0;

    /*margin: 0 auto 60px auto;*/
    margin: 0 auto 10px auto;
    border-bottom: #ccc 1px solid;
}

.cf_list_lastday_wrap h3 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    width: 100%;
    font-weight: bold;
    color: #444;
}

.cf_list_lastday_wrap h3::before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    /*f111 or f0a9*/
    font-size: 30px;
    font-weight: 900;
    margin-right: 4px;
    /* color:#00004D; */
    color: #00428e;
    font-weight: 900;
}

.cf_list_lastday_wrap .contents_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    gap: 29px;
}

.cf_list_lastday_wrap li {
    width: 225px;

    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    position: relative;

    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}

.cf_list_lastday_wrap a {
    text-decoration: none;
}

.cf_list_lastday_wrap img {
    width: 100%;
    display: block;
}

.cf_list_lastday_wrap .item_title_top h4 {
    font-size: 17px;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
    color: #00428e;
    padding: 10px 5px;
    margin-top: 0;
}

.cf_list_lastday_wrap .item_title_top p {
    margin: 0;

    background: rgb(164, 25, 25);
    text-align: center;
    color: #fff;
    font-size: 17px;
    padding: 3px;
    font-weight: bold;
}


/*新商品（セレクト）*/
.cf_list_fujimakiselect_wrap {
    padding: 60px 0;
    margin: 0 auto;
    width: 988px;

}

.cf_list_fujimakiselect_wrap h3 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    width: 100%;
    font-weight: bold;
    color: #444;
}

.cf_list_fujimakiselect_wrap h3::before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    /*f111 or f0a9*/
    font-size: 30px;
    font-weight: 900;
    margin-right: 4px;
    /* color:#00004D; */
    color: #00428e;
    font-weight: 900;
}

.cf_list_fujimakiselect_wrap .contents_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    gap: 29px;
}

.cf_list_fujimakiselect_wrap li {
    width: 225px;

    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.cf_list_fujimakiselect_wrap a {
    text-decoration: none;
}

.cf_list_fujimakiselect_wrap img {
    width: 100%;
    display: block;
}

.cf_list_fujimakiselect_wrap .item_title_top h4 {
    font-size: 17px;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
    /* color:#00004D; */
    color: #00428e;
    padding: 10px 5px;
    /* background-color: #062546;
    color: #fff; */
    margin-top: 0;
    border-top: #fff 1px solid;
    background-color: #f5f5f5;

    border-bottom: #eee 1px solid;
    background-color: #f8f8f8;

}

.cf_list_fujimakiselect_wrap .item_title_top p {
    margin-top: 10px;
    color: #444;
    padding: 10px;
    margin: 0;
}


/*商品詳細内に同ブランド一覧を表示*/
.cf_list_same_brand_wrap {
    padding: 60px 0;
    margin: 0 auto;
    width: 100%;
}

.cf_list_same_brand_wrap h3 {
    font-size: 30px;
    margin-bottom: 30px;
    padding: 40px 4%;
    width: 100%;
    box-sizing: border-box;
    font-weight: bold;
    font-weight: bold;
    color: #444;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}

.cf_list_same_brand_wrap .contents_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    gap: 2vw;
    padding: 0 4%;
}

.cf_list_same_brand_wrap li {
    /*width: calc(33.3333% - (58px / 3));*/
    width: calc(50% - (2vw / 2));
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
}

.cf_list_same_brand_wrap a {
    text-decoration: none;
}

.cf_list_same_brand_wrap img {
    width: 100%;
    display: block;
}

.cf_list_same_brand_wrap .item_title_top h4 {
    font-size: 17px;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
    /* color: #00004D; */
    color: #00428e;
    padding: 10px 5px;
    margin-top: 0;
    border-top: #fff 1px solid;
    background-color: #f5f5f5;
}

.cf_list_same_brand_wrap .item_title_top p {
    margin-top: 10px;
    color: #444;
    padding: 10px;
    margin: 0;
}


/*募集終了のプロジェクト*/
.cf_list_end_wrap {
    padding: 60px 0;
    margin: 0 auto;
    width: 100%;
    /*border-bottom: #ccc 1px solid;*/
    background-color: #fff;
}

.cf_list_end_wrap h3 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    width: 100%;
    font-weight: bold;
    color: #444;
    width: 988px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    align-items: center;
}

.cf_list_end_wrap h3::before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    /*f111 or f0a9*/
    font-size: 30px;
    font-weight: 900;
    margin-right: 4px;
    color: #00428e;
    font-weight: 900;
}

.cf_list_end_wrap h3 span {
    margin: 0 0 0 auto;
    font-size: 17px;
}

.cf_list_end_wrap h3 span a {
    display: inline-block;
    padding: 0.25rem 2.5rem 0.25rem 3rem;
    /* border: #696969 1px solid; */
    border-radius: 2px;
    background: #96a5b7;
    color: #fff;
}

.cf_list_end_wrap h3 span a:hover {
    background-color: #5c728c;
    color: #fff;

}

.cf_list_end_wrap .contents_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 988px;
    box-sizing: border-box;
    gap: 29px;
    margin-right: auto;
    margin-left: auto;
}

.cf_list_end_wrap li {
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    /*width: calc(33.3333% - (58px / 3));*/
    width: calc(50% - (29px / 2));
}

.cf_list_end_wrap a {
    text-decoration: none;
}

.cf_list_end_wrap img {
    width: 100%;
    display: block;
}

.cf_list_end_wrap .item_title_top ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cf_list_end_wrap .item_title_top ul li {
    width: 50%;
    border: none;
}

.cf_list_end_wrap .item_title_top h4 {
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
    color: #444;
    padding: 10px;
    /* background-color: #062546;
    color: #fff; */
    margin-top: 0;
    border-top: #fff 1px solid;
    /* background-color: #eeeeee; */
}

.cf_list_end_wrap .item_title_top p {
    margin-top: 10px;
    color: #00428e;
    padding: 5px;
    margin: 0 10px 10px 10px;
    text-align: center;
    font-size: 20px;
    background: #fefefe;
    font-weight: bold;
    border-top: #00428e 1px dotted;
    border-bottom: #00428e 1px dotted;
}


.txt_success {
    background: #bf8f00;
    color: #fff !important;
    /*background: rgba(255, 79, 2, .2);*/
    text-align: center;
    font-weight: bold;
    padding: 0.3rem !important;
}





/*クラウドファンディング*/







/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ PC,SP同一CSS　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/*バナーエリア(TOP)*/
.cf_top_list_bnr01_wrap {
    margin: 0 auto;
    padding: 0 0 15px 0;
    background: #f3f3f3;
}

@media not all and (min-width: 640px) {
    .cf_top_list_bnr01_wrap {
        padding: 0 10px 3.5vw 10px;
    }
}

.cf_top_list_bnr01 {
    display: flex;
    flex-wrap: wrap;
    gap: 29px;
    box-sizing: border-box;
    width: 988px;
    margin: 0 auto;
    justify-content: center;
}

@media not all and (min-width: 640px) {
    .cf_top_list_bnr01 {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }
}

.cf_top_list_bnr01 li {
    width: calc(33.3333% - (58px / 3));
    /* width: calc(50% - (29px / 2)); */
    margin-bottom: 1rem;
}

@media not all and (min-width: 640px) {
    .cf_top_list_bnr01 li {
        width: 100%;
    }
}

.cf_top_list_bnr01 li:last-child {
    margin-bottom: 0;
}

.cf_top_list_bnr01 li img {
    width: 100%;
    height: auto;

}

@media not all and (min-width: 640px) {
    .cf_top_list_bnr01 li img {
        width: 80%;
        margin-right: auto !important;
        margin-left: auto !important;
        display: block;
    }
}

.cf_top_list_bnr01_link {
    text-decoration: none;
    color: #00428e !important;
}

.cf_top_list_bnr01_link h4 {}

@media not all and (min-width: 640px) {
    .cf_top_list_bnr01_link h4 {
        border-left: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

.cf_top_list_bnr01_link p {
    margin-top: 3px;
}

@media not all and (min-width: 640px) {
    .cf_top_list_bnr01_link p {

        text-align: center;
        font-size: 3.25vw;
    }
}


/*バナーエリア*/
/*バナーエリア01*/
.list_bnr01_wrap {
    margin: 0 auto;
    padding: 60px 0;
    border-top: #ccc 1px solid;
}

@media not all and (min-width: 640px) {
    .list_bnr01_wrap {
        margin: 0;
        border-bottom: #ccc 1px solid;
        border-top: #ccc 1px solid;
        padding: 7.5vw 10px;
    }
}

.list_bnr01 {
    display: flex;
    flex-wrap: wrap;
    gap: 29px;
    box-sizing: border-box;
    width: 988px;
    margin: 0 auto;
    margin-top: 20px;
}

@media not all and (min-width: 640px) {
    .list_bnr01 {
        width: 100%;
        gap: 20px;
        margin-top: 2.5vw;
    }
}

.list_bnr01 li {
    width: calc(33.3333% - (58px / 3));
}

@media not all and (min-width: 640px) {
    .list_bnr01 li {
        padding: 0;
        margin: 0;
        line-height: 1;
        width: 100%;
    }
}

.list_bnr01 li img {
    width: 100%;
    height: auto;

}

@media not all and (min-width: 640px) {
    .list_bnr01 li img {
        width: 80%;
        margin-right: auto !important;
        margin-left: auto !important;
        display: block;
    }
}


.list_bnr01_text01 {}

.list_bnr01_text01 h2,
.list_bnr01_text01 p {
    width: 988px;
    margin: 0 auto;
}

@media not all and (min-width: 640px) {

    .list_bnr01_text01 h2,
    .list_bnr01_text01 p {
        width: 100%;
    }
}

.list_bnr01_text01 h2 {
    font-size: 16px !important;
    font-weight: bold;
    margin: 0 auto 20px !important;
    border-bottom: none !important;
    padding: 0 !important;
}

@media not all and (min-width: 640px) {

    .list_bnr01_text01 h2 {
        font-size: 3.5vw;
        margin: 0 0 1.5vw 0;
    }
}

.list_bnr01_text01 p {}

@media not all and (min-width: 640px) {

    .list_bnr01_text01 p {
        font-size: 3vw;
    }
}

/*バナーエリア02*/
.list_bnr02_wrap {
    margin: 0 auto;
    padding: 60px 0;
    background-color: #f5f5f5;
    /*border-bottom: #ccc 1px solid;*/
}

@media not all and (min-width: 640px) {
    .list_bnr02_wrap {
        margin: 0;
        /* border-bottom: #ccc 1px solid;
        border-top: #ccc 1px solid; */
        padding: 4.5vw 10px;
    }
}

.list_bnr02 {
    display: flex;
    flex-wrap: wrap;
    gap: 29px;
    box-sizing: border-box;
    width: 988px;
    margin: 0 auto;
    /* margin-top: 20px; */
    justify-content: center;
}

@media not all and (min-width: 640px) {
    .list_bnr02 {
        width: 100%;
        gap: 20px;
        /* margin-top: 2.5vw; */

        max-width: 640px;
        margin: auto;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
}

.list_bnr02 li {
    width: calc(33.3333% - (58px / 3));
    /* width: calc(50% - (29px / 2)); */
    /* margin-bottom: 1rem; */

}

@media not all and (min-width: 640px) {
    .list_bnr02 li {

        width: 100%;
        margin-bottom: 1rem;
    }
}

.list_bnr02 li:last-child {
    margin-bottom: 0;
}


@media not all and (min-width: 640px) {
    .list_bnr02 li {
        margin: 0 auto;
        line-height: 1;

        width: 80%;
        padding: 3vw 0;
        flex-shrink: 0;
        list-style: none;
    }
}

.list_bnr02 li img {
    width: 100%;
    height: auto;

}

@media not all and (min-width: 640px) {
    .list_bnr02 li img {
        width: 100%;
        margin-right: auto !important;
        margin-left: auto !important;
        display: block;
    }
}

.list_bnr02 li a span {
    display: block;
    margin-top: 3px;
    color: #00428e;
}


/*TEXTエリア*/
.cf_text01_wrap {
    margin: 0 auto;
    padding: 60px 0;
    border-top: #ccc 1px solid;
}

.cf_text01_wrap h2,
.cf_text01_wrap p {
    width: 988px;
    margin: 0 auto;
}

.cf_text01_wrap h2 {
    font-size: 16px !important;
    font-weight: bold;
    margin: 0 auto 20px !important;
    border-bottom: none !important;
}

.cf_text01_wrap p {}


/*top nav*/
.nav_top {
    width: 100%;
    margin: 0;
    padding: 2rem 0;
    display: flex;
    background: rgb(249, 249, 249);
    border-bottom: #ccc 1px solid;
}

@media not all and (min-width: 640px) {

    /* 640pxを含まずそれより小さい */
    .nav_top {
        width: 100%;
        margin: 0;
        padding: 2rem 0;
        display: flex;
        background: rgb(249, 249, 249);
        border-bottom: #ccc 1px solid;
    }
}

.nav_top ul {
    width: 1190px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

@media not all and (min-width: 640px) {
    .nav_top ul {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.nav_top ul li {
    margin: 0 1rem;
}

@media not all and (min-width: 640px) {
    .nav_top ul li {
        margin: 0 10px;
        width: 50%;
        box-sizing: border-box;
    }
}

.nav_top ul li a {
    border-radius: 3px;
}

.nav_top ul li:first-child a:hover,
.nav_top ul li:last-child a:hover {
    background-color: #bf8f00;
    color: #fff;
    border: #8d6a2e 1px solid;
}

.nav_top ul li:first-child a {
    background: #00428e;
    padding: 1rem 2rem;
    color: #fff;
    border: #00428e 1px solid;
    font-size: 1.25rem;
    letter-spacing: 0.15rem;
    display: block;
    text-decoration: none;
}

/* .nav_top ul li:first-child a:hover {
    background-color: #fff;
    color: #00428e;
} */

@media not all and (min-width: 640px) {
    .nav_top ul li:first-child a {
        padding: 1rem 0;
        font-size: .9rem;
        letter-spacing: 0.15rem;
        text-align: center;
    }
}



.nav_top ul li:last-child a {
    background: #ffffff;
    padding: 1rem 2rem;
    color: #00428e;
    border: #00428e 1px solid;
    font-size: 1.25rem;
    letter-spacing: 0.15rem;
    display: block;
    text-decoration: none;

}

/* .nav_top ul li:last-child a:hover {
    background-color: #00428e;
    color: #fff;
} */

@media not all and (min-width: 640px) {
    .nav_top ul li:last-child a {
        padding: 1rem 0;
        font-size: .9rem;
        text-align: center;
    }
}



/* ************************* 詳細ページ自由項目　************************* */

.CF_status_wrap {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.cf_ttl01,
.cf_ttl02,
.cf_ttl03,
.cf_ttl_sub01,
.cf_ttl_sub02,
.cf_txt01,
.cf_txt02,
.cf_img01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.cf_ttl01,
.cf_ttl02,
.cf_ttl03,
.cf_ttl_sub01,
.cf_ttl_sub02,
.cf_txt01,
.cf_txt02 {
    word-break: break-all;
}

.cf_ttl01 {
    background-color: #00004d;
    margin: 1rem auto 0 auto;
    padding: 1.5rem 1rem;
    text-align: center;
    color: #FFF;
    font-size: 2.5rem;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.cf_ttl01 span {
    display: block;
    font-size: 1.5rem;
}

.cf_ttl02 {
    background-color: rgb(91 155 213 / 80%);
    margin: 4rem auto 2rem;
    padding: 1.5rem 2rem;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.cf_ttl02 span {
    text-align: center;
    padding: 1rem 0;
    color: #FFF;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
    font-size: 2rem;
    letter-spacing: -0.1rem;
    font-weight: bold;
}

.cf_ttl03 {
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
    text-align: center;
    font-size: 1.8rem;
    padding: 1rem 0;
    width: 100%;
    font-weight: bold;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.cf_ttl03 span {
    /* transform: rotate(25deg);
    color: #c10000;
    font-size: 1.5rem; */
    margin-right: 1%;
}

.cf_ttl03 .cf_sub_txt01 {
    font-size: 1.5rem;
}

.cf_ttl03 .cf_sub_txt01.new {
    transform: rotate(25deg);
    color: #c10000;
}

.cf_ttl_sub01 {
    font-size: 1.8rem !important;
    margin: 3rem 4% 2rem 4% !important;
    border-bottom: #666 3px solid;
    border-left: none !important;
    padding: 0 0 .5rem !important;
    font-weight: bold !important;
    line-height: 1.8;
    width: 92%;


    margin: 3rem 0 2rem 0 !important;
    width: 100%;
}

.cf_ttl_sub02 {
    font-size: 1.6rem !important;
    margin: 3rem 0 1rem !important;
    line-height: 1.8 !important;
    padding: 0 4%;
    font-weight: bold !important;
}

.cf_txt01 {
    font-size: 1.3rem !important;
    margin: 0 0 3rem 0 !important;
    line-height: 2 !important;
    padding: 0 4%;
}

.cf_txt01 a:hover {
    color: #3895f4;
    text-decoration: none;
}

.cf_txt01 a {
    color: #0273FD;
}

.cf_txt02 {
    font-size: 2rem !important;
    margin: 0 0 3rem 0 !important;
    line-height: 2 !important;
    padding: 0 4%;
    width: 100%;
}

.cf_img01 {
    margin-bottom: 1rem;
    /*border: 1px solid #f2f2f2;*/
}

.cf_img01 img {
    display: block;
    /*max-width: 100%;*/
    width: 100%;
    height: auto !important;
    margin: 0 auto;
    text-align: center;
}

.background {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.layer {
    background-color: rgba(0, 0, 0, 0.65);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 4.5rem 3rem;
}

.background h3 {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 2.25rem;
    padding: 1rem 0;
    width: 100%;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.background h4 {
    color: #fff;
    text-align: center;
    font-size: 2rem !important;
    display: block;
    width: 100%;
    border-left: none !important;
    padding: 2.2rem 0 1.5rem 0 !important;
    margin: 0 !important;
}

.background ol {
    color: #fff;
    text-align: left;
    font-size: 2rem;
    width: 100%;
    line-height: 1.8;
    text-indent: -2.5rem;
    padding-right: 1.5rem;
    margin-right: -6rem;
}

.background ol li {
    list-style: none;
}

.background ol li span {
    margin-right: 0.5rem;
}

.cf_ttl_sub01+.cf_ttl_sub02 {
    margin-top: 0 !important;
}

.cf_ttl02+.cf_ttl_sub01 {
    margin-top: 0 !important;
}

.cf_ttl02+.cf_ttl_sub02 {
    margin-top: 0 !important;
}

.cf_txt01+.cf_ttl_sub01 {
    margin-top: 0 !important;
}

.cf_txt01+.cf_ttl_sub02 {
    margin-top: 0 !important;
}

.cf_txt01+.cf_ttl02 {
    margin-top: 1rem !important;
}

.cf_img01+.cf_ttl03 {
    margin-top: 3rem !important;
}

.cf_ttl03+.cf_ttl_sub02 {
    margin-top: 0 !important;
}

.background+.el_txt01 {
    margin-top: 1.25rem !important;
}

.return_product {
    font-size: 2rem !important;
    line-height: 2;
    background-color: #002060;
    color: #fff;
    text-align: center;
    width: 100%;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.return_product br {
    display: none;
}

/*商品詳細 news*/
.cf_itemDetail_news01 {
    padding: 0 4% 4% 4%;
    font-size: 1.1rem;
    margin: 0;
    display: flex;
    line-height: 1.4 !important;
}

.cf_itemDetail_news01 dl {
    padding: 0;
}

.cf_itemDetail_news01 dt {
    padding: 0;
    margin-right: 1rem;
}

.cf_itemDetail_news01 dd {
    padding: 0;
}

.cf_itemDetail_news01 dd+dd {
    margin-top: 1rem;
}

.cf_itemDetail_news01 .new {
    color: #fff;
    padding: 0.2rem;
    margin: 0 0.5rem 0 0;
    background: #9a0000;
    font-size: 0.8rem;
}

.cf_itemDetail_news01 dd a {
    color: #0273FD;

}

.cf_itemDetail_news01 dd a:hover,
.cf_itemDetail_news01 dd a:active {
    color: #3895f4;
    text-decoration: underline;
}

/*
$breakpoints.: (
    'sm': (min-width: 640px),
    'md': (min-width: 768px),
    'lg': (min-width: 1024px),
    'xl': (min-width: 1280px)
) !default;
*/

/*SP fontsize*/
@media not all and (min-width: 640px) {

    /* 640pxを含まずそれより小さい */
    .cf_ttl01 {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .cf_ttl01 span {
        font-size: 1.3rem;
    }

    .cf_ttl03 {
        font-size: 1.5rem !important;
        border-left: none !important;
        padding: 1rem .5rem !important;
        margin: auto auto 1.5rem auto !important;
    }

    .cf_ttl03 .cf_sub_txt01 {
        font-size: 1.3rem !important
    }

    .cf_ttl_sub01 {
        font-size: 1.3rem !important;
        line-height: 1.7;
        margin: 3rem 4% 2rem 4% !important;
        width: 92%;
    }

    .cf_ttl_sub02 {
        font-size: 1.3rem !important;
        line-height: 1.5;
        border-left: none !important;
        padding: 0 4% !important;
    }

    .layer {
        padding: 2rem 1.5rem;
    }

    .background h3 {
        font-size: 1.5rem;
    }

    .background h4 {
        font-size: 1.3rem !important;
    }

    .background ol {
        font-size: 1.3rem;
        line-height: 1.8;
        text-indent: -2rem;
        padding-right: 2rem;
        margin-right: -4rem;
    }

    .cf_ttl02 span {
        font-size: 1.5rem;
    }

    .cf_txt01 {
        font-size: 1rem !important;
    }

    .return_product {
        font-size: 1.5rem !important;
    }

    .return_product br {
        display: inline;
    }

    .cf_txt02 {
        font-size: 1.2rem !important;
    }

    .return_product {
        line-height: 1.5;
        padding: 2% 0;
        display: none;
    }

    .cf_itemDetail_news01 {
        padding: 0 4% 4% 4%;
        font-size: 0.9rem;
        display: block;
    }

    .cf_itemDetail_news01 dt {
        padding: 0;
        margin-bottom: .5rem;
    }

    .CF_success_label {
        font-size: 0.8rem;
    }
}


.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.youtube iframe {
    width: 100%;
    height: 100%;
}

/*
<!-- -------------- YOUTUBE -------------- -->
<div class="youtube">
	<iframe width="700" height="394" src="https://www.youtube.com/embed/mXpyddQCk8E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<!-- -------------- /YOUTUBE -------------- -->
*/

/*文字の強調*/
.highlight01 {
    text-decoration: underline;
    text-underline-offset: -0.2em;
    text-decoration-thickness: 0.5em;
    text-decoration-color: rgba(255, 228, 0, 0.4);
    text-decoration-skip-ink: none;
}

/* ************************* 詳細ページ自由項目　************************* */

/*SPのみ改行*/
@media screen and (max-width: 767px) {
    .pc_br {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .sp_br {
        display: none !important;
    }
}

/*SPのみ非表示*/
.pc_view {
    display: none;
}

.sp_view {
    display: none;
}

@media screen and (max-width: 767px) {
    .pc_view {
        display: none;
    }

    .sp_view {
        display: block;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .pc_view {
        display: block;
        width: 100%;
    }

    .sp_view {
        display: none;
    }
}


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ PC,SP同一CSS　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */