@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;}
.imgArea{margin-top: 30px;}

/* 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:0 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;}
#secMain .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 {width: 96%;margin: auto;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .usual { text-align: right; margin-bottom: 8px;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .usual .min { font-size: 68%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .priceIcon .min { font-size: 68%;padding-left: 5px;}
/* 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 .MB { background: #6B4B30; 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 {margin-bottom: 15px;}
.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 { margin: 0 auto; width:60%;}
/*カートイン単品、色見本アリ*/
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartIn_single { margin: 0 auto; width:60%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartIn_single .cartin { margin: 0 auto; width:inherit;}
.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 .cartIn_single a { background: #e78800; position: relative; padding: 10px 10px 10px 0;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemBtn .cartIn_single 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_single 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: 15px auto;width:100%;}
.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;}


/*
	secMain
================================*/
/* pageAnchor */
#secMain .pageAnchor { width: 930px; margin: 0 auto;}
#secMain .pageAnchor li { width: 294px;}
#secMain .pageAnchor li:nth-child(-n+9) { margin-bottom: 20px;}
#secMain .pageAnchor li { margin-right: 20px;}
#secMain .pageAnchor li:nth-child(3n) { margin-right: 0px;}
#secMain .pageAnchor li a { padding: 5px 20px 5px 6px;}
#secMain .pageAnchor li a {}
#secMain .pageAnchor li a:before { top: 18px;}
#secMain .pageAnchor li a:after { top: 25px;}
#secMain .pageAnchor li a span { display: block; background-position: 10px center; padding: 0 8px 0 45px;}
#secMain .pageAnchor li.pa_newitem a span { background: url(/img/campaign/2212/first/anchor_icon_newitem.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_osusume a span { background: url(/img/campaign/2310/first/anchor_icon_recommend.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_sgc a span { background: url(/img/campaign/2310/first/anchor_icon01.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_hg a span { background: url(/img/campaign/2404/first/anchor_icon03.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_skc a span { background: url(/img/campaign/1910/first/anchor_icon05.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_cf a span { background: url(/img/campaign/2102/first/anchor_cf.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_tansan a span { background: url(/img/campaign/2506/first/anchor_tansan.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_sgcb a span { background: url(/img/campaign/2506/first/anchor_sgcb.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_sgco a span { background: url(/img/campaign/2506/first/anchor_sgco.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_dc a span { background: url(/img/campaign/2506/first/anchor_dc.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_vc a span { background: url(/img/campaign/2506/first/anchor_vc.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_newitem a span { background: url(/img/campaign/2506/first/anchor_newitem.png) no-repeat; background-size: contain;}

#secMain .anchor_box{margin:30px 0;}


/* pageAnchor */
#secMain .pageAnchor {}
#secMain .pageAnchor  { display: flex; flex-wrap: wrap; }
#secMain .pageAnchor  li{ display: flex; flex-direction: column;}
#secMain .pageAnchor  li a {display: flex;flex-direction: column;justify-content: center; flex-grow: 1;text-decoration: none; text-align: center;  position: relative; border: solid 2px #1a884c; background: #fff; border-radius: 5px; color: #383838; font-weight: bold;}
#secMain .pageAnchor  li a:before,
#secMain .pageAnchor  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);}


#secMain .pageAnchor li.line02 a { line-height: 1; font-size: 14px;}

/*

/*2508用矢印ボックス*/

.down_arrow {
  overflow: hidden;
    position: relative;
    display: inline-block;
    color: #fff;
    background: #f05fa6;
    width: 30%;
    margin: 10px 0;
}

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

.down_arrow li{
	position: absolute;
	top:50%;
	left: 50%;
	width: 100%;
    margin-left: 10%;
	transform: translate(-50%,-50%);
	font-size:20px;
}

@media screen and (max-width: 480px) {
	.down_arrow li{
		font-size: 16px;
	}
}


/*セット商品見出し*/

.setitem {
    display: flex;
    align-items: center;
}

.setitem:before,
.setitem:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.setitem:before {
    margin-right: 1rem;
}

.setitem:after {
    margin-left: 1rem;
}

.itemComment .item_info hr{
  background-color: #000;
  border-bottom: 1px solid;
}

/*toppseling float*/

#topselling_banner{display: none;}

.float_box{
    position: fixed;
    right: 70px;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    transition: 0.3s;
}
.float_box img{
  width:100%;
}
.float_box.fixed {
    opacity: 1;
    z-index: 99999;
}

/*×ボタン用*/
.round_btn {
  position: absolute;
  top:-10px;
  right:-10px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%; 
  background: #333;
}
 
.round_btn::before, .round_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 21px;
  background: #fff; 
}
 
