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

*{
	margin: 0;
	padding: 0;
  line-height: 1.6em;
	box-sizing: border-box;
}

html{
	font-size: 62.5%;
}

body{
	color: #231815;
	font-family: 'Lato',"Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

a{
	color: inherit;
	text-decoration: none;
}

p{margin:0;}

ul,ol{
  margin: 0;
	list-style: none;
}

img , iframe{
	max-width: 100%;
	vertical-align: middle;
}

img {
	height: auto;
}

table{
    border-collapse: collapse;
}

select, textarea, [type="text"], [type="password"], [type="datetime"], [type="datetime-local"], [type="date"], [type="month"], [type="time"], [type="week"], [type="number"], [type="email"], [type="url"], [type="search"], [type="tel"], [type="color"], .uneditable-input{height: auto;}

input,textarea,button {
    -webkit-appearance: none;
    max-width: 100%;
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

input[type="submit"],
input[type="button"],
button{
	-webkit-appearance: none;
	appearance: none;
    background-color: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
    outline: none;
}

select{
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

textarea{
	resize: vertical;
}

.wrapper{
	position: relative;
	padding-left: 300px;
}

.contentIn{
	width: 1120px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

#main{
	width: 100%;
}

.hoverOpa{
	display: inline-block;
	transition: opacity .3s;
  color: #231815;
}

.hoverOpa:hover ,
.hoverOpa:focus{
	opacity: .7;
  color: inherit;
  text-decoration: none;
}

.dp_ib{
	display: inline-block;
}

.flexBox{
	display: flex;
}

.i_flex{
	display: inline-flex;
}

.ai_c{
	align-items: center;
}

.ai_fs{
	align-items: flex-start;
}

.ai_fe{
	align-items: flex-end;
}

.ai_s{
    align-items: stretch;
}

.jc_sb{
	justify-content: space-between;
}

.jc_sa{
	justify-content: space-around;
}

.jc_c{
	justify-content: center;
}

.jc_fe{
	justify-content: flex-end;
}

.fw_wp{
    flex-wrap: wrap;
}

.flexL{
	order: 1;
}

.flexC{
	order: 2;
}

.flexR{
	order: 3;
}

.txa_c{
	text-align: center;
}

.txa_r{
	text-align: right;
}

.txa_l{
	text-align: left;
}

.fwB{
    font-weight: bold;
}

.ff_Taviraj{
font-family:"Times New Roman", "Taviraj" !important;
    font-weight: 300;
    letter-spacing: 4px;
}

.youtubeWrap{
    position: relative;
    width: 100%;
    padding-top: 56.25%;;
}

.youtubeWrap iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.slick-dots li button:before{
content: '' !important;
  display:block;
  width: 12px !important;
  height:12px !important;
  border-radius: 50%;
  background-color: black;
}

.favoriteBtn.fav-items .favoOff{
display:none;
}
.favoriteBtn:not(.fav-items) .favoOn{
display:none;
}

.overlay01{
position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:11;
  display:none;
  background:rgba(0,0,0,.3);
  cursor:pointer;
}


.modalBox{
  position:fixed;
  top: 50%;
  right:0;
  left:0;
  z-index:12;
  display:none;
  margin: 0 auto;
  max-width:90%;
  max-height:85%;
  padding:4em 2em;
background:#fff;
  overflow-y:scroll;
  transform: translateY(-50%);
}

.modalBox .closeBtn{position:absolute;
top:2em;
right: 2.5em;
display: block;
width: 2em;
    height: 2em;
cursor:pointer;
transition:.3s;}

.modalBox .closeBtn:hover{
opacity:.7;}

.modalBox .closeBtn:before ,
.modalBox .closeBtn:after{
content: '';
  position: absolute;
  top:0;
  right:0;
  left:0;
  width:3px;
  height:36px;
  margin: 0 auto;
  background: #666;
}

.modalBox .closeBtn:before {
transform: rotate(45deg);
}
.modalBox .closeBtn:after{
transform: rotate(-45deg);
}

.bx-wrapper .bx-viewport{
background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  left:0 !important;
}

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

全ページ共通CSS

==================================*/
.heart{
      width: 70%;
}

.secTtl01{
margin-bottom: 1.2em;
    font-family: "Times New Roman", "Taviraj";
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 4px;
}

.secTtl02{
	margin-bottom: 1em;
  font-family: "Times New Roman", "Taviraj";
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: .12em;
}

.secTtl02 dt{
	margin-right: 3em;
   font-weight: 300;
}

.secTtl02 dd{
	font-size: 1rem;
  line-height: 1.4em;
}

.listStl01 > li:before{
			content: '\30FB';
		}

.dlStl01{
			margin-bottom: 3em;
			padding-bottom: 1em;
			border-bottom: 1px solid #c2996b;
		}

		.dlStl01 > dt{
			margin: 1em 0;
			padding: .8em 0;
			color: #c2996b;
			font-size: 16px;
			font-weight: bold;
			border-bottom: 1px solid #c2996b;
		}

		.dlStl02 > dt{
			margin-bottom: .3em;
			font-size: 14px;
			font-weight: bold;
		}

		.dlStl02 > dd{
			font-size: 14px;
		}

		.dlStl02 > dd .txt_s{
margin-top: 10px;
    font-size: 12px;
    line-height: 1.8em;
    color: #666666;
		}

.btnStl01{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 350px;
    max-width: 100%;
    margin: 2em auto 0;
    padding: 1em 0.6em 1em 2em;
    font-family: "Times New Roman", "Taviraj";
    font-size: 1.2rem;
    text-align: center;
    border: 0.8px solid #231815;
    letter-spacing: 5px;
}

.btnStl01:hover{
color: #231815;
  text-decoration: none;
}

.btnStl01 img{
	display: block;
}

.btnStl01:after{
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	margin-left: 1.5em;
	background: url(https://file003.shop-pro.jp/PA01425/503/images/common/arrowR01_black.svg) no-repeat center center / contain;
	transition: .3s ease-out;
}

.btnStl01:hover:after{
	transform: translateX(5px);
}

.btnStl02{
	display: block;
	padding: 1.8em 1em;
	color: #fff;
	text-align: center;
	background: #323333;
}

.btnStl02 img{
	display: block;
	margin: 0 auto;
}

.tableStl01{
	width: 100%;
}

.tableStl01 tr > *{
	padding: 1em;
	text-align: center;
}

.tableStl01 tr > * + *{
	border-left: 1px solid #191919;
}

.tableStl01 tr + tr{
	border-top: 1px solid #191919;
}

.tableStl02 tr{
	border-bottom: 1px solid #191919;
}

.tableStl02 tr > *{
	padding: 25px;
}
.tableStl02 tr:first-of-type{
	border-top: 1px solid #191919;
}

.tableStl02 tr th{
	font-size: 1.8rem;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.tableStl02 tr td{
	font-size: 1.6rem;
}

.tableStl03 > tbody > tr > *{
			padding: 15px 0;
			vertical-align: top;
		}

		.tableStl03 > tbody > tr > th{
			padding-right: 2em;
			font-size: 16px;
			font-weight: bold;
			text-align: left;
		}

.tableStl04 tr > *{padding:1em;text-align:center;border:1px solid #231815;}

.tableStl04 tr th{font-weight:bold;background:#f1f1f1;}

.boxStl01{
			padding: 1.4em 2em;
			font-size: 14px;
			border: 3px solid #c2996b;
		}

		.boxStl01 .txt_l{
			color: #c2996b;
			font-size: 16px;
		}

		.boxStl01 p + p{
			margin-top: .4em;
		}

.itemList01 > li {
	position: relative;
	margin: 2em 0;
}

.itemList01 li .itemTag{
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-50%);
}

.itemList01 li .itemTag > li{
	margin-left: .5em;
}

.itemList01 li .itemTag > li img{
	display: block;
}

/*.itemList01 li .itemAbout{
	min-height: 4em;
}*/

.itemList01 .itemIcon:not(:empty) {
    margin-top: .8em;
}

.itemIcon img {
    margin-right: 0.2em;
  margin-bottom:0.2em;
}

.itemList01 li .itemName{
	margin: .8em 0 .4em;
    font-size: 14px;
    letter-spacing: 0.5px;
	line-height: 0;
}

.itemList01 li .itemIcon:not(:empty) + .itemName{
margin-top:.3em;
}

.itemList01 li .itemName a{
	display: inline-block;
	line-height: 1.2em;
}

.itemList01 li .itemName:after{
	content: '';
	display: inline-block;
	width: 50px;
}

.itemList01 li .itemPrice{
	padding-right: 40px;
}

.itemPrice{color: #191919;font-size:1.3rem;}

.itemPrice strike , .productPrice strike{display: inline-block;margin-right:1.6em;}

.itemPrice .salePrice, .productPrice .salePrice{margin-right: .5em;color: #b7282c;}

.itemPrice .discountRate:not(:empty), .productPrice .discountRate:not(:empty){display:inline-block;padding: .2em .4em .3em;color: #fff;font-size: 1.2rem;line-height: 1em;white-space: nowrap;background: #b7282c;}

.itemList01.itemStl2 > li{
	padding-top: 3%;
}

.itemList02{
	flex-wrap: wrap;
}

.itemList02 > li {
    flex-basis: 23%;
}

.itemList02:before ,
.itemList02:after{
	content: '';
	flex-basis: 23%;
	order: 3;
}

.itemList02 > li > a{
	display: block;
	transition: .3s;
}

.itemList02 > li > a:hover{
	box-shadow: 0 0 0 2px #3c3c3c;
}

.itemList02 > li > a img{
	display: block;
}

.pagerWrap .pager{
  margin-bottom: 1em;
}

.soldoutImg{position:relative;}

/*.productImg_slider.soldout .slick-list:before ,*/
.soldoutImg:before{
  content:'SOLD OUT';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  display:flex;
  align-items: center;
  justify-content: center;
  color: #191919;
  font-size:150%;
  letter-spacing: .2em;
  background: rgba(230,230,229,.8);
}

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

ヘッダー

==================================*/
header {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3;
	padding: 1em 2em;
}

header .headNav li + li{
	margin-left: 1em;
}

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

サイド

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

#side{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 300px;
	/* max-height: 100vh; */
	padding: 4em 3em;
	background: #595757;
}

#side .searchBox{
	margin: 2em 0 2em;
}

#side .searchBox .search-keyword{
	flex-grow: 1;
    width: 100%;
    height: auto;
	padding: .5em;
	border: none;
	border-bottom: 1px solid #fff;
   border-radius: 0;
  transition: .3s;
  background: #595757;
}

#side .searchBox .search-keyword:focus{
  border-bottom: 2px solid #040000;
  outline: 0;
}

#side .searchBox .search-keyword:focus-visible{
 outline: 0;}

#side .searchBox .search-btn{
	flex-shrink: 0;
	margin-left: .2em;
  width: 7%;
}

#side #globalNav {
    padding: 0 1em;
    font-family: "Times New Roman", "Taviraj";
    font-weight: 300;
    letter-spacing: 4px;
    font-size: 13px;
}

#side #globalNav li{
	margin: 0;
  color: #fff;
}

#side #globalNav > li[class^="nav"]{
	margin-top: 2em;
}

