@charset "UTF-8";

/*!
 *
 * BurgerEditor StyleSheet Style Sample v2.21.0
 *
 */

@font-face {
  font-family: FontAwesome;
  src: url(../fonts/fontawesome-webfont.eot?v=4.6.3);
  src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");
  font-weight: 400;
  font-style: normal
}

[data-bgb] a {
    transition: 0.3s;
}
[data-bgb] p a {
    color: #e60013;
}
[data-bgb] p a:hover {
    text-decoration: none;
}

[data-bgb] h2 {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  margin: 1.5em 0;
  padding: .3em .5em;
  text-align: center;
  background: none;
  overflow: hidden
}

[data-bgb] h2:first-child {
  margin-top: 0
}

[data-bgb] h2:after {
  content: "";
  display: block;
  width: 2em;
  height: 2px;
  background: #e60013;
  margin: .8em auto
}

[data-bgb] h3 {
    font-size: 26px;
    letter-spacing: 3px;
    width: 100%;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    margin-top: 100px;
    color: #fff;
    padding: 10px 2%;
    background: #168292;
    border-radius: 0 50px 50px 0;
}

[data-bgb] h3 small {
    font-size: 12px;
    letter-spacing: 0px;
}

[data-bgb] h3:first-child {
  margin-top: 0
}

[data-bgb] h4 {
    font-size: 1.3rem;
    letter-spacing: 1px;
    line-height: 1.6;
    text-align: left;
    width: 96%;
    font-weight: bold;
    margin-bottom: 10px;
    color: #168292;
}

[data-bgb] h4:first-child {
  margin-top: 0
}


[data-bgb] h5 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 5px;
    padding: 10px 0 30px;
    color: #e60013;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-bgb] h5:first-child {
  margin-top: 0
}

[data-bgb] h6 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.2;
  margin: 1em 0;
  border: none;
    color: #e60013;
  overflow: hidden
}

[data-bgb] h6:first-child {
  margin-top: 0
}

[data-bgb] p {
  margin: 1em 0;
    line-height: 1.6;
}

[data-bgb] p:first-child {
  margin-top: 0
}

[data-bgb] li {
  list-style: inherit;
  overflow: hidden;
    line-height: 1.4;
}

[data-bgb] li:first-child {
  margin-top: 0
}

[data-bgb] ul {
  margin: 1em 0
}

[data-bgb] ul:first-child {
  margin-top: 0
}

[data-bgb] ul ul {
  margin: 0 0 0 1.8em
}

[data-bgb] ul ul:first-child {
  margin-top: 0
}

[data-bgb] ul li {
  list-style-position: inside;
  list-style-type: disc;
  margin: 0 0 .2em;
}
[data-bgb] ul li::marker {
    color: #e60013;
}

[data-bgb] ol {
  margin: 1em 0
}

[data-bgb] ol:first-child {
  margin-top: 0
}

[data-bgb] ol ol {
  margin: 0 0 0 2em
}

[data-bgb] ol ol:first-child {
  margin-top: 0
}

[data-bgb] ol li {
  margin: 0 0 .2em;
  list-style-position: inside;
  list-style-type: decimal-leading-zero
}

[data-bgb] blockquote {
  position: relative;
  margin: 1em 0;
  padding: 1px 2.5em;
  border-radius: 5px;
  background: none;
  border: 2px solid #ccc;
  overflow: hidden;
  color: #888;
  font-size: .9em
}

[data-bgb] blockquote:first-child {
  margin-top: 0
}

[data-bgb] blockquote:before {
  content: "“";
  top: .3em;
  left: .25em
}

[data-bgb] blockquote:after, [data-bgb] blockquote:before {
  display: block;
  font-family: serif;
  position: absolute;
  z-index: 0;
  color: #ccc;
  font-size: 3em
}

[data-bgb] blockquote:after {
  content: "”";
  bottom: -.3em;
  right: .25em
}

[data-bgb] table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  margin: 1em 0
}

[data-bgb] table caption {
    margin-bottom: 15px;
}

.bgb-opt--border-bold ,
.bgb-opt--border-thin ,
.bgb-opt--border-dotted {
    border-color: #e60013;
}

@media screen and (max-width:768px) {
  [data-bgb] table {
    width: 100%;
    display: block
  }

    [data-bgb] h3 {
        width: 96%;
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 50px;
    }
    [data-bgb] h4 {
        font-size: 20px;
        width: 100%;
    }

}

