@charset "UTF-8";

#pageLinkDetail2404_001 { padding-top: 20px;}
#pageLinkDetail2404_002 { padding-top: 20px;}

/*
	cp common
================================*/
.pane-main .cptop_contentsBox .cpLinkTop {}
.pane-main .cptop_contentsBox .cpLinkTop .block-btn-default { width: 400px; font-size: 150%;}

.pane-main .itemBlock .itemlink a { padding: 12px 36px 11px 26px;}

.cptop_contentsBox .cptop_clm2BD { margin-bottom: 30px !important;}
.cptop_contentsBox .cptop_clm2BD .cptop_clmDetail {  margin-bottom: 10px;}

.pane-main .contentsBlockSubTit { margin-top: 40px; font-size: 150%;}

#teikiLinkBox .teikiLinkBox_btn { background: url(/img/campaign/2002/cp/teikiLinkBox_bg.png) repeat; background-size: 100% auto; text-align: center; padding-bottom: 20px;}
#teikiLinkBox .teikiLinkBox_btn ul { display: flex; margin: 0 auto; width: 858px; justify-content: space-between;}
/*
	cp top
================================*/

.cptop_clmDetail.fkbkrbg01 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg01.png) no-repeat; background-size: cover; background-position: right bottom;}
.cptop_clmDetail.fkbkrbg02 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg02.png) no-repeat; background-size: cover; background-position: right bottom;}
.cptop_clmDetail.fkbkrbg03 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg03.png) no-repeat; background-size: cover; background-position: right bottom;}
.cptop_clmDetail.fkbkrbg04 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg04.png) no-repeat; background-size: cover; background-position: right bottom;}
.cptop_clmDetail.fkbkrbg05 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg05.png) no-repeat; background-size: cover; background-position: right bottom;}
.cptop_clmDetail.fkbkrbg06 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg06.png) no-repeat; background-size: cover; background-position: right bottom;}
.cptop_clmDetail.fkbkrbg07 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg07.png) no-repeat; background-size: cover; background-position: right bottom;}
.cptop_clmDetail.fkbkrbg08 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg08.png) no-repeat; background-size: cover; background-position: right bottom;}
.cptop_clmDetail.fkbkrbg09 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg09.png) no-repeat; background-size: cover; background-position: right bottom;}

.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail .txt.iconbg { background: url(/img/campaign/2010/cp/icon_coupon.png) right bottom  no-repeat; background-size: 124px 62px;}

.cptop_clm2img .cptop_clmDetail {}
.cptop_clm2img .cptop_clmDetail.andnotes a { padding: 20px 20px 0 20px !important;}
.cptop_clm2img .cptop_clmDetail.andnotes .notes { padding: 0 20px 20px 20px;}

