@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato&display=swap");
html, body, div, span, object, iframe,
h1, h2, h3, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}

.row,
.itemList {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-right: -15px;
  margin-left: -15px;
}

@media (max-width: 1200px) {
  .row,
  .itemList {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }
}


.sds__select ul li {border-bottom: solid 1px #9E9E9E; font-size: 16px; padding-top: 2px; padding-bottom: 2px;}
.sds__select ul li a {color: #795548;}

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #1b1b1b;
  min-width: inherit;
  letter-spacing: 0.05em;
}

.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}

.hdrTop {background: #009900; color: #ffffff;}
.hdrTop .hdrInner .hdrInfo {text-align: left;}

.hdrInner {max-width: 100%; margin: 0 auto; display: -ms-flex; display: flex; align-items: center;}

.hdrInfo {width: auto; margin-bottom: 0; line-height: 30px;}
.hdrInfo * {vertical-align: bottom;}
.hdrInfo img {display: inline-block; margin-right: 10px;}

.exNav ul {height: 40px; min-height: 40px; display: -ms-flex!important; display: flex!important; align-items: center; justify-content: flex-end; font-size: 12px;}
.exNav ul li {margin-right: 20px;}
.exNav.exNav--typeA ul li a {padding-left: 20px;}
.hdrTop a {color: #ffffff;}
.exNav.exNav--typeA ul li a:after {content: ""; left: 0;}
.exNav.exNav--typeA ul li a::after, .arrow::after, .megaMenu .button::after, .megaMenu .megaMenu__button::after, .itemList--typeC .itemWrap::after, .articleList--typeB .articleList__text::after, .articleList--typeD .articleList__wrap::after, [class*="iconButton"]::after, a[class*="iconButton"]::after, .cateList .button::after, .side__cateNav ul li a::after, .drawer__nav li a::after, .side__txtBnr::after, [class*='fNav--type']:not(.fNav--typeA) .fNav__list a::after, .gNav.gNav--typeD > ul > li.hasChildren > a > span:last-child::after, .hdrCatMenu ul a::after, li.hasChildren > a::after {content: ""; display: block; position: absolute; top: 50%; width: 6px; height: 6px; border-top: 2px solid #1b1b1b; border-right: 2px solid #1b1b1b; transform: rotate(45deg) translateY(-50%); transform-origin: top center; transition: 0.15s;}
.hdrTop a::after {border-color: #ffffff !important;}
*, *::before, *::after {box-sizing: border-box;}


.hdrMiddle {position: relative; z-index: 999; background: #FFF;}
.hdrMiddle.hdrMiddle--logoLeft .hdrInner {justify-content: space-between;}
.hdrMiddle .hdrInner {height: 150px;}
.hdrMiddle__left {max-width: none; flex: 0 0 auto;}

#hdrLogo {font-size: 20px; margin-bottom: 0; text-align: center;}
#hdrLogo img {max-width: 100%;}

.gNav__listIcon {display: inline-block; margin-right: 10px;}

.hdrMiddle__middle {max-width: none; flex: 2 0 auto; padding: 0 40px; justify-content: space-between;}
.hdrMiddle__middle {display: -ms-flex; display: flex; align-items: center;}

.hdrMiddle__right {max-width: none; flex: 0 0 auto;}

.telAndTime > div {white-space: nowrap;}
.telAndTime > div {display: -ms-flex; display: flex; align-items: center;}
.telAndTime > div i {margin-right: 5px;}

.text--xlarge {font-size: 18px;}
.text--xxlarge {font-size: 28px;}

.fs-c-productListItem__productName {font-size: 18px;}

.parent {text-align: center; display: flex; justify-content: space-between; flex-wrap: wrap; width:100%; margin: 12px auto;}
.child {text-align: center; width: 49.5%;}
.child > iframe {width: 450px; height: 250px;}
.video_cap {text-align: left; width: 90%; margin: 0 auto;}

@media (max-width: 1199px) {
.hdrTop .hdrInner {padding: 0 15px;}
}

@media (max-width: 1199px) and (min-width: 992px){
.hdrTop .hdrInner .hdrInfo {max-width: calc(100% - 600px); flex: 0 0 calc(100% - 600px);}
.hdrTop .hdrInner .exNav {max-width: 600px; flex: 0 0 600px;}
}

@media (min-width: 1200px) {
.hdrInner {max-width: 1200px;}
.hdrTop .hdrInner > * {max-width: 50%; flex: 0 0 50%;}
}

/*共通*/
.ttl-smpl1 {background-color: #e4a371; padding: 1em; color: #fff;}
/**/

/*商品一覧
---------------------------------------------------------------------------*/
#shouhin h4 {
padding: 0.5em;/*文字周りの余白*/
color: #010101;/*文字色*/
background: #E6FFE9;/*背景色*/
border-bottom: solid 3px #4BA634;/*下線*/
font-size: 1.143em;
font-weight: bold;
margin-bottom: 8px;
}
.kinou-table {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
}
.kinou-table td {
    width: 150px;
    outline: solid white 3px;
}