@charset "UTF-8";
/* CSS Document */

body{
	font-size:12px;
	line-height:1.8;
	letter-spacing:1px;}
body .texts{font-size:12px;font-weight:400;}


@media screen and (min-width:1399px){
	body {overflow-x:hidden;}
}


.spOn,.spNrOn,.spPortOn,.spLandOn{display:none;}


img{
	vertical-align:bottom;
	height:auto;
	max-width:100%;
}
img.newsArcTumImg{max-width:none;}

/* Image Text */
.txtImg{
	overflow:hidden;
	text-indent:-9999px;
}


/* Font-size */
.fs06{font-size:0.6em;}
.fs07{font-size:0.7em;}
.fs08{font-size:0.8em;}
.fs09{font-size:0.9em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}
.fs16{font-size:1.6em;}
.fs17{font-size:1.7em;}
.fs18{font-size:1.8em;}
.fs19{font-size:1.9em;}
.fs20{font-size:2.0em;}

/* Font-size (pcOnly) */
.fsp14{font-size:14px;}
.fsp16{font-size:16px;}
.fsp18{font-size:18px;}
.fsp20{font-size:20px;}
.fsp22{font-size:22px;}
.fsp24{font-size:24px;}
.fsp25{font-size:25px;}
.fsp26{font-size:26px;}
.fsp28{font-size:28px;}
.fsp30{font-size:30px;}

.texts{font-size:16px;line-height:2.0;}

/* title common */
.tit35{font-size:35px;}
.tit22{font-size:22px;}

/* float  (Pc Only)*/
.clrFix {clear:both;}
.fLeft{float:left;}
.fRight{float:right;}

/* position  (Pc Only)*/

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

/* content width */

.fullWidth {width:100%;min-width:1000px;}


/* margin */
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}

.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}

/* margin (pcOnly)*/
.mT15p{margin-top:15px;}
.mT20p{margin-top:20px;}
.mT25p{margin-top:25px;}
.mT30p{margin-top:30px;}
.mT40p{margin-top:40px;}
.mT50p{margin-top:50px;}

.mB15p{margin-bottom:15px;}
.mB20p{margin-bottom:20px;}
.mB25p{margin-bottom:25px;}
.mB30p{margin-bottom:30px;}
.mB40p{margin-bottom:40px;}
.mB50p{margin-bottom:50px;}

/* padding */
.pB15{padding-bottom:15px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB50{padding-bottom:50px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB110{padding-bottom:110px;}

.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT80{padding-top:80px;}
.pT90{padding-top:90px;}

/* padding (pcOnly) */
.pB15p{padding-bottom:15px;}
.pB15p{padding-bottom:15px;}
.pB20p{padding-bottom:20px;}
.pB25p{padding-bottom:25px;}
.pB30p{padding-bottom:30px;}
.pB40p{padding-bottom:40px;}
.pB50p{padding-bottom:50px;}
.pB70p{padding-bottom:70px;}
.pB80p{padding-bottom:80px;}
.pB90p{padding-bottom:90px;}
.pB110p{padding-bottom:110px;}

.pT10p{padding-top:10px;}
.pT15p{padding-top:15px;}
.pT20p{padding-top:20px;}
.pT25p{padding-top:25px;}
.pT30p{padding-top:30px;}
.pT40p{padding-top:40px;}
.pT45p{padding-top:45px;}
.pT50p{padding-top:50px;}
.pT60p{padding-top:60px;}
.pT80p{padding-top:80px;}
.pT90p{padding-top:90px;}
.pB110p{padding-bottom:110px;}


/* text align (pcOnly) */
.txLeftP{text-align:left;}
.txCnP{text-align:center;}
.txRightP{text-align:right;}

/* flexBox (pcOnly) */
.flexPc,
.rightBtnModal .inner ul,
header .headGnavBox .leftBox .grNavBox > .grNav > li > ul.navChild > li{
	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;
}

/* inline -block */
.inline_parent_pc{letter-spacing:-.4em;}
.inlinebl_pc,.inlinebl_pc dt,.inlinebl_pc dd{display:inline-block;}
.inlinebl_ls_pc{letter-spacing:normal;display:inline-block;}

/* circle */
.circleNm{
	padding:15px;
	background-color:#333;
	color:#fff;
	display:inline-block;
	font-style:normal;
	border-radius:30px;
}

/* position  (pcOnly)*/
.absPc{position:absolute;}
.relPc{position:relative;}


/* display */

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

/* /////////////////////////// */
/* hirano common base style
/* ////////////////////////// */

.blue-horizonPc{
	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 */

}

/* block width */

.wrapper{min-width:980px;}
.fullWidth {width:100%;}
.nmWidth {
	max-width:1366px;
	margin:0 auto;
}

.fixWidth{
	width:1080px;
	margin:0 auto;
}

.fixWidth_wide{
	width:1140px;
	margin:0 auto;
}

#idxMessage {
	width:100%;
	margin:0 auto;
}

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



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

.nmBlock{
	border-top:1px solid #ededed;
	margin-top:40px;
	padding-top:30px;
}

#idxItemRank .nmBlock, #idxBrandSpecial .nmBlock , #idxItemNew .nmBlock{
	border-top: none;
	padding-top: 0;
}

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

