@charset "shift_jis";
/* CSS Document */
#omutsu_mtx_title{
  max-width: 750px !important;
  margin: 0 auto;
}

#omutsu_mtx_title img{
  width: 100%;
}

#omutsu_mtx_title a{
  text-decoration: none;
  display: block;
  color: inherit;
}

#omutsu_mtx_title .pc_none{
  display: none;
}

/*タイトル*/
#omutsu_mtx_title h2{
  width: 100%;
  margin: 0 auto 20px;
  font-size: 28px;
  color: #7dc840;
  border: solid 4px #7dc840;
  /* background-color: #7dc840; */
  text-align: center;
  padding: 5px 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

#omutsu_mtx_title h2 img{
  height: 80px;
  width: auto;
}

/*商品名*/
#omutsu_mtx_title h3{
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 10px 0;
  height: 27px;
}

/*カラム*/
#omutsu_mtx_title .col_1,
#omutsu_mtx_title .col_3{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#omutsu_mtx_title .col_1 > li{
  position: relative;
  width: 65%;
  margin: 0 auto;
}

#omutsu_mtx_title .col_3 > li{
  width: calc((90% - 23px)/3);
  margin: 0 45px 20px 0;
  display: inline-block;
  position: relative;
}

#omutsu_mtx_title .col_3 > li:nth-child(3n){
  margin: 0 0 20px 0;
}

#omutsu_mtx_title .col{
  display: flex;
}

#omutsu_mtx_title .col > div{
margin: 0 10px;
}

/*価格プロ*/
#omutsu_mtx_title .col_1 li .price,
#omutsu_mtx_title .col_3 li .price{
  font-size: 27px;
  color: #f21d27;
  text-align: center;
}

#omutsu_mtx_title .col_1 li .price .spesicalprice,
#omutsu_mtx_title .col_3 li .price .spesicalprice{
  display: none;
}

#omutsu_mtx_title .col_1 li .intax,
#omutsu_mtx_title .col_3 li .intax{
  font-size: 12px;
  color: #f21d27;
}

/*もっと見る*/
#omutsu_mtx_title .menu h4{
  width: 60%;
  margin: 0 auto 50px;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  background-color: #222;
  border: solid 1px #222;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  display: block;
}

#omutsu_mtx_title .menu h4:hover{
  color: #222;
  background-color: #fff;
  transition: 0.2s;
}

#omutsu_mtx_title .menu h4.none{
  display: none;
  transition: 0.5s;
}

#omutsu_mtx_title .menu .submenu{
  display: none;
}

.category_base{
  max-width: 750px;
  margin: 50px auto 0 !important;
}