@charset "UTF-8";

.otoshidamaArea { margin: 20px 0;}
.presentArea { margin-bottom: 20px;}

#fkbkr .anchor_fkbkr { margin-top: 10px;}
#fkbkr .anchor_fkbkr ul { display: flex; flex-wrap: wrap;}
#fkbkr .anchor_fkbkr ul li {}
#fkbkr .anchor_fkbkr 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;}
#fkbkr .anchor_fkbkr ul li a:before,
#fkbkr .anchor_fkbkr 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);}



#fkbkr .fkbkrBlockTit { color: #fff;}


.fkbkrContBlock_mt { margin-top: 30px;}

#fkbkr .itemBlock {}
#fkbkr .itemBlock .itemName { display: block; position: relative; border-top: solid 2px #d80001; 
background: rgb(247,215,131);
background: -moz-linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
background: -webkit-linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
background: linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7d783",endColorstr="#f7d783",GradientType=1) !important;}

#fkbkr .itemBlock .itemName:before { content: ""; position: absolute; left: 10px; top: 3px;}
#fkbkr .itemBlock .itemName.icon_platinum:before { background: url("/img/campaign/2601/fkbkr/icon_platinum.png") no-repeat; width: 75px; height: 57px;}
#fkbkr .itemBlock .itemName.icon_gold:before { background: url("/img/campaign/2601/fkbkr/icon_gold.png") no-repeat; width: 75px; height: 55px;}
#fkbkr .itemBlock .itemName.icon_gold_a:before { background: url("/img/campaign/2601/fkbkr/icon_gold_a.png") no-repeat; width: 75px; height: 55px;}
#fkbkr .itemBlock .itemName.icon_gold_b:before { background: url("/img/campaign/2601/fkbkr/icon_gold_b.png") no-repeat; width: 75px; height: 55px;}
#fkbkr .itemBlock .itemName.icon_silver:before { background: url("/img/campaign/2601/fkbkr/icon_silver.png") no-repeat; width: 72px; height: 56px;}
#fkbkr .itemBlock .itemName.icon_platinum,
#fkbkr .itemBlock .itemName.icon_gold,
#fkbkr .itemBlock .itemName.icon_gold_a,
#fkbkr .itemBlock .itemName.icon_gold_b,
#fkbkr .itemBlock .itemName.icon_silver { padding-left: 65px;}

#fkbkr .itemBlock .itemBoxBlock { background: #fffae3;}
#fkbkr .itemBlock .itemBoxBlock .partition { border:none;}
#fkbkr .itemBlock .itemBoxBlock .itemBtn .txt{ text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
#fkbkr .itemBlock .itemBoxBlock .itemBtn .txt .red { color: #e63e31;}

