@charset "UTF-8";
.spOnly { display: none;}
img {image-rendering: -webkit-optimize-contrast;}

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

	common parts

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

/* contentsBlock */
.pane-main  h2 { margin: 50px 0 20px 0;}
.pane-main .contentsBlock { padding: 40px; border: solid 1px #d0d0d0; width: 1002px;}
.contentsBlock .notes { margin-top: 20px;}
.contentsBlock .itemBlock .notes { margin-top: 10px; display: inline-block;}

/* present */
.presentArea .pre_subtit { letter-spacing: 0.02em;}
.presentArea .pre_subtit { margin-bottom: 15px; font-size: 150%; line-height: 1;}
.presentArea .pre_subtit span:after { background-size: auto 100%; width: 30px;}
.presentArea .pre_subtit span:before { background-size: auto 100%; width: 30px;}
.presentArea .pre_cont { border: solid 1px #f05fa6; padding: 19px; max-width: 960px; margin: 0 auto;}


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

	itemBlock

================================*/
.pane-main .itemBlock { padding-top: 40px;}
/* itemName */
.pane-main .itemBlock .itemName { padding: 20px 15px; display: table-cell; vertical-align: middle;}
.pane-main .clm3_block .itemBlock .itemName { width: 294px;}
.pane-main .clm2_block .itemBlock .itemName { width: 450px;}
.pane-main .clm1_block .itemBlock .itemName { width: 920px;}

/* column */
.pane-main .clm3_block .itemBlock { width: 294px; margin-left: 19px;}
.pane-main .clm2_block .itemBlock { width: 450px; margin-left: 19px;}
.pane-main .clm1_block .itemBlock { width: 920px;}
.pane-main .clm3_block,
.pane-main .clm2_block { display: flex; flex-wrap: wrap; width: 920px;}
.pane-main .clm1_block .itemBlock .itemBoxBlock { display: flex;flex-wrap: wrap;}
.pane-main .clm1_block .itemBlock .itemBoxBlock .itemBox1 { width: 459px; border-right: solid #fff 1px;}
.pane-main .clm1_block .itemBlock .itemBoxBlock .itemBox1 .itemComment.partition { border-bottom: 0;}
.pane-main .clm1_block .itemBlock .itemBoxBlock .itemBox2 { width: 460px;}
.pane-main .clm3_block .itemBlock:nth-of-type(3n+1),
.pane-main .clm2_block .itemBlock:nth-of-type(2n+1) { margin-left: 0;}
/*
	itemBoxBlock in detail
================================*/
/* itemChg */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a { font-size: 112%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a .min { font-size: 77%;}
/* itemPopbtn */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn { justify-content: space-between;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .col { width: 48%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .col_mlong { width: 100%; max-width: 300px; margin: 0 auto 15px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .detail { width: 48%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .detail_long { width: 100%; max-width: 220px; margin: 0 auto;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .detail_mlong { width: 100%; max-width: 300px; margin: 0 auto 15px;}
/* itemSelect */
    /* itemSelect choicePM */
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd select { padding: 0 0 0 15%; border: solid 1px #d0d0d0; height: 34px; font-size: 15px;}



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

	popup cart

================================*/
/*
	bace
================================*/
.popcartBox { width: 930px; padding: 15px;}
.popcartBox .popcartBoxL { float: left; width: 440px;}
.popcartBox .popcartBoxR { float: left; width: 440px; margin-left: 20px !important;}

.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dt { width: 30%;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dd { width: 70%;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dd .presentText { font-size: 80%;}








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

	cptop_contentsBox

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

/*
	bace
================================*/
.pane-main .cptop_contentsBox {}
.pane-main .cptop_contentsBox .cptop_clm1,
.pane-main .cptop_contentsBox .cptop_clm2,
.pane-main .cptop_contentsBox .cptop_reco,
.pane-main .cptop_contentsBox .cptop_bnlist { width: 960px; margin: 0 auto;}
.pane-main .cptop_contentsBox .cptop_clmDetail { margin-bottom: 25px;}
.pane-main .cptop_contentsBox .cptop_clmDetail a { padding: 18px;}
.pane-main .cptop_contentsBox .cptop_clmDetail .img img { width: 100%;}

/*
	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 { display: flex; justify-content: space-between;}
.pane-main .cptop_contentsBox .cptop_clm1 .cptop_clmDetail .img { width: 450px;}
.pane-main .cptop_contentsBox .cptop_clm1 .cptop_clmDetail .txt { width: 445px;}
/* cptop_clm2 */
.pane-main .cptop_contentsBox .cptop_clm2 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail { width: 470px;}
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail .img { width: 180px;}
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail .txt { width: 225px;}
/* cptop_reco */
.pane-main .cptop_contentsBox .cptop_reco { display: flex; flex-wrap: wrap; justify-content: space-between;}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail { width: 470px;}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail .img { width: 180px;}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail .txt { width: 225px;}

/* cptop_bnlist */
.pane-main .cptop_contentsBox .cptop_bnlist { display: flex; flex-wrap: wrap; justify-content: space-between;}
.pane-main .cptop_contentsBox .cptop_bnlist li { width: 470px;}
.pane-main .cptop_contentsBox .cptop_bnlist li img { width: 100%;}


.sub_viking_banner a{
	margin:30px auto;
	display: block;
	width: 100%;
}

.sub_viking_banner a img{
	width: 100%;
}

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

@media screen and (max-width: 480px) {
.pcOnly { display: none;}
.spOnly { display: block;}

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

	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%;}
.pane-main .clm2_block { display: flex; flex-wrap: wrap; width: inherit;}




/* contentsBlock */
.pane-main .contentsBlock{width:inherit;padding:0;border: none;}
.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%; line-height: inherit;margin-bottom: 0;}
.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;}
.presentArea .pre_cont { padding: 0;border:none;}


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

	itemBlock

================================*/
.pane-main .itemBlock { margin-top: 30px; padding:0;margin-left: 0 !important;}
.pane-main .clm2_block .itemBlock{width:100%;}
.pane-main .itemBlock .itemName { padding: 15px 10px;}
.pane-main .clm1_block .itemBlock {width: 100%;}
/*
	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;}
#secMain .cptop_contentsBox .cptop_clm1{width:inherit}

/*
	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 {width:100%;}
.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 {}


.pane-main .cptop_contentsBox .cptop_clm1, .pane-main .cptop_contentsBox .cptop_clm2, .pane-main .cptop_contentsBox .cptop_reco, .pane-main .cptop_contentsBox .cptop_bnlist{
	width:100%;
}

.pane-main .clm3_block,
.pane-main .clm2_block { display: flex; flex-wrap: wrap; width: auto;}
.pane-main .clm3_block .itemBlock .itemName { width: 100%; display: block;}
.pane-main .clm3_block .itemBlock { width:inherit; margin-left: 19px;}
.sub_viking_banner a{

	width: 90%;
}

}