[data-bgb] table:first-child {
  margin-top: 0
}

[data-bgb] table caption {
  font-weight: 700;
  text-align: left
}

@media screen and (max-width:768px) {
  [data-bgb] table caption, [data-bgb] table tbody, [data-bgb] table tfoot {
    display: block
  }
}

@media screen and (max-width:768px) {
  [data-bgb] table tr {
    display: block;
    margin-top: -1px
  }
}

[data-bgb] table tr:nth-child(odd) td {
  background: #fff
}

[data-bgb] table tr:nth-child(2n) td {
  background: #fafafa
}

[data-bgb] table tr td, [data-bgb] table tr th {
  text-align: left;
  padding: .5em;
  border: 1px solid #ccc
}

@media screen and (max-width:768px) {
  [data-bgb] table tr td, [data-bgb] table tr th {
    width: auto;
    display: block
  }
}

[data-bgb] table tr th {
  font-weight: 700;
  background: #fff7d3;
}

@media screen and (max-width:768px) {
  [data-bgb] table tr th {
    border-bottom: none
  }
}

[data-bgb] table tr td {
  font-weight: 400
}

[data-bgb] strong {
  font-weight: 700;
  font-style: normal;
  text-decoration: none
}

[data-bgb] u {
  text-decoration: underline
}

[data-bgb] s, [data-bgb] u {
  font-weight: 400;
  font-style: normal
}

[data-bgb] s {
  text-decoration: line-through
}

[data-bgb] sub {
  vertical-align: sub
}

[data-bgb] sub, [data-bgb] sup {
  font-size: .8em;
  font-weight: 400;
  font-style: normal;
  text-decoration: none
}

[data-bgb] sup {
  vertical-align: super
}

[data-bgb] hr {
  width: 100%;
  height: 2px;
  color: #e60013;
  background: currentColor;
  border-style: none;
  margin: 50px auto
}

[data-bgb] hr:first-child {
  margin-top: 0
}

.bgt-box__caption {
  text-align: left;
  font-weight: 400;
  padding: 3px;
  background: none;
  font-size: .8em
}

.bgt-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  padding: 12px 10px;
  border-width: 1px;
  border-style: solid;
  background: #fff;
  text-decoration: none;
  min-width: 280px;
  border-radius: 2px
}

.bgt-btn:active, .bgt-btn:focus {
  -webkit-box-shadow: 0 0 10px 0 #0570c7, 0 0 10px 0 #fff;
  box-shadow: 0 0 10px 0 #0570c7, 0 0 10px 0 #fff
}

.bgt-btn--link, [data-bgt-button-kind=link] .bgt-btn {
  color: #333;
  border-color: #e60013;
  background: #fff;
    transition: 0.3s;
}

.bgt-btn--link:active, .bgt-btn--link:focus, .bgt-btn--link:hover, [data-bgt-button-kind=link] .bgt-btn:active, [data-bgt-button-kind=link] .bgt-btn:focus, [data-bgt-button-kind=link] .bgt-btn:hover {
  background: #fff7d3
}

.bgt-btn--em, [data-bgt-button-kind=em] .bgt-btn {
  font-weight: 700;
  color: #fff;
  border-color: #e60013;
  background: #e60013
}

.bgt-btn--em, [data-bgt-button-kind=em] .bgt-btn span {
    color: #fff;
}

.bgt-btn--em:active, .bgt-btn--em:focus, .bgt-btn--em:hover, [data-bgt-button-kind=em] .bgt-btn:active, [data-bgt-button-kind=em] .bgt-btn:focus, [data-bgt-button-kind=em] .bgt-btn:hover {
  background: #e60013
}

.bgt-btn--external, [data-bgt-button-kind=external] .bgt-btn {
  color: #e60013;
  border-color: #e60013;
  background: #fff;
    transition: 03s;
}

.bgt-btn--external:active, .bgt-btn--external:focus, .bgt-btn--external:hover, [data-bgt-button-kind=external] .bgt-btn:active, [data-bgt-button-kind=external] .bgt-btn:focus, [data-bgt-button-kind=external] .bgt-btn:hover {
  background: #fff7d3
}

