@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 767px){/*SPonly*/
}
@media screen and (min-width:768px) {/*PConly*/
    /*メインコンテンツの画像サイズが基本「width: 100%;」になってしまっているのを修正*/
    .productDescriptionArea img {
        width: auto;
    }
    /*2020/07/07　サブ画像のwidhを規定値の1000pxに変更*/
    .productDescriptionArea {
        width: 1000px;
    }
}
/*ちけっと　の　TEST*/

/****************
※2019/10/11　緊急対応
ソーシャルログイン不具合により、ログインページで非表示に変更
2020/06/19　追記
復活
****************//*
#page_mypage_login #other_login_a,
#page_mypage_login .other_login_div {
 display: none;
}
*/





/* TOP
*************************************************************************************************************/
/*カード部分デザイン調整*/
.brand-list .item img {
    border-radius: 5px 5px 0 0;
}
.brand-list .item .margin-clear {
    padding: 0 6px;
}
@media screen and (max-width: 767px){
.title {
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 2%;
}
.brand-list .item {
    width: 46%;
    border-radius: 5px;
    padding-bottom: 0;
}
}
/****************
header
****************/
@media screen and (max-width: 767px){/*SPonly*/
    /*header左右の余分な余白を削除*/
    header #header .midArea {
        padding: 0 !important;
    }
    /*検索ボックス　ボタン幅を狭めてplaceholder全文が見えるように調整*/
    #header .searchBox .btn.__input {
        width: 86.6%;
    }
    #header .searchBox .btn.__search {
        width: 12%;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*ロゴの左＆メニューの右余白削除*/
    header #header .midArea #logo_img {
        padding-left: 0;
    }
    /*ロゴのaタグが右の余白まで広がっているのを修正*/
    header #header .midArea #logo {
        width: auto;
    }
}


/****************
検索box　サジェスト
****************/
@media screen and (min-width:768px) {/*PConly*/
    /*IEで項目の下に余白ができるのを削除*/
    header .np-keyword-suggest .np-keyword-suggest-group-title .item.title {
        margin-bottom: 0!important;
    }
}



/****************
重要なお知らせ
****************/
@media screen and (max-width: 767px){/*SPonly*/
    .importantNotice p {
        float: none !important;
    }
    /*1行用*/
    .importantNotice {
        padding: 0;
        height: 10vw;
    }
    .importantNotice .redTit {
        line-height: 10vw;
        padding: 0;
        margin: 0;
        height: 10vw;
        font-size: 1.8rem;
    }
    .importantNotice .redText {
        width: 82%;
    }
    .importantNotice p a {
        line-height: 10vw;
        font-size: 1.5rem;
    }
    /*2行用*//*
    .importantNotice {
        padding: 0;
        height: 16vw;
    }
    .importantNotice .redTit {
        line-height: 16vw;
        padding: 0;
        margin: 0;
        height: 16vw;
        font-size: 1.8rem;
    }
    .importantNotice .redText {
        width: 82%;
        padding: 2vw 0;
    }
    .importantNotice p a {
        line-height: 6vw;
        font-size: 1.5rem;
    }*/
    /*3行用*//*
    .importantNotice {
        padding: 0;
        height: 22vw;
    }
    .importantNotice .redTit {
        line-height: 22vw;
        padding: 0;
        margin: 0;
        height: 22vw;
        font-size: 1.8rem;
    }
    .importantNotice .redText {
        width: 82%;
        padding: 2vw 0;
    }
    .importantNotice p a {
        line-height: 6vw;
        font-size: 1.5rem;
    }*/
}


/****************
mvスライドショー
****************/
/*JSの高さ調整に不備があるため下に隙間ができ、背景色が見えてしまっている。目立たないように背景色を白に変更*/
#slider .caroufredsel_wrapper #carouFredSelSP {
    background: #ffffff;
}
/*中央以外（左右）のバナーが半透明になる仕様だったので修正、2020/06/19　liの下に隙間が出るcss仕様対応*/
#slider .caroufredsel_wrapper #carouFredSelSP li {
    opacity: 1;
    line-height: 0;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*JSの高さ調整に不備があるため黒半調の下がはみ出している。少し短く調整
    2020/06/19　liの下に隙間が出る～を対応したら不要になったので削除*/
/*
    #slider .caroufredsel_wrapper #carouFredSelSP li:not(.selected) a::after {
        height: 98%;
    }
*/
    /*ドットページネーションの上下余白を調整*/
    #slider {
        padding-bottom: 10%;
    }
    #pagerSP {
        margin: 0 auto 3%;
    }
}