/* header */
header{
	text-align:center;
	height:56px;
	padding:10px 0;
}

header h1 span{
	display:block;
	padding:7px 0 5px;
}
header h1 img.logoImg{
	width:199px;
}

/* header sinple */
header.sinpleHeader > div.leftBox{padding-left:15px;}

/* common bottom */
.commonBtmBlock h3{
	font-size:16px;
	line-height:1.5;
}

.commonBtmBlock ol,.commonBtmBlock ul{margin-top:10px;}
.commonBtmBlock a{display:block;}
.commonBtmBlock a:hover{opacity:0.7;}
.commonBtmBlock li{border-width:1px 1px 1px 0;}
.commonBtmBlock li:first-child{border-width:1px;}
.commonBtmBlock li:nth-child(12n+1){border-width:1px;}
.commonBtmBlock li:nth-child(n+13){border-top: none;}


/* history */
.historyBlock li{
	width:134px;
	height:134px;
	padding:15px;
}

.historyBlock li a img{width:104px;height:auto;}

/* brand */
.brandBlock li{
	width:90px;
	height:90px;
	font-size:10px;
	letter-spacing:0;
	padding-top:15px;
}

.brandBlock li a img{width:47px;height:auto;}

/* /////////////////////////// */
/* Global navigation block*/
/* ////////////////////////// */

#grNavBox {
	min-height:57px;
}

#grNavBox .parrentLi span{
	display:flex;
	width:100%;
	justify-content: center;
	align-items: center;
	height:54px;
	font-size:16px;
}

#grNavBox .parrentLi span img.icoImg{margin-right:8px;}

/* child */

.childWrap{display:none;}
#grNavBox .childul{
	width:100%;
	width:calc(100% + 2px);
	position:absolute;
	left:-1px;
}


#grNavBox .childul li{
	width:100%;
	font-size:15px;
}

#grNavBox .gnavMenu .childul > li{text-align:left;}
#grNavBox .childul > li{border-width:1px 1px 0 1px;}

/* Grandchild */

#grNavBox .grandchild .arImg{
	top:6px;
	right:12px;
}

#grNavBox .grandchild-ol > li > a{
	font-size:12px;
	padding:10px 10px 10px 28px;
}

#grNavBox li.otherSite > a > div{font-size:12px;}

#grNavBox li.otherSite > a > .outer{
	width:100%;
	display:table;
}

#grNavBox li.otherSite > a > .outer > .inner{
	display:table-cell;
	height:46px;
	line-height:1.4;
	vertical-align:middle;
}

#grNavBox li.otherSite > a > .outer > .imgBox{width:94px;}
#grNavBox li.otherSite > a > .outer > .textBox{width:calc(100% - 94px);}

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

/* keyword Serch */


.serchFmWrap{
	top:11px;
}

.serchFmWrap,
.serchFmWrap .search-box{
	height: 35px;
}

.serchKeyWord,
.serchKeyWord .search-box{
	height: 40px;
}

.serchFmWrap .search-box,
.serchKeyWord .search-box{
	font-size:11px;
}

.serchFmWrap .search-box{
	width: 280px;
	padding:9px 35px 9px 10px;

}

.serchKeyWord .search-box{
	width: 400px;
	padding:9px 40px 9px 10px;
}

.serchFmWrap .search-btn{
	top:0;
	right:0;
}