.bgt-btn--external:after, [data-bgt-button-kind=external] .bgt-btn:after {
  font-family: FontAwesome, serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f08e";
  font-size: 1em;
  color: #e60013;
  vertical-align: middle
}

.bgt-btn--back, [data-bgt-button-kind=back] .bgt-btn {
  color: #333;
  border-color: #e60013;
  background: #fff;
    transition: 0.3s;
}

.bgt-btn--back:active, .bgt-btn--back:focus, .bgt-btn--back:hover, [data-bgt-button-kind=back] .bgt-btn:active, [data-bgt-button-kind=back] .bgt-btn:focus, [data-bgt-button-kind=back] .bgt-btn:hover {
  background: #fff7d3
}

.bgt-btn--back span, [data-bgt-button-kind=back] .bgt-btn span {
  display: inline-block;
  vertical-align: middle
}

.bgt-btn--back:before, [data-bgt-button-kind=back] .bgt-btn:before {
  font-family: FontAwesome, serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
  font-size: 1em;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
    color: #e60013;
}

.bgt-hr {
  margin: 0 auto
}

[data-bgt-hr-kind=dashed] .bgt-hr {
  height: 0;
  background: none;
  border: none;
  border-bottom: 2px dashed
}

.bgt-hr--bold, [data-bgt-hr-kind=bold] .bgt-hr {
  height: 5px
}

.bgt-hr--narrow, [data-bgt-hr-kind=narrow] .bgt-hr {
  height: 1px
}

.bgt-hr--short, [data-bgt-hr-kind=short] .bgt-hr {
  width: 60%;
  height: 1px
}

.bgt-download-file__link {
  color: #333;
  text-align: left;
  font-size: 1.08em;
  font-weight: 700;
  display: inline-block;
  padding: .7em 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e60013;
  border-radius: 3px;
  background-color: #fff;
  line-height: 1;
  text-decoration: none
}

.bgt-download-file__link:hover {
  background-color: #eee
}

.bgt-download-file__link:active, .bgt-download-file__link:focus {
  -webkit-box-shadow: 0 0 5px 1px #0570c7;
  box-shadow: 0 0 5px 1px #0570c7;
  outline: none
}

.bgt-link__size {
  color: grey;
  font-size: .8em;
  font-weight: 400
}

.bgt-download-file__link[href$=pdf] .bgt-link__icon:after {
    color: #e60013;
}

@media screen and (max-width:768px) {
  .bgt-google-maps-link {
    margin-top: 10px;
    padding: 1em;
    text-decoration: none;
    color: #333;
    border: 1px solid #999;
    border-radius: 3px;
    text-align: center
  }
  .bgt-google-maps-link span {
    display: inline-block;
    vertical-align: middle
  }
  .bgt-google-maps-link:after {
    font-family: FontAwesome, serif;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08e";
    font-size: 1em;
    vertical-align: middle
  }
}

[data-bgt=gallery] .bgt-gallery {
  padding-top: 54%
}

[data-bgt=gallery] .bgt-gallery:hover [data-bgt=gallery] .bgt-gallery-ctrl {
  opacity: 1
}

[data-bgt=gallery] .bgt-gallery__img img {
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover
}

[data-bgt=gallery] .bgt-gallery__caption {
  color: #fff;
  background: rgba(0, 0, 0, .6);
  padding: .7em 1em;
  text-align: center
}

[data-bgt=gallery] .bgt-gallery-ctrl {
  top: 50%;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in
}

[data-bgt=gallery] .bgt-gallery-ctrl__next, [data-bgt=gallery] .bgt-gallery-ctrl__prev {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: -20px 0 0;
  padding: 0;
  background: none;
  border: none;
  -webkit-transform-origin: center center;
  transform-origin: center center
}

[data-bgt=gallery] .bgt-gallery-ctrl__next:hover, [data-bgt=gallery] .bgt-gallery-ctrl__prev:hover {
  opacity: .5
}

[data-bgt=gallery] .bgt-gallery-ctrl__next:focus, [data-bgt=gallery] .bgt-gallery-ctrl__prev:focus {
  outline: none
}

[data-bgt=gallery] .bgt-gallery-ctrl__next span, [data-bgt=gallery] .bgt-gallery-ctrl__prev span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0
}

[data-bgt=gallery] .bgt-gallery-ctrl__next:after, [data-bgt=gallery] .bgt-gallery-ctrl__prev:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border: solid #fff;
  border-width: 5px 5px 0 0
}

