@import url("reset.css");

/* for PC,ipad */
@import url("common_pc_20210519.css") screen and (min-width:813px);

/* for iphone,ipod,Andoroid */
@import url("common_mobi_20230425.css") screen and (min-width:0) and (max-width:812px);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ ProN W3','Noto Sans JP',"Noto Sans CJK JP","Noto Sans",メイリオ, Meiryo,'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;

	font-weight:300;
	color:#000;
	margin:0;
	padding:0;
	overflow-x:hidden;
	background-color:#fff;
}

.hw6 {
	font-family: 'ヒラギノ角ゴ ProN W6','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Noto Sans JP',"Noto Sans CJK JP","Noto Sans", メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic',Verdana, Arial,  sans-serif;
}

.oswald {
	font-family: 'Oswald', sans-serif;
}

.fontAr,.formTable .fm-mail,.formTable .fm-fax,.formTable .fm-postcode,.nmFm textarea
{font-family:Arial,Osaka,メイリオ, Meiryo, sans-serif;}
.fontAr{font-size:1.2em;}


*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body .texts{color:#222222;}

/* Font-Style */
.ftlNm,em{font-style:normal;}

/* ● */
.discMk{
	font-family:メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:1.4em;line-height:1.0;}

/* flexBox */
.flex{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	 -moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

/* Font-Weight */
.fwNm{font-weight:normal !important;}
.fwbd{font-weight:bold !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}


/* link font color */


a{
	transition: all  0.3s ease;
	color:#000;
	text-decoration:none;}
a:hover{
	transition: all  0.3s ease;
	color:#000;text-decoration:none;}

a.linkSkyblue {color:#2a78bf;}
a.linkWh {color:#fff;}
a.linkHvWh:hover {color:#fff;}

.bdNone a,a.bdNone{text-decoration:none;}
.bdYes a,a.bdYes{text-decoration:underline;}

.tran {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.hvImg {cursor:pointer;}


/* Border Color */
.bdcBlk{border-color:#000;}
.bdcDarkGrey{border-color:#333;}

/* Background-color */
.bgWh{background-color:#fff;}
.bgBlack{background-color:#000;}
.bgRed{background-color:#c01920;}
.bgThinGrey{background-color:#f7f7f7;}
.bgTrans {background-color: transparent;}



.hvBtn:hover,
.nmBtn a:hover{background-color:#999;}
.hvBtn img:hover{opacity:0.9;}

/* Background Common */
.grainBg{background-image: url(/store/assets/v1/img/bgparts/grain_bg.jpg);}
.wallBg{background-image: url(/store/assets/v1/img/bgparts/wall_bg.jpg);}
.titGrLine{
	min-height:18px;
	background: url(/store/assets/v1/img/common/title_gr_line.gif) repeat-x center center;
}

.titBgDot {
	width:100%;
	background: url(/store/assets/v1/img/common/grey_dot.png) repeat-x center center;
}

.titBgDot span{
	display:inline-block;
	background: url(/store/assets/v1/img/bgparts/wall_bg.jpg);
	padding:0 20px;
}


.royalTitle-left,.royalTitle-right{display:inline-block;}


/* NEXT > */
.nextIcoYe {
	background-image: url(/store/assets/v1/img/common/next_ye.gif);
	background-repeat:no-repeat;}

/* Border-color */
.bdGold{border-color:#e2c02e;}
.bdThinPurple{border-color:#eff0f5;}
.bdThinSkyBlue{border-color:#def1f7;}
.bdThinSkyBluelow{border-color:#f4f7f9;}

/* Img border */
.bdImg{border:1px solid #ccc;}

/* box-sizing */ 

.bsCbox {box-sizing: content-box;}
.bsBbox {box-sizing: border-box;}
.bsPbox {box-sizing: inherit;}

/* float */
.clrFixA {clear:both;}
.fLeftA {float:left;}
.fRightA {float:right;}

/* Text align */
.txLeft{text-align:left;}
.txCn{text-align:center;}
.txRight{text-align:right;}

.txLeftImp{text-align:left !important;}
.txCnImp{text-align:center !important;}
.txRightImp{text-align:right !important;}

/* shadow */

.shadowBtm{
box-shadow:0px 5px 10px -5px #000;
-moz-box-shadow:0px 5px 10px -5px #000;
-webkit-box-shadow:0px 5px 10px -5px #000;
}

.txtShdow{
	text-shadow: 1px 1px 3px #555555;  
}

/* List Style */
ul.liDisc > li {list-style-type:disc;margin-left:1em;}
ul.liCircle > li {list-style-type:circle;margin-left:1em;}

ul.liSq > li {list-style-type:square;margin-left:1em;}
ol.liDeci > li{list-style-type:decimal;margin-left:2em;}

ol.up-roman > li {list-style-type:upper-roman;margin-left:1em;}
ol.up-roman > li {list-style-type:upper-roman;}

ol.up-alpha > li {list-style-type:upper-alpha;margin-left:1em;}
ol.up-alpha > li {list-style-type:upper-alpha;}


/* 番号付きリスト */
ol.decimalList {margin-left:20px;}
ol.decimalList > li{list-style-type: decimal;}

/* 番号付きリスト(枠付き用) */
ol.decimalListM li{margin-left:20px;}
ol.decimalListM li{list-style-type: decimal;}

/* 1文字目がテキストでインデントするli */

.indent_ul{padding-left:1em;}

.indent_ul > li{
padding-left:1em;
text-indent:-0.7em;
}

/* 画像テキスト */
.txtImg{
	overflow:hidden;
	text-indent:-9999px;
}

/* list counter */
ol.listConter{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
ol.listConter ol{
  padding-left: 1em;
}

ol.listConter li,.listMkIco li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.listMkIco{margin-left:20px;}
.listMkIco > li {padding-bottom:20px;}
.listMkIco > li:last-child{padding-bottom:0;}
.listMkIco > li > i.fas,
.listMkIco > li > i.far{
	margin-left:10px;
	font-size:1.5em;}

ol.listConter li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
}



/* Normal Form */

.imeAc{ime-mode:active;}
.imeIna{ime-mode:inactive;}
.imeDisd{ime-mode:disabled;}


/* margin top (deviceCommon)*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}
.mT65{margin-top:65px;}
.mT70{margin-top:70px;}
.mT75{margin-top:75px;}
.mT80{margin-top:80px;}
.mT85{margin-top:85px;}
.mT90{margin-top:90px;}
.mT95{margin-top:95px;}
.mT100{margin-top:100px;}

/* margin bottom (deviceCommon) */
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}
.mB55{margin-bottom:55px;}
.mB60{margin-bottom:60px;}
.mB65{margin-bottom:65px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB85{margin-bottom:85px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}

/* padding top (deviceCommon) */
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT55{padding-top:55px;}
.pT60{padding-top:60px;}
.pT65{padding-top:65px;}
.pT70{padding-top:70px;}
.pT75{padding-top:75px;}
.pT80{padding-top:80px;}
.pT85{padding-top:85px;}
.pT90{padding-top:90px;}
.pT95{padding-top:95px;}
.pT100{padding-top:100px;}

/* padding-bottom (deviceCommon) */
.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB55{padding-bottom:55px;}
.pB60{padding-bottom:60px;}
.pB65{padding-bottom:65px;}
.pB70{padding-bottom:70px;}
.pB75{padding-bottom:75px;}
.pB80{padding-bottom:80px;}
.pB85{padding-bottom:85px;}
.pB90{padding-bottom:90px;}
.pB95{padding-bottom:95px;}
.pB100{padding-bottom:100px;}

/* position */
.abs{position:absolute;}
.rel{position:relative;}

/* img hover */
.hvlink:hover {opacity:0.8;}

/* display */

.dis-in{display:inline;}
.dis-inbl{display:inline-block;}
.dis-td{display:table-cell;}

/* HR */
/* ※色はBorder-colorで指定 */
.hr-solid {
	border-width:1px 0 0;
	border-style:solid;
}

.hr-double {
	border-width:3px 0 0;
	border-style:double;
}

.hr-dashed {
	border-width:1px 0 0;
	border-style:dashed;
}

.hr-dashed2 {
	border-width:2px 0 0;
	border-style:dashed;
}

.hr-dotted {
	border-width:1px 0 0;
	border-style:dotted;
}



/* ------------------------ 
       Common Parts
--------------------------- */

/* 縦書き */
.writ-rl{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/* 透過ボタン */
.opImgBtn img:hover{opacity:0.8;}
.opBtn a:hover{opacity:0.8;}

/* 注釈 */
.notes {
	font-size:10px;
	color:#808080;
	line-height:1.4;}

/* ※印用 */
.indent_kome{
padding-left:1em;
text-indent:-1em;
}


/* inline -block */

.inline_parent{letter-spacing:-.4em}
.inlinebl,.inline_parent li{display:inline-block;}

/* inline block 調整 */
.ibl_parent{letter-spacing:-.4em;}
.ibl_parent > li{
	vertical-align:top;
	display:inline-block;
	letter-spacing:normal;}

/* text indent */

.ind{text-indent:1em;}

/* iOS用　reset */
.wrapper input{
	-webkit-appearance: none;
}

/* /////////////////////////// */
/* gekisaka common
/* ////////////////////////// */

/* Font Color */
.fcBlk,.fcBlk a{color:#000 !important;}
.fcWh,.fcWh a{color:#fff !important;}
.fcDarkGrey{color:#333 !important;}
.fcGrey{color:#808080;}
.fcRed,.fcRed a{color:#c01920;}
.fcRed a:hover{opacity:0.7;}

/* common background */
.bgWh{background:#fff;}
.bgDarkGray{background:#2d2d2d;}
.bgDdarkbGray{background:#131313;}


/* common border color */
.bdNone{border-color:transparent;}


/* Gradient bg */

.blue-horizon{
	background: rgb(21,115,178); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(21,115,178,1) 0%, rgba(76,177,218,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(21,115,178,1) 0%,rgba(76,177,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(21,115,178,1) 0%,rgba(76,177,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1573b2', endColorstr='#4cb1da',GradientType=1 ); /* IE6-9 */

}

/* page top */
.ptopBtn {
	position:fixed;
	display:none;
	width:24px;
	height:24px;
	color:#fff;
	background:#87C1DE;
	text-align:center;

}

.ptopBtn a{
	display:block;
	line-height:1.0;
	vertical-align:top;
	font-size:20px !important;
	color:#fff;}

/* border */
.btmBdal{border-bottom:1px solid #ededed;}
.topBdal{border-top:1px solid #ededed;}


/* /////////////////////////// */
/* gekisaka common wrap
/* ////////////////////////// */
.wrapper,
.fullWidth {
	width:100%;
}

/* /////////////////////////// */
/* gekisaka common block style
/* ////////////////////////// */

/* header */

.headLine {
	 height: 2px;
	background-image: linear-gradient(to left, #1d2087, #e3007f 0%);
}

header{
	box-shadow: 0 1px 0 0 #ededed;
}

/* header sinple */
header.sinpleHeader > div{width:50%;}
header.sinpleHeader > div.leftBox{text-align:left;}
header.sinpleHeader > div.rightBox{
	text-align:right;
	padding-right:12px;}

/* common bottom */
.commonBtmBlock li{
	overflow:hidden;
	border-color:#ededed;
	border-style:solid;
}


/* brand */
.brandBlock li{
	text-align:center;
	line-height:1.4;
}

/* /////////////////////////// */
/* Global navigation block*/
/* ////////////////////////// */
#grNavBox .parrentLi,#grNavBox .parrentLi a{
	color:#fff;
}

#grNavBox .parrentLi{
	width:20%;
	width:calc(20% -1px);
	border-top:0;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	cursor:pointer;
}

#grNavBox .firstNavi .parrentLi{
	border-top:1px solid #000;
}

#grNavBox .parrentLi:first-child{
	border-left:1px solid #000;
}

/* child */


#grNavBox .childul li{
	width:100%;
	border-style:solid;
	border-color:#000;
	background:#2d2d2d;

}

#grNavBox .childul > li > a,
#grNavBox .childul > li > div {
	display:block;
	padding:12px 16px;
}




#grNavBox .childul > li > a{
	display:block;
}

#grNavBox .childul > li > a:hover,
.grandchild-ol > li > a:hover{background:#4d4d4d;}

/* Grandchild */

#grNavBox .grandchild .arImg img{
	transition: 0.3s;
}

#grNavBox .grandchild .active .arImg img{
	transform:rotateZ(-180deg);
}

#grNavBox .grandchild-ol {display:none;}
#grNavBox .grandchild-ol > li{
	background:#131313;
	border-width:0 0 1px;}
#grNavBox .grandchild-ol > li:last-child{border-width:0 0 0;}
#grNavBox .grandchild-ol > li > a{
	display:block;
}



/* /////////////////////////// */
/* content box and footer */
/* ////////////////////////// */

footer,
footer a,footer a:hover{color:#fff;}

/* other site */

#ftOtherSite li{
	width:33%;
	width:calc(100% / 3);
	text-align:center;
	border-right:1px solid #000;
}

#ftOtherSite li:first-child{border-left:1px solid #000;}
footer li a:hover{text-decoration:underline;}


/* site map */
.ftSiteMap {
	border-top:1px solid #000;
}

#ftSiteMapWrap ol > li a{color:#999;}

/* sns */
#ftSnsWrap li{
	text-align:center;
}

/* btm */
footer .ftBtm a{color:#999;}
footer .ftBtm li{
	padding:0 15px;
	line-height:1.0;
	border-right:1px solid #999;
	display:inline-block;}
footer .ftBtm li:last-child{border-right:none;}

/* copy */
footer .copyright{
	text-align:center;
}

/* /////////////////////////// */
/* gekisaka common Parts style */
/* ////////////////////////// */

/* keyword Serch */

.serchFmWrap .search-box,
.serchKeyWord .search-box{
	border-radius: 3px;
	border: solid 1px #dddddd;
	background-color: #ffffff;
	line-height:1.09;
}


.serchFmWrap input::placeholder,
.serchKeyWord input::placeholder{
	color:#808080;
}

.serchFmWrap .search-btn,
.serchKeyWord .search-btn{
	position:absolute;
	border-radius:0 3px 3px 0;
}

.serchFmWrap .search-btn{
	width:35px;
	height:35px;
	background:#2d2d2d url(/store/assets/v1/img/common/searc_btn.png) no-repeat center center;
	background-size:20px auto;
}

.serchKeyWord .search-btn{
	width:40px;
	height:40px;
	border-radius:0 3px 3px 0;
	background:#c01920 url(/store/assets/v1/img/common/searc_btn.png) no-repeat center center;
	background-size:20px auto;
}

/* cart */
.cart {
	background:#2d2d2d;
}

/* NewsList */
.newsList li{
	position:relative;
	border-style:solid;
	border-color:#ededed;
}

.newsList a:hover{opacity:0.7;}

.news-category {
	min-width:64px;
	background:#000;
	color:#fff;
	text-align:center;
	line-height:1;
	top:5px;
	left:5px;
}

.news-tum {position:relative;}

.newsList p.readTxt{
	line-height:1.36;
	padding:9px 10px;}

.newsList li.news-movie .mask{
	content:'';
	background:url("/store/assets/v1/img/common/movie_mask.png") no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	left:0;
	z-index:4800;
}


/* ★update section 3.1 ★　////////////////////////////////// */

.newsList .newsTumImg{object-fit:cover;}

/* new sale ico */
.newIco,.saleIco,.shipIco,.reviewIco,.longsellerIco {
	display:inline-block;
	padding:2px 8px;
	min-width:36px;
	background:#f79d00;
	color:#fff;
	text-align:center;
	line-height:1;
	margin-top:10px;
	margin-right:5px;
}
/* ▲update section 3.1 ▲　////////////////////////////////// */

.newIco {background:#f79d00;}
.saleIco {background:#ff0000;}
.shipIco {background:#471985; letter-spacing: 0.1em; font-size: 11px;}
.reviewIco {background:#D1BE70; letter-spacing: 0em; font-size: 11px;}
.longsellerIco {background:#0d33ff; letter-spacing: 0em; font-size: 11px;}

/* ranking  itemList*/
.itemRankOne,.itemListOne,.itemRankRecommend,
.itemRankOne-t2,.itemListOne-t2 {
	overflow:hidden;
	border-style:solid;
	border-color:#ededed;
}

.itemRankOne .itemDataBox,
.itemRankRecommend .itemDataBox,
.itemListOne .itemDataBox,
.itemRankOne-t2 .itemDataBox,
.itemListOne-t2 .itemDataBox{
	letter-spacing:-.4em;
}


.itemRankOne .itemDataBox .rankNo,
.itemRankOne .itemDataBox .itemData,
.itemRankRecommend .itemDataBox .rankNo,
.itemRankRecommend .itemDataBox .itemData,
.itemListOne .itemDataBox .rankNo,
.itemListOne .itemDataBox .itemData,
.itemRankOne-t2 .itemDataBox .rankNo,
.itemRankOne-t2 .itemDataBox .itemData,
.itemListOne-t2 .itemDataBox .rankNo,
.itemListOne-t2 .itemDataBox .itemData,
.orderItemOne .itemPrice{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}

.itemListOne .itemSelectOp{
	line-height:1.4;
	color:#808080;
}

.itemRankOne .itemDataBox .rankNo.range_a,.itemRankRecommend .itemDataBox .rankNo.range_a { color: #C01920; }
.itemRankOne .itemDataBox .rankNo.range_b,.itemRankRecommend .itemDataBox .rankNo.range_b { color: #F2460C; }
.itemRankOne .itemDataBox .rankNo.range_c,.itemRankRecommend .itemDataBox .rankNo.range_c { color: #F27F0C; }
.itemRankOne .itemDataBox .rankNo.range_d,.itemRankRecommend .itemDataBox .rankNo.range_d { color: #EDB200; }


/* ★update section 3.1 ★　////////////////////////////////// */

.itemDataBox .itemData,
.itemDataBox .itemData .itemPrice{
	width:100%;
}

.itemDataBox .itemBrand { color: #808080; }

/* ▲update section 3.1 ▲　////////////////////////////////// */

.spPrice {color:#ff0000;}
.itemRankOne .itemName,
.itemRankRecommend .itemName,
.itemListOne .itemName,
.itemRankOne-t2 .itemName,
.itemListOne-t2 .itemName{font-weight:normal;}

/* 2022/05/20 add */
.productname-saleend {
	font-size: 10px;
	font-weight: normal;
}

/* arrow grey */


.arrow::before,
.arrow::after{
	position: absolute;
	top: -2px;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.arGery::before {
	left: 3px;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* more button */
.moreBtn {
	font-weight:500;
	color:#2d2d2d;
	line-height:1.2;
	background:rgba(239,239,239,1);
}

.moreBtnAr {
	width:90px;
	display:inline-block;
	background:url("/store/assets/v1/img/common/ar-1-rc.png") no-repeat right center;
}

.moreBtnAr a{
	display:block;
	color:#c01920;
}

.moreBtnAr a:hover{color:#c01920;}
.moreBtnAr:hover{opacity:0.7;}

/* question */
.question{display:inline-block;}
.question a{
	color:#c01920;
	display:block;
	text-align:right;
	padding-right:15px;
	background:url("/store/assets/v1/img/common/question.png") no-repeat right center;
}

.question a:hover{opacity:0.7;}

/* cart button */
.cartInButton,.presentButton,.serchtButton,.cartButton {
	background:#c01920;
	border:0;
	color:#fff;
	cursor:pointer;
}

.clearButton {
	background:#fff;
	border:0;
	color:#000;
	cursor:pointer;
}

.recommendButton{
	background:#fff;
	color:#c01920;
	border: 2px solid #c01920;
	cursor:pointer;
}

.events_none{
	pointer-events:none;
	background: #ededed;
}
/* ★update section 3.2 ★　////////////////////////////////// */
.fixCartIn .cartInButton,.fixCartIn .presentButton,
.fixSerchBtn .clearButton,.fixSerchBtn .serchtButton,
.recommendCartBtn .recommendButton,.recommendCartBtn .cartButton{
	border-radius: 3px;
	box-shadow: 0 0 20px 8px hsla(0, 0%, 0%, 0.2);
}
/* ▲update section 3.2　*/


.cartInButton span.inner,.presentButton span.inner,
.cartInButton span.outer,.presentButton span.outer,.cartButton span.outer{display:block;}
.cartInButton span.inline,.presentButton span.inline{display:inline-block;}

.cartInButton > span.outer,
.presentButton > span.outer{
	margin-right:10px;
	background:url("/store/assets/v1/img/common/ar-1-r-white.png") no-repeat right center;
}

.cartButton > span.outer {
	margin-right:5px;
	background:url("/store/assets/v1/img/common/ar-1-r-white.png") no-repeat right center;
}

.cartInButton > span.outer > span.inner{
	background:url("/store/assets/v1/img/common/cart.png") no-repeat 15px center;
}

.presentButton > span.outer > span.inner{
	background:url("/store/assets/v1/img/common/present.png") no-repeat 15px center;
}

.cartInButton span.inline{
	padding-left:20px;
	background:url("/store/assets/v1/img/common/cart.png") no-repeat 0 center;
}

.presentButton span.inline{
	padding-left:20px;
	background:url("/store/assets/v1/img/common/present.png") no-repeat 0 center;
}

.serchtButton span.inline{
	padding-left:20px;
	background:url("/store/assets/v1/img/common/searc_btn.png") no-repeat 0 center;
	background-size:14px auto;
}

.cartInButton:hover,.presentButton:hover,
.clearButton:hover,.serchtButton:hover,.recommendButton:hover,.cartButton:hover{opacity:0.7;}
.cartInButton span.inline,.presentButton span.inline,
.clearButton span.inline,.serchtButton span.inline,.recommendButton span.inline,.cartButton span.inline{background-size:14px auto;}

.recommendButton span.inline{font-weight: bold;}

/* cart button desabled */

.cartInButton:disabled,
.presentButton:disabled {
	background:#ededed;
}

.cartInButton.disabled:hover,
.presentButton.disabled:hover {
	cursor: not-allowed;
	background-color: #c01920;
	box-shadow: none;
}

.cartInButton:disabled:hover,.presentButton:disabled:hover,
.clearButton:disabled:hover,.serchtButton:disabled:hover,.recommendButton:disabled:hover,.cartButton:disabled:hover{opacity:1;}

/* recommendSpikeCheck img*/
.recommendSpikeCheck {
	width: 100%;
	margin: 40px auto 0 auto;
	background-color: black;
}

.recommendSpikeCheck:hover {
	opacity: 0.8;
	transition: opacity 0.3s;
}

@media screen and  (max-width: 812px) {
	.recommendSpikeCheck {
		width: 85%;
		margin: 10px auto 0 auto;
	}
}

.recommendSpikeCheck h1#logo {
    text-align: center;
}

.recommendSpikeCheck h1#logo a {
    text-decoration: none;
	display: block;
  	padding: 35px;
}

.recommendSpikeCheck .arrow {
	color: white;
}

@media screen and (min-width: 813px) {
    .recommendSpikeCheck h1#logo {
        width: 100%;
    }
}

@media screen and (min-width: 813px) {
	.recommendSpikeCheck h1#logo a img {
		width: 300px;
		max-width: none;
	}
}

@media screen and  (max-width: 812px) {
	.recommendSpikeCheck h1#logo a img {
		width: 47.99999vw;
		max-width: none;
	}
}

@media screen and (max-width: 500px) {
    .recommendSpikeCheck small {
		position: absolute;
        top: 0;
        left: 0;
        transform: translate(55%, 25%);
    }
}

@media screen and (min-width: 501px) and (max-width: 680px) {
    .recommendSpikeCheck small {
		position: absolute;
        top: 0;
        left: 0;
        transform: translate(55%, 10%);
    }
}

@media screen and (min-width: 681px) and (max-width: 765px) {
    .recommendSpikeCheck small {
		position: absolute;
        top: 0;
        left: 0;
        transform: translate(55%, 0%);
    }
}

@media screen and (min-width: 766px) and (max-width: 812px) {
    .recommendSpikeCheck small {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(8%, 0%);
    }
}

@media screen and (min-width: 813px) {
    .recommendSpikeCheck small {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(90%, 10%);
    }
}


@media screen and (min-width: 813px) {
	.recommendSpikeCheck h1#logo a small img {
		width: 90px;
	}
}

@media screen and (max-width: 812px) {
	.recommendSpikeCheck h1#logo a small img {
		width: 14.39vw;
	}
}

.recommendSpikeCheck h1#logo {
	position: relative;
}

.recommendSpan {
	text-align: center;
}

@media screen and (max-width: 812px) {
	.recommendSpan{
		margin-bottom: 10px;
	}
}


.recommendSpan a span {
	font-size: 12px;
    line-height: 1.5;
	font-weight: normal;
}

.recommendSpan a span:hover {
	transition: opacity 0.3s;
	opacity: 0.5;
}



/* fix cart button + fix serchButton*/

.fixCartIn,.fixSerchBtn,.recommendCartBtn{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
}

.fixCartIn .clearButton,
.fixCartIn .serchtButton{
	font-weight:500;
}

/* sample banner */
.sampleBanner{display:inline-block;}
.sampleBanner > span {
	width:335px;
	height:80px;
	background:#bfbfbf;
	display:table;
}

.sampleBanner >  span > span{
	display:table-cell;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}



/* Select Menu */ 
.selectNm {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.selectNm select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectNm select::-ms-expand {
	display: none;
}

.selectNm.sltype01,.selectNm.sltype02,.selectNm.sltype03 {
	position: relative;
	border: 1px solid #ededed;
	border-radius: 3px;
	background: #ffffff;
}

.selectNm.sltype01::before,
.selectNm.sltype02::before,
.selectNm.sltype03::before {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #565656 #565656;
	transform: rotate(-45deg);
	pointer-events: none;
}

.selectNm.sltype01::before,
.selectNm.sltype02::before{right:0.9em;}
.selectNm.sltype01::before{top: 0.8em;}


.selectNm.sltype01 select {
	padding: 8px 38px 8px 8px;
	color: #000;
}

.selectNm.sltype02 select {
	padding: 16px 38px 16px 8px;
	color: #000;
}

.selectNm.sltype03 select {
	padding: 11px 38px 11px 15px;
	color: #000;
}

/* ★update section 3.2 ★　////////////////////////////////// */
/* check box */

.cirRadioBox li,
.imageCheckBox li{
	min-width:56px;
	margin-right:30px;
	margin-bottom:10px;
}

.imageCheckBox li label {font-size:12px;}

.imageCheckBox li,
.nmCheckBox li,
.nmRadioBox li,
.cirRadioBox li,
td.radioTd .cirRadioBox {
	text-align:left;
	position:relative;}

.imageCheckBox li input[type="checkbox"],
.nmCheckBox li input[type="checkbox"],
.nmRadioBox li input[type="radio"],
.cirRadioBox input[type="radio"]  {display:none;}

.imageCheckBox li label,
.nmCheckBox li label,
.nmRadioBox li label,
.cirRadioBox li label {
	padding: 0 0 0 30px;
	display: block;
	cursor:pointer;
}

td.radioTd .cirRadioBox label{cursor:pointer;}

.imageCheckBox li label:after,
.nmCheckBox li label:after,
.nmRadioBox li label:after,
.cirRadioBox label:after {
	content: "";
	width: 20px;
	height: 20px;
	background-size: 20px;
	background-image:  url("/store/assets/v1/img/common/check-off.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 5px;
}

.imageCheckBox li label:after,
.nmCheckBox li label:after,
.nmRadioBox li label:after,
.cirRadioBox li label:after{
	margin: -18px 0 0 0;
}

.imageCheckBox li input[type="checkbox"]:checked + label:after,
.nmCheckBox li input[type="checkbox"]:checked + label:after,
.nmRadioBox li input[type="radio"]:checked + label:after {
	background-image:  url("/store/assets/v1/img/common/check-on.png");
}

.cirRadioBox input[type="radio"]:checked + label:after {
	background-image:  url("/store/assets/v1/img/common/radioOn.png");
}

/* ▲update section 3.2　*/

/* normal Checkbox*/
.nmCheck input[type="checkbox"] { display: none; }
.nmCheck input[type="checkbox"] + label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	font: 14px/20px;
	color: #ddd;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.nmCheck input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.nmCheck input[type="checkbox"] + label:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background:#fff;
	/* @FIX 赤線に変更 */
	border: 1px solid #C01920;
	border-radius:3px;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
}

.nmCheck input[type="checkbox"]:checked + label:before {
	width: 10px;
	top: -5px;
	left: 5px;
	border-radius: 0;
	background:transparent;
	border: 1px solid #c01920;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

}

/* /// form /// */

.memberForm dt{
	line-height:1.57;
	font-weight:600;
}

.nmFm label.singleLabel{
	display:block;
	margin-bottom:10px;}


/* input text */
.nmFm input[type="text"] ,
.nmFm input[type="email"],
.nmFm input[type="number"],
.nmFm input[type="tel"],
.nmFm textarea{
	border-radius:3px;
	border:1px solid #ededed;
	background:#fff;
	line-height:1.09;
}

.nmFm input.nmIptTxtSingle,
.nmFm .combiInputTx label,
.nmFm .combiInputTx input,
.nmFm textarea{width:100%;}
.nmFm textarea span{opacity:0.5;}


.nmFm .combiInputTx{
	margin-right:10px;
	width:47%;
	width:calc(50% - 5px);
}

.nmFm .combiInputTx:nth-child(even){margin-right:0;}

/* ime mode */

.nmFm .imeOff{ime-mode:disabled;}
.nmFm .imeOn{ime-mode:active;}
.nmFm .imeEng{ime-mode:inactive;}

/* required mark */
.requiredMk {
	font-size:9px;
	font-weight:400;
	color:#fff;
	border-radius:2px;
	background-color:#c01920;
	padding:2px 9px;
	vertical-align:top;
	margin-top:3px;
	margin-left:0.5em;
	display:inline-block;
}

/* template */
.nmFm .inputPostcode input,
.nmFm .inputTel input{width:245px;}
.nmFm .provinceSelect{
	width:160px;
	margin-bottom:10px;
	display:inline-block;}

/* button */
button:focus { outline:0; }

.halfBtn > li{margin-right:10px;}
.halfBtn > li:nth-child(even){margin-right:0;}

.redButton,.whButton,.redButtonBig,.whButtonBig {
	width:100%;
	border:0;
	font-weight:400;
	line-height:1;
	border-radius:3px;
	cursor:pointer;
}

.redButton,.redButtonBig {
	color:#fff;
	background:#c01920;
	border:1px solid #c01920;
}

a.redButton,a.redButtonBig{
	color:#fff;
	display:inline-block;}

.whButton,.whButtonBig {
	background:#fff;
	border:1px solid #ededed;
}

.redButtonBig,.whButtonBig{font-weight:500;}

a.redButton:hover,a.redButtonBig:hover{opacity:0.7;}

.btnWrap,.btnWrapCombi {
	text-align:center;
}

.btnWrapCombi > ul{width:100%;text-align:center;}
.btnWrapCombi > ul > li{
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}

.btnWrapCombi > ul > li:nth-child(even){margin-right:0;}

.redButton span{
	display:inline-block;
	width:calc(100% - 26px);
	margin:0 13px;
	text-align:center;
	background:url("/store/assets/v1/img/common/ar-1-r-white.png") no-repeat right center;
}

.redButtonBigAr span{
	display:inline-block;
	width:calc(100% - 26px);
	margin:0 13px;
	text-align:center;
	background:url("/store/assets/v1/img/common/ar-1-r-white.png") no-repeat right center;
}


/* red button */
.redLinkBtn li a{
	display:block;
	background:#c01920;
	border-radius:3px;
}

.redLinkBtn li a > span,.redLinkBtn li a > span > i{
	width:100%;
	height:100%;
}

.redLinkBtn li a > span{display:table;}
.redLinkBtn li a > span > i{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-style:normal;
}

.redLinkBtn li a:hover{opacity:0.7;}

.redLinkBtn li.leftAr span{
	padding-right:14px;
	padding-left:14px;
}

.redLinkBtn li.leftAr span i{
	background:url("/store/assets/v1/img/common/ar-1-r-white.png") no-repeat right center;
}

/* /////////////////////////// */
/*  z-index
/* ////////////////////////// */

.news-category{z-index:4900;}
.fixCartIn,.fixSerchBtn,.recommendCartBtn{z-index:5100;}