/****************
あなたへのオススメ
****************/
/*商品画像の下に少し余白をつける*/
#aigent_recommend_block_sp111 .recent_img {
    margin-bottom: 5px;
}
/*商品名　下線トル、行間が広すぎるので調整、下に少し余白をつける*/
#aigent_recommend_block_sp111 .recent_text p,#aigent_recommend_block_sp111 .recent_text {
    text-decoration: none;
    line-height: 1.3;
    margin-bottom: 5px;
}
/*価格　太さ普通に修正、行間が広すぎるので調整*/
#aigent_recommend_block_sp111 .recent_price {
    font-weight: 400;
    line-height: 1.3;
}
@media screen and (min-width:768px) {/*PConly*/
    /*下部の不要な余白削除、余白が広すぎるので調整
    2020/06/22　TTVの修正とバッティングするので削除*//*
    #aigent_recommend_block_sp111 .owl-nav {
        display: none;
    }
    .swip_container {
        padding: 0 20px;
    }*/
}



/****************
おすすめ特集
****************/
@media screen and (max-width: 767px){/*SPonly*/
    /*SPでは4つ目以降を非表示
    2020/06/19　4つ→6つに変更*/
    #topRecommendListSec .recommendpt-area ul li:nth-child(n+7) {
        display: none;
    }
    /*バナーと文字の余白を少しツメル＆文字サイズ少し小さく*/
    #topRecommendListSec .recommendpt-area ul li p {
        font-size: 1.4rem;
        line-height: 1.4;
        padding: 5px 0;
    }
}


/****************
オンエア一覧
****************/
/*金額　黒字に＆文字サイズ少し小さく　税込を小さく*/
#allTopOnairSec .rankingList_name .rankingList_name_price {
    display: inline-block;
    color: #333;
    font-size: 90%;
}
#allTopOnairSec .rankingList_name .taxStyle {
    font-size: 70%;
}
/*ラジオショッピング　局から探すを非表示に*/
#onairRadioSec .moreBtn.ec-btn {
    display: none;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*タイトルとアイコンの縦位置微調節*/
    .radioProductsList-area .title {
        background-position: left 3vw;
    }
    .NewsProductsList .title {
        background-position: left 4vw;
    }
    .TvProductsList .title {
        background-position: left 3.7vw;
    }
    /*局から探す　文字サイズなど微調整*/
    .radioProductsList-area .moreBtn a {
        font-size: 1.35rem;
        padding: 3px 12px;
    }
    /*新聞とTVの間アケル*/
    .NewsTvBox .NewsTvBox_list {
        margin-bottom: 30px;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    .radioProductsList-area .title {
        background-position: left 12px;
    }
    .NewsProductsList .title {
        background-position: left 16px;
    }
    .TvProductsList .title {
        background-position: left 14px;
    }
}


/****************
特集カード
****************/
/*見出しのフォント少し太く*/
.brand-list .item p.title {
    font-weight: 500;
}
/*コピーの行間をせまく*/
.brand-list .item p.text {
    line-height: 1.4;
}


/****************
下部お知らせ
****************/
#news * {
    box-sizing: border-box;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*見出しの下少しツメル*/
    .heading2 {
        margin-bottom: 3vw;
    }
    /*文字サイズ少し小さく・余白など調整*/
    .newsList dl dt {
        float: none;
        display: inline-block;
        padding: 2vw;
        width: 25%;
        font-size: 1.4rem;
        line-height: 1.4;
    }
    .newsList dl dd {
        float: none;
        display: inline-block;
        padding: 2vw;
        width: 73%;
        font-size: 1.4rem;
        line-height: 1.4;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*日付と本文の縦位置揃え＆余白調整＆文字サイズ少し大きく*/
    .newsList dl dt {
        text-align: justify;
        padding: 0 15px;
        width: 125px;
        font-size: 0.8rem;
        line-height: 1.4;
    }
    .newsList dl dd {
        width: 710px;
        padding-right: 15px;
        font-size: 0.8rem;
        line-height: 1.4;
    }
}