.round_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.round_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

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

	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;*/ margin: auto;}
.contentsBlock .notes { margin-top: 20px;}
.three_plus_one .contentsBlock .notes { margin-top: 20px; width: 920px; margin: auto;}
.contentsBlock .notes.short_type { margin-top: 20px; width: 920px;}
.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: 15px;}
.topselling .pane-main .itemBlock { padding-top: 30px;}
.clm2_block :nth-child(n+3 of .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;margin: auto;}
.pane-main .clm3_block,
.pane-main .clm2_block { display: flex; flex-wrap: wrap; width: 920px; margin:0 auto 50px;}
.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 .cartin_box .itemPopbtn {width:40%;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .cartin_box .itemPopbtn .detail{width:90%;}
.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: 475px; 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%;
}

.price_info{
    display: flex;
    justify-content: space-between;
}

.price_box{display: flex;
	justify-content: space-between;
}

.acordion_box{
    width: 96%;
    text-align: center;
    background-color: #d0ede1;
    margin: 15px auto 0;
    padding:3px;
    position: relative;
}

.acordion_box::after{
    content: "+";
    position: absolute;
    right:15px;
    top:3px;
}


/*アコーディオン処理*/

.accordion  {
  margin:0 auto 15px;
}

.accordion_title {
    width: 100%;
    text-align: center;
    background-color: #d0ede1;
    margin: 15px auto 0;
    padding:3px;
    position: relative;
    border: none;
    display: block;
    list-style: none;
    cursor: pointer;
}

summary.accordion_title::-webkit-details-marker {
  display:none;
}

.accordion_title:after {
  content: "+";
  position: absolute;
  top: calc(50% - 0.5em);
  right: 20px;
  line-height: 1;
  padding: 0;
  pointer-events: none;
}

.accordion::details-content {
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
  background: #ffffff;
}

.accordion .accordion_content {
  padding: 0 1.4em;
}

.accordion .accordion_content > *:first-of-type {
  margin-top: 0;
}

.accordion .accordion_content > *:last-of-type {
  margin-bottom: 0;
}

.accordion[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.accordion[open] .accordion_content {
  padding: 1.4em;
}

.accordion[open] .accordion_title:after {
  content: "-";
}


.itemComment .item_info{
    margin: 30px 0;
    font-size: 14px;
    line-height: 24px;
}

.itemComment .item_info.set_line{
    margin: 30px 0;
    font-size: 12px;
    line-height: 24px;
}

.itemComment .item_info h6{
    font-size:18px;
    color: #333;
}


/*カートボタン・色見本併記*/
.cartin_box{
	display:flex;
}

.present_box img{
	width:96%;
	margin: 15px auto;
	display: block;
}

.pane-main .itemBlock .itemBoxBlock .itemBox1 .itemComment h6{
	line-height:1;
	letter-spacing: 0;
	margin:0;
	font-weight: bold;
}

.detail_index{
  margin: 30px auto 0;
  max-width: 920px;
}

.anchor_index{
  margin: 30px auto 15px;
  max-width: 920px;
}

/*detail ページ　アンカーリンク*/
#secMain .anchor_box .pageAnchor li.recommend a span{
  background:url(/img/campaign/2508/detail/icon_01.png) no-repeat;
  background-size: contain;
  /*1行用の調整*/
  padding: 14px;
}
#secMain .anchor_box .pageAnchor li.special a span{
  background:url(/img/campaign/2508/detail/icon_02.png) no-repeat;
  background-size: contain;
}
#secMain .anchor_box .pageAnchor li.limited a span{
  background:url(/img/campaign/2508/detail/icon_03.png) no-repeat;
  background-size: contain;
    /*1行用の調整*/
  padding: 14px;
}
#secMain .anchor_box .pageAnchor li.usual a span{
  background:url(/img/campaign/2508/detail/icon_04.png) no-repeat;
  background-size: contain;
    /*1行用の調整*/
  padding: 14px;
}
#secMain .anchor_box .pageAnchor li.haircare a span{
  background:url(/img/campaign/2508/detail/icon_05.png) no-repeat;
  background-size: contain;
}
#secMain .anchor_box .pageAnchor li.skincare a span{
  background:url(/img/campaign/2508/detail/icon_06.png) no-repeat;
  background-size: contain;
}
#secMain .anchor_box .pageAnchor li.rishiriafurel a span{
  background:url(/img/campaign/2508/detail/icon_07.png) no-repeat;
  background-size: contain;
}
#secMain .anchor_box .pageAnchor li.itosunaho a span{
  background:url(/img/campaign/2508/detail/icon_08.png) no-repeat;
  background-size: contain;
}