[data-bgt=gallery] .bgt-gallery-ctrl__prev {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

[data-bgt=gallery] .bgt-gallery-ctrl__next {
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

[data-bgt=gallery] [data-gallery-marker=thumbs]+.bgt-gallery-marker {
  margin-top: 10px
}

[data-bgt=gallery] [data-gallery-marker=thumbs]+.bgt-gallery-marker li {
  margin: 0 5px;
  width: 60px;
  height: 60px
}

[data-bgt=gallery] [data-gallery-marker=dot]+.bgt-gallery-marker {
  margin-top: 10px
}

[data-bgt=gallery] [data-gallery-marker=dot]+.bgt-gallery-marker li {
  margin: 0 2px;
  width: 10px;
  height: 10px;
  background-color: #999;
  border-radius: 100%
}

[data-bgt=gallery] [data-gallery-marker=dot]+.bgt-gallery-marker li.current {
  background-color: #000
}

.pc-only {
  display: block
}

@media screen and (max-width:768px) {
  .pc-only {
    display: none
  }
}

.sp-only {
  display: none
}

@media screen and (max-width:768px) {
  .sp-only {
    display: block
  }
}




/*    ▼採用情報　#jobs
====================================*/
#jobs {}
#jobs .box .bgb-image-link2 {
    width: 1000px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0px auto 50px;
}
#jobs .box .bgb-image-link2 .bgt-grid {
    max-width: 250px;
    width: 50%;
    margin: 0 10px;
}
#jobs .box .entry .bge-ckeditor {
    width: 100%;
    max-width: 100%;
    font-size: 25px;
    line-height: 1.6;
    margin-bottom: 0 !important;
    text-align: center;
    letter-spacing: 3px;
    color: #168292;
    font-weight: 600;
}
#jobs .box .bgb-image-link2 .bgt-grid a {
    display: block;
    padding: 5%;
    border: 1px solid #808080;
}
#jobs .box .bgb-image-link2 .bgt-grid a p {
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    padding-top: 10px;
}
#jobs .box .bgb-image-link2 .bgt-grid a:hover {
    opacity: 0.7;
}
#jobs .box .bumon {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
#jobs .box .bumon li {
    width: 22%;
    background: #fff8da;
    box-shadow: 1px 1px 10px#f5c15d;
    border-radius: 15px;
    padding: 1.5%;
    margin-bottom: 20px;
    list-style-type: none;
}
#jobs .box .bumon li.other {
    width: 100%;
}
#jobs .box .bumon li h4 {
    color: #dd8610;
    font-size: 19px;
    margin-bottom: 5px;
    text-align: left;
}
#jobs .box .bumon .bgt-grid p {
    line-height: 1.7;
    margin: 0;
    font-size: 15px;
}
#jobs .box .bumon .bgt-grid p strong {
    font-size: 18px;
    font-weight: 600;

}
#jobs .box .bumon .bgt-grid .other {
    width: 100%;
}
#jobs .box .person {
    width: 100%;
}
#jobs .box .person li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 30px;
    border-bottom: 2px solid #168292;
}
#jobs .bgb-text-image2 {
    border-bottom: 2px solid #168292;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
#jobs .job {
    margin: 0px 0 15px 0px;
}
#jobs .job span {
    padding: 3px 10px;
    background: #38ad5c;
    color: #fff;
    font-size: 14px;
}
#jobs .txt .name {
    font-size: 18px;
    margin-bottom: 10px;
}
#jobs .txt .name span {
    font-size: 14px;
}
#jobs .txt .com_ttl {
    line-height: 1.6;
    font-weight: 600;
    color: #e60013;
    font-size: 17px;
    margin: 0 !important;
}
#jobs .txt .comment {
    line-height: 1.6;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 0 !important;
}
#jobs .fresh a {
    position: relative;
}
.fresh [data-bgt] a.bgt-image__link:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #f00 transparent transparent transparent;
}
.fresh [data-bgt] a.bgt-image__link:after {
    position: absolute;
    content: "Fresh!";
    transform: rotate(315deg);
    display: block;
    font-size: 12px;
    white-space: pre;
    color: #fff;
    top: 11px;
    left: 2px;
    text-align: center;
    z-index: 2;
    line-height: 1.2;
}
@media only screen and (max-width : 980px) {
    #jobs .box .btn_area {
        margin: 30px auto;
    }
    #jobs .box .btn_area li {
        max-width: 100%;
        width: 45%;
        margin: 0 2%;
    }
    #jobs .box .bumon li {
        width: 43%;
        margin-bottom: 20px;
        padding: 3% 2% 3% 3%;
    }
    #jobs .box .bumon li p {
        font-size: 14px;
    }
    #jobs .box .person li .txt .comment {
        font-size: 13px;
    }
    #jobs .box .bumon li {
        width: 100%;
        max-width: 90%;
        margin: 0 auto 20px;
    }
    #jobs .box .person li .img {
        width: 90%;
        margin: 0 auto 30px;;
    }
    #jobs .box .person li .txt {
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
    }

}