/****************
footer
****************/
/*ページ最下部の謎の余白（確かGAとか広告関連のタグだったハズ）を背景黒紅にして目立たないように*/
#deqwas-collection-k {
    background: #302833;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*お気軽にお問い合わせ下さい　の上下余白調整*/
    .contact .title {
        padding: 5vw 0 3vw;
    }
    /*メール＆LINEで問合せ　の文字サイズ＆余白調整　iPhoneSEで2行にならないように*/
    .contact .wrap.is-sp {
        padding: 0 2vw !important;
    }
    .contact .wrap.is-sp .btn_area a {
        font-size: 1.6rem;
        padding: 2vw 4vw;
    }
    /*メールで問合せが何故か黒字になるので修正*/
    .contact .wrap.is-sp .btn_area a.mail {
        color: #4c7abb;
    }
    /*メルマガ割＆LINE友だち登録　の上下余白調整*/
    .contact_box {
        margin-bottom: 7vw;
        margin-top: 7vw;
        padding: 5vw 0;
    }
    .contact_box .cb_cont {
        margin: 2vw 0 5vw;
        line-height: 1.4;
    }
    /*LINE友だち登録　のボタンを少し小さく*/
    .btn_friend {
        max-width: 45vw;
        margin: auto;
    }
    /*LINE友だち登録　コピーを追加*/
    .contact_box.contact_box_line .cb_cont::after {
        content: "\Aチャットで商品に関するお問い合わせもOK！";
        white-space: pre;
    }
    /*2つ目（古い）の「お気軽にお問い合わせ下さい」を非表示に
    #footer .contact.is-sp {
        display: none;
    }*/
    /*ご利用ガイドなどの帯背景は浅葱*/
    .fLink .fLink_heading .fLink_heading_item {
        background: #008899;
    }
    /*ご利用ガイドなどの帯の左右余白削除　SNSは左右余白有りのママ*/
    #footer .wrap {
        padding: 0;
    }
    #footer .wrap .sns_block {
        margin: 0 6vw;
    }
    /*プライバシー＆ノートン＆ジャドマのロゴサイズ調整*/
    #footer #btmMark .btmMark_item {
        max-width: 25vw;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*footer下部リンク　の文字サイズ少し大きく　aタグはブロック要素に*/
    #footer .fLink .fLink_heading_item {
        font-size: 19px;
    }
    #footer .fLink .ddArea .product_item a,
    #footer .fLink .ddArea .btnLink_item a {
        font-size: 16px;
        line-height: 1.3;
        display: block;
    }
    #footer .footer-tel img {
        position: static;
        width: auto;
    }
}







/* 商品詳細ページ
*************************************************************************************************************/

/****************
パンくずリスト
****************/
#breadcrumb .breadcrumbList {
    line-height: 1;
}
#breadcrumb .breadcrumbList_item {
    padding-right: 3vw;
}
#breadcrumb .breadcrumbList_item,
#breadcrumb .breadcrumbList_item a {
    line-height: 1.4;
    font-size: 1.2rem;
}
#breadcrumb .breadcrumbList_item:nth-of-type(1) a {
    font-size: 0;
}
#breadcrumb .breadcrumbList_item:nth-of-type(1) a::before {
    content: "TOP";
    font-size: 1.2rem;
}
@media screen and (min-width:768px) {/*PConly*/
    #breadcrumb .breadcrumbList_item {
        padding-right: 15px;
    }
    #breadcrumb .breadcrumbList_item,
    #breadcrumb .breadcrumbList_item a {
        line-height: 1.6;
        font-size: 0.7rem;
    }
    #breadcrumb .breadcrumbList_item:nth-of-type(1) a::before {
        content: "TOP";
        font-size: 0.7rem;
    }
}



/****************
商品画像上アイコン
****************/
/*メルマガ割アイコン　太さはノーマルに修正*/
.icn_item.__5off {
    font-weight: 400;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*商品画像上アイコン　高さを統一　太さはノーマル　余白も微修正*/
    #page_product_detail main #main .category_list li {
        font-weight: 400;
        /*#31209 remove*/
        /*margin-right: 2vw;*/
    }
    #page_product_detail main #main .category_list li div {
        font-weight: 400;
        height: 5vw;
        line-height: 5vw;
        font-size: 1.4rem;
        padding: 0 3vw;
        border-width: 1px;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*商品画像上アイコン　高さを統一　太さはノーマル　余白も微修正*/
    #page_product_detail main #main .category_list li {
        font-weight: 400;
        /*#31209 change*/
        margin-bottom: 5px;
    }
}
/****************
商品画像
****************/
/*商品画像下の不要な余白削除*/
#page_product_detail #main .owl-nav {
    height: 0;
    margin: 0;
    width: 0;
}



/* 商品画像下　商品名～数量
**********************************************/

