/*----------------------------------------------*/
/*					基本設定						*/
/*----------------------------------------------*/

/*基本コンテンツ幅*/

.baseWidth{
	width: 1194px;
	background-color:#cbbe82;
}


.wCommon{
	width: 1094px;
}

/*両サイド可変のヘッダのため最小幅設定*/
.minWidth{
	min-width: 1094px;
}

.zindex{
	z-index: 1000;
}

.dispNone{
	display: none;
}
.dispBlock{
	display: block;
}


.slider img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}


/*demo*/
.dummy{
	height: 250px;
	background-color: aqua;
	display: block;
}

/*はみ出し対応*/
.hidden{
	overflow: hidden;
}

/*リストスタイル*/
.listNone{
	list-style: none;
}

/*基本の陰影*/
.boxShadow00 {
	box-shadow: 4px 4px 0px 0px #eee;
}






/*----------------------------------------------*/
/*					ヘッダ専用						*/
/*----------------------------------------------*/

/*ヘッダ専用背景*/
/*左右でデザインが変わる可能性もあるので設定*/
.headerbgL{
/*	背景画像がある時*/
/*	background-image: url(../images/header/headerbgL.png);*/

/*	色のみ*/
/*	background-color: aqua;
	height: 20vh;
*/
}
.headerbgR{
/*	background-image: url(../images/header/headerbgR.png);*/
/*	background-color: gainsboro;*/
/*	height: 40vh;*/
}

.caseHeaderbgL{
/*	background-image: url(../images/header/casesheaderbgL.png);*/
}
.caseHeaderbgR{
	/*background-image: url(../images/header/casesheaderbgR.png);*/
}

/*----------------------------------------------*/
/*				フォント回り						*/
/*----------------------------------------------*/


/*書体*/