.item_info .set_content{margin-top: 10px; display: block;}


/*web_campaign_detail ポップアップ*/

.pop_box{
  width:300px;
  height:300px;
  position: fixed;
  margin: auto;  
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 1;
  z-index: 1001;
  transition: 0.3s;
}


.popup_background{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    top: 0;
    left: 0;
}

#sou_last_chance{
  display: none;
}

/* 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: 15px; 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%;
}

.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice {width: 100%;margin: auto;}

.present_box img{
	width:100%;
}

/*toppseling float*/

.float_box{
    position: fixed;
    width:100%;
    right:0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    transition: 0.3s;
}
.float_box.fixed {
    opacity: 1;
    z-index: 1;
}

/*×ボタン用*/
.round_btn {
  top:-10px;
  right:5px;
}



#secMain .pageAnchor { width: 100%; margin: 0 auto;}


.pane-main .cptop_contentsBox .cptop_clm2 .cptop_clmDetail { width: 100%;}
.pane-main .cptop_contentsBox .cptop_reco .cptop_clmDetail{width: 100%;}
.pane-main .cptop_contentsBox .cptop_bnlist li{width:100%;}
.pane-main .clm1_block .itemBlock .itemBoxBlock .itemBox2 { width: 100%;}
.pane-main .clm1_block .itemBlock .itemBoxBlock .itemBox1 { width: 100%; border-right: solid #fff 1px;}

#secMain .pageAnchor{width: 90%;}

#secMain .pageAnchor li.pa_newitem a span { background: none;}
#secMain .pageAnchor li.pa_osusume a span { background: none;}
#secMain .pageAnchor li.pa_sgc a span { background: none;}
#secMain .pageAnchor li.pa_dc a span { background: none;}
#secMain .pageAnchor li.pa_hg a span {background: none;}
#secMain .pageAnchor li.pa_vc a span {background: none;}
#secMain .pageAnchor li.pa_skc a span { background: none;}
#secMain .pageAnchor li.pa_cf a span { background: none;}
#secMain .pageAnchor li.pa_tansan a span { background: none;}
#secMain .pageAnchor li.pa_sgcb a span { background: none;}
#secMain .pageAnchor li.pa_sgco a span { background: none;}

#secMain .pageAnchor li a span {padding: 10px 16px 10px 6px;}

#secMain .pageAnchor li { margin-right: 0;}

/*
	first common
================================*/




/*
	secMain
================================*/
/* pageAnchor */
#secMain .pageAnchor { justify-content: space-between;}
#secMain .pageAnchor li { width: 48%;}
#secMain .pageAnchor li:nth-child(n+3) { margin-top: 10px;}
#secMain .pageAnchor li a { padding: 0;}
#secMain .pageAnchor li a:before { top: 27px;}
#secMain .pageAnchor li a:after { top: 34px;}
#secMain .pageAnchor li.single a:before { top: 20px;}
#secMain .pageAnchor li.single a:after { top: 27px;}

.detail_index{
  width: 100%;
}

/*detail ページ　アンカーリンク*/
#secMain .anchor_box .pageAnchor li.recommend a span{
  background:none;
 
}
#secMain .anchor_box .pageAnchor li.special a span{
   background:none;
}
#secMain .anchor_box .pageAnchor li.limited a span{
   background:none;
}
#secMain .anchor_box .pageAnchor li.usual a span{
  background:none;
}
#secMain .anchor_box .pageAnchor li.haircare a span{
 background:none;
}
#secMain .anchor_box .pageAnchor li.skincare a span{
  background:none;
}
#secMain .anchor_box .pageAnchor li.rishiriafurel a span{
   background:none;
}
#secMain .anchor_box .pageAnchor li.itosunaho a span{
   background:none;
}

.clm2_block :nth-child(n+3 of .itemBlock){padding-top: inherit;}

.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .usual {
  font-size: 15px;
}

.pane-main .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .kakaku{
  font-size: 250%;
}

.contentsBlock .notes.short_type { width: inherit;}

.anchor_index{
  max-width: 90%;
}

}