@charset "Shift-JIS";
/*************************
normalfont
**************************/
body {
  font-size: 14px;
  line-height: 160%;
}

.txtchange ul li a.tssmall {
  background-image: url(../images/right/btn_txtsize_small.gif);
  background-position: left top;
}
.txtchange ul li a.tsnormal {
  background-image: url(../images/right/btn_txtsize_middle.gif);
  background-position: left bottom;
}
.txtchange ul li a.tslarge {
  background-image: url(../images/right/btn_txtsize_large.gif);
  background-position: left top;
}
.txtchange ul li a.tssmall:hover, .txtchange ul li a.tslarge:hover {
  background-position: left -24px;
}

.txtchangeAC ul li a.tssmall {
  background-image: url(../images/right/btn_txtsize_small.gif);
  background-position: left top;
}
.txtchangeAC ul li a.tsnormal {
  background-image: url(../images/right/btn_txtsize_middle.gif);
  background-position: left bottom;
}
.txtchangeAC ul li a.tslarge {
  background-image: url(../images/right/btn_txtsize_large.gif);
  background-position: left top;
}
.txtchangeAC ul li a.tssmall:hover, .txtchangeAC ul li a.tslarge:hover {
  background-position: left -24px;
}

/************************
個別設定
************************/
/*ヘッダー*/
.txtchangeHeader .l-frame {
  padding: 7px 12px;
}
.txtchangeHeader ul .normal {
  background-color: #af0000;
  margin-right: 5px;
}
.txtchangeHeader ul .normal a {
  color: #fff;
}
.txtchangeHeader ul .large {
  background-color: #bfbfbf;
}
.txtchangeHeader ul .large a {
  color: #310c00;
}

@media screen and (min-width: 768px) {
	#headerR {
	  width: 650px;
	}
	#headerR .l-contents {
	  width: 420px;
	}
	#headerR .headerBtnarea .btnlist li {
	  width: 200px;
	}
	#headerR .headerBtnarea .btnlist .cssBtn.typeYellow a {
	  font-weight: bold;
	  width: 200px;
	  text-align: left;
	  padding: 8px 0px 8px 24px;
	}
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  #headerR .headerBtnarea .btnlist .cssBtn.typeYellow a {
    letter-spacing:-0.07em;
  }
}
@-moz-document url-prefix() {
  #headerR .headerBtnarea .btnlist .cssBtn.typeYellow a {
    letter-spacing:-0.07em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #headerR .headerBtnarea .btnlist .cssBtn.typeYellow a {
    letter-spacing:-0.07em;
  }
}

@media screen and (min-width: 768px) {
	#headerR .headerBtnarea .btnlist .cssBtn.typeYellow a span{
	  letter-spacing:0;
	}
	#headerR .headerBtnarea .btnlist .cssBtn.typeYellow a:before {
	  left: 8px;
	}
	#headerR .headerBtnarea .btnlist .cssBtn.typeOrange a {
	  font-weight: bold;
	  width: 200px;
	  text-align: left;
	  padding: 8px 0px 8px 35px;
	}
	#headerR .headerBtnarea .btnlist .cssBtn.typeOrange a:before {
	  left: 15px;
	}
	#headerR .headnavi li.first {
	  width: 110px;
	}
	#headerR .headnavi li.second {
	  width: 165px;
	}
	#headerR .headnavi li.last {
	  width: 139px;
	}
	#headerR .headnavi li.last a {
	  text-align: left;
	}
	#headerR .headnavi li.last a:before {
	  left: 0px;
	}
	#headerR .headRunder .cartinfo {
	  padding: 12px 0px 12px 7px;
	  text-align: center;
	}
	#headerR .headRunder dt {
	  color: #310c00;
	  float: left;
	  margin-right: 0px;
	  font-size: 107.142857143%;
	}
	#footer .footmenu ul li.first {
	  width: 76px;
	}
	#footer .footmenu ul li.second {
	  width: 209px;
	}
	#footer .footmenu ul li.third {
	  width: 224px;
	}
	#footer .footmenu ul li.fourth {
	  width: 122px;
	}
	#footer .footmenu ul li.fifth {
	  width: 117px;
	}
	#footer .footmenu ul li.sixth {
	  width: 118px;
	}
	#footer .footmenu ul li.last {
	  width: 84px;
	}
	#footer .footmenu ul li:last-child {
	  margin-right: 0;
	}
	#footer .footmenu ul li:last-child a {
	  text-align: right;
	}
	#footer .footmenu ul li:last-child a:before {
	  left: 3px;
	}
	#footer .footmenu ul li a {
	  padding-left: 13px;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl {
	  letter-spacing:0;
		padding-right: 19px;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.first {
	  width: auto;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.second {
	  width: auto;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.third {
	  width: auto;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.fourth {
	  width: auto;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.fifth {
	  width: auto;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.sixth {
	  width: auto;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.seventh {
	  width: auto;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.last {
	  width: auto;
		padding-right: 0;
	}
	#footer #footBottom #footBottominBox .footNavi .itemList dd dl.last dt {
		text-align: right;
	}
	#footer #footBottom #footBottominBox .footNavibox .footNavilist .cssBtn.typeYellow a {
	  font-weight: bold;
	  width: 200px;
	  text-align: left;
	  padding: 8px 0px 8px 24px;
	}
	#footer #footBottom #footBottominBox .footNavibox .footNavilist .cssBtn.typeYellow a:before {
	  left: 8px;
	}
	#footer #footBottom #footBottominBox .footNavibox .footNavilist .cssBtn.typeYellow a span{
		letter-spacing:0;
	}
	#footer #footBottom #footBottominBox .footNavibox .footNavilist .cssBtn.typeOrange a {
	  font-weight: bold;
	  width: 200px;
	  text-align: left;
	  padding: 8px 0px 8px 35px;
	}
	#footer #footBottom #footBottominBox .footNavibox .footNavilist .cssBtn.typeOrange a:before {
	  left: 15px;
	}
	#footer #footBottom #footBottominBox .footNavibox .footNavilist .l-frame {
	  width: 534px;
	  padding: 11px 4px 13px 4px;
	}
	#footer #footBottom #footBottominBox .footNavibox .footNavilist .l-frame .companyInfo br {
	  display: none;
	}
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  #footer #footBottom #footBottominBox .footNavibox .footNavilist .cssBtn.typeYellow a {
    letter-spacing:-0.07em;
  }
}
@-moz-document url-prefix() {
  #footer #footBottom #footBottominBox .footNavibox .footNavilist .cssBtn.typeYellow a {
    letter-spacing:-0.07em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #footer #footBottom #footBottominBox .footNavibox .footNavilist .cssBtn.typeYellow a {
    letter-spacing:-0.07em;
  }
}