/****************
商品画像下　商品名
****************/
@media screen and (max-width: 767px){/*SPonly*/
    /*サイズ少し大きく　下余白少しアケル　行間調整*/
    #page_product_detail #product-name {
        font-size: 2rem;
        margin-bottom: 3vw;
        line-height: 1.3;
    }
}
@media screen and (min-width:768px) {/*PConly*/
}
/****************
商品画像下　価格
****************/
/*太さはノーマル　文字色は紅色*/
#page_product_detail #product-price .product-sale-price {
    font-weight: 500;
    color: #c9004b;
}
#page_product_detail #product-price .product-sale-price-tax {
    font-weight: 500;
    color: #c9004b;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*文字サイズ少し小さく*/
    #page_product_detail #product-price .product-sale-price {
        font-size: 2rem;
    }
    /*税込　文字サイズ小さく*/
    #page_product_detail #product-price .product-sale-price-tax,
    #page_product_detail #product-price .product-basic-price-tax {
        font-size: 70%;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*税込　文字サイズ小さく*/
    #page_product_detail #product-price .product-sale-price-tax,
    #page_product_detail #product-price .product-basic-price-tax {
        font-size: 0.7rem;
    }
}
/****************
商品画像下　商品番号
****************/
/*太さはノーマル　上の価格と少し余白アケル*/
#page_product_detail #product-code {
    font-weight: 400;
}
@media screen and (min-width:768px) {/*PConly*/
    /*文字サイズ少し小さく*/
    #page_product_detail #product-code {
        font-size: 0.8rem;
    }
}
/****************
商品画像下　種別選択
****************/
/*太さはノーマル　フォントは共通のものを使用*/
#page_product_detail .chooseType select,
.selectNumber select {
    font-weight: 400;
    font-family: 'Noto Sans Japanese', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
/*セレクトボックスの青背景▼を違う画像に変更　すこし角丸*/
/* #page_product_detail .chooseType select,
.selectNumber select {
    border-radius: 3px;
    background: #fff url(/html/template/default/assets/images/common/icon_select_down.png) right center/contain no-repeat;
} */
@media screen and (max-width: 767px){/*SPonly*/
    /*文字サイズ少し大きく　ボックス高さ増し*/
    #page_product_detail .chooseType select,
    .selectNumber select {
        font-size: 1.6rem;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*文字サイズ少し大きく　ボックス高さ増し　余白調整*/
    #page_product_detail .chooseType .selectType {
        height: 35px;
    }
    #page_product_detail .chooseType select,
    #page_product_detail .selectNumber select {
        font-size: 0.9rem;
        padding-left: 10px;
    }
}
/****************
商品画像下　数量
****************/
/*太さはノーマル　縦位置中央揃え　余白調整*/
#page_product_detail .otherTitle {
    font-weight: 400;
    vertical-align: middle;
}
#page_product_detail .chooseNumber>span,
#page_product_detail .chooseType>span {
    vertical-align: middle;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*文字サイズ少し大きく*/
    #page_product_detail .otherTitle {
        font-size: 1.6rem;
    }
    /*「：」縦位置中央揃え　余白調整*/
    #page_product_detail .chooseNumber>span,
    #page_product_detail .chooseType>span {
        top: 1.1vw;
        margin-right: 2vw;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*文字サイズ少し大きく*/
    #page_product_detail .otherTitle {
        font-size: 0.9rem;
    }
    /*「：」縦位置中央揃え　余白調整*/
    #page_product_detail .chooseNumber>span,
    #page_product_detail .chooseType>span {
        top: 2px;
        margin-right: 10px;
    }
}
/****************
種別選択時に表示される価格
****************/
@media screen and (min-width:768px) {/*PConly*/
    /*文字サイズ少し小さく*/
    #page_product_detail .totalmoney .priceTax,
    #page_product_detail .totalmoney-optional .priceTax {
        font-size: 0.9rem;
    }
}



/* 商品画像下　ボタン
**********************************************/