#side #globalNav > li.parentNav{
	position: relative;
}


#side #globalNav > li.parentNav > a ,
#side #globalNav > li.parentNav > span{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 1em;
}

#side #globalNav li .childNav {
  padding:0 0 0 1em;
  background-color: #595757;
}

#side #globalNav > li.parentNav .childNav > li:first-of-type{
	margin-top: 0;
}

#side #globalNav li > *{
	display: block;
	padding: .3em 0;
	transition: opacity .3s;
}

#side #globalNav li > a:hover ,
#side #globalNav li > span:hover{
  color: #191919;
  text-decoration: none;
	opacity: .7;
}

#side #globalNav li img{
	display: block;
}

#side .side_iconBtn{
margin:1.5em 0 0 1em;
}

#side .side_iconBtn li + li{
margin-left:1.5em;
}

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

フッター

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

footer{
    padding: 5em 0 6em;
    border-top: 1px solid #595757;
    background: #595757;
}

footer .logo{
	margin-bottom: 1.8em;
}

footer .snsLink li + li{
	margin-left: 1.5em;
}

footer .footerNav {
	margin-left: 2em;
}

footer .footerNav ul{
	margin-left: 4em;
}

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

トップページ

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

.hero-area{
	margin-bottom: 4em;
}

.slick-slide img{
  width: 100% !important;
}