/* cart */
.cart {
	border-radius: 3px;
	padding: 7px 18px 7px 12px;
	margin-right: 10px;
	position: absolute;
	top: 11px;
	right: 130px;
	font-size: 12px;
}
.cart img {
	margin-right: 15px;
}
.cart a {
	color: #fff;
}
.cart a:hover { color: #fff; }

/* headerMypage */
.headerMypage {
	width:130px;
	background:#2d2d2d;
	border-radius: 3px;
	padding: 7px 18px 7px 12px;
	position: absolute;
	top: 11px;
	right: 0;
	font-size: 12px;
}
.headerMypage img {
	margin-right: 5px;
}
.headerMypage a {
	color: #fff;
}
.headerMypage a:hover { color: #fff; }

/* NewsList */
.news-category{font-size:10px;}
.newsList p.readTxt{font-size:13px;}
.news-category {padding:4px 0;}
.newIco {padding:2px 0;}

/* ★update section 3.1 ★　////////////////////////////////// */
#idxNewsTop .newsTumImg {
	width:100%;
	/* height:326px; */
	/* 見切れ対策 */
	height: 310px;
}

#idxNewsList .newsTumImg{
	width:100%;
	height:118px;
}

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

/* new sale ico */
.newIco,.saleIco{font-size:9px;}

/* ranking */

.itemRankOne figure,.itemListOne figure,.itemRankRecommend figure,
.itemRankOne-t2 figure,.itemListOne-t2 figure{text-align:center;}

.itemRankOne a:hover,.itemListOne a:hover,.itemRankRecommend a:hover,
.itemRankOne-t2 a:hover,.itemListOne-t2 a:hover{opacity:0.7;}

.itemRankOne .itemDataBox .rankNo small,
.itemRankRecommend .itemDataBox .rankNo small,
.itemListOne .itemDataBox .rankNo small,
.itemRankOne-t2 .itemDataBox .rankNo small,
.itemListOne-t2 .itemDataBox .rankNo small{font-size:10px;}

.itemRankOne .itemBrand,
.itemRankRecommend .itemBrand,
.itemListOne .itemBrand,
.itemRankOne-t2 .itemBrand,
.itemListOne-t2 .itemBrand{font-size:12px;line-height:1.5;}

.itemRankOne .itemName,
.itemRankRecommend .itemName,
.itemListOne .itemName,
.itemRankOne-t2 .itemName,
.itemListOne-t2 .itemName{font-size:12px;line-height:1.5;}


.itemRankOne .itemPrice,
.itemRankRecommend .itemPrice,
.itemListOne .itemPrice,
.itemRankOne-t2 .itemPrice,
.itemListOne .itemPrice{font-size:17px;line-height:1.25;font-weight:500;}

.itemListOne .itemSelectOp{font-size:10px;}

.itemListOne .itemPrice small,
.itemRankOne .itemPrice small,
.itemRankRecommend .itemPrice small,
.itemListOne-t2 .itemPrice small{font-size:10px;line-height:2;}

/* percent Rank */

.percentRank .itemRankOne .rankNo,
.percentRank .itemRankRecommend .rankNo,
.percentRank .itemRankOne-t2 .rankNo{
	font-weight:bold;
	font-size:24px;
}
.percentRank .itemRankOne .itemDataBox .rankNo small,
.percentRank .itemRankRecommend .itemDataBox .rankNo small,
.percentRank .itemRankOne-t2 .itemDataBox .rankNo small{font-size:10px;}

/* slick */

button.slick-arrow {
	width:40px;
	height:40px;
	position:absolute;
	background-color:#c01920;
	border:0;
	border-radius:20px;
	top:125px;
	color:transparent;
	cursor:pointer;
}

button.slick-arrow:hover{opacity:0.9;}

.slick-prev{
	left:-20px;
	background:#c01920 url("/store/assets/v1/img/common/ar-2-l-white.png") no-repeat center center;
}

.slick-next{
	left:1060px;
	background:#c01920 url("/store/assets/v1/img/common/ar-1-r-white.png") no-repeat center center;
}



.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}

.arGery::before {
	border-top: 1px solid #2d2d2d;
	border-right: 1px solid #2d2d2d;
}

/* slick right full */


.skickrank-rfull .rankBox{height:350px;}
.skickrank-rfull .rankListWrap {
	position:absolute;
	width:100vw;
}

.skickrank-rfull {overflow:hidden;}
.skickrank-rfull h2{
	font-size:24px;
	line-height:1.92;
}

