@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
html, body, div, span, object, iframe,
h1, h2, h3, h4, 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,
caption, tfoot, thead,
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;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  font: 15px/1.8 "UD新ゴNT M", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MSPGothic", sans-serif;
  color: #474747;
}

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: #474747;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  opacity: 0.5;
}

#pageloading-wrap {
  display: #fff;
}

/*============================
#Header
============================*/
.header_wrap.open {
  background: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
}

.header_inner {
  height: 30px;
  padding: 15px 20px;
}
@media (min-width: 961px) {
  .header_inner {
    height: 130px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1281px) {
  .header_inner {
    margin-left: 40px;
  }
}

.header_logo {
  display: block;
  height: 30px;
  width: 215px;
}
@media (min-width: 961px) {
  .header_logo {
    height: 46px;
    width: 337px;
  }
}
.header_logo img {
  width: 100%;
}

@media (max-width: 961px) {
  .gnav_wrap {
    display: none;
  }
  .open + .gnav_wrap {
    display: block;
  }
}

@media (max-width: 961px) {
  .gnav {
    background: #f9f9f9;
    width: 100%;
    position: fixed;
    left: 0;
    top: 59px;
    width: calc(100vw - 70px);
    height: calc(100vh - 90px);
    z-index: 100;
    padding: 35px;
    overflow-y: scroll;
  }
  .gnav .gnav_item_dt {
    margin-bottom: 3px;
    position: relative;
  }
  .gnav .gnav_item_dt::after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #efe9db;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.2s;
  }
  .gnav .gnav_item_dt:hover::after {
    opacity: 1;
    transform: scale(1, 1);
  }
  .gnav a:hover {
    opacity: 1;
  }
  .gnav .gnav_item_dt .dt_ttl {
    line-height: 1em;
    display: block;
    padding: 40px 20px 12px;
    font-size: 1rem;
    position: relative;
  }
  .gnav .gnav_item_dt .dt_ttl img {
    margin-right: 14px;
    height: 18px;
  }
  .gnav .gnav_item_dt .dt_ttl span {
    font-size: 0.75rem;
    position: absolute;
    bottom: 0;
    line-height: 1em;
    padding: 40px 0px 12px;
  }
  .gnav .gnav_item_dt .dt_ttl::before,
  .gnav .gnav_item_dt .dt_ttl::after {
    content: "";
    display: block;
    position: absolute;
    top: 28px;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #a58027;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .gnav .gnav_item_dt .dt_ttl::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .gnav .gnav_item_dt.active {
    margin-bottom: 0px;
    border-bottom: solid 1px #c8bc9f;
  }
  .gnav .gnav_item_dt.active > a::before,
  .gnav .gnav_item_dt.active > a::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  .gnav.gnav_item_dt:last-of-type a {
    margin-right: 0;
    object-fit: contain;
  }
  .gnav .gnav_item_dd {
    display: none;
  }
  .gnav .gnav_item_dt.active + .gnav_item_dd {
    display: block;
  }
  .gnav .gnav_item_dd a {
    display: block;
    padding: 20px 0 20px 30px;
  }
  .gnav .gnav_item_dt.dd_none > a::before,
  .gnav .gnav_item_dt.dd_none > a::after {
    display: none;
  }
}
@media (min-width: 961px) {
  .gnav {
    display: flex;
  }
  .gnav .gnav_item_dt {
    height: 130px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .gnav .gnav_item_dt::after {
    position: absolute;
    bottom: 47px;
    left: 0;
    content: "";
    width: 50%;
    height: 1px;
    background: #f9f9f9;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
    overflow: hidden;
  }
  .gnav .gnav_item_dt:hover::after {
    opacity: 1;
    transform: scale(1, 1);
  }
  .gnav .gnav_item_dt a:hover {
    opacity: 1;
  }
  .gnav .gnav_item_dt .dt_ttl {
    margin-right: 50px;
    margin-bottom: 1px;
    padding: 0 0 2px 0;
    font-size: 0.9375rem;
    position: relative;
  }
  .gnav .gnav_item_dt .dt_ttl span {
    font-size: 0.625rem;
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 100px;
  }
  .gnav .gnav_item_dt .dt_ttl img {
    height: 16px;
    position: relative;
  }
  .gnav.gnav_item_dt:last-of-type a {
    margin-right: 0;
    object-fit: contain;
  }
  .gnav .gnav_item_dd {
    display: none;
  }
  .gnav .gnav_item_dt:hover + .gnav_item_dd,
  .gnav .gnav_item_dd:hover {
    display: block;
  }
  .gnav .gnav_item_dt.dd_none > a::before,
  .gnav .gnav_item_dt.dd_none > a::after {
    display: none;
  }
  .gnav dl {
    position: relative;
  }
  .gnav .gnav_item_dd {
    position: absolute;
    background: #fcf8f0;
    left: -30px;
    z-index: 1001;
    box-sizing: border-box;
    width: 250px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  }
  .gnav .gnav_item_dd a {
    display: block;
    font-size: 0.875rem;
    letter-spacing: 0.2em !important;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #474747;
    padding: 12px 50px 12px 30px;
  }
  .gnav .gnav_item_dd a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 15px;
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-left: 6px solid #6e6969;
  }
  .gnav .gnav_item_dd a::after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #f9f9f9;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
    overflow: hidden;
  }
  .gnav .gnav_item_dd a:hover::after {
    opacity: 1;
    transform: scale(1, 1);
  }
  .gnav a:hover {
    opacity: 1;
  }
}

.gnav_hamburger {
  position: fixed;
  right: 0;
  top: 0;
  padding: 15px 20px;
  width: 40px;
  height: 30px;
  cursor: pointer;
  z-index: 110;
}
.gnav_hamburger .bar:before,
.gnav_hamburger .bar:after {
  display: block;
  width: 40px;
  height: 2px;
  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  background: #474747;
}
.gnav_hamburger .bar:before {
  position: absolute;
  margin: 12px 0 0px;
}
.gnav_hamburger .bar:after {
  position: absolute;
  margin: 20px 0 0;
}
.gnav_hamburger.open .bar:before {
  margin: 20px 0 0 0;
  -webkit-transform: rotate(-45deg) translateX(0px);
  transform: rotate(-45deg) translateX(0px);
}
.gnav_hamburger.open .bar:after {
  margin: 20px 0 0 0;
  -webkit-transform: rotate(45deg) translateX(0px);
  transform: rotate(45deg) translateX(0px);
}
@media (min-width: 961px) {
  .gnav_hamburger {
    display: none;
  }
}

@media (max-width: 961px) {
  .common_floating {
    position: relative;
    top: 0;
    z-index: 10000;
  }
  .common_floating .item {
    position: relative;
  }
  .common_floating .item.pc {
    display: none;
  }
  .common_floating .item a {
    display: block;
    width: 165px;
    padding: 36px 0;
    text-align: center;
    margin: auto;
    line-height: 1em;
  }
  .common_floating .item.insta,
  .common_floating .item.fb {
    display: inline-block;
    width: 18%;
  }
  .common_floating .item.insta a,
  .common_floating .item.fb a {
    width: 100%;
    height: 20px;
    padding: 15px 0;
  }
  .common_floating .item.fb {
    margin-right: 10%;
  }
}
@media (min-width: 961px) {
  .common_floating {
    margin-top: 160px;
    position: fixed;
    right: 16px;
    z-index: 10000;
  }
  .common_floating .item.sp {
    display: none;
  }
  .common_floating .item a {
    display: block;
    margin-left: auto;
    margin-bottom: 16px;
    min-width: 20px;
    line-height: 1em;
  }
  .common_floating .item.insta a {
    margin-right: 8px;
    width: 20px;
  }
  .common_floating .item.fb a {
    margin-right: 4px;
    width: 10px;
  }
}

.partner_btn.sp {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1em;
  background: #c8bc9f;
}
.partner_btn.sp:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 15px;
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-left: 6px solid #6e6969;
}
.partner_btn.sp a {
  padding: 15px 30px 15px 10px;
}
@media (min-width: 961px) {
  .partner_btn.sp {
    display: none;
  }
}

.partner_btn.pc {
  display: none;
}
@media (min-width: 961px) {
  .partner_btn.pc {
    display: block;
    padding: 9px 50px 9px 30px;
    line-height: 1em;
    background: #c8bc9f;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.875rem;
    letter-spacing: 0.2em !important;
  }
  .partner_btn.pc:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 15px;
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-left: 6px solid #6e6969;
  }
}

/*============================
footer
============================*/
.footer_wrap {
  width: 100%;
}
@media (min-width: 961px) {
  .footer_wrap {
    margin-top: 40px;
  }
}

.f-head {
  width: 100%;
  background: #f9f9f9;
}

.f-gnav_wrap {
  display: none;
}
@media (min-width: 961px) {
  .f-gnav_wrap {
    display: block;
  }
}
.f-gnav_wrap .partner_btn {
  top: 40px !important;
  right: 16px !important;
}

.f-gnav_inner {
  display: flex;
  flex-wrap: wrap;
}

.f-gnav_item a {
  display: block;
  letter-spacing: 0.1em !important;
  font-size: 0.875rem;
  padding: 40px 14px;
}

.f-main {
  border-top: 4px solid #474747;
  background: #6e6969 url(../images/img_footer-bg.jpg) no-repeat center;
  background-size: 100% auto;
  background-size: cover;
}
@media (min-width: 601px) {
  .f-main {
    padding: 100px 0 10px;
  }
}

.f-main_sns {
  margin: auto;
  margin-top: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f-main_sns-item.insta {
  margin-right: 72px;
}
@media (min-width: 601px) {
  .f-main_sns-item.insta {
    margin-right: 30px;
  }
}

.f-main_info {
  margin: 0 16px;
  position: relative;
}
.f-main_info .ttl {
  margin-top: 55px;
  margin-bottom: 25px;
  letter-spacing: 0.3em !important;
  font-size: 1.125rem;
  font-weight: normal;
  color: #6e6969;
}
@media (min-width: 601px) {
  .f-main_info .ttl {
    text-align: center;
  }
}
@media (min-width: 601px) {
  .f-main_info .links {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.f-main_info .links .item a {
  display: block;
  margin-bottom: 18px;
  margin-right: 30px;
  letter-spacing: 0.2em !important;
  font-size: 0.75rem;
  color: #6e6969 !important;
}

#copyright {
  text-align: center;
  margin-top: 34px;
  padding-bottom: 20px;
  letter-spacing: 0.1em !important;
  font-size: 0.75rem;
  color: #6e6969;
}
@media (min-width: 601px) {
  #copyright {
    margin-top: 150px;
  }
}

.contact-store_wrap {
  margin: auto -16px;
}
@media (min-width: 601px) {
  .contact-store_wrap {
    margin-top: 68px;
    display: flex;
    justify-content: space-between;
  }
}

.contact_wrap {
  width: 100%;
  background: #f9f9f9;
  padding: 10px 20px;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
@media (min-width: 601px) {
  .contact_wrap {
    padding: 20px;
    width: 49.5%;
  }
}

.contact_ttl {
  margin: 20px auto;
  width: 101px;
  height: 24px;
  line-height: 1em;
}
.contact_ttl img {
  object-fit: contain;
}
@media (min-width: 601px) {
  .contact_ttl {
    margin: 33px auto;
  }
}

.store_wrap {
  width: 100%;
  background: #f9f9f9;
  padding: 5px 20px 20px;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
@media (min-width: 601px) {
  .store_wrap {
    padding: 20px;
    width: 49.5%;
    margin-top: 0;
  }
}

.store_ttl {
  margin: 20px auto;
  width: 119px;
  height: 30px;
  line-height: 1em;
}
.store_ttl img {
  object-fit: contain;
}
@media (min-width: 601px) {
  .store_ttl {
    margin: 30px auto;
  }
}

.store_cate {
  display: flex;
  justify-content: space-between;
}
.store_cate li {
  width: 49.5%;
}

.form_btn a {
  background: #fff;
  height: 105px;
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.2em !important;
  font-size: 1.25rem;
  padding-left: 5px;
  position: relative;
}
@media (min-width: 601px) {
  .form_btn a {
    height: 140px;
  }
}
.form_btn a span.icon {
  display: block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background: #fff url(../images/icon_mail.svg) no-repeat center;
  background-size: 30px auto;
}

.shop_btn a {
  height: 105px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1em !important;
  font-size: 0.8125rem;
  position: relative;
}
@media (min-width: 601px) {
  .shop_btn a {
    height: 140px;
    font-size: 1.25rem;
  }
}
.shop_btn a span.icon {
  display: block;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  background: #fff url(../images/icon_shop.svg) no-repeat center;
  background-size: 30px auto;
}
@media (min-width: 601px) {
  .shop_btn a span.icon {
    margin-bottom: 0;
  }
}

.online_btn a {
  height: 105px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1em !important;
  font-size: 0.8125rem;
  padding-left: 20px;
  position: relative;
}
@media (min-width: 601px) {
  .online_btn a {
    height: 140px;
    font-size: 1.25rem;
  }
}
.online_btn a span.icon {
  display: block;
  margin-bottom: 10px;
  width: 50px;
  height: 30px;
  background: #fff url(../images/icon_online.svg) no-repeat center;
  background-size: 40px auto;
}
@media (min-width: 961px) {
  .online_btn a span.icon {
    margin-right: 10px;
    margin-bottom: 0;
  }
}

.instagram {
  margin: 35px 0 0;
}
@media (min-width: 961px) {
  .instagram {
    margin: 70px 0 80px;
    display: flex;
    justify-content: space-between;
  }
}

.instagram_ttl {
  width: 100%;
}
@media (min-width: 961px) {
  .instagram_ttl {
    width: 30%;
  }
}
.instagram_ttl a {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}
@media (min-width: 961px) {
  .instagram_ttl a {
    margin-bottom: 0;
  }
}
.instagram_ttl a img {
  width: 157px;
  height: 26px;
  padding-bottom: 30px;
}
.instagram_ttl a .icon {
  padding-left: 25px;
  background: url(../images/icon_insta.svg) no-repeat center left;
  background-size: auto 20px;
}

@media (min-width: 961px) {
  .instagram_main {
    width: 70% !important;
  }
}

#Cont {
  overflow: hidden;
  width: 100%;
}

#Cont.under .footer_area .instagram {
  display: none;
}

.cont_inner {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 601px) {
  .cont_inner {
    max-width: 1080px;
    padding-left: 30px;
    padding-right: 30px;
    margin: auto;
  }
}

.cont_inner_s {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 601px) {
  .cont_inner_s {
    max-width: 980px;
    padding-left: 30px;
    padding-right: 30px;
    margin: auto;
  }
}

/*============================
#pagetop トップへ戻る
============================*/
#pagetop a {
  position: fixed;
  bottom: 40px;
  right: 0;
  background: url(../images/icon_pagetop.svg) no-repeat center;
  background-size: 10px auto;
  width: 10px;
  height: 180px;
  padding: 0px 16px;
  text-indent: 300%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1000;
}

/* ------------------------------ 
ぱんくず
 ------------------------------ */
.page_pan {
  padding: 10px 20px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  background: #fcf8f0;
}

.page_pan ul.page_pan_inner {
  margin: 0 auto;
  max-width: 1100px;
}

.page_pan ul.page_pan_inner li {
  display: inline;
  font-size: 0.6875rem;
}

.page_pan ul.page_pan_inner a {
  text-decoration: none;
  color: #121212;
}

.page_pan ul.page_pan_inner li::before {
  content: " ・ ";
  width: 10px;
  height: 10px;
  color: #474747;
  padding: 0 10px;
}

.page_pan ul.page_pan_inner li:first-of-type::before {
  content: "";
  padding: 0;
}

/* ------------------------------ 
階層トップ画像ヘッダー
 ------------------------------ */
.under_heading {
  position: relative;
  width: 100vw;
  background: url(../images/img_under-ttl_bg.jpg) no-repeat center;
  background-size: cover;
}
.under_heading .ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0 40px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.625rem;
  letter-spacing: 0.2em !important;
}
@media (min-width: 961px) {
  .under_heading .ttl {
    font-size: 0.875rem;
    padding: 100px 0 90px;
  }
}
.under_heading .ttl img {
  display: block;
  margin: auto;
  padding-bottom: 10px;
  height: 28px;
  text-align: center;
}
@media (min-width: 601px) {
  .under_heading .ttl img {
    height: 46px;
  }
}
@media (min-width: 961px) {
  .under_heading .ttl img {
    padding-bottom: 20px;
    height: 70px;
  }
}

.under_heading.-news {
  background: #c8bc9f;
}

.under_heading.-info {
  background: #c8bc9f;
}

.under_heading.-contact {
  background: #c8bc9f;
}

.under_heading.-faq {
  background: url(../images/img_under-faq_bg.jpg) no-repeat center;
  background-size: cover;
}

.under_heading.-tnf {
  background: url(../images/img_under-tnf_bg.jpg) no-repeat center;
  background-size: cover;
}

.under_heading.-pi {
  background: url(../images/img_under-pi_bg.jpg) no-repeat center;
  background-size: cover;
}

/* ------------------------------ 
下層　
 ------------------------------ */
.cont-news,
.cont-detail {
  padding-top: 30px;
}
.cont-news .btn_block,
.cont-detail .btn_block {
  padding: 20px 0 40px;
  display: flex;
  justify-content: center;
}
@media (min-width: 601px) {
  .cont-news .btn_block,
  .cont-detail .btn_block {
    padding: 50px 0 80px;
  }
}
.cont-news .btn_block li,
.cont-detail .btn_block li {
  display: block;
  margin-left: 10px;
  list-style-type: none;
}
.cont-news .homebtn a,
.cont-detail .homebtn a {
  font-family: "Oswald";
  font-weight: 300;
  font-size: 1.125rem;
  display: inline-block;
  padding: 20px 30px 16px 40px;
  color: #474747;
  border-bottom: solid 1px #a58027;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  text-decoration: none !important;
  position: relative;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #474747;
}
.cont-news .homebtn a:before,
.cont-detail .homebtn a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 15px;
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-right: 6px solid #6e6969;
}
.cont-news p,
.cont-detail p {
  letter-spacing: 1.75;
  margin-bottom: 12px;
}

/* ------------------------------ 
下層　
 ------------------------------ */
.cont-detail.white {
  background: #fff;
}

.cont-detail {
  background: #f9f9f9;
  /* ------------------------------ 
  下層　タイトル1
   ------------------------------ */
  /* ------------------------------ コメントアウト（中） */
  /* コメントアウト（小） */
  /* END */
  /* ------------------------------ 戻るボタン */
  /* ----------------------------------------------------
  END
  ----------------------------------------------------*/
}
.cont-detail .footer_area .instagram {
  display: none;
}
.cont-detail .cont-detail_bg {
  height: 0;
  position: relative;
  z-index: 0;
}
.cont-detail .cont-detail_bg::before {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.5;
  width: 40vw;
  height: 30vw;
  right: -10vw;
  top: 20px;
  background: url(../images/img_dh-v.svg) no-repeat;
  background-size: contain;
  z-index: -1;
}
.cont-detail .cont-detail_bg .cont-detail_inner {
  position: relative;
  z-index: 2;
}
.cont-detail .h1_ttl_wrap .ttl {
  text-align: center;
  font-size: 1.375rem;
  letter-spacing: 0.2em !important;
  font-family: "Oswald";
  font-weight: 300;
  padding: 30px 0 30px;
  position: relative;
  z-index: 1;
}
@media (min-width: 601px) {
  .cont-detail .h1_ttl_wrap .ttl {
    font-size: 1.9375rem;
    padding: 80px 0 40px;
  }
}
.cont-detail .h1_ttl_wrap .ttl::before {
  content: "";
  display: block;
  position: absolute;
  background: #c8bc9f;
  width: 1px;
  height: 13px;
  top: 13px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}