.pane-main .cptop_contentsBox .cptop_clm1.pkline { border: solid 1px #f05fa6;}
/*
	topselling
================================*/
.pane-main.cp_topselling {}
.pane-main.cp_topselling #pageLink004 .itemlink a { padding: 12px 36px 11px 50px;}
.pane-main.cp_topselling #pageLink005 .itemlink a { padding: 12px 36px 11px 50px;}
.pane-main.cp_topselling #pageLink006 .itemlink a { padding: 12px 36px 11px 50px;}



/*
	3plus1
================================*/
.pane-main.cp_3plus1 {}
/* anchor_3p1 */
.pane-main.cp_3plus1 .anchor_3p1 { margin-top: 40px;}
.pane-main.cp_3plus1 .anchor_3p1 ul { justify-content: center;}
.pane-main.cp_3plus1 .anchor_3p1 ul li { width: 294px;}
.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(n+4) { margin-top: 10px;}
.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(2),
.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(5) { margin: 0 18px;}
.pane-main.cp_3plus1 .anchor_3p1 ul li a { padding: 5px 20px 5px 6px;}
.pane-main.cp_3plus1 .anchor_3p1 ul li a {}
.pane-main.cp_3plus1 .anchor_3p1 ul li a:before { top: 18px;}
.pane-main.cp_3plus1 .anchor_3p1 ul li a:after { top: 25px;}

.pane-main.cp_3plus1 .anchor_3p1 ul li a span { display: block; background-position: 10px center; padding: 8px 8px 8px 55px;}
.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(1) a span { background: url(/img/campaign/2310/cp/3plus1/anchor_icon01.png) no-repeat; background-size: contain;}
.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(2) a span { background: url(/img/campaign/2310/cp/3plus1/anchor_icon03.png) no-repeat; background-size: contain;}
/*
.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(2) a span { background: url(/img/campaign/2311/cp/3plus1/anchor_icon07.png) no-repeat; background-size: contain;}
.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(3) a span { background: url(/img/campaign/2310/cp/3plus1/anchor_icon03.png) no-repeat; background-size: contain;}
.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(4) a span { background: url(/img/campaign/2107/cp/3plus1/anchor_icon04.png) no-repeat; background-size: contain;}
*/

.pane-main.cp_3plus1 #anchor_3p1_01,
.pane-main.cp_3plus1 #anchor_3p1_02,
.pane-main.cp_3plus1 #anchor_3p1_03,
.pane-main.cp_3plus1 #anchor_3p1_04,
.pane-main.cp_3plus1 #anchor_3p1_05 { margin-bottom: 0;}




/*
	derail
================================*/
.pane-main.cp_detail {}
.pane-main.cp_detail .ml19 { margin-left: 19px;}
.pane-main.cp_detail h2.margin { margin:0 auto;}
.pane-main.cp_detail .contentsBlock.padding { padding-top: 0;}

.pane-main.cp_detail .anchorBox { margin-top: 40px; font-size: 15px; justify-content: center;}
.pane-main.cp_detail .anchorBox li { width: 31%; margin: 0 14px;}
.pane-main.cp_detail .anchorBox li:nth-child(1) { margin-left: 0;}
.pane-main.cp_detail .anchorBox li:nth-child(4) { margin-left: 0;}
.pane-main.cp_detail .anchorBox li:nth-child(3) { margin-right: 0;}
.pane-main.cp_detail .anchorBox li:nth-child(n+4) { margin-top: 20px;}
.pane-main.cp_detail .anchorBox li a { padding: 16px 20px 16px 6px; letter-spacing: -0.05em;}
.pane-main.cp_detail .anchorBox li.line2 a { padding: 8px 20px 8px 6px;line-height: 1.4;}
.pane-main.cp_detail .anchorBox li a:before { top: 18px;}
.pane-main.cp_detail .anchorBox li a:after { top: 26px;}

.pane-main.cp_detail .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox { margin-right: 20px;}

.pane-main.cp_detail .itemBlock .itemName.mark:before { width: 32px; height: 48px; left: 30px;}



/*SP メディアクエリ*/

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


	#pageLinkDetail2404_001 { margin-top: 20px;}
	#pageLinkDetail2404_002 { margin-top: 20px;}
	
	/*
		cp common
	================================*/
	.pane-main .cptop_contentsBox .cpLinkTop {}
	.pane-main .cptop_contentsBox .cpLinkTop .block-btn-default { font-size: 140%;width:auto;}
	
	
	.pane-main .contentsBlockSubTit { margin-top: 20px; font-size: 120%;}
	/*
		cp top
	================================*/
	#teikipopup { width: 100%; max-height: 410px; overflow-y:scroll;}
	#teikipopup::-webkit-scrollbar{width:5px;}
	#teikipopup::-webkit-scrollbar-track{background:#dddddd;}
	#teikipopup::-webkit-scrollbar-thumb{background:#1a884c;}
	
	.cptop_clmDetail.fkbkrbg01 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg01_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	.cptop_clmDetail.fkbkrbg02 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg02_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	.cptop_clmDetail.fkbkrbg03 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg03_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	.cptop_clmDetail.fkbkrbg04 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg04_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	.cptop_clmDetail.fkbkrbg05 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg05_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	.cptop_clmDetail.fkbkrbg06 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg06_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	.cptop_clmDetail.fkbkrbg07 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg07_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	.cptop_clmDetail.fkbkrbg08 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg08_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	.cptop_clmDetail.fkbkrbg09 { background: url(/img/campaign/2001/cp/top/fkbkr_2clmbg09_sp.jpg) no-repeat; background-size: cover; background-position: right bottom;}
	
	.cptop_contentsBox .cptop_bnmt { margin-top: 15px;}
	.cptop_contentsBox .cptop_clm2BD { margin-bottom: 30px;}
	.cptop_contentsBox .cptop_clm2img { display: flex; justify-content: space-between; flex-wrap: wrap;}
	.cptop_contentsBox .cptop_clm1 .cptop_clmDetail { border: 0 !important; padding: 0 !important;}
	.cptop_contentsBox .cptop_clm2img .cptop_clmDetail { width: 49%; border: 0 !important; padding: 0 !important;}
	.cptop_contentsBox .cptop_clm2img .cptop_clmDetail .imgArea { width: 100%;}
	.cptop_contentsBox .cptop_clm2img .cptop_clmDetail img { width: 100%;}
	.cptop_contentsBox .cptop_clm2img .cptop_clmDetail:after { display: none !important;}
	.cptop_contentsBox .cptop_clm1img .cptop_clmDetail { width: 100%; border: 0 !important; padding: 0 !important;}
	.cptop_contentsBox .cptop_clm1img .cptop_clmDetail .imgArea { width: 100%;}
	.cptop_contentsBox .cptop_clm1img .cptop_clmDetail img { width: 100%;}
	.cptop_contentsBox .cptop_clm1img .cptop_clmDetail:after { display: none !important;}
	
	.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail .txt.iconbg { background: url(/img/campaign/2010/cp/icon_coupon.png) right bottom  no-repeat; background-size: 124px 62px; padding-bottom: 62px;}
	
	.cptop_clm2img .cptop_clmDetail {}
	.cptop_clm2img .cptop_clmDetail.andnotes a { padding: 2.5% 2.5% 0 2.5% !important;}
	.cptop_clm2img .cptop_clmDetail.andnotes .notes { padding: 0 2.5% 2.5% 2.5%;}
	
	/*
		topselling
	================================*/
	.pane-main.cp_topselling {}
	.pane-main.cp_topselling #pageLink004 .itemlink a { padding: 10px 25px 10px 40px}
	.pane-main.cp_topselling #pageLink005 .itemlink a { padding: 10px 25px 10px 40px}
	.pane-main.cp_topselling #pageLink006 .itemlink a { padding: 10px 25px 10px 40px}
	
	
	
	/*
		3plus1
	================================*/
	.pane-main.cp_3plus1 {}
	/* anchor_3p1 */
	.pane-main.cp_3plus1 .anchor_3p1 { margin-top: 20px;}
	.pane-main.cp_3plus1 .anchor_3p1 ul {justify-content: space-between;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li { width: 48%;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(n+3) { margin-top: 10px;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li a { padding: 10px 16px 10px 6px;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li a:before { top: 13px;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li a:after { top: 20px;}
	
	.pane-main.cp_3plus1 #anchor_3p1_01,
	.pane-main.cp_3plus1 #anchor_3p1_02,
	.pane-main.cp_3plus1 #anchor_3p1_03,
	.pane-main.cp_3plus1 #anchor_3p1_04,
	.pane-main.cp_3plus1 #anchor_3p1_05 { margin-top: 30px;}
	
	.pane-main .js-tab-rk-toku li a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-rk-toku li.on a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-rk li a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-rk li.on a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-tnksp li a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-tnksp li.on a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-rtsp li a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-rtsp li.on a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-tnkuv li a.itemicon { background-size: auto 70% !important;}
	.pane-main .js-tab-tnkuv li.on a.itemicon { background-size: auto 70% !important;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(1) a span{background-image: none; padding:0;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(2) a span{background-image: none; padding:0;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li:nth-child(2) { margin: 0;}
	.pane-main.cp_3plus1 .anchor_3p1 ul li a span{margin: 0;}

	/*
		derail
	================================*/
	.pane-main.cp_detail {}
	
	.pane-main.cp_detail .anchorBox { margin-top: 20px; font-size: 11px;}
	.pane-main.cp_detail .anchorBox li { width: 48%; margin-top: 10px;}
	.pane-main.cp_detail .anchorBox li a { padding: 15px 16px 15px 6px; letter-spacing: -0.05em;}
	.pane-main.cp_detail .anchorBox li.line2 a { padding: 5px 16px 5px 6px;}
	.pane-main.cp_detail .anchorBox li a:before { top: 18px;}
	.pane-main.cp_detail .anchorBox li a:after { top: 25px;}
	.pane-main.cp_detail .anchorBox li a:before,
	.pane-main.cp_detail .anchorBox li a:after { width: 6px !important; height: 6px !important;}
	
	.pane-main.cp_detail .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox { margin-top: 10px; margin-right: 14px;}
	
	.pane-main.cp_detail .itemBlock .itemName.mark:before { width: 26px; height: 39px; left: 3%;}

}