/* ####### 管理画面用 ####### */
/* おいしさの秘密 */
/* 工場見学 */
[data-bgb].tour_area h2,
[data-bgb].taste_area h2 {
text-align: center;
    padding: 50px 0 40px;
    color: #dd1717;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
[data-bgb] .movie_ttl:after,
[data-bgb].tour_area h2:after,
[data-bgb].taste_area h2:after {
    display: none;
}
[data-bgb] .maru {
    width: 35px;
    margin: 5px 15px 0 10px;
}
[data-bgb].taste_area h3.midashi_text {
    width: 98%;
    border: 1px solid #dd1717;
    border-left: 6px solid #dd1717;
    padding: 10px 1%;
    border-radius: 0 50px 50px 0;
    color: #dd1717;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
    background-color: inherit;
}
[data-bgb].tour_area .attention {
    text-align: center;
    width: 92%;
    padding: 20px 4%;
    margin: 50px auto 0px;
    border: 1px solid #dd1717;
    line-height: 1.5;
    color: #dd1717;
}
[data-bgb] .page_link {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 50px;
}
[data-bgb] .page_link {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 50px;
}
[data-bgb] .page_link li{
    width: 25%;
    margin: 0 2% !important;
    border-radius: 30px;
    overflow: hidden;
    list-style-type: none !important;
}
[data-bgb] .page_link li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    transition: 0.3s;
    display: block;
    padding: 15px 0 5px;
    text-align: center;
    background: #168292;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
}
[data-bgb] .page_link li a i {
    color: #fff;
}
.tour_area h3.midashi_text,
[data-bgb].tour_area h3 {
    margin-top: 50px;
    line-height: 1.5;
    background-color: inherit;

    width: 98%;
    border: 1px solid #dd1717;
    border-left: 6px solid #dd1717;
    padding: 10px 1%;
    border-radius: 0 50px 50px 0;
    color: #dd1717;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}
#more [data-bgb].tour_area {
  max-width: 100%;
  width: 100%;
  padding-bottom: 1rem;
}
.flow_text a {
    color: #dd1717;
    text-decoration: underline;
}
[data-bgb] ul.flow_text li {
  list-style-type: none;
}
[data-bgb] .page_link li a {
  height: 100%;
}
/* CM・動画ギャラリー */
[data-bgb] .movie_ttl {
    width: 88%;
    color: #dd1717;
    max-width: 100%;
    /*margin: 50px auto 0;*/
    font-weight: bold;
    font-size: 27px;
    padding: 10px 0 10px 1%;
    border-left: 5px solid #dd1717;
    border-bottom: 1px solid #dd1717;
    margin: 0 auto 0px;
    margin-bottom: 30px;
}
[data-bgb] ul.movie_list {
    display: flex;
    flex-wrap: wrap;
    /*width: 90%;*/
    margin: 0 auto 0px;
    padding-left: 0;
}
[data-bgb] ul.movie_list li {
    width: 17.5%;
    margin-right: 2.5%;
    margin-bottom: 30px;
    cursor: pointer;
    list-style: none;
}
[data-bgb] .movie_list li div.iframe_wrap {
    width: 100%;
}
[data-bgb] ul.movie_list li div {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 10px;
    border-radius: 10px;
    display: block;
    transition: 0.3s;
}
[data-bgb] .movie_list li div.iframe_wrap iframe {
    width: 100%;
    height: 120px;
}
div.movie_list figcaption p:first-child,
[data-bgb] ul.movie_list li .ttl {
    color: #dd1717;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1.5;
    transition: 0.3s;
}
/* CM・動画ギャラリー 画像リンク版 */
div.movie_list {
    width: 88%;
    margin-right: auto;
    margin-left: auto;
}
div.movie_list div.bgt-grid {
  overflow: hidden;
}
#more .tvcm div.movie_list a:hover .bgt-box__image-container {
  transform:scale(1.05,1.05);
  transition:0.2s all;
}
div.movie_list a:hover figure figcaption p.ttl {
  color: #e8742b;
  text-decoration: underline;
}