/****************
カートボタン
****************/
/*太さはノーマル　角丸最大*/
#page_product_detail .productBtn .addCart button {
    font-weight: 700;
    border-radius: 500px;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*お気に入りボタンとの余白少しツメル*/
    #page_product_detail .productBtn .addCart {
        margin-bottom: 5vw;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*お気に入りボタンとの余白少しツメル*/
    #page_product_detail .productBtn .addCart {
        margin-bottom: 25px;
    }
    /*ボタン高さ増し*/
    #page_product_detail .productBtn .addCart button {
        padding: 17px 0;
    }
}
/****************
お気に入りボタン
****************/
/*太さはノーマル　角丸最大　影少し薄く*/
#page_product_detail .productBtn .addFavourites button {
    font-weight: 500;
    border-radius: 500px;
    box-shadow: 1px 2px 2px #e2e2e2;
}
/*ハート　位置微調整*/
#page_product_detail .addFavourites button span::before {
    top: 5px;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*ハート　位置微調整*/
    #page_product_detail .addFavourites button span {
        right: -3vw;
    }
    #page_product_detail .addFavourites button span::before {
        left: -24px;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*ハート　位置微調整*/
    #page_product_detail .addFavourites button span {
        right: -10px;
    }
}
/****************
価格・送料一覧はこちら
****************/
/*
    #page_product_detail .productBtn .list_price_ship {
        display: none;
    }
*/
@media screen and (min-width:768px) {/*PConly*/
    /*位置調整　▼はテキストに変更*/
    #page_product_detail .productBtn .list_price_ship a {
        top: 15px;
        right: 20px;
        font-weight: 500;
        background: none;
        padding: 0;
    }
    #page_product_detail .productBtn .list_price_ship a::after {
        content: "▼";
    }
}


/* 動画
**********************************************/
@media screen and (max-width: 767px){/*SPonly*/
    /*動画の下に余白アケル*/
    #page_product_detail .productDescriptionArea .video {
        margin-bottom: 6vw;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*動画の下に余白アケル*/
    #page_product_detail .productDescriptionArea .video {
        margin-bottom: 50px;
    }
}



/* 仕様説明・備考
**********************************************/

/****************
仕様説明
****************/
@media screen and (max-width: 767px){/*SPonly*/
    /*見出しの文字サイズ少し大きく*/
    #page_product_detail .productDetail_info h3 {
        font-size: 2.2rem;
    }
}
/****************
この商品について問い合わせる
****************/
@media screen and (max-width: 767px){/*SPonly*/
    /*上下余白少しアケル*/
    #page_product_detail .productDetail_btn {
        padding: 5vw 0;
    }
    /*見出しの文字サイズ少し大きく　太さはノーマル*/
    #page_product_detail .productDetail_btn .product_mail_sp p {
        font-weight: 400;
        font-size: 1.3rem;
    }
    /*ボタン2つ　文字サイズ少し大きく　余白調整*/
    #page_product_detail .productDetail_btn .product_mail_sp .productDetail_btn_group {
        width: 50%;
    }
    #page_product_detail .productDetail_btn .product_mail_sp .productDetail_btn_group a {
        height: 4vw;
        line-height: 4vw;
        font-size: 1.6rem;
    }
    #page_product_detail .productDetail_btn .product_mail_sp .productDetail_btn_group a:first-of-type {
        margin-right: 3vw;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*少し角丸　影付ける*/
    #page_product_detail .productDetail_btn .mail_pc {
        box-shadow: 1px 2px 1px #e0e0e0;
        border-radius: 3px;
    }
}




/* 価格表
**********************************************/

#page_product_detail .noteCallShip {
    display: none;
}
/*見出し　少し細く　色は黒紅白抜き*/
/* #page_product_detail .accordBlock .accord_heading {
    background: #302833;
    color: #fff;
    font-weight: 500;
} */
/*支払方法　太さはノーマル　背景は浅葱*/
#page_product_detail .accordBlock .accord_body .paymentDescription {
    font-weight: 400;
    border: none;
