@charset "UTF-8";

.couponArea { margin-bottom: 30px;}
.fkbkr500link { margin-bottom: 30px;}
.fkbkrbnlink { margin-top: 10px;}
.fkbkrlink { margin-top: 20px;}
/*
	cp common
================================*/
.pane-main .cptop_contentsBox .cpLinkTop { text-align: center; margin: 40px auto 0 auto;}
.pane-main .cptop_contentsBox .cpLinkTop .block-btn-default { font-weight: bold;}

.pane-main .itemBlock .itemBoxBlock .itemBox2 .ruletxt {text-align: center; color: #1a884c; margin-bottom: 10px; font-weight: bold; line-height: 1.5;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .ruletxt .red { color: #e63e31;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .popbtntxtmin { font-size: 80%; line-height: 1.2; display: inline-block;}


/*
	cp top
================================*/
.preft { text-align: center; font-weight: bold; color: #1a884c; font-size: 130%;}

#teikipopup { background: url(/img/campaign/1911/cp/top/teikipop_bg.png) repeat; background-size: 100% auto; max-width: 600px; text-align: center;}
#teikipopup .teikipopup_btn img { vertical-align: bottom;}
#teikipopup .teikipopup_notes { text-align: left; font-size: 68%; background: url(/img/campaign/2005/cp/top/teikipop_notes.png) no-repeat left bottom; background-size: 100% auto; padding: 10px 4% 20px 8%;}
.cptop_contentsBox .cptop_clm2BD .notes { font-size: 75%;}
.cptop_contentsBox .notes { font-size: 75%; margin-top: 5px;}

/*
	topselling
================================*/
.pane-main.cp_topselling .itemBlock .itemlink a:before { position: absolute; content: ""; left: 10px; top: 0; bottom: 0; margin: auto; width: 40px; height: 35px;}
.pane-main.cp_topselling #pageLink001 .itemlink a:before { background: url(/img/campaign/common/itemlink/gc02.png) no-repeat; background-size: contain;}
.pane-main.cp_topselling #pageLink002 .itemlink a:before { background: url(/img/campaign/common/itemlink/gc01.png) no-repeat; background-size: contain;}
.pane-main.cp_topselling #pageLink003 .itemlink a:before { background: url(/img/campaign/common/itemlink/gc03.png) no-repeat; background-size: contain;}
.pane-main.cp_topselling #pageLink004 .itemlink a:before { background: url(/img/campaign/common/itemlink/dc02.png) no-repeat; background-size: contain;}
.pane-main.cp_topselling #pageLink005 .itemlink a:before { background: url(/img/campaign/common/itemlink/dc02.png) no-repeat; background-size: contain;}
.pane-main.cp_topselling #pageLink006 .itemlink a:before { background: url(/img/campaign/common/itemlink/dc02.png) no-repeat; background-size: contain;}
.pane-main.cp_topselling #pageLink007 .itemlink a:before { background: url(/img/campaign/common/itemlink/hc03.png) no-repeat; background-size: contain;}

.pane-main.cp_topselling .itemBlock .itemBox2 .itemBtn .choicetxt { text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
.pane-main.cp_topselling .itemBlock .itemBox2 .itemBtn .choicetxt .red { color: #e63e31;}


/*
	3plus1
================================*/
/* anchor_3p1 */
.pane-main.cp_3plus1 .anchor_3p1 {}
.pane-main.cp_3plus1 .anchor_3p1 ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.pane-main.cp_3plus1 .anchor_3p1 ul li {}
.pane-main.cp_3plus1 .anchor_3p1 ul li a { text-decoration: none; text-align: center; display: block; position: relative; border: solid 2px #1a884c; background: #fff; border-radius: 5px; color: #383838; font-weight: bold;}
.pane-main.cp_3plus1 .anchor_3p1 ul li a:before,
.pane-main.cp_3plus1 .anchor_3p1 ul li a:after { content: ""; position: absolute; width: 9px !important; height: 9px !important; right: 10px; border: 2px solid #1a884c; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

    /* 選択前 */
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a.itemicon { position: relative;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a.itemicon:before { position: absolute; content: "　";}
    /* 選択後 */
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a.itemicon_on { position: relative;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a.itemicon_on:before { position: absolute; content: "　";}
    /* 商品アイコン */
    .pane-main .itemBlock#pageLinkXXX .itemBoxBlock .itemBox2 .itemChg .chgBtn li a.itemicon { /* background:  url(アイコンurl) no-repeat #fff 15px 5px;*/ background-size: auto 80%;}
    .pane-main .itemBlock#pageLinkXXX .itemBoxBlock .itemBox2 .itemChg .chgBtn li a.itemicon_on { /* background:  url(アイコンurl) no-repeat #1DA164 15px 5px;*/ background-size: auto 80%;}

.pane-main .js-tab-rk-toku li a.itemicon { background: url(/img/campaign/common/itemlink/hc05.png) no-repeat #fff !important; background-position: 15px 8px !important;}
.pane-main .js-tab-rk-toku li a.itemicon:hover { background: url(/img/campaign/common/itemlink/hc05.png) no-repeat #1da164 !important; background-position: 15px 8px !important;}
.pane-main .js-tab-rk-toku li.on a.itemicon { background: url(/img/campaign/common/itemlink/hc05.png) no-repeat #f05fa6 !important; background-position: 15px 8px !important;}

.pane-main .js-tab-rk li a.itemicon { background: url(/img/campaign/common/itemlink/hc06.png) no-repeat #fff !important; background-position: 15px 8px !important;}
.pane-main .js-tab-rk li a.itemicon:hover { background: url(/img/campaign/common/itemlink/hc06.png) no-repeat #1da164 !important; background-position: 15px 8px !important;}
.pane-main .js-tab-rk li.on a.itemicon { background: url(/img/campaign/common/itemlink/hc06.png) no-repeat #f05fa6 !important; background-position: 15px 8px !important;}

.pane-main .js-tab-tnksp li a.itemicon { background: url(/img/campaign/common/itemlink/sc08.png) no-repeat !important; background-position: 15px 8px !important;}
.pane-main .js-tab-tnksp li a.itemicon:hover { background: url(/img/campaign/common/itemlink/sc08.png) no-repeat #1da164 !important; background-position: 15px 8px !important;}
.pane-main .js-tab-tnksp li.on a.itemicon { background: url(/img/campaign/common/itemlink/sc08.png) no-repeat #f05fa6 !important; background-position: 15px 8px !important;}
.pane-main .js-tab-rtsp li a.itemicon { background: url(/img/campaign/common/itemlink/hc08.png) no-repeat !important; background-position: 15px 8px !important;}
.pane-main .js-tab-rtsp li a.itemicon:hover { background: url(/img/campaign/common/itemlink/hc08.png) no-repeat #1da164 !important; background-position: 15px 8px !important;}
.pane-main .js-tab-rtsp li.on a.itemicon { background: url(/img/campaign/common/itemlink/hc08.png) no-repeat #f05fa6 !important; background-position: 15px 8px !important;}
.pane-main .js-tab-tnkuv li a.itemicon { background: url(/img/campaign/common/itemlink/sc07.png) no-repeat !important; background-position: 15px 8px !important;}
.pane-main .js-tab-tnkuv li a.itemicon:hover { background: url(/img/campaign/common/itemlink/sc07.png) no-repeat #1da164 !important; background-position: 15px 8px !important;}
.pane-main .js-tab-tnkuv li.on a.itemicon { background: url(/img/campaign/common/itemlink/sc07.png) no-repeat #f05fa6 !important; background-position: 15px 8px !important;}



/*
	derail
================================*/
.pane-main.cp_detail .kwsklinkBtn { position: relative; border-bottom: solid 1px #e63e31; display: inline-block !important; border-radius: 0 !important; padding-left: 15px;}
.pane-main.cp_detail .kwsklinkBtn:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 3.5px 0 3.5px 5px; border-color: transparent transparent transparent #e63e31; position: absolute; top: 12px; left: 0;}
.pane-main.cp_detail .bnArea { text-align: center; margin-top: 30px;}
.pane-main.cp_detail .fcgb { font-weight: bold; color: #1a884c; text-align: center; margin-bottom: 5px;}

.pane-main.cp_detail .anchorBox { display: flex; flex-wrap: wrap; justify-content: space-between;}
.pane-main.cp_detail .anchorBox li {}
.pane-main.cp_detail .anchorBox li a { text-decoration: none; text-align: center; display: block; position: relative; border: solid 2px #1a884c; background: #fff; border-radius: 5px; color: #383838; font-weight: bold;}
.pane-main.cp_detail .anchorBox li a:before,
.pane-main.cp_detail .anchorBox li a:after { content: ""; position: absolute; width: 9px !important; height: 9px !important; right: 10px; border: 2px solid #1a884c; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.pane-main.cp_detail .itemBlock .itemBox2 .itemBtn .choicetxt { text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
.pane-main.cp_detail .itemBlock .itemBox2 .itemBtn .choicetxt .red { color: #e63e31;}
.pane-main.cp_detail .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox { vertical-align: super; background: #e63e31; position: relative; padding: 0 10px 0 10px; height: 30px; display: inline-block; line-height: 30px;}
.pane-main.cp_detail .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox:after{ content:""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; bottom: 0; left: 100%; z-index: 1; border-left: 15px solid #e63e31;}
.pane-main.cp_detail .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox .tax { color: #fff;}
.pane-main.cp_detail .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox .yen { color: #fff;}


.pane-main.cp_detail .notesArea { font-size: 68%; margin-top: 20px;}

.pane-main.cp_detail .itemBlock .itemName.mark { position: relative;}
.pane-main.cp_detail .itemBlock .itemName.mark:before { content: ""; position: absolute; display: inline-block; top: 0; bottom: 0; margin: auto; background: url(/img/campaign/2102/detail/mark.png) no-repeat; background-size: auto; background-size: contain;}

.pane-main.cp_detail #pageLinkDetai2111_item09.itemBlock .itemlink a.block-btn-default { padding-left: 25px;}
.pane-main.cp_detail #pageLinkDetai2111_item09.itemBlock .itemlink a:before { position: absolute; content: ""; left: 10px; top: 0; bottom: 0; margin: auto; width: 40px; height: 35px; background: url(/img/campaign/common/itemlink/gc09.png) no-repeat; background-size: contain;}