.minchyo{
	font-family: "ＭＳ Ｐ明朝";
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto+Condensed&display=swap');
.roboto{
	font-family: "Roboto Condensed";
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
.notoSans{
	font-family: 'Noto Sans JP', sans-serif;
}



/*見出しタグ*/
h1	{	font-size: 3em		}
h2	{	font-size: 2em;	}
h3	{	font-size: 1.43em;	}
h4	{	font-size: 1.29em;	}
h5	{	font-size: 1.15em;	}
h6	{	font-size: 1.08em;	}


.ftW500{
	font-weight: 500;
}
.ftW600{
	font-weight: 600;
}
.ftBold{
	font-weight: 700;
}


/*フォントサイズ設定*/
.ftsizeSmallx	{	font-size: 0.5em;	}
.ftsizeSmall01s	{	font-size: 0.75em;	}
.ftsizeSmall02s	{	font-size: 0.8em;	}
.ftsizeSmall	{	font-size: 0.85em;	}
.ftsizeSmall01L	{	font-size: 0.88em;	}


.ftsizeSmall02L	{	font-size: 1.16em;	}
.ftsizeSmall03L	{	font-size: 1.19em;	}
.ftsizeMididum	{	font-size: 1.25em;	}
.ftsizeLerge	{	font-size: 1.45em;	}
.ftsizeLerge02	{	font-size: 1.65em;	}
.ftsizexLerge	{	font-size: 1.75em;	}


.ftsizEx00	{	font-size: 1.05em;	}
.tax{
	font-size: 0.5em;
}
.ftsizeEX01	{	font-size: 1.1em;	}


/*インデント*/
.textIndent05em	{	text-indent: 0.75em;	}
.textIndent1em	{	text-indent: 1em;	}
.textIndent2em	{	text-indent: 2em;	}
.textIndent3em	{	text-indent: 2em;	}



/*テキスト選択時のカラー*/
::selection {
	background: #dddddd;
	/* Safari */
}
::-moz-selection {
	background: #dddddd;
	/* Firefox */
}


/*テキスト制御*/
.textCt {	text-align: center;	}
.textLeft{	text-align: left;	}
.textRight{	text-align: right;	}



/*----------------------------------------------*/
/*					Aタグ						*/
/*----------------------------------------------*/
a.no-icon:after {
	display: none !important;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	color: #999;
}

a:link,
a:visited,
a:active,
a:hover {
	outline: none;
}




/*----------------------------------------------*/
/*						配置						*/
/*----------------------------------------------*/
.pos_rel{ position: relative; }
.pos_abs{ position: absolute; }




/*----------------------------------------------*/
/*					flexbox						*/
/*----------------------------------------------*/

.flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
/*縦並び*/
.flex-column{
	flex-direction: column;
}
/*左右振り分け*/
.flex-around{
	justify-content: space-around;
}
/*均等配置*/
.flex-between{
	justify-content: space-between;
}
/*均等配置*/
.flex-center{
	justify-content: center;
}
.flex-end{
	justify-content: flex-end;
}
.flex-evenly{
	justify-content: space-evenly;
}

/*上下中央*/
.flex-Vmiddle{
	align-items: center;
}

/*下部*/
.flex-Vbase{
	align-items: baseline;
}


/*add_221201 レイアウト変更対応のため*/
/*左右反転*/
.flex-reverse {
    flex-direction: row-reverse;
}

/*flexboxでの横幅*/
/*親要素に合わせて伸縮*/
.flexGrow1{
	flex: 1;
	/*flex-grow: 1;*/
}
.flexGrow2{
	flex: 2;
	/*flex-grow: 2;*/
}

/*天地中央にするには組み合せ*/
.contCt{
	margin: 0 auto;
}

/*BOX左寄せ対応（最後が一つだった時）*/
.flex-tekute:after{
	content: "";
	width: 50%;
}

.flex-submenu:after{
	content: "";
	width: 50%;
}



/*コンテナ内個別処理*/
/*下部固定*/
.flex-self-end{
	align-self: flex-end;
}



/*----------------------------------------------*/
/*					アニメーションボタン				*/
/*----------------------------------------------*/


.saleBtn,
a.saleBtn,
button.saleBbtn {
/*  font-size: 1.9rem;*/
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-border {
  margin-bottom: 12px;
  padding: 0;
 -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 0;
}

a.btn-border span {
    position: relative;
    display: block;
    padding: 1rem 1rem;
    color: #fff04a;
    border: 2px solid #000;
    border-radius: 0.5rem;
    background: #44280e;
}

a.btn-border:before {
  position: absolute;
  bottom: -8px;
  left: 0;
  display: block;
  width: 100%;
  height: 14px;
  content: "";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #000;
  border-top: 1px solid #000;
  border-radius: 0 0 0.5rem 0.5rem;
  background-image: -webkit-repeating-linear-gradient(
    135deg,
    #000,
    #000 1px,
    transparent 2px,
    transparent 5px
 	);
  background-image: repeating-linear-gradient(
    -45deg,
    #000,
    #000 1px,
    transparent 2px,
    transparent 5px
  );
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a.btn-border:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

a.btn-border:hover:before {
  bottom: -5px;
}

a.btn-border:active {
  -webkit-transform: translate(0, 7px);
  transform: translate(0, 7px);
}

a.btn-border:active:before {
  bottom: -1px;
}





/*----------------------------------------------*/
/*					汎用							*/
/*----------------------------------------------*/


.overflowTable{
	overflow-x: scroll ;
}

/*line-height*/
.lineheigit2em{
	line-height: 2em;
}

/*マージン*/
.mgBottom1em{	margin-bottom: 1em;		}
.mgBottom2em{	margin-bottom: 2em;		}
.mgBottom3em{	margin-bottom: 3em;		}
.mgBottom4em{	margin-bottom: 4em;		}
.mgBottom5em{	margin-bottom: 5em;		}
.mgBottom6em{	margin-bottom: 6em;		}


.mgTop1em	{	margin-top: 1em;		}
.mgTop2em	{	margin-top: 2em;		}
.mgTop3em	{	margin-top: 3em;		}
.mgTop4em	{	margin-top: 4em;		}
.mgTop5em	{	margin-top: 5em;		}
.mgTop6em	{	margin-top: 6em;		}


/*微調整用*/
.mgHnav			{	margin: 0.5em 1em;	}

/*一覧ページ用*/
.mgLeft1em	{	margin-left: 1em;		}


/*パディング*/
/*all*/
.pdCommon1em{	padding: 1em;		}
.pdCommon2em{	padding: 2em;		}
.pdCommon3em{	padding: 3em;		}


/*上部のみ*/
.pdTop1em{	padding-top: 1em;	}
.pdTop2em{	padding-top: 2em;	}
.pdTop3em{	padding-top: 3em;	}
.pdTop4em{	padding-top: 4em;	}
.pdTop5em{	padding-top: 5em;	}



/*下部のみ*/
.pdBottom1em{	padding-bottom: 1em;	}
.pdBottom2em{	padding-bottom: 2em;	}
.pdBottom3em{	padding-bottom: 3em;	}
.pdBottom4em{	padding-bottom: 4em;	}
.pdBottom5em{	padding-bottom: 5em;	}
.pdBottom6em{	padding-bottom: 6em;	}


/*上下ほしい*/
.pdUBpat01	{	padding: 1em 1em;	}
.pdUBpat02	{	padding: 2em 1em;	}
.pdUBpat03	{	padding: 3em 1em;	}
.pdUBpat04	{	padding: 4em 1em;	}


.exPad{
	padding: 0.25em 0.75em;
}


/*イメージです専用*/
.pdCap00{
	padding: 0 0.5em;
	bottom:2em
}
/*タリーズ微調整*/
.pdCapTc01{
	right: 2.25em;
	top:14.5em
}
.pdCapTc02{
	right: 2.25em;
	top:16em
}
.pdCapTc03{
	right: 2.25em;
	top:14.5em
}

/*平庄専用*/
.pdCaphirasho{
	padding: 0 0.5em;
	bottom:7em
}

/*専用マージンパディング処理*/
.pdmgTekte01{
	padding: 0 0.5em;
	border-radius: 0.25em;
	margin: 0.3em;
}

/*ul専用*/
.pdUl{
	padding-left: 1em;
}



.mgR05em{	margin-right: 0.5em;}
.mgR1em{ margin-right:1.25em }

/*幅設定*/
.w04p {		width: 4%;		}
.w05p {		width: 5%;		}
.w07p {		width: 7%;		}
.w10p {		width: 10%;		}
.w18p {		width: 18.5%;		}
.w20p {		width: 20%;		}
.w30p {		width: 30%;		}
.w35p {		width: 35%;		}
.w40p {		width: 40%;		}
.w50p {		width: 50%;		}
.w60p {		width: 60%;		}
.w65p {		width: 65%;		}
.w70p {		width: 70%;		}
.w73p {		width: 73%;		}
.w75p {		width: 75%;		}
.w80p {		width: 80%;		}
.w90p {		width: 90%;		}
.w100p {	width: 100%;	}


/*微調整用*/
.w25p {		width: 25%;		}
.w33p {		width: 33%;		}
.w45p {		width: 45%;		}
.w47p {		width: 47%;		}
.w55p {		width: 55%;		}
.w56p {		width: 56%;		}
.w65p {		width: 65%;		}
.w83p {		width: 83%;		}
.w85p {		width: 85%;		}
.w89p {		width: 89.5%;		}
.w98p {		width: 98%;		}
/*一覧画面box-shadow用*/
.w99p {		width: 99%;		}



.wem01{	width: 1.5em;			}
.wem02{	width: 2.3em;			}



/*幅固定値*/
.w100{	width: 100px;		}
.w200{	width: 200px;		}
.w300{	width: 300px;		}
.w400{	width: 400px;		}
.w500{	width: 500px;		}
.w2000{width: 2000px;		}


/*背景色*/
.bgcolBlk	{	background-color: #000;	}
.bgcolWht	{	background-color: #FFF;	}
.bgcolGry	{	background-color: #eee;	}
.bgColTek	{	background-color: #C41C1C;}
.bgColCat { background-color: #44280e;}
.bgColGrn	{	background-color: #386A64;}
.bgColRed	{	background-color: #C11920;}
.bgColGol	{	background-color: #c78d4b;}
.bgColGol01	{	background-color: #fff4e5;}

/*半透明背景*/
.bgcolWht95		{	background-color: rgba(255,255,255,0.80);	}


/*その他背景色*/
.bgcol01		{	background-color: #f2efe0;	}
.bgcol02		{	background-color: #f1efe0;	}
.bgcol03		{	background-color: #cbbe82;	}



/*画像の背景*/
.bgImg01		{
	background-image: url(../images/common/boxBg01.png);
	background-repeat: repeat-y;
	background-position: center;
}



/*色設定*/
.colBlk	{	color: #000;	 }
.colWht	{	color: #FFF;	 }
.colRed {	color: #c41c1c;}
.colBwn { color: #5a3d20;}
.colGrn	{	color: #386A64;}
.colGld {	color: #c78d4b;}
.colBle {	color: #2B3556;}




/*その他*/
.col01	{	color: #00bfdf;	}
.col02	{	color: #b37617;	}
.col03	{	color: #fff04a;	}
.col04	{	color: #000;	}


/*ボーダー*/
.bdCommon01{
	border: solid 1px #ccc;
}
.bdCommon02{
	border: solid 1px #999;
}

.bdCommon03{
	border: solid 4px #44280e;
}



/*詳細ページ用個別*/
.bdTopEx01{
	border-top: solid 3px #00bfdf;
}


/*左ボーダー*/
.bdlDot01{
	border-left: dotted 1px #000;
}
.bdlDot02{
	border-left: dotted 1px #999;
}



/*下部ボーダー*/
.bdbDot01{
	border-bottom: dotted 1px #000;
}
.bdbDot02{
	border-bottom: dotted 1px #999;
}








/*----------------------------------------------*/
/*					その他						*/
/*----------------------------------------------*/

/*topへ*/
#pageup {
	position: fixed;
	bottom: 0;
	right: 2em;
}
.gotop{
	border-bottom: solid 3px #a0a0a0;
	background-color: #a0a0a0;
	opacity: 85%;
}
.gotop a:hover,
.gotop a:active,
.gotop a:focus {
	color: #000 !important;
}

.reflect-xy {
  transform: scale(-1, -1);
}


/*add*/
.pos_Fukubukuro{
/*	margin:-1% 0 0 50%;*/
/*	margin:-1% 0 0 76%;*/
	margin:-1% 0 0 67%;
}
.pdShopCat{
	padding: 0.2em 0.5em;
	margin-right: 1em;
}

.shopTtl{
	padding-bottom: 0.8em;
}
.shopTtl:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: repeating-linear-gradient(-45deg, #44280e, #44280e 2px, white 2px, white 4px);
}

.detailInfo{
	margin-top: 1em;
}

.floatImgR{
	float:right;
	padding:0 0 1em 1em;
/*	width: 40%;*/
}

.note{
	border: solid 1px #000;
	display: inline-block;
	padding: 0.25em 0.5em;
	margin-bottom: 0.5em;
}

.inlineBlock {
	display: inline-block;
}


/*ツールチップ*/
.descShop,
.descPhone {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 100px;
}


.descShop:before,
.descPhone:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
}
.toolTip:hover .descShop{
    display: inline-block;
    top: -76px;
    left: -38px;
}
.toolTip:hover .descPhone{
    display: inline-block;
    top: -76px;
    left: -42px;
}



.toolTip:hover .descShop.text1l{
    display: inline-block;
    top: -58px;
    left: -32px;
}
.toolTip:hover .descPhone.text1l{
    display: inline-block;
    top: -58px;
    left: -42px;
}

.toolTip:hover .descPhone.text1l{
    display: inline-block;
    top: -58px;
    left: -42px;
}

.toolTip:hover .descPhone.text1l.web{
    display: inline-block;
    top: -56px;
    left: -28px;
}




/*あまりよろしくない書き方・・・*/
/*マウスカーソル*/
.pointer{
		cursor: pointer;
}
.boxHeight2em{
	height: 2em;
}
.boxHeight3em{
	height: 3em;
}


.noteSp{
	border: solid 1px #664e39;
	margin: 0.5em 0;
}
.pdNote{
		padding: 0.75em 0.5em;
		margin-left: 0.75em;
		margin-right: 0.75em;
}
.mgNoteSp{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


/*横幅100％で2カラム表示時のレイアウト微調整用*/
.w100p2col {
    margin-right: 1.2em;
    width: 37%;
}
/*BOXの右端そろえる用*/
.w100p2colMgr{
    margin-right: 1.5em;
}



/*	丸囲いリスト 	*/
ol{
		position: relative;
		margin: 0;
		padding: 0
}
ol li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 1.25em
}
ol li span {
	position: absolute;
	left: 0;
	margin: 0
}
/* 丸囲い数字20まで
①	①	②	②
③	③	④	④
⑤	⑤	⑥	⑥
⑦	⑦	⑧	⑧
⑨	⑨	⑩	⑩
⑪	⑪	⑫	⑫
⑬	⑬	⑭	⑭
⑮	⑮	⑯	⑯
⑰	⑰	⑱	⑱
⑲	⑲	⑳	⑳
*/



/*icon微調整*/
.iconPosShop {
    top: 0px;
    left: -0.75em;
    height: 1.25em;
}
.iconPosPhone{
    top: 0px;
    left: -0.35em;
    width: 0.85em;
}
.iconPosEC{
	margin-right: 0.25em;
	padding-bottom: 0.25em;
	font-size: 1.8em;
}

.iconPosEC_list{
	margin-right: 0.25em;
/*	padding-bottom: 0.25em;*/
	font-size: 2.25em;
}


/*商品画像・ショップアイコン表示エリア（正方形）*/
.itemImg{
	width: 190px;
	height: 190px;
	padding-left: 1em;
	padding-bottom: 1em;
}
.itemImgEx{
	width: 210px;
	height: 200px;
	padding-bottom: 2.5em;
}


/*画像クロップ*/
.imgFit {
    object-fit: cover;
}

.imgFitContain {
    object-fit: contain;
}


/*商品画像微調整用*/
.itemPOs01{
	object-position: 100% 70%
}
.itemPOs02{}
.itemPOs03{}
.itemPOs04{
	object-position: 60% 70%
}
.itemPOs05{
	object-position: 47% 1.5em;
}
.itemPOs01{}
.itemPOs10{
	object-position: 47% 1.5em;
}


.itemPOs02-01{
		object-position: 82% 70%
}

.itemPOs02-03{
		object-position: 60% 70%
}



/*2カラム調整用*/
.col2Pos{
	padding-right: 0.55em;
}


.fa-shopping-cart.iconPosEC:before {
    content: "\f07a";
    font-size: 0.6em;
}

.triangle {
    font-size: 0 !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #000;
    border-right: 0;
    vertical-align: revert;
    padding: 0 0.5em;
    display: inline-block;
}