﻿@charset "UTF-8";



/*===============================

	common parts

================================*/
.pane-main h2 { text-align: center;}
.pane-main img { vertical-align: bottom;}

.nomal_notes { font-size: 68%; margin-top: 20px;}

/* contentsBlock */
.contentsBlock .mainVisual {}
.contentsBlock .mainVisual .notes { margin-top: 10px;}
.contentsBlock .notes { font-size: 68%;}
.contentsBlock .notes .bold { font-weight: bold;}
.contentsBlock .notes .red { font-weight: bold; color: #e63e31;}

/* present */
.presentArea .pre_subtit { text-align: center; font-size: 120%; font-weight: bold; color: #1a884c;}
.presentArea .pre_subtit span:before,
.presentArea .pre_subtit span:after { content: "　"; display: inline-block;}
.presentArea .pre_subtit span:after { background: url(/img/campaign/1910/bd/present_tit.png) no-repeat right center;}
.presentArea .pre_subtit span:before { background: url(/img/campaign/1910/bd/present_tit.png) no-repeat left center;}
.presentArea .pre_txt { text-align: center; font-size: 120%; font-weight: bold; color: #1a884c; line-height: 1;}
.presentArea .pre_list li { margin-top: 10px;}
.presentArea .pre_list li a img { width: 100%;}
.presentArea .pre_notes { margin-top: 10px; font-size: 68%;}


/*===============================

	itemBlock

================================*/
.pane-main .itemBlock {}
/* item name */
.pane-main .itemBlock .itemName { background: #e5f2ef; border-top:  solid 2px #1a884c; font-weight: bold; text-align: center; line-height: 1.4; border-bottom: solid 1px #fff;}
.pane-main .itemBlock .itemName .qd { display: inline-block;}
.pane-main .itemBlock .itemName .qd:before { content: "["; margin-left: 5px;}
.pane-main .itemBlock .itemName .qd:after { content: "]";}
/* column */
.pane-main .clm3_block .itemBlock {}
.pane-main .clm2_block .itemBlock {}
.pane-main .clm1_block .itemBlock {}

/* itemBlock teiki orange */
.pane-main .itemBlock.teikicolor .itemName { background: #fef8e2; border-top: solid 2px #d0a80a;}
.pane-main .itemBlock.teikicolor .itemBoxBlock{ background: #fef8e2;}

/*
	itemBoxBlock in detail
================================*/
.pane-main .itemBlock .itemBoxBlock { background: #f0f6f5;}
.pane-main .itemBlock .itemBoxBlock .partition { border-bottom: solid 1px #fff; padding: 14px;}
/* item block box1 */
.pane-main .itemBlock .itemBoxBlock .itemBox1 {}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemImg a { position: relative; display: block;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemImg a:after { position: absolute; right: 0; bottom: 0; content: ""; display: inline-block; background: url(/img/campaign/common/itemarr.png) no-repeat; background-size: auto 100%; width: 12px; height: 12px;}
.pane-main .itemBlock .itemBoxBlock .itemImg {}
.pane-main .itemBlock .itemBoxBlock .itemImg img { width: 100%;}
.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemComment .bold { font-weight: bold;}
.pane-main .itemBlock .itemBoxBlock .itemComment .min, .pane-main .itemBlock .itemBoxBlock .itemBox1 .itemComment .min { font-size: 68%; display: inline-block; line-height: 1.6;}
/* item block box2 */
.pane-main .itemBlock .itemBoxBlock .itemBox2 {}
/* itemChg */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgtit { text-align: center; color: #1a884c; font-weight: bold; margin-top: 15px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgtit:nth-of-type(1) { margin-top: 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn { display: flex; flex-wrap: wrap;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li { width: 49%; margin-top: 10px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li:nth-child(2n) { margin-left: 2%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a { display: block; color: #000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 2px #1da164; background: #fff; text-decoration: none; padding: 5px; text-align: center;  box-shadow:2px 2px 3px 0px rgba(0,0,0,0.15); line-height: 1.4;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a:hover { opacity: 1; color: #fff; background: #1da164;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li a .min { display: block;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li.on {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li.on a { color: #fff; background: #f05fa6; border: solid 2px #f05fa6;  box-shadow:none;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemChg .chgBtn li.on a:hover { opacity: 1;}
    /* 選択前 */
    .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%;}
/* itemPopbtn */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn { display: flex;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .col { position: relative;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .detail { position: relative;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn .detail_long { position: relative;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPopbtn a { 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 .itemBox2 .itemPopbtn a: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;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .usual { text-align: right; margin-bottom: 8px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .usual .min { font-size: 68%;}
/* itemPrice */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon { text-align: right;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon sup { font-size: 65%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon .pk,
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon .rd,
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon .wh { display: inline-block; font-size: 15px; padding: 0 4px; margin:0 0 5px 2px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon .big { font-size: 106%; line-height: 1;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon .pk { background: #f05fa6; color: #fff; border: solid 1px #f05fa6;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon .rd { background: #e63e31; color: #fff; border: solid 1px #e63e31;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .priceIcon .wh { background: #fff; color: #e63e31; border: solid 1px #e63e31;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price { text-align: right;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .kakaku { font-size: 275%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .yen { font-size: 138%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .tax { font-size: 88%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .min { font-size: 75%; color: #383838; display: inline-block;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .point { text-align: center; background: #fff; line-height: 1.5; padding: 10px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .point .imp { font-weight: bold; color: #e63e31; font-size: 112%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .point .rd { color: #e63e31; }
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .point .grn { color: #1a884c;}
/* itemLinkbtn */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemLinkbtn {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemLinkbtn .linkbtn {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemLinkbtn .linkbtn a { border: solid 2px #1a884c; background: #fff; color: #1a884c; text-decoration: none; display: block; border-radius: 5px; text-align: center; padding: 6px 16px 6px 6px;}
/* itemSelect */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .tit { text-align: center; color: #1a884c; margin-bottom: 10px; font-weight: bold; line-height: 1.5;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .tit .red { color: #e63e31;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .box { margin-top: 15px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .box:nth-of-type(1) { margin-top: 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .selectArea { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 266px; margin: 0 auto;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .selectArea dl { width: 48%; text-align: center;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .selectArea dl:nth-of-type(n+3) { margin-top: 10px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .selectArea dt {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .selectArea dd {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .selectArea dd span.min { font-size: 65%; display: block; line-height: 1.2; padding-top: 5px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .colTit {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .colTit .kerning { /*vertical-align: super;*/ line-height: 1; padding-left: 1px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .GN { background: #1da164; color: #fff; font-size: 75%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .RD { background: #e65766; color: #fff; font-size: 75%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .PL { background: #cec9df; font-size: 88%; padding: 2px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .BG { background: #faaf87; font-size: 88%; padding: 2px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .OC { background: #fbd9b3; font-size: 88%; padding: 2px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .LTB { background: #dbedf9; font-size: 90%; padding: 3px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .BL { background: #aed6f0; font-size: 90%; padding: 3px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .LB { background: #5d3d30; color: #fff; font-size: 75%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .NB { background: #8b6e4e; color: #fff; font-size: 75%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .DB { background: #352c2b; color: #fff; font-size: 75%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .BK { background: #000; color: #fff; font-size: 75%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .DB_rsra { background: #754a3b; color: #fff; font-size: 75%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .MB_rsra { background: #655232; color: #fff; font-size: 75%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .NB_rsra { background: #393939; color: #fff; font-size: 75%;}

.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .notes { font-size: 70%; max-width: 266px; margin: 5px auto 0 auto;}
.pane-main .clm1_block .itemBlock .itemBoxBlock .itemBox2 .itemSelect .notes { width: 100%;  max-width: 100%; text-align: center;}
.pane-main .clm2_block .itemBlock .itemBoxBlock .itemBox2 .itemSelect .notes { width: 100%;  max-width: 100%; text-align: center;}
    /* itemSelect choiceCH */
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH {}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH .selectArea {}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH .selectArea dt {}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH .selectArea dd { background: #fff;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH .selectArea dd .radioBtn { position : relative; display : inline-block; width : 26px; height : 26px; border : 2px solid #c1c1c1; border-radius : 100%; overflow : hidden; cursor : pointer; margin: 7px auto 2px auto;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH .selectArea dd .radioBtn:before { content : ''; display : block; width : 16px; height : 16px; border-radius : 100%; position : absolute; top : 3px; left : 3px; z-index : 1; background-color : #e63e31; }
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH .selectArea dd .radioBtn input[type="radio"] { -moz-appearance: none; -webkit-appearance: none; margin : 0px; position : absolute; z-index : 2; top : -2px; left : -23px; width : 25px; height : 25px; display : block; box-shadow : 20px 0px #FFF;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH .selectArea dd .radioBtn input[type="radio"]:checked { box-shadow : none;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choiceCH .selectArea dd .radioBtn input[type="radio"]:focus { box-shadow : 20px 0px #FFF; opacity : 0.2;}
    /* itemSelect choicePM */
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM {}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .colTit { margin-bottom: 5px;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea {}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dt {}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd {}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd select { background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 46%;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd ::-ms-expand { display: none;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd a.itemcountdown,
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd a.itemcountup { font-size: 20px; font-weight: bold; text-decoration: none; display: inline-block; color: #fff; height: 34px; width: 27%; vertical-align: bottom; line-height: 34px; box-sizing: border-box; background: #1a884c;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd a.itemcountdown { border-radius: 5px 0 0 5px;}
    .pane-main .itemBlock .itemBoxBlock .itemBox2 .itemSelect .choicePM .selectArea dd a.itemcountup { border-radius: 0 5px 5px 0;}
/* itemBtn */
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn {}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn a { text-decoration: none; color: #fff; text-align: center; display: block; border-radius: 5px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartIn { max-width: 266px; margin: 0 auto;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartIn a { background: #e78800; position: relative; padding: 10px 10px 10px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartIn a:before { content: ""; width: 18px; height: 18px; display: block; position: absolute; top: 50%; margin-top: -9px; right: 13px; background: #fff; border-radius: 50%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartIn a:after { content: ""; position: absolute; right: 19px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #e78800; top: 50%; margin-top: -3px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartAnchor { max-width: 266px; margin: 0 auto;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartAnchor a { background: #1a884c; position: relative; padding: 10px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartAnchor a:before,
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartAnchor a:after { content: ""; position: absolute; width: 9px !important; height: 9px !important; right: 15px; border: 2px solid #fff; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartAnchor a:before { top: 14px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartAnchor a:after { top: 21px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartPop { max-width: 220px; margin: 0 auto;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartPop a { background: #e78800;/* background: #1a884c;*/ position: relative; padding: 10px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartPop a:after { content: ""; display: block; width: 12px; height: 12px; margin-left: 8px; background: url("/img/campaign/common/icon_arr01_wh.png") 0 0 no-repeat transparent; background-size: auto; background-size: contain; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto;}

/* item link btn */
.pane-main .itemBlock .itemlink { text-align: center; margin-top: 15px;}
.pane-main .itemBlock .itemlink a { border: solid 2px #1a884c; background: #fff; text-decoration: none; display: block; border-radius: 5px;}



/*===============================

	popup cart

================================*/
/*
	bace
================================*/

.popcartBox { box-sizing: border-box; background: #fff; overflow: hidden;}
.popcartBox .popcartBoxL .itemImage img { width: 100%;}
.popcartBox .popcartBoxL .itemImage { margin-bottom: 15px;}
.popcartBox .popcartBoxL .notes,
.popcartBox .popcartBoxR .notes { font-size: 75%;}
.popcartBox .popcartBoxR { text-align: center;}
.popcartBox .popcartBoxR .combiBox { margin-top: 10px;}
.popcartBox .popcartBoxR .txt01 .small { font-size: 75%;}
.popcartBox .popcartBoxR .txt01 { margin-bottom: 5px; font-weight: bold;}
.popcartBox .popcartBoxR .txt02 { font-size: 80%; margin-top: 5px; margin-bottom: 20px;}
.popcartBox .popcartBoxL .itemName { padding: 10px; text-align: center; font-size: 120%;}
.popcartBox .popcartBoxL .itemName.colSec04 { background: #d3ecfd;}
.popcartBox .popcartBoxL .itemName.colSec05 { background: #ffd7d7;}
.popcartOpenTxt span.small { font-size: 75%;}
.popcartBox .combiImageUV { margin: 20px 0;}
.popcartBox .combiSelectUV { margin: 20px 0;}


/* detail */
.popcartBox .itemBlock h3 { background: #e5f2ef none repeat scroll 0 0; border-bottom: 1px solid #ade5cb; border-top: 2px solid #1a884c; color: #1a884c; font-weight: bold; margin: 0; padding: 10px; text-align: center;}
.popcartBox .itemBlock .itemImage { width: 440px;}
.popcartBox .itemBlock .itemImage img { width: 100%;}
.popcartBox .itemBlock .details { margin: 0; padding: 0;}
.popcartBox .itemBlock .details .itemContents {	margin: 0;	padding: 20px 10px;	border-bottom: 1px dotted #c5e2d5;}
.popcartBox .itemBlock .details .itemContents span { font-weight: bold;}
.popcartBox .itemBlock .details .itemContents span.small { font-size: 11px; font-weight: normal;}
.popcartBox .itemBlock .details .itemContents span.iblock { font-weight: normal; display: inline-block;}
.popcartBox .itemBlock .details dl.cartBox { margin: 0; padding: 0; }
.popcartBox .itemBlock .details .cartBox dt.priceBox { margin: 0; padding: 0 10px 20px 10px; text-align: right; border-bottom: 1px dotted #c5e2d5;}
.popcartBox .itemBlock .details .cartBox dt.priceBox p.usual { margin-bottom: 10px;}
.popcartBox .itemBlock .details .cartBox dt.priceBox .icon { width: 100%; height: auto; text-align: right;}
.popcartBox .itemBlock .details .cartBox dt.priceBox .icon img { width: 70% !important; height: auto;}
.popcartBox .itemBlock .details .cartBox dd.select { text-align: center;}
.popcartBox .itemBlock .details .cartBox dd.select dt { text-align: center;}
.popcartBox .itemBlock .details .cartBox dd.select dt span { color: #1a884c;}
.popcartBox .itemBlock .details .cartBox dd.select .combiBox dl { margin: 0 2px 0 0; padding: 0; width: 22%;}
.popcartBox .itemBlock .details .cartBox dd.select .combiBox dl:last-child { margin-right: 0;}
.popcartBox .itemBlock .details .cartBox dd.select .combiBox dt { margin: 0; padding: 0;}
.popcartBox .itemBlock .details .cartBox dd.select .combiBox dd { margin: 0; padding: 5px; font-size: 18px; background: #f0f6f5;}


.popcartBox .itemBlock .details .cartBox dd.select h4 { margin-top: 10px; margin-bottom: 10px; padding: 8px 0; color: #1a884c; border: 1px solid #1a884c; background: #fff;}
.popcartBox .itemBlock .details .combiBoxPresentB  { margin:10px auto 0 auto; width: 90% !important}
.popcartBox .itemBlock .details .combiBox { text-align: center; width: auto; margin: 0 auto;}
.popcartBox .itemBlock .details .combiSelect,
.popcartBox .itemBlock .details .combiRadio { display: flex; justify-content: center;}

/* combiBox1item */
.popcartBox .itemBlock .details .combiBox.combiBox1item { overflow: hidden; width: 170px;}
.popcartBox .itemBlock .details .combiBox.combiBox1item .combiImage { float: left; width: 50px;}
.popcartBox .itemBlock .details .combiBox.combiBox1item .combiSelect { padding-top: 15px;}
.popcartBox .itemBlock .details .combiBox.combiBox1item .combiSelect dl { width: 100px !important;}

.popcartBox .itemBlock .details .combiRadio dd .radioBtn { background: #fff; position : relative; display : inline-block; width : 26px; height : 26px; border : 2px solid #c1c1c1; border-radius : 100%; overflow : hidden; cursor : pointer; margin: 4px auto 0 auto;}
.popcartBox .itemBlock .details .combiRadio dd .radioBtn:before { content : ''; display : block; width : 16px; height : 16px; border-radius : 100%; position : absolute; top : 3px; left : 3px; z-index : 1; background-color : #e63e31; }
.popcartBox .itemBlock .details .combiRadio dd .radioBtn input[type="radio"] { -moz-appearance: none; -webkit-appearance: none; margin : 0px; position : absolute; z-index : 2; top : -2px; left : -23px; width : 25px; height : 25px; display : block; box-shadow : 20px 0px #FFF;}
.popcartBox .itemBlock .details .combiRadio dd .radioBtn input[type="radio"]:checked { box-shadow : none;}
.popcartBox .itemBlock .details .combiRadio dd .radioBtn input[type="radio"]:focus { box-shadow : 20px 0px #FFF; opacity : 0.2;}



.popcartBox .itemBlock .details .box .txt02 { font-size: 80%; margin-top: 10px; margin-bottom: 10px; text-align: center;}
.popcartBox .itemBlock .details .cartBox dd.select .txtPresent { font-size: 18px; margin: 20px 0;}
.popcartBox .itemBlock .details .cartBox dd.select .txtPresent p.txtPresentMore {width: 40%;  height: auto; margin: 0 auto 10px auto;}
.popcartBox .itemBlock .details .cartBox dd.select .txtPresent strong { color: #1a884c; font-weight: bold;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox { width: 100%; border: 1px solid #1a884c; background: #fff; display: flex;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox:last-child { border-top: none;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dt { padding: 10px 0;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dd { padding: 10px; text-align: left; font-weight: bold;}
.popcartBox .itemBlock .details .cartBox dd.select dl.presentBox dd .presentText { color: #fff; background: #33b579; text-align: center; padding: 5px; line-height: 1.2; border-radius: 5px; margin-bottom: 5px;}
.popcartBox .combiBox dd select { border: 1px solid #1a884c;}
.popcartBox .itemBlock .details .cartBox dd.select p.txt01 { color: #1a884c; font-weight: bold;}
.popcartBox .itemBlock .details .cartBox dd.select p.txt01 .small { font-size: 80%;}
.popcartBox .itemBlock .details .cartBox dd.select .w100p { width: 100% !important;}
.popcartBox .itemBlock .details .cartBox .txtPink { color: #e63e31;}
.popcartBox .itemBlock .details .cartBox dd.btn { padding: 15px 0;}
.popcartBox .itemBlock .details .cartBox .offplice { font-size: 80%; margin-top: 10px;}
.popcartBox .itemBlock .details .cartBox .oneplice { margin-top: 8px;}

/* 2カラム */
.popcartBox .itemLine02 .itemBlock { width: 100%; margin: 40px 0 0 0;}
.popcartBox .itemBlock h3 { font-size: 20px !important;}
.popcartBox .itemLine02 .details .cartBox dt p.price { font-size: 44px;}
.popcartBox .itemLine02 .details .cartBox dt p.price span.yen { font-size: 28px;}
.popcartBox .itemLine02 .details .cartBox dt p.price span.tax { font-size: 18px;}
/* 3カラム */
.popcartBox .itemLine03 .itemBlock { width: 100%; margin: 30px 0 0 0;}
.popcartBox .itemBlock h3 { font-size: 17px !important;}
.popcartBox .itemLine03 .itemBlock .itemImage img { width: 100%; height: auto;}
.popcartBox .itemLine03 .details .cartBox dt p.price { font-size: 36px;}
.popcartBox .itemLine03 .details .cartBox dt p.price span.yen { font-size: 22px;}
.popcartBox .itemLine03 .details .cartBox dt p.price span.tax { font-size: 16px;}

/* color */
.popcartBox .itemBlock .details .cartBox dd dt p { text-align: center; padding: 5px 0;}
.popcartBox .itemBlock .details .cartBox dd dt .GN { background: #1da164; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .RD { background: #e65766; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .PL { background: #cec9df; font-size: 88%; padding: 2px 0;}
.popcartBox .itemBlock .details .cartBox dd dt .BG { background: #faaf87; font-size: 88%; padding: 2px 0;}
.popcartBox .itemBlock .details .cartBox dd dt .OC { background: #fbd9b3; font-size: 88%; padding: 2px 0;}
.popcartBox .itemBlock .details .cartBox dd dt .LTB { background: #dbedf9; font-size: 90%; padding: 3px 0;}
.popcartBox .itemBlock .details .cartBox dd dt .BL { background: #aed6f0; font-size: 90%; padding: 3px 0;}
.popcartBox .itemBlock .details .cartBox dd dt .LB { background: #5d3d30; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .NB { background: #8b6e4e; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .DB { background: #352c2b; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .MB { background: #6B4B30; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .BK { background: #000; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .cf_lb { background: #ecc9ad; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .cf_nb { background: #d7b2a0; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .cf_br { background: #942423; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .cf_rr { background: #942243; color: #fff; font-size: 65%;}


.popcartBox .itemBlock .details .cartBox dd dt .DB_rsra { background: #754a3b; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .MB_rsra { background: #655232; color: #fff; font-size: 65%;}
.popcartBox .itemBlock .details .cartBox dd dt .NB_rsra { background: #393939; color: #fff; font-size: 65%;}

/* btn */
.popcartBox .itemBlock .cartBtnL { margin: 0 auto; width: 266px;}
.popcartBox .itemBlock .cartBtnL  a { background: #e78800; position: relative; padding: 10px 0; text-decoration: none; color: #fff; text-align: center; display: block; border-radius: 5px;}
.popcartBox .itemBlock .cartBtnL  a:before { content: ""; width: 18px; height: 18px; display: block; position: absolute; top: 50%; margin-top: -9px; right: 13px; background: #fff; border-radius: 50%;}
.popcartBox .itemBlock .cartBtnL  a:after { content: ""; position: absolute; right: 19px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #e78800; top: 50%; margin-top: -3px;}



/*===============================

	cptop_contentsBox

================================*/
/*
	bace
================================*/
.pane-main .cptop_contentsBox {}
.pane-main .cptop_contentsBox .cptop_clm1,
.pane-main .cptop_contentsBox .cptop_clm2,
.pane-main .cptop_contentsBox .cptop_bnlist {}
.pane-main .cptop_contentsBox .cptop_clmDetail { border: solid 1px #d0d0d0; position: relative;}
.pane-main .cptop_contentsBox .cptop_clmDetail.pinkline { border: solid 1px #f05fa6;}
.pane-main .cptop_contentsBox .cptop_clmDetail:after { content: ""; position: absolute; right: 5px; bottom: 5px; border-top: 5px solid transparent; border-right: 5px solid #1a884c; border-bottom: 5px solid #1a884c; border-left: 5px solid transparent;}
.pane-main .cptop_contentsBox .cptop_clmDetail a { text-decoration: none;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .cap { color: #fff; display: inline-block; border-radius: 16px; padding: 1px 12px; margin-bottom: 15px; line-height: 1.5;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .cap.icon_pre { background: url(/img/campaign/common/icon_pre01_wh.png) no-repeat 10px 4px #f05fa6 !important; padding-left: 30px;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .cap.pk { background: #f05fa6;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .cap.gn { background: #1a884c;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .tit { color: #383838; letter-spacing: -0.01em;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .tit .imp { color: #e63e31; font-weight: bold;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .tit .red { color: #e63e31;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .tit .min { font-size: 87.5%;}
.pane-main .cptop_contentsBox .cptop_clmDetail a .txt .term { margin-top: 15px; font-size: 87.5%; color: #1a884c;}

/*
	block
================================*/
/* cptop_clm1 */
.pane-main .cptop_contentsBox .cptop_clm1 {}
.pane-main .cptop_contentsBox .cptop_clm1 .cptop_clmDetail{}
/* cptop_clm2 */
.pane-main .cptop_contentsBox .cptop_clm2 {}
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail{}
.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail a { display: flex; justify-content: space-between;}
/* cptop_reco */
.pane-main .cptop_contentsBox .cptop_reco {}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail{}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail a { display: flex; justify-content: space-between;}
/* cptop_bnlist */
.pane-main .cptop_contentsBox .cptop_bnlist { }
.pane-main .cptop_contentsBox .cptop_bnlist li { margin-bottom: 20px;}
.pane-main .cptop_contentsBox .cptop_bnlist li img { width: 100%;}




/*旧baseStyle_parts 統合*/
.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%;
}

}