.hero-area .slick-dots{
	position: static;
	margin-top: 1em;
}

.hero-area .slick-dots li button:before{
	font-size: 13px;
}

.campaignBar{
  display:block;
	margin: 2em 0;
	padding: .8em;
	color: #c61f2a !important;
	text-align: center;
	font-size: 2rem;
	border: 1px solid #c61f2a;
}

#news{
	padding: 4em 0;
}

.newsTable{
	margin: 0 auto;
	font-size: 13px;
	font-weight: 300;
}

.newsTable tr > *{
	padding: .2em;
}

.newsTable tr th{
	width: 10em;
	font-weight: 300;
	text-align: left;
}

#item{
	padding: 4em 0;
	border-top: 1px solid #231815;
}


#item .itemCategory li{
	margin: .5% 4%;
}

#instagram{
	padding: 3em 0 8em;
}

#instagram .secTtl01{
	margin-bottom: .2em;
}

#instagram .secTtl01 + p{
	margin-bottom: 3em;
}

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

下層ページ共通CSS

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

table.tbl_calendar caption {
    padding: .3em;
  font-size: 1.5rem;
}

table.tbl_calendar tr {
    font-size: 1.4rem;
}

table.tbl_calendar tr > * {
    padding: .3em .5em;
    text-align: center;
}