/*
    background: #008899;
*/
}
@media screen and (max-width: 767px){/*SPonly*/
    /*見出し　文字サイズ少し大きく　左右余白削除*/
    #page_product_detail .accordBlock .accord_heading {
        font-size: 2rem;
        /* width: calc(100% + 2rem);
        margin-left: -1rem; */
    }
    /*余白調整*/
    #page_product_detail .accordBlock .accord_body {
        padding: 3vw 0 0;
    }
    /*別送料　文字サイズ大きく*/
    #page_product_detail .accordBlock .accord_body .priceTabSpan1 {
        font-size: 1.2rem;
    }
    /*商品枠　背景は生成　余白調整*/
    #page_product_detail .accordBlock .accord_body .listProduct_cart li {
        background: #fff8e7;
        border: none;
        padding: 4vw 2vw;
    }
    /*商品名　文字サイズ少し大きく　下少しアケル*/
    #page_product_detail .accordBlock .accord_body .listProduct_cart li .listProduct_name {
        font-size: 1.8rem;
        margin-bottom: 2vw;
    }
    /*不要な線削除*/
    #page_product_detail .accordBlock .accord_body .listProduct_cart li .listProduct_price_btn {
        border: none;
    }
    /*価格　色は紅　太さはノーマル　サイズ＆余白調整*/
    #page_product_detail .accordBlock .accord_body .listProduct_cart li .listProduct_price {
        color: #c9004b;
        font-weight: 400;
        font-size: 1rem;
    }
    #page_product_detail .accordBlock .accord_body .listProduct_cart li .listProduct_price span {
        font-size: 1.6rem;
    }
    /*背景白　余白調整*/
    #page_product_detail .accordBlock .accord_body .listProduct_cart li .listProduct_inner {
        padding: 2vw;
    }
    /*支払方法　太さはノーマル　余白調整　背景は浅葱*/
    #page_product_detail .accordBlock .accord_body .listProduct_cart li .listProduct_inner .listProduct_payment .paymentDescription {
        height: 6vw;
        line-height: 6vw;
        vertical-align: baseline;
        padding: 0 2vw;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*上下余白調整*/
    #page_product_detail #accordBlock {
        padding: 0;
        margin: 100px 0;
    }
    /*見出し　帯は最大1400pxまで*/
    #page_product_detail #accordBlock .wrap {
        padding: 0;
    }
    /*全体　背景に薄グレー*/
    /* #page_product_detail .accordBlock .accord_body {
        background: #f3f6f8;
    } */
    /*支払方法　サイズ少し大きく*/
    #page_product_detail .priceTabTitle {
        font-size: 0.75rem;
    }
    #page_product_detail .accordBlock .accord_body .paymentDescription {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 0.8rem;
    }
    .productTableRWD{
        width: 100%;
        background-color: #fff;
        border: none;
        padding: 0;
    }
    .productTableRWD th,
    .productTableRWD td{
        padding: 8px 10px;  /*SZ 2018/12/10 20px 10px ->20px */
        font-size: 0.8rem;
        line-height: 1.1em;
        text-align: center;
        /* fuwei start */
        vertical-align: middle;
        /* fuwei end  */
    }
    .productTableRWD thead th{
        border-right: 1px solid #cdcdcd;
        background-color: #e5e5e5;
        padding: 10px;
        font-weight: 500;
    }
    .productTableRWD thead th:last-of-type{
        border-right: none;
    }
    .productTableRWD tbody tr{
        border-bottom: 1px solid #cdcdcd;
    }
    .productTableRWD tbody tr:last-of-type{
        border-bottom: none;
    }
    .productTableRWD thead th .productTaxTitle {
        font-size: 0.6rem;
    }
    /*価格　色は紅*/
    .productTable_td__price {
        color: #c9004b;
    }
    /* 列の幅
    ----------------------- */
    .productTableRWD #productTable_th__type {
        width: 34%;
    }
    .productTableRWD #productTable_th__price {
        width: 13%;
        line-height: 1;
    }
    .productTableRWD #productTable_th__shipping {
        width: 23%;
        line-height: 1;
    }
    .productTableRWD #productTable_th__delivery {
        width: 10%;
    }
    .productTableRWD #productTable_th__payment {
        width: 10%;
    }
    .productTableRWD #productTable_th__cart {
        width: 9%;
    }
    /* 売り切れ時
    ---------------------------------------*/
    /* 背景 */
    .productTableRWD tbody tr.__soldOut{
        background-color: rgba(244,244,244,1.00);
    }
    /* 価格 */
    .productTableRWD tbody tr.__soldOut .red{
        color: #000000;
    }
    .producDetailDiv span.soldOutSpan{
        color: #e60012;
    }
    /* 販売期間 */
    .productTableRWD tbody tr.__soldOut td:nth-child(6){
        color: #e60012;
    }
    .productTableRWD tbody tr {
        border-bottom: 1px solid #cdcdcd !important;
    }
    .productTableRWD tbody td{
        border-right: 1px solid #cdcdcd;
    }
    .productTableRWD tbody td:last-of-type{
        border-right: none;
    }
}








/* カート
*************************************************************************************************************/






/* 購入手続き
*************************************************************************************************************/
/*配送日目安　色修正*/
#page_checkout .timeDelivery.block.__caution {
    background: #fff8e7 !important;
}
/*お届け先　変更するボタン色修正*/
@media screen and (min-width:768px) {/*PConly*/
    #page_checkout .address-table .btn_address_change {
        background: #008899;
    }
}
/*クーポン　確認するボタン色修正*/
#page_checkout #coupon_btn_click {
    background: #008899 !important;
    color: #fff;
}