.skickrank-rfull h3{
	font-size:16px;
	line-height:1.5;
}

.skickrank-rfull .rankListWrap{margin-top:10px;}
.skickrank-rfull .moreBtn{
	top:0;
	right:0;
}

.skickrank-rfull .itemRankOne {
	width:270px;
	height:290px !important;
	padding-top:10px;
}

.skickrank-rfull .itemRankOne .itemDataBox{
	padding-top:12px;
	padding-left:10px;
}


.skickrank-rfull .itemRankOne .itemDataBox .itemData{
	width:174px;
}

.skickrank-rfull .itemRankOne .itemDataBox .rankNo{
	width:64px;
	text-align:center;
	padding-top:5px;
}

.skickrank-rfull .itemRankOne .rankNo{
	font-weight:bold;
	font-size:32px;
}

.skickrank-rfull .itemRankOne .itemDataBox .rankNo{
	padding-top:5px;
}

.skickrank-rfull .itemRankOne .rankNo{
	font-weight:bold;
	font-size:32px;
}

.percentRank .itemRankOne .itemDataBox .rankNo,
.percentRank .itemRankRecommend .itemDataBox .rankNo{padding-top:8px;}
.skickrank-rfull .itemRankOne {border-width:1px 0 1px 1px;}
.skickrank-rfull .itemRankOne a{display:block;height:100%;}


/* button */
.halfBtn > li{width:144px;}

.redButton,.whButton {
	font-size:12px;
	padding:13px 0 15px;

}

.redButtonBig,.whButtonBig{
	padding:21px 0;
	font-size:16px;
}

.redButton:hover,
.redButtonBig:hover,
.whButton:hover,
.whButtonBig:hover{opacity:0.7;}

.fullSizeBtn > li{margin-bottom:16px;}

/* more button */
.moreBtn {
	width:100px;
	font-size:11px;
	border-radius:3px;
	text-align:left;
}

.moreBtn a {
	display: block;
	padding:7px 5px;
}

.moreBtn:hover{background:rgba(239,239,239,0.8);}

.moreBtnAr a{font-size:14px;}

/* fix cart button */

.fixCartIn li:first-child,
.fixSerchBtn  li:first-child,
.recommendCartBtn li:first-child{margin-right:12px;}
.fixSerchBtn .serchtButton,
.fixSerchBtn .clearButton,
.recommendCartBtn .recommendButton,
.recommendCartBtn .cartButton,
.fixCartIn .cartInButton,
.fixCartIn .presentButton{
	width:404px;
	height:48px;
	font-size:14px;
	font-weight:500;
}

.fixCartInWrap,.fixSerchWrap,.recommendCartWrap{
	width:820px;
	margin:0 auto 20px;
	text-align:center;
}


/* Select Menu */ 
.selectNm.sltype02::before{top: 1.6em;}
.selectNm.sltype03::before{top: 1em;right:1.5em;}

/* ★update section 3 ★　////////////////////////////////// */
.selectNm.sltype02 select,
.selectNm.sltype03 select {font-size:14px;}
/* ▲update section 3 ▲　////////////////////////////////// */
.selectBirthday{
	width:109px;
}

.selectBirthday.selectYear,
.selectBirthday.selectMonth{
	margin-right:10px;
}

/* /// form /// */
/* form table */
.memberForm {display:table;width:100%;}
.memberForm dl{
	display:table-row;
}
.memberForm dt,.memberForm dd{
	display:table-cell;
	vertical-align:top;
}

.memberForm dt{
	width:200px;
	font-size:14px;
	padding-top:14px;
}
.memberForm dd{
	width:498px;
	padding-bottom:10px;
	text-align:left;
}

/* ★update section 3 ★　////////////////////////////////// */
/* input text */
.nmFm input[type="text"] ,
.nmFm input[type="email"],
.nmFm input[type="number"],
.nmFm input[type="tel"],
.nmFm textarea{
	padding:16px 15px;
	font-size:14px;
}
/* ▲update section 3 ▲　////////////////////////////////// */


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

#ftOtherSite li{
	padding:18px 0;
	font-size:9px;
	line-height:1.33;
}

#ftOtherSite li img.logoImg{margin-bottom:7px;}

/* site map */
.ftSiteMap > .inner{
	padding:20px 0;
}

#ftSiteMapWrap {
	width:66%;
	width:calc(calc(100% / 3) * 2);
	border-right:1px solid #000;
}