@media (min-width: 601px) {
  .cont-detail .h1_ttl_wrap .ttl::before {
    height: 30px;
    top: 50px;
  }
}
.cont-detail .h1_ttl_wrap .ttl::after {
  content: "";
  display: block;
  position: absolute;
  background: #c8bc9f;
  width: 7px;
  height: 7px;
  border-radius: 100px;
  top: 0px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}
@media (min-width: 601px) {
  .cont-detail .h1_ttl_wrap .ttl::after {
    top: 31px;
    width: 9px;
    height: 9px;
  }
}
.cont-detail .h2_ttl_wrap {
  position: relative;
  text-align: center;
  background: #fcf8f0;
  border-top: solid 1px #6e6969;
  width: calc(100% + 200px);
  margin: 0 -100px 0 -100px;
}
.cont-detail .h2_ttl_wrap .ttl {
  letter-spacing: 0.2em;
  margin-bottom: 30px;
  padding: 40px 0 45px;
  font-size: 1.0625rem;
}
@media (min-width: 601px) {
  .cont-detail .h2_ttl_wrap .ttl {
    margin-bottom: 70px;
    padding: 50px 0 65px;
    font-size: 1.375rem;
  }
}
.cont-detail .h2_ttl_wrap::after {
  color: #6e6969;
  content: "";
  position: absolute;
  background: #6e6969;
  width: 28px;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 32px;
  margin: auto;
}
@media (min-width: 601px) {
  .cont-detail .h2_ttl_wrap::after {
    bottom: 43px;
  }
}
.cont-detail .h2_ttl_wrap2 {
  position: relative;
}
.cont-detail .h2_ttl_wrap2 .ttl {
  letter-spacing: 0.2em !important;
  margin-bottom: 20px;
  padding: 30px 0 16px;
  font-size: 1.625rem;
}
.cont-detail .h2_ttl_wrap2::before {
  color: #a58027;
  content: "section";
  font-family: "Oswald";
  font-weight: 300;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.cont-detail .btn_block {
  display: flex;
  justify-content: center;
}
.cont-detail .btn_block li {
  display: block;
  margin-left: 10px;
  list-style-type: none;
}
.cont-detail .homebtn a {
  font-family: "Oswald";
  font-weight: 300;
  font-size: 1.125rem;
  display: inline-block;
  padding: 20px 30px 16px 40px;
  color: #474747;
  border-bottom: solid 1px #a58027;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  text-decoration: none !important;
  position: relative;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #474747;
}
.cont-detail .homebtn a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 15px;
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-right: 6px solid #6e6969;
}

.float_R,
.float_R_Pc {
  float: right;
}

.float_L,
.float_L_Pc {
  float: left;
}

.disnone {
  display: none;
  font-size: 0;
}

/* ==========================================================================
見出し
========================================================================== */
/*------------------------------------------------------------　h2見出し　*/
.h2_title01 {
  font-size: 2.0625rem;
  padding: 15px 10px 12px 0px;
  position: relative;
}
@media (min-width: 601px) {
  .h2_title01 {
    font-size: 1.75rem;
  }
}

.h2_title01::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 21%;
  right: 0;
  left: 0;
  margin: auto;
  height: 20%;
  background: rgba(1, 1, 1, 0.03);
  z-index: 0;
}

/*------------------------------------------------------------　h3見出し　*/
.h3_title01 {
  font-size: 1.0625rem;
  margin-bottom: 20px;
  font-weight: lighter;
  position: relative;
  padding-left: 2em;
}
@media (min-width: 601px) {
  .h3_title01 {
    font-size: 1.125rem;
    margin-bottom: 30px;
  }
}
.h3_title01::before {
  content: "";
  display: inline-block;
  background: url("../images/icon_border01.svg") no-repeat;
  width: 15px;
  height: 2px;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 1em;
}

.h3_title_b {
  position: relative;
  text-align: center;
  background: #efe9db;
  border-top: solid 2px #6e6969;
}
.h3_title_b .ttl {
  letter-spacing: 0.2em !important;
  margin-bottom: 20px;
  padding: 50px 0 25px;
  font-size: 1.625rem;
}
.h3_title_b::before {
  color: #a58027;
  content: "list";
  font-family: "Oswald";
  font-weight: 300;
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
}
.h3_title_b::after {
  color: #a58027;
  content: "";
  position: absolute;
  background: #fff;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  bottom: -9px;
  margin: auto;
}

.-deer::before {
  content: "";
  background: url("../images/icon_deer.svg") no-repeat center center;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  display: inline-block;
  padding-right: 0.3em;
}

.-emu::before {
  content: "";
  background: url("../images/icon_emu.svg") no-repeat center center;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  display: inline-block;
  padding-right: 0.3em;
}

.-carrot::before {
  content: "";
  background: url("../images/icon_carrot.svg") no-repeat center center;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  display: inline-block;
  padding-right: 0.3em;
}

.-fish::before {
  content: "";
  background: url("../images/icon_fish.svg") no-repeat center center;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  display: inline-block;
  padding-right: 0.6em;
}

.-chicken::before {
  content: "";
  background: url("../images/icon_chicken.svg") no-repeat center center;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  display: inline-block;
  padding-right: 0.6em;
}

.-duck::before {
  content: "";
  background: url("../images/icon_duck.svg") no-repeat center center;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  display: inline-block;
  padding-right: 0.6em;
}

.h3_title_c {
  font-size: 1.625rem;
  text-align: center;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 0.3em;
  margin: 0px 40px;
}

/* 見出し END  =============================================================== */
/*パンクズ */
.breadcrumb {
  width: 960px;
  margin: 20px auto;
}
.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb ul li {
  margin-right: 2em;
  font-size: 0.867rem;
}
.breadcrumb ul li:last-child {
  margin-right: 0em;
}
.breadcrumb ul li a {
  position: relative;
  color: #fcf8f0;
}
.breadcrumb ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: -1.5em;
  display: inline-block;
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-left: 6px solid #6e6969;
}

/* ==========================================================================
ボタン・リンク・SNS
========================================================================== */
.cke_editable {
  padding: 10px;
}

.cke_editable a,
.im-wrap a,
.edit-area a {
  text-decoration: none;
  color: blue;
}

.cke_editable .link_btn,
.im-wrap .link_btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border: solid 2px #c8bc9f;
  border-radius: 4px;
  color: #474747;
  padding: 10px 15px 10px 35px;
  margin: 5px 10px 5px 0;
  line-height: 1.4;
  text-decoration: none;
  color: #474747;
  transition: 0.3s;
}

.cke_editable .link_btn:hover,
.im-wrap .link_btn:hover {
  background: #efe9db;
  color: #474747;
}

.cke_editable .link_btn:before,
.cke_editable .link_btn:after,
.im-wrap .link_btn:before,
.im-wrap .link_btn:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.cke_editable .link_btn:before,
.im-wrap .link_btn:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #c8bc9f;
}

.cke_editable .link_btn:after,
.im-wrap .link_btn:after {
  top: 0;
  bottom: 0;
  left: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #ffffff;
}

/*------------------------------------------------------ ボタンカラー*/
/* サブ */
.im-wrap .link_btn.link_btn-secondary,
.cke_editable .link_btn.link_btn-secondary {
  border: solid 2px #f35d5c;
}

.im-wrap .link_btn.link_btn-secondary:hover,
.cke_editable .link_btn.link_btn-secondary:hover {
  background: #f35d5c;
  color: #fff;
}

.im-wrap .link_btn.link_btn-secondary:before,
.cke_editable .link_btn.link_btn-secondary:before {
  background: #f35d5c;
}

/* サブ03 */
.im-wrap .link_btn.link_btn-dark,
.cke_editable .link_btn.link_btn-dark {
  border: solid 2px #68696b;
}

.im-wrap .link_btn.link_btn-dark:hover,
.cke_editable .link_btn.link_btn-dark:hover {
  background: #68696b;
  color: #fff;
}

.im-wrap .link_btn.link_btn-dark:before,
.cke_editable .link_btn.link_btn-dark:before {
  background: #68696b;
}

/*------------------------------------------------------ ボタンサイズ*/
/* 大 */
.im-wrap .link_btn.link_btn-large,
.cke_editable .link_btn.link_btn-large {
  display: block;
  font-size: 1.25rem;
}

/* 小 */
.im-wrap .link_btn.link_btn-small,
.cke_editable .link_btn.link_btn-small {
  font-size: 0.75rem;
}

/*管理画面用リンクボタン*/
/* ------------------------------PDFマーク */
.txtLink01-pdf {
  padding-left: 30px;
  background: url(../common/ico_pdf01.png) no-repeat left center;
  background-size: 19px auto;
}

/* ------------------------------ダウンロードマーク */
.txtLink01-dl {
  padding-left: 30px;
  background: url(../common/ico_dl01.png) no-repeat left center;
  background-size: 19px auto;
}

/* ------------------------------WORDマーク */
.txtLink01-word {
  padding-left: 30px;
  background: url(../common/ico_word01.png) no-repeat left center;
  background-size: 19px auto;
}

/* ------------------------------EXCELマーク */
.txtLink01-excel {
  padding-left: 30px;
  background: url(../common/ico_excel01.png) no-repeat left center;
  background-size: 19px auto;
}

/* ------------------------------PowerPointマーク */
.txtLink01-power {
  padding-left: 30px;
  background: url(../common/ico_power01.png) no-repeat left center;
  background-size: 19px auto;
}

/* ------------------------------ページ移動 */
.btn-base {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: #474747;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #474747;
  transition: 0.3s;
}
.btn-base:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: #fcf8f0 url(../common/ico_arrow01.svg) no-repeat center center;
  border-radius: 100%;
}
.btn-base:hover {
  background: #fcf8f0;
  color: #fff;
}

.btn--border {
  border: solid 1px #efe9db;
}

/*SNS ソーシャルボタン領域*/
.Social {
  display: none;
}

.detail_news_social {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 10px;
}

.detail_news_social ul {
  display: flex;
  justify-content: center;
  margin-left: 0 !important;
  justify-content: flex-end;
}

.detail_news_social ul li {
  margin-left: 10px !important;
  list-style: none !important;
}
.detail_news_social ul li:first-child {
  margin-left: 0 !important;
}

.detail_news_social ul li::before {
  display: none !important;
}

.detail_news_social li a {
  vertical-align: bottom;
  display: inline-block;
  width: 27px;
  height: 27px;
  background: #1a63ac url("../images/logo_fb01.png") no-repeat center;
  background-size: auto 14px;
  border-radius: 100px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.1s ease;
}

.detail_news_social li a.tw {
  background: #57aae8 url("../images/logo_tw01.png") no-repeat center;
  background-size: auto 10px;
}

.detail_news_social li a.line {
  background: #00b900 url("../images/logo_line02.png") no-repeat center;
  background-size: auto 15px;
}

.detail_news_social li:hover a {
  transform: scale(1.05);
}

/*SNS ソーシャルボタン領域END*/
/* ボタン・リンク SNS END  =============================================================== */
/* ==========================================================================
リスト
========================================================================== */
.edit-area ol,
.edit-area ul,
.cke_editable ol,
.cke_editable ul,
.list_style {
  position: relative;
  margin-left: 25px;
}

.edit-area ol {
  counter-reset: item;
}

.edit-area > ol,
.cke_editable > ol {
  counter-reset: item;
  list-style-type: none;
  margin-left: 0;
}

.cke_editable ol > li,
.edit-area ol > li {
  list-style-type: none;
  margin-bottom: 5px;
  position: relative;
  padding: 4px 0 4px 30px;
}

.edit-area ol > li:before,
.cke_editable ol > li:before {
  counter-increment: item;
  content: counter(item);
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  font-weight: bold;
  font-family: "UD新ゴNT B";
  width: 24px;
  height: 24px;
  line-height: 26px;
  background: #6e6969;
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  /* 14px */
}

.cke_editable ul > li:before {
  top: 0.7em;
  left: 10px;
}

.edit-area ul > li,
.cke_editable ul > li {
  list-style-type: none;
  margin-bottom: 5px;
}

.edit-area ul > li:before,
.cke_editable ul > li:before,
.list_style li:before {
  content: "";
  box-sizing: border-box;
  display: inline-block;
  background: #c8bc9f;
  margin: 0 10px 0 -17px;
  height: 8px;
  width: 8px;
  border-radius: 100%;
}

/* リスト END  =============================================================== */
/* ==========================================================================
テーブル
========================================================================== */
.cke_editable table th,
.edit-area table th {
  background: #efe9db;
}

.cke_editable .edit-area table td,
.cke_editable .edit-area table th,
.edit-area table td,
.edit-area table th {
  padding: 14px 12px;
  border: 1px solid #cdcdcd;
}

.cke_editable .div_table01 table,
.edit-area .div_table01 table {
  width: 100%;
}

.cke_editable .div_table01 table th,
.edit-area .div_table01 table th {
  background: #efe9db;
  font-size: 0.875em;
  letter-spacing: 0.05em;
}

.cke_editable .div_table01 table td,
.cke_editable .div_table01 table th,
.edit-area .div_table01 table td,
.edit-area .div_table01 table th {
  padding: 10px 5px;
  border: 1px solid #cdcdcd;
  text-align: center;
}

.cke_editable .div_table02 table,
.edit-area .div_table02 table {
  width: 100%;
}

/* テーブル END  =============================================================== */
/* ==========================================================================
　画像
========================================================================== */
.cke_editable img {
  max-width: 100%;
  height: auto !important;
  vertical-align: bottom;
}

.newsImg04,
.newsImg03,
.newsImg02,
.newsImg01 {
  margin: 10px 0;
}

.newsImg04 ul,
.newsImg03 ul,
.newsImg02 ul,
.newsImg01 ul {
  margin: 0;
}

@media (min-width: 601px) {
  .newsImg04 ul,
  .newsImg03 ul,
  .newsImg02 ul {
    display: flex;
    justify-content: space-between;
  }
}

.newsImg04 ul li,
.newsImg03 ul li,
.newsImg02 ul li,
.newsImg01 ul li {
  list-style: none !important;
  text-align: center;
  padding: 0;
}

@media (min-width: 601px) {
  .newsImg04 ul li {
    width: calc(25% - 10px);
  }
}

@media (min-width: 601px) {
  .newsImg03 ul li {
    width: calc(33.3333333333% - 10px);
  }
}

@media (min-width: 601px) {
  .newsImg02 ul li {
    width: calc(50% - 10px);
  }
}

.newsImg04 ul li:before,
.newsImg03 ul li:before,
.newsImg02 ul li:before,
.newsImg01 ul li:before {
  display: none !important;
}

/* ------------------------------------------------------------絵文字 */
.ico_20 {
  width: 20px;
  height: 20px;
  padding: 0 4px;
  vertical-align: middle;
  margin-bottom: 3px;
}

/* 画像 END  =============================================================== */
/* ==========================================================================
囲い
========================================================================== */
.div_info01,
.div_info02 {
  padding: 16px;
  margin: 15px 0;
  border-radius: 2px;
}

.div_info01 {
  background: #fcf8f0;
}

.div_info02 {
  border: solid 1px #a58027;
}

/* 囲い END  =============================================================== */
/* ==========================================================================
　境界線
========================================================================== */
hr.div_hr01 {
  display: block;
  margin: 15px 0;
  border: none;
  border-bottom: dashed 1px #CFCFCF;
}

/*管理画面側*/
.cke_editable .ckeditor_divline {
  background: url(../common/ckeditor_divline.gif) no-repeat;
}

/* 境界線 END  =============================================================== */
/* ==========================================================================
ckエディター
========================================================================== */
/*------------------------------------------------------------ニュース表示(日付)*/
.day-color01 {
  color: #000000;
}

/*黒*/
.day-color02 {
  color: #e03e3e;
}

/*赤*/
.day-color03 {
  color: #005692;
}

/*青*/
.day-color04 {
  color: #099809;
}

/*緑*/
.day-color05 {
  color: #E77BE6;
}

/*ピンク*/
.day-color06 {
  color: #666666;
}

/*グレー*/
.day-bold {
  font-weight: bold;
  font-family: "UD新ゴNT B";
}

/*-----------------------------------------------------------ニュース表示(タイトル)*/
.title-size-small {
  font-size: 0.8125rem;
}

/* 13px */
.title-size-middle {
  font-size: 0.9375rem;
}

/* 15px */
.title-size-big {
  font-size: 1.25rem;
}

/* 20px */
.title-color01 {
  color: #000000;
}

/*黒*/
.title-color02 {
  color: #e03e3e;
}

/*赤*/
.title-color03 {
  color: #005692;
}

/*青*/
.title-color04 {
  color: #099809;
}

/*緑*/
.title-color05 {
  color: #E77BE6;
}

/*ピンク*/
.title-color06 {
  color: #666666;
}

/*グレー*/
.title-bold {
  font-weight: bold;
  font-family: "UD新ゴNT B";
}

/*-----------------------------------------------------------文字サイズ*/
span.op_large {
  text-decoration: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: 1.25rem;
}

span.op_large02 {
  text-decoration: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: 1.4375rem;
}

span.op_mideamu {
  text-decoration: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: 0.9375rem;
}

span.op_small {
  display: inline-block;
  line-height: 1.8;
  text-decoration: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: 0.75rem;
}

/*-----------------------------------------------------------文字の下付上付*/
sub {
  font-size: 75.5%;
  vertical-align: bottom;
}

sup {
  font-size: 75.5%;
  vertical-align: top;
}

/*-----------------------------------------------------------他装飾*/
.g-map {
  width: 100% !important;
}

/* ckエディター END  =============================================================== */
/* ==========================================================================
  Youtube
========================================================================== */
.youtube-css {
  position: relative;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.youtube-css iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* テキスト END  =============================================================== */
/* ==========================================================================
  テキスト
========================================================================== */
/* ------------------------------------------------------------ テキストインデント */
.text_mark {
  margin-left: 1em;
  text-indent: -1em;
}

.text_marks {
  margin-left: 0.857em;
  text-indent: -0.857em;
}

/* ------------------------------------------------------------ テキスト寄せ */
.text_center,
.text_center_Pc {
  text-align: center;
}

.text_right,
.text_right_Pc {
  text-align: right;
}

.text_left,
.text_left_Pc {
  text-align: left;
}

/* テキスト END  =============================================================== */
/* ==========================================================================
  矢印
========================================================================== */
.arrow_bottom {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 30px 0 30px;
  border-color: #D8D8D8 transparent transparent transparent;
  margin: 20px auto;
}

/* 矢印 END  =============================================================== */
/* ==========================================================================
  編集パーツ用
   ========================================================================== */
.list_num01 {
  counter-reset: item;
  list-style: none;
  padding: 0;
  margin-left: 0 !important;
}

.list_num01 li {
  position: relative;
  padding: 4px 0 4px 35px;
  margin-bottom: 10px;
  list-style: none !important;
}

.list_num01 li:before {
  counter-increment: item;
  content: counter(item);
  display: block;
  position: absolute;
  top: 0.3em;
  left: 0;
  font-weight: bold;
  font-family: "UD新ゴNT B";
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 100%;
  background: #6e6969 !important;
  color: #fcf8f0;
  text-align: center;
  font-size: 0.75rem;
}

.edit-area .list_check,
.cke_editable .list_check {
  list-style: none;
  padding: 0;
  position: relative;
  margin-left: 0 !important;
}

.edit-area li {
  position: relative;
  margin-bottom: 10px;
}

.list_check li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 10px;
  list-style: none !important;
}