.topBar{
	padding: .8em;
	color: #fff;
	font-weight: 500;
	background: #7f8080;
  font-size: 14px;
    letter-spacing: 0.5px;
}

.w800{
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
}

*[class*="pageTtl"]{
font-family: "Times New Roman", "Taviraj";
  font-weight:300;
  letter-spacing: 4px;
}

.pageTtl{
  font-size:22px;
  font-weight:600;
	padding: 5em 0 2em;
}

.pageTtl02{
	margin-bottom:15px;
	padding: 2em 0;
      letter-spacing: .2em;
	border-bottom: 1px solid #191919;
}

.pageTtl03 {
	margin-bottom: 2em;
    padding: .8em 0;
    font-size: 22px;
    letter-spacing: .2em;
}

#itemBottom {
	padding: 3.5em 0;
}

#itemBottom .checkedItems ,
#itemBottom .recommendItems{
	width: 600px;
	max-width: 100%;
	margin: 3em auto;
}

#itemBottom .calendar{
	width: 600px;
	max-width: 100%;
	margin: 4em auto 3em;
}

#itemBottom .calendar table.tbl_calendar{margin-top:1em;}

#itemBottom .calendar p.txa_l{margin-top:1.2em;}


#details-item{
	padding: 6em 0 0;
}

#details-item .productAbout{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 6em;
}

#details-item .productImgWrap{
	flex-basis: 60%;
}

#details-item .productImgWrap .productImg_slider li img{
	width: 100%;
}

#details-item .productImgWrap .slick-arrow{
	top: 0;
	z-index: 2;
	width: 10%;
	min-height: 20px;
	transform: translate(0);
}

#details-item .productImgWrap .slick-prev {
	left: 0;
	background: url(https://file003.shop-pro.jp/PA01425/503/images/common/arrowL01_gray.svg) no-repeat center right / 40%;
}

#details-item .productImgWrap .slick-next{
	right: 0;
	background: url(https://file003.shop-pro.jp/PA01425/503/images/common/arrowR01_gray.svg) no-repeat center left / 40%;
}

#details-item .productImgWrap .slick-arrow:before{
	display: none;
}

#details-item .productImgWrap .slick-dots{
	position: static;
	display: flex;
    align-items: flex-start;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 3em;
}

#details-item .productImgWrap .slick-dots li{
	flex-basis: 20%;
	height: auto;
	margin: 1.2%;
}

#details-item .productImgWrap .slick-dots li.slick-active{
	box-shadow: 0 0 0 2px #3c3c3c;
}

#details-item .productAboutTxt{
	flex-basis: 37%;
	flex-shrink: 0;
}