.fkbkrpopup .itemName { display: block; border-top: solid 2px #d80001 !important; color: #383838 !important; 
background: rgb(247,215,131);
background: -moz-linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
background: -webkit-linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
background: linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7d783",endColorstr="#f7d783",GradientType=1) !important;}

#dlcp_hair .p06_bn { margin-top: 30px;}
#dlcp_hair .itemBlock .itemBox2 .itemBtn .choicetxt { text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
#dlcp_hair .itemBlock .itemBox2 .itemBtn .choicetxt .red { color: #e63e31;}
#dlcp_hair  .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;}
#dlcp_hair  .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;}
#dlcp_hair  .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox .tax { color: #fff;}
#dlcp_hair  .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox .yen { color: #fff;}

.popcartBox .itemBlock h3 { border-bottom: solid 1px #f6e2b2 !important; position: relative;}

.popcartBox .itemBlock h3.itemName:before { content: ""; position: absolute; left: 10px; top: 3px;}
.popcartBox .itemBlock h3.itemName.icon_platinum:before { background: url("/img/campaign/2501/fkbkr/icon_platinum.png") no-repeat; width: 75px; height: 42px; background-size: auto 100%;}
.popcartBox .itemBlock h3.itemName.icon_gold:before { background: url("/img/campaign/2501/fkbkr/icon_gold.png") no-repeat; width: 75px; height: 42px; background-size: auto 100%;}
.popcartBox .itemBlock h3.itemName.icon_gold_a:before { background: url("/img/campaign/2501/fkbkr/icon_gold_a.png") no-repeat; width: 75px; height: 42px; background-size: auto 100%;}
.popcartBox .itemBlock h3.itemName.icon_gold_b:before { background: url("/img/campaign/2501/fkbkr/icon_gold_b.png") no-repeat; width: 75px; height: 42px; background-size: auto 100%;}
.popcartBox .itemBlock h3.itemName.icon_silver:before { background: url("/img/campaign/2501/fkbkr/icon_silver.png") no-repeat; width: 72px; height: 42px; background-size: auto 100%;}
.popcartBox .itemBlock h3.itemName.icon_platinum,
.popcartBox .itemBlock h3.itemName.icon_gold,
.popcartBox .itemBlock h3.itemName.icon_gold_a,
.popcartBox .itemBlock h3.itemName.icon_gold_b,
.popcartBox .itemBlock h3.itemName.icon_silver { padding-left: 65px;}


.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dd { display: flex; align-items: center;}





/* itemPopbtn */
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn { display: flex;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .col { position: relative;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .detail { position: relative;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .detail_long { position: relative;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn a.line { position: relative; border: solid 2px #1a884c; background: #fff; color: #1a884c; text-decoration: none; display: block; border-radius: 5px; text-align: center; padding: 6px 16px 6px 6px;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn a.line:after { content: ""; display: block; width: 12px; height: 12px; margin-left: 8px; background: url("/img/campaign/common/icon_arr01_gn.png") 0 0 no-repeat transparent; background-size: auto; background-size: contain; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto;}



#fkbkr .down_arrow:before {
    position: absolute;
    top: 50%;
    right: 0px;
    margin: auto 0;
    content: '';
    border-top: 50px solid #fffae3;
    border-bottom: 50px solid #fffae3;
    border-left: 20px solid #f05fa6;
    border-style: solid;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    color: #fffae3;
}

#fkbkr .down_arrow {
    width:34%;
}

/*
.pane-main #fkbkr .contentsBlock { border-top: solid 1px #d0d0d0 !important;}
*/
#fkbkr .anchor_fkbkr {}
#fkbkr .anchor_fkbkr ul { margin-top: 40px;}
#fkbkr .anchor_fkbkr ul li { width: 294px; margin-left: 10px;}
#fkbkr .anchor_fkbkr ul li:nth-child(n+4) { margin-top: 10px;}
#fkbkr .anchor_fkbkr ul li:nth-child(3n+1) { margin-left: 0;}
#fkbkr .anchor_fkbkr ul li:first-child { font-size: 90%;}
#fkbkr .anchor_fkbkr ul li a { padding: 0 20px 0 0;}
#fkbkr .anchor_fkbkr ul li a {}
#fkbkr .anchor_fkbkr ul li a:before { top: 18px;}
#fkbkr .anchor_fkbkr ul li a:after { top: 25px;}
#fkbkr .anchor_fkbkr ul li a span { display: block; padding: 14px 0 14px 55px;}
#fkbkr .anchor_fkbkr ul li:nth-child(1) a span { background: url(/img/campaign/2501/fkbkr/anchor01.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(2) a span { background: url(/img/campaign/2501/fkbkr/anchor02.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(3) a span { background: url(/img/campaign/2501/fkbkr/anchor03.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(4) a span { background: url(/img/campaign/2501/fkbkr/anchor04.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(5) a span { background: url(/img/campaign/2501/fkbkr/anchor05.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(6) a span { background: url(/img/campaign/2501/fkbkr/anchor06.png) no-repeat; background-size: contain; background-position: 10px center;}


#fkbkr .fkbkrBlockTit { margin-bottom: 0; background: url("/img/campaign/2601/fkbkr/tit_bg.png") top center no-repeat; background-size:cover;}


#fkbkr .fkbkritemlink a { width: 100%; margin-top: 25px; margin-bottom: 0;}

#popbtn_01.popcartBox,
#popbtn_02.popcartBox,
#popbtn_03.popcartBox,
#popbtn_04.popcartBox,
#popbtn_05.popcartBox,
#popbtn_06.popcartBox,
#popbtn_07.popcartBox,
#popbtn_08.popcartBox,
#popbtn_detail01.popcartBox,
#popbtn_detail02.popcartBox,
#popbtn_detail03.popcartBox,
#popbtn_detail04.popcartBox,
#popbtn_detail05.popcartBox,
#popbtn_detail06.popcartBox { width:auto; padding: 0;}



/* itemPopbtn */
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn { align-items: center; justify-content: space-between;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .col { width: 48%;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .detail { width: 48%;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .detail_long { width: 100%; max-width: 220px; margin: 0 auto;}


@media screen and (max-width: 480px) {

#fkbkr .presentArea .pre_tit { margin-top: 30px;}

#fkbkr .anchor_fkbkr { font-size: 20px;}
#fkbkr .anchor_fkbkr ul { justify-content: space-between;}
#fkbkr .anchor_fkbkr ul li { width: 48%; margin-top: 10px; font-size: 13px;}
#fkbkr .anchor_fkbkr ul li a { padding: 10px 20px 10px 0px;}
#fkbkr .anchor_fkbkr ul li a:before { top: 13px;}
#fkbkr .anchor_fkbkr ul li a:after { top: 20px;}
#fkbkr .anchor_fkbkr ul li a:before,
#fkbkr .anchor_fkbkr ul li a:after { width: 7px !important; height: 7px !important; }

#fkbkr .fkbkrBlockTit { font-size: 20px; background: url("/img/campaign/2601/fkbkr/tit_bg_sp.png") top center no-repeat; background-size: 100% auto;padding: 10px 14px 19px;}

#fkbkr .itemBlock .itemName:before { top: 0; bottom: 0; margin: auto;}

#fkbkr .itemBlock .itemName.icon_platinum:before { background: url("/img/campaign/2601/fkbkr/icon_platinum.png") no-repeat; width: 75px; height: 45px; background-size: auto 100%;}
#fkbkr .itemBlock .itemName.icon_gold:before { background: url("/img/campaign/2601/fkbkr/icon_gold.png") no-repeat; width: 75px; height: 45px; background-size: auto 100%;}
#fkbkr .itemBlock .itemName.icon_gold_a:before { background: url("/img/campaign/2601/fkbkr/icon_gold_a.png") no-repeat; width: 75px; height: 45px; background-size: auto 100%;}
#fkbkr .itemBlock .itemName.icon_gold_b:before { background: url("/img/campaign/2601/fkbkr/icon_gold_b.png") no-repeat; width: 75px; height: 45px; background-size: auto 100%;}
#fkbkr .itemBlock .itemName.icon_silver:before { background: url("/img/campaign/2601/fkbkr/icon_silver.png") no-repeat; width: 75px; height: 45px; background-size: auto 100%;}
#fkbkr .itemBlock .itemName.icon_platinum,
#fkbkr .itemBlock .itemName.icon_gold,
#fkbkr .itemBlock .itemName.icon_gold_a,
#fkbkr .itemBlock .itemName.icon_gold_b,
#fkbkr .itemBlock .itemName.icon_silver { padding-left: 60px;}

#fkbkr .itemBlock .itemBoxBlock .itemBtn .txt { font-size: 90%;}



/* itemPopbtn */
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn { justify-content: center;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .col { width: 45%; max-width: 128px; margin-right: 2%;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .detail { width: 45%; max-width: 128px;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemPopbtn .detail_long { width: 90%; max-width: 220px;}

.pane-main .clm2_block .itemBlock .itemName{width: inherit;}


#fkbkr .down_arrow {
    width:30%;
}

#fkbkr .down_arrow li{
    font-size: 14px;
}
}