.edit-area .list_check li:before,
.cke_editable .list_check li:before {
  box-sizing: border-box;
  position: absolute;
  content: "";
  display: block;
  top: 0.4em;
  left: 0.2em;
  height: 10px;
  width: 6px;
  transform: rotate(45deg);
  border-bottom: solid 3px #6e6969;
  border-right: solid 3px #6e6969;
  border-radius: 0;
  margin: 0;
  background: none;
}

.cke_editable .lay-grid > .col-1,
.cke_editable .lay-grid > .col-2,
.cke_editable .lay-grid > .col-3,
.cke_editable .lay-grid > .col-4,
.cke_editable .lay-grid > .col-5,
.cke_editable .lay-grid > .col-6,
.cke_editable .lay-grid > .col-7,
.cke_editable .lay-grid > .col-8,
.cke_editable .lay-grid > .col-9,
.cke_editable .lay-grid > .col-10,
.cke_editable .lay-grid > .col-11,
.cke_editable .lay-grid > .col-12 {
  padding: 10px;
  border: dashed 1px #dedacd;
  border-radius: 4px;
}

.lay-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.lay-grid > .col-1,
.lay-grid > .col-2,
.lay-grid > .col-3,
.lay-grid > .col-4,
.lay-grid > .col-5,
.lay-grid > .col-6,
.lay-grid > .col-7,
.lay-grid > .col-8,
.lay-grid > .col-9,
.lay-grid > .col-10,
.lay-grid > .col-11,
.lay-grid > .col-12 {
  box-sizing: border-box;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.lay-grid > .col-1 {
  width: calc(8.3333333333% - 20px);
}

.lay-grid > .col-2 {
  width: calc(16.6666666667% - 20px);
}

.lay-grid > .col-3 {
  width: calc(25% - 20px);
}

.lay-grid > .col-4 {
  width: calc(33.3333333333% - 20px);
}

.lay-grid > .col-5 {
  width: calc(41.6666666667% - 20px);
}

.lay-grid > .col-6 {
  width: calc(50% - 20px);
}

.lay-grid > .col-7 {
  width: calc(58.3333333333% - 20px);
}

.lay-grid > .col-8 {
  width: calc(66.6666666667% - 20px);
}

.lay-grid > .col-9 {
  width: calc(75% - 20px);
}

.lay-grid > .col-10 {
  width: calc(83.3333333333% - 20px);
}

.lay-grid > .col-11 {
  width: calc(91.6666666667% - 20px);
}

.lay-grid > .col-12 {
  width: calc(100% - 20px);
}

.lay-grid > .col-lg-1,
.lay-grid > .col-lg-2,
.lay-grid > .col-lg-3,
.lay-grid > .col-lg-4,
.lay-grid > .col-lg-5,
.lay-grid > .col-lg-6,
.lay-grid > .col-lg-7,
.lay-grid > .col-lg-8,
.lay-grid > .col-lg-9,
.lay-grid > .col-lg-10,
.lay-grid > .col-lg-11,
.lay-grid > .col-lg-12 {
  box-sizing: border-box;
  margin-left: 10px;
  margin-right: 10px;
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-1 {
    width: calc(8.3333333333% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-2 {
    width: calc(16.6666666667% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-3 {
    width: calc(25% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-4 {
    width: calc(33.3333333333% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-5 {
    width: calc(41.6666666667% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-6 {
    width: calc(50% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-7 {
    width: calc(58.3333333333% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-8 {
    width: calc(66.6666666667% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-9 {
    width: calc(75% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-10 {
    width: calc(83.3333333333% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-11 {
    width: calc(91.6666666667% - 20px);
  }
}

@media (min-width: 961px) {
  .lay-grid > .col-lg-12 {
    width: calc(100% - 20px);
  }
}

@media (min-width: 961px) {
  .card-box__item--lg-last {
    order: 1;
  }
}

.card-box {
  margin-top: 20px;
}

.card-box__item--fast {
  margin-top: 20px;
}

.effect-fade {
  opacity: 0;
  transform: translate(0, 45px);
  transition: all 300ms;
}

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

@media (min-width: 601px) {
  .spOnly {
    display: none;
  }
}
.cke_editable .spOnly {
  position: relative;
  padding: 30px 10px 10px 10px;
  border: dashed 1px #dedacd;
  border-radius: 4px;
}
@media (min-width: 601px) {
  .cke_editable .spOnly {
    display: block;
  }
}
.cke_editable .spOnly:before {
  content: "スマホのみ";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 10px;
  background: #dedacd;
  font-size: 0.75rem;
}

.pcOnly {
  display: none;
}
@media (min-width: 601px) {
  .pcOnly {
    display: block;
  }
}
.cke_editable .pcOnly {
  position: relative;
  padding: 30px 10px 10px 10px;
  border: dashed 1px #dedacd;
  border-radius: 4px;
  display: block;
}
.cke_editable .pcOnly:before {
  content: "PCのみ";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 10px;
  background: #dedacd;
  font-size: 0.75rem;
}

.js-fadein {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.cke_editable .js-fadein {
  position: relative;
  padding: 30px 10px 10px 10px;
  border: dashed 1px #dedacd;
  border-radius: 4px;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.cke_editable .js-fadein:before {
  content: "フェードイン";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 10px;
  background: #dedacd;
  font-size: 0.75rem;
}

.js-fadein.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/* ==========================================================================
編集パーツ　ページ内リンク
========================================================================== */
/* ページ内リンク */
.pagesummary ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
}
.pagesummary .tit {
  display: none;
}
.pagesummary li {
  margin-left: 10px;
  margin-bottom: 10px;
}
.pagesummary li a {
  border-radius: 2px;
  color: #fff;
  background: #6e6969;
  display: block;
  padding: 0.3em 1em 0.3em 2em;
  position: relative;
}
.pagesummary li a::after {
  position: absolute;
  left: 1em;
  top: 40%;
  transform: translateX(-40%);
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  border-top: 6px solid #f9f9f9;
  transition: 0.3s;
}
.pagesummary li::before {
  display: none !important;
}

/*アコーディオン
参考
https://text.univ.coop/puk/START/titech/entrance/entrance_32.html#casio
-------------------------------------------------- */
.css-accordion {
  display: block;
  width: 100%;
}

.css-accordion__Inner {
  padding-left: 20px;
  padding-right: 20px;
}

.css-accordion__btn {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "UD新ゴNT B";
  color: #1982DB;
  padding: 20px 0;
  border: solid 2px #1982DB;
  box-sizing: border-box;
}

.css-accordion__block {
  background: #efe9db;
  padding: 20px 0;
}

.css-accordion__btn .css-accordion__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-accordion__btn span {
  display: block;
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  position: relative;
}

.css-accordion__btn span:before,
.css-accordion__btn span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 2px;
  background: #fff;
}

.css-accordion__btn span:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.css-accordion__btn.active span:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.cke_editable .cke-accordion {
  position: relative;
  padding: 30px 10px 10px 10px;
  border: dashed 1px #dedacd;
  border-radius: 4px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.cke_editable .cke-accordion:before {
  content: "アコーディオン";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 10px;
  background: #dedacd;
  font-size: 0.75rem;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mr5 {
  margin-right: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mr10 {
  margin-right: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.mr15 {
  margin-right: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mr20 {
  margin-right: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.mr25 {
  margin-right: 25px;
}

.ml25 {
  margin-left: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.mr30 {
  margin-right: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.mr35 {
  margin-right: 35px;
}

.ml35 {
  margin-left: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mr40 {
  margin-right: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mb45 {
  margin-bottom: 45px;
}

.mr45 {
  margin-right: 45px;
}

.ml45 {
  margin-left: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.mr50 {
  margin-right: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mb55 {
  margin-bottom: 55px;
}

.mr55 {
  margin-right: 55px;
}

.ml55 {
  margin-left: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.mr60 {
  margin-right: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mb65 {
  margin-bottom: 65px;
}

.mr65 {
  margin-right: 65px;
}

.ml65 {
  margin-left: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.mr70 {
  margin-right: 70px;
}

.ml70 {
  margin-left: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mb75 {
  margin-bottom: 75px;
}

.mr75 {
  margin-right: 75px;
}

.ml75 {
  margin-left: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.mr80 {
  margin-right: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mb85 {
  margin-bottom: 85px;
}

.mr85 {
  margin-right: 85px;
}

.ml85 {
  margin-left: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.mr90 {
  margin-right: 90px;
}

.ml90 {
  margin-left: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mb95 {
  margin-bottom: 95px;
}

.mr95 {
  margin-right: 95px;
}

.ml95 {
  margin-left: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.mr100 {
  margin-right: 100px;
}

.ml100 {
  margin-left: 100px;
}

@media (max-width: 481px) {
  .mt5sp {
    margin-top: 5px;
  }
  .mb5sp {
    margin-bottom: 5px;
  }
  .mr5sp {
    margin-right: 5px;
  }
  .ml5sp {
    margin-left: 5px;
  }
  .mt10sp {
    margin-top: 10px;
  }
  .mb10sp {
    margin-bottom: 10px;
  }
  .mr10sp {
    margin-right: 10px;
  }
  .ml10sp {
    margin-left: 10px;
  }
  .mt15sp {
    margin-top: 15px;
  }
  .mb15sp {
    margin-bottom: 15px;
  }
  .mr15sp {
    margin-right: 15px;
  }
  .ml15sp {
    margin-left: 15px;
  }
  .mt20sp {
    margin-top: 20px;
  }
  .mb20sp {
    margin-bottom: 20px;
  }
  .mr20sp {
    margin-right: 20px;
  }
  .ml20sp {
    margin-left: 20px;
  }
  .mt25sp {
    margin-top: 25px;
  }
  .mb25sp {
    margin-bottom: 25px;
  }
  .mr25sp {
    margin-right: 25px;
  }
  .ml25sp {
    margin-left: 25px;
  }
  .mt30sp {
    margin-top: 30px;
  }
  .mb30sp {
    margin-bottom: 30px;
  }
  .mr30sp {
    margin-right: 30px;
  }
  .ml30sp {
    margin-left: 30px;
  }
  .mt35sp {
    margin-top: 35px;
  }
  .mb35sp {
    margin-bottom: 35px;
  }
  .mr35sp {
    margin-right: 35px;
  }
  .ml35sp {
    margin-left: 35px;
  }
  .mt40sp {
    margin-top: 40px;
  }
  .mb40sp {
    margin-bottom: 40px;
  }
  .mr40sp {
    margin-right: 40px;
  }
  .ml40sp {
    margin-left: 40px;
  }
  .mt45sp {
    margin-top: 45px;
  }
  .mb45sp {
    margin-bottom: 45px;
  }
  .mr45sp {
    margin-right: 45px;
  }
  .ml45sp {
    margin-left: 45px;
  }
  .mt50sp {
    margin-top: 50px;
  }
  .mb50sp {
    margin-bottom: 50px;
  }
  .mr50sp {
    margin-right: 50px;
  }
  .ml50sp {
    margin-left: 50px;
  }
  .mt55sp {
    margin-top: 55px;
  }
  .mb55sp {
    margin-bottom: 55px;
  }
  .mr55sp {
    margin-right: 55px;
  }
  .ml55sp {
    margin-left: 55px;
  }
  .mt60sp {
    margin-top: 60px;
  }
  .mb60sp {
    margin-bottom: 60px;
  }
  .mr60sp {
    margin-right: 60px;
  }
  .ml60sp {
    margin-left: 60px;
  }
  .mt65sp {
    margin-top: 65px;
  }
  .mb65sp {
    margin-bottom: 65px;
  }
  .mr65sp {
    margin-right: 65px;
  }
  .ml65sp {
    margin-left: 65px;
  }
  .mt70sp {
    margin-top: 70px;
  }
  .mb70sp {
    margin-bottom: 70px;
  }
  .mr70sp {
    margin-right: 70px;
  }
  .ml70sp {
    margin-left: 70px;
  }
  .mt75sp {
    margin-top: 75px;
  }
  .mb75sp {
    margin-bottom: 75px;
  }
  .mr75sp {
    margin-right: 75px;
  }
  .ml75sp {
    margin-left: 75px;
  }
  .mt80sp {
    margin-top: 80px;
  }
  .mb80sp {
    margin-bottom: 80px;
  }
  .mr80sp {
    margin-right: 80px;
  }
  .ml80sp {
    margin-left: 80px;
  }
  .mt85sp {
    margin-top: 85px;
  }
  .mb85sp {
    margin-bottom: 85px;
  }
  .mr85sp {
    margin-right: 85px;
  }
  .ml85sp {
    margin-left: 85px;
  }
  .mt90sp {
    margin-top: 90px;
  }
  .mb90sp {
    margin-bottom: 90px;
  }
  .mr90sp {
    margin-right: 90px;
  }
  .ml90sp {
    margin-left: 90px;
  }
  .mt95sp {
    margin-top: 95px;
  }
  .mb95sp {
    margin-bottom: 95px;
  }
  .mr95sp {
    margin-right: 95px;
  }
  .ml95sp {
    margin-left: 95px;
  }
  .mt100sp {
    margin-top: 100px;
  }
  .mb100sp {
    margin-bottom: 100px;
  }
  .mr100sp {
    margin-right: 100px;
  }
  .ml100sp {
    margin-left: 100px;
  }
}
@media (min-width: 481px) {
  .mt5pc {
    margin-top: 5px;
  }
  .mb5pc {
    margin-bottom: 5px;
  }
  .mr5pc {
    margin-right: 5px;
  }
  .ml5pc {
    margin-left: 5px;
  }
  .mt10pc {
    margin-top: 10px;
  }
  .mb10pc {
    margin-bottom: 10px;
  }
  .mr10pc {
    margin-right: 10px;
  }
  .ml10pc {
    margin-left: 10px;
  }
  .mt15pc {
    margin-top: 15px;
  }
  .mb15pc {
    margin-bottom: 15px;
  }
  .mr15pc {
    margin-right: 15px;
  }
  .ml15pc {
    margin-left: 15px;
  }
  .mt20pc {
    margin-top: 20px;
  }
  .mb20pc {
    margin-bottom: 20px;
  }
  .mr20pc {
    margin-right: 20px;
  }
  .ml20pc {
    margin-left: 20px;
  }
  .mt25pc {
    margin-top: 25px;
  }
  .mb25pc {
    margin-bottom: 25px;
  }
  .mr25pc {
    margin-right: 25px;
  }
  .ml25pc {
    margin-left: 25px;
  }
  .mt30pc {
    margin-top: 30px;
  }
  .mb30pc {
    margin-bottom: 30px;
  }
  .mr30pc {
    margin-right: 30px;
  }
  .ml30pc {
    margin-left: 30px;
  }
  .mt35pc {
    margin-top: 35px;
  }
  .mb35pc {
    margin-bottom: 35px;
  }
  .mr35pc {
    margin-right: 35px;
  }
  .ml35pc {
    margin-left: 35px;
  }
  .mt40pc {
    margin-top: 40px;
  }
  .mb40pc {
    margin-bottom: 40px;
  }
  .mr40pc {
    margin-right: 40px;
  }
  .ml40pc {
    margin-left: 40px;
  }
  .mt45pc {
    margin-top: 45px;
  }
  .mb45pc {
    margin-bottom: 45px;
  }
  .mr45pc {
    margin-right: 45px;
  }
  .ml45pc {
    margin-left: 45px;
  }
  .mt50pc {
    margin-top: 50px;
  }
  .mb50pc {
    margin-bottom: 50px;
  }
  .mr50pc {
    margin-right: 50px;
  }
  .ml50pc {
    margin-left: 50px;
  }
  .mt55pc {
    margin-top: 55px;
  }
  .mb55pc {
    margin-bottom: 55px;
  }
  .mr55pc {
    margin-right: 55px;
  }
  .ml55pc {
    margin-left: 55px;
  }
  .mt60pc {
    margin-top: 60px;
  }
  .mb60pc {
    margin-bottom: 60px;
  }
  .mr60pc {
    margin-right: 60px;
  }
  .ml60pc {
    margin-left: 60px;
  }
  .mt65pc {
    margin-top: 65px;
  }
  .mb65pc {
    margin-bottom: 65px;
  }
  .mr65pc {
    margin-right: 65px;
  }
  .ml65pc {
    margin-left: 65px;
  }
  .mt70pc {
    margin-top: 70px;
  }
  .mb70pc {
    margin-bottom: 70px;
  }
  .mr70pc {
    margin-right: 70px;
  }
  .ml70pc {
    margin-left: 70px;
  }
  .mt75pc {
    margin-top: 75px;
  }
  .mb75pc {
    margin-bottom: 75px;
  }
  .mr75pc {
    margin-right: 75px;
  }
  .ml75pc {
    margin-left: 75px;
  }
  .mt80pc {
    margin-top: 80px;
  }
  .mb80pc {
    margin-bottom: 80px;
  }
  .mr80pc {
    margin-right: 80px;
  }
  .ml80pc {
    margin-left: 80px;
  }
  .mt85pc {
    margin-top: 85px;
  }
  .mb85pc {
    margin-bottom: 85px;
  }
  .mr85pc {
    margin-right: 85px;
  }
  .ml85pc {
    margin-left: 85px;
  }
  .mt90pc {
    margin-top: 90px;
  }
  .mb90pc {
    margin-bottom: 90px;
  }
  .mr90pc {
    margin-right: 90px;
  }
  .ml90pc {
    margin-left: 90px;
  }
  .mt95pc {
    margin-top: 95px;
  }
  .mb95pc {
    margin-bottom: 95px;
  }
  .mr95pc {
    margin-right: 95px;
  }
  .ml95pc {
    margin-left: 95px;
  }
  .mt100pc {
    margin-top: 100px;
  }
  .mb100pc {
    margin-bottom: 100px;
  }
  .mr100pc {
    margin-right: 100px;
  }
  .ml100pc {
    margin-left: 100px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  background: #fff;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.fader {
  opacity: 0;
}

.fade_on {
  -webkit-animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateX(180px);
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
@keyframes slideIn {
  0% {
    -webkit-transform: translateX(180px);
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
.delay_1 {
  animation-delay: 0.1s;
}

.delay_2 {
  animation-delay: 0.2s;
}

/*============================
#Cont.toppage
============================*/
#Cont.toppage .main-bg {
  width: 100%;
  height: 10px;
  top: 55px;
  position: absolute;
  background: #fcf8f0;
  z-index: -100;
}
@media (min-width: 601px) {
  #Cont.toppage .main-bg {
    top: 0;
    right: 0;
    height: 500px;
    width: 55%;
  }
}
#Cont.toppage .main-visual {
  left: 0;
}
#Cont.toppage .main-text {
  position: absolute;
  right: 0;
  margin-top: 230px;
  z-index: 2;
  width: 80%;
}
@media (min-width: 601px) {
  #Cont.toppage .main-text {
    width: inherit;
    margin-top: 150px;
  }
}
#Cont.toppage .slick01 .slick-slide {
  position: absolute;
  left: 0;
  overflow: hidden;
  transform: scale(1) !important;
}
@media (max-width: 601px) {
  #Cont.toppage .slick01 .slick-slide img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
    object-position: 10% 10%;
  }
}
@media (min-width: 601px) {
  #Cont.toppage .slick01 .slick-slide {
    margin-right: 180px;
    height: 445px;
  }
}
@media (min-width: 961px) {
  #Cont.toppage .slick01 .slick-slide {
    margin-right: 200px;
  }
}
@media (min-width: 1281px) {
  #Cont.toppage .slick01 .slick-slide {
    margin-right: 300px;
  }
}
#Cont.toppage .slick01 .slick-slide img {
  width: 100%;
}
#Cont.toppage .newtopics {
  margin-top: 42px;
  position: relative;
  /*-----------矢印表示----------*/
}
@media (min-width: 961px) {
  #Cont.toppage .newtopics {
    margin-top: 130px;
  }
}
#Cont.toppage .newtopics .slick-arrow {
  z-index: 2 !important;
  width: 40px !important;
  height: 40px !important;
  position: relative;
}
#Cont.toppage .newtopics .slick-arrow:before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  opacity: 1 !important;
  background: url(../images/icon_arrow2.svg) !important;
  background-size: contain !important;
}
#Cont.toppage .newtopics .next {
  right: 100px !important;
  position: absolute;
  top: 0;
  left: 90%;
}
#Cont.toppage .newtopics .prev {
  top: 0;
  left: calc(90% - 45px);
}
#Cont.toppage .newtopics .prev:before {
  transform: rotate(180deg);
}
#Cont.toppage .newtopics_bg {
  background: #f9f9f9;
  width: 100%;
  height: 100%;
  top: 50px;
  left: 0;
  position: absolute;
  z-index: -1;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#Cont.toppage .newtopics_ttl {
  background: #fff;
  padding: 10px 40px;
  margin-bottom: 10px;
  border-top: solid 3px #6e6969;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
@media (min-width: 601px) {
  #Cont.toppage .newtopics_ttl {
    width: 200px;
    padding: 25px 50px;
  }
}
#Cont.toppage .newtopics_ttl img {
  width: 70%;
}
@media (min-width: 601px) {
  #Cont.toppage .newtopics_ttl img {
    width: 100%;
  }
}
#Cont.toppage .newtopics_ttl .sub {
  display: block;
  margin-top: 10px;
  font-size: 0.875rem;
  letter-spacing: 0.2em !important;
  color: #a58027;
}
#Cont.toppage .viewmore_btn a {
  margin: auto;
  display: block;
  width: 180px;
  height: 20px;
  background: url(../images/icon_viewmore.svg) no-repeat;
  background-size: 180px auto;
}
#Cont.toppage .viewmore_btn2 a {
  margin: auto;
  display: block;
  width: 180px;
  height: 20px;
  background: url(../images/icon_viewmore2.svg) no-repeat;
  background-size: 180px auto;
  margin-right: 30px;
}
#Cont.toppage .mission {
  margin-top: 100px;
}
@media (min-width: 601px) {
  #Cont.toppage .mission {
    margin-top: 154px;
  }
}
#Cont.toppage .mission_ttl {
  margin: 0 16px;
  display: block;
  padding: 25px 0 30px;
  letter-spacing: 0.2em !important;
  font-size: 1.625rem;
  text-align: center;
  border-top: solid 2px #cdcdcd;
}
@media (min-width: 601px) {
  #Cont.toppage .mission_ttl {
    margin: auto;
    display: block;
    width: calc(8rem + 500px);
    padding: 40px 0 30px;
    letter-spacing: 0.2em !important;
    font-size: 1.875rem;
    text-align: center;
    border-top: solid 2px #cdcdcd;
  }
}
#Cont.toppage .mission-m-ttl {
  margin-bottom: 38px;
  font-size: 1.625rem;
  letter-spacing: 0.2em !important;
}
#Cont.toppage .mission-m-ttl .num {
  display: block;
  margin-bottom: 36px;
  display: block;
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m-ttl .num {
    margin-bottom: 25px;
  }
}
#Cont.toppage .mission-m-ttl .en {
  display: block;
  margin-top: 15px;
}
#Cont.toppage .mission-m1_wrap {
  display: flex;
  margin: auto;
}
#Cont.toppage .mission-m1_v {
  margin: 0 16px;
  position: absolute;
  left: 0;
  z-index: 2;
}
#Cont.toppage .mission-m1_v img {
  object-fit: cover;
}
@media (min-width: 601px) {
  #Cont.toppage .mission-m1_v {
    width: 400px;
    height: auto;
  }
}
@media (min-width: 1281px) {
  #Cont.toppage .mission-m1_v {
    width: 45%;
    margin-left: 50px;
  }
}
#Cont.toppage .mission-m1_bg {
  width: 100vw;
  margin-left: 0vw;
  margin-top: 45px;
  background: #f9f9f9;
  position: relative;
  z-index: 1;
  right: 0;
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m1_bg {
    width: 75vw;
    margin-left: 25vw;
  }
}
#Cont.toppage .mission-m1_bg .viewmore_btn {
  margin-top: 80px;
  position: relative;
}
#Cont.toppage .mission-m1_bg .viewmore_btn a {
  position: absolute;
  right: 0;
}
#Cont.toppage .mission-m1_t {
  padding: 78vw 16px 100px 16px;
  box-sizing: border-box;
  line-height: 2.4em !important;
  letter-spacing: 0.1em !important;
}
@media (min-width: 601px) {
  #Cont.toppage .mission-m1_t {
    padding: 350px 100px 100px 16%;
  }
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m1_t {
    padding: 130px 100px 120px 35%;
  }
}
#Cont.toppage .mission-m2 {
  margin-top: 40px;
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m2 {
    margin-top: 0;
  }
}
#Cont.toppage .mission-m2_wrap {
  display: flex;
  margin: auto;
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m2_wrap {
    align-items: center;
  }
}
#Cont.toppage .mission-m2_v {
  position: absolute;
  margin: 0 16px;
  z-index: 2;
  height: auto;
  text-align: right;
}
#Cont.toppage .mission-m2_v img {
  object-fit: cover;
}
@media (min-width: 601px) {
  #Cont.toppage .mission-m2_v {
    right: 0;
    width: 300px;
  }
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m2_v {
    right: 0;
    width: 400px;
  }
}
@media (min-width: 1281px) {
  #Cont.toppage .mission-m2_v {
    width: 45%;
    margin-left: 50px;
  }
}
#Cont.toppage .mission-m2_bg {
  width: 100%;
  position: relative;
  z-index: 1;
  left: 0;
}
#Cont.toppage .mission-m2_bg::before {
  content: "";
  display: block;
  position: absolute;
  width: 50vw;
  height: 90%;
  background: #f9f9f9;
  top: 10%;
  right: 0;
  z-index: -1;
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m2_bg::before {
    top: 0;
  }
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m2_bg {
    margin-top: 0;
    height: 100%;
    margin-right: 400px;
  }
  #Cont.toppage .mission-m2_bg::before {
    width: 25vw;
    left: 0;
  }
}
#Cont.toppage .mission-m2_bg .viewmore_btn {
  margin-top: 80px;
  position: relative;
}
#Cont.toppage .mission-m2_bg .viewmore_btn a {
  position: absolute;
  right: 0;
}
#Cont.toppage .mission-m2_t {
  padding: 100vw 16px 80px 16px;
  box-sizing: border-box;
  line-height: 2.4em !important;
  letter-spacing: 0.1em !important;
}
@media (min-width: 601px) {
  #Cont.toppage .mission-m2_t {
    padding: 240px 10% 120px 10%;
  }
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m2_t {
    padding: 130px 30% 120px 10%;
  }
}
#Cont.toppage .mission-m3_wrap {
  margin-top: 80px;
}
@media (min-width: 601px) {
  #Cont.toppage .mission-m3_wrap {
    margin-top: 0;
    display: flex;
    margin: 0 auto 80px;
    flex-direction: column;
  }
}
#Cont.toppage .mission-m3_v {
  margin-left: auto;
  right: 0;
  z-index: 2;
  height: auto;
}
#Cont.toppage .mission-m3_v img {
  object-fit: cover;
}
@media (min-width: 601px) {
  #Cont.toppage .mission-m3_v {
    order: 2;
  }
}
@media (min-width: 1281px) {
  #Cont.toppage .mission-m3_v {
    margin-right: 50px;
  }
}
#Cont.toppage .mission-m3_bg {
  width: 100vw;
  margin-left: 0vw;
  background: #fff;
  position: relative;
  z-index: 1;
  right: 0;
}
#Cont.toppage .mission-m3_bg::before {
  content: "";
  display: block;
  position: absolute;
  width: 35vw;
  height: 100%;
  background: #f9f9f9;
  right: 0;
  z-index: -1;
}
@media (min-width: 601px) {
  #Cont.toppage .mission-m3_bg {
    background: #f9f9f9;
    margin-left: 25px;
    order: 1;
  }
  #Cont.toppage .mission-m3_bg::before {
    display: none;
  }
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m3_bg {
    width: 75vw;
    margin-left: 25vw;
  }
}
#Cont.toppage .mission-m3_bg .viewmore_btn {
  position: relative;
  margin-top: 40px;
}
#Cont.toppage .mission-m3_bg .viewmore_btn a {
  right: 16px;
  bottom: 100px;
  padding: 0;
  position: absolute;
}
@media (min-width: 601px) {
  #Cont.toppage .mission-m3_bg .viewmore_btn a {
    right: 0;
    bottom: 30px;
    padding: 0 100px 0 0;
  }
}
#Cont.toppage .mission-m3_t {
  padding: 18vw 16px 120px 16px;
  line-height: 2.4em !important;
  letter-spacing: 0.1em !important;
}
@media (min-width: 961px) {
  #Cont.toppage .mission-m3_t {
    padding: 120px 100px 50px 90px;
    display: flex;
    padding: 120px 100px 50px 90px;
  }
}
#Cont.toppage .mission-m3_t .mission-m-ttl {
  width: 60%;
  margin-right: 30px;
  box-sizing: border-box;
}
#Cont.toppage .treats-food {
  margin-top: 100px;
}
#Cont.toppage .treats-food_bg {
  position: relative;
  padding-top: 50px;
  padding-bottom: 144px;
  background: #efe9db;
}
@media (min-width: 601px) {
  #Cont.toppage .treats-food_bg {
    padding-bottom: 240px;
    padding-top: 92px;
  }
  #Cont.toppage .treats-food_bg::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: -40px;
    right: 50px;
    width: 290px;
    height: 80px;
    background: url(../images/img_top-p1.png) no-repeat;
    background-size: contain;
  }
}
#Cont.toppage .treats-food_head {
  display: flex;
  border-top: solid 3px #c8bc9f;
}
@media (min-width: 601px) {
  #Cont.toppage .treats-food_head {
    border-top: none;
  }
}
#Cont.toppage .treats-food_ttl {
  width: 232px;
  padding: 36px 0 28px 0px;
  margin-right: auto;
}
@media (min-width: 601px) {
  #Cont.toppage .treats-food_ttl {
    border-top: solid 3px #c8bc9f;
    width: 335px;
    margin-right: 40px;
    padding: 28px 50px;
  }
}
#Cont.toppage .treats-food_ttl img {
  width: 100%;
}
#Cont.toppage .treats-food_ttl .sub {
  display: block;
  margin-top: 10px;
  font-size: 0.875rem;
  letter-spacing: 0.2em !important;
  color: #474747;
}
#Cont.toppage .treats-food-t {
  display: none;
}
@media (min-width: 601px) {
  #Cont.toppage .treats-food-t {
    display: block;
    word-break: break-all;
    max-width: 50%;
  }
}
#Cont.toppage .treats-food_v {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#Cont.toppage .treats-food_v li {
  width: calc(50% - 5px);
  margin-right: 5px;
  margin-bottom: 5px;
}
#Cont.toppage .treats-food_v li:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 601px) {
  #Cont.toppage .treats-food_v li:nth-child(2n) {
    margin-right: 5px;
  }
}
@media (min-width: 601px) {
  #Cont.toppage .treats-food_v li {
    width: calc(25% - 5px);
    margin-bottom: 5px;
    margin-right: 5px;
  }
}
#Cont.toppage .treats-food_v img {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
#Cont.toppage .treats-food_v img:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
#Cont.toppage .treats-food_v._row2 {
  justify-content: center;
}
@media (min-width: 601px) {
  #Cont.toppage .treats-food_v._row2 {
    margin-top: 8px;
  }
}
#Cont.toppage .viewall_btn {
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 80px;
  background: #404040;
  transition: 0.3s;
}
@media (min-width: 601px) {
  #Cont.toppage .viewall_btn {
    bottom: 84px;
    max-width: 1080px;
    height: 100px;
  }
}
#Cont.toppage .viewall_btn:hover {
  opacity: 0.8;
}
#Cont.toppage .viewall_btn a {
  display: block;
  height: 100%;
  background: url(../images/icon_viewall.svg) no-repeat center;
  background-size: 157px auto;
  transition: 0.3s;
}
#Cont.toppage .gb_bannerArea a {
  display: block;
  width: 100%;
}
#Cont.toppage .gb_bannerArea a img {
  width: 100%;
  object-fit: cover;
}