/* マイページ
*************************************************************************************************************/







/* カテゴリ
*************************************************************************************************************/

/****************
見出し
****************/
@media screen and (min-width:768px) {/*PConly*/
    .ttlPage {
        border-bottom: 1px solid #302833;
        margin-bottom: 35px;
        font-weight: 700;
        padding-bottom: 10px;
    }
}
/****************
「」内にあるサブカテゴリ
****************/
    /*見出し　背景色削除*/
    .filter_title {
        background: none;
        }
@media screen and (max-width: 767px){/*SPonly*/
    /*見出し　背景色削除　余白調整*/
    .filter_title {
    background: none;
    padding: 3vw 2vw 1vw;
    margin-bottom: 0;
    }
    /*サブカテゴリ一覧　余白調整*/
    .listCate {
        margin-bottom: 0;
        margin: 0;
        padding: 0 2vw;
    }
    .listCate li {
        line-height: 1.4;
        margin-bottom: 5px;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*見出し　下線*/
    .filter_title {
        border-bottom: 1px solid #302833;
        }
    /*見出し　文字サイズ調整*/
    .filter_title p {
        font-size: 0.95rem;
        line-height: 1.3;
    }
    /*下余白もう少しアケル*/
    .listCate {
        margin-bottom: 70px;
    }
    /*選択肢　文字サイズ少し小さく　余白調整*/
    .listCate li a {
        font-size: 16px;
        margin: 10px 0;
    }
}
/****************
絞り込み・並び替え
****************/
    /*絞り込み　金額　▼はモノクロに変更　フォントは共通のものを使用*/
    .priceSelect {
        background: #fff url(/html/template/default/assets/images/common/icon_select_down.png) right center no-repeat;
        background-size: contain;
    }
    .priceSelect select {
        font-family: 'Noto Sans Japanese', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }
@media screen and (max-width: 767px){/*SPonly*/
    /*余白調整　線は上下に*/
    .listBtn {
        border-top: 1px solid #464646;
        border-bottom: 1px solid #464646;
        margin: 3vw 0 2vw;
    }
    /*余白調整*/
    .listBtn .listLeft li {
        padding: 1vw 3vw;
        margin: 0;
    }
    .listBtn .btnZoom {
        border-right: 1px solid #464646;
    }
    .listBtn .listLeft li a {
        height: 13vw;
    }
    .listBtn .listLeft li a::after {
        width: 6vw;
        height: 6vw;
    }
    .tool_box {
        border: none;
        margin: 0 0 7vw;
        padding: 0;
    }
    /*絞り込み　一番下に境界線*/
    .sp-detail-search {
        border-bottom: 5vw solid #e6e6e6;
    }
    /*絞り込み　選択肢の高さ増し*/
    .filterBlockInner .itemCheck {
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
    }
    /*絞り込み　金額　文字サイズ小さく　余白調整*/
    .priceSelect {
        width: 40vw;
    }
    .priceSelect select {
        font-size: 1.6rem;
    }
    /*並び替え　選択肢の高さ増し*/
    .sortList_sp li {
        height: 10vw;
        line-height: 9vw;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*絞り込み　各ブロック下に余白　不要な上余白削除*/
    .filterInner .filterBlock {
        margin-bottom: 35px;
        padding-top: 0;
    }
    /*絞り込み　アイコンをモノクロに変更*/
    .filter_title .zoom:before {
        background: url(/html/template/default/assets/images/common/ico_zoom.png) no-repeat;
        background-size: contain;
        top: -2px;
    }
    /*絞り込み　キーワード　見出しを上付け*/
    #keywordSearchSec.filterBlock {
        margin-top: -10px;
    }
    /*絞り込み　各見出し　文字サイズ文字サイズ＆余白調整*/
    .ttlBlock {
        padding: 5px 8px;
        font-size: 0.8rem;
        margin-bottom: 5px;
    }
    /*絞り込み　選択肢の文字サイズ少し小さく　余白調整*/
    .filterBlock .itemCheck {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .filterBlockInner label {
        line-height: 1.2;
    }
    .filterBlockInner label span.checkbox-custom {
        font-size: 16px;
    }
    /*絞り込み　□のサイズ少し小さく*/
    .filterBlockInner label span.checkbox-custom:before {
        width: 14px;
        height: 14px;
    }
    /*絞り込み　金額　サイズ調整*/
    .priceSelect {
        width: 120px;
    }
    /*絞り込み　絞り込むボタン*/
    .btn-scroll ul .filterCondition button {
        background: #008899;
        color: #fff;
    }
    /*並び替えなど　線細く*/
    .product_view {
        border-bottom: 1px solid #302833;
    }
}






/* ラジオショッピング
*************************************************************************************************************/
@media screen and (max-width: 767px){/*SPonly*/
}
@media screen and (min-width:768px) {/*PConly*/
    /*絞り込み　キーワード　見出しを上付け*/
    .zoom-pc.filter_title+.filterBlock {
        margin-top: -10px;
    }
}


/* カタログショッピング
*************************************************************************************************************/
/*背景は生成に変更*/
#page_catalog_shopping .gift_area {
    background: #fff8e7;
}
/*見出し　黒字に変更*/
#page_catalog_shopping .gift_title p {
    color: #333;
}