/*商品詳細*/
#products .bgb-text-image2 .bgt-image__link .bgt-box__image-container {
    width: 100%;
    max-height: 300px;
    max-width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
#products .bgb-text-image2 .bgt-image__link .bgt-box__image-container img {
    width: auto;
    max-width:fit-content;
    height: 100%;
    max-height: inherit;
    text-align: center;
}
#products .bgt-image__link .bgt-box__image-container img {
    max-width: 100%;
}
#products [data-bgb] h5 {
    margin: 0 auto;
}
#products [data-bgb] h5 br {
    display: none;
}
@media screen and (max-width:768px) {
  [data-bgb] table.reference_value tr td, [data-bgb] table.reference_value tr th {
    width: auto;
    display: table-cell;
  }
  #products .bgb-text-image2 .bgt-image__link .bgt-box__image-container img {
    max-width: 100%;
  }
}

@media only screen and (max-width : 980px) {
    #products [data-bgb] h5 {
        font-size: 23px;
        letter-spacing: 2px;
        padding: 0;
    }
    #products [data-bgb] h5 br {
        display: block;
    }
    #products .category .bgt-grid {
        width: 100%;
    }
    #products .category .bgt-grid:nth-child(2n) {
        margin-left: 0;
    }
    #products .category .btns {
        justify-content: space-between;
    }
    #products .category .btns a {
        margin-bottom: 10px;
        font-size: 15px;
        padding: 10px 0px;
        text-align: center;
        margin-right: 0;
        width: 48%;
    }
    #products .category .nutrition_value,
    #products .category .reference_value {
      display: table;
      max-width: 100%;
    }
    #products .category [data-bgb] table.reference_value  tbody {
      display: table;
      width: 100%;

    }
    #products .category [data-bgb] table.reference_value  tr {
      display: table-row;
    }
    #products .category [data-bgb] table.reference_value tr th,
    #products .category [data-bgb] table.reference_value tr td, {
      display: table-cell;
    }
    #products .category .reference_value {
        border: none;
    }
    #products .category .origin_list {
        width: max-content;
    }
    #products .category .origin_list tbody {
    }
    #products .category .origin_list tr ,
    #products .category .origin_list td ,
    #products .category .origin_list th {
        display: revert;
    }

    .midashi .maru {
        width: 22px;
        margin: 5px 5px 0 5px;
        /*display: none;*/
    }
  /* CM・動画ギャラリー 画像リンク版 */
  [data-bgb].movie_list  {
    width: 90%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  [data-bgb].movie_list .bgt-grid {
      width: 48%;
  }

}


/*    ▼お問い合わせ　.bge_warm
====================================*/
#topics,
#contact {
  background: #fff7d3;
}
#topics .box {
  border: none;
  border-radius: 20px;
  background-color: #fff;
}
#contact .box {
    width: 100%;
    border: 1px solid #b5b5b5;
    background-color: #fff;
    margin: 0 auto 50px;
    padding: 50px 0;
}
#topics .topics_area,
#topics .topics_detail,
#contact .box .inner {
    width: 90%;
    margin: 0 auto;
}

.box #warm h3 ,
.bge_warm h3 {
    font-size: 26px;
}
#warm .topics_detail h3 ,
.box #warm h3 ,
.bge_warm h3 {
    letter-spacing: 3px;
    width: 96%;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    margin-top: 100px;
    color: #fff;
    padding: 10px 2%;
    background: #e60013;
    border-radius: 0 50px 50px 0;
}
.box #warm h4 ,
#contact .box h4 {
    font-size: 26px;
    letter-spacing: 3px;
    width: 96%;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    color: #e60013;
    border-radius: 0 50px 50px 0;
    font-size: 20px;
}
.bge_warm h3 small {
    font-size: 12px;
    letter-spacing: 0px;
}
.bge_warm .contact_area {
    width: 100%;
}
.bge_warm .text {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    margin: 0px auto 30px;
}
.bge_warm .text small {
    font-size: 12px;
}

