@charset "euc-jp";

/* reset */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea,
p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/*img {　-webkit-backface-visibility: hidden;
  -ms-interpolation-mode: nearest-neighbor;  /* IE8+ */
  /*image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
  /*image-rendering: pixelated;　}*/

.none_border_table,
.product_option_table table {
  border-spacing: 0;
  border-collapse: collapse;
}
fieldset,
img {
  border: 0;
  vertical-align: bottom; max-width: 100%; width: auto; height: auto;
}
address, caption, cite, code,
dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}
 
ol, ul {
  list-style: none;
}
 
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}
q:before,
q:after {
  content: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
}
input,
textarea,
select {
  *font-size: 100%;
}
legend {
  color: #000;
}

/* font size */
select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif;
}
table {
  font: 100%;
  font-size: inherit;
}
pre, code, kbd, samp, tt {
  font-family: monospace;
  line-height: 100%;
  *font-size: 108%;
}

/* common */
body { color: #763802; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; min-width: 100%; }
}
a {
  color: #3579bf;
}
/*input[type="text"],
textarea,
select {
  border: 1px solid #888;
}*/

/* icons */
.icon:before,
.ie_icon {
  display: inline-block;
  vertical-align: -0.9em;
  margin-right: 4px;
  width: 30px;
  height: 30px;
  background-image: url(https://img21.shop-pro.jp/PA01423/777/etc/icon.png?cmsp_timestamp=20181015104323);
  background-repeat: no-repeat;
  content: "";
}
  .icon_myaccount:before,
  .ie_icon_myaccount {
    background-position: left -30px;
  }
  /*.icon_regist:before,
  .ie_icon_regist {
    background-position: left -192px;
  }
  .icon_login:before,
  .ie_icon_login {
    background-position: left -224px;
  }
  .icon_logout:before,
  .ie_icon_logout {
    background-position: left -208px;
  }*/
  .icon_search:before,
  .ie_icon_search {
    background-position: left -60px;
  }
  .icon_viewcart:before,
  .ie_icon_viewcart {
    background-position: left -0px;
  }
  /*.icon_sort:before,
  .ie_icon_sort {
    background-position: left -112px;
  }
  .icon_prev:before,
  .ie_icon_prev {
    margin-right: 0;
    background-position: left -32px;
  }
  .icon_next:before,
  .ie_icon_next {
    float: right;
    margin-right: 0;
    background-position: right -48px;
  }
  .icon_prev_dis:before,
  .ie_icon_prev_dis {
    margin-right: 0;
    background-position: left -64px;
  }
  .icon_next_dis:before,
  .ie_icon_next_dis {
    float: right;
    margin-right: 0;
    background-position: right -80px;
  }
  .icon_lst:before,
  .ie_icon_lst {
    margin-right: 0;
    background-position: left -176px;
  }
    .footer_lst .icon_lst:before,
    .footer_lst .ie_icon_lst {
      margin-left: -16px;
    }
  .icon_down:before,
  .ie_icon_down {
    display: none;
  }
  .icon_category_lst:before,
  .ie_icon_category_lst {
    display: none;
  }
  .icon_review:before,
  .ie_icon_review {
    background-position: left -240px;
  }
  .icon_review_post:before,
  .ie_icon_review_post {
    background-position: left -256px;
  }*/

/* layout */
#Container { width: 100%; }

/* header */
#Header { max-width: 970px; width: 95%; margin: 0 auto; padding: 10px 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
#Header ul { display: -webkit-flex; display: flex; justify-content: -webkit-flex-end; justify-content: flex-end; font-size: 0.875em; }
#Header ul li#Menu { display: none; }
#Header ul li#Cart,#Header ul li#Mypage { align-self: center; min-width: 117px; }
#Header ul li a { display: block; padding: 2px 5px; font-size: 0.875em; color: #FFF; height: 34px; box-sizing: border-box; border: 1px solid #d3d3d4; text-decoration: none; background: #6c421c; border-radius: 5px; text-align: center; }
#Header ul li { margin-left: 10px; height: 34px; }
.search_btn { display: none; }
.search_box { display: block; }
.prd_search_keyword { border: 1px solid #CCC; border-radius: 5px 0 0 5px; padding: 3px 5px; vertical-align: middle; border-right: none; font-size: 0.875em; width: 165px; height: 34px; box-sizing: border-box; vertical-align: top; }
.prd_search_btn { border: 1px solid #CCC; background: #6c421c; border-radius: 0 5px 5px 0; padding: 0; color: #FFF; height: 34px; margin-left: -1px; }
#Header ul li .prd_search_btn i { width: 30px; height: 30px; display: block; margin: auto; }

/* header global nav */
#Navi,#Footer { background: #da3915; }
#Navi ul { max-width: 970px; width: 95%; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: space-between; border-right: 1px solid #FFF; }
#Navi ul li { max-width: 160px; width: 16.6%; border-left: 1px solid #FFF; }
#Navi ul li a { display: block; width: 100%; background-image: url(https://img07.shop-pro.jp/PA01423/777/etc/navi.png?cmsp_timestamp=20210312155045); background-repeat: no-repeat; padding-top: 25%; height: 0; overflow: hidden; background-size: 600% auto; }
#Navi ul li#About a { background-position: left top; }
#Navi ul li#Kodawari a { background-position: 20% top; }
#Navi ul li#Item a { background-position: 40% top; }
#Navi ul li#Guide a { background-position: 60% top; }
#Navi ul li#English a { background-position: 80% top; }
#Navi ul li#Inquiry a { background-position: top right; }
#Navi ul li a:hover,#Navi ul li a.ac { background-color: #FFF; border: 1px solid #da3915; padding-top: 24%; box-sizing: border-box; }
#Navi ul li#About a:hover,#Navi ul li#About a.ac { background-position: left bottom; }
#Navi ul li#Kodawari a:hover,#Navi ul li#Kodawari a.ac { background-position: 20% bottom; }
#Navi ul li#Item a:hover,#Navi ul li#Item a.ac { background-position: 40% bottom; }
#Navi ul li#Guide a:hover,#Navi ul li#Guide a.ac { background-position: 60% bottom; }
#Navi ul li#English a:hover,#Navi ul li#English a.ac { background-position: 80% bottom; }
#Navi ul li#Inquiry a:hover,#Navi ul li#Inquiry a.ac { background-position: right bottom; }

/* topicpath */
.topicpath_nav {
  margin: 2em 0;
  font-size: 0.875em;
}
  .topicpath_nav li {
    display: inline;
    margin-right: .2em;
  }
  .topicpath_nav li a {
    margin-left: .2em;
    color: #444;
    text-decoration: none;
  }
  .topicpath_nav li a:hover {
    text-decoration: underline;
  }

/* footer */
#Footer { padding: 20px 0; }
#Foot-inner { max-width: 970px; width: 95%; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } 
#Info { color: #FFF; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; width: 360px; }
#Info address { font-size: 0.875em; line-height: 1.5em; width: 100%; }
#Info address strong { font-size: 1.35em; font-weight: bold; }
#Info dl { display: -webkit-flex; display: flex; justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; margin-top: 20px; line-height: 1.5em; width: 210px; }
#Info dl dt { font-size: 0.813em; width: 2.5em; }
#Info dl dd { font-size: 1.250em; font-weight: bold; width: calc(100% - 2.5em); }
#Info p { font-size: 0.813em; text-align: center; border: 1px solid #FFF; padding: 5px 7px; margin-top: 20px; line-height: 1.5em; }
#Footer ul { max-width: 410px; width: calc(100% - 410px); display: -webkit-flex; display: flex; justify-content: flex-end; justify-content: flex-end; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; font-size: 0.875em; line-height: 1.5em; }
#Footer ul a { color: #FFF; text-decoration: none; padding: 0 1.18em; border-right: 1px solid #FFF; } 
#Footer ul li:first-child a { padding: 0 1.18em 0 0; }
#Footer ul li:last-child a { padding: 0 1.18em 0 1.17em; }
.copy { color: #FFF; text-align: center; max-width: 970px; width: 95%; margin: 30px auto 0 auto; font-size: 0.750em; }

/* social icons */
.social_lst ul {
  padding-left: 16px;
  text-align: left;
}
.social_lst li {
  display: inline;
  margin-left: 1em;
}
.social_lst img {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}

/* list */
/*.def_lst {
  border-top: 1px solid #eee;
}
  .def_lst_dt {
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: bold;
    float: left;
    clear: both;
    width: 30%;
    word-break: break-all;
  }
  .def_lst_dd {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 35%;
    border-bottom: 1px solid #eee;
  }
    .def_lst_dd img {
      max-width: 100%;
      width: inherit;
      height: auto;
    }*/

/* contents */
.section-inner { max-width: 970px; width: 95%; margin: 0 auto; }
.sp { display: none; }
.flex { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#Main { width: calc(100% - 245px); padding-bottom: 1px; min-height: 600px; margin-bottom: 60px; }
#Contents > h2 { max-width: 970px; width: 95%; margin: 0 auto; }
#Side .choice { display: none; }

/* side navi */
#Side { width: 227px; margin-top: 30px; }
#Side ul li a,#Side ul li span { display: block; background: #fdecde; border-bottom: 1px solid #da3915; color: #763802; text-decoration: none; padding: 10px 10px 10px 23px; font-size: 0.875em; position: relative; letter-spacing: -0.05em; } 
#Side ul li a::before,#Side ul li span::before { content: ""; width: 5px; height: 70%; display: block; background: #da3915; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; }
#Side ul li ul li a { background: #FFF; padding: 10px 10px 10px 30px;}
#Side ul li ul li a::before { display: none; }
#Side ul li a.ac { color: #da3915; font-weight: bold; }

/* pickup */
#Pickup { background: url(https://img21.shop-pro.jp/PA01423/777/etc/bg_circle.png?cmsp_timestamp=20181015184730),-webkit-linear-gradient(top, rgba(229,229,229,0) 45%,rgba(229,229,229,0) 80%,rgba(108,66,28,0.1) 100%); background: url(https://img21.shop-pro.jp/PA01423/777/etc/bg_circle.png?cmsp_timestamp=20181015184730),linear-gradient(to bottom, rgba(229,229,229,0) 45%,rgba(229,229,229,0) 80%,rgba(108,66,28,0.1) 100%); padding: 80px 0 30px 0; background-repeat: no-repeat; background-position: center top, bottom; text-align: center; }
#Pickup p { color: #da3915; margin-top: 15px; }
#Pickup ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; font-size: 0.875em; color: #55260b; font-weight: bold; }
#Pickup ul li { margin-top: 30px; width: 20%; }
#Pickup ul li img { margin-bottom: 10px; max-width: 186px; width: 100%; }

/* ranking */
#Ranking { background: #ffe791; padding: 1px 0 30px 0; box-sizing: border-box; position: relative; margin-top: 100px; text-align: center; }
#Ranking::before { content: ""; display: block; position: absolute; margin: 0 auto; left: 0; right: 0; top: -45px; width: 140px; height: 140px; border-radius: 50%; background: #ffe791; z-index: -1; }
#Ranking h2 { margin-top: -20px; }
#Ranking ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; font-size: 0.875em; color: #55260b; font-weight: bold; }
#Ranking ul li { margin-top: 40px; position: relative; width: 20%; }
#Ranking ul li img { margin-bottom: 10px; }
#Ranking ul li::before { content: ""; width: 17%; height: 22%; display: block; position: absolute; left: 10%; top: -5%; background-size: 100% auto; background-repeat: no-repeat; }
#Ranking ul li.rank1::before { background-image: url(https://img21.shop-pro.jp/PA01423/777/etc/ic_1st.png?cmsp_timestamp=20181016101738); }
#Ranking ul li.rank2::before { background-image: url(https://img21.shop-pro.jp/PA01423/777/etc/ic_2nd.png?cmsp_timestamp=20181015190217); }
#Ranking ul li.rank3::before { background-image: url(https://img21.shop-pro.jp/PA01423/777/etc/ic_3rd.png?cmsp_timestamp=20181016103750); }
#Ranking ul li.rank4::before { background-image: url(https://img21.shop-pro.jp/PA01423/777/etc/ic_4th.png?cmsp_timestamp=20181016103840); }
#Ranking ul li.rank5::before { background-image: url(https://img21.shop-pro.jp/PA01423/777/etc/ic_5th.png?cmsp_timestamp=20181016103849); }
#Main #Ranking { width: 100%; }

.slick li a { color: #55260b; text-decoration: none; }

/* item list */
.item { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.item li { width: 32%; margin-left: 2%; border-top: 1px solid #a97650; box-sizing: border-box; margin-top: 30px; text-align: center; font-size: 0.875em; line-height: 1.3em; padding-top: 10px; }
.item li:nth-child(3n+1) { margin-left: 0; }
.item li a { color: #763802; display: block; text-decoration: none; }
.item li p { border-top: 1px solid #a97650; padding: 10px 0; margin-top: 10px; }
.item li p strong { font-weight: bold; }
.prd_lst_none { margin-top: 30px; }

.prd_lst_pager { margin-top: 2em; font-size: 0.938em; }
.prd_lst_pager ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; }
.prd_lst_pager li {  }
.prd_lst_pager .prd_lst_pager_prev,
.prd_lst_pager .prd_lst_pager_next { width: 5em; border: }
.prd_lst_pager .prd_lst_pager_prev { text-align: left; }
.prd_lst_pager .prd_lst_pager_next { text-align: right; }
.icon_prev_dis,
.icon_next_dis { color: #aaa; }
.prd_lst_pager a { color: #763802; text-decoration: none; }
.prd_lst_pager a:hover { text-decoration: underline; }
.prd_lst_pos b { }

/* guide */
.guide h3 { margin-top: 30px; }
.guide * + h3 { margin-top: 50px; }
.guide h4 { margin-top: 30px; font-size: 1em; color: #da3915; font-weight: bold; }
.guide h3 + h4 { margin-top: 20px; }
.guide { color: #231815; }
.guide p { font-size: 0.875em; line-height: 1.5em; margin-top: 20px; }
.guide h4 + p { margin-top: 5px; margin-left: 1em; }
.guide table { border-collapse: collapse; font-size: 0.750em; margin-top: 10px; }
.guide table td { border: 1px solid #231815; text-align: center; padding: 7px 0; }
.guide table.pc td { width: 8.3%; }
.guide table.sp td { text-align: left; padding: 7px; }
.guide table.sp td + td { text-align: center; }
.guide table.time td { width: auto; padding: 7px 15px; }
.guide a { color: #da3915; }

.flow { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flow li { width: 32%; box-sizing: border-box; margin-top: 20px; font-size: 0.875em; line-height: 1.3em; }
.flow li strong { font-size: 1.125em; color: #da3915; margin: 10px 0; display: inline-block; font-weight: bold; }
.flow + h4 { margin-top: 50px; }
.guide .ma-l { margin-left: 1em; }
.guide .ma-l5 { margin-left: 5em; }
.guide .ma-t5{ margin-top: 5px; }
.red { color: #da3915; }
.guide #Contact { text-align: center; margin-top: 50px; }
.guide #Contact a { margin-top: 10px; background: -webkit-linear-gradient(top, rgba(218,57,21,1) 0%,rgba(218,57,21,1) 50%,rgba(186,52,21,1) 51%,rgba(186,52,21,1) 100%); background: linear-gradient(to bottom, rgba(218,57,21,1) 0%,rgba(218,57,21,1) 50%,rgba(186,52,21,1) 51%,rgba(186,52,21,1) 100%); border: 1px solid #f4f4f4; font-size: 1.500em; padding: 15px; color: #FFF; font-weight: bold; max-width: 200px; width: 80%; display: block; margin: 10px auto 0 auto; text-decoration: none; }
.guide ol { list-style: decimal; font-size: 0.875em; line-height: 1.5em; margin-top: 20px; margin-left: 1.8em; }

.sp { display: none; }

/* コラム */
#ColumnIndex #Main { width: 100%; margin-top: 50px; }
#ColumnIndex #Main h3 { display: inline-block; background: #da3915; color: #FFF; font-size: 1.125em; font-weight: bold; padding: 5px 0; width: 9em; text-align: center; }
#ColumnIndex #Main ul + h3 { margin-top: 80px; }
#ColumnIndex #Main ul { display:-webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 15px; font-size: 0.875em; line-height: 1.5em; }
#ColumnIndex #Main ul li { width: 32%; border-bottom: 1px solid #aa8f78; padding: 3px 0; margin-left: 2%; margin-top: 5px; }
#ColumnIndex #Main ul li:nth-child(3n+1) { margin-left: 0; }
#ColumnIndex #Main ul li a { color: #55260b; text-decoration: none; }
#ColumnIndex #Main ul li a::before { content: "・"; }
#ColumnIndex #Main ul li a:hover { color: #da3915; }

#Column #Main { margin-top: 30px; background: -webkit-linear-gradient(top, rgba(218,57,21,1) 0%,rgba(218,57,21,1) 100%);
background: linear-gradient(to bottom, rgba(218,57,21,1) 0%,rgba(218,57,21,1) 100%); background-size: 100% 1px; background-repeat: no-repeat; padding-top: 1px; border-bottom: 1px solid #da3915; padding-bottom: 30px; }
#Column #Main h3 { display: inline-block; background: #da3915; color: #FFF; font-size: 0.875em; font-weight: bold; padding: 5px 0; width: 8em; text-align: center; margin-top: 30px; }
#Column #Main h4 { color: #55260b; font-size: 1.750em; margin-top: 20px; }
#Column #Main h5 { color: #da3915; font-weight: bold; margin-top: 30px; }
#Column #Main p { font-size: 0.875em; line-height: 1.3em; color: #000; margin-top: 10px; }
#Column #Main p + p { margin-top: 20px; }
#Column #Main h5 + p { margin-top: 5px; }

#Column #Side ul { margin-top: 10px; }
#Column #Side ul li a { display: block; background: none; border-bottom: 1px solid #aa8f78; color: #55260b; text-decoration: none; padding: 10px 0; font-size: 0.875em; position: relative; letter-spacing: -0.05em; } 
#Column #Side ul li a::before { content: "・"; width: auto; height: auto; display: inline-block; background: none; position: static; }
#Column #Side ul li a:hover { color: #da3915; }

/* こだわり */
.formality { margin-top: 30px; min-height: 400px; }

/* ミエマンについて */
.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 30px; }
 .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.about { margin-top: 30px; }
.about h4,.about h3,.history h3 { text-align: center; }
.about .flex { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.about p,.history p { font-size: 0.875em; line-height: 1.5em; color: #000; margin-top: 20px; }
.about p strong,.history p strong { font-weight: bold; font-size: 1.143em; color: #4f2704; }
.about p { text-align: center; }
.about .txt,.about .img { margin-top: 40px; }
.about .txt { margin-right: 20px; }
.about .txt p { margin-top: 10px; text-align: left; }
.about .txt p.president { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 1.143em; text-align: right; }
.about .txt p small { font-size: 0.750em; }
.about .txt p:first-child { margin-top: 0; }
.about .flex dl { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.875em; line-height: 1.5em; margin-top: 40px; width: 100%; max-width: 320px; }
.about .flex dl:first-child { max-width: 250px; }
.about .flex dl dt { width: 5em; background: #fdecde; text-align: center; padding: 2px 0; }
.about .flex dl dd { width: calc(100% - 5em); padding: 0 15px; color: #000; box-sizing: border-box; align-self: center; }
.outline { align-items: stretch!important; }
.about h4,.about table + h3 { margin-top: 80px; }

.about table { border-collapse: collapse; margin: 20px auto 0 auto; font-size: 0.875em; line-height: 1.5em; width: 90%; }
.about table th { width: 7em; background: #fdecde; text-align: center; padding: 3px 0; }
.about table td { padding: 3px 15px; color: #000; }

#Map { -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-start; overflow: hidden; }
.map { max-width: 400px; width: 55%; position: relative; padding-bottom: 40%; height: 0; overflow: hidden; margin-top: -10px; }
.map::before { content: ""; display: block; width: 100%; height: 48px; position: absolute; top: 0; left: 0; background: #FFF; z-index: 100; }
.map iframe,.map object,.map embed { position: absolute; top: -0px; left: -5px; width: 100%;height: 100%; }
.map + .txt { width: calc(100% - 62%); margin-top: 40px; }
.map + .txt a { color: #da3915; }

.history { background: #fdf6eb; padding: 0 0 60px 0; text-align: center; }
.history .inner { width: calc(100% - 235px); background: url(https://file003.shop-pro.jp/PA01423/777/images/bg_history.png) no-repeat top left; padding-top: 60px; padding-right: 10px; background-size: 100% auto; }
.history .img { margin: 70px auto 0 auto; display: table; }

/* ミエマンのこだわり */
.kodawari { margin-top: 30px; }
.kodawari h4 { color: #da3915; font-weight: bold; font-size: 1.250rem; }
.kodawari div + h3 { margin-top: 80px; }
.kodawari p { font-size: 0.813em; line-height: 1.5em; color: #000; margin-top: 20px; }
.kodawari .flex { display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; max-width: 620px; margin: 0 auto; }
.kodawari .flex .column { max-width: 275px; width: 44.5%; margin-top: 35px; }
.kodawari .flex .img { text-align: center; }
.kodawari .flex .img span,.col2 span { display: inline-block; margin-top: 10px; color: #da3915; font-size: 0.875rem; text-align: center; line-height: 1.3em; }
.kodawari .flex .column h4 { text-align: center; margin-top: 10px; }
.kodawari .flex .column h4 + .img { margin-top: 10px; }
.kodawari .flex .column h4 + .img span { color: #000; }
.kodawari h4 + p { margin-top: 10px; font-size: 0.750rem; }
.kodawari .flex > h4 { width: 100%; text-align: center; margin-top: 50px; }
.kodawari .flex > p { margin-top: 10px; width: 100%; }
.kodawari .flex > .img { max-width: 275px; width: 40%; margin-top: 20px; margin-left: 5%; }
.kodawari .flex > .txt { width: 50%; margin-left: 3%; }
.kodawari .center { justify-content: flex-start; }
.kodawari .col3,.kodawari .col2 { justify-content: space-between; align-items: center; }
.kodawari .col3 .column { width: 30%; }
.kodawari h3 + h4 { text-align: center; margin-top: 50px; }
.kodawari .col2 .left { max-width: 100%; width: 28%; text-align: center; }
.kodawari .col2 .right { max-width: 100%; width: 65%; }

/* お知らせ詳細 */
#Main.news { width: 100%; border-top: 1px solid #da3915; margin-top: 50px; }
.news h3 { color: #da3915; font-weight: bold; font-size: 1.750em; margin-top: 45px; }
.news p { color: #000000; font-size: 0.875em; line-height: 1.5em; margin-top: 25px; }
.news h3 + p,.news h4 + p { margin-top: 10px; }
.news .photo + p { margin-top: 40px; }
.news h4 { margin-top: 30px; font-size: 1rem; color: #da3915; font-weight: bold; }
.news .photo { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.news .photo .column { width: 29.5%; margin: 20px 1.9% 0 1.9%; }
.news hr { height: 1px; width: 100%; background: #da3915; border: none; margin-top: 45px; }

@media (max-width: 768px) {
  	#Header { position: relative; width: 100%; padding: 10px 2.5% 0 2.5%; box-sizing: border-box; }
	#Header h1 { width: 137px; height: auto; margin-bottom: 10px; }
  	#Header ul li { height: auto; margin-left: 5px; }
  #Header ul li#Cart,#Header ul li#Mypage { min-width: auto; }
	#Header ul li a,#Header ul li#Cart a,#Header ul li#Mypage a,#Header ul li#Menu { padding: 3px 0; background: none; border: 1px solid #6c421c; border-radius: 5px; max-width: 55px; width: 47px; margin-left: 0; font-size: 0.5em; text-align: center; color: #6c421c; letter-spacing: -0.15em; box-sizing: border-box; height: auto; margin-bottom: 10px; }
	.search_btn { display: block; }
	.search_box,#SpNavi { display: none; position: absolute; width: 100%; left: 0; background: #FFF; border-top: 1px solid #6c421c; border-bottom: 1px solid #6c421c; padding: 10px; box-sizing: border-box; top: 100%; z-index: 10; }
  	.prd_search_btn { background: #FFF; border-color: #6c421c; }
  	.prd_search_keyword { border: 1px solid #6c421c; border-radius: 5px 0 0 5px; padding: 3px 5px; vertical-align: middle; border-right: none; font-size: 0.875em; width: calc(100% - 35px); box-sizing: border-box; vertical-align: top; }
 	#Header ul li#Menu { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 37px; margin-left: 5px; }
  .search_box { height: 60px;}
	#SpNavi { background: #6c421c; padding: 0; z-index: 1000; position: absolute; top: 100%; }
	#SpNavi ul { display: block; }
    #SpNavi ul li { width: 100%; border-bottom: 1px solid #FFF; margin-left: 0; }
	#SpNavi ul li a { color: #FFF; max-width: 100%; width: 100%; margin-bottom: 0; font-size: 0.875rem; padding: 10px; font-weight: bold; letter-spacing: 0em; }
  
   .icon:before { height: 26px; display: block; background-image: url(https://img21.shop-pro.jp/PA01423/777/etc/icon_sp.png?cmsp_timestamp=20181015162912); background-size: 100%; margin: auto; }
    .icon_myaccount:before,
  	.ie_icon_myaccount {
    background-position: left -26px;
  }
  .icon_search:before,
  .ie_icon_search {
    background-position: left -52px;
  }
  .icon_menu:before,
  .ie_icon_search {
    background-position: left -78px;
    /*position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;*/
  }
	
	
  	#Navi ul { width: 100%; border-right: none; justify-content: -webkit-center; justify-content: center; }
  	#Navi ul li a { background-image: url(https://img07.shop-pro.jp/PA01423/777/etc/navi_sp.png?cmsp_timestamp=20210312155055); background-repeat: no-repeat; padding-top: 60%; transition: 0s; }
	#Navi ul li:first-child { border-left: none;}
 	#Navi ul li a:hover,#Navi ul li a.ac { background-color: #da3915; padding-top: 60%; border: none; }
  	#Navi ul li#About a:hover,#Navi ul li#About a.ac { background-position: left top; }
	#Navi ul li#Kodawari a:hover,#Navi ul li#Kodawari a.ac { background-position: 20% top; }
	#Navi ul li#Item a:hover,#Navi ul li#Item a.ac { background-position: 40% top; }
	#Navi ul li#Guide a:hover,#Navi ul li#Guide a.ac { background-position: 60% top; }
  	#Navi ul li#English a:hover,#Navi ul li#English a.ac { background-position: 80% top; }
	#Navi ul li#Inquiry a:hover,#Navi ul li#Inquiry a.ac { background-position: right top; }
  
	#Footer ul { display: none; }
	#Info { margin: 0 auto; max-width: 360px; width: 95%; }
  	#Info dl { width: 180px; }
  	#Info dl dd { font-size: 1.063em; }
	#Info p { width: calc(100% - 180px); box-sizing: border-box; font-size: 0.750em; }
  
  	#Ranking { width: 100%!important; }
	
	#Main { width: 95%; order: 2; margin-left: auto; margin-right: auto; }
	#Side { width: 95%; margin-left: auto; margin-right: auto; }
	#Side h3 { display: none; }
	#Side .choice { display: block; background: #da3915; padding: 15px 10px; box-sizing: border-box; color: #FFF; position: relative; }
	#Side .choice::after { content: "＋"; position: absolute; right: 15px; }
	#Side .sidenavi { display: none; transition: 3s all; }
	#Side ul li a,#Side ul li ul li a  { padding-top: 15px; padding-bottom: 15px; }
  	#Side ul li a.ac { color: #763802; font-weight: normal; }
	
	#Contents > h2 { width: 100%; }
	.flex { width: 100%; }
	.item,.details { width: 95%; margin: 0 auto; }
  
  	.history .inner { width: 100%; padding-right: 0; }
}


@media (max-width: 600px) {
  	#Main { width: 100%; min-height: auto; }
  	#Contents > h2 { width: 100%; height: 110px; position: relative; overflow: hidden; }
	#Contents > h2 img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 160%; width: 160%; height: auto; }
	/* トップ */
	#Pickup { background-size: 100% auto; padding: 40px 0 30px 0; }
	#Pickup .section-inner { width: 100%!important; }
  	#Ranking h2 { width: 186px; margin: -20px auto 0 auto; }
  	#Pickup p { width: 90%; margin-left: auto; margin-right: auto; font-size: 0.875em; }
	#Ranking ul,#Pickup ul { display: block; }
	#Ranking ul li::before { content: ""; max-width: 30px; width: 13%; height: 24%; display: block; position: absolute; left: 13%; top: -5%; background-size: 100% auto; background-repeat: no-repeat; }
	#Ranking ul li img,#Pickup ul li img { max-width: auto!important; width: 105px; height: auto; }
	
	.slick { width: 100%; }
  .item li img { width: 105px; height: auto; }
	
	.sp { display: block; }
	.pc { display: none; }

	
	/* 商品一覧 */	
	.item { -webkit-justify-content: space-between; justify-content: space-between; }
	.item li { width: 48%; margin-right: 0; } 
	.details,.review { width: 95%!important; margin-left: auto; margin-right: auto; }
	.order .other { margin-top: 15px; padding: 0 15px; }
	
    .prd_lst_none,.prd_lst_pager { width: 95%; margin-left: auto; margin-right: auto; }
  
    .guide { width: 95%; margin: 0 auto; }
    .guide table.time { width: 100%; border-top: 1px solid #000; border-left: 1px solid #000; box-sizing: border-box; }
    .guide table.time tr,.guide table.time td { display: block; }
    .guide table.time tr { display: flex; flex-wrap: wrap; }
    .guide table.time td { width: 33.33%; box-sizing: border-box; border: none; border-bottom: 1px solid #000; border-right: 1px solid #000; }
    .flow li { width: 48%; }
    .guide h3,.about h3,.kodawari h3 { border-top: 1px solid #da3915; border-bottom: 1px solid #da3915; padding: 8px 0; }
  	.guide .ma-l5 { margin-left: 2em; }
  
  	/* コラム */
	#ColumnIndex #Main,#Column #Main { width: 95%; margin: 30px auto 60px auto; }
	#ColumnIndex #Main h3 { font-size: 0.889em; }
	#ColumnIndex #Main ul { display:-webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
	#ColumnIndex #Main ul li { width: 48%; margin-left: 0; }
	#Column #Main h4 { font-size: 1.375em; margin-top: 10px; }
  
  /* こだわり */
.formality { min-height: 150px; }
  
  /* ミエマンについて */
	.about,.kodawari { width: 95%!important; margin: 0 auto; }
	.about p { text-align: left; }
	.about .txt { width: 100%; }
	.about .txt p + p br { display: none; }
	
	.about .flex dl { margin-top: 0; max-width: 100%; width: 100%; }
	.about .flex dl:first-child {  margin-top: 30px; width: 100%; }
	.outline { -webkit-justify-content: flex-start!important; justify-content: flex-start!important; }

	.about table { width: 100%; }
    .about table th  { vertical-align: text-top; }

	.map { max-width: 100%; width: 100%; padding-bottom: 60%; }
	.map + .txt { width: 100%; }

	.history p br { display: none; }
	.history p strong { display: block; }
	.history { text-align: left; }
  
  /* お知らせ詳細 */
	.news h3 { font-size: 1.500rem; }
	.news .photo .column { width: 100%; margin: 20px 0 0 0; text-align: center; }
 
}

@media (max-width: 480px) {
  #ColumnIndex #Main ul li { width: 100%; }
  
  .kodawari .flex .column { max-width: 100%; width: 100%; }
  .kodawari .flex > .img { max-width: 100%; width: 100%; margin-left: 0; }
  .kodawari .flex > .txt { width: 100%; margin-left: 0; }
  .kodawari .col3 .column { width: 30%; }
}