#details-item .productAboutTxt .productAboutT .favoriteBtn{
	flex-shrink: 0;
  width: 28px;
	margin-left: 2em;
}

#details-item .productAboutTxt .productAboutT .productName{
	margin-bottom: .5em;
	font-size: 2rem;
	font-weight: bold;
}

#details-item .productAboutTxt .productAboutT .color{
	display: flex;
	margin-bottom: .8em;
}

.itemList01 .color:not(:empty){
margin-top:.2em;
}

.colorWrap .color > li{
	width: 1.2em;
	height: 1.2em;
  margin: .3em .3em 0 0;
}

.colorWrap .color > li.c_soldout {
    position: relative;
}

.colorWrap .color > li.c_soldout:before {
    content:'';
    position:absolute;
    top:-1px;
    right:0px;
    display:block;
    width:1px;
    height:132%;
    margin-top:1px;
    background:#000;
    transform:rotate(45deg);
    transform-origin: 0% 0%;
}

.colorWrap .color > li.c_soldout.c_border_w:before {
    background:#fff;
}

#details-item .productAboutTxt .productAboutT .productPrice{
	margin-bottom: 1.2em;
	font-size: 1.6rem;
}

#details-item .productAboutTxt .option{
	margin-bottom: 1em;
}

#details-item .productAboutTxt .option p{
	margin-bottom: .4em;
}

#details-item .productAboutTxt .option select{
	width: 80%;
  height: auto;
	padding: 0 1em;
	border: 1px solid #323333;
	border-radius: 5px;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(https://file003.shop-pro.jp/PA01425/503/images/common/arrowB02_black.svg) no-repeat center right 10px;
}

#details-item .productAboutTxt .option select::-ms-expand {
	display: none; /* デフォルトのスタイルを無効(IE用) */
  }

#details-item .productAboutTxt .quantity{
	margin-bottom: 2em;
}

#details-item .productAboutTxt .quantity input{
  height: auto;
	padding: .5em;
	border: 1px solid #323333;
}

#details-item .productAboutTxt .reviewBtnWrap{
	margin: 2em 0;
	font-weight: bold;
}

#details-item .productAboutTxt .reviewBtnWrap li + li{
	margin-top: 1em;
}

#details-item .productAboutTxt .reviewBtnWrap li img{
	margin-right: .5em;
}

#details-item .productAboutTxt .linkList {
	margin-top: 2.5em;
	font-size: 1.2rem;
}

#details-item .productAboutTxt .linkList > li + li{
	margin-top: 1.2em;
}

#details-item .productDetail{
	width: 720px;
	max-width: 100%;
	margin: 0 auto;
	padding: 6em 0 0;
}

#details-item .productDetail table{
	margin: 3em auto;
}

#details-item .productDetail table tr td dl + dl{
	margin-left: 3em;
}

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

下層ページ:CATEGORY ITEM

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

#category-item .contentIn{
	padding-top: 4em;
	padding-bottom: 4em;
	border-bottom: 1px solid #191919;
}

#category-item .sortBtn{
	margin-bottom: 4em;
}

#category-item .sortBtn li{
	margin-left: 2.5em;
}

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

@media screen PC

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

@media screen and (min-width:761px){
  
.itemList01 li .favoriteBtn{
	position: absolute;
	right: 20px;
	bottom: 0;
  width:30px;
	max-width: 18%;
}
    .favoOff{
  width: 80%;
   margin-light: 20px; 
}
  .footerlogo{
     width: 50%;
  }
  .logo22{
    width: 70%;
    margin-left: 30px;
  }
    
  .icon {
   width: 28px;
    margin: 3px;
  }
  .icon2{
       width: 25px;
        margin: 3px;
  }

	.spOnly{
		display: none !important;
	}
  
  .itemIcon img{min-width:50px;}
  
  .itemIcon img[src*="comingsoon"]{width:90px;}
  
  .tableStl02 tr td{width:72%;}
	.globalNav{
		display: flex !important;
	}
  
  #main{min-height:800px;}
	
	header{
		justify-content: flex-end;
	}

	footer .footerNav ul li:not(.spOnly) + li:not(.spOnly){
		margin-top: 1.2em;
	}
	
#side #globalNav > li.parentNav:hover .childNav{
	display: block !important;
}

	.itemList01 > li{
		flex-basis: 32.1%;
	}
  
  .itemList01:after{
    content:'';
    flex-basis: 32.1%;
  }

	#side{
		display: block !important;
	}
  
  #itemBottom .calendar .tbl_calendar + .tbl_calendar{margin-left:3.5em;}
    
  #details-item .productAbout{
  border-bottom: 1px solid #191919;
  }
  
	#details-item .productImgWrap{
		width: 60%;
	}

	#details-item .productAboutTxt{
		max-width: 37%;
	}
  
  
}


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