.newtopics_list .slick-track {
  display: flex;
}
.newtopics_list.news {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 961px) {
  .newtopics_list.news {
    justify-content: start;
    margin: 0 50px;
  }
}
.newtopics_list.news .newtopics_item {
  margin-bottom: 50px;
  margin-top: 0;
  width: 47%;
}
@media (min-width: 961px) {
  .newtopics_list.news .newtopics_item {
    width: 28%;
    margin-right: 6.3%;
  }
}
.newtopics_list.news .newtopics_item .item-text {
  background: transparent;
  padding-top: 0;
}
@media (min-width: 961px) {
  .newtopics_list.news .newtopics_item:nth-of-type(3n) {
    margin-right: 0;
  }
}
.newtopics_list .newtopics_item {
  margin: 5px;
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
@media (min-width: 601px) {
  .newtopics_list .newtopics_item {
    margin-top: 36px;
  }
}
.newtopics_list .newtopics_item a {
  padding-bottom: 1px;
  color: hsl(222, 25%, 14%);
  position: relative;
  height: 100%;
}
.newtopics_list .newtopics_item a::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  opacity: 0;
  transform: translateY(3px);
  background: #c8bc9f;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.newtopics_list .newtopics_item a:hover::after {
  opacity: 1;
  transform: translateY(0);
}
.newtopics_list .newtopics_item img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.newtopics_list .newtopics_item .item-text {
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  padding: 6px;
  margin-top: 12px;
  height: calc(100% - 200px);
}
.newtopics_list .newtopics_item .item-text .date {
  font-size: 0.75rem;
  color: #a58027;
}
@media (min-width: 601px) {
  .newtopics_list .newtopics_item .item-text .date {
    font-size: 0.875rem;
  }
}
.newtopics_list .newtopics_item .item-text .tag {
  display: inline-block;
  font-size: 0.75rem;
  color: #6e6969;
}
.newtopics_list .newtopics_item .item-text .tag span {
  color: #c8bc9f;
}

/* ==========================================================================
ニュース一覧　
========================================================================== */
.list-news_block {
  margin-top: 0px;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  /*	max-width: 1100px;*/
}
@media (min-width: 601px) {
  .list-news_block {
    margin-top: 40px;
  }
}

.list-news_block .tabContents-bg {
  background: #f8f8f1;
  margin-left: -1000px;
  margin-right: -1000px;
  padding-right: 1000px;
  padding-left: 1000px;
  padding-bottom: 80px;
}

/*コンテンツ部分*/
.list-news_block .tabContents {
  display: none;
  padding: 50px 0 0;
  /*border: 1px solid $color4;*/
  width: 100%;
  box-sizing: border-box;
}

.list-news_block .tabContents.active {
  display: block;
}

.list-news_block .newtopics_item img {
  height: 120px;
}
@media (min-width: 601px) {
  .list-news_block .newtopics_item img {
    height: 200px;
  }
}

.list-news_card_block {
  /*flex-wrap: wrap;*/
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.list-news_card {
  display: block;
  width: 100%;
  margin: 0 10px;
  width: calc(33.3333333333% - 20px);
}

.list-news_card a {
  display: block;
  box-sizing: border-box;
  border: solid 1px #474747;
  border-top: solid 12px #a58027;
  color: #474747;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: all 0.2s;
  background: #a58027 url(../images/top/img_top_news_sum02.jpg) no-repeat;
  background-size: cover;
}

.list-news_card img {
  width: 100%;
  position: absolute;
}

.list-news_title {
  height: 190px;
  width: 100%;
  margin: 20px 40px;
  /*	padding: 70px 50px 70px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff url("../images/top/img_top_news_bg01.png") no-repeat;
  background-position: center bottom 20px;
  background-size: auto 100px;
  box-sizing: border-box;
  border: solid 20px #a6beb2;
  text-align: center;
  position: relative;
  transition: all 0.2s;
}

@media screen and (max-width: 1200px) {
  .list-news_title {
    height: 180px;
    margin: 10px 30px;
  }
}
.list-news_title span {
  display: inline-block;
  margin: 0 20px;
  padding: 0 8px 4px;
  border-bottom: solid 2px #474747;
}

@media screen and (max-width: 1200px) {
  .list-news_title span {
    margin: 0 10px;
  }
}
.list-news_cate {
  position: absolute;
  top: -10px;
  left: -32px;
  padding: 4px 16px;
  background-color: #df306c;
  color: #fff;
  z-index: 1;
  transition: all 0.2s;
  font-size: 12px;
}

@media screen and (max-width: 1200px) {
  .list-news_cate {
    position: absolute;
    top: -12px;
    padding: 4px;
    transition: all 0.2s;
  }
}
.list-news_date {
  color: #a58027;
  padding-top: 8px;
  margin: 0 10px 20px;
  display: flex;
  justify-content: space-between;
}

.date .new_mark {
  margin-left: 10px;
  color: #940031;
  font-size: 10px;
  border-top: solid 1px #940031;
  border-bottom: solid 1px #940031;
  padding: 4px 10px;
  font-weight: bold;
  font-family: "UD新ゴNT B";
}

.list-news_block .slick-dots {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 10px;
  display: flex;
  justify-content: flex-end;
  bottom: 0;
  z-index: 10;
}

.list-news_block .slick-dots li {
  display: inline-block;
}

.list-news_block .slick-dots li button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.list-news_block .slick-dots li button {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background-color: #fff;
  font-size: 0;
}

.list-news_block .slick-dots li {
  margin-left: 12px;
}

.list-news_block .slick-dots li:first-of-type {
  margin-left: 0;
}

.list-news_block .slick-dots li.slick-active button {
  background-color: #a58027;
}

/*コンテンツ部分・END*/
/*タブ部分*/
.list-news_block ul.tab {
  list-style: none;
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
@media (min-width: 601px) {
  .list-news_block ul.tab {
    margin-right: 0;
    margin-left: 0;
  }
}

.list-news_block .tab li.current {
  background: #00aeff;
}
.list-news_block .tab li {
  display: block;
  width: 33.3333333333%;
}
@media (min-width: 601px) {
  .list-news_block .tab li {
    width: 16.6666666667%;
  }
}
.list-news_block .tab a:hover::after {
  /*リセット用*/
  transform: scaleX(0);
  transform-origin: bottom left;
}
.list-news_block .tab li a {
  display: block;
  padding: 8px;
  font-size: 0.75rem;
  background: #fff;
  color: #a58027;
  transition: all 0.2s;
  position: relative;
  border: solid 1px #f8f8f1;
}
@media (min-width: 601px) {
  .list-news_block .tab li a {
    padding: 12px;
    border: none;
  }
}
.list-news_block .tab li a::before {
  content: "";
  display: block;
  position: absolute;
  background: #fff !important;
  width: 1px;
  height: 5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transition: all 0.2s;
}
@media (min-width: 601px) {
  .list-news_block .tab li a::before {
    height: 10px;
  }
}
.list-news_block .tab li.active a {
  background: #a58027;
  color: #fff;
  transition: all 0.2s;
}
.list-news_block .tab li.active a::before {
  background: #a58027;
  transition: all 0.2s;
}

/*タブ部分・END*/
/*ページャー*/
.list-news_pager {
  width: 80%;
  padding: 20px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: space-between;
  color: #a58027;
  font-size: 20px;
}
@media (min-width: 601px) {
  .list-news_pager {
    margin: 0px auto 40px;
  }
}

.list-news_pager a:hover::after {
  /*リセット用*/
  transform: scaleX(0);
  transform-origin: bottom left;
}

.list-news_pager a {
  color: #a58027;
  font-size: 1.125rem;
  padding: 4px;
  font-family: "Oswald";
  font-weight: 300;
  letter-spacing: 0.2em !important;
}
@media (min-width: 601px) {
  .list-news_pager a {
    font-size: 1.25rem;
  }
}

.list-news_pager a:first-of-type {
  margin-left: 0;
}

.page-numbers.prev {
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #474747;
}
.page-numbers.prev:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 15px;
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-left: 6px solid #6e6969;
}

.page-numbers.next {
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #474747;
}
.page-numbers.next:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 15px;
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-right: 6px solid #6e6969;
}

.page-numbers.prev::before,
.page-numbers.next::before {
  border: 7px solid transparent;
  border-right: 8px solid #6e6966;
}

.page-numbers.next::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*ページャー・END*/
/* ------------------------------ コメントアウト（中） */
/* コメントアウト（小） */
/* END */
/* ==========================================================================
ニュース詳細ページ
========================================================================== */
.second_detail-news h1.title {
  font-size: 1.5rem;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #c8bc9f;
  margin-bottom: 30px;
  background-position: 0 20px;
  background-size: 60px auto;
}
@media (min-width: 601px) {
  .second_detail-news h1.title {
    font-size: 1.75rem;
  }
}

.detail-news_head {
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  padding: 10px;
}

/*日付とカテゴリー表示領域*/
.cont-news .detail-news-category ul {
  display: flex;
}

.cont-news .detail-news-category li {
  margin-left: 10px;
  list-style-type: none;
}

.cont-news .detail-news-category li:first-of-type {
  margin-left: 0;
}

.cont-news .detail-news-category li a {
  background-color: #a58027;
  padding: 4px 20px;
  text-decoration: none;
  color: #fff;
  font-size: 0.75rem;
}

.cont-news .detail-news_date {
  font-size: 0.75rem;
  padding: 4px 20px 4px 14px;
  position: relative;
  color: #474747;
  letter-spacing: 0.1em;
}

.cont-news .detail-news_date::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 10px;
  background-color: #bababa;
  height: 100%;
  width: 2px;
}