#ftSiteMapWrap ul > li{
	width:25%;
	border-right:1px solid #000;
	padding:15px 20px 65px;
}

#ftSiteMapWrap ul > li:last-child{border-right:none;}

#ftSiteMapWrap ul > li h4{
	font-size:13px;
	line-height:1.38;
	margin-bottom:11px;
	font-weight:normal;
}
#ftSiteMapWrap ol > li a{
	line-height:2;
	font-size:11px;}


/* sns */
#ftSnsWrap {
	width:33%;
	width:calc(100% / 3);
	float:right;
	padding:16px 0 0 20px;
}

#ftSnsWrap li{
	width:52px;
	margin:0 13px;
	font-size:9px;
	line-height:1.33;
}

#ftSnsWrap li img.logoImg{margin-bottom:4px;}

/* ★update section 3 ★　////////////////////////////////// */

/* pagination */
.paginationWrap{
	text-align:center;
	padding:20px 0;
}

.paginationWrap ul{
	margin:0 auto;
}

.paginationWrap ul > li{
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
}

.paginationWrap ul > li:last-child{margin-right:0;}

.paginationWrap li a,
.paginationWrap li span{
	display:flex;
	justify-content: center;
	align-items: center;
	width:36px;
	height:36px;
	font-size:12px;
	font-weight:600;
}


.paginationWrap li a.page-arrow{border:1px solid #ededed;}
.paginationWrap li a.page-arrow:hover,
.paginationWrap li a.page-numbers:hover{opacity:0.7;}
.paginationWrap li a.page-numbers{color:#333;}
.paginationWrap li span.current{
	height:38px;
	border-bottom:2px solid #c01920;
	color:#c01920;}

.paginationWrap li span.dots{
	opacity:0.5;
	display:inline-block;
	vertical-align:middle;
	padding-top:10px;
	line-height:1;}

/* tum image max-height */
#idxItemRank .tumImg img,
#idxItemNew .tumImg img,
#spikeDiagnosis .tumImg img{max-height:160px;}



/* ▲update section 3 ▲　////////////////////////////////// */

/* btm */
footer .ftBtm {
	padding:16px 0 25px;
	font-size:11px;
	text-align:center;
}

footer .ftBtm ul{margin-bottom:6px;}
footer .bnBox{margin-top:20px;}

/* copy */
footer .copyright{
	padding:14px 0;
	font-size:11px;
}

#grNavBox .childul{z-index:5000;}
button.slick-arrow {z-index:4800;}

.top_banner .geki_banner img {
	height: 150px;
}

/*====================================================================
top slider slick
====================================================================*/

.sliderArea2 {
	all: unset;
	margin-inline: auto;
	width: 100%;
	position: static !important;
	margin-top: 40px;
}


.sliderArea2 .slider-img {
	margin: 0 35px;
}
.sliderArea2 .slider-img img {
	object-fit: cover;
	margin-bottom: 15px;
	aspect-ratio: 2 / 1;
	width: 100%;
	height: 100%;
}

.sliderArea2 .slider-img h3{
	font-size: 17px;
	min-height: 62px;
}

.sliderArea2 button.slick-arrow:hover{opacity:1;}

.sliderArea2 .slick-prev,
.sliderArea2 .slick-next {
    visibility: hidden;
}


.sliderArea2 button.slick-arrow {
    width: 60px;
    height: 60px;
    background-color: #c01920;
    border: 0;
    border-radius: 30px;
    color: transparent;
    cursor: pointer;
    z-index: 10;
}

/* 背景画像の設定 */
.sliderArea2 .slick-prev {
    background: #c01920 url("/store/assets/v1/img/common/ar-2-l-white.png") no-repeat center center;
	block-size: 30%;
}

.sliderArea2 .slick-next {
    background: #c01920 url("/store/assets/v1/img/common/ar-1-r-white.png") no-repeat center center;
	block-size: 30%;
}

.sliderArea2 .slick-dots {
    display: flex;
    justify-content: center;
	margin-top: 50px;
}

.sliderArea2 .slick-dots li {
    width: 40px;
    height: 4px;
    margin: 0 5px;
	background: rgba(239, 239, 239, 1);
    cursor: pointer;
}

.sliderArea2 .slick-dots li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.sliderArea2 .slick-dots li:hover,
.sliderArea2 .slick-dots li.slick-active {
    background:#c01920
}