.box #warm .midashi,
.bge_warm .midashi {
    width: 98%;
    border: 1px solid #e60013;
    border-left: 6px solid #e60013;
    padding: 10px 1%;
    border-radius: 0 50px 50px 0;
    color: #e60013;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
    display: block;
    letter-spacing: 2px;
}
.box #warm .contact_area .list_num,
.bge_warm .contact_area .list_num {
    text-indent: -1.5em;
    padding-left: 1.5em;
    margin-bottom: 5px;
}
.box #warm .contact_area a ,
.bge_warm .contact_area a {
    color: #e60013;
    text-decoration: underline;
    transition: 0.3s;
}
.box #warm .contact_area a:hover ,
.bge_warm .contact_area a:hover {
    text-decoration: none;
}
.bge_warm .faq_area {
    margin: 0 auto 30px;
}
.bge_warm .faq_area dt {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    padding: 10px 0;
    margin-top: 5px;
}
.box #warm .faq_area dt span ,
.bge_warm .faq_area dt span {
    color: #e60013;
    border-bottom: 1px solid #e60013;
}
.box #warm .faq_area dt:hover span ,
.bge_warm .faq_area dt:hover span {
    border-bottom: none;
}
.box #warm .faq_area dt strong ,
.bge_warm .faq_area dt strong {
    color: #e60013;
    font-size: 25px;
}
.bge_warm .faq_area dd {
    display: none;
    padding: 15px;
    font-size: 15px;
    line-height: 1.8;
}
.bge_warm .faq_area dd .faq_inner {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}
.box #warm .faq_area dd .faq_inner .answer ,
.bge_warm .faq_area dd .faq_inner .answer {
    width: 50px;
    max-width: 15%;
    color: #fff;
    background: #e60013;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #e60013;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 1.5%;
}
.bge_warm .faq_area dd .faq_inner .answer_txt {
    width: 93.5%;
}
.box #warm .faq_area dd a ,
.bge_warm .faq_area dd a {
    color: #e60013;
    text-decoration: underline;
    transition: 0.3s;
}
.bge_warm .faq_area dd a:hover {
    text-decoration: none;
}
/* トップページ */
.news_area .news h2.box_ttl > a {
  position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s;
    background: #b1111e;
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: normal;
}
.news_area .detail_back a {
    display: block;
    text-align: center;
    width: 200px;
    max-width: 90%;
    color: #fff;
    padding: 15px 0;
    border-radius: 10px;
    margin: 20px auto 0;
}

@media only screen and (max-width : 980px) {

    #topics #warm {
      padding-top: 25px;
      padding-bottom: 25px;
    }

    #topics #warm .topics_detail {
      padding-top: 25px;
      padding-bottom: 25px;
    }
    #topics .box .link_btn {
      padding-top: 1em;
    }

    .#contact .box {
        width: 90%;
        padding: 30px 0;
        border: none;
        width: 100%;
    }
    .#contact .box .inner {
        width: 100%;
    }
    .bge_warm h3 {
        width: 96%;
        font-size: 22px;
        margin-bottom: 20px;
    }
    .bge_warm .midashi {
        text-align: left !important;
    }
    .bge_warm .text {
        font-size: 14px;
        line-height: 1.8;
    }
    .bge_warm .midashi {
        width: 96%;
        padding: 7px 2%;
        line-height: 1.5;
    }
    .bge_warm .faq_area dt {
        padding: 0;
    }
    .bge_warm .faq_area dt {
        line-height: 1.6;
        text-indent: -2rem;
        padding-left: 2rem;
    }
    .bge_warm .faq_area dd .faq_inner {}
    .bge_warm .faq_area dd {
        padding: 10px 0;
    }
    .bge_warm .faq_area dd .faq_inner .answer {
        max-width: 15%;
        margin-right: 3%;
        width: 34px;
        height: 34px;
        font-size: 18px;
    }
    .bge_warm .faq_area dd .faq_inner .answer_txt {
        width: 85%;
        font-size: 14px;
    }

}


[data-bgb] .box .enkaku .emphasi,
#company .box .enkaku .emphasi span {
  color: #e60013 !important;
}