/*日付とカテゴリー表示領域END*/
/*ソーシャルボタン領域*/
.detail-news_social {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.detail-news_social ul {
  display: flex;
  justify-content: center;
}

.detail-news_social ul li {
  margin-left: 10px;
  list-style-type: none;
  margin-top: 24px;
  margin-bottom: 40px;
}

.detail-news_social li a {
  vertical-align: bottom;
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url("../common/ico_facebook_black.svg") no-repeat center;
  background-size: auto 22px;
  border-radius: 4px;
  border: solid 1px #474747;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.1s ease;
}

.detail-news_social li a.tw {
  background: url("../common/ico_twitter_black.svg") no-repeat center;
  background-size: auto 18px;
}

.detail-news_social li a.line {
  background-size: auto 20px;
  overflow: visible;
  text-indent: 0%;
  text-align: center;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #474747;
  font-weight: bold;
  font-family: "UD新ゴNT B";
}

.detail-news_social li:hover a {
  transform: scale(1.1);
}

.detail-news_social li a:hover::after {
  transform: scaleX(0);
  transform-origin: bottom left;
}

/*ソーシャルボタン領域END*/
/* ------------------------------ コメントアウト（中） */
/* コメントアウト（小） */
/* END */
@media (min-width: 961px) {
  .under_mission_top {
    margin-left: -50px;
    margin-right: -50px;
  }
}
@media (min-width: 1281px) {
  .under_mission_top {
    margin-left: -200px;
    margin-right: -200px;
  }
}
.under_mission_top .main-text {
  text-align: center;
  width: 94vw;
  margin: 0 auto 30px;
  height: 120px;
  background: url(../images/text_mission1_sp.png) no-repeat center;
  background-size: contain;
}
@media (min-width: 961px) {
  .under_mission_top .main-text {
    margin: 0 auto;
    width: 60vw;
    height: 100px;
    background: url(../images/text_mission1.png) no-repeat center;
    background-size: contain;
  }
}
.under_mission_top .main-text2 {
  text-align: center;
  position: relative;
  z-index: 3;
  width: 100vw;
  height: 300px;
  background: url(../images/text_mission2_sp.png) no-repeat center;
  background-size: auto 80%;
}
@media (min-width: 601px) {
  .under_mission_top .main-text2 {
    height: 25vw;
    background: url(../images/text_mission2.png) no-repeat center;
    background-size: 70vw auto;
  }
}
@media (min-width: 961px) {
  .under_mission_top .main-text2 {
    height: 20vw;
    background: url(../images/text_mission2.png) no-repeat center;
    background-size: 60vw auto;
  }
}
.under_mission_top .main-text3 {
  position: relative;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align-last: left;
  letter-spacing: 0.1em !important;
  line-height: 2.4em !important;
  font-size: 1rem;
}
@media (min-width: 601px) {
  .under_mission_top .main-text3 {
    font-size: 1.0625rem;
    padding: 0px 20px;
  }
}
@media (min-width: 961px) {
  .under_mission_top .main-text3 {
    flex-direction: row;
  }
}
.under_mission_top .main-text3 .text {
  max-width: 550px;
  margin: auto;
  padding: 0px 20px;
  margin-top: 30px;
  padding-top: 40px;
  position: relative;
  z-index: 2;
  display: block;
}
.under_mission_top .main-text3 .text:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #c8bc9f;
  border-radius: 100px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.under_mission_top .main-text3 .bg_img1_pc {
  display: block;
  width: 220px;
  position: absolute;
  top: -80px;
  left: 0px;
}
@media (max-width: 961px) {
  .under_mission_top .main-text3 .bg_img1_pc {
    display: none;
  }
}
@media (min-width: 1281px) {
  .under_mission_top .main-text3 .bg_img1_pc {
    left: 10vw;
  }
}
.under_mission_top .main-text3 .bg_img2_pc {
  position: absolute;
  right: 0px;
  bottom: -50px;
}
@media (max-width: 961px) {
  .under_mission_top .main-text3 .bg_img2_pc {
    display: none;
  }
}
@media (min-width: 1281px) {
  .under_mission_top .main-text3 .bg_img2_pc {
    right: 10vw;
  }
}
@media (min-width: 961px) {
  .under_mission_top .main-text3 .bg_img1_sp {
    display: none;
  }
}
.under_mission_top .img_wide {
  margin-top: 60px;
  width: 100%;
  object-fit: cover;
  height: 150px;
}
@media (min-width: 601px) {
  .under_mission_top .img_wide {
    margin-top: 100px;
    height: 350px;
  }
}
.under_mission_top .second {
  margin-top: 60px;
}
@media (min-width: 601px) {
  .under_mission_top .second {
    margin-top: 100px;
  }
}
.under_mission_top .second .h2_ttl {
  margin-bottom: 40px;
  text-align: center;
  letter-spacing: 0.2em !important;
  padding-bottom: 40px;
  position: relative;
  font-size: 1.375rem;
}
@media (min-width: 601px) {
  .under_mission_top .second .h2_ttl {
    margin-bottom: 60px;
    padding-bottom: 60px;
    font-size: 2.0625rem;
  }
}
.under_mission_top .second .h2_ttl:before,
.under_mission_top .second .h2_ttl::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #c8bc9f;
  border-radius: 100px;
  bottom: 0;
  left: -20px;
  right: 0;
  margin: auto;
}
.under_mission_top .second .h2_ttl::after {
  left: 20px;
}
.under_mission_top .second .text {
  max-width: 600px;
  margin: auto;
  letter-spacing: 0.05em !important;
  line-height: 2.4em !important;
  font-size: 0.9375rem;
}
@media (min-width: 601px) {
  .under_mission_top .second .text {
    font-size: 1rem;
  }
}
.under_mission_top .second .img_second {
  max-width: 1100px;
  max-height: 100px;
  overflow: hidden;
  display: block;
  width: calc(100% + 32px);
  object-fit: cover;
  margin: 0 -16px;
  margin-top: 40px;
}
@media (min-width: 601px) {
  .under_mission_top .second .img_second {
    width: 100%;
    margin: 40px auto 0;
    max-height: 300px;
  }
}
.under_mission_top .third {
  margin-top: 70px;
}
@media (min-width: 601px) {
  .under_mission_top .third {
    margin-top: 100px;
  }
}
.under_mission_top .third .h2_ttl_wrap {
  position: relative;
  text-align: center;
  background: #f9f9f9;
  border-top: solid 2px #6e6969;
}
.under_mission_top .third .h2_ttl_wrap::before {
  color: #a58027;
  content: "PROMISE";
  letter-spacing: 0.2em !important;
  color: #6e6969;
  font-family: "Oswald";
  display: block;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1.375rem;
}
.under_mission_top .third .h2_ttl_wrap .ttl {
  letter-spacing: 0.2em;
  margin-bottom: 20px;
  padding: 100px 0 50px;
  font-size: 1.375rem;
}
@media (min-width: 601px) {
  .under_mission_top .third .h2_ttl_wrap .ttl {
    padding: 90px 0 95px;
    font-size: 2.0625rem;
  }
}
.under_mission_top .third .h2_ttl_wrap::after {
  color: #6e6969;
  content: "";
  position: absolute;
  background: #fff;
  width: 27px;
  height: 27px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  right: 0;
  bottom: -16px;
  margin: auto;
}
.under_mission_top .third .set_line_box {
  margin-left: 0;
}
@media (min-width: 601px) {
  .under_mission_top .third .set_line_box {
    padding-left: 40px;
    position: relative;
  }
}
@media (min-width: 601px) {
  .under_mission_top .third .set_line_box::before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    background: #6e6969;
  }
}
@media (min-width: 601px) {
  .under_mission_top .third .set_line_box::after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    bottom: 0;
    left: -5px;
    background: #6e6969;
    border-radius: 100px;
  }
}
.under_mission_top .third .set_line_box li:not(:first-of-type) {
  margin-top: 80px;
}
@media (min-width: 601px) {
  .under_mission_top .third .set_line_box li:not(:first-of-type) {
    margin-top: 0px;
  }
}
.under_mission_top .third .set_line_box li::before {
  display: none !important;
}
.under_mission_top .third .link_box {
  position: relative;
  display: block;
  background: url(../images/icon_arrow.png) no-repeat;
  background-size: 30px auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box {
    margin: 60px 0 0 40px;
    flex-direction: row;
  }
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box::before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: -85px;
    background: #6e6969;
    border-radius: 100px;
  }
}
.under_mission_top .third .link_box .text_box {
  display: block;
  margin-top: 30px;
  padding: 0px 0px 20px 0px;
  letter-spacing: 0.1em !important;
  border-bottom: solid 4px #6e6969;
  position: relative;
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box .text_box {
    padding: 60px 80px 60px 20px;
  }
}
.under_mission_top .third .link_box .text_box::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/icon_arrow-bor.svg) no-repeat top;
  background-size: 30px auto;
  height: 100%;
  width: 30px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box .text_box::before {
    background: url(../images/icon_arrow-bor.svg) no-repeat center;
    background-size: 50px auto;
    width: 50px;
  }
}
.under_mission_top .third .link_box .text {
  line-height: 2.4em !important;
}
.under_mission_top .third .link_box .ttl {
  color: #6e6969;
  margin-bottom: 20px;
  letter-spacing: 0.2em !important;
  font-size: 1.25rem;
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box .ttl {
    font-size: 1.5625rem;
  }
}
.under_mission_top .third .link_box .ttl_sp {
  position: relative;
}
.under_mission_top .third .link_box .ttl_sp::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/icon_arrow-bor.svg) no-repeat center;
  background-size: 30px auto;
  height: 100%;
  width: 30px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box .ttl_sp::before {
    display: none;
  }
}
.under_mission_top .third .link_box .img {
  margin-right: 40px;
  object-fit: contain;
  width: 100%;
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box .img {
    width: 250px;
  }
}
@media (min-width: 961px) {
  .under_mission_top .third .link_box .img {
    width: 423px;
  }
}
.under_mission_top .third .link_box.tate {
  flex-direction: column;
  margin: 0 -20px;
  padding: 0 0px 10px 0px;
  position: relative;
  border-bottom: solid 4px #6e6969;
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box.tate {
    margin: 0;
    padding: 130px 60px 0px 45px;
    border: transparent;
  }
}
@media (min-width: 601px) {
  .under_mission_top .third .link_box.tate::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/icon_arrow-bor.svg) no-repeat center right;
    background-size: 50px auto;
    width: 50px;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
  }
}
.under_mission_top .third .link_box.tate::before {
  left: -45px;
}
.under_mission_top .third .text_tate_box {
  order: 2;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
@media (min-width: 601px) {
  .under_mission_top .third .text_tate_box {
    margin-top: 30px;
    flex-direction: row;
  }
}
.under_mission_top .third .text_tate_box .ttl {
  margin: 0 20px;
}
@media (min-width: 601px) {
  .under_mission_top .third .text_tate_box .ttl {
    margin: 0;
    width: 25%;
  }
}
.under_mission_top .third .text_tate_box .text {
  margin: 0 20px;
}
@media (min-width: 601px) {
  .under_mission_top .third .text_tate_box .text {
    margin: 0;
    width: 75%;
    margin-top: 0;
  }
}
.under_mission_top .third .text_tate_box .text .text_tate_box .img {
  margin-right: -100px;
}
.under_mission_top .third .link_box.tate .img {
  order: 1;
  width: 100%;
}
.under_mission_top .third .link_box a {
  display: block;
  pointer-events: auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.under_mission_top .third .link_box a::after {
  pointer-events: auto;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 1;
}
.under_mission_top .third .link_box a:hover {
  opacity: 1;
}
.under_mission_top .third .link_box a:hover::after {
  background: rgba(255, 255, 255, 0.2);
}

.cke_editable .fader {
  opacity: 1 !important;
}

@media (max-width: 481px) {
  .under_mission .edit-area {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.under_mission .btn_epsode_area {
  margin-top: 30px;
  padding: 40px 0;
  display: block;
  position: relative;
  width: 100%;
  background: #474747;
}
@media (min-width: 601px) {
  .under_mission .btn_epsode_area {
    margin-top: 60px;
    padding: 65px 0;
  }
}
.under_mission .btn_epsode {
  display: block;
  margin: 0 auto;
  max-width: 980px;
}
.under_mission .ttl_box {
  padding: 42px 0 25px;
  background: #fff;
  text-align: center;
  background: url(../images/btn_mission_hajimarumade.png) no-repeat;
  background-size: cover;
  position: relative;
  margin: 0 16px;
}
@media (min-width: 601px) {
  .under_mission .ttl_box {
    padding: 62px 0 45px;
  }
}
@media (min-width: 961px) {
  .under_mission .ttl_box {
    margin: 0;
  }
}
.under_mission .btn_epsode .ttl_box::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  top: 0;
  left: 0;
  margin-left: 10px;
  margin-top: 9px;
  box-sizing: border-box;
  border-right: solid 10px #efe9db;
  border-bottom: solid 10px #efe9db;
}
.under_mission .btn_epsode .ttl {
  font-size: 0.875rem;
  letter-spacing: 0.2em !important;
}
@media (min-width: 601px) {
  .under_mission .btn_epsode .ttl {
    font-size: 1.375rem;
  }
}
.under_mission .btn_epsode .sub_ttl {
  font-family: "Oswald";
  font-weight: 300;
  margin-top: 6px;
  letter-spacing: 0.2em !important;
  font-size: 0.6875rem;
}
@media (min-width: 601px) {
  .under_mission .btn_epsode .sub_ttl {
    font-size: 0.9375rem;
  }
}
.under_mission .btn_epsode .viewmore_ttl {
  margin-top: 14px;
  padding: 0 12px;
  display: inline-block;
  font-size: 0.5625rem;
  border-top: 2px solid #efe9db;
  letter-spacing: 0.3em !important;
}
@media (min-width: 601px) {
  .under_mission .btn_epsode .viewmore_ttl {
    font-size: 0.75rem;
    border-bottom: 2px solid #efe9db;
  }
}

.ms-inc_area .card-item_btn {
  max-width: 980px;
  margin: 10px auto 40px;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .card-item_btn {
    max-width: 100%;
  }
}
.ms-inc_area .ms-inner {
  display: flex;
  justify-content: space-evenly;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-inner {
    flex-wrap: wrap;
  }
  .ms-inc_area .ms-inner::after {
    content: "";
    display: block;
    width: 40%;
    margin: 10px;
  }
}
.ms-inc_area .ms-inner .ms-col {
  padding: 1.5em;
  width: calc(33.3333333333% - 10px);
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-inner .ms-col {
    width: 40%;
    padding: 0em;
    margin: 10px;
  }
}
.ms-inc_area .ms-inner .ms-col .card-thum {
  position: relative;
}
.ms-inc_area .ms-inner .ms-col .card-thum img {
  position: relative;
  z-index: 1;
  width: 100%;
}
.ms-inc_area .ms-inner .ms-col .card-thum::after {
  content: "";
  background: #E0D5B9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 9px;
  left: 9px;
  display: block;
}
.ms-inc_area .ms-inner .ms-col:hover .card-txt::after {
  transform: translate(5px, 0px);
  transition: 0.2s;
}
.ms-inc_area .ms-inner .card-ttl {
  margin: 1em 0 0.2em;
  font-size: 1.125rem;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-inner .card-ttl {
    padding: 0px 2rem 0px 0px;
    position: relative;
    font-size: 0.9375rem;
  }
  .ms-inc_area .ms-inner .card-ttl::after {
    content: "";
    background: url("../images/icon_card_arrow01.png") no-repeat center center;
    display: block;
    background-size: contain;
    width: 15px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.ms-inc_area .ms-inner .card-txt {
  padding: 0px 3rem 0px 0px;
  font-size: 0.875rem;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-inner .card-txt {
    display: none;
  }
}
.ms-inc_area .ms-inner .card-txt::after {
  content: "";
  background: url("../images/icon_card_arrow01.png") no-repeat center center;
  display: block;
  background-size: contain;
  width: 25px;
  height: 35px;
  position: absolute;
  right: 10px;
  bottom: 25px;
}
.ms-inc_area .ms-link-btn {
  max-width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-link-btn {
    margin: 0 16px;
  }
}
.ms-inc_area .ms-link-btn:hover .txt-link::after {
  margin-right: -5px;
  transition: 0.2s;
}
.ms-inc_area .ms-link-btn .btn-wrap {
  display: flex;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-link-btn .btn-wrap {
    flex-direction: column;
  }
}
.ms-inc_area .ms-link-btn .btn-wrap .btn-col {
  width: calc(50% - 10px);
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-link-btn .btn-wrap .btn-col {
    width: 100%;
  }
}
.ms-inc_area .ms-link-btn .btn-wrap .ms-bg {
  border: solid 1px #EDEDED;
  padding: 2em;
  position: relative;
  display: block;
  box-sizing: border-box;
}
.ms-inc_area .ms-link-btn .btn-wrap .ms-bg .ms-bg_dc {
  background: url(../images/pic-link_bg.png) no-repeat center center;
  background-size: cover;
  display: block;
  width: 100%;
  padding-top: 25%;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-link-btn .btn-wrap .ms-bg {
    border: 0;
    padding: 0;
    margin-bottom: -1px;
  }
}
.ms-inc_area .ms-link-btn .btn-wrap .ms-bg::after {
  content: "";
  background: url(../images/h2-mission_ttl.png) no-repeat center center;
  display: block;
  background-size: cover;
  width: 210px;
  height: 100px;
  position: absolute;
  top: -6px;
  left: 25px;
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-link-btn .btn-wrap .ms-bg::after {
    top: -46px;
    left: -5px;
  }
}
.ms-inc_area .ms-link-btn .ms-more-btn {
  background: #474747;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
@media (min-width: 961px) {
  .ms-inc_area .ms-link-btn .ms-more-btn {
    height: auto;
  }
}
.ms-inc_area .ms-link-btn .ms-more-btn .ttl {
  margin-left: 40px;
  font-size: 1.125rem;
}
.ms-inc_area .ms-link-btn .ms-more-btn .txt-link {
  position: relative;
  padding: 0px 60px 0px 0px;
  margin-right: 40px;
  font-family: "Oswald";
}
.ms-inc_area .ms-link-btn .ms-more-btn .txt-link::after {
  content: "";
  background: url("../images/icon_card_arrow02.svg") no-repeat center center;
  display: block;
  background-size: contain;
  width: 25px;
  height: 35px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
  .ms-inc_area .ms-link-btn .ms-more-btn .txt-link {
    padding: 0px 40px 0px 0px;
  }
}

/*============================
FAQ　よく頂くご質問
============================*/
/**/
#qa_list {
  counter-reset: number 0;
}

.qa_box {
  position: relative;
  margin-bottom: 15px;
  border: solid 1px #cdcdcd;
  border-radius: 5px;
  background: #fcf8f0;
  box-shadow: 1px 3px 0px 0px #474747;
  transition-duration: 0.4s;
}
.qa_box p {
  margin-bottom: 0;
}

#qa_list .qa_theme {
  padding: 20px 20px 20px 70px;
  font-size: 1.067em;
}

#qa_list .qa_theme:before,
#qa_list .qa_theme:after {
  position: absolute;
  top: 19px;
  left: 14px;
  content: "";
  width: 38px;
  height: 38px;
  border-radius: 50px;
  background: #fcf8f0;
}

#qa_list .qa_theme:after {
  top: 10px;
  left: 23px;
  counter-increment: number 1;
  content: "Q" counter(number);
  color: #474747;
  font-size: 1.6em;
  background: none;
  font-family: sans-serif !important;
}

.qa_answerbox {
  padding: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fff;
}
.qa_answerbox .u-box {
  padding-left: 55px;
}

.qa_answer {
  position: relative;
  padding-left: 50px;
}

.qa_answer:before,
.qa_answer:after {
  position: absolute;
  top: -2px;
  left: -6px;
  content: "";
  width: 38px;
  height: 38px;
  border-radius: 50px;
  background: #6e6969;
}

.qa_answer:after {
  top: 0;
  left: 0.18em;
  transform: translate(0, -10%);
  content: "A";
  color: #fff;
  font-size: 1.6em;
  background: none;
  box-sizing: border-box;
  width: inherit;
}
@media screen and (max-width: 601px) {
  .qa_answer:after {
    transform: translate(0, -14%);
    left: 0.16em;
  }
}

.qa_answer_link {
  margin-left: 50px;
}

.qa_answer_link a {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  line-height: 40px;
  padding: 0 36px 0 15px;
  border: solid 1px #fcf8f0;
  border-radius: 5px;
  text-decoration: none;
  color: #000;
  font-size: 0.933em;
  background: #fff;
}

.qa_answer_link a:hover {
  background: #efe9db;
}

.qa_answer_link a:after {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 0;
  right: 13px;
  margin: auto;
  content: "";
  vertical-align: middle;
  border-top: 3px solid #a58027;
  border-right: 3px solid #a58027;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ------------------------------ コメントアウト（中） */
/* コメントアウト（小） */
/* END */
/*タブ部分*/
@media (min-width: 961px) {
  .qa-list_block {
    margin-top: 50px;
    list-style: none;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
  }
}

.qa-list_block li.current {
  background: #00aeff;
}
.qa-list_block li {
  border: solid 1px #cdcdcd;
  margin: 0 10px 8px;
  border-radius: 100px;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 961px) {
  .qa-list_block li {
    margin: 0 10px 15px;
    width: calc((100% - 80px) / 4);
  }
}
.qa-list_block a:hover::after {
  /*リセット用*/
  transform: none !important;
}
.qa-list_block li a {
  line-height: 1em;
  text-align: center;
  box-sizing: border-box;
  display: block;
  font-size: 0.875rem;
  background: #fff;
  color: #a58027;
  position: relative;
  height: 40px;
  padding: 10px 0;
}
@media (min-width: 961px) {
  .qa-list_block li a {
    padding: 12px;
  }
}
.qa-list_block li a::before {
  content: "";
  display: block;
  position: absolute;
  background: #fff !important;
  width: 1px;
  height: 15px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media (max-width: 481px) {
  .qa-list_block li a::before {
    height: 10px;
  }
}
.qa-list_block li.active a {
  background: #a58027;
  color: #fff;
}
.qa-list_block li.active a::before {
  background: #a58027;
}

/*タブ部分・END*/
.sb-content {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.4s;
  padding: 0px;
}

.is-active .sb-content {
  opacity: 1;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  margin: 0;
}

/*============================
treats-food　商品紹介
============================*/
/**/
.sort-area {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  padding: 1rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
@media screen and (max-width: 961px) {
  .sort-area {
    margin: 10px;
  }
}
.sort-area .ttl {
  position: relative;
  padding-left: 1.5rem;
  color: #a58027;
  font-weight: bold;
  font-family: "UD新ゴNT B";
  border-bottom: 1px solid #cdcdcd;
}
.sort-area .ttl:before {
  content: "";
  display: inline-block;
  background: url("../images/icon_sort.svg") no-repeat center center;
  width: 1em;
  height: 1em;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0.3em;
}
.sort-area .sort-inner {
  display: flex;
}
@media screen and (max-width: 961px) {
  .sort-area .sort-inner {
    flex-direction: column;
  }
}
.sort-area .sort-inner .sort-col {
  width: 33.3333333333%;
  margin: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
  .sort-area .sort-inner .sort-col {
    margin-left: 0;
    width: 100%;
  }
}
.sort-area .sort-inner .sort-col:first-child {
  margin-left: 0;
}
.sort-area .sort-inner .sort-col ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  margin: auto;
}
.sort-area .sort-inner .sort-col ul li {
  position: relative;
  padding: 10px;
  padding-left: 40px;
  height: 30px;
  margin-left: 20px;
  font-family: "UD新ゴNT B";
}
.sort-area .sort-inner .sort-col ul li::before {
  display: none;
}
.sort-area .sort-inner .sort-col label:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #a58027;
  position: absolute;
  left: 7px;
  top: 16px !important;
  top: calc(50% - 13px);
  box-sizing: border-box;
  border-radius: 50%;
}
.sort-area .sort-inner .sort-col input[type=radio] {
  opacity: 0;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  z-index: 100;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  top: calc(50% - 15px);
  cursor: pointer;
}
.sort-area .sort-inner .bullet {
  position: relative;
  width: 25px;
  height: 25px;
  left: -3px;
  top: 6px;
  border: 5px solid #a58027;
  opacity: 0;
  border-radius: 50%;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet {
  position: absolute;
  opacity: 1;
  animation-name: explode;
  animation-duration: 0.35s;
}
.sort-area .sort-inner .line {
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #fff;
  opacity: 0;
}
.sort-area .sort-inner .line.zero {
  left: 11px;
  top: -21px;
  transform: translateY(20px);
  width: 2px;
  height: 10px;
}
.sort-area .sort-inner .line.one {
  right: -7px;
  top: -11px;
  transform: rotate(-55deg) translate(-9px);
}
.sort-area .sort-inner .line.two {
  right: -20px;
  top: 11px;
  transform: translate(-9px);
}
.sort-area .sort-inner .line.three {
  right: -8px;
  top: 35px;
  transform: rotate(55deg) translate(-9px);
}
.sort-area .sort-inner .line.four {
  left: -8px;
  top: -11px;
  transform: rotate(55deg) translate(9px);
}
.sort-area .sort-inner .line.five {
  left: -20px;
  top: 11px;
  transform: translate(9px);
}
.sort-area .sort-inner .line.six {
  left: -8px;
  top: 35px;
  transform: rotate(-55deg) translate(9px);
}
.sort-area .sort-inner .line.seven {
  left: 11px;
  bottom: -21px;
  transform: translateY(-20px);
  width: 2px;
  height: 10px;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet .line.zero {
  animation-name: drop-zero;
  animation-delay: 0.1s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet .line.one {
  animation-name: drop-one;
  animation-delay: 0.1s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet .line.two {
  animation-name: drop-two;
  animation-delay: 0.1s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet .line.three {
  animation-name: drop-three;
  animation-delay: 0.1s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet .line.four {
  animation-name: drop-four;
  animation-delay: 0.1s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet .line.five {
  animation-name: drop-five;
  animation-delay: 0.1s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet .line.six {
  animation-name: drop-six;
  animation-delay: 0.1s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.sort-area .sort-inner input[type=radio]:checked ~ .bullet .line.seven {
  animation-name: drop-seven;
  animation-delay: 0.1s;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
@keyframes drop-zero {
  0% {
    opacity: 0;
    transform: translateY(20px);
    height: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(-2px);
    height: 0px;
    opacity: 0;
  }
}
@keyframes drop-one {
  0% {
    opacity: 0;
    transform: rotate(-55deg) translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(-55deg) translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-two {
  0% {
    opacity: 0;
    transform: translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-three {
  0% {
    opacity: 0;
    transform: rotate(55deg) translate(-20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(55deg) translate(9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-four {
  0% {
    opacity: 0;
    transform: rotate(55deg) translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(55deg) translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-five {
  0% {
    opacity: 0;
    transform: translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-six {
  0% {
    opacity: 0;
    transform: rotate(-55deg) translate(20px);
    width: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: rotate(-55deg) translate(-9px);
    width: 0px;
    opacity: 0;
  }
}
@keyframes drop-seven {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    height: 10px;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(2px);
    height: 0px;
    opacity: 0;
  }
}
.sort-area .select-detail {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.sort-area .select-detail select {
  appearance: none;
  padding: 1em;
  width: 100%;
  border: 2px #cdcdcd solid;
  border-radius: 4px;
  font-size: 15px;
}
.sort-area .select-detail select::-ms-expand {
  display: none;
}
.sort-area .select-detail .place-txt {
  display: none;
  color: #cdcdcd;
}
.sort-area .select-detail::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6.5px solid #c8bc9f;
  content: "";
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0px;
  display: block;
}

.item-list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 100px;
}
@media screen and (max-width: 1280px) {
  .item-list {
    margin: 10px;
  }
}
.item-list .material-item {
  color: #474747 !important;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .item-list .material-item {
    width: 30.303030303%;
    margin-left: 20px;
    margin-bottom: 45px;
  }
  .item-list .material-item:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 601px) {
  .item-list .material-item {
    width: 47.619047619%;
    margin-bottom: 15px;
  }
  .item-list .material-item:nth-child(2n) {
    margin-left: 15px;
  }
  .item-list .material-item:nth-child(2n+1) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 350px) {
  .item-list .material-item {
    width: 90%;
    margin: 0 auto 30px !important;
  }
}
.item-list .material-item .item-thum {
  width: 250px;
  height: 250px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.item-list .material-item .item-thum img {
  width: 100%;
  height: auto;
  width/***/: auto;
}
@media screen and (min-width: 1681px) {
  .item-list .material-item .item-thum {
    width: 350px;
    height: 350px;
  }
}
@media screen and (max-width: 961px) {
  .item-list .material-item .item-thum {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 500px) {
  .item-list .material-item .item-thum {
    margin-bottom: -20px;
  }
}
.item-list .material-item .material-name {
  background: #fff;
  padding: 0.3em 1em;
  position: absolute;
  bottom: 0px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
@media screen and (max-width: 601px) {
  .item-list .material-item .material-name {
    position: inherit;
  }
}

/* ------------------------------ 商品紹介 詳細ページ */
.status_box {
  display: flex;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -20px;
}
@media screen and (max-width: 601px) {
  .status_box {
    position: inherit;
    bottom: auto;
  }
}

.status_btn1, .status_btn2 {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 100px;
  background: #616161;
  color: #fff;
  font-size: 11px;
  margin-right: 10px;
}

.status_btn2 {
  color: #333;
  background: #EFB720;
}

.treats-food_attension_box {
  background: #fcf8f0;
  border: solid 1px #bb4848;
  color: #bb4848;
  padding: 10px 20px;
  font-weight: bold;
  margin: 10px 0;
}

.list-wrap {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 961px) {
  .list-wrap {
    width: 100%;
  }
}

.detail-panels {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 961px) {
  .detail-panels {
    flex-direction: column;
  }
}
.detail-panels .p-item-wrap {
  background: #efe9db;
  padding: 1rem;
  border-top: #6e6969 solid 2px;
}
.detail-panels .p-item-wrap .p-categorize {
  margin-bottom: 0;
}
.detail-panels .p-item-wrap .p-itemname {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
  color: #a58027;
}
.detail-panels .item-inner {
  position: static;
  z-index: 100;
}
.detail-panels .item-inner:nth-of-type(1) {
  width: 50%;
}
@media screen and (max-width: 961px) {
  .detail-panels .item-inner:nth-of-type(1) {
    width: 100%;
  }
}
.detail-panels .item-inner:nth-of-type(2) {
  width: 46%;
}
@media screen and (max-width: 961px) {
  .detail-panels .item-inner:nth-of-type(2) {
    width: 100%;
  }
}
.detail-panels .item-slide_for img {
  width: 100%;
  padding: 30px 0;
  background: #fff;
}
.detail-panels .item-slide_nav {
  margin-top: 10px;
  overflow: hidden;
}
.detail-panels .item-slide_nav .slick-slide {
  margin-left: 10px;
  margin-bottom: 10px;
}
.detail-panels .p-detail h4 {
  border-bottom: 3px solid #efe9db;
  margin-bottom: 0.5em;
}
.detail-panels .txt-link {
  text-decoration: underline;
  color: #474747 !important;
  position: relative;
  padding: 0.1em 0 0.1em 1.5em;
}
.detail-panels .txt-link::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: url(../images/icon_shop.svg) no-repeat left center;
  background-size: auto 1.2em;
}

.cke_editable .item-slide_for,
.cke_editable .item-slide_nav {
  padding: 10px;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  border: solid 4px #1982DB;
  counter-reset: number;
}

.cke_editable .item-slide_for > div,
.cke_editable .item-slide_nav > div {
  width: 100px;
  padding: 10px;
  position: relative;
}

.cke_editable .item-slide_nav {
  border: solid 4px #bb4848;
}

.cke_editable .item-slide_nav > div:before,
.cke_editable .item-slide_for > div:before {
  counter-increment: number 1;
  content: counter(number) " ";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  font-weight: bold;
  font-family: "UD新ゴNT B";
  width: 24px;
  height: 24px;
  line-height: 26px;
  background: #6e6969;
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  /* 14px */
}

/* ------------------------------  */
.shoplink-area {
  margin: 100px 0;
}
.shoplink-area a {
  color: #474747 !important;
}
.shoplink-area .sl-col {
  display: flex;
}
@media screen and (max-width: 601px) {
  .shoplink-area .sl-col {
    flex-direction: column;
  }
}
.shoplink-area .sl-col .sl-inner {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 3rem;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 601px) {
  .shoplink-area .sl-col .sl-inner {
    width: 100%;
  }
}
.shoplink-area .sl-col .sl-inner:after {
  content: "";
  border: 1px solid #fff;
  display: block;
  width: 95%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shoplink-area .sl-col .sl-inner:nth-of-type(1) {
  background: #efe9db;
}
.shoplink-area .sl-col .sl-inner:nth-of-type(2) {
  background: #c8bc9f;
}
.shoplink-area .sl-col .sl-inner .ttl {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "UD新ゴNT B";
}

/*------------------------ブログ */
.blog-area {
  margin: 30px;
  max-height: 300px;
  overflow-x: scroll;
}
.blog-area a {
  color: #474747 !important;
  margin-bottom: 20px;
  display: block;
  box-sizing: border-box;
}
.blog-area a article {
  position: relative;
  box-sizing: border-box;
}
.blog-area a:hover {
  transform: scale(1);
}
.blog-area a .blog-item {
  display: flex;
  background: #fff;
  align-items: center;
  padding: 1rem;
  margin: 0 auto;
  border-radius: 4px;
  max-width: 960px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.blog-area a .blog-item p {
  margin: 0;
}
.blog-area a .blog-item .blog-item-p .blog-item_ttl {
  font-weight: bold;
  font-family: "UD新ゴNT B";
}
.blog-area a .blog-item .blog-item_img {
  background: #cdcdcd;
  min-width: 50px;
  min-height: 50px;
  border-radius: 100%;
  box-sizing: border-box;
  display: block;
  margin-right: 20px;
}
.blog-area a .blog-item .blog-item_time .tag {
  background: #474747;
  color: #fff;
  padding: 0.2em 0.5em;
  border-radius: 3px;
}

/* END */
.blog-area_bottom {
  padding-bottom: 100px;
}
@media (min-width: 481px) {
  .blog-area_bottom {
    padding-bottom: 50px;
  }
}

.aco_wrap_pri ul {
  margin-left: 0;
}
.aco_wrap_pri li::before {
  display: none !important;
}
.aco_wrap_pri .menu {
  margin-bottom: 20px;
}
.aco_wrap_pri .menu__item {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  display: block;
  margin-bottom: 1px;
  border-radius: 5px;
}
.aco_wrap_pri .menu__item .menu__item__link {
  display: block;
  padding: 1.5rem 5rem 1.5rem 1rem;
  position: relative;
  opacity: 1;
  color: #222;
  font-weight: bold;
  font-size: 1.0625rem;
}
@media (min-width: 601px) {
  .aco_wrap_pri .menu__item .menu__item__link {
    font-size: 1.25rem;
    margin-left: 30px;
  }
}
.aco_wrap_pri .menu__item__link:after {
  border: 2px solid #a58027;
  content: "\f077";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 1.3rem;
  right: 10px;
  width: 30px;
  border-radius: 50%;
  color: #a58027;
}
.aco_wrap_pri .menu__item__link.on:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.aco_wrap_pri .submenu {
  background: #fff;
  display: none;
}
.aco_wrap_pri .submenu__item {
  color: #222;
  padding: 1rem;
}
.aco_wrap_pri .submenu__item dl {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .aco_wrap_pri .submenu__item dl {
    flex-direction: column;
  }
}
.aco_wrap_pri .submenu__item dl dt {
  background: #cdcdcd;
  padding: 0.2rem 0.5rem;
  margin-bottom: 7px;
  max-width: 150px;
  width: 150px;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .aco_wrap_pri .submenu__item dl dt {
    width: 100%;
    max-width: 100%;
  }
}
.aco_wrap_pri .submenu__item dl dd {
  margin-left: 0.7rem;
}
.aco_wrap_pri .newsImg02 img,
.aco_wrap_pri .newsImg03 img,
.aco_wrap_pri .newsImg04 img {
  border: solid 1px #d2d2d2;
}
.aco_wrap_pri .newsImg03.petland_imgarea ul {
  justify-content: start;
  display: flex;
  flex-wrap: wrap;
}
.aco_wrap_pri .newsImg03.petland_imgarea ul li {
  width: calc(33.3333333333% - 4px);
  font-size: 0.625rem;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .aco_wrap_pri .newsImg03.petland_imgarea ul li {
    width: calc(20% - 8px);
  }
}
.aco_wrap_pri .newsImg03.petland_imgarea ul li:not(:nth-of-type(3n)) {
  margin-right: 6px;
}
@media (min-width: 601px) {
  .aco_wrap_pri .newsImg03.petland_imgarea ul li:not(:nth-of-type(3n)) {
    margin-right: 0;
  }
}
@media (min-width: 601px) {
  .aco_wrap_pri .newsImg03.petland_imgarea ul li:not(:nth-of-type(5n)) {
    margin-right: 10px;
  }
}

.cke_editable .aco_wrap_pri .submenu {
  display: block;
}

.page_navs ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
}
.page_navs ul li {
  margin-left: 10px;
}
.page_navs ul li a {
  border-radius: 2px;
  color: #fff;
  background: #6e6969;
  display: block;
  padding: 0.3em 1em 0.3em 2em;
  position: relative;
}
.page_navs ul li a::after {
  position: absolute;
  left: 1em;
  top: 40%;
  transform: translateX(-40%);
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  border-top: 6px solid #f9f9f9;
  transition: 0.3s;
}
.page_navs ul li::before {
  display: none;
}

.cke_editable .page_navs ul {
  display: block;
}

.cke_editable .page_navs ul li {
  width: 200px;
}

.f-action {
  text-align: center;
  margin-bottom: 40px !important;
  line-height: 2.4em !important;
}
@media screen and (max-width: 601px) {
  .f-action {
    display: inherit;
    text-align-last: left;
  }
}

@media (min-width: 601px) {
  .form-area {
    margin: 0 40px;
  }
}
.form-area input,
.form-area button,
.form-area select,
.form-area textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
.form-area .mandatory {
  border: 1px solid #ff0000;
  color: #ff0000;
  font-size: 0.733rem;
  padding: 0em 0.2em;
  display: inline-block;
  margin-left: 10px;
  border-radius: 3px;
}
.form-area dl {
  border-bottom: 1px solid #ccc;
  padding: 49px 20px 48px;
}
.form-area dl:first-child {
  border-top: 1px solid #ccc;
}
.form-area dl dt {
  max-width: 300px;
  width: 30%;
}
@media screen and (max-width: 601px) {
  .form-area dl dt {
    width: inherit;
    margin-bottom: 10px;
  }
}
.form-area dl dd {
  width: 70%;
}
@media screen and (max-width: 601px) {
  .form-area dl dd {
    width: inherit;
  }
}
.form-area input[type=text],
.form-area textarea {
  padding: 3px;
  height: 26px;
  font-size: 14px;
  border: 1px solid #E8E8E8;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #E8E8E8;
  width: 100%;
  font-size: 16px;
  height: 2em;
}
@media screen and (max-width: 601px) {
  .form-area input[type=text],
  .form-area textarea {
    width: 100%;
  }
}
.form-area textarea {
  width: 100%;
  height: 100px;
}

.btn-confirm input[type=submit] {
  padding: 1rem 2rem;
  display: inline-block;
  color: #a58027;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: "UD新ゴNT B";
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
  border: 1px solid #a58027;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.btn-confirm input[type=submit]:hover {
  background: #a58027;
  color: #fff;
}

.btn-confirm-secondary input[type=submit] {
  padding: 1rem 2rem;
  display: inline-block;
  color: #474747;
  border: 1px solid #474747;
}
.btn-confirm-secondary input[type=submit]:hover {
  background: #474747;
}

.f-btn-link a {
  background: #a58027;
  display: inline-block;
  padding: 1rem 2rem;
  color: #fff !important;
}

.f-w200_Pc {
  width: 200px !important;
}
@media screen and (max-width: 601px) {
  .f-w200_Pc {
    width: inherit;
  }
}

.f-w400_Pc {
  width: 400px !important;
}
@media screen and (max-width: 601px) {
  .f-w400_Pc {
    width: inherit;
  }
}

.f-w100per {
  width: 100%;
}

@media screen and (max-width: 601px) {
  .f-mt10_sp {
    margin-top: 10px;
  }
}
.f-ml10_pc {
  margin-left: 10px;
}
@media screen and (max-width: 601px) {
  .f-ml10_pc {
    margin-left: 0px;
  }
}

.f-flay {
  display: flex;
}
@media screen and (max-width: 601px) {
  .f-flay {
    flex-direction: column;
  }
}

.f-flay_center {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 601px) {
  .f-flay_center {
    flex-direction: column;
  }
}

/*おおよそ10文字程*/
.form_w10em {
  width: 10em !important;
}

.form_ico {
  background: #a58027;
  vertical-align: top;
  font-weight: bold;
  font-family: "UD新ゴNT B";
  display: inline-block;
  color: #fff;
  padding: 0 0.4em;
  height: 2rem;
  line-height: 32px;
}

.ajax_err {
  color: #ff0000;
}

.u-ms_main .h2-ep_ttl {
  font-family: "Oswald";
  border-bottom: #000 solid 2px;
  padding: 0.6em 0;
  font-size: 2rem;
  font-weight: 100;
  letter-spacing: 2px;
  color: #686253;
  position: relative;
}
@media screen and (max-width: 961px) {
  .u-ms_main .h2-ep_ttl {
    font-size: 1.375rem;
  }
}
.u-ms_main .h2-ep_ttl::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #a58027;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.u-ms_main .h2-ep_ttl::after {
  content: "";
  display: inline-block;
  background: url("../images/h2-ep_ttl.svg") no-repeat;
  width: 212px;
  padding-top: 20%;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 961px) {
  .u-ms_main .h2-ep_ttl::after {
    top: 1em;
    right: -60px;
    width: 200px;
    padding-top: 16%;
    background-size: contain;
  }
}
.u-ms_main .h3-ep_ttl {
  font-size: 1.125rem;
  font-weight: lighter;
  position: relative;
  padding-left: 2em;
}
@media screen and (max-width: 961px) {
  .u-ms_main .h3-ep_ttl {
    font-size: 1.0625rem;
  }
}
.u-ms_main .h3-ep_ttl::before {
  content: "";
  display: inline-block;
  background: url("../images/icon_border01.svg") no-repeat;
  width: 15px;
  height: 2px;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 1em;
}
.u-ms_main .ep-after {
  margin-top: 60px;
}
@media screen and (max-width: 961px) {
  .u-ms_main .ep-after {
    margin-top: 30px;
  }
}
.u-ms_main .epsode-inner {
  position: relative;
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner::after {
    content: "";
    background: #707070;
    height: 700px;
    width: 1px;
    display: block;
    position: absolute;
    left: 20px;
    top: 290px;
    z-index: -1;
  }
  .u-ms_main .epsode-inner .ep-box dl dd {
    width: 70%;
    margin: 30px 0px 0px 50px;
    font-size: 1rem;
  }
}
.u-ms_main .epsode-inner .ep-box dl:nth-of-type(1) dt {
  width: 500px;
  height: 280px;
  background: url("../images/img_ep01.png") no-repeat;
  background-size: contain;
}
@media screen and (min-width: 361px) and (max-width: 961px) {
  .u-ms_main .epsode-inner .ep-box dl:nth-of-type(1) dt {
    margin: 20px 0 !important;
  }
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .ep-box dl:nth-of-type(1) dt {
    width: 100% !important;
    height: 330px;
    background-size: contain !important;
    background-position: center center !important;
  }
}
.u-ms_main .epsode-inner .ep-box dl:nth-of-type(2) dt {
  width: 600px !important;
  height: 300px;
  background: url("../images/img_ep02.png") no-repeat center !important;
  background-size: contain;
}
@media screen and (min-width: 361px) and (max-width: 961px) {
  .u-ms_main .epsode-inner .ep-box dl:nth-of-type(2) dt {
    margin: 30px 0 !important;
  }
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .ep-box dl:nth-of-type(2) dt {
    width: 100% !important;
    height: 350px;
    background: url("../images/img_ep02_sp.png") no-repeat center !important;
    background-size: contain !important;
  }
}
.u-ms_main .epsode-inner .ep-box dl:nth-of-type(3) dt {
  width: 500px !important;
  height: 300px;
  background: url("../images/img_ep03.png") no-repeat center left !important;
  background-size: contain;
  transform: translateX(-80px);
}
@media screen and (min-width: 361px) and (max-width: 961px) {
  .u-ms_main .epsode-inner .ep-box dl:nth-of-type(3) dt {
    margin: 30px 0 !important;
  }
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .ep-box dl:nth-of-type(3) dt {
    width: 100% !important;
    height: 350px;
    transform: translateX(0px);
    background: url("../images/img_ep03_sp.png") no-repeat center !important;
    background-size: contain !important;
  }
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .ep-box .ep-flex {
    display: flex;
    margin: 70px 0px;
  }
  .u-ms_main .epsode-inner .ep-box .ep-flex::after {
    content: "";
    background: #707070;
    width: 1px;
    display: block;
    position: absolute;
    left: 20px;
    height: 100%;
    top: 100px;
    z-index: -1;
  }
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .ep-last {
    background: #F4F4F4 !important;
    padding: 1em;
    position: relative;
    border-top: #E0D5B9 5px solid;
  }
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .ep-last .ep-last::after {
    display: none;
  }
}
.u-ms_main .epsode-inner .ep-last dt {
  width: inherit !important;
  background: none !important;
  height: inherit !important;
}
.u-ms_main .epsode-inner .ep-last::before {
  content: "";
  background: url("../images/text_num04.svg") no-repeat;
  width: 107px;
  height: 70px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .ep-last::before {
    position: inherit;
    margin-top: 50px;
    height: 56px;
  }
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .ep-last .ep-last-cont {
    margin: 4em 11em 2em;
  }
}
.u-ms_main .epsode-inner .ep-last dd {
  width: inherit !important;
  font-size: 1rem;
  padding-left: 2em;
  margin: 30px 0 0 0 !important;
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .ep-last dd {
    font-size: 0.9375rem;
  }
}
.u-ms_main .epsode-inner .ep-last .ep-logo {
  width: 60%;
  margin: 30px auto;
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .ep-last .ep-logo {
    text-align: right;
    margin: 0px 15px 15px auto;
    width: 270px;
  }
}
.u-ms_main .ep-paragraph {
  color: #474747;
  line-height: 2;
}

.ing_wrapper p {
  letter-spacing: 0.05em !important;
  line-height: 1.8em !important;
}
@media (min-width: 601px) {
  .ing_wrapper p {
    line-height: 2.4em !important;
  }
}
.ing_wrapper .ing-expo-flex_box {
  padding: 30px 20px 20px;
  flex-direction: column;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border: solid 1px #cdcdcd;
  border-top: solid 2px #6e6969;
  box-sizing: border-box;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-expo-flex_box {
    flex-direction: row;
    padding: 60px 70px 40px;
  }
}
.ing_wrapper .ing-expo-flex_box:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  top: 6px;
  left: 6px;
  border-right: solid 5px #fcf8f0;
  border-bottom: solid 5px #fcf8f0;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-expo-flex_box:before {
    top: 11px;
    left: 11px;
    border-right: solid 10px #fcf8f0;
    border-bottom: solid 10px #fcf8f0;
  }
}
.ing_wrapper .ing-expo-flex_text {
  order: 2;
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-expo-flex_text {
    order: 1;
    width: 50%;
    margin-top: 0;
  }
}
.ing_wrapper .ing-expo-flex_img {
  order: 1;
  width: 100%;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-expo-flex_img {
    order: 2;
    width: 40%;
  }
}
.ing_wrapper .ing-core_ttl1 {
  display: block;
  background: #fff;
  letter-spacing: 0.2em !important;
  font-size: 1.0625rem;
  font-weight: lighter;
  position: relative;
  padding-left: 2.5em;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core_ttl1 {
    font-size: 1.375rem;
  }
}
.ing_wrapper .ing-core_ttl1::before {
  content: "";
  display: inline-block;
  background: url(../images/icon_border01.svg) no-repeat;
  width: 15px;
  height: 2px;
  background-size: cover;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ing_wrapper .ing-core_ttl1.up30 {
  color: #fff;
  font-weight: bold;
  font-family: "UD新ゴNT B";
  background: #694625;
  font-size: 1.0625rem;
  padding: 14px 10px 14px 2.5em;
  margin-top: -30px;
  max-width: 68%;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core_ttl1.up30 {
    font-size: 1.125rem;
    padding: 25px 20px 25px 3em;
    margin-top: -60px;
    max-width: 300px;
  }
}
.ing_wrapper .ing-core_ttl2 {
  margin-top: 45px;
  letter-spacing: 0.2em !important;
  font-size: 1rem;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core_ttl2 {
    font-size: 1.0625rem;
  }
}
.ing_wrapper .ing-core-list_box {
  margin-left: 0;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.ing_wrapper .ing-core-list_box li {
  width: 33.3333333333%;
  position: relative;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core-list_box li {
    width: 20%;
  }
}
.ing_wrapper .ing-core-list_box li::before {
  display: none;
}
.ing_wrapper .ing-core-list_box li a {
  box-sizing: border-box;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 20px;
  width: 100%;
  padding: 14px 0;
  color: #fff;
  background: #6e6969;
  font-size: 0.5625rem;
  border: solid 1px #efe9db;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core-list_box li a {
    padding: 30px 0;
    font-size: 0.8125rem;
  }
}
.ing_wrapper .ing-core-list_box li a:hover {
  transition: all 0.3s;
  opacity: 0.8;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core-list_box li:not(:last-of-type) a {
    border-right: solid 1px #c8bc9f;
  }
}
.ing_wrapper .ing-core-list_box li:not(:last-of-type) a::before {
  position: absolute;
  top: 3px;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 12px;
  width: 0px;
  height: 0px;
  border: 3px solid transparent;
  border-top: 6px solid #f9f9f9;
  transition: 0.3s;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core-list_box li:not(:last-of-type) a::before {
    right: 40px;
    border: 5px solid transparent;
    border-top: 8px solid #f9f9f9;
  }
}
.ing_wrapper .ing-core-list_box li.close::before {
  display: none;
}
.ing_wrapper .ing-core-list_box li.close a:hover {
  opacity: 1;
  background: #6e6969;
}
.ing_wrapper .ing-core-cont_box {
  position: relative;
}
.ing_wrapper .ing-core-cont_img {
  height: 180px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core-cont_img {
    height: 360px;
  }
}
.ing_wrapper .ing-core-cont_img img {
  object-fit: cover;
  position: absolute;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core-cont_img img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
}
.ing_wrapper .ing-core-cont_imgbg {
  width: 100px;
  height: 100px;
  position: absolute;
  right: 0;
  top: -10px;
  margin-right: -10px;
  border-top: solid 10px #c8bc9f;
  border-right: solid 10px #c8bc9f;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core-cont_imgbg {
    top: 260px;
    margin-right: -10px;
    border-top: none;
    border-bottom: solid 30px #c8bc9f;
    border-right: solid 10px #c8bc9f;
  }
}
@media (min-width: 601px) {
  .ing_wrapper .emu .ing-core-cont_img img {
    top: 60%;
  }
}
.ing_wrapper .emu .ing-core_ttl1.up30 {
  background: #95aa65;
}
.ing_wrapper .fish .ing-core_ttl1.up30 {
  background: #5e7da5;
}
.ing_wrapper .vegetable .ing-core_ttl1.up30 {
  background: #9d584f;
}
.ing_wrapper .ing-core-cont_text {
  padding-left: 15%;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-core-cont_text {
    padding-left: 25%;
  }
}
.ing_wrapper .ing-hokkeido_ttl1 {
  font-family: "Oswald";
  font-weight: 300;
  font-size: 2rem;
}
.ing_wrapper .ing-hokkaido-cont_box {
  display: flex;
  background: #f9f9f9;
  flex-direction: column;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-hokkaido-cont_box {
    flex-direction: row;
  }
}
.ing_wrapper .ing-hokkaido-cont_img {
  width: 100%;
  height: auto;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-hokkaido-cont_img {
    width: 48%;
  }
}
.ing_wrapper .ing-hokkaido-cont_img img {
  width: 100%;
  object-fit: cover;
  min-height: 300px;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-hokkaido-cont_img img {
    height: 600px;
  }
}
.ing_wrapper .ing-hokkaido-cont_text {
  box-sizing: border-box;
  padding: 0px 30px 30px;
  width: 100%;
  height: auto;
  font-size: 0.8125rem;
}
@media (min-width: 601px) {
  .ing_wrapper .ing-hokkaido-cont_text {
    width: 52%;
    padding: 60px 40px 40px;
    font-size: 0.875rem;
  }
}
.ing_wrapper .ing-hokkaido-cont_text p {
  line-height: 2.4em !important;
}

.develop_wrapper p {
  letter-spacing: 0.05em !important;
  line-height: 1.8em !important;
  font-size: 0.9375rem;
}
@media (min-width: 601px) {
  .develop_wrapper p {
    font-size: 1rem;
  }
}
.develop_wrapper .develop-core_box {
  position: relative;
  padding: 130px 0 0;
}
@media (min-width: 961px) {
  .develop_wrapper .develop-core_box {
    padding: 60px 0 20px;
  }
}
@media (min-width: 961px) {
  .develop_wrapper .develop-core_box:before {
    content: "";
    display: block;
    position: absolute;
    width: 30vw;
    background: #efe9db;
    height: 100px;
    left: -30vw;
    bottom: 20px;
  }
}
@media (min-width: 961px) {
  .develop_wrapper .develop-core_box:after {
    content: "";
    display: block;
    position: absolute;
    width: 30vw;
    background: #efe9db;
    height: 100px;
    right: -30vw;
    top: -100px;
  }
}
.develop_wrapper .corebox_visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 65vw;
}
@media (min-width: 601px) {
  .develop_wrapper .corebox_visual {
    width: 300px;
  }
}
@media (min-width: 961px) {
  .develop_wrapper .corebox_visual {
    left: inherit;
    right: 0;
    width: 456px;
  }
}
.develop_wrapper .corebox_scheme {
  background: #fff;
  right: 0;
  bottom: 0;
  padding: 30px 25px 30px;
  z-index: 1;
  object-fit: contain;
  border: solid 1px #6e6969;
  text-align: center;
}
@media (min-width: 961px) {
  .develop_wrapper .corebox_scheme {
    padding: 50px 80px 30px;
    position: absolute;
  }
}
.develop_wrapper .corebox_scheme img {
  max-height: 220px;
}
@media (min-width: 961px) {
  .develop_wrapper .corebox_scheme img {
    max-height: inherit;
    width: 300px;
  }
}
.develop_wrapper .corebox_textbox {
  padding: 105px 10px 30px;
  background: #f9f9f9;
  background: linear-gradient(to left, #f9f9f9 0%, #f9f9f9 50%, transparent 50%, transparent 100%);
  position: relative;
  margin-right: 0;
  box-sizing: border-box;
}
@media (min-width: 961px) {
  .develop_wrapper .corebox_textbox {
    background: #f9f9f9;
    margin-right: 400px;
    padding: 65px 65px 60px;
    box-shadow: rgba(93, 79, 50, 0.25) 0px 30px 60px -12px, rgba(2, 2, 2, 0.3) 0px 18px 20px -18px;
  }
}
.develop_wrapper .corebox_ttl {
  font-size: 1.0625rem;
  margin-bottom: 20px;
  font-weight: lighter;
  position: relative;
  padding-left: 2em;
}
@media (min-width: 601px) {
  .develop_wrapper .corebox_ttl {
    font-size: 1.125rem;
    margin-bottom: 30px;
  }
}
.develop_wrapper .corebox_ttl::before {
  content: "";
  display: inline-block;
  background: url("../images/icon_border01.svg") no-repeat;
  width: 15px;
  height: 2px;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 1em;
}

.u-ms_main .h3-process_ttl {
  font-size: 1.125rem;
  font-weight: lighter;
  position: relative;
  padding-left: 2em;
}
@media screen and (max-width: 961px) {
  .u-ms_main .h3-process_ttl {
    font-size: 1.0625rem;
  }
}
.u-ms_main .h3-process_ttl::before {
  content: "";
  display: inline-block;
  background: url("../images/icon_border01.svg") no-repeat;
  width: 15px;
  height: 2px;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 1em;
}
.u-ms_main .epsode-inner {
  position: relative;
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner::after {
    content: "";
    background: #707070;
    height: 700px;
    width: 1px;
    display: block;
    position: absolute;
    left: 20px;
    top: 290px;
    z-index: -1;
  }
  .u-ms_main .epsode-inner .process-box dl dd {
    width: 70%;
    margin: 30px 0px 0px 50px;
    font-size: 1rem;
  }
}
.u-ms_main .epsode-inner .process-box dl:nth-of-type(1) dt {
  width: 320px;
  height: 350px;
  background: url("../images/img_process01.png") no-repeat;
  background-size: contain;
}
@media screen and (min-width: 361px) and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(1) dt {
    margin: 20px 0 !important;
  }
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(1) dt {
    width: 100% !important;
    height: 330px;
    background-size: contain !important;
    background-position: center center !important;
  }
}
.u-ms_main .epsode-inner .process-box dl:nth-of-type(2) dt {
  width: 320px !important;
  height: 350px;
  background: url("../images/img_process02.png") no-repeat center left !important;
  background-size: contain !important;
}
@media screen and (min-width: 361px) and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(2) dt {
    margin: 30px 0 !important;
  }
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(2) dt {
    width: 100% !important;
    height: 350px;
    background-position: center center !important;
    background-size: contain !important;
  }
}
.u-ms_main .epsode-inner .process-box dl:nth-of-type(3) dt {
  width: 320px !important;
  height: 350px;
  background: url("../images/img_process03.png") no-repeat center left !important;
  background-size: contain !important;
}
@media screen and (min-width: 361px) and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(3) dt {
    margin: 30px 0 !important;
  }
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(3) dt {
    width: 100% !important;
    height: 350px;
    transform: translateX(0px);
    background-position: center center !important;
    background-size: contain !important;
  }
}
.u-ms_main .epsode-inner .process-box dl:nth-of-type(4) dt {
  width: 320px !important;
  height: 350px;
  background: url("../images/img_process04.png") no-repeat center left !important;
  background-size: contain !important;
}
@media screen and (min-width: 361px) and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(4) dt {
    margin: 30px 0 !important;
  }
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(4) dt {
    width: 100% !important;
    height: 350px;
    transform: translateX(0px);
    background-position: center center !important;
    background-size: contain !important;
  }
}
.u-ms_main .epsode-inner .process-box dl:nth-of-type(5) dt {
  width: 320px !important;
  height: 350px;
  background: url("../images/img_process05.png") no-repeat center left !important;
  background-size: contain !important;
}
@media screen and (min-width: 361px) and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(5) dt {
    margin: 30px 0 !important;
  }
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-box dl:nth-of-type(5) dt {
    width: 100% !important;
    height: 350px;
    transform: translateX(0px);
    background-position: center center !important;
    background-size: contain !important;
  }
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .process-box .process-flex {
    display: flex;
    margin: 70px 0px;
  }
  .u-ms_main .epsode-inner .process-box .process-flex:not(:last-of-type):after {
    content: "";
    background: #707070;
    width: 1px;
    display: block;
    position: absolute;
    left: 20px;
    height: 100%;
    top: 100px;
    z-index: -1;
  }
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .process-last {
    background: #F4F4F4 !important;
    padding: 1em;
    position: relative;
    border-top: #E0D5B9 5px solid;
  }
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .process-last .process-last::after {
    display: none;
  }
}
.u-ms_main .epsode-inner .process-last dt {
  width: inherit !important;
  background: none !important;
  height: inherit !important;
}
.u-ms_main .epsode-inner .process-last::before {
  content: "";
  background: url("../images/text_num04.svg") no-repeat;
  width: 107px;
  height: 70px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-last::before {
    position: inherit;
    margin-top: 50px;
    height: 56px;
  }
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .process-last .process-last-cont {
    margin: 4em 11em 2em;
  }
}
.u-ms_main .epsode-inner .process-last dd {
  width: inherit !important;
  font-size: 1rem;
  padding-left: 2em;
  margin: 30px 0 0 0 !important;
}
@media screen and (max-width: 961px) {
  .u-ms_main .epsode-inner .process-last dd {
    font-size: 0.9375rem;
  }
}
.u-ms_main .epsode-inner .process-last .process-logo {
  width: 60%;
  margin: 30px auto;
}
@media (min-width: 961px) {
  .u-ms_main .epsode-inner .process-last .process-logo {
    text-align: right;
    margin: 0px 15px 15px auto;
    width: 270px;
  }
}
.u-ms_main .process-paragraph {
  color: #474747;
  line-height: 2;
}

.about_bg {
  background: url(../images/img_about_bg.png) no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 961px) {
  .about_bg {
    background-size: 870px auto;
  }
}
.about_bg dt {
  color: #a58027;
}

.privacy_data ol li {
  list-style-type: decimal;
  counter-increment: cnt;
  margin: 2.5em 0 0 1.3em;
}
.privacy_data ul li {
  list-style: disc;
  margin: 0 0 0 1.3em;
}
@media screen and (max-width: 961px) {
  .privacy_data ul li {
    margin: 0.2em 0 0.2em 1.3em;
  }
}

.commerce_inner dl {
  margin: 1em 0;
}
.commerce_inner dl dt {
  background: #eee;
  padding: 0.6em;
}
.commerce_inner dl dd {
  margin-top: 0.6rem;
}
@media (min-width: 601px) {
  .commerce_inner dl {
    display: flex;
    margin: 1em 0;
    justify-content: center;
    box-sizing: border-box;
  }
  .commerce_inner dl dt {
    max-width: 300px;
    width: 20%;
    background: #eee;
    padding: 0.6em;
    text-align: center;
    height: 100%;
  }
  .commerce_inner dl dd {
    width: 600px;
    margin-left: 2rem;
  }
}

/*============================
DearHounds GLOBAL
============================*/
#Global {
  font: 15px/1.8 "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MSPGothic", sans-serif;
  color: #474747;
}

.glo_h2_title {
  font-size: 0.625rem;
  font-weight: 500;
  position: relative;
  z-index: 10;
}
@media (min-width: 601px) {
  .glo_h2_title {
    font-size: 1rem;
  }
}
.glo_h2_title::before {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
}

.glo-btn a {
  display: inline-block;
  padding: 0.75rem 3.5rem 0.75rem 2rem;
  font-size: 0.938rem;
  letter-spacing: 0.04em;
  position: relative;
}
.glo-btn a::after {
  content: "";
  display: inline-block;
  width: 34px;
  height: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 15px;
}

.glo-container {
  max-width: inherit;
  margin: 0 20px;
}
@media (min-width: 1281px) {
  .glo-container {
    max-width: 1020px;
    margin: 0 auto;
  }
}

#Global {
  counter-reset: number 0;
}
#Global .mvArea {
  margin-top: 10px;
  padding: 50px 0 60px;
  background: url("../images/global/bg_mv_sp.jpg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
@media (min-width: 961px) {
  #Global .mvArea {
    padding: 100px 0;
    background: url("../images/global/bg_mv_pc.jpg") no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }
}
#Global .mvArea .Logo-title {
  margin-bottom: 100px;
}
@media (min-width: 961px) {
  #Global .mvArea .Logo-title {
    margin-bottom: 140px;
  }
}
@media (min-width: 961px) {
  #Global .mvArea .Logo-title__inner {
    display: flex;
    align-items: start;
  }
}
#Global .mvArea .Logo-title__inner .logo {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 961px) {
  #Global .mvArea .Logo-title__inner .logo {
    margin-right: 30px;
    margin-bottom: 0;
  }
}
#Global .mvArea .Logo-title__inner .logo img {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 601px) {
  #Global .mvArea .Logo-title__inner .logo img {
    width: 60%;
  }
}
@media (min-width: 961px) {
  #Global .mvArea .Logo-title__inner .logo img {
    width: 80%;
    margin-right: 0;
  }
}
@media (min-width: 1281px) {
  #Global .mvArea .Logo-title__inner .logo img {
    width: 100%;
  }
}
#Global .mvArea .Logo-title__inner .product {
  width: 100%;
}
#Global .mvArea .Logo-title__inner .product img {
  display: block;
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 601px) {
  #Global .mvArea .Logo-title__inner .product img {
    width: 60%;
  }
}
@media (min-width: 961px) {
  #Global .mvArea .Logo-title__inner .product img {
    width: 80%;
    margin-left: 0;
  }
}
@media (min-width: 1281px) {
  #Global .mvArea .Logo-title__inner .product img {
    width: 100%;
  }
}
#Global .mvArea .Concept__inner {
  text-align: center;
}
#Global .mvArea .Concept__inner .glo_h2_title {
  margin-bottom: 30px;
}
@media (min-width: 961px) {
  #Global .mvArea .Concept__inner .glo_h2_title {
    margin-bottom: 60px;
  }
}
#Global .mvArea .Concept__inner .glo_h2_title::before {
  background: url("../images/global/ttl_concept.svg") no-repeat;
  background-size: contain;
  width: 192px;
  height: 120px;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 961px) {
  #Global .mvArea .Concept__inner .glo_h2_title::before {
    width: 250px;
    height: 110px;
    top: -70px;
  }
}
#Global .mvArea .Concept__inner .message {
  text-align: left;
}
#Global .mvArea .Concept__inner .message p {
  font-size: 1.125rem;
  line-height: 2.813rem;
  letter-spacing: 0.04em;
  margin-bottom: 40px;
}
@media (min-width: 961px) {
  #Global .mvArea .Concept__inner .message p {
    text-align: center;
    font-size: 1.313rem;
    line-height: 3.125rem;
    margin-bottom: 70px;
  }
}
#Global .mvArea .Concept__inner .message p:last-child {
  margin-bottom: 0;
}
#Global .Safety {
  margin: 50px 0 60px;
}
@media (min-width: 601px) {
  #Global .Safety {
    margin: 80px 0;
  }
}
@media (min-width: 961px) {
  #Global .Safety {
    margin: 100px 0 80px;
  }
}
@media (min-width: 1281px) {
  #Global .Safety {
    margin: 150px 0 100px;
  }
}
@media (min-width: 961px) {
  #Global .Safety__inner {
    display: flex;
    align-items: center;
  }
}
#Global .Safety__inner .Safety-img {
  width: 100%;
  width: calc(100% - 20px);
  display: block;
  margin-left: auto;
  box-shadow: -20px 30px 0 #EFE8D9;
}
@media (min-width: 601px) {
  #Global .Safety__inner .Safety-img {
    width: 80%;
    margin: 0 auto;
    box-shadow: -20px 30px 0 #EFE8D9;
  }
}
@media (min-width: 961px) {
  #Global .Safety__inner .Safety-img {
    width: calc(100% - 40px);
    margin: 0 80px 0 40px;
    box-shadow: -40px 50px 0 #EFE8D9;
  }
}
#Global .Safety__inner .Safety-desc {
  padding-top: 130px;
}
@media (min-width: 601px) {
  #Global .Safety__inner .Safety-desc {
    width: 80%;
    margin: 0 auto;
    padding-top: 150px;
  }
}
#Global .Safety__inner .Safety-desc .glo_h2_title {
  margin-bottom: 24px;
  padding-left: 30px;
}
#Global .Safety__inner .Safety-desc .glo_h2_title::before {
  background: url("../images/global/ttl_safety.svg") no-repeat;
  background-size: contain;
  width: 170px;
  height: 100px;
  top: -76px;
  left: 0;
}
@media (min-width: 961px) {
  #Global .Safety__inner .Safety-desc .glo_h2_title::before {
    width: 220px;
    height: 130px;
    top: -96px;
  }
}
#Global .Safety__inner .Safety-desc h3 {
  margin-bottom: 30px;
}
#Global .Safety__inner .Safety-desc p {
  font-size: 0.938rem;
  line-height: 2.5rem;
  letter-spacing: 0.02em;
  margin-bottom: 36px;
}
#Global .Safety__inner .Safety-desc .Safety-btn {
  text-align: right;
}
#Global .Safety__inner .Safety-desc .Safety-btn a {
  background: #947F49;
  color: #FFF;
}
#Global .Safety__inner .Safety-desc .Safety-btn a::after {
  content: "";
  background: url("../images/global/ico_arrow_white.svg") no-repeat;
  background-size: contain;
}
#Global .Lineup {
  margin-bottom: 50px;
  padding: 60px 0 80px;
  background: url(../images/global/bg_lineup.png) no-repeat;
  background-size: 200% 200%;
}
@media (min-width: 961px) {
  #Global .Lineup {
    padding: 80px 0 100px;
  }
}
#Global .Lineup .Lineup-title {
  margin-bottom: 20px;
  text-align: center;
  position: relative;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-title {
    margin-bottom: 40px;
  }
}
#Global .Lineup .Lineup-title::before {
  content: "";
  display: inline-block;
  width: 11%;
  height: 10px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