/************************
お知らせ
************************/
@media screen and (min-width: 768px) {
	#Contents #ContentsL .TopInfoList dl dt {
	  width: 105px;
	}
	#Contents #ContentsL .TopInfoList dl dd {
	  width: 578px;
	  background-position: left 6px;
	  padding-left: 10px;
	  background-repeat: no-repeat;
	}

	/************************
	商品一覧
	************************/
	.OneItem dl dt {
	  background-image: url(../images/top/top_cate_arrow.gif);
	  background-repeat: no-repeat;
	  background-position: left 6px;
	}

	/************************
	タイトル
	************************/
	/*汎用見出し*/
	#ContentsL .ttltxt {
	  width: 664px;
	  height: 36px;
	  margin: 0 auto 25px auto;
	  padding: 14px 0 0 45px;
	  text-align: left;
	  overflow: hidden;
	  background-repeat: no-repeat;
	  background-position: left top;
	  background-image: url(../images/common/bg_ttl_contents.gif);
	  font-weight: bold;
	  position: relative;
	  font-size: 22px;
	  line-height: 1em;
	  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

	/*汎用見出し全画面*/
	#ContentsC .ttltxt {
	  width: 904px;
	  height: 36px;
	  margin: 0 auto 0 auto;
	  padding: 14px 0 0 45px;
	  text-align: left;
	  overflow: hidden;
	  background-repeat: no-repeat;
	  background-position: left top;
	  background-image: url(../images/common/bg_ttl_contents.gif);
	  font-weight: bold;
	  position: relative;
	  font-size: 22px;
	  line-height: 1em;
	  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
}
@media screen and (max-width: 767px) {
  #ContentsC .ttltxt {
    width: 92.1875%;
    height: auto;
    font-size: 135.714285714%;
    line-height: 1;
    padding: 10px 0px 10px 25px;
    margin: 0;
    background: none;
    border: 1px #d4d4d4 solid;
    border-width: 1px 0;
  }
  #ContentsC .ttltxt:before {
    content: "";
    width: 10px;
    height: 6px;
    position: absolute;
    left: 3.125%;
    top: 50%;
    margin-top: -3px;
    background: url("../images/sp/common/bg_ttl_contents_sp.png") no-repeat 0 0;
    background-size: contain;
  }
}
/*************************
商品一覧タイトル
**************************/
/*************************
詳細キャッチ
**************************/
#ContentsL .Catch {
  width: 710px;
  height: 36px;
  margin: 0 auto 25px auto;
  padding: 14px 0 0 0;
  text-align: left;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(../images/common/bg_ttl_catch.gif);
  font-weight: bold;
  position: relative;
  font-size: 22px;
  line-height: 1em;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*************************
input関連
**************************/
input, select, textarea {
  font-size: 14px;
}

input[type='text'], input[type='password'] {
  font-size: 14px;
}

select {
  font-size: 14px;
}

textarea {
  font-size: 14px;
}
textarea.textAreaMax, textarea.kiyaku {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  textarea {
    font-size: 14px;
  }
  textarea.textAreaMax, textarea.kiyaku {
    font-size: 11px;
    -webkit-appearance: none;
    border-radius: 0;
    border-color: #aaadb2;
  }
	/*************************
	電話・FAXでのお問い合わせ
	**************************/
	.contactArea .contactBox.is-right .l-frame.is-right .cssBtn.typeOrange a, .contactArea .contactBox.is-right .l-frame.is-right .cssBtn.typeGray a {
	  padding: 5px 0;
	}
	.contactArea .contactBox.is-right .l-frame.is-right .cssBtn.typeOrange a:before, .contactArea .contactBox.is-right .l-frame.is-right .cssBtn.typeGray a:before {
	  left: 15px;
	}
}

/*************************
アイテムリスト
**************************/
#Contens-iscenter .Products-wrapper .ProductsList .cssBtn.typeYellow a:before,
#Contens-iscenter .Products-wrapper .ProductsList .cssBtn.typeOrange a:before {
  left: 34px;
}

/*************************
よく見られてる商品
**************************/
.OneBox .popitemList .cssBtn.typeYellow a:before,
.OneBox .popitemList .cssBtn.typeOrange a:before {
  left: 13px;
}

.OneItem .cssBtn.typeGray span {
  font-size: 98%;
}

.DetailCartData .cssBtn.typeGray {
  font-size: 128%;
}

.popitemList .OneItem .cssBtn.typeGray span {
  font-size: 70%;
}
@media screen and (max-width: 767px) {
  .popitemList .OneItem .cssBtn.typeGray span {
    font-size: 100%;
  }
  .OneBox .popitemList .cssBtn.typeOrange a {
	line-height:160%;
  }
  .OneBox .popitemList .cssBtn.typeOrange a:before {
    left: 10px;
  }
}