/*各カタログタイトル　黒字に変更*/
#page_catalog_shopping .g_title {
    color: #333;
}
/*ボタン　影付ける*/
#page_catalog_shopping .g_btn a {
    box-shadow: 1px 2px 2px #bbb;
}
/*カタログ画像　縦横比を保持*/
#page_catalog_shopping .g_img img {
    height: auto;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*余白調整*/
    #page_catalog_shopping .gift_area {
        padding: 8vw 0;
    }

    /*コピー　下余白アケル*/
    .g_detail {
        margin-bottom: 10vw;
    }
    /*コピー　文字サイズ＆余白調整*/
    .g_detail p {
        font-size: 1.3rem;
        line-height: 1.4;
    }
    /*各ボタン　文字サイズ少し大きく　余白調整*/
    .g_btn a {
        padding: 2vw 0;
        font-size: 1.3rem;
        border-radius: 500px;
    }
    /*無料プレゼントボタン　文字サイズ＆余白調整*/
    .gift_btn .r_btn {
        padding: 4vw 5vw;
        border-radius: 500px;
    }
}
@media screen and (min-width:768px) {/*PConly*/
    /*余白調整*/
    #page_catalog_shopping .gift_area {
        padding: 50px 0 40px;
    }
    /*見出し　文字サイズ少し大きく*/
    #page_catalog_shopping .gift_title p {
        font-size: 22px;
    }
    /*各カタログタイトル　文字サイズ＆余白調整*/
    #page_catalog_shopping .g_title {
        margin: 20px 0 7px;
    }
    #page_catalog_shopping .g_title p {
        font-size: 20px;
    }
    /*コピー　下余白アケル*/
    #page_catalog_shopping .g_detail {
        margin-bottom: 20px;
    }
    /*各ボタン　文字サイズ＆余白調整*/
    #page_catalog_shopping .g_btn a {
        font-size: 18px;
        padding: 8px 55px;
    }
    #page_catalog_shopping .gift_btn .r_btn {
        padding: 20px 40px;
    }
}




/* 各カタログTOP
*************************************************************************************************************/
/*見出しを黒字に*/
#page_catalog_product .catalog-info .ttlPage {
    color: #333;
    margin-bottom: 0;
}
@media screen and (max-width: 767px){/*SPonly*/
    /*コピー　文字サイズを小さく　余白調整*/
    .textPage_area {
        /*#31184 change font size*/
        font-size: 1.020rem;
        line-height: 1.4;
        margin: 0;
    }
}



/* 検索結果など商品一覧
*************************************************************************************************************/
/*NOW ONAIRのデザイン変更（左上に斜め帯）　テキストも「放送中」に変更*/
#main-product .item_img {
    overflow: hidden;
}
#main-product .item_img .tag {
    border: none;
    width: 20vw;
    color: #fff;
    background: #c9004b;
    padding: 3px;
    margin: 0 auto;
    text-align: center;
    line-height: 1;
    font-size: 0;
    transform: rotate(-45deg);
    position: absolute;
    left: -6.5vw;
    top: 2vw;
    right: auto;
    bottom: auto;
}
#main-product .item_img .tag::before {
    content: "紹介中";
    font-size: 0.8rem;
}
@media screen and (min-width:768px) {/*PConly*/
    #main-product .item_img .tag {
        width: 110px;
        padding: 3px 0 4px;
        left: -33px;
        top: 13px;
    }
}
#page_product_detail .listProduct_shipping, #page_product_detail .productTable_th__shipping, #page_product_detail .productTable_td__shipping, #page_product_detail .priceTabSpan1.extra-shipping{
display:none;
}

#page_product_detail .productTable_th__type {
width: 60%;
}
@media screen and (max-width: 767px) {/*SPonly*/
.related {display: none;}
}