@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/*----------リセット-------------*/
html {
  overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote {
  margin: 0;
  padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
ol.ul,li {
  list-style:none;
}
img{
  border: 0;
  vertical-align: middle;
}

/*----------ページ・共通-------------*/
body {
  background: #FFF;
  color: #333;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 12px;
  line-height: 18px;
  -webkit-text-size-adjust: none;
}
#sp_wrap {
  width: 100%;
}
.clear {
  clear: both;
}
.f_left {
  float: left;
}
.f_right {
  float: right;
}
.cf {
	overflow: hidden;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
}

/*----------商品一覧 base-------------*/
.mod_item_wrap_01,
.mod_item_wrap_02{
  font-size: 14px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.875;
  color: #222222;
  letter-spacing: 0.1em;
  width: 100%;
  box-sizing: border-box;
}
.mod_item_wrap_01 *, .mod_item_wrap_01 *:before, .mod_item_wrap_01 *:after,
.mod_item_wrap_02 *, .mod_item_wrap_02 *:before, .mod_item_wrap_02 *:after{
	box-sizing: border-box;
}
.mod_item_wrap_01 img,
.mod_item_wrap_01 figure,
.mod_item_wrap_02 img,
.mod_item_wrap_02 figure{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
.mod_item_wrap_01 img,
.mod_item_wrap_02 img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
.mod_item_wrap_01 a,
.mod_item_wrap_02 a {
  color: #551900;
  vertical-align: baseline;
  text-decoration: none;
  transition: all .2s;
}
@media print, screen and (min-width:768px){
  .mod_item_wrap_01,
  .mod_item_wrap_02{
    min-width: 950px;
  }
  .mod_item_wrap_01 a:hover,
  .mod_item_wrap_02 a:hover {
    opacity: 0.7;
    text-decoration: none;
    transition: .2s ease-in-out;
  }
}
@media screen and (max-width:767px) {
  .mod_item_wrap_01,
  .mod_item_wrap_02 {
    font-size: 12px;
    line-height: 1.83;
    letter-spacing: 0.12em;
  }
  .mod_item_wrap_01 img,
  .mod_item_wrap_02 img {
    max-width: 100%;
    height: auto;
  }
}