@media (min-width: 601px) {
  #Global .Lineup .Lineup-title::before {
    width: 25%;
  }
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-title::before {
    width: 32%;
  }
}
@media (min-width: 1281px) {
  #Global .Lineup .Lineup-title::before {
    width: 38%;
  }
}
#Global .Lineup .Lineup-title::after {
  content: "";
  display: inline-block;
  width: 11%;
  height: 10px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}
@media (min-width: 601px) {
  #Global .Lineup .Lineup-title::after {
    width: 25%;
  }
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-title::after {
    width: 32%;
  }
}
@media (min-width: 1281px) {
  #Global .Lineup .Lineup-title::after {
    width: 38%;
  }
}
#Global .Lineup .Lineup-title .glo_h2_logo {
  margin-bottom: 10px;
}
#Global .Lineup .Lineup-title .glo_h2_title {
  text-align: center;
  font-size: 1rem;
  color: #947F49;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-title .glo_h2_title {
    font-size: 1.25rem;
  }
}
#Global .Lineup .meatFeature {
  margin-bottom: 40px;
}
#Global .Lineup .meatFeature h3 {
  margin-bottom: 20px;
  font-size: 1.5rem;
  color: #624B3F;
  text-align: center;
}
#Global .Lineup .meatFeature .meatFeature-list {
  padding: 0;
}
@media (min-width: 961px) {
  #Global .Lineup .meatFeature .meatFeature-list {
    padding: 0 10px;
  }
}
#Global .Lineup .meatFeature .meatFeature-list dl {
  margin-bottom: 10px;
}
@media (min-width: 961px) {
  #Global .Lineup .meatFeature .meatFeature-list dl {
    display: flex;
    align-items: center;
  }
}
#Global .Lineup .meatFeature .meatFeature-list dl dt {
  padding-left: 34px;
  font-size: 1.125rem;
  list-style-type: none;
  position: relative;
}
@media (min-width: 961px) {
  #Global .Lineup .meatFeature .meatFeature-list dl dt {
    width: 18%;
  }
}
#Global .Lineup .meatFeature .meatFeature-list dl dt::before {
  counter-increment: number 1;
  content: counter(number) " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  font-weight: bold;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 1rem;
  color: #FFF;
  background: #624B3F;
}
#Global .Lineup .meatFeature .meatFeature-list dl dd {
  font-size: 0.875rem;
}
@media (min-width: 961px) {
  #Global .Lineup .meatFeature .meatFeature-list dl dd {
    font-size: 1rem;
  }
}
#Global .Lineup .Lineup-list {
  list-style: none;
  position: relative;
}
#Global .Lineup .Lineup-list::before {
  content: "";
  display: inline-block;
  background: url(../images/global/img_lineup-deco.png) no-repeat;
  background-size: contain;
  width: 90px;
  height: 150px;
  position: absolute;
  top: -30px;
  right: 0;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list::before {
    width: 110px;
    height: 170px;
  }
}
#Global .Lineup .Lineup-list::after {
  content: "";
  display: inline-block;
  background: url(../images/global/img_lineup-deco.png) no-repeat;
  background-size: contain;
  width: 90px;
  height: 150px;
  position: absolute;
  bottom: -60px;
  left: 0;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list::after {
    width: 110px;
    height: 170px;
  }
}
#Global .Lineup .Lineup-list .Lineup-item {
  margin-bottom: 30px;
  padding: 20px;
  background: #FFF;
}
@media (min-width: 601px) {
  #Global .Lineup .Lineup-list .Lineup-item {
    display: block;
    margin-bottom: 40px;
    padding: 40px;
  }
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup-item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    padding: 50px 110px;
  }
}
#Global .Lineup .Lineup-list .Lineup-item:last-child {
  margin-bottom: 0;
}
#Global .Lineup .Lineup-list .Lineup-item__img {
  margin: 0 auto 20px;
  background: #F9F7F2;
  width: 100%;
}
@media (min-width: 601px) {
  #Global .Lineup .Lineup-list .Lineup-item__img {
    margin: 0 auto 20px;
    width: 300px;
    min-width: 250px;
  }
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup-item__img {
    margin: 0 60px 0 0;
    width: 350px;
    min-width: 350px;
  }
}
#Global .Lineup .Lineup-list .Lineup-item__img img {
  display: block;
  margin: auto;
}
#Global .Lineup .Lineup-list .Lineup-item__desc h3 {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup-item__desc h3 {
    text-align: left;
  }
}
#Global .Lineup .Lineup-list .Lineup-item__desc h3 span {
  display: inline-block;
  padding-left: 36px;
  font-size: 1.313rem;
  font-weight: 600;
  position: relative;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup-item__desc h3 span {
    padding-left: 56px;
    font-size: 1.875rem;
  }
}
#Global .Lineup .Lineup-list .Lineup-item__desc h3 span::before {
  content: "";
  display: inline-block;
  background: url("../images/global/ico_kangaroo.svg") no-repeat;
  background-size: contain;
  width: 30px;
  height: 23px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup-item__desc h3 span::before {
    width: 50px;
    height: 37px;
  }
}
#Global .Lineup .Lineup-list .Lineup-item__desc h3 span .product-subname {
  display: block;
  padding-left: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup-item__desc h3 span .product-subname {
    text-align: right;
    font-size: 1.25rem;
  }
}
#Global .Lineup .Lineup-list .Lineup-item__desc h3 span .product-subname::before {
  display: none;
}
#Global .Lineup .Lineup-list .Lineup-item__desc p {
  margin-bottom: 24px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.03em;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup-item__desc p {
    font-size: 0.938rem;
  }
}
#Global .Lineup .Lineup-list .Lineup-item__desc .Lineup-btn {
  text-align: right;
}
#Global .Lineup .Lineup-list .Lineup-item__desc .Lineup-btn a {
  background: #DF9F44;
  color: #000;
}
#Global .Lineup .Lineup-list .Lineup-item__desc .Lineup-btn a::after {
  content: "";
  background: url("../images/global/ico_arrow_black.svg") no-repeat;
  background-size: contain;
}
#Global .Lineup .Lineup-list .Lineup01 .Lineup-item__img, #Global .Lineup .Lineup-list .Lineup02 .Lineup-item__img {
  padding: 16px 0;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup01 .Lineup-item__img, #Global .Lineup .Lineup-list .Lineup02 .Lineup-item__img {
    padding: 28px 0;
  }
}
#Global .Lineup .Lineup-list .Lineup01 .Lineup-item__img img, #Global .Lineup .Lineup-list .Lineup02 .Lineup-item__img img {
  width: 50%;
}
#Global .Lineup .Lineup-list .Lineup03 .Lineup-item__img {
  padding: 36px 0;
}
@media (min-width: 961px) {
  #Global .Lineup .Lineup-list .Lineup03 .Lineup-item__img {
    padding: 58px 0;
  }
}
#Global .Lineup .Lineup-list .Lineup03 .Lineup-item__img img {
  width: 74.55%;
}
#Global .Banner-area {
  margin-bottom: 50px;
}
#Global .Banner-area a {
  display: block;
}/*# sourceMappingURL=style.css.map */