@charset "UTF-8";
.pcOnly { display: none;}

/*===============================

	common parts

================================*/
/* pankuzu */
.pc-topic-path { display: none;}

/* floating */
.block-nowcampaign-floating { display: none !important; height: 0;}

/* contents main margin */
.pane-main { margin-top: 15px; margin-left: 0; margin-right: 0;}
.pane-main .mainareawidth { margin-left: 5.333% !important; margin-right: 5.333% !important;}
.block-topic-path { margin-left: 5.333%; margin-right: 5.333%;}

/* contentsBlock */
.contentsBlock .notes { margin-top: 30px;}
.contentsBlock .itemBlock .notes { margin-top: 10px; display: inline-block;}

/* fancybox z-index */
.fancybox-overlay { z-index: 11000 !important;}
.fancybox-opened { z-index: 12000 !important;}

/* present */
.presentArea .pre_subtit { font-size: 98%;}
.presentArea .pre_subtit span { position: relative; display: inline-block; padding: 0 15px;}
.presentArea .pre_subtit span:after { background-size: auto 60%; width: 15px; position: absolute; right: 0; bottom: 0;}
.presentArea .pre_subtit span:before { background-size: auto 60%; width: 15px; position: absolute; left: 0; bottom: 0;}



/*===============================

	itemBlock

================================*/
.pane-main .itemBlock { margin-top: 30px;}
.pane-main .itemBlock .itemName { padding: 15px 10px;}
/*
	itemBoxBlock in detail
================================*/
/* itemChg */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn { max-width: 280px; margin: 0 auto;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a { font-size: 87%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a .min { font-size: 78%;}
/* itemPopbtn */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn { justify-content: center;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .col { width: 45%; max-width: 128px; margin-right: 2%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .detail { width: 45%; max-width: 128px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .detail_long { width: 90%; max-width: 220px;}
/* itemPrice */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .point { max-width: 266px; margin: 0 auto;}
/* itemSelect */
    /* itemSelect choicePM */
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd select { padding:0 0 0 17%; height: 40px; font-size: 20px;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd  a.itemcountdown,
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd  a.itemcountup { height: 40px; text-align: center; line-height: 40px; font-size: 180%;}



/*===============================

	popup cart

================================*/
/*
	bace
================================*/
.popcartBox { width: 100%; max-height: 410px; overflow-y:scroll;}
.popcartBox::-webkit-scrollbar{width:5px;}
.popcartBox::-webkit-scrollbar-track{background:#dddddd;}
.popcartBox::-webkit-scrollbar-thumb{background:#1a884c;}
.popcartBox .popcartBoxBlock { width: 100%;}
.popcartBox .popcartBoxL { width: 100%;}
.popcartBox .popcartBoxR { width: 100%;}
.popcartBox .popcartBoxR h4 img { width: 100%;}
.popcartBox .popcartBoxR .combiBox .combiRadio label img,
.popcartBox .popcartBoxR .combiBox .combiSelect dt img { width: 100%;}
.popcartBox .popcartBoxR .cartBox dd a img { width: 100%;}
.popcartBox .combiBoxPresentB .boxL,
.popcartBox .combiBoxPresentB .boxR { width: 45%;}
.popcartBox .popcartBoxL .notes { margin-bottom: 20px;}

.popcartBox .itemBlock .details .cartBox { margin: 0 5%;}
.popcartBox .itemBlock .details .cartBox dd.select p.txt01 { font-size: 90%;}
.popcartBox .itemBlock .details .cartBox dd.select h4 {font-size: 90%;}
.popcartBox .itemBlock .details .cartBox dd.select .combiBox dd { font-size: 13px;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dt { width: 20%;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dd { width: 80%;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dd .presentText { font-size: 92%;}

/* color */
.popcartBox .itemBlock .details .cartBox dd dt .LB,
.popcartBox .itemBlock .details .cartBox dd dt .NB,
.popcartBox .itemBlock .details .cartBox dd dt .DB,
.popcartBox .itemBlock .details .cartBox dd dt .MB,
.popcartBox .itemBlock .details .cartBox dd dt .BK { line-height: 1.3;}
.popcartBox .itemBlock .details .cartBox dd dt .BK { min-height: 37px; padding: 10px 0;}

/* combiBox1item */
.popcartBox .itemBlock .details .combiBox.combiBox1item .combiImage { width: 25px;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox .itempreimg { max-width: 90px; height: auto;}

/* btn */
.popcartBox .itemBlock .cartBtnL { width: 256px;}

/*===============================

	cptop_contentsBox

================================*/

/*
	bace
================================*/
.pane-main .cptop_contentsBox {}
.pane-main .cptop_contentsBox .cptop_clmDetail{}
.pane-main .cptop_contentsBox .cptop_clm1,
.pane-main .cptop_contentsBox .cptop_clm2,
.pane-main .cptop_contentsBox .cptop_bnlist {}
.pane-main .cptop_contentsBox .cptop_clm1 .cptop_clmDetail,
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail,
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail,
.pane-main .cptop_contentsBox .cptop_bnlist .cptop_clmDetail { padding: 2.5%; margin-bottom: 15px;}

/*
	block
================================*/
/* cptop_clm1 */
.pane-main .cptop_contentsBox .cptop_clm1 {}
.pane-main .cptop_contentsBox .cptop_clm1 .cptop_clmDetail {}
.pane-main .cptop_contentsBox .cptop_clm1 .cptop_clmDetail a .txt .cap { margin-top: 18px;}
/* cptop_clm2 */
.pane-main .cptop_contentsBox .cptop_clm2 {}
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail {}
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail .img { width: 40%;}
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail .txt { width: 54%;}

/* cptop_reco */
.pane-main .cptop_contentsBox .cptop_reco {}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail {}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail .img { width: 40%;}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail .txt { width: 54%;}
/* cptop_reco */
.pane-main .cptop_contentsBox .cptop_reco {}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail {}
/* cptop_bnlist */
.pane-main .cptop_contentsBox .cptop_bnlist { }
.pane-main .cptop_contentsBox .cptop_bnlist li { }
.pane-main .cptop_contentsBox .cptop_bnlist li img {}