@media screen SP

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

@media screen and (max-width:760px){
  
.itemList01 li .favoriteBtn{
	position: absolute;
	right: 0;
	bottom: 0;
  width:30px;
	max-width: 18%;
}
    .footerlogo{
     width: 50%;
  }
	.icon{
      width: 65%;
  }
  	.icon2{
      width: 71%;
  }
	*{
		word-break: break-all;
	}
	
	.pcOnly{
		display: none !important;
	}
	
	.sp_bk{
		display: block;
	}
	
	.wrapper{
		padding-left: 0;
	}

  #main{min-height:100vh;}
  
	/*==================================

	全ページ共通CSS

	==================================*/
  .pageTtl ,
.pageTtl02 ,
  .pageTtl03{font-size:1.8rem;}
  
	.pageTtl02{
		margin-bottom: .6em;
		padding: 1em 0;
	}
  .pageTtl03{margin-bottom:1em;}
  
	.itemList01 > li{
		flex-basis: 46%;
	}
	.itemList01 li .itemName {
	    font-size: 1.3rem;
    letter-spacing: 0.5px;
	}
	.itemList01 li .itemPrice {
	    font-size: 1.2rem;
      letter-spacing: 0.5px;
	}
  
  .tableStl02 tr> *{
		display: block;
		padding: 1.2em 0 1.8em;
	}

	.tableStl02 tr th{
		padding-bottom: .5em;
	}

	.tableStl02 tr td{
		padding-top: 0;
		font-size: 1.5rem;
	}
  
  .tableStl03 > tbody > tr > *{
				display: block;
			}
			
			.tableStl03 > tbody > tr > th{
				width: 100%;
				padding-bottom: 0;
			}
  
  .boxStl01 {
				font-size: 1.4rem;
			}

			.boxStl01 .txt_l{
				font-size: 16px;
			}

/*  .itemList01 li .itemAbout{min-height: 7.5em;}*/
  
  .topBar{
  font-size:13px;
     letter-spacing: 0.5px;
  }
  
  .productImg_slider.soldout .slick-list:before, .soldoutImg:before{font-size:100%;}
  
	/*==================================

	ヘッダー

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

	header{
		left: 0;
		z-index: 10;
		justify-content: space-between;
		padding: 1em;
		background: #595757;
	}

	header .logo{
		width: 42%;
      text-align:center;
	}

	header .headNav{
		width: 20%;
	}

	header .headNav li + li{
		margin-left: 12%;
	}
	
	.globalNav{
		display: none;
	}
  
  .parentNavSPbtn {
    position: absolute;
    top: -.5em;
    right: 0;
    z-index:3;
    width: 3em;
    height: 3em;
}
    
    /*　ハンバーガーメニュー
	==================================*/
    
    .spNaviButton{
        position: relative;
        display: block;
        width: 30px;
        height: 40px;
		margin-right: 10%;
        cursor: pointer;
          margin-left: 3px;
    }

    .spNaviButton span ,
    .spNaviButton:before ,
    .spNaviButton:after{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 30px;
        height: 1.5px;
        margin: 0 auto;
        background: #fff;
    }
    
    .spNaviButton:before{
        top: 27%;
        transition: top .3s .3s , transform .3s;
    }
    
    .spNaviButton span {
        top: 48%;
        transition: 0s .3s;
    } 

    .spNaviButton:after{
        top: 70%;
        transition: top .3s .3s , transform .3s;
    }
    
    .spNaviButton.open:before{
        top: 48%;
        transform: rotate(45deg);
        transition: top .3s , transform .3s .3s;
    }
    
    .spNaviButton.open span {
        width: 0;
    } 
    
    .spNaviButton.open:after{
        top: 48%;
        transform: rotate(-45deg);
        transition: top .3s , transform .3s .3s;
    }
   
    
	/*==================================

	フッター

	==================================*/
div.22{
  
  }
  #itemBottom .calendar table.tbl_calendar{margin-right: auto;margin-left: auto;}

	footer .footerNav{
		justify-content: center;
		margin-top: 4em;
		margin-left: 0;
		font-size: 1.2rem;
	}

	footer .footerNav ul:first-of-type{
		margin-left: 0;
	}

	footer .footerNav ul + ul{
		margin-left: 3em;
	}

	footer .footerNav ul li:not(.pcOnly) + li:not(.pcOnly){
		margin-top: 1.2em;
	}
    
	/*==================================

	サイド

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

	#side{
		display: none;
		width: 100%;
		height: 100vh;
		overflow-y: scroll;
	}

	#side #globalNav > li.parentNav .childNav{
		position: static;
		padding: .5em 0 0 1em;
		transform: translate(0);
	}
  
  #side #globalNav > li.parentNav.open > span:after ,
#side #globalNav > li.parentNav.open > a:after{
  transform: rotate(180deg);
}
  
  	/*==================================

	共通

	==================================*/
  
  .itemList01 li .itemPrice {
    padding-right: 22px;
}  
  .itemList01 li .favoriteBtn{width:20px;}
  
  .itemList01 li .itemPrice strike{font-size:1rem;}
  
  .itemList01 li .itemPrice .discountRate:not(:empty){font-size:1rem;}
  
  .itemList01 li .itemPrice .dp_ib {
    display: flex;
    align-items: flex-start;
}
  .itemList01 li.saleProduct .itemPrice{padding-right:0;}
  
  .itemList01 li.saleProduct .favoriteBtn{
    position:static;
  float: right;
  margin-top: .5em;
  }
  
  /*==================================

	トップ

	==================================*/
  .campaignBar{font-size: 13px;
    letter-spacing: 0.5px;}
  
  .newsTable{font-size:13px;
  letter-spacing: 0.5px}
  
  .newsTable tr th {
    width: 6em;
  }
  
  /*==================================

	下層ページ:CATEGORY

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

	#category-item .contentIn{
		padding-top: 2em;
	}

	#category-item .sortBtn{
		margin-bottom: 2em;
		font-size: 1.2rem;
	}

	.itemList01 li .itemTag{
		transform: translate(0);
	}

	.itemList01 li .itemTag > li {
		margin-left: 1%;
	}

	.itemList01.itemStl2 > li{
		padding-top: 6%;
	}
  
  /*==================================

	下層ページ:details-item

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

	#details-item{
		padding-top: 0;
	}

	#details-item .productAbout{
		width: 100%;
	}

	#details-item .productImgWrap{
	}

	#details-item .productAboutTxt{
		width: 90%;
		margin: 2em auto 0;
		padding-top: 2em;
		border-top: 1px solid #191919;
	}
  
  #details-item .productDetail{border-top: 1px solid #191919;}

  #details-item .productDetail .tableScroll{
    margin: 3em auto;
  overflow-x : scroll;
    white-space:nowrap;
  }
  
  #details-item .productDetail table{
  margin:0;
  }
  
	#details-item .productDetail table tbody{
		/*display: flex;*/
      margin: 0 auto;
	}

	/*#details-item .productDetail table tbody tr > *{
		display: block;
	}*/

	#details-item .productDetail table tbody tr >  th{
		white-space: nowrap;
	}

	/*#details-item .productDetail table tbody tr + tr{
		border-top: none;
		border-left: 1px solid #191919;
	}

	#details-item .productDetail table tbody tr > * + *{
		border-top: 1px solid #191919;
		border-left: none;
	}*/
	
	#details-item .productDetail table tbody tr td .flexBox{
		flex-wrap: wrap;
	}

	#details-item .productDetail table tbody tr td .flexBox dl{
		margin: .5em 1em;
	} 
}
.footerlogoinsta {
    width: 8%;
}