@-webkit-keyframes megaNavMotionKey {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@keyframes megaNavMotionKey {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@-webkit-keyframes scrollNavMotionKey {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes scrollNavMotionKey {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes scrollNavUpMotionKey {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes scrollNavUpMotionKey {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0
}

body {
  line-height: 1
}

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

nav ul {
  list-style: none
}

ul {
  list-style: none
}

ol {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

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

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

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

del {
  text-decoration: line-through
}

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

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

hr {
    display: block;
    height: 1px;
    padding: 0;
}

input, select {
  vertical-align: middle
}

a {
  text-decoration: none
}

img {
  vertical-align: bottom
}

html {
  height: 100%;
  font-size: 62.5%
}

body {
  font-family: -apple-system, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  background: url("/assets/static/common/img/bg_content.jpg");
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.l_wrap {
  width: 100%;
  overflow: hidden;
  min-width: 1100px
}

.l_primaryContentWarp {
  background: #fff
}

.l_primaryContent {
  width: 1100px;
  margin-right: auto;
  margin-left: auto
}

.l_primaryInnerFull {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100vw;
  padding: 0 calc(50vw - 50%);
  margin: 0 calc(50% - 50vw)
}

@media only screen and (max-width: 1100px) {
  .l_primaryInnerFull {
    width: 100%;
    padding: 0;
    margin: 0
  }
}

.l_secondaryContentWarp {
  width: 100%
}

.l_secondaryContent {
  width: 1100px;
  margin-right: auto;
  margin-left: auto
}

.m_image {
  width: 100%;
  height: auto
}

.m_imageVert {
  width: auto;
  height: 100%
}

.m_button-primary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  border: solid 1px #451700;
  border-radius: 36px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_button-primary a {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  color: #451700
}

.m_button-primary a span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.7rem;
  text-align: center
}

.m_button-primary a::after {
  position: absolute;
  top: calc(50% - 5px);
  right: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-top: solid 2px #451700;
  border-right: solid 2px #451700;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.m_button-primary:hover {
  background: #451700
}

.m_button-primary:hover a {
  color: #fff
}

.m_button-primary:hover a::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.m_button-primary.Back a::after {
  right: unset;
  left: 14px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.m_button-primary.Reverse {
  background: #451700
}

.m_button-primary.Reverse a {
  color: #fff
}

.m_button-primary.Reverse a::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.m_button-primary.Reverse:hover {
  background: none
}

.m_button-primary.Reverse:hover a {
  color: #451700
}

.m_button-primary.Reverse:hover a::after {
  border-top: solid 2px #451700;
  border-right: solid 2px #451700
}

.m_button-primary.White {
  border: solid 1px #fff
}

.m_button-primary.White a {
  color: #fff
}

.m_button-primary.White a::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.m_button-primary.White:hover {
  background: #fff
}

.m_button-primary.White:hover a {
  color: #451700
}

.m_button-primary.White:hover a::after {
  border-top: solid 2px #451700;
  border-right: solid 2px #451700
}

.m_button-primary.White.Green:hover {
  background: #165939;
  border: solid 1px #165939
}

.m_button-primary.White.Green:hover a {
  color: #fff
}

.m_button-primary.White.Green:hover a::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.m_button-primary.Orange {
  background: url("/assets/static/common/img/bg_content_orange.jpg");
  border: solid 1px #ee7300
}

.m_button-primary.Orange a {
  color: #fff
}

.m_button-primary.Orange a::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.m_button-primary.Orange:hover {
  background: #fff;
  border: solid 1px #ee7300
}

.m_button-primary.Orange:hover a {
  color: #ee7300
}

.m_button-primary.Orange:hover a::after {
  border-top: solid 2px #ee7300;
  border-right: solid 2px #ee7300
}

.m_button-secondary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  border: solid 1px #451700;
  border-radius: 36px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_button-secondary a {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  color: #451700
}

.m_button-secondary a span {
  display: block;
  width: 100%;
  height: 100%;
  margin-left: -7px;
  font-size: 1.7rem;
  text-align: center
}

.m_button-secondary a::before {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 14px;
  height: 2px;
  content: '';
  background: #451700;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.m_button-secondary a::after {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 14px;
  height: 2px;
  content: '';
  background: #451700;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.m_button-secondary:hover {
  background: #451700
}

.m_button-secondary:hover a {
  color: #fff
}

.m_button-secondary:hover a::before {
  background: #fff
}

.m_button-secondary:hover a::after {
  background: #fff
}

.m_button-tertiary {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  color: #ee7300;
  background: #fff;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  border-radius: 36px
}

.m_button-tertiary span {
  display: block;
  width: 100%;
  height: 100%;
  margin-left: -7px;
  font-size: 1.7rem;
  line-height: 36px;
  text-align: center
}

.m_button-tertiary::after {
  position: absolute;
  top: calc(50% - 5px);
  right: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-top: solid 2px #ee7300;
  border-right: solid 2px #ee7300;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.m_button-quaternary {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  color: #451700;
  background: #fff;
  border: solid 1px #451700;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  border-radius: 36px
}

.m_button-quaternary a {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  color: #451700
}

.m_button-quaternary a span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.7rem;
  text-align: center
}

.m_button-quaternary a::after {
  position: absolute;
  top: calc(50% - 5px);
  right: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 8px;
  height: 8px;
  content: '';
  border-top: solid 2px #451700;
  border-right: solid 2px #451700;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.m_button-quaternary:hover {
  background: #451700
}

.m_button-quaternary:hover a {
  color: #fff
}

.m_button-quaternary:hover a::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.m_cartButton-primary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 54px;
  line-height: 54px;
  background: #ec0000;
  border: solid 2px #d95c5c;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_cartButton-primary a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

.m_cartButton-primary a::after {
  position: absolute;
  top: calc(50% - 2px);
  right: 23px;
  width: 0;
  height: 0;
  content: '';
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  border-width: 7px 4px 0 4px
}

.m_cartButton-primary a span {
  display: inline-block;
  height: 100%;
  padding-left: 40px;
  background: url("/assets/static/common/img/icon_cart_white.png") no-repeat center left;
  background-size: 34px 24px
}

.m_cartButton-primary:hover {
  background: #c40000
}

.m_cartButton-secondary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 81px;
  line-height: 81px;
  background: #c40000;
  border: solid 2px #d95c5c;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_cartButton-secondary a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

.m_cartButton-secondary a span {
  display: inline-block;
  height: 100%;
  padding-right: 44px;
  background: url("/assets/static/common/img/icon_cart_white.png") no-repeat center right;
  background-size: 34px 24px
}

.m_cartButton-secondary:hover {
  background: #ec0000
}

.m_cartButton-tertiary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 54px;
  line-height: 54px;
  background-color: #ee7300;
  border: solid 2px #ee7300;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_cartButton-tertiary2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 81px;
  line-height: 81px;
  background-color: #ee7300;
  border: solid 2px #ee7300;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_cartButton-tertiary a, .m_cartButton-tertiary2 a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

.m_cartButton-tertiary a span, .m_cartButton-tertiary2 a span {
  display: inline-block;
  height: 100%;
  padding-right: 44px;
  background: url("/assets/static/common/img/icon_cart_white.png") no-repeat center right;
  background-size: 34px 24px
}

.m_cartButton-tertiary:hover, .m_cartButton-tertiary2:hover {
  background: #b35803
}

.m_cartButton-tertiary.Gray {
  border: solid 2px #d2d2d2;
  background: #9fa0a0
}

.m_cartButton-tertiary.Gray:hover, .m_cartButton-tertiary2.Gray:hover {
  background: #8b8c8c
}

.m_cartButton-quaternary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 81px;
  line-height: 81px;
  background: #c40000;
  border: solid 2px #d95c5c;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_cartButton-quaternary a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

.m_cartButton-quaternary a span {
  display: inline-block;
  height: 100%;
  padding-right: 44px;
  background: url("/assets/static/common/img/icon_cart_white.png") no-repeat center right;
  background-size: 34px 24px
}

.m_cartButton-quaternary:hover {
  background: #a10000
}

.m_cartButton-quaternary.Orange {
  background-color: #ee7300;
  border: solid 2px #ee7300
}

.m_cartButton-quaternary.Orange:hover {
  background: #b35803
}

.m_cartButton-primary__soldout {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 54px;
  line-height: 54px;
  background: #9fa0a0;
  border: solid 2px #d2d2d2;
  border-radius: 8px;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_cartButton-primary__soldout div {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

.m_cartButton-primary__soldout div span {
  display: inline-block;
  height: 100%;
  padding-left: 40px;
  background: url("/assets/static/common/img/icon_cart_white.png") no-repeat center left;
  background-size: 34px 24px
}

.m_cartButton-tertiary__soldout {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 54px;
  line-height: 54px;
  background: #9fa0a0;
  border: solid 2px #d2d2d2;
  border-radius: 8px;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_cartButton-tertiary__soldout div {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

.m_cartButton-tertiary__soldout div span {
  display: inline-block;
  height: 100%;
  padding-right: 44px;
  background: url("/assets/static/common/img/icon_cart_white.png") no-repeat center right;
  background-size: 34px 24px
}

.m_pageTitle-primary {
  position: relative;
  min-height: 50px;
  padding-top: 5px;
  padding-left: 33px;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1;
  color: #451700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.m_pageTitle-primary::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 7px;
  height: 100%;
  content: '';
  background: #451700
}

.m_pageTitle-primary .c_pageTitle-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem
}

.m_pageTitle-primary .c_pageTitle-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  background: #b5a299
}

.m_pageTitle-primary .c_pageTitle-nav__item.is-active {
  background-color: #451700
}

.m_pageTitle-primary .c_pageTitle-nav__item:hover {
  background-color: #451700
}

.m_pageTitle-primary .c_pageTitle-nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0 7px;
  border-right: 1px solid #fff
}

.m_pageTitle-primary .c_pageTitle-nav__item--first {
  border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -ms-border-radius: 30px 0 0 30px;
  -o-border-radius: 30px 0 0 30px
}

.m_pageTitle-primary .c_pageTitle-nav__item--first a {
  padding-left: 15px
}

.m_pageTitle-primary .c_pageTitle-nav__item--last {
  border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  -ms-border-radius: 0 30px 30px 0;
  -o-border-radius: 0 30px 30px 0
}

.m_pageTitle-primary .c_pageTitle-nav__item--last a {
  padding-right: 15px;
  border-right: none
}

.m_pageTitleRead-primary {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  color: #451700
}

.m_sectionTitle-primary {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  height: 54px;
  font-size: 3.2rem;
  line-height: 54px;
  color: #fff;
  text-align: center;
  background: url("/assets/static/common/img/bg_content_dark.jpg");
  border-radius: 27px
}

.m_megaNavContentHeading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.m_megaNavContentHeading .m_button-primary {
  width: 200px;
  margin-top: -10px
}

.m_megaNavContentHeading .m_button-primary a span {
  color: #fff
}

.m_megaNavContentHeading .m_button-primary a span:hover {
  color: #451700
}

.m_megaNavContentHeading .m_megaNavContentHeadingTitle {
  position: relative
}

.m_megaNavContentHeading .m_megaNavContentHeadingTitle.New::before {
  content: " ";
  position: absolute;
  top: -20%;
  right: -7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ec0000
}

.m_megaNavContentHeading .m_megaNavContentHeadingTitle a {
  position: relative;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_megaNavContentHeading .m_megaNavContentHeadingTitle a::after {
  position: absolute;
  top: calc(50% - 8px);
  right: -23px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  content: '';
  background: url("/assets/images/icon_round_arrow_dark_right.png") no-repeat center right;
  background-size: 18px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_megaNavContentHeading .m_megaNavContentHeadingTitle a:hover span {
  color: #b5a299
}

.m_megaNavContentHeading .m_megaNavContentHeadingTitle a:hover::after {
  opacity: .5
}

.m_megaNavContentHeading::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  content: '';
  background: #dfcd95
}

.m_megaNavContentHeading span {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0.5rem;
  font-size: 1.9rem;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_megaNavContentHeading.DoubleLIne span {
  display: inline-block;
  margin-top: -1.25rem;
  line-height: 1
}

.m_megaNavContentHeading.Large div {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0.5rem;
  font-size: 2.6rem;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.m_megaNavContentHeading.Large div span {
  padding-left: 0rem;
  font-size: 2.0rem;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.m_megaNavCardWrap .m_megaNavCard {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  background: #fff;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  line-height: 1.3;
  text-align: center
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardTitle span {
  font-size: 2.0rem;
  font-weight: bold;
  color: #451700
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardTitle.Wide {
  width: 150%;
  margin-left: -25%
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardTitle.Special span {
  position: relative
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardTitle.Special span::before {
  top: -12px;
  right: -3px
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardTitle.Special.Wide span::before {
  right: 0
}

.m_megaNavCardWrap .m_megaNavCard__tag {
  display: none;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -35px;
  left: 0;
  width: 100%;
  padding: 5px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  background-color: #c40000
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardValue {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  margin-top: 6px;
  line-height: 30px;
  text-align: center;
  background: #ee7300;
  border: solid 1px #ee7300;
  border-radius: 20px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardValue span {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 2.0rem;
  font-weight: bold;
  color: #fff
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardValue:hover {
  background: none
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardValue:hover span {
  color: #ee7300
}

.m_megaNavCardWrap .m_megaNavCard .m_megaNavCardValue a {
  display: block;
  width: 100%;
  height: 100%
}

.m_megaNavCardWrap .m_megaNavCard:hover.HoverOpt {
  opacity: 0.8
}

.m_megaNavCardWrap.New .m_megaNavCardImage {
  position: relative
}

.m_megaNavCardWrap.New .m_megaNavCardImage .m_megaNavCard__new {
  display: block
}

.m_megaNavCardWrap.Resell .m_megaNavCardImage {
  position: relative
}

.m_megaNavCardWrap.Resell .m_megaNavCardImage .m_megaNavCard__resell {
  display: block
}

.m_megaNavBanner {
  margin-top: 12px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_megaNavBanner:hover {
  opacity: 0.6
}

.m_megaNavBanner:first-child {
  margin-top: 0
}

.m_megaNavBanner__balloon {
  display: none;
  position: relative;
  margin-bottom: 8px;
  padding: 2px 10px;
  width: 30px;
  color: #fff;
  font-size: 16px;
  background: #c40000;
  border-radius: 5px;
  font-size: 1.0rem;
  text-align: center
}

.m_megaNavBanner__balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -2px;
  border: 2px solid transparent;
  border-top: 5px solid #c40000
}

.m_megaNavBanner.New .m_megaNavBanner__balloon {
  display: inline-block
}

.m_megaNavList {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16px;
  margin-top: 10px
}

.m_megaNavList:first-child {
  margin-top: 0
}

.m_megaNavList::after {
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  background: #ee7300;
  border-radius: 50%
}

.m_megaNavList a {
  font-size: 2.0rem;
  color: #451700;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_megaNavList a span {
  position: relative;
  display: inline-block;
  font-weight: bold
}

.m_megaNavList a span::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  content: '';
  background: #f8bc82
}

.m_megaNavList:hover a {
  color: #dfcd95
}

.m_breadLinkItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  font-size: 1.6rem;
  line-height: 43px;
  color: #451700
}

.m_breadLinkItem::after {
  position: absolute;
  top: calc(50% - 4px);
  left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  border-top: solid 2px #451700;
  border-right: solid 2px #451700;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.m_breadLinkItem:first-child {
  padding-left: 0
}

.m_breadLinkItem:first-child::after {
  display: none
}

.m_breadLinkItem a {
  color: #ee7300
}

.m_itemTypeTag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 26px;
  padding: 0 6px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 0.2rem;
  border-radius: 4px
}

.m_itemTypeTag.Normal {
  color: #451700;
  border: solid 1px #451700
}

.m_itemTypeTag.Red {
  color: #fff;
  background: #c40000
}

.m_itemTypeTag.RedLine {
  color: #c40000;
  background: #fff;
  border: solid 1px #c40000
}

.m_itemTypeTag.Dark {
  color: #fff;
  background: #451700
}

.m_itemTypeTagInnerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.m_itemTypeTagInnerWrap .m_itemTypeTag {
  margin-left: 8px
}

.m_itemTypeTagInnerWrap .m_itemTypeTag:first-child {
  margin-left: 0
}

.m_detailHeadItemBody__title {
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1;
  color: #451700
}

.m_detailHeadItemBody__type {
  font-size: 2.4rem;
  font-weight: bold;
  color: #451700;
  text-indent: -1rem
}

.m_detailHeadItemBody__annotation {
  font-size: 2.4rem;
  font-weight: bold;
  color: #451700;
}

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

.m_detailHeadItemBody__price {
  font-size: 1.7rem;
  font-weight: bold;
  color: #451700
}

.m_detailHeadItemBody__price span {
  padding: 0 2px;
  font-size: 3.9rem
}

.m_detailRegularSafePoint {
  margin-top: 22px
}

.m_detailRegularSafePoint dt {
  margin-bottom: 12px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.m_detailRegularSafePoint dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.m_detailRegularSafePoint dd div:nth-child(2) {
  margin: 0 14px
}

.m_detailRegularSafePoint dd .point {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px
}

.m_detailRegularSafePoint dd .change {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 138px
}

.m_detailRegularSafePoint dd .select {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 190px
}

.m_detailRegularGreatValue {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  border: solid 2px #c40000;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_detailRegularGreatValue a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 25px
}

.m_detailRegularGreatValue::after {
  position: absolute;
  top: calc(50% - 5px);
  right: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-top: solid 2px #c40000;
  border-right: solid 2px #c40000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.m_detailRegularGreatValue__thum {
  width: 52px;
  margin-right: 25px
}

.m_detailRegularGreatValue__read {
  font-size: 2.0rem;
  font-weight: bold;
  color: #c40000
}

.m_detailRegularGreatValue:hover {
  background: #c40000
}

.m_detailRegularGreatValue:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.m_detailRegularGreatValue:hover .m_detailRegularGreatValue__read {
  color: #fff
}

.m_detailRegularItemName {
  font-size: 3.0rem;
  font-weight: bold;
  color: #451700
}

.m_detailRegularItemName span {
  font-size: 2.4rem
}

.m_detailRegularItemName.p_sanbaizu_detailRegularItemName {
  margin-top: 15px
}

.m_detailRegularValueForm__title {
  padding-left: 44px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #c40000;
  background: url("/assets/static/common/img/icon_box_red.png") no-repeat center left;
  background-size: 30px 24px
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemHead {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 47px;
  padding: 12px;
  background: url("/assets/static/common/img/bg_content.jpg") center left
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemHeadInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemHeadInner .m_itemTypeTag {
  margin-left: 10px
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyNormal {
  position: relative
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyNormal::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background: #c40000;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg)
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyNormal dt {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #451700
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyNormal dd {
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyNormal dd span {
  font-size: 2.9rem;
  letter-spacing: -0.1rem
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue {
  position: relative;
  font-size: 2.35rem;
  font-weight: bold;
  color: #c40000
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue span {
  padding-right: 6px;
  font-size: 4.7rem
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue::after {
  position: absolute;
  top: 50%;
  left: -23px;
  width: 0;
  height: 0;
  margin-top: -8px;
  content: '';
  border-color: transparent transparent transparent #451700;
  border-style: solid;
  border-width: 8px 0 8px 13px
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue.NoArrow::after {
  display: none
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue.u_darkText {
  color: #451700
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue.u_sizeSmall {
  font-size: 2rem
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue.u_sizeSmall span {
  font-size: 4.0rem
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyRadio {
  font-size: 1.6rem;
  color: #451700;
  text-align: center
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyRadio span {
  font-size: 1.6rem;
  color: #451700
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__fakeRadio {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  margin: 5px auto 0;
  cursor: pointer;
  background: #efe6d2;
  border: solid 2px #dcc8a3;
  border-radius: 50%
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__fakeRadio.Act::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  content: '';
  background: #ee7300;
  border-radius: 50%
}

.m_detailRegularItemNote {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #451700
}

.m_detailRegularItemOnlyOne__head {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 12px 12px 0;
  background: url("/assets/static/common/img/bg_content.jpg") center left
}

.m_detailRegularItemOnlyOne__head .m_itemTypeTag {
  margin-top: 12px;
  margin-left: 12px
}

.m_detailRegularItemOnlyOne__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.m_detailRegularItemOnlyOne__price dt {
  margin-right: 25px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #451700
}

.m_detailRegularItemOnlyOne__price dd {
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700
}

.m_detailRegularItemOnlyOne__price dd span:nth-child(1) {
  padding: 0 10px;
  font-size: 4.1rem
}

.m_detailRegularItemOnlyOne__price dd span:nth-child(2) {
  font-size: 2.0rem
}

.m_detailRegularItemOnlyOne__price.p_suisoyu_detailRegularItemOnlyOne__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.m_detailRegularItemOnlyOne__price .p_sanbaizu_detailRegularItemOnlyOne__price__dt {
  font-size: 1.6rem
}

.m_detailRegularItemOnlyOne__price .p_suisoyu_detailRegularItemOnlyOne__price__dt {
  font-size: 1.5rem;
  margin-right: 20px
}

.m_detailRegularItemOnlyOne__price .u_smallPriceText span:nth-child(1) {
  padding: 0 10px;
  font-size: 3.6rem
}

.m_detailRegularItemOnlyOne__price .u_smallPriceText span:nth-child(2) {
  font-size: 1.8rem
}

.m_seriesHeadCardFukidashi {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 90px;
  text-align: center;
  background: #000
}

.m_seriesHeadCardFukidashi p {
  font-size: 2.2rem;
  line-height: 1.4;
  color: #fff;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.m_seriesHeadCardFukidashi::after {
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -20px;
  content: '';
  border-color: #000000 transparent transparent transparent;
  border-style: solid;
  border-width: 20px 20px 0 20px
}

.m_seriesHeadCardFukidashi.Red {
  background: #a10000
}

.m_seriesHeadCardFukidashi.Red::after {
  border-color: #a10000 transparent transparent transparent
}

.m_seriesHeadCardFukidashi.Brown {
  background: #451700
}

.m_seriesHeadCardFukidashi.Brown::after {
  border-color: #451700 transparent transparent transparent
}

.m_seriesHeadCardFukidashi.Green {
  background: #165939
}

.m_seriesHeadCardFukidashi.Green::after {
  border-color: #165939 transparent transparent transparent
}

.m_seriesHeadCardBody__image {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_seriesHeadCardBody__image:hover {
  opacity: .8
}

.m_seriesHeadCardBody__body {
  margin-bottom: 25px;
  text-align: center
}

.m_seriesHeadCardBody__body dt {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #451700
}

.m_seriesHeadCardBody__body dt span {
  display: block
}

.m_seriesHeadCardBody__body dd {
  font-size: 2.8rem;
  font-weight: bold;
  color: #a10000
}

.m_seriesHeadCardBody__body dd span {
  font-size: 1.8rem
}

.m_seriesHeadCardBody__points {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 10px 25px 10px;
  border-top: dotted 1px #dcc8a3
}

.m_seriesHeadCardBody__points li {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  margin-top: 8px;
  font-size: 1.65rem;
  font-weight: bold;
  color: #451700;
  letter-spacing: -0.15rem
}

.m_seriesHeadCardBody__points li:first-child {
  margin-top: 0
}

.m_seriesHeadCardBody__points li::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 13px;
  height: 13px;
  margin-top: -7px;
  content: '';
  border: solid 1px #451700
}

.m_seriesCardHead {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: bold;
  height: 50px;
  font-size: 2.5rem;
  line-height: 50px;
  color: #451700;
  text-align: center;
  background: #eee4d1
}

.m_seriesCardHead.Long {
  font-size: 2.2rem;
  letter-spacing: -0.1rem
}

.m_seriesCardBody__name {
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.4;
  color: #451700
}

.m_seriesCardBody__name span {
  display: inline-block;
  font-size: 2.4rem;
  text-indent: -1rem
}

.m_seriesCardBody__name a {
  color: #451700
}

.m_seriesCardBody__cart {
  margin-top: 50px
}

.m_seriesCardBody__cart:nth-child(2) {
  margin-top: 20px
}

.m_seriesCardBody__cartInner {
  margin-bottom: 10px
}

.m_seriesCardBody__cartInner dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 2px;
  border-bottom: solid 1px #5c5c5c
}

.m_seriesCardBody__cartInner dt p {
  font-size: 2.2rem;
  font-weight: bold;
  color: #c40000
}

.m_seriesCardBody__cartInner dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: bold;
  color: #c40000;
  text-align: center
}

.m_seriesCardBody__cartInner dd span {
  display: inline-block
}

.m_seriesCardBody__cartInner dd span:nth-child(1) {
  padding: 0 8px;
  font-size: 4.8rem
}

.m_seriesCardBody__cartInner dd span:nth-child(2) {
  font-size: 2.3rem
}

.m_seriesCardBody__cartInner.Only dt p {
  font-size: 2.0rem;
  color: #451700;
  letter-spacing: -0.1rem
}

.m_seriesCardBody__cartInner.Only dd {
  font-size: 1.3rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.m_seriesCardBody__cartInner.Only dd span {
  display: inline-block
}

.m_seriesCardBody__cartInner.Only dd span:nth-child(1) {
  padding: 0 8px;
  font-size: 3.2rem
}

.m_seriesCardBody__cartInner.Only dd span:nth-child(2) {
  font-size: 1.6rem
}

.m_seriesCardBody__cartInner.OnlySpecial dt p {
  font-size: 2.0rem;
  color: #451700;
  letter-spacing: -0.1rem
}

.m_lineUpCard__image {
  position: relative
}

.m_lineUpCard__image .m_lineUpCard__icon {
  position: absolute;
  width: 80px;
  height: 80px
}

.m_lineUpCard__content {
  line-height: 1.2;
  text-align: center
}

.m_lineUpCard__content dt {
  font-size: 2.2rem;
  font-weight: bold;
  color: #451700
}

.m_lineUpCard__content dd {
  font-size: 2.2rem;
  font-weight: bold;
  color: #a10000
}

.m_lineUpCard__content dd span {
  font-size: 3.0rem
}

.m_faqItemCard__title {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.2;
  color: #451700
}

.m_faqHeadTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 66px;
  padding: 0 26px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 66px;
  color: #fff;
  background: #165939;
  border-radius: 8px
}

.m_faqHead {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 56px;
  padding: 0 15px;
  line-height: 56px
}

.m_faqHead .m_faqHead__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 56px;
  color: #451700
}

.m_faqHead.Bill .m_faqHead__inner {
  padding-left: 77px;
  background: url("/assets/static/common/img/icon_faq_bill.png") no-repeat center left;
  background-size: 52px 27px
}

.m_faqHead.Car .m_faqHead__inner {
  padding-left: 77px;
  background: url("/assets/static/common/img/icon_faq_car.png") no-repeat center left;
  background-size: 42px 32px
}

.m_faqHead.Box .m_faqHead__inner {
  padding-left: 77px;
  background: url("/assets/static/common/img/icon_faq_box.png") no-repeat center left;
  background-size: 44px 34px
}

.m_faqHead.Q .m_faqHead__inner {
  padding-left: 50px;
  background: url("/assets/static/common/img/icon_faq_list_q.png") no-repeat center left;
  background-size: 34px
}

.m_faqHead__button {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 98px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  background: #ee7300;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
}

.m_faqHead__button_course {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 168px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  background: #ee7300;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_faqHead__button small {
  margin-left: -10px;
  font-size: 1.6rem;
  color: #fff;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.m_faqHead__button_course a {
  font-size: 1.6rem;
  color: #fff;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.m_faqHead__button span {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  position: absolute;
  top: calc(50% - 1px);
  right: 10px;
  display: block;
  width: 12px;
  height: 2px;
  background: #fff
}

.m_faqHead__button span:nth-child(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.m_faqHead__button.Act span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.m_faqHead__button.Act span:nth-child(3) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.m_faqBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 0;
  padding: 0px 16px;
  overflow: hidden;
  font-size: 1.6rem;
  color: #451700;
  visibility: hidden;
  background: #fcfaf6;
  opacity: 0;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.m_faqBody.Act {
  height: auto;
  max-height: 9999px;
  padding: 30px 16px;
  visibility: visible;
  opacity: 1
}

.m_faqBody .m_faqBody__Ans {
  min-height: 40px;
  padding-left: 50px;
  background: url("/assets/static/common/img/icon_faq_list_a.png") no-repeat top left;
  background-size: 34px
}

.m_faqBody .m_faqBody__AnsInnerBlockTitle {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: bold
}

.m_faqBody .m_faqBody__AnsInnerBlockSubTitle {
  margin-top: 6px;
  margin-bottom: 6px
}

.m_faqBody .m_faqBody__AnsInnerBlock {
  margin-top: 20px
}

.m_faqBody .m_faqBody__AnsInnerBlock.Sub {
  margin-top: 10px
}

.m_faqBody .m_faqBody__AnsInnerBlock:first-child {
  margin-top: 0
}

.m_faqBody .m_faqBody__AnsInnerImage {
  display: block;
  width: auto;
  margin-top: 20px
}

.m_faqBody .m_faqBody__AnsInnerInLineImage {
  display: inline-block;
  width: auto;
  margin-top: 20px;
  margin-left: 10px;
  vertical-align: top
}

.m_faqBody .m_faqBody__AnsInnerNote {
  color: red
}

.m_faqBody .m_faqBody__AnsInnerList li {
  margin-top: 10px
}

.m_faqBody .m_faqBody__AnsInnerList li:first-child {
  margin-top: 0
}

.m_faqBody .m_faqBody__Ans a {
  color: #451700;
  text-decoration: underline
}

.m_faqBody .m_faqBody__Ans table {
  width: 100%;
  margin-top: 10px;
  background: #fff;
  border: solid 1px #451700
}

.m_faqBody .m_faqBody__Ans table thead th {
  padding: 10px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  background: #451700;
  border-right: solid 1px #fff
}

.m_faqBody .m_faqBody__Ans table thead th:last-child {
  border: none
}

.m_faqBody .m_faqBody__Ans table tbody td {
  padding: 10px;
  vertical-align: middle;
  border: solid 1px #451700
}

.m_infoHead {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  padding: 0 36px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 56px;
  background: url("/assets/static/common/img/bg_content_dark.jpg")
}

.m_infoHead dt {
  margin-right: 24px;
  color: #dcc8a3
}

.m_infoHead dd {
  color: #fff
}

.m_infoBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px 8px 8px
}

.m_infoBody .m_infoBodyInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px;
  background: #fff
}

.m_infoParagraph {
  font-size: 1.9rem;
  line-height: 1.9;
  color: #451700
}

.m_infoParagraph strong {
  font-weight: bold
}

.m_infoParagraphImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.m_infoParagraphImages div {
  width: 48%
}

.m_infoInnerParagraph {
  font-size: 1.9rem;
  line-height: 1.9;
  color: #451700
}

.m_infoImage img {
  width: auto
}

.m_infoNote {
  display: block;
  font-size: 1.9rem;
  color: #a10000
}

.m_infoLink {
  position: relative;
  display: block;
  padding-left: 25px;
  font-size: 1.9rem;
  color: #ee7300;
  text-decoration: underline;
  background: url("/assets/static/common/img/icon_round_arrow_orange.png") no-repeat center left;
  background-size: 15px 15px
}

.m_infoLink:hover {
  text-decoration: none
}

.m_infoInnerTtile {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 56px;
  padding: 0 26px;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 56px;
  color: #451700;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.c_megaNavWrap {
  position: absolute;
  top: 157px;
  left: 0;
  width: 100%
}

.c_megaNavWrapBG {
  position: fixed;
  top: 125px;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%
}

.c_megaNavWrapBG.Act {
  display: block
}

.c_megaNavWrapBG.TopFit {
  top: 0px
}

.c_megaNav {
  position: relative;
  z-index: 999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 1100px;
  height: 0;
  padding: 4px;
  margin: 0 auto;
  background: url("/assets/static/common/img/bg_mega_line.png");
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.c_megaNav.Act {
  display: block;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: megaNavMotionKey 0.6s;
  animation: megaNavMotionKey 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0, 0.67, 0.305, 1.14);
  animation-timing-function: cubic-bezier(0, 0.67, 0.305, 1.14);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.c_megaNav .c_megaNavInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 16px;
  background: url("/assets/static/common/img/bg_content.jpg");
  border-radius: 8px
}

.c_megaNav .c_megaNavHeadButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 15px
}

.c_megaNav .c_megaNavHeadButtons .m_button-primary {
  width: 200px;
  margin-right: 10px
}

.c_megaNav .c_megaNavHeadButtons .m_button-secondary {
  width: 125px
}

.c_megaNav .c_megaNavBody .m_megaNavContentHeading {
  margin-bottom: 8px
}

.c_megaNav .c_megaNavItemCardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#MegaNav1 {
  height: 586px
}

#MegaNav1 .m_megaNavHeadArrow {
  left: 110px;
  width: 225px
}

#MegaNav1 .c_megaNavBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#MegaNav1 .c_megaNavBody .c_megaNavContent.Primary {
  width: 840px
}

#MegaNav1 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#MegaNav1 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap .m_megaNavCard {
  width: 200px;
  height: 448px
}

#MegaNav1 .c_megaNavBody .c_megaNavContent.Secondary {
  width: 200px
}

#MegaNav1 .c_megaNavBody .c_megaNavContent.Secondary .m_megaNavContentHeading span {
  letter-spacing: -0.4rem
}

#MegaNav2 {
  height: 688px
}

#MegaNav2 .m_megaNavHeadArrow {
  left: 350px;
  width: 180px
}

#MegaNav2 .c_megaNavBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#MegaNav2 .c_megaNavBody .c_megaNavContent.Primary {
  width: 698px
}

#MegaNav2 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner {
  margin-top: 36px
}

#MegaNav2 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner:first-child {
  margin-top: 0
}

#MegaNav2 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#MegaNav2 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap .m_megaNavCard {
  width: 166px;
  height: 240px
}

#MegaNav2 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap .m_megaNavCard .m_megaNavCardTitle {
  letter-spacing: -0.2rem
}

#MegaNav2 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap .m_megaNavCard .m_megaNavCardImage {
  width: 75%;
  margin: -5% auto 0
}

#MegaNav2 .c_megaNavBody .c_megaNavContent.Secondary {
  width: 344px;
  margin-bottom: 30px
}

#MegaNav3 {
  height: 850px
}

#MegaNav3 .m_megaNavHeadArrow {
  left: 570px;
  width: 180px
}

#MegaNav3 .m_megaNavContentHeading {
  display: block
}

#MegaNav3 .c_megaNavBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary {
  width: 100%
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner:nth-child(1) {
  margin-top: 0
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner:nth-child(1) .c_megaNavContentSubGroup:nth-child(1) {
  width: 100%
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner:nth-child(2) .c_megaNavContentSubGroup:nth-child(1) {
  width: 33%
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner:nth-child(2) .c_megaNavContentSubGroup:nth-child(1) .m_megaNavCardWrap {
  width: 48.7%
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner:nth-child(2) .c_megaNavContentSubGroup:nth-child(2) {
  width: 66.2%
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner:nth-child(2) .c_megaNavContentSubGroup:nth-child(2) .m_megaNavCardWrap {
  width: 24.1%
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap .m_megaNavCard {
  height: 310px;
  padding-top: 10px
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavItemCardWrap .m_megaNavCard .m_megaNavCardImage {
  width: 100%;
  margin: 30px auto
}

#MegaNav3 .c_megaNavBody .c_megaNavContent.Primary .m_megaNavCardWrap {
  width: 16%
}

#MegaNav4 {
  height: 398px
}

#MegaNav4 .m_megaNavHeadArrow {
  left: 780px;
  width: 163px
}

#MegaNav4 .c_megaNavHeadButtons {
  margin-bottom: 10px
}

#MegaNav4 .c_megaNavHeadButtons .m_button-primary {
  width: 258px
}

#MegaNav4 .c_megaNavBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#MegaNav4 .c_megaNavBody .c_megaNavContent.Primary {
  width: 100%
}

#MegaNav4 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#MegaNav4 .c_megaNavBody .c_megaNavContent.Primary .c_megaNavContentInner .c_megaNavContentSubGroup {
  width: 342px
}

.c_breadLinkWarp {
  width: 100%;
  background: #fff
}

.c_breadLinkWarp .c_breadLinkInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 43px;
  background: #fff;
  width: 1100px;
  margin-right: auto;
  margin-left: auto
}

.c_breadLinkWarp .c_breadLinkInner.UnderLine {
  border-bottom: solid 1px #dcc8a3
}

.c_detailHeadItemCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.c_detailHeadItemCard .m_detailHeadItemBody {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 380px;
  margin-left: 44px
}

.c_detailRegularWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.c_detailRegularWrap .c_detailRegularInfo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-right: 73px
}

.c_detailRegularWrap .c_detailRegularForm {
  width: 50%
}

.c_detailRegularWrap .c_detailRegularForm .m_detailRegularItemName {
  margin-bottom: 18px;
  line-height: 1
}

.c_detailRegularWrap .c_detailRegularForm .m_detailRegularValueForm .m_detailRegularValueForm__title {
  margin-bottom: 10px
}

.c_detailRegularWrap .c_detailRegularForm .m_cartButton-secondary {
  margin-top: 20px
}

.c_detailRegularWrap .c_detailRegularForm .m_detailRegularItemOnlyOne {
  margin-top: 65px
}

.c_detailRegularWrap .c_detailRegularForm .m_detailRegularItemOnlyOne .m_detailRegularItemOnlyOne__price {
  margin-top: 10px
}

.c_detailRegularWrap .c_detailRegularForm .m_detailRegularItemOnlyOne .m_cartButton-tertiary, .c_detailRegularWrap .c_detailRegularForm .m_detailRegularItemOnlyOne .m_cartButton-tertiary2 {
  margin-top: 20px
}

.c_seriesHeadCard {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 263px;
  padding: 0 0 25px 0;
  overflow: hidden;
  background: #fff;
  border: solid 1px #dcc8a3;
  border-radius: 10px
}

.c_seriesHeadCard .m_seriesHeadCardFukidashi {
  margin-bottom: 35px
}
.c_seriesHeadCard .m_seriesHeadCardFukidashi p{
  margin-bottom: 0;
}

.c_seriesHeadCard .m_seriesHeadCardBody .m_seriesHeadCardBody__body {
  margin-top: 20px
}

.c_seriesHeadCard .m_button-primary {
  width: 206px;
  margin: 0 auto
}

.c_seriesCard {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 542px;
  padding: 0 0 36px 0;
  overflow: hidden;
  background: #fff;
  border: solid 1px #dcc8a3;
  border-radius: 10px
}

.c_seriesCard.New .c_seriesCard__image a {
  position: relative
}

.c_seriesCard.New .c_seriesCard__tag {
  display: block
}

.c_seriesCard__tag {
  margin-bottom: 15px;
  font-size: 16px
}

.c_seriesCard .m_seriesCardBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 13px 0
}

.c_seriesCard .m_seriesCardBody .m_seriesCardBody__image {
  width: 35%;
  margin-right: 6px
}

.c_seriesCard .m_seriesCardBody .m_seriesCardBody__content {
  width: 65%
}

.c_seriesCard.--noButton .m_seriesCardHead {
  width: 100%
}
.c_seriesCard.--noButton .m_seriesCardBody {
  padding: 25px 13px 0
}
.c_seriesCard.--noButton .m_seriesCardBody__content {
  display: block
}
.c_seriesCard.--noButton .m_seriesCardBody__cart {
  margin-top: 10px
}
.c_seriesCard.--noButton .m_seriesCardBody__cart:nth-child(2) {
  margin-top: 20px
}
.m_seriesCard__appeal {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 25px;
  margin-top: 25px;
  margin-left: 25px;
  background-color: #f9f5ed;
  border-radius: 100vh;
  font-size: 1.6rem
}
.m_seriesCard__appealAttention {
  font-size: 1.2rem;
  vertical-align: top
}
.m_seriesCard__appealEmphasis {
  margin-left: 5px;
  font-size: 2.2rem;
  font-weight: bold
}
.m_seriesCard__contentWrap {
  display: block
}
.m_seriesCard__contentWrap:hover .m_seriesCard__mainButton {
  background: #451700
}
.m_seriesCard__contentWrap:hover .m_seriesCard__mainButton .m_seriesCard__buttonInner {
  color: #fff
}
.m_seriesCard__contentWrap:hover .m_seriesCard__mainButton .m_seriesCard__buttonInner::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}
.m_seriesCard__attention {
  padding: 15px 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1rem;
  color: #000
}
.m_seriesCard__button {
  width: 206px;
  margin: 25px auto 0;
  cursor: pointer
}
.m_seriesCard__buttonInner {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: 36px;
  color: #451700
}
.m_seriesCard__buttonText {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.7rem;
  text-align: center
}
.m_seriesCard__otherSize {
  padding: 13px;
  margin: 25px 15px 0;
  border-radius: 10px;
  background-color: #f9f5ed
}
.m_seriesCard__otherSize:hover .m_seriesCard__otherSizeButton {
  background: #451700
}
.m_seriesCard__otherSize:hover .m_seriesCard__otherSizeButton .m_seriesCard__buttonInner {
  color: #fff
}
.m_seriesCard__otherSize:hover .m_seriesCard__otherSizeButton .m_seriesCard__buttonInner::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}
.m_seriesCard__otherSizeBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700
}
.m_seriesCard__otherSizeImage {
  width: 25%;
  margin-right: 15px
}
.m_seriesCard__otherSizeContent {
  width: 75%
}
.m_seriesCard__otherSizeProductName {
  font-size: 2.4rem;
  font-weight: 700
}
.m_seriesCard__otherSizeLink {
  color: #451700;
  text-decoration: none
}
.m_seriesCard__otherSizePurchaseTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.m_seriesCard__otherSizePurchaseTitleText {
  margin-right: 10px
}
.m_seriesCard__otherSizePurchaseBody {
  text-align: right
}
.m_seriesCard__otherSizePurchaseRegular {
  padding-bottom: 2px;
  margin: 10px 0;
  border-bottom: 1px solid #451700;
  font-size: 1.8rem;
  color: #c40000
}
.m_seriesCard__otherSizePurchaseOnce {
  font-size: 1.5rem;
  color: #451700
}
.m_seriesCard__otherSizePrice {
  padding: 0 8px
}
.m_seriesCard__otherSizePriceRegular {
  font-size: 2.6rem
}
.m_seriesCard__otherSizePriceOnce {
  font-size: 2.2rem
}
.m_seriesCard__otherSizeButton {
  display: block
}


.c_lineUpCard {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 263px;
  padding: 20px 0 30px 0;
  overflow: hidden;
  background: #fff
}

.c_lineUpCard .m_lineUpCard__image {
  width: 168px;
  margin: 0 auto
}

.c_lineUpCard .m_lineUpCard__icon {
  top: -10px;
  left: -40px;
  width: 80px;
  height: 80px
}

.c_lineUpCard .m_lineUpCard__content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px
}

.c_lineUpCard .m_lineUpCard__content dt {
  margin-bottom: 10px
}

.c_lineUpCard .m_button-primary {
  width: 150px;
  margin: 20px auto 0
}

.c_faqItemCard {
  width: 245px;
  height: auto;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 12px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 12px -4px rgba(0, 0, 0, 0.5)
}

.c_faqItemCard figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c_faqItemCard a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 10px 6px 10px 11px
}

.c_faqItemCard .m_faqItemCard__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px
}

.c_faqItemCard .m_faqItemCard__title {
  margin-left: 10px
}

.c_faqWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 1px 0;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.c_faqAnchor {
  padding-top: 100px;
  margin-top: -100px
}

.c_infoBox {
  margin-top: 40px;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.c_infoBox:first-child {
  margin-top: 0
}

.c_infoBox .m_infoParagraph {
  margin-top: 35px
}

.c_infoBox .m_infoParagraph:first-child {
  margin-top: 0
}

.c_infoBox .m_infoInnerTtile {
  margin-bottom: 30px
}

.c_infoBox .m_infoInnerParagraph {
  margin-top: 30px
}

.c_infoBox .m_infoInnerParagraph:first-child {
  margin-top: 0
}

.c_tag {
  display: none;
  padding: 5px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  background-color: #c40000
}

.c_list_dot.Special span {
  position: relative
}

.c_list_dot.Special span::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ec0000
}

.p_headerWrap {
  position: relative;
  z-index: 5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 0 0 0
}

.p_headerHead {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p_headerHead .p_headerLogo {
  height: 56px
}

.p_headerHead .p_headerLogo img {
  width: auto;
  height: 100%
}

.p_headerHead .p_shindan {
  width: 300px;
  height: 56px;
  margin-left: 9px
}

.p_headerHead .p_headerMainMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem {
  width: 90px;
  height: 56px;
  margin-left: 9px;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem a span {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  text-align: center
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem:nth-child(2) {
  background: url("/assets/static/common/img/bg_nav_guide.png") no-repeat center;
  background-size: 90px 56px
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem:nth-child(2):hover {
  background: url("/assets/static/common/img/bg_nav_guide_on.png") no-repeat center;
  background-size: 90px 56px
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem:nth-child(3) {
  background: url("/assets/static/common/img/bg_nav_mypage.png") no-repeat center;
  background-size: 90px 56px
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem:nth-child(3):hover {
  background: url("/assets/static/common/img/bg_nav_mypage_on.png") no-repeat center;
  background-size: 90px 56px
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem:nth-child(4) {
  width: 108px;
  background: url("/assets/static/common/img/bg_nav_cart.png") no-repeat center;
  background-size: 108px 56px
}

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem:nth-child(4):hover {
  background: url("/assets/static/common/img/bg_nav_cart_on.png") no-repeat center;
  background-size: 108px 56px
}

.p_headerNavWrap {
  display: inline-block;
  min-width: 100%;
  margin-top: 17px;
  margin-bottom: 15px
}

.p_headerNavWrap .p_headerNavInner {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 30px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem {
  position: relative;
  width: 200px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem.New::before {
  content: " ";
  position: absolute;
  top: -20%;
  right: 5%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ec0000
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 1.9rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem a span {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
  letter-spacing: 0.2rem
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 100%;
  content: '';
  background: #451700
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:last-child::before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2px;
  height: 100%;
  content: '';
  background: #451700
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(1) {
  width: 260px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(1) a {
  padding: 0 0 0 12px;
  text-align: left
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(1) span {
  height: 100%;
  padding-left: 49px;
  background: url("/assets/static/common/img/icon_nav1.png") no-repeat center left;
  background-size: 38px 32px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(2) {
  width: 210px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(2) a {
  padding: 0 0 0 18px;
  text-align: left
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(2) span {
  height: 100%;
  padding-left: 47px;
  background: url("/assets/static/common/img/icon_nav2.png") no-repeat center left;
  background-size: 38px 32px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(3) {
  width: 220px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(3) a {
  padding: 0 0 0 27px;
  text-align: left
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:nth-child(3) span {
  height: 100%;
  padding-left: 44px;
  background: url("/assets/static/common/img/icon_nav3.png") no-repeat center left;
  background-size: 38px 32px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:hover a {
  color: #b5a299
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:hover:nth-child(1) span {
  background: url("/assets/static/common/img/icon_nav1_on.png") no-repeat center left;
  background-size: 38px 32px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:hover:nth-child(2) span {
  background: url("/assets/static/common/img/icon_nav2_on.png") no-repeat center left;
  background-size: 38px 32px
}

.p_headerNavWrap .p_headerNavInner .p_headerNavItem:hover:nth-child(3) span {
  background: url("/assets/static/common/img/icon_nav3_on.png") no-repeat center left;
  background-size: 38px 32px
}

.p_headerInfoWrap {
  display: inline-block;
  min-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0 6px 0;
  background: #fff
}

.p_headerInfoWrap .p_headerInfoInner {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNews a {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 1.8rem;
  color: #451700;
  text-decoration: underline
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNews:hover a {
  color: #b5a299
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNotice {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px 0 16px;
  border: solid 1px #451700;
  border-radius: 4px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNotice a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #451700
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNotice a span {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-right: 20px
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNotice a span::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  border-top: solid 2px #451700;
  border-right: solid 2px #451700;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNotice:hover {
  background: #451700
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNotice:hover a {
  color: #fff
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNotice:hover a span::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.p_headerKeyWordWrap {
  display: inline-block;
  min-width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 48px;
  background: url("/assets/static/common/img/bg_navbar.jpg") repeat-x center left
}

.p_headerKeyWordWrap::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 23%;
  height: 100%;
  content: '';
  background: url("/assets/static/common/img/bg_navbar_under.jpg") repeat-x
}

.p_headerKeyWordWrap .p_headerKeyWordInner {
  position: relative;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  background: url("/assets/static/common/img/bg_navbar_cover.jpg") no-repeat;
  background-position: center
}

.p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordHeading {
  margin-right: 33px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff
}

.p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordList .p_headerKeyWordListItem {
  margin-right: 19px
}

.p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordList .p_headerKeyWordListItem a {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  text-decoration: underline
}

.p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordList .p_headerKeyWordListItem:hover a {
  color: #b5a299
}

.p_footerWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}

.p_footerScrollTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 9999;
  width: 72px;
  height: 72px;
  cursor: pointer
}

.p_footerSpecialWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 0 30px 0;
  background: #fff;
  display: inline-block;
  min-width: 100%
}

.p_footerSpecialWrap .p_footerSpecial {
  width: 1100px;
  margin-right: auto;
  margin-left: auto
}

.p_footerSpecialWrap .p_footerSpecial .p_footerSpecialTitle {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 26px;
  font-size: 2.3rem;
  color: #451700;
  background: url("/assets/static/common/img/bg_title_line_thin.png") no-repeat 170px 50%
}

.p_footerSpecialWrap .p_footerSpecial .p_footerSpecialTitle_2 {
font-family: fot-tsukuardgothic-std, sans-serif;
font-style: normal;
font-weight: 700;
margin-bottom: 26px;
font-size: 2.3rem;
color: #451700;
background: url("/assets/static/common/img/bg_title_line_thin.png") no-repeat 725px 50%;
}

.p_footerSpecialWrap .p_footerSpecial .p_footerSpecialBanners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p_footerSpecialWrap .p_footerSpecial .p_footerSpecialBanners img{
  max-width: none;
}

.p_footerSpecialWrap .p_footerSpecial .p_footerSpecialBanners .p_footerSpecialBannerItem {
  width: 355px;
  margin-right: 12px;
  margin-bottom: 12px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_footerSpecialWrap .p_footerSpecial .p_footerSpecialBanners .p_footerSpecialBannerItem:hover {
  opacity: 0.8
}

.p_footerSpecialWrap .p_footerSpecial .p_footerSpecialBanners .p_footerSpecialBannerItem:nth-child(3n) {
  margin-right: 0
}

.p_footerGuidWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 0 20px 0;
  background: #f7f2e8;
  display: inline-block;
  min-width: 100%
}

.p_footerGuidWrap .p_footerGuidHeading {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  height: 50px;
  font-size: 3.2rem;
  line-height: 50px;
  color: #451700;
  text-align: center;
  background: #e6dbc9;
  border-radius: 25px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.p_footerGuidWrap .p_footerGuidCardWrap {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 12px
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 356px;
  height: 244px;
  padding: 15px 18px;
  background: #fff;
  border: solid 2px #e6dbc9;
  border-radius: 8px
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard dl dt {
  margin-bottom: 4px;
  font-size: 2.4rem;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard dl dd {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.4;
  color: #451700;
  letter-spacing: -0.1rem
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard .m_button-primary {
  position: absolute;
  bottom: 12px;
  left: calc(50% - 87px);
  width: 174px
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard:nth-child(1) {
  background: url("/assets/static/common/img/icon_guido1.png") no-repeat 243px 20px #fff;
  background-size: 94px 50px
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard:nth-child(2) {
  background: url("/assets/static/common/img/icon_guido2.png") no-repeat 254px 16px #fff;
  background-size: 75px 59px
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard:nth-child(3) {
  background: url("/assets/static/common/img/icon_guido3.png") no-repeat 280px 16px #fff;
  background-size: 54px 56px
}

.p_footerFlowWrap {
  display: inline-block;
  min-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 320px;
  padding: 50px 0 0 0;
  background: url("/assets/static/common/img/bg_footer_flow.png") repeat-x center top
}

.p_footerFlowWrap .p_footerFlowInner {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlowArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 225px;
  height: 238px;
  background: url("/assets/static/common/img/bg_flow.png") no-repeat center top;
  background-size: 100%
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlowArrow p {
  font-size: 2.9rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  text-align: center
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlowArrow p span {
  display: block;
  margin-top: 20px;
  font-size: 1.6rem
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 420px;
  height: 238px;
  padding: 20px 16px 0;
  background: #fff;
  border-radius: 8px
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow .p_footerFlowIcon {
  position: absolute;
  top: -22px;
  left: 50%;
  width: 44px;
  margin-left: -22px
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dt {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ee7300;
  text-align: center
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd {
  font-size: 1.5rem
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowNumber {
  width: 390px;
  margin: 10px auto 17px
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowSubNumber {
  width: 308px;
  margin: 8px auto 0
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowButton {
  width: 384px;
  height: 57px;
  margin-top: 20px;
  line-height: 57px;
  background: url("/assets/static/common/img/icon_round_arrow_white.png") no-repeat #ee7300;
  background-position: 350px center;
  background-size: 15px;
  border: solid 1px #ee7300;
  border-radius: 16px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowButton a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding-left: 56px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowButton a span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 34px;
  background: url("/assets/static/common/img/icon_fukidashi_white.png") no-repeat left center;
  background-size: 25px 20px
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowButton:hover {
  background: url("/assets/static/common/img/icon_round_arrow_orange.png") no-repeat #fff;
  background-position: 350px center;
  background-size: 15px
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowButton:hover a {
  color: #ee7300
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowButton:hover a span {
  background: url("/assets/static/common/img/icon_fukidashi_orange.png") no-repeat left center;
  background-size: 25px 20px
}

.p_footerNavWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 26px 0 5px 0
}

.p_footerNavWrap .p_footerNavInner {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p_footerNavWrap .p_footerNavInner .p_footerSeriesNavWrap {
  width: 665px
}

.p_footerNavWrap .p_footerNavInner .p_footerSeriesNavWrap .p_footerSeriesNavHeading {
  font-size: 1.8rem;
  font-weight: bold;
  color: #451700;
  text-indent: -1rem
}

.p_footerNavWrap .p_footerNavInner .p_footerSeriesNavWrap .p_footerSeriesNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p_footerNavWrap .p_footerNavInner .p_footerSeriesNavWrap .p_footerSeriesNav .p_footerSeriesNavItem {
  width: 50%;
  margin-top: 15px
}

.p_footerNavWrap .p_footerNavInner .p_footerSeriesNavWrap .p_footerSeriesNav .p_footerSeriesNavItem a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 33px;
  font-size: 1.7rem;
  color: #451700;
  background: url("/assets/static/common/img/icon_round_arrow_orange.png") no-repeat left center;
  background-size: 15px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_footerNavWrap .p_footerNavInner .p_footerSeriesNavWrap .p_footerSeriesNav .p_footerSeriesNavItem:hover a {
  color: #b5a299;
  background: url("/assets/static/common/img/icon_round_arrow_red.png") no-repeat left center;
  background-size: 15px
}

.p_footerNavWrap .p_footerNavInner .p_footerSomeNavWrap {
  width: 445px
}

.p_footerNavWrap .p_footerNavInner .p_footerSomeNavWrap .p_footerSomeNavHeading {
  font-size: 1.8rem;
  font-weight: bold;
  color: #451700;
  text-indent: -1rem
}

.p_footerNavWrap .p_footerNavInner .p_footerSomeNavWrap .p_footerSomeNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p_footerNavWrap .p_footerNavInner .p_footerSomeNavWrap .p_footerSomeNav .p_footerSomeNavItem {
  width: 50%;
  margin-top: 15px
}

.p_footerNavWrap .p_footerNavInner .p_footerSomeNavWrap .p_footerSomeNav .p_footerSomeNavItem a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 33px;
  font-size: 1.7rem;
  color: #451700;
  background: url("/assets/static/common/img/icon_round_arrow_orange.png") no-repeat left center;
  background-size: 15px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_footerNavWrap .p_footerNavInner .p_footerSomeNavWrap .p_footerSomeNav .p_footerSomeNavItem:hover a {
  color: #b5a299;
  background: url("/assets/static/common/img/icon_round_arrow_red.png") no-repeat left center;
  background-size: 15px
}

.p_footerNavWrap .p_footerSNSWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 1100px;
  margin-right: auto;
  margin-bottom: 12px;
  margin-left: auto
}

.p_footerNavWrap .p_footerSNS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 360px;
  padding-right: 2%
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem {
  display: block;
  width: 48px;
  height: 48px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem a {
  display: block;
  width: 100%;
  height: 100%
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem:nth-child(1) {
  background: url("/assets/static/common/img/icon_sns_ig_dark.png") no-repeat center;
  background-size: 48px
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem:nth-child(2) {
  background: url("/assets/static/common/img/icon_sns_fb_dark.png") no-repeat center;
  background-size: 48px
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem:nth-child(3) {
  background: url("/assets/static/common/img/icon_sns_yt_dark.png") no-repeat center;
  background-size: 48px
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem:nth-child(4) {
  background: url("/assets/static/common/img/icon_sns_line_dark.png") no-repeat center;
  background-size: 48px
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem:hover:nth-child(1) {
  background: url("/assets/static/common/img/icon_sns_ig_dark_on.png") no-repeat center;
  background-size: 48px
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem:hover:nth-child(2) {
  background: url("/assets/static/common/img/icon_sns_fb_dark_on.png") no-repeat center;
  background-size: 48px
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem:hover:nth-child(3) {
  background: url("/assets/static/common/img/icon_sns_yt_dark_on.png") no-repeat center;
  background-size: 48px
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem:hover:nth-child(4) {
  background: url("/assets/static/common/img/icon_sns_line_dark_on.png") no-repeat center;
  background-size: 48px
}

.p_footerSubNavWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 0 17px 0;
  background: url("/assets/static/common/img/bg_footer_line.png") repeat-x left top;
  display: inline-block;
  min-width: 100%
}

.p_footerSubNavWrap .p_footerSubNavInner {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSubNavHeading {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 192px
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSubNavHeading span {
  display: inline-block;
  margin-top: 10px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #000
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap {
  width: 80%
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav:last-child {
  margin-bottom: 0
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem {
  position: relative;
  padding: 0 15px
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem::after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: 100%;
  content: '';
  background: #451700
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem:last-child::after {
  display: none
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem a {
  font-size: 1.4rem;
  color: #451700;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem:hover a {
  color: #b5a299
}

.p_footerSubNavWrap .p_footerGuaranteeNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1100px;
  margin: 0 auto 24px
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem {
  width: 30%;
  margin-right: 5%;
  color: #000
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem:last-child {
  margin-right: 0
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem dt {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem dd {
  margin-left: 10px;
  font-size: 1.0rem
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem:nth-child(1) dt {
  width: 70px
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem:nth-child(2) dt {
  width: 115px
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem:nth-child(3) dt {
  width: 110px
}

.p_footerCopyRight {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  display: inline-block;
  min-width: 100%;
  line-height: 36px;
  text-align: center;
  background: url("/assets/static/common/img/bg_copyright.jpg") repeat-x left top
}

.p_footerCopyRight small {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  font-size: 1.2rem;
  color: #fff
}

.topPage {
  min-width: 1100px
}

.topPageHero {
  width: 100%;
  background: #fff
}

.topPageHero .topPageHeroKv {
  width: 100%;
  min-width: 1100px;
  overflow: hidden
}

.topPageHero .topPageHeroKv img {
  width: 110%;
  max-width: none;
  margin-left: -5% !important;
}

.topPageHero .topPageHeroItemsWrap {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1145px;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 28px 21px;
  margin: -82px auto 0;
  background: url("/assets/static/index/img/top_hero_item_bg.webp") no-repeat center top
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsTitle {
  width: 98%;
  margin: 0 auto;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsTitle:hover {
  opacity: 0.8
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 21px
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem {
  width: 25%;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem .topPageHeroItemHead {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.0rem;
  line-height: 1.4;
  color: #451700;
  text-align: center
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem a {
  display: block;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem a:hover {
  opacity: 0.8
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem .topPageHeroItemBody {
  width: 95%;
  margin-left: 6%
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem .topPageHeroItemButton {
  position: relative;
  z-index: 2;
  width: 237px;
  height: 44px;
  margin-top: -15px;
  font-size: 2.0rem;
  line-height: 44px;
  color: #fff;
  text-align: center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem .topPageHeroItemButton a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2.0rem;
  line-height: 44px;
  color: #fff;
  text-align: center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem:nth-child(1) .topPageHeroItemButton {
  background: url("/assets/static/index/img/top_hero_item1_title_bg.webp") no-repeat center top;
  background-size: 100%
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem:nth-child(2) .topPageHeroItemButton {
  background: url("/assets/static/index/img/top_hero_item2_title_bg.webp") no-repeat center top;
  background-size: 100%
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem:nth-child(3) .topPageHeroItemButton {
  background: url("/assets/static/index/img/top_hero_item3_title_bg.webp") no-repeat center top;
  background-size: 100%
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem:nth-child(4) .topPageHeroItemButton {
  background: url("/assets/static/index/img/top_hero_item4_title_bg.webp") no-repeat center top;
  background-size: 100%
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsButton {
  width: 237px;
  margin: 10px auto 0px
}

.topPageHeroBird {
  position: absolute;
  bottom: 80px;
  left: -60px;
  z-index: 2;
  width: 74px;
  height: 71px
}

.topPageHero .topPageHeroBannerWrap {
  width: 100%;
  height: 585px;
  background: url("/assets/static/index/img/top_hero_bottom.webp") no-repeat center bottom;
  background-size: cover;
  min-width: 1100px
}

.topPageHero .topPageHeroBannerWrap .topPageHeroBanner {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 70px
}

.topPageHero .topPageHeroBannerWrap .topPageHeroBanner .m_button-primary {
  position: absolute;
  right: 30px;
  bottom: 25px;
  width: 174px
}

.topPageHeroPanels {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 491px;
  max-width: 1145px;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 25px;
  margin: -82px auto 0;
  background: url("/assets/static/index/img/top_hero_item_bg.webp") no-repeat center top
}

.topPageHeroPanels__title {
  margin-bottom: 25px
}

.topPageHeroPanels__bird {
  left: -70px
}

.topPageHeroPanels__panels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 25px
}

.topPageHeroPanels__panel {
  width: 100%;
  height: auto;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageHeroPanels__panel:hover {
  opacity: 0.8
}

.topPageLineUp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 70px 0 215px
}

.topPageLineUp .topPageLineUpTitleWrap {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px
}

.topPageLineUp .topPageLineUpTitleWrap .topPageLineUpTitle {
  width: 1100px;
  height: 77px;
  text-align: center;
  background: url("/assets/static/index/img/top_lineup_title_bg.webp") no-repeat center top;
  background-size: 100%
}

.topPageLineUp .topPageLineUpTitleWrap .topPageLineUpTitle span {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 4.0rem;
  line-height: 72px;
  color: #fff;
}

.topPageLineUp .topPageLineUpTitleWrap .topPageLineUpRead {
  margin-top: 8px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.topPageLineUp .topPageLineUpSlideWrap {
  position: relative;
  width: 100%;
  min-width: 1100px;
  margin-bottom: 35px
}

.topPageLineUp .topPageLineUpSlideWrap .topPageLineUpSlidePrev {
  position: absolute;
  top: calc(50% - 34px);
  left: 26%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageLineUp .topPageLineUpSlideWrap .topPageLineUpSlideNext {
  position: absolute;
  top: calc(50% - 34px);
  right: 26%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageLineUp .topPageLineUpSlideWrap .swiper-slide {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageLineUp .topPageLineUpSlideWrap .swiper-slide:hover {
  opacity: 0.8
}

.topPageLineUp .topPageLineUpSlideWrap .swiper-paginationr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px
}

.topPageLineUp .topPageLineUpSlideWrap .swiper-paginationr .swiper-pagination-bullet-active {
  background: #ee7300
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingTitle {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 8px;
  text-align: center;
  background: url("/assets/static/common/img/bg_title_line_thin.png") repeat-x bottom left
}

/* .topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingTitle span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 52px;
  font-size: 4.1rem;
  color: #451700;
  letter-spacing: 0.1rem;
  background: url("/assets/static/common/img/icon_crown.png") no-repeat center left;
  background-size: 43px 28px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
} */

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox {
  position: relative;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingPrev {
  position: absolute;
  top: calc(50% - 34px);
  left: 0%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingNext {
  position: absolute;
  top: calc(50% - 34px);
  right: 0%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageLineUp .topPageLineUpRankingWrap .swiper-paginationr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -20px;
  margin-bottom: 20px
}

.topPageLineUp .topPageLineUpRankingWrap .swiper-paginationr .swiper-pagination-bullet-active {
  background: #ee7300
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  margin-bottom: 40px
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .swiper-slide {
  height: auto;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .swiper-slide:hover {
  opacity: 0.8
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 418px;
  padding: 40px 20px;
  background: #fff
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemNum {
  position: absolute;
  top: -20px;
  left: 7px;
  width: 90px;
  height: 58px
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemImage {
  width: 80%;
  margin: 0 auto
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemInfo {
  color: #451700;
  text-align: center
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemInfo dt {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 2rem;
  background: url("/assets/static/common/img/bg_name_line.png") repeat-x bottom left
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemInfo dd {
  padding-top: 10px;
  font-size: 2.2rem;
  font-weight: bold
}

.topPageLineUp .topPageLineUpItemsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 70px;
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem {
  width: 263px;
  margin-top: 20px
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem a {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem a:hover {
  opacity: 0.8
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem:nth-child(n+6) {
  margin-top: 60px
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead {
  position: relative;
  height: 51px;
  width: 263px;
  margin-bottom: 22px
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead.Retreat {
  margin-top: -18px
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead__image {
  width: 100%;
  height: 100%
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead__text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 2.0rem
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody {
  height: 330px;
  background: #fff
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 0 10px 0
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody .topPageLineUpItemBodyImage {
  width: 73%;
  margin: 0 auto
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody .topPageLineUpItemBodyName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #451700;
  text-align: center
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .m_button-primary {
  width: 224px;
  margin: 17px auto 0
}

.topPageAozora {
  background: #fff
}

.topPageAozora .topPageAozoraTitleWrap {
  position: relative;
  height: 128px;
  background: url("/assets/static/index/img/top_aozora_head_line.webp") repeat-x left 10px
}

.topPageAozora .topPageAozoraTitleWrap .topPageAozoraTitleObj {
  position: absolute;
  top: -100px;
  left: 20%;
  width: 202px;
  height: 161px
}

.topPageAozora .topPageAozoraTitleWrap .topPageAozoraTitle {
  position: absolute;
  top: -144px;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 312px;
  height: 312px;
  margin-left: -156px;
  text-align: center;
  background: url("/assets/static/index/img/top_aozora_head_logo.webp") no-repeat center;
  background-size: 100%
}

.topPageAozora .topPageAozoraTitleWrap .topPageAozoraTitle h2 {
  padding-top: 20px;
  font-size: 3.2rem;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2rem;
}

.topPageAozora .topPageAozoraItemWrap {
  position: relative;
  padding-bottom: 110px;
  background: url("/assets/static/index/img/top_aozora_card_bg.webp") repeat-x bottom center
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraPrev {
  position: absolute;
  top: calc(50% - 34px);
  left: 33%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraNext {
  position: absolute;
  top: calc(50% - 34px);
  right: 34%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageAozora .topPageAozoraItemWrap .swiper-container {
  margin-left: -2%
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1365px;
  margin: 0 auto;
  margin-left: -2%
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px;
  padding-bottom: 35px;
  -webkit-transform: scale(0.85) !important;
  transform: scale(0.85) !important;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem.swiper-slide-next {
  margin-left: 2%
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem.swiper-slide-prev {
  margin-right: 2%
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem.swiper-slide-active {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemNewsIcon {
  position: absolute;
  top: 14px;
  left: 0;
  z-index: 2;
  width: 86px;
  height: 40px;
  pointer-events: none;
  background: url("/assets/static/index/img/top_aozora_new_icon.webp") no-repeat center;
  background-size: 100%
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 30px 20px;
  color: #451700;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody dt {
  margin-bottom: 8px;
  font-size: 1.9rem;
  font-weight: bold
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody dd {
  font-size: 1.7rem;
  line-height: 1.9
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody dd .m_button-primary {
  margin-top: 27px
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody .topPageAozoraItemBodyCat {
  position: absolute;
  top: -17px;
  width: auto;
  height: 34px;
  padding: 0 13px;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 34px;
  color: #fff;
  text-align: center;
  background: url("/assets/static/index/img/top_aozora_cat_bg_a.webp")
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody .topPageAozoraItemBodyCat.CatA {
  background: url("/assets/static/index/img/top_aozora_cat_bg_a.webp")
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody .topPageAozoraItemBodyCat.CatB {
  background: url("/assets/static/index/img/top_aozora_cat_bg_b.webp")
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody .topPageAozoraItemBodyCat.CatC {
  background: url("/assets/static/index/img/top_aozora_cat_bg_c.webp")
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .m_button-primary {
  width: 174px;
  margin: 0 auto
}

.topPageNews {
  position: relative;
  z-index: 2;
  margin-top: -40px
}

.topPageNews .topPageNewsListWrap {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 76px 0 160px 0;
  background: url("/assets/static/index/img/top_nesw_list_bg.webp") repeat-x
}

.topPageNews .topPageNewsListWrap::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400px;
  content: '';
  background: url("/assets/static/index/img/top_nesw_list_bg.webp") repeat-x bottom center
}

.topPageNews .topPageNewsListWrap .topPageNewsListUnderCover {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 70px;
  background: url("/assets/static/index/img/top_nesw_list_bg_cover.webp") repeat-x
}

.topPageNews .topPageNewsListWrap .topPageNewsListObj {
  position: absolute;
  bottom: -10px;
  left: 8%;
  z-index: 4;
  width: 130px
}

.topPageNews .topPageNewsListWrap .topPageNewsListObj:nth-child(3) {
  position: absolute;
  bottom: 6px;
  left: 17.5%;
  z-index: 4;
  width: 127px
}

.topPageNews .topPageNewsListWrap .topPageNewsListObj:nth-child(4) {
  position: absolute;
  right: 14%;
  bottom: 10px;
  left: unset;
  z-index: 1;
  width: 213px
}

.topPageNews .topPageNewsListWrap .topPageNewsListObj:nth-child(5) {
  position: absolute;
  right: 9%;
  bottom: 0px;
  left: unset;
  z-index: 4;
  width: 90px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1100px;
  margin-right: auto;
  margin-left: auto
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListTitle .topPageNewsListTitleBody {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 3.2rem;
  color: #fff
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListTitle .m_button-primary {
  width: 174px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew {
  width: 504px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListTitle {
  margin-bottom: 18px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListTitleBody {
  width: 227px;
  height: 70px;
  padding-top: 7px;
  text-align: center;
  background: url("/assets/static/index/img/top_news_bard1.webp") no-repeat bottom center;
  background-size: 100%;
  letter-spacing: 0.2rem;
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListNewItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 0;
  background: url("/assets/static/index/img/top_news_llist_item_bg.webp") no-repeat bottom center
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListNewItem a {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  color: #fff
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListNewItem:hover a {
  color: #c8ad67
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListNewItem dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListNewItem dl dt {
  padding-right: 25px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListNewItem dl dd {
  line-height: 1.4
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq {
  position: relative;
  z-index: 2;
  width: 542px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListTitleBody {
  width: 251px;
  height: 70px;
  padding-top: 7px;
  text-align: center;
  background: url("/assets/static/index/img/top_news_bard2.webp") no-repeat bottom center;
  background-size: 100%;
  letter-spacing: 0.2rem;
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem {
  margin-bottom: 14px;
  background: #fff;
  border-radius: 6px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem:hover {
  background: #165939
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem:hover a {
  color: #fff
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem:hover a::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem:hover span {
  background: url("/assets/static/common/img/icon_faq_on.png") no-repeat center left;
  background-size: 28px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem a {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 20px 10px 18px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #165939
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem a::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  border-top: solid 2px #165939;
  border-right: solid 2px #165939;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem a span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0px 0 40px;
  background: url("/assets/static/common/img/icon_faq.png") no-repeat center left;
  background-size: 28px
}

.topPageSNS {
  padding-top: 100px;
  padding-bottom: 70px;
  margin-top: -30px;
  background: #fff
}

.topPageSNS .topPageSNSContent {
  width: 1100px;
  margin-right: auto;
  margin-left: auto
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 70px;
  padding: 0 37px;
  margin-bottom: 24px;
  line-height: 70px;
  background: url("/assets/static/common/img/bg_top_sns_bar.png") repeat-x;
  background-size: 100%
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap .topPageSNSTitle {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.8rem;
  color: #fff;
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap .topPageSNSTitleSNS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap .topPageSNSTitleSNS li {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  width: 40px;
  margin-left: 20px
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap .topPageSNSTitleSNS li:hover {
  opacity: 0.8
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap .topPageSNSTitleSNS li a {
  display: block;
  width: 100%;
  height: 100%
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap .topPageSNSTitleSNS li img {
  vertical-align: middle
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem {
  width: 170px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem a {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem a:hover {
  opacity: 0.8
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem .topPageSNSPhotoItemButton {
  margin-top: 8px;
  text-align: center
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem .topPageSNSPhotoItemButton a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: -0.1rem;
  background: #000;
  border-radius: 4px
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem .topPageSNSPhotoItemButton span {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  background: url("/assets/static/index/img/top_sns_blank_link.svg") no-repeat 95% center;
  background-size: 12px
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem .topPageSNSPhotoItemButton.Instagram a {
  background: #7c1b54
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem .topPageSNSPhotoItemButton.YouTube a {
  background: #92120d
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem .topPageSNSPhotoItemButton.FaceBook a {
  background: #114490
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem .topPageSNSPhotoItemButton.Line a {
  background: #3d763d
}

.itemDetailPageHeadBanner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0;
  background: #fff
}

.itemDetailPageHeadBanner .itemDetailPageHeadBannerInner,.itemDetailPageHeadBanner2 .itemDetailPageHeadBannerInner {
  width: 728px;
  margin: 0 auto;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.itemDetailPageHeadBanner .itemDetailPageHeadBannerInner:hover {
  opacity: .5
}

.itemDetailPageHeadBanner2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0;
  background: #fff
}

.itemDetailPageHeadBanner2 .itemDetailPageHeadBannerInner .cpBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.itemDetailPageHeadBanner2 .itemDetailPageHeadBannerInner .cpBannerItem {
  width: 358px;
  height: 95px;
  margin-right: 12px;
}

.itemDetailPageHeadBanner2 .itemDetailPageHeadBannerInner .cpBannerItem:last-child {
  margin-right: 0
}

.itemDetailPageHeadBanner2 .itemDetailPageHeadBannerInner .cpBannerItem:hover {
  opacity: .5
}

.itemDetailContent {
  padding-bottom: 90px
}

.itemDetailHeadItem {
  margin-top: -25%
}

@media only screen and (max-width: 1400px) {
  .itemDetailHeadItem {
    margin-top: -24%
  }
}

@media only screen and (max-width: 1200px) {
  .itemDetailHeadItem {
    margin-top: -23%
  }
}

/* ReviewHeader をカード内に追加した場合、ヒーロー画像のテキスト/ブランド領域と被らないようカード全体を下にシフト */
.itemDetailHeadItem.has-review-header {
  margin-top: -18%
}

@media only screen and (max-width: 1200px) {
  .itemDetailHeadItem.has-review-header {
    margin-top: -20%
  }
}

.itemDetailRecommend {
  margin-top: 70px
}

.itemDetailRecommend .itemDetailRecommendTitle {
  position: relative;
  z-index: 2
}

.itemDetailRecommend .itemDetailRecommendList {
  margin-top: -20px
}

.itemDetailTabMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 120px
}

.itemDetailTabMenu .itemDetailTabMenuItem {
  width: 266px;
  height: 91px;
  margin-right: 11px;
  text-align: center;
  background: url("/assets/static/common/img/bg_item_tab_menu.png") no-repeat center left;
  background-size: cover;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.itemDetailTabMenu .itemDetailTabMenuItem:last-child {
  margin-right: 0
}

.itemDetailTabMenu .itemDetailTabMenuItem a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 91px;
  color: #451700
}

.itemDetailTabMenu .itemDetailTabMenuItem:hover {
  background: url("/assets/static/common/img/bg_item_tab_menu_on.png") no-repeat center left;
  background-size: cover
}

.itemDetailHistory {
  margin-top: 120px
}

.itemDetailFeature {
  margin-top: 120px
}

.itemDetailMaterial {
  margin-top: 120px
}

.itemDetailVoice {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 105px;
  padding-bottom: 100px;
  margin-top: 100px;
  background: #f5f0e4
}

.itemDetailVoice .itemDetailVoiceHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.itemDetailVoice .itemDetailVoiceHead .itemDetailVoiceHeadTitle {
  margin-bottom: 30px
}

.itemDetailVoice .itemDetailVoiceHead .itemDetailVoiceHeadInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 0 3%
}

.itemDetailVoice .itemDetailVoiceListWrap {
  margin-top: 60px
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListRead {
  height: 54px;
  margin: 26px 0 20px 0;
  line-height: 54px;
  text-align: center;
  background: url("/assets/static/common/img/bg_content_dark.jpg");
  border-radius: 54px
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListRead span {
  font-size: 3.0rem;
  color: #fff;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox {
  max-height: 770px;
  padding: 0 44px 0 44px;
  overflow-y: auto;
  background: #fff;
  border-radius: 20px
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 0;
  border-top: solid 2px #dcc8a3
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem:first-child {
  border-top: none
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem__side {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 143px;
  padding-right: 40px;
  background: url("/assets/static/common/img/bg_voice_line.png") repeat-y top right
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem__side span {
  display: block;
  width: 102px;
  height: 102px;
  margin: 0 auto;
  background: url("/assets/static/common/img/icon_voice_person.png") no-repeat center;
  background-size: cover
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem__side p {
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #451700;
  text-align: center;
  letter-spacing: -0.1rem
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem__body dt {
  margin-bottom: 6px;
  font-size: 2.3rem;
  font-weight: bold;
  color: #451700
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem__body dd {
  font-size: 1.7rem;
  line-height: 1.9;
  color: #451700
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem__body dd span {
  display: block;
  margin-top: 8px;
  font-size: 1.6rem
}

.itemDetailRegularService {
  margin-top: 100px
}

.itemDetailRegularServiceContent {
  margin-top: 60px;
  margin-bottom: 90px
}

.itemDetailRegularServiceFaq {
  margin-bottom: 40px
}

.itemDetailRegularServiceFaq:last-child {
  margin-bottom: 40px
}

.itemDetailDataWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px
}

.itemDetailDataWrap .itemDetailDataBox {
  width: 47.5%
}

.itemDetailDataWrap .itemDetailData {
  margin-bottom: 28px
}

.itemDetailDataWrap .itemDetailData .itemDetailDataTitle {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 10px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #451700
}

.itemDetailDataWrap .itemDetailData .itemDetailDataTitle::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #451700
}

.itemDetailDataWrap .itemDetailData .itemDetailDataBody {
  font-size: 1.7rem;
  color: #451700
}

.itemDetailDataWrap .itemDetailData .itemDetailDataBody p {
  margin-bottom: 8px
}

.itemDetailDataWrap .itemDetailData .itemDetailDataBody table {
  width: 100%;
  margin-bottom: 8px
}

.itemDetailDataWrap .itemDetailData .itemDetailDataBody table td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #451700
}

.itemDetailDataWrap .itemDetailData .itemDetailDataBody table td:nth-child(even) {
  background: #f9f5ed
}

.itemDetailDataWrap .itemDetailData .itemDetailDataBody table td:nth-child(odd) {
  background: #efe6d2
}

.itemDetailDataWrap .itemDetailData .itemDetailDataBody ul li {
  margin-bottom: 8px
}

.itemDetailRegularFaq {
  margin-top: 65px
}

.itemDetailRegularFaq .itemDetailRegularFaqList {
  margin-top: 40px
}

.itemDetailSeries {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff
}

.itemDetailSeriesContent {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 60px;
  margin-top: -5vw
}

.itemDetailSeriesContent .c_seriesCard {
  width: 542px
}

.itemDetailFukidashi.HeadSpace {
  margin-top: 85px
}

.itemDetailCommentary {
  margin-top: 85px
}

.itemDetailFigureWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px
}

.itemDetailFigureWrap .itemDetailFigureBox {
  width: 356px
}

.itemDetailFigureWrap .itemDetailFigureBox__title {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 27px;
  margin-bottom: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #451700
}

.itemDetailFigureWrap .itemDetailFigureBox__title.Thin {
  letter-spacing: -0.15rem
}

.itemDetailFigureWrap .itemDetailFigureBox__title::after {
  position: absolute;
  top: 5%;
  left: 0;
  display: block;
  width: 8px;
  height: 90%;
  content: '';
  background: #451700
}

.itemDetailFigureWrap .itemDetailFigureBox__body img {
  margin-bottom: 18px
}

.itemDetailFigureWrap .itemDetailFigureBox__body figcaption {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 0;
  font-size: 1.7rem;
  line-height: 1.9;
  color: #451700
}

.itemDetailVoiceFigure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.itemDetailVoiceFigure:nth-child(2) {
  margin-top: 45px
}

.itemDetailVoiceFigure__image {
  width: 50%
}

.itemDetailVoiceFigure__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-left: 12px
}

.itemDetailVoiceFigure__body p {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #451700
}

.itemDetailVoiceFigure__body div {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 4px;
  font-size: 2rem;
  color: #451700
}

.itemDetailVoiceFigure.Wide .itemDetailVoiceFigure__image {
  width: 35%
}

.itemDetailVoiceFigure.Wide .itemDetailVoiceFigure__body {
  width: 65%
}

.itemSeriesContent {
  padding-bottom: 90px
}

.itemSeriesListContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 72px 0 83px 0;
  background: #f9f5ed
}

.itemSeriesListTitle {
  margin-bottom: 18px
}

.itemSeriesList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.itemSeriesCardsContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 78px 0 0 0
}

.itemSeriesCardsContent .c_seriesCard {
  margin-top: 24px
}

.itemSeriesCardsContent.NoHead {
  padding: 40px 0 0 0
}

.itemSeriesCardsContent.NoHead .m_pageTitle-primary {
  width: 100%;
  margin-bottom: 20px
}

.itemSeriesCardsContent .itemSeriesTitle {
  width: 100%
}

.itemSeriesBannerContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 56px 0 0px 0
}

.itemSeriesBannerContent .itemSeriesBanner {
  width: 542px
}

.infoPageContent {
  padding-top: 65px;
  padding-bottom: 140px
}

.infoPageTitle {
  margin-bottom: 72px
}

.coursePageContent {
  padding-top: 65px;
  padding-bottom: 10px;
}

.coursePageTitle {
  margin-bottom: 45px
}

.courseExplainBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #fcfaf6;
  border: solid 2px #dcc8a3;
  border-radius: 8px
}

.courseExplainBox.WithPd {
  padding: 30px 0
}

.courseExplainBox.White {
  background: #fff
}

.courseSectionBodyTitleWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px
}

.courseSectionBodyTitle {
  height: 58px;
  font-size: 3.2rem;
  line-height: 58px;
  color: #fff;
  text-align: center;
  background: #ee7300;
  border-radius: 29px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.courseSectionBodyTitle span {
  display: inline-block;
  font-size: 4.0rem;
  color: #ffebb0
}

.courseSectionPrimaryWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 10px 0;
}

.courseSectionPrimary {
  margin-top: 45px
}

.courseSectionPrimary.Bottom {
  margin-top: -10px
}

.courseSectionPrimary .courseSectionPrimaryHead {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 28px 50px 40px;
  background: url("/assets/static/common/img/bg_content_orange.jpg")
}

.courseSectionPrimary .courseSectionPrimaryHead__read {
  position: relative;
  width: 674px;
  height: 57px;
  margin-bottom: 20px;
  font-size: 2.9rem;
  line-height: 57px;
  color: #451700;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.courseSectionPrimary .courseSectionPrimaryHead__read::after {
  position: absolute;
  bottom: -15px;
  left: 202px;
  width: 0;
  height: 0;
  content: '';
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 25px 25px 0 0px
}

.courseSectionPrimary .courseSectionPrimaryHead__title {
  position: relative;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 6.4rem;
  line-height: 1.1;
  color: #fff
}

.courseSectionPrimary .courseSectionPrimaryHead__title sup {
  position: absolute;
  top: -5px;
  left: 10rem;
  font-size: 1.2rem
}

.courseSectionPrimary .courseSectionPrimaryHead__title span {
  position: relative;
  z-index: 2;
  display: inline-block
}

.courseSectionPrimary .courseSectionPrimaryHead__title span::after {
  position: absolute;
  bottom: 2px;
  left: -5%;
  z-index: -1;
  display: block;
  width: 110%;
  height: 10px;
  content: '';
  background: url("/assets/static/common/img/bg_content_orange_dark.jpg")
}

.courseSectionPrimary .courseSectionPrimaryHead__note {
  position: absolute;
  top: 190px;
  right: 300px;
  font-size: 1.6rem;
  color: #fff;
  text-indent: -1.5rem
}

.courseSectionPrimary .courseSectionPrimaryHead__icon {
  position: absolute;
  top: 28px;
  right: 37px;
  width: 262px
}

.courseSectionPrimary .courseSectionPrimaryBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 33px 0
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 23px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.333%;
  padding: 0 25px;
  border-right: solid 2px #dcc8a3;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:last-child {
  border-right: none
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one .StarIcon {
  position: absolute;
  width: 45px;
  height: 45px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(1) .StarIcon:nth-child(4) {
  bottom: 25px;
  left: 40px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(1) .StarIcon:nth-child(5) {
  right: 40px;
  bottom: 60px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(2) .StarIcon:nth-child(4) {
  bottom: 110px;
  left: 25px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(2) .StarIcon:nth-child(5) {
  right: 40px;
  bottom: 40px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(3) .StarIcon:nth-child(4) {
  bottom: 55px;
  left: 40px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(3) .StarIcon:nth-child(5) {
  right: 40px;
  bottom: 50px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one .courseSectionPrimaryBody__oneArrow {
  width: 42px;
  height: 42px;
  margin: 16px auto 0;
  background: url("/assets/static/common/img/icon_round_arrow_white_down.png") no-repeat center;
  background-size: 40px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:hover .courseSectionPrimaryBody__oneArrow {
  width: 42px;
  height: 42px;
  margin: 16px auto 0;
  background: url("/assets/static/common/img/icon_round_arrow_orange_down.png") no-repeat center;
  background-size: 40px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon {
  width: 226px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon.Single {
  width: 90px;
  margin: 0 auto
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody {
  position: relative;
  margin-top: 4px;
  color: #451700;
  text-align: center
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dt {
  font-size: 2.6rem;
  font-weight: bold
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dt span {
  position: relative;
  display: inline-block
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dt span::after {
  position: absolute;
  top: 12%;
  right: -15px;
  width: 3px;
  height: 80%;
  content: '';
  background: #451700;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg)
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dt span::before {
  position: absolute;
  top: 12%;
  left: -15px;
  width: 3px;
  height: 80%;
  content: '';
  background: #451700;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg)
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dd {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 10px;
  font-size: 4.0rem;
  font-weight: bold;
  line-height: 1.3
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody {
  margin-top: 4px;
  color: #451700
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody dt {
  margin-bottom: 12px;
  font-size: 2.7rem;
  font-weight: bold
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody dt span {
  position: relative;
  z-index: 2;
  display: inline-block
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody dt span::before {
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 11px;
  content: '';
  background: #dcc8a3
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody dd {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 1.9rem;
  font-weight: bold
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody dd:last-child {
  margin-bottom: 0
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody dd.Note {
  font-size: 1.7rem;
  font-weight: normal
}

.courseSectionPrimaryPuls {
  position: relative;
  z-index: 3;
  width: 58px;
  height: 58px;
  margin: -10px auto 0
}

.courseSectionPrimaryPuls span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 14px;
  margin: -7px 0 0 0;
  background: #451700
}

.courseSectionPrimaryPuls span:nth-child(1) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.courseSectionSecondaryWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0px;
  /* background: #fcfaf6; */
}

.courseSectionSecondary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 90px;
  padding-bottom: 90px;
  background: url("/assets/static/common/img/bg_course_line.png") repeat-x bottom center
}

.courseSectionSecondary:first-child {
  padding-top: 0
}

.courseSectionSecondary:last-child {
  background: none
}

.courseSectionSecondary .courseSectionSecondaryHead {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px
}

.courseSectionSecondary .courseSectionSecondaryHead__fukidashi {
  width: 130px;
  margin-right: 12px
}

.courseSectionSecondary .courseSectionSecondaryHead__titleWrap {
  padding-top: 2rem
}

.courseSectionSecondary .courseSectionSecondaryHead__titleWrap.NoTop {
  padding-top: 0
}

.courseSectionSecondary .courseSectionSecondaryHead__titleWrap p {
  margin-top: 4px;
  font-size: 1.6rem;
  color: #451700
}

.courseSectionSecondary .courseSectionSecondaryHead__title {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.3;
  color: #451700
}

.courseSectionSecondary .courseSectionSecondaryHead__title span {
  display: block;
  font-size: 4.8rem;
  color: #a10000
}

.courseSectionSecondary .courseSectionSecondaryHead__icon {
  position: absolute;
  right: 0;
  width: 150px;
  margin-left: 30px
}

.courseSectionSecondary .courseSectionSecondaryBody .course1content {
  margin-top: 38px
}

.courseSectionSecondary .courseSectionSecondaryBody .course1content:first-child {
  margin-top: 0
}

.courseSectionSecondary .courseSectionSecondaryBody .course1content .course1contentHead {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.courseSectionSecondary .courseSectionSecondaryBody .course1content .course1contentHead dt {
  width: 130px
}

.courseSectionSecondary .courseSectionSecondaryBody .course1content .course1contentHead dd {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.8;
  color: #451700
}

.courseSectionSecondary .courseSectionSecondaryBody .course1content .course1contentBody {
  margin-top: -6px
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 900px;
  margin: 35px auto 0
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreIcon {
  width: 78px;
  margin-right: 15px
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dt {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  color: #a10000
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dt span {
  font-size: 3.2rem
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dt p {
  position: relative;
  z-index: 1;
  display: inline-block
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dt p::after {
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 10px;
  content: '';
  background: #dcc8a3
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dd {
  margin-top: 6px;
  font-size: 1.6rem;
  color: #451700
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content {
  margin-top: 45px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentHead {
  width: 225px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody {
  margin-top: -18px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 0 20px;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureWrap .course3contentFigure {
  width: 256px;
  margin: 0 6px;
  background: url("/assets/static/common/img/bg_content_dark.jpg")
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureWrap .course3contentFigure figure figcaption {
  height: 40px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 40px;
  color: #fff;
  text-align: center
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureList {
  margin-top: 20px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureList li {
  font-size: 1.6rem;
  color: #451700
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px 10px 15px;
  margin-top: 70px;
  background: #165939;
  border-radius: 10px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelHead {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 3.0rem;
  color: #fff;
  text-align: center
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyNumber {
  width: 558px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage {
  width: 502px;
  height: 125px;
  border: solid 1px #fff;
  border-radius: 8px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 20px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage a p {
  width: 100%;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage a div {
  margin-top: 4px;
  font-size: 1.5rem;
  color: #fff;
  text-align: right
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage a div span {
  padding-right: 20px;
  background: url("/assets/static/common/img/icon_round_arrow_green_dark.png") no-repeat center right;
  background-size: 15px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage:hover {
  background: #fff
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage:hover a p {
  color: #165939
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage:hover a div {
  color: #165939
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage:hover a div span {
  background: url("/assets/static/common/img/icon_round_arrow_green_dark_on.png") no-repeat center right;
  background-size: 15px
}

.courseSectionSecondary .courseTokutoku {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px
}

.courseSectionSecondary .courseTokutoku dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 428px;
  padding-right: 20px
}

.courseSectionSecondary .courseTokutoku dd {
  width: 650px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #451700
}

.courseSectionSecondary .courseHowToPointWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint dt {
  width: 58px;
  height: 58px;
  margin-right: 20px;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 58px;
  color: #fff;
  text-align: center;
  background: #a10000;
  border-radius: 50%;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint dd {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  color: #a10000
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint dd span {
  display: block;
  font-size: 1.7rem;
  color: #451700
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint dd small {
  display: block;
  font-size: 1.6rem;
  color: #451700
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPointGraph {
  margin-top: -140px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPointGraph img {
  padding-bottom: 10px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPointGraph p {
  font-size: 1.6rem;
  color: #451700;
  text-align: right
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPrice {
  margin-top: 25px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToStageUpArrow {
  width: 180px;
  margin: 25px auto 15px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToStageUp p {
  margin-top: 10px;
  font-size: 1.6rem;
  color: #451700;
  text-align: center
}

.courseSectionSecondary .courseSectionSecondaryButton {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 682px;
  height: 70px;
  margin: 60px auto 0;
  background: url("/assets/static/course/img/course_2_button_bg.png") no-repeat center;
  background-size: 100%;
  border: solid 2px #f8bc82;
  border-radius: 10px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.courseSectionSecondary .courseSectionSecondaryButton a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.courseSectionSecondary .courseSectionSecondaryButton p {
  font-size: 3.1rem;
  font-weight: bold;
  color: #fff
}

.courseSectionSecondary .courseSectionSecondaryButton .m_button-tertiary {
  width: 200px
}

.courseSectionSecondary .courseSectionSecondaryButton:hover {
  background: url("/assets/static/course/img/course_2_button_bg_on.png") no-repeat center;
  background-size: 100%
}

.courseLineUpWrap {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.courseLineUpWrap .courseLineUpTitle {
  width: 793px;
  margin: 0 auto
}

.courseLineUpWrap .courseLineUpList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 44px
}

.courseLineUpWrap .courseLineUpList .c_lineUpCard {
  margin-right: 16px;
  margin-bottom: 16px
}

.courseLineUpWrap .courseLineUpList .c_lineUpCard:nth-child(4n) {
  margin-right: 0
}

.faqPageContent {
  padding-top: 65px;
  padding-bottom: 60px
}

.faqPageTitle {
  margin-bottom: 70px
}

.faqSectionTitle {
  margin-bottom: 10px
}

.faqSection {
  margin-top: 60px
}

.faqTabButtonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.faqTabButton {
  width: 266px;
  height: 140px;
  margin-right: 12px;
  cursor: pointer;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.faqTabButton a {
  display: block;
  width: 100%;
  height: 100%
}

.faqTabButton:last-child {
  margin-right: 0
}

.faqTabButton.Item0 {
  background: url("/assets/static/faq/img/item_button_0.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item0:hover {
  background: url("/assets/static/faq/img/item_button_0_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item0.Act {
  background: none
}

.faqTabButton.Item0.Hover:hover {
  background: url("/assets/static/faq/img/item_button_0_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item1 {
  background: url("/assets/static/faq/img/item_button_1.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item1:hover {
  background: url("/assets/static/faq/img/item_button_1_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item1.Act {
  background: none
}

.faqTabButton.Item1.Hover:hover {
  background: url("/assets/static/faq/img/item_button_1_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item2 {
  background: url("/assets/static/faq/img/item_button_2.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item2:hover {
  background: url("/assets/static/faq/img/item_button_2_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item2.Act {
  background: none
}

.faqTabButton.Item2.Hover:hover {
  background: url("/assets/static/faq/img/item_button_2_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item3 {
  background: url("/faq/img/item_button_3.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item3:hover {
  background: url("/assets/static/faq/img/item_button_3_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Item3.Act {
  background: none
}

.faqTabButton.Item3.Hover:hover {
  background: url("/assets/static/faq/img/item_button_3_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat1 {
  background: url("/assets/static/faq/img/cat_button_1.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat1:hover {
  background: url("/assets/static/faq/img/cat_button_1_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat1.Act {
  background: url("/assets/static/faq/img/cat_button_1_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat2 {
  background: url("/assets/static/faq/img/cat_button_2.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat2:hover {
  background: url("/assets/static/faq/img/cat_button_2_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat2.Act {
  background: url("/assets/static/faq/img/cat_button_2_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat3 {
  background: url("/assets/static/faq/img/cat_button_3.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat3:hover {
  background: url("/assets/static/faq/img/cat_button_3_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat3.Act {
  background: url("/assets/static/faq/img/cat_button_3_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat4 {
  background: url("/assets/static/faq/img/cat_button_4.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat4:hover {
  background: url("/assets/static/faq/img/cat_button_4_on.png") no-repeat;
  background-size: cover
}

.faqTabButton.Cat4.Act {
  background: url("/assets/static/faq/img/cat_button_4_on.png") no-repeat;
  background-size: cover
}

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

.faqPageIntroduction__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 956px;
  height: 115px;
  padding: 20px 80px 25px 30px;
  background: url("/assets/static/faq/img/head_fukidashi.png") no-repeat center left;
  background-size: 100%
}

.faqPageIntroduction__body P {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  color: #451700
}

.faqPageIntroduction__body P span {
  color: #a10000
}

.faqPageIntroduction__icon {
  width: 132px
}

.faqItemSelectWrap {
  position: relative
}

.faqItemSelectWrap.Item0 {
  background: url("/assets/static/faq/img/item_bg_0.png") no-repeat;
  background-size: 100%
}

.faqItemSelectWrap.Item1 {
  background: url("/assets/static/faq/img/item_bg_1.png") no-repeat;
  background-size: 100%
}

.faqItemSelectWrap.Item2 {
  background: url("/assets/static/faq/img/item_bg_2.png") no-repeat;
  background-size: 100%
}

.faqItemSelectWrap.Item3 {
  background: url("/assets/static/faq/img/item_bg_3.png") no-repeat;
  background-size: 100%
}

.faqItemSelectWrap .faqItemSelectBody {
  display: none;
  margin-top: 36px;
  background: url("/assets/static/faq/img/item_bg_body.png") repeat-y;
  background-size: 100%
}

.faqItemSelectWrap .faqItemSelectBody.Act {
  display: block
}

.faqItemSelectWrap .faqItemSelectBody.Common {
  background: none
}

.faqItemSelectWrap .faqItemSelectBody .faqItemSelectItemBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 30px 0px
}

.faqItemSelectWrap .faqItemSelectBody .c_faqItemCard {
  margin-right: 20px;
  margin-bottom: 24px
}

.faqItemSelectWrap .faqItemSelectBody .c_faqItemCard:nth-child(4n) {
  margin-right: 0
}

.faqItemSelectWrap .faqItemSelectBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 5px;
  background: url("/assets/static/faq/img/item_bg_bottom.png") no-repeat center bottom #fff;
  background-size: 100%
}

.faqItemSelectWrap .faqItemSelectBottom.Hide {
  display: none
}

.faqCatFaqBody {
  display: none
}

.faqCatFaqBody.Act {
  display: block
}

.faqItemDetail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 24px 12px 24px;
  margin-top: 12px;
  background: #d6c18c;
  border: solid 2px #dfcd95;
  border-radius: 10px
}

.faqItemDetail .faqItemDetailInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 25px 10px 18px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 12px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 12px -4px rgba(0, 0, 0, 0.5)
}

.faqItemDetail__Body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.faqItemDetail__Body dt {
  width: 65px;
  margin-right: 25px
}

.faqItemDetail__Body dd {
  font-size: 2.8rem;
  font-weight: bold;
  color: #451700
}

.faqItemDetail__Back {
  margin-top: 16px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.faqItemDetail__Back a {
  display: inline-block;
  height: 34px;
  padding-left: 40px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 34px;
  color: #451700;
  background: url("/assets/static/common/img/icon_faq_back.png") no-repeat left center;
  background-size: 28px
}

.faqItemDetail__Back:hover {
  opacity: 0.8
}

.faqItemDetail .m_button-primary {
  width: 210px
}

.faqPageTelWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 13px 13px;
  margin-top: 52px;
  background: #009844;
  border-radius: 10px
}

.faqPageTelWrap .faqPageTelTitle {
  margin-bottom: 10px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

.faqPageTelWrap .faqPageTelBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.faqPageTelWrap .faqPageTelBody__Number {
  width: 406px
}

.faqPageTelWrap .faqPageTelBody__Fax {
  width: 406px
}

.faqPageTelWrap .faqPageTelBody__Form {
  width: 228px;
  background: url("/assets/static/faq/img/tel_3.png") no-repeat;
  background-size: 100%
}

.faqPageTelWrap .faqPageTelBody__Form a {
  display: block;
  width: 100%;
  height: 100%
}

.faqPageTelWrap .faqPageTelBody__Form:hover {
  background: url("/assets/static/faq/img/tel_3_on.png") no-repeat;
  background-size: 100%
}

.blogPage {
  padding-bottom: 60px;
  background: #fff
}

.blogDetailPageWrap {
  background: url("/assets/static/common/img/bg_content.jpg")
}

.blogPageWrap {
  padding-top: 225px;
  overflow: hidden;
  background: url("/assets/static/common/img/bg_content_blue.jpg")
}

.blogPageContent {
  position: relative;
  padding-bottom: 200px;
  background: #fff
}

.blogPageTitleWrap {
  position: relative;
  height: 130px;
  background: url("/assets/static/index/img/top_aozora_head_line.webp") repeat-x left 10px
}

.blogPageTitleWrap .blogPageTopObj1 {
  position: absolute;
  bottom: 80px;
  left: 13%;
  z-index: 4;
  width: 202px
}

.blogPageTitleWrap .blogPageTopObj2 {
  position: absolute;
  top: -160px;
  left: 30%;
  z-index: 4;
  width: 74px
}

.blogPageTitleWrap .blogPageBottomCloud1 {
  position: absolute;
  top: -160px;
  left: -4%;
  z-index: 2;
  width: 156px
}

.blogPageTitleWrap .blogPageBottomCloud2 {
  position: absolute;
  top: -100px;
  right: 15%;
  z-index: 2;
  width: 138px
}

.blogPageTitleWrap .blogPageBottomCloud3 {
  position: absolute;
  top: -200px;
  right: 0;
  z-index: 2;
  width: 105px
}

.blogPageTitleWrap .blogPageTitle {
  position: absolute;
  top: -144px;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 312px;
  height: 312px;
  margin-left: -156px;
  text-align: center;
  background: url("/assets/static/index/img/top_aozora_head_logo.webp") no-repeat center;
  background-size: 100%
}

.blogPageTitleWrap .blogPageTitle h2 {
  padding-top: 20px;
  padding-left: 10px;
  font-size: 3.4rem;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.blogPageBottomBG {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 427px;
  background: url("/assets/static/blog/img/bg_blog_content_bottom.jpg") repeat-x center bottom
}

.blogPageBottomBGCover {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 70px;
  background: url("/assets/static/blog/img/bg_blog_content_bottom_cover.png") repeat-x center bottom
}

.blogPageBottomObj3 {
  position: absolute;
  bottom: -10px;
  left: 8%;
  z-index: 4;
  width: 130px
}

.blogPageBottomObj4 {
  position: absolute;
  bottom: 10px;
  left: 16.5%;
  z-index: 4;
  width: 127px
}

.blogPageBottomObj5 {
  position: absolute;
  right: 14%;
  bottom: -43px;
  z-index: 1;
  width: 213px
}

.blogPageBottomObj6 {
  position: absolute;
  right: 8%;
  bottom: 20px;
  z-index: 4;
  width: 98px
}

.blogPageBody {
  position: relative;
  z-index: 3
}

.blogPageBody .blogThumCardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 87px
}

.blogPageBody .blogThumCard {
  width: 356px;
  margin-right: 16px;
  background: url("/assets/static/common/img/bg_content.jpg");
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.blogPageBody .blogThumCard:nth-child(3n) {
  margin-right: 0
}

.blogPageBody .blogThumCard:nth-child(n+4) {
  margin-top: 40px
}

.blogPageBody .blogThumCard a {
  color: #451700
}

.blogPageBody .blogThumCard:hover {
  opacity: 0.8
}

.blogPageBody .blogThumCard__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 26px
}

.blogPageBody .blogThumCard__body dt {
  margin-bottom: 10px;
  font-size: 1.9rem;
  font-weight: bold
}

.blogPageBody .blogThumCard__body dd {
  font-size: 1.7rem
}

.blogPageBody .m_button-quaternary {
  width: 174px;
  margin: 0 auto
}

.blogDetailSection {
  margin-bottom: 100px
}

.blogDetailSection__title {
  width: 100%
}

.blogDetailSection__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 93px;
  padding-left: 93px
}

.blogDetailUnderLine {
  position: relative;
  display: inline-block
}

.blogDetailUnderLine::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background: #ffc900
}

.blogDetailExpBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.blogDetailExpBox p {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 500px;
  margin-right: 55px;
  font-size: 1.9rem;
  line-height: 2.3;
  color: #451700
}

.blogDetailExpBox.Reverse {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.blogDetailExpBox.Reverse p {
  margin-right: 0;
  margin-left: 55px
}

.blogDetailExpInnerTextBox {
  position: relative
}

.blogDetailExpInnerTextBox p {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.9rem;
  line-height: 2.3;
  color: #451700
}

.blogRecipeHeadBanner {
  margin-top: 30px
}

.blogRecipeHead {
  margin-bottom: 60px
}

.blogRecipeHead .blogRecipeHeadRead {
  width: 730px;
  margin: 40px auto 0;
  font-size: 2.0rem;
  line-height: 2;
  color: #451700
}

.blogRecipeTheme {
  margin-bottom: 100px
}

.blogRecipeTheme .blogRecipeThemeRead {
  width: 914px;
  margin: 70px auto 0
}

.blogRecipeTheme .blogRecipeThemeRead dt {
  height: 56px;
  margin-bottom: 26px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 56px;
  color: #451700;
  text-align: center;
  background: #fff;
  border-radius: 8px
}

.blogRecipeTheme .blogRecipeThemeRead dd {
  font-size: 2.0rem;
  line-height: 2;
  color: #451700
}

.blogRecipeMaterial {
  margin-bottom: 70px
}

.blogRecipeMaterial .blogRecipeMaterialHead {
  width: 1370px;
  margin-left: -135px
}

.blogRecipeMaterial .blogRecipeMaterialBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 914px;
  padding: 46px 46px 72px;
  margin: 0 auto;
  background: #fff
}

.blogRecipeMaterial .blogRecipeMaterialImage {
  width: 438px;
  margin: -76px auto 0
}

.blogRecipeMaterial .blogRecipeMaterialListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox {
  width: 388px
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 1.8rem;
  color: #451700;
  background: url("/assets/static/blog/img/blog_recipe_line.png") no-repeat left bottom
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl.Child {
  position: relative;
  padding-left: 20px
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl.Child .Box {
  position: absolute;
  top: 28%;
  left: 0;
  display: block;
  width: 20px;
  height: 135%;
  background: #fff
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl.Child .Box span {
  display: block;
  width: 8px;
  height: 100%;
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-left: solid 1px
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl dt {
  letter-spacing: -0.1rem
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl dt small {
  display: block;
  font-size: 1.2rem
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl dd.Right {
  text-align: right
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl dd small {
  display: block;
  font-size: 1.2rem
}

.blogRecipeHow {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px;
  padding-bottom: 150px;
  background: #fff
}

.blogRecipeHow .blogRecipeHowHead {
  margin-bottom: 54px
}

.blogRecipeHow .blogRecipeHowStepWrap .blogRecipeHowStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  font-size: 2.0rem;
  line-height: 2;
  color: #451700
}

.blogRecipeHow .blogRecipeHowStepWrap .blogRecipeHowStep .blogRecipeHowStepNum {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 34px;
  margin-right: 16px;
}

.blogRecipeHow .blogRecipeHowStepWrap .blogRecipeHowStepImage {
  width: 524px;
  margin: 20px auto
}

.blogRecipeHow .blogRecipeHowStepWrap .blogRecipeHowStepImage--title {
  width: 524px;
  margin: 70px auto 60px auto
}

.blogRecipeHow .blogRecipeHowChoice {
  margin-top: 72px;
  border: solid 1px #dfcd95
}

.blogRecipeHow .blogRecipeHowChoice .blogRecipeHowChoicePoint {
  width: 300px;
  margin: -30px auto 0
}

.blogRecipeHow .blogRecipeHowChoice .blogRecipeHowChoiceRead {
  margin-top: 26px
}

.blogRecipeHow .blogRecipeHowChoice .blogRecipeHowChoiceText {
  padding: 20px 45px 40px;
  font-size: 1.8rem;
  color: #451700
}

.blogRecipeHow .blogRecipeHowArrange {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 169px 20% 60px;
  margin-top: 50px;
  background: url("/assets/static/blog/img/blog_arrange_bg.png") no-repeat center top
}

.blogRecipeHow .blogRecipeHowArrange .blogRecipeHowArrangeImage {
  position: relative;
  z-index: 2;
  width: 110%;
  margin-bottom: 40px;
  margin-left: -10%
}

.blogRecipeHow .blogRecipeHowArrange .blogRecipeHowArrangeRead {
  position: relative;
  z-index: 2;
  font-size: 2.0rem;
  line-height: 2;
  color: #fff
}

.blogRecipeHow .blogRecipeHowArrange .blogRecipeHowArrangeBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: url("/assets/static/blog/img/blog_arrange_bottom.png") repeat-y
}

.blogRecipeThink {
  padding-bottom: 90px
}

.blogRecipeThink .blogRecipeThinkHead {
  margin-top: -30px
}

.blogRecipeThink .blogRecipeThinkPerson {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 910px;
  margin: 48px auto 0
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonImage {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 52%;
  padding-right: 5%
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody {
  width: 48%
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody dl {
  font-weight: bold
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody dl dt {
  font-size: 2.0rem;
  color: #451700
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody dl dd {
  margin-top: 8px;
  font-size: 2.9rem;
  color: #451700
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody dl dd span {
  font-size: 2.2rem
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody p {
  margin-top: 30px;
  font-size: 2.0rem;
  color: #451700
}

.blogRecipeThink .blogRecipeThinkItem {
  margin-top: 90px
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 33px
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBodyLink {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 450px;
  padding: 20px;
  background: #fff;
  border: solid 2px #451700;
  border-radius: 8px
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBodyLink .blogRecipeThinkItemBodyLinkImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 140px;
  margin-right: 20px
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBodyLink .blogRecipeThinkItemBodyLinkText {
  font-size: 2rem;
  font-weight: bold;
  color: #451700
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBodyLink .blogRecipeThinkItemBodyLinkText .m_button-primary {
  width: 160px;
  margin-top: 20px
}

.blogDetailInnerFullWrap {
  background: #fff
}

.blogDetailInnerWide img {
  width: 130%;
  margin-left: -15%
}

.blogDetailInnerBiting {
  margin-top: -40px
}

.blogDetailInnerButton {
  position: relative
}

.blogDetailInnerButton .m_button-primary {
  position: absolute;
  right: 198px;
  bottom: 112px;
  width: 160px
}

.blogDetailInnerButton .blog001Button {
  bottom: 112px
}

.blogDetailInnerButton .blog002ButtonA {
  bottom: 330px
}

.blogDetailInnerButton .blog002ButtonB {
  bottom: 130px
}

.blogDetailInnerButton .blog003ButtonA {
  bottom: 313px
}

.blogDetailInnerButton .blog003ButtonB {
  bottom: 113px
}

.blogDetailInnerButton .blog005ButtonA {
  right: unset;
  bottom: 70px;
  left: 95px;
  width: 280px
}

.blogDetailItemWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 100px;
  padding-bottom: 100px;
  background: #fff
}

.blogDetailItemWrap .blogDetailIteTitle {
  height: 70px;
  margin-bottom: 48px;
  line-height: 70px;
  text-align: center
}

.blogDetailItemWrap .blogDetailItemContainer {
  position: relative
}

.blogDetailItemWrap .blogDetailPrev {
  position: absolute;
  top: calc(50% - 34px);
  left: 34%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.blogDetailItemWrap .blogDetailNext {
  position: absolute;
  top: calc(50% - 34px);
  right: 30%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.blogDetailItemWrap .blogDetailBack {
  width: 285px;
  margin: 42px auto 0
}

.blogDetailItemWrap .swiper-container {
  margin-left: -4%
}

.blogDetailItemWrap .blogDetailItemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px;
  padding-bottom: 35px;
  -webkit-transform: scale(0.85) !important;
  transform: scale(0.85) !important;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem.swiper-slide-next {
  margin-left: 2%
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem.swiper-slide-prev {
  margin-right: 2%
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem.swiper-slide-active {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemNewsIcon {
  position: absolute;
  top: 14px;
  left: 0;
  z-index: 2;
  width: 86px;
  height: 40px;
  pointer-events: none;
  background: url("/assets/static/index/img/top_aozora_new_icon.webp") no-repeat center;
  background-size: 100%
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemBody {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 30px 20px;
  color: #451700;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemBody dt {
  margin-bottom: 8px;
  font-size: 1.9rem;
  font-weight: bold
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemBody dd {
  font-size: 1.7rem;
  line-height: 1.9
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemBody dd .m_button-primary {
  margin-top: 27px
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .m_button-primary {
  width: 174px;
  margin: 0 auto
}

.blog004Head {
  margin-bottom: 82px
}

.blog004Section1 .blogDetailSection__title {
  margin-bottom: 20px
}

.blog004Section1 .blogDetailSection__body .blogDetailExpBox:nth-child(1) p {
  margin-top: 36px
}

.blog004Section1 .blogDetailSection__body .blogDetailExpBox:nth-child(2) {
  margin-top: -80px
}

.blog004Section1 .blogDetailSection__body .blogDetailExpBox:nth-child(2) p {
  margin-bottom: 10px
}

.blog004Section1 .blogDetailSection__body .blogDetailExpInnerTextBox {
  margin-top: 30px
}

.blog004Section1 .blogDetailSection__body .blogDetailExpInnerTextBox p {
  top: 80px;
  left: 60px;
  width: 440px
}

.blog004Section2 .blogDetailSection__title {
  margin-bottom: 0px
}

.blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox p {
  top: 115px;
  left: 50%;
  width: 460px;
  margin-left: -230px
}

.blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox:nth-child(3) p {
  top: 0;
  left: 0;
  width: 100%;
  margin-left: 0
}

.blog004Section2 .blogDetailSection__body .blogDetailExpImageBox {
  margin-top: 30px;
  margin-bottom: 46px
}

.blog004Section4 .blogDetailSection__title {
  margin-bottom: 50px
}

.blog004Section4 .blogDetailExpInnerTextBox p {
  top: -30px;
  left: 50%;
  width: 730px;
  margin-left: -365px
}

.blogNinNikuHeadBanner {
  margin-top: 60px
}

.blogNinNikuBody {
  width: 910px;
  margin: 120px auto 0
}

.blogNinNikuHeadTitle {
  font-style: normal;
  font-weight: 400;
  padding-bottom: 36px;
  font-size: 3.8rem;
  font-weight: bold;
  color: #451700;
  background: url("/assets/static/blog/img/ninnikuline.png") no-repeat center bottom
}

.blogNinNikuHeadTitle span {
  font-size: 3.0rem
}

.blogNinNikuHeadProf {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 910px;
  height: 252px;
  padding: 30px;
  margin-top: 52px;
  background: url("/assets/static/blog/img/bg_profile.png") no-repeat center;
  background-size: 100% auto
}

.blogNinNikuHeadProf .blogNinNikuHeadProfImage {
  width: 24%
}

.blogNinNikuHeadProf .blogNinNikuHeadProfBody {
  width: 76%;
  padding: 20px
}

.blogNinNikuHeadProf .blogNinNikuHeadProfBody .blogNinNikuHeadProfBodyTitle {
  width: 90%
}

.blogNinNikuHeadProf .blogNinNikuHeadProfBody .blogNinNikuHeadProfBodyRead {
  margin-top: 16px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400
}

.blogNinNikuTextBox {
  margin-top: 56px;
  font-size: 1.8rem;
  line-height: 2;
  color: #451700
}

.blogNinNikuTextBox small {
  font-size: 1.6rem
}

.blogNinNikuTextBox .Bold {
  font-weight: bold
}

.blogNinNikuTextBox .Red {
  color: #a10000
}

.blogNinNikuTextBox .Blue {
  color: #00467A
}

.blogNinNikuImageBox {
  margin-top: 56px;
  text-align: center
}

.blogNinNikuImageBox.Size70 img {
  width: 70%
}

.blogNinNikuImageBox.Size80 img {
  width: 80%
}

.blogNinNikuFlexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 56px
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 57%;
  padding-right: 5%;
  font-size: 1.8rem;
  line-height: 2;
  color: #451700
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText small {
  font-size: 1.6rem
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText .Bold {
  font-weight: bold
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText .Red {
  color: #a10000
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText .Blue {
  color: #00467A
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxImage {
  width: 43%
}

.siteMapPage {
  min-width: 1100px
}

.siteMapPageContent {
  padding-top: 60px;
  padding-bottom: 60px
}

.siteMapPageTitle {
  margin-bottom: 45px
}

.siteMapSection {
  margin-bottom: 64px
}

.siteMapInnerSection {
  margin-bottom: 32px
}

.siteMapHeadBar {
  width: 100%;
  height: 57px;
  margin-bottom: 30px;
  line-height: 57px;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.siteMapHeadBar a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.siteMapHeadBar span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 50px;
  background: url("/assets/static/common/img/icon_sitemap.png") no-repeat left center;
  background-size: 34px
}

.siteMapHeadBar:hover {
  opacity: 0.8
}

.siteMapHeadBar.Nolink div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.siteMapHeadBar.Nolink:hover {
  opacity: 1
}

.siteMapMidBar {
  position: relative;
  margin-bottom: 15px
}

.siteMapMidBar.Half {
  width: 40%
}

.siteMapMidBar::after {
  position: absolute;
  bottom: 6px;
  left: 0;
  display: block;
  width: 100%;
  height: 6px;
  content: '';
  background: #dfcd95
}

.siteMapMidBar a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2.0rem;
  font-weight: bold;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.siteMapMidBar span {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0.5rem
}

.siteMapMidBar:hover {
  opacity: 0.8
}

.siteMapListList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.siteMapListList.NoFlex {
  display: block
}

.siteMapListList.NoFlex li {
  width: 100%
}

.siteMapListList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100%/ 3);
  padding: 0 10px;
  margin-bottom: 10px
}

.siteMapListList li a {
  font-size: 1.5rem;
  color: #451700;
  letter-spacing: -0.1rem;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.siteMapListList li:hover {
  text-decoration: underline
}

.siteMapListListInnerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.siteMapListListInnerBlock {
  width: 50%;
  margin-bottom: 20px
}

.siteMapListListInnerBlock p {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.campaignPage {
  min-width: 1100px
}

.campaignPageContent {
  padding-top: 60px;
  padding-bottom: 60px
}

.campaignPageTitle {
  margin-bottom: 45px
}

.campaignOneWrap {
  margin-top: 64px
}

.campaignOneWrap.New .campaignOneNew {
  display: block
}

.campaignPageHeadBar {
  width: 100%;
  padding: 10px 0;
  margin-bottom: 30px;
  background: #165939;
  border-radius: 6px
}

.campaignPageHeadBar a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.campaignPageHeadBar span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 50px;
  background: url("/assets/static/common/img/icon_grilic_white.png") no-repeat left center;
  background-size: 34px
}

.campaignPageHeadBar:hover {
  opacity: 0.8
}

.campaignOneBox .campaignOneBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0
}

.campaignOneBox .campaignOneBody .campaignOneImage {
  width: 40%;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.campaignOneBox .campaignOneBody .campaignOneImage:hover {
  opacity: 0.8
}

.campaignOneBox .campaignOneBody .campaignOneRead {
  width: 55%;
  margin-left: 4%;
  font-size: 1.5rem;
  line-height: 2;
  color: #000000
}

.campaignOneBox .campaignOneBody .campaignOneRead p {
  margin-bottom: 20px
}

.campaignOneBox .campaignOneBody .campaignOneRead span {
  font-weight: bold;
  color: #a10000
}

.campaignOneBox .campaignOneButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px 40px
}

.campaignOneBox .campaignOneButton .m_button-primary {
  width: 28%
}

.campaignOneNew {
  display: none;
  width: 50px;
  padding: 1px 15px;
  border-radius: 8px;
  background-color: #c40000;
  color: #fff;
  text-align: center;
  margin-bottom: 10px
}

.utilPageContent {
  padding-top: 65px;
  padding-bottom: 80px
}

.utilPageTitle {
  margin-bottom: 64px
}

.utilPageHeadBar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 30px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  background: #165939;
  border-radius: 6px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.utilPageHeadBar span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 50px;
  background: url("/assets/static/common/img/icon_grilic_white.png") no-repeat left center;
  background-size: 34px
}

.utilPageHeadBar span.NoIcon {
  padding-left: 0px;
  background: none
}

.cmBox:last-child {
  margin-top: 80px
}

.cmBox .cmHeadBanner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 4% 0px;
  background: #fff
}

.cmBox .cmHeadBanner .cmHeadBannerInner {
  width: 728px;
  margin: 0 auto;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1)
}

.cmBox .cmHeadBanner .cmHeadBannerInner:hover {
  opacity: .5
}

.cmBox .cmBoxRead {
  font-size: 1.6rem;
  color: #451700
}

.cmBox .cmBoxRead span {
  display: block;
  margin-top: 20px;
  font-size: 1.4rem
}

.cmBox .cmBoxVideo {
  width: 70%;
  margin: 40px auto 0
}

.cmBox .cmBoxVideoInner {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.cmBox .cmBoxVideo iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.privacyBox {
  margin-bottom: 80px
}

.privacyBox:last-child {
  margin-bottom: 0
}

.privacyBox .privacyBoxRead {
  font-size: 1.6rem;
  line-height: 2
}

.privacyBox .privacyBoxDL {
  margin-top: 36px
}

.privacyBox .privacyBoxDL dt {
  margin-bottom: 12px;
  font-size: 1.8rem;
  font-weight: bold
}

.privacyBox .privacyBoxDL dd {
  font-size: 1.6rem;
  line-height: 2
}

.privacyBox .privacyBoxDL dd .Bold {
  display: block;
  margin-top: 12px;
  font-weight: bold
}

.privacyBox .privacyBoxDL dd strong {
  display: block;
  margin-top: 32px;
  font-size: 1.8rem;
  font-weight: bold
}

.privacyBox .privacyBoxDL dd small {
  display: inline-block;
  margin-top: 12px;
  font-size: 1.4rem;
  line-height: 1.6
}

.privacyBox .privacyBoxDL dd ul {
  margin-top: 20px
}

.privacyBox .privacyBoxDL dd ul li {
  margin-left: 4.7rem;
  text-indent: -4.7rem
}

.privacyBox .privacyBoxDL dd ul li .InnerBox {
  padding: 20px;
  margin-left: -4.7rem;
  text-indent: 0rem
}

.privacyBox .privacyBoxDL dd table {
  margin-top: 16px;
  border: solid 1px #5c5c5c
}

.privacyBox .privacyBoxDL dd table th {
  width: 50%;
  padding: 20px;
  text-align: center;
  background: #d2d2d2;
  border: solid 1px #5c5c5c
}

.privacyBox .privacyBoxDL dd table td {
  padding: 20px;
  border: solid 1px #5c5c5c
}

.privacyBox .privacyBoxNote {
  margin-top: 36px;
  font-size: 1.6rem;
  line-height: 2
}

.privacyBox .privacyBoxNote.Right {
  text-align: right
}

.privacyBox a {
  color: #000;
  text-decoration: underline
}

.lowBox .lowBoxDL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  font-size: 1.8rem;
  border-bottom: dotted 1px #451700
}

.lowBox .lowBoxDL dt {
  width: 30%;
  font-weight: bold;
  color: #451700
}

.lowBox .lowBoxDL dd {
  width: 70%;
  font-size: 1.6rem;
  line-height: 2;
}

.lowBox .lowBoxDL dd img {
  vertical-align: top
}

.lowBox .lowBoxDL dd small {
  display: block;
  font-size: 1.4rem;
  line-height: 1.6
}

.lowBox .lowBoxDL dd strong {
  font-weight: bold;
  color: #165939
}

.lowBox .lowBoxDL dd a {
  color: #000;
  text-decoration: underline
}

.lowBox .lowBoxDL dd .lowBoxDLInner {
  padding: 0px 0 20px
}

.lowBox .lowBoxDL dd .lowBoxDLInner:last-child {
  padding: 0px 0 0px;
  border-bottom: none
}

.lowBox .lowBoxDL dd .lowBoxDLInner .Red {
  font-weight: bold;
  color: #c40000
}

.lowBox .lowBoxDL dd .lowBoxDLInner strong {
  font-weight: bold;
  color: #165939
}

.lowBox .lowBoxDL dd .lowBoxDLInner h6 {
  display: inline-block;
  margin-bottom: 2px;
  font-weight: bold
}

.lowBox .lowBoxDL dd .lowBoxDLInner .InnerFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.environBox {
  margin-bottom: 80px
}

.environBox:last-child {
  margin-bottom: 0
}

.environBox .environBoxRead {
  font-size: 1.6rem;
  line-height: 2
}

.environBox .environBoxDL {
  margin-top: 36px
}

.environBox .environBoxDL dt {
  margin-bottom: 12px;
  font-size: 1.8rem;
  font-weight: bold
}

.environBox .environBoxDL dd {
  font-size: 1.6rem;
  line-height: 2
}

.environBox .environBoxDL dd strong {
  display: block;
  margin-top: 32px;
  font-weight: bold;
  color: #451700
}

.environBox .environBoxDL dd small {
  display: inline-block;
  margin-top: 12px;
  font-size: 1.4rem;
  line-height: 1.6
}

.environBox .environBoxDL dd table {
  width: 100%;
  margin-top: 16px;
  color: #451700;
  border: solid 1px #5c5c5c
}

.environBox .environBoxDL dd table th {
  padding: 20px;
  text-align: center;
  text-align: left;
  background: #d2d2d2;
  border: solid 1px #5c5c5c
}

.environBox .environBoxDL dd table th:nth-child(1) {
  width: 30%
}

.environBox .environBoxDL dd table td {
  padding: 20px;
  border: solid 1px #5c5c5c
}

.environBox .environBoxDL dd table td:nth-child(1) {
  width: 30%
}

.environBox a {
  color: #000;
  text-decoration: underline
}

.guidePageTitle {
  margin-bottom: 44px
}

.guideRead {
  font-size: 2.4rem;
  line-height: 2;
  color: #451700;
  letter-spacing: -0.1rem;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.guideRead a {
  color: #451700;
  text-decoration: underline
}

.guideRead a:hover {
  text-decoration: none
}

.guideContentBoxLinks {
  margin-bottom: 64px
}

.guideContentBoxLinks li {
  margin-bottom: 20px
}

.guideContentBoxLinks li a {
  font-size: 1.8rem;
  color: #451700;
  text-decoration: underline
}

.guideContentBoxLinks li a:hover {
  text-decoration: none
}

.guideBox .guideIndexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.guideBox .guideIndexWrap .guideIndexOne {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32%;
  padding: 24px;
  margin-top: 36px;
  margin-right: 2%;
  color: #451700;
  border: solid 2px #451700;
  border-radius: 10px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.guideBox .guideIndexWrap .guideIndexOne:nth-child(3n) {
  margin-right: 0
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 64px;
  padding-left: 54px;
  margin-bottom: 16px;
  font-size: 2.6rem;
  line-height: 1.3
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle.Icon1 {
  background: url("/assets/static/common/img/icon_guide_1.svg") no-repeat left center;
  background-size: 46px
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle.Icon2 {
  background: url("/assets/static/common/img/icon_guide_2.svg") no-repeat left center;
  background-size: 46px
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle.Icon3 {
  background: url("/assets/static/common/img/icon_guide_3.svg") no-repeat left center;
  background-size: 46px
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle.Icon4 {
  background: url("/assets/static/common/img/icon_guide_4.svg") no-repeat left center;
  background-size: 46px
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle.Icon5 {
  background: url("/assets/static/common/img/icon_guide_5.svg") no-repeat left center;
  background-size: 46px
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle.Icon6 {
  background: url("/assets/static/common/img/icon_guide_6.svg") no-repeat left center;
  background-size: 46px
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle.Icon7 {
  background: url("/assets/static/common/img/icon_guide_7.svg") no-repeat left center;
  background-size: 46px
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle.Icon8 {
  background: url("/assets/static/common/img/icon_guide_8.svg") no-repeat left center;
  background-size: 46px
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneTitle span {
  display: block;
  height: 100%
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneLinks li {
  display: block;
  margin-top: 6px;
  font-size: 1.9rem;
  letter-spacing: -0.1rem
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneLinks li a {
  position: relative;
  padding-left: 1.3rem;
  color: #451700
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneLinks li a::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  content: '';
  background: #451700;
  border-radius: 50%
}

.guideBox .guideIndexWrap .guideIndexOne .guideIndexOneLinks li a:hover {
  text-decoration: underline
}

.guideBox .guideContentRead {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 2;
  color: #451700
}

.guideBox .guideContentRead span {
  display: block;
  margin-top: 1.7rem;
  font-size: 1.7rem;
  font-weight: normal;
  color: #c40000
}

.guideBox .guideContentRead strong {
  color: #c40000
}

.guideBox .guideContentRead.Nomal {
  font-weight: normal
}

.guideBox .guideContentRead.BottomSpace {
  margin-bottom: 3.6rem
}

.guideBox .guideContentRead a {
  color: #451700;
  text-decoration: underline
}

.guideBox .guideContentRead a:hover {
  text-decoration: none
}

.guideBox .guideContentReadSub {
  font-size: 1.9rem;
  line-height: 2;
  color: #451700
}

.guideBox .guideContentReadSub.BottomSpace {
  margin-bottom: 3.6rem
}

.guideBox .guideContentHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px;
  margin-bottom: 60px
}

.guideBox .guideContentHead dl {
  width: 27%
}

.guideBox .guideContentHead dl.Full {
  width: 50%
}

.guideBox .guideContentHead dl:first-child {
  margin-right: 27%
}

.guideBox .guideContentHead dl dt {
  margin-bottom: 12px;
  font-size: 1.9rem;
  font-weight: bold;
  color: #451700
}

.guideBox .guideContentHeadList {
  margin-top: 3.6rem
}

.guideBox .guideContentHeadList li {
  margin-top: 3.6rem;
  font-size: 1.9rem;
  font-weight: bold;
  color: #451700
}

.guideBox .guideContentHeadList li *:first-child {
  margin-top: 0
}

.guideBox .guideContentHeadList li strong {
  color: #a10000
}

.guideBox .guideContentHeadList li a {
  color: #451700;
  text-decoration: underline
}

.guideBox .guideContentHeadList li a:hover {
  text-decoration: none
}

.guideBox .guideContentBoxHeadDL {
  margin-bottom: 3.6rem;
  font-size: 1.9rem;
  color: #451700
}

.guideBox .guideContentBoxHeadDL dt {
  margin-bottom: 10px;
  font-weight: bold
}

.guideBox .guideContentBoxHeadDL dd {
  margin-bottom: 0.8rem
}

.guideBox .guideContentBoxHeadDL strong {
  color: #a10000
}

.guideBox .guideContentUtilBox {
  position: relative;
  padding: 30px 0;
  font-size: 1.9rem;
  color: #451700
}

.guideBox .guideContentUtilBox.Last {
  padding: 30px 0 60px
}

.guideBox .guideContentUtilBox.LastLine {
  margin-bottom: 110px
}

.guideBox .guideContentUtilBox.LastLine::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  color: #451700;
  content: '';
  background: url("/assets/static/common/img/bg_course_line.png") left center
}

.guideBox .guideContentUtilBox .guideContentBoxBottomNote {
  position: absolute;
  right: 0;
  bottom: -3.5rem;
  font-size: 1.7rem;
  color: #451700;
  text-align: right
}

.guideBox .guideContentUtilBox.Noline::after {
  display: none
}

.guideBox .guideContentUtilBox.NoTopSpace {
  padding-top: 0
}

.guideBox .guideContentUtilBox.ThinTopSpace {
  padding-top: 30px
}

.guideBox .guideContentUtilBox::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  color: #451700;
  content: '';
  background: url("/assets/static/common/img/bg_course_line.png") left center
}

.guideBox .guideContentUtilBox .Hover:hover {
  opacity: 0.7
}

.guideBox .guideContentUtilBox .m_button-primary {
  width: 320px;
  height: 56px
}

.guideBox .guideContentUtilBox .m_button-primary a {
  line-height: 54px
}

.guideBox .guideContentUtilBox h5 {
  margin-bottom: 10px;
  font-size: 2.0rem
}

.guideBox .guideContentUtilBox div, .guideBox .guideContentUtilBox p {
  margin-bottom: 3.6rem
}

.guideBox .guideContentUtilBox div:last-child, .guideBox .guideContentUtilBox p:last-child {
  margin-bottom: 0
}

.guideBox .guideContentUtilBox div.Red, .guideBox .guideContentUtilBox p.Red {
  color: #a10000
}

.guideBox .guideContentUtilBox div.Red .StrongBlack, .guideBox .guideContentUtilBox p.Red .StrongBlack {
  color: #451700
}

.guideBox .guideContentUtilBox div.FlexBox, .guideBox .guideContentUtilBox p.FlexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  border: solid 1px #ee7300
}

.guideBox .guideContentUtilBox div.FlexBox span, .guideBox .guideContentUtilBox p.FlexBox span {
  padding: 0 20px
}

.guideBox .guideContentUtilBox span.Red {
  color: #a10000
}

.guideBox .guideContentUtilBox dl dt {
  margin-bottom: 10px;
  font-weight: bold
}

.guideBox .guideContentUtilBox ul {
  margin-bottom: 3.6rem
}

.guideBox .guideContentUtilBox ul li {
  margin-bottom: 1.8rem;
  margin-left: 1.5rem;
  line-height: 1.9;
  text-indent: -1.5rem
}

.guideBox .guideContentUtilBox ul li.Note {
  font-size: 1.6rem
}

.guideBox .guideContentUtilBox ul li .Red {
  color: #a10000
}

.guideBox .guideContentUtilBox ul li a {
  color: #451700;
  text-decoration: underline
}

.guideBox .guideContentUtilBox ul li a:hover {
  text-decoration: none
}

.guideBox .guideContentUtilBox table {
  width: 100%;
  margin-bottom: 3.6rem
}

.guideBox .guideContentUtilBox table th {
  padding: 10px;
  background: #d2d2d2;
  border: solid 1px #8b8c8c
}

.guideBox .guideContentUtilBox table td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #8b8c8c
}

.guideBox .guideContentUtilBox table td.Red {
  font-weight: bold;
  color: #a10000;
  text-align: center
}

.guideBox .guideContentBox {
  position: relative;
  padding: 60px 0
}

.guideBox .guideContentBox::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  color: #451700;
  content: '';
  background: url("/assets/static/common/img/bg_course_line.png") left center
}

.guideBox .guideContentBox.Noline::after {
  display: none
}

.guideBox .guideContentBox.NoTopSpace {
  padding-top: 0
}

.guideBox .guideContentBox.ThinTopSpace {
  padding-top: 30px
}

.guideBox .guideContentBox.Last {
  margin-bottom: 110px
}

.guideBox .guideContentBox.Last::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  color: #451700;
  content: '';
  background: url("/assets/static/common/img/bg_course_line.png") left center
}

.guideBox .guideContentBox .guideContentBoxStep {
  height: 56px;
  margin-bottom: 56px;
  font-size: 2.8rem;
  line-height: 56px;
  color: #451700;
  background: url("/assets/static/common/img/step_bg.png") no-repeat left center
}

.guideBox .guideContentBox .guideContentBoxStep span {
  display: inline-block;
  width: 215px;
  padding-left: 30px;
  letter-spacing: 0.2rem
}

.guideBox .guideContentBox .guideContentBoxStep.NoStep {
  margin-bottom: 0px;
  font-size: 2.4rem;
  background: none
}

.guideBox .guideContentBox .guideContentBoxBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.guideBox .guideContentBox .guideContentBoxBody.Full {
  display: block
}

.guideBox .guideContentBox .guideContentBoxBody.Full .guideContentBoxText {
  width: 100%
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText {
  width: 48%;
  font-size: 1.9rem;
  color: #451700
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText p {
  margin-top: 3.6rem;
  line-height: 1.9
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText p:first-child {
  margin-top: 0
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText p.Red {
  color: #a10000
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText ul.AddTopSpace {
  margin-top: 3.6rem
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText ul li {
  margin-top: 3.6rem;
  margin-left: 1.5rem;
  line-height: 1.9;
  text-indent: -1.5rem
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText ul li:first-child {
  margin-top: 0
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText ul li.NoIndent {
  margin-left: 0rem;
  text-indent: 0rem
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText ul li span {
  display: block;
  margin-top: 4rem;
  text-indent: 0rem
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText ul li span.Red {
  color: #a10000
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText a {
  color: #a10000;
  text-decoration: underline
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage {
  width: 45%;
  margin-left: 5%;
  cursor: pointer
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxDL {
  width: 100%;
  margin-top: 60px;
  font-size: 1.9rem;
  color: #451700
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxDL dt {
  margin-bottom: 10px;
  font-size: 2.2rem;
  font-weight: bold
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxDL dd {
  margin-top: 1.8rem
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxDL dd.Red {
  color: #a10000
}

.guideBox .guideContentBox .guideContentBoxBottomNote {
  position: absolute;
  right: 0;
  bottom: -3.5rem;
  font-size: 1.7rem;
  color: #451700;
  text-align: right
}

.guideFooter {
  padding: 14px 16px;
  margin-top: 52px;
  background: #165939;
  border-radius: 8px
}

.guideFooter .guideFooterRead {
  margin-bottom: 24px;
  font-size: 3.2rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.guideFooter .guideFooterBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.guideFooter .guideFooterBanner .guideFooterBannerOne {
  width: 49%;
  font-size: 2rem;
  color: #165939;
  background: #fff;
  border-radius: 6px
}

.guideFooter .guideFooterBanner .guideFooterBannerOne:nth-child(1) {
  margin-right: 1%
}

.guideFooter .guideFooterBanner .guideFooterBannerOne.Contact {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px 0
}

.guideFooter .guideFooterBanner .guideFooterBannerOne.Contact span {
  display: block;
  font-size: 1.7rem
}

.guideFooter .guideFooterBanner .guideFooterBannerOne.Contact span a {
  color: #165939;
  text-decoration: underline
}

.guideFooter .guideFooterBanner .guideFooterBannerOne.Contact span a:hover {
  text-decoration: none
}

.guideModalImage {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.guideModalImage.Act {
  visibility: visible;
  opacity: 1
}

.guideModalImage .guideModalImageClose {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  cursor: pointer
}

.guideModalImage .guideModalImageClose span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff
}

.guideModalImage .guideModalImageClose span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.guideModalImage .guideModalImageClose span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.guideModalImage .guideModalImageBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8)
}

.guideModalImage .guideModalImageBody {
  position: relative;
  z-index: 2;
  display: block;
  height: 90vh;
  overflow-y: scroll
}

.guideModalImage .guideModalMgzBody {
  overflow-y: auto
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  min-width: 900px;
  padding: 40px 40px;
  background: #fff
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner.Act {
  display: block
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner h4 {
  padding-bottom: 20px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #451700
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner p {
  padding-bottom: 40px;
  font-size: 1.6rem;
  line-height: 1.9;
  color: #451700
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner div {
  text-align: center
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner div:last-child {
  margin-top: 40px
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner div:last-child:hover {
  opacity: 0.7
}

.guideFullImageBox {
  margin-bottom: 60px;
  text-align: center
}

.guideExample {
  font-size: 1.5rem;
  color: #451700
}

.guideExample__title {
  margin-bottom: 2rem;
  font-size: 1.9rem
}

.guideExample__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem
}

.guideExample__row.Attention {
  margin-bottom: 0;
  font-size: 1.3rem;
  color: #a10000
}

.guideExample__titleBox {
  width: 6.0rem;
  padding: 1.5rem;
  border: 1px solid #451700;
  text-align: center
}

.guideExample__titleBox.--blank {
  border: none
}

.mailmagazineLinkWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mailmagazineLinkWrap .mailmagazineLink {
  width: 30%;
  padding: 16px;
  margin: 0 2%;
  border: solid 1px #451700;
  border-radius: 8px
}

.mailmagazineLinkWrap .mailmagazineLink dt {
  padding-bottom: 5px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 700;
  color: #451700
}

.mailmagazineLinkWrap .mailmagazineLink dd {
  margin-top: 20px;
  text-align: center
}

.mailmagazineLinkWrap .mailmagazineLink dd:hover {
  opacity: .7
}

.mailmagazineLinkWrap .mailmagazineLink dd.Right {
  text-align: right
}

.senRyuContent {
  background: url("/assets/static/senryu/img/back.gif")
}

.senRyuContentUnder {
  position: relative;
  padding: 40px 0;
  font-size: 1.6rem;
  color: #451700
}

.senRyuContentUnder a {
  color: #451700;
  text-decoration: underline
}

.senRyuContentUnder a:hover {
  text-decoration: none
}

.senRyuContentUnder .m_button-primary {
  width: 320px;
  height: 56px;
  margin: 0 auto
}

.senRyuContentUnder .m_button-primary a {
  line-height: 56px;
  text-decoration: none
}

.senRyuContentUnder .m_button-primary a::after {
  top: calc(50% - 4px);
  right: unset;
  left: 20px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.senRyuContentUnder .m_button-primary a span {
  font-size: 1.8rem
}

.senRyuBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 34px
}

.senRyuBody .senRyuBodyLeft {
  width: 47%
}

.senRyuBody .senRyuBodyRight {
  width: 45%;
  text-align: center
}

.senRyuBody .senRyuTheme {
  position: relative;
  z-index: 2;
  width: 76%;
  margin: 0 auto
}

.senRyuBody .senRyuPresent {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: -90px auto 0
}

.senRyuBody .senRyuPost {
  position: relative;
  z-index: 3;
  width: 100%;
  margin: -40px auto 0
}

.senRyuBody .senRyuPrize {
  position: relative
}

.senRyuBody .senRyuPrize .senRyuPrizeImage {
  position: relative;
  z-index: 1;
  width: 110%;
  margin-left: -5%
}

.senRyuBody .senRyuPrize .senRyuPrizeLink {
  position: absolute;
  bottom: 163px;
  left: 0;
  z-index: 2;
  width: 100%;
  text-align: center
}

.senRyuBody .senRyuPrize .senRyuPrizeLink a span {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700;
  text-decoration: underline
}

.senRyuBody .senRyuPrize .senRyuPrizeLink a span:hover {
  text-decoration: none
}

.senRyuBody .senRyuPrize .senRyuPrizeLink a span::after {
  position: absolute;
  top: 50%;
  right: -12px;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  content: '';
  border-top: solid 2px #ee7300;
  border-right: solid 2px #ee7300;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.senRyuBody .senRyuPrizeButton {
  position: relative;
  z-index: 3;
  width: 75%;
  height: 56px;
  margin: -40px auto 0;
  background: #165939;
  border-radius: 28px;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.senRyuBody .senRyuPrizeButton:hover a {
  opacity: .7
}

.senRyuBody .senRyuPrizeButton a {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
  font-size: 1.8rem;
  line-height: 56px;
  color: #fff
}

.senRyuBody .senRyuPrizeButton a span {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold
}

.senRyuBody .senRyuPrizeButton a span::after {
  position: absolute;
  top: 50%;
  right: -14px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  content: '';
  border-top: solid 2px #ee7300;
  border-right: solid 2px #ee7300;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.senRyuBody .senRyuPrizeRead {
  margin-top: 16px;
  font-size: 1.4rem;
  color: #451700
}

.senRyuBody .senRyuPrizeRead a {
  font-weight: bold;
  color: #451700;
  text-decoration: underline
}

.senRyuBody .senRyuPrizeRead a:hover {
  text-decoration: none
}

.senRyuCardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.senRyuCard {
  width: 15%;
  margin-right: 2%;
  margin-bottom: 48px
}

.senRyuCard:hover .senRyuCardBody .senRyuCardBodyInner {
  opacity: .7
}

.senRyuCard:nth-child(6n) {
  margin-right: 0
}

.senRyuCard .senRyuCardDate {
  font-size: 1.4rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.senRyuCard .senRyuCardTitle {
  margin-top: -2rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.senRyuCard .senRyuCardBody {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 196.42%;
  background: url("/assets/static/senryu/img/kakejiku_all.png") no-repeat center;
  background-size: 100% auto
}

.senRyuCard .senRyuCardBody a {
  position: absolute;
  top: 14.5%;
  left: 12%;
  display: block;
  width: 76%
}

.senRyuCard .senRyuCardBody a .senRyuCardBodyInner {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
  height: 100%
}

.senRyucenter-wrapper {         
  display: flex;
  justify-content: center;      
  align-items: center;   
  padding-bottom: 35px;       
}


.senRyucenter-wrapper .box {
  background: #fff;
  padding-bottom: 20px;
  text-align:center;
  border-radius: 8px;
}

.senRyuFlexbox {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.senRyuFlexrightbox {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
}

.senRyuFlexbox .m_image {
    width: 20%;
    height: auto;
}

.senRyuFlexrightbox .m_image {
    width: 20%;
    height: auto;
}

.senRyutextBox .Red {
    color: red;
}

.senRyutextBox {
  width: 380px;
  font-weight: bold;
}

.js-inView {
  opacity: 0
}

.js-inViewAct {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: inViewActKey 1.5s;
  animation: inViewActKey 1.5s;
  -webkit-animation-timing-function: cubic-bezier(0, 0.67, 0.305, 1.14);
  animation-timing-function: cubic-bezier(0, 0.67, 0.305, 1.14);
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes inViewActKey {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%) scale(0.98);
    transform: translateY(10%) scale(0.98)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1)
  }
}

@keyframes inViewActKey {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%) scale(0.98);
    transform: translateY(10%) scale(0.98)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1)
  }
}

.left {
  float: left
}

.right {
  float: right
}

.no-margin {
  margin: 0
}

.no-padding {
  padding: 0
}

.u_margin-parallel {
  width: 80%;
  margin: 0 auto
}

.u_margin-left--30px {
  margin-left: 30px
}

.u_margin-right--100px {
  margin-left: 100px
}

.block {
  display: block
}

.inline {
  display: inline
}

.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

.none, [hidden] {
  display: none
}

.font-ultra-bold {
  font-weight: 900
}

.font-bold {
  font-weight: 700
}

.font-normal {
  font-weight: 500
}

.font-light {
  font-weight: 300
}

.font-thin {
  font-weight: 100
}

.font-normal {
  font-style: normal
}

.capitalize {
  text-transform: capitalize
}

.uppercase {
  text-transform: uppercase
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pre-wrap {
  white-space: pre-wrap
}

.u_square--105px img, .u_square--105px source {
  -o-object-fit: contain;
  object-fit: contain;
  width: 105px;
  height: 105px
}

.u_square--140px img, .u_square--140px source {
  -o-object-fit: contain;
  object-fit: contain;
  width: 140px;
  height: 140px
}

.font-size50 {
  font-size: 50%
}

.font-size51 {
  font-size: 51%
}

.font-size52 {
  font-size: 52%
}

.font-size53 {
  font-size: 53%
}

.font-size54 {
  font-size: 54%
}

.font-size55 {
  font-size: 55%
}

.font-size56 {
  font-size: 56%
}

.font-size57 {
  font-size: 57%
}

.font-size58 {
  font-size: 58%
}

.font-size59 {
  font-size: 59%
}

.font-size60 {
  font-size: 60%
}

.font-size61 {
  font-size: 61%
}

.font-size62 {
  font-size: 62%
}

.font-size63 {
  font-size: 63%
}

.font-size64 {
  font-size: 64%
}

.font-size65 {
  font-size: 65%
}

.font-size66 {
  font-size: 66%
}

.font-size67 {
  font-size: 67%
}

.font-size68 {
  font-size: 68%
}

.font-size69 {
  font-size: 69%
}

.font-size70 {
  font-size: 70%
}

.font-size71 {
  font-size: 71%
}

.font-size72 {
  font-size: 72%
}

.font-size73 {
  font-size: 73%
}

.font-size74 {
  font-size: 74%
}

.font-size75 {
  font-size: 75%
}

.font-size76 {
  font-size: 76%
}

.font-size77 {
  font-size: 77%
}

.font-size78 {
  font-size: 78%
}

.font-size79 {
  font-size: 79%
}

.font-size80 {
  font-size: 80%
}

.font-size81 {
  font-size: 81%
}

.font-size82 {
  font-size: 82%
}

.font-size83 {
  font-size: 83%
}

.font-size84 {
  font-size: 84%
}

.font-size85 {
  font-size: 85%
}

.font-size86 {
  font-size: 86%
}

.font-size87 {
  font-size: 87%
}

.font-size88 {
  font-size: 88%
}

.font-size89 {
  font-size: 89%
}

.font-size90 {
  font-size: 90%
}

.font-size91 {
  font-size: 91%
}

.font-size92 {
  font-size: 92%
}

.font-size93 {
  font-size: 93%
}

.font-size94 {
  font-size: 94%
}

.font-size95 {
  font-size: 95%
}

.font-size96 {
  font-size: 96%
}

.font-size97 {
  font-size: 97%
}

.font-size98 {
  font-size: 98%
}

.font-size99 {
  font-size: 99%
}

.font-size100 {
  font-size: 100%
}

.font-size101 {
  font-size: 101%
}

.font-size102 {
  font-size: 102%
}

.font-size103 {
  font-size: 103%
}

.font-size104 {
  font-size: 104%
}

.font-size105 {
  font-size: 105%
}

.font-size106 {
  font-size: 106%
}

.font-size107 {
  font-size: 107%
}

.font-size108 {
  font-size: 108%
}

.font-size109 {
  font-size: 109%
}

.font-size110 {
  font-size: 110%
}

.font-size111 {
  font-size: 111%
}

.font-size112 {
  font-size: 112%
}

.font-size113 {
  font-size: 113%
}

.font-size114 {
  font-size: 114%
}

.font-size115 {
  font-size: 115%
}

.font-size116 {
  font-size: 116%
}

.font-size117 {
  font-size: 117%
}

.font-size118 {
  font-size: 118%
}

.font-size119 {
  font-size: 119%
}

.font-size120 {
  font-size: 120%
}

.font-size121 {
  font-size: 121%
}

.font-size122 {
  font-size: 122%
}

.font-size123 {
  font-size: 123%
}

.font-size124 {
  font-size: 124%
}

.font-size125 {
  font-size: 125%
}

.font-size126 {
  font-size: 126%
}

.font-size127 {
  font-size: 127%
}

.font-size128 {
  font-size: 128%
}

.font-size129 {
  font-size: 129%
}

.font-size130 {
  font-size: 130%
}

.font-size131 {
  font-size: 131%
}

.font-size132 {
  font-size: 132%
}

.font-size133 {
  font-size: 133%
}

.font-size134 {
  font-size: 134%
}

.font-size135 {
  font-size: 135%
}

.font-size136 {
  font-size: 136%
}

.font-size137 {
  font-size: 137%
}

.font-size138 {
  font-size: 138%
}

.font-size139 {
  font-size: 139%
}

.font-size140 {
  font-size: 140%
}

.font-size141 {
  font-size: 141%
}

.font-size142 {
  font-size: 142%
}

.font-size143 {
  font-size: 143%
}

.font-size144 {
  font-size: 144%
}

.font-size145 {
  font-size: 145%
}

.font-size146 {
  font-size: 146%
}

.font-size147 {
  font-size: 147%
}

.font-size148 {
  font-size: 148%
}

.font-size149 {
  font-size: 149%
}

.font-size150 {
  font-size: 150%
}

.font-absolute-size10 {
  font-size: 1rem !important
}

.font-absolute-size11 {
  font-size: 1.1rem !important
}

.font-absolute-size12 {
  font-size: 1.2rem !important
}

.font-absolute-size13 {
  font-size: 1.3rem !important
}

.font-absolute-size14 {
  font-size: 1.4rem !important
}

.font-absolute-size15 {
  font-size: 1.5rem !important
}

.font-absolute-size16 {
  font-size: 1.6rem !important
}

.font-absolute-size17 {
  font-size: 1.7rem !important
}

.font-absolute-size18 {
  font-size: 1.8rem !important
}

.font-absolute-size19 {
  font-size: 1.9rem !important
}

.font-absolute-size20 {
  font-size: 2rem !important
}

.font-absolute-size21 {
  font-size: 2.1rem !important
}

.font-absolute-size22 {
  font-size: 2.2rem !important
}

.font-absolute-size23 {
  font-size: 2.3rem !important
}

.font-absolute-size24 {
  font-size: 2.4rem !important
}

.font-absolute-size25 {
  font-size: 2.5rem !important
}

.font-absolute-size26 {
  font-size: 2.6rem !important
}

.font-absolute-size27 {
  font-size: 2.7rem !important
}

.font-absolute-size28 {
  font-size: 2.8rem !important
}

.font-absolute-size29 {
  font-size: 2.9rem !important
}

.font-absolute-size30 {
  font-size: 3rem !important
}

.font-absolute-size31 {
  font-size: 3.1rem !important
}

.font-absolute-size32 {
  font-size: 3.2rem !important
}

.font-absolute-size33 {
  font-size: 3.3rem !important
}

.font-absolute-size34 {
  font-size: 3.4rem !important
}

.font-absolute-size35 {
  font-size: 3.5rem !important
}

.font-absolute-size36 {
  font-size: 3.6rem !important
}

.font-absolute-size37 {
  font-size: 3.7rem !important
}

.font-absolute-size38 {
  font-size: 3.8rem !important
}

.font-absolute-size39 {
  font-size: 3.9rem !important
}

.font-absolute-size40 {
  font-size: 4rem !important
}

.font-absolute-size41 {
  font-size: 4.1rem !important
}

.font-absolute-size42 {
  font-size: 4.2rem !important
}

.font-absolute-size43 {
  font-size: 4.3rem !important
}

.font-absolute-size44 {
  font-size: 4.4rem !important
}

.font-absolute-size45 {
  font-size: 4.5rem !important
}

.font-absolute-size46 {
  font-size: 4.6rem !important
}

.font-absolute-size47 {
  font-size: 4.7rem !important
}

.font-absolute-size48 {
  font-size: 4.8rem !important
}

.font-absolute-size49 {
  font-size: 4.9rem !important
}

.font-absolute-size50 {
  font-size: 5rem !important
}

.font-absolute-size51 {
  font-size: 5.1rem !important
}

.font-absolute-size52 {
  font-size: 5.2rem !important
}

.font-absolute-size53 {
  font-size: 5.3rem !important
}

.font-absolute-size54 {
  font-size: 5.4rem !important
}

.font-absolute-size55 {
  font-size: 5.5rem !important
}

.font-absolute-size56 {
  font-size: 5.6rem !important
}

.font-absolute-size57 {
  font-size: 5.7rem !important
}

.font-absolute-size58 {
  font-size: 5.8rem !important
}

.font-absolute-size59 {
  font-size: 5.9rem !important
}

.font-absolute-size60 {
  font-size: 6rem !important
}

.b-header__close{
  border: solid 1px #451700 !important;
  border-radius: 36px;
  padding: 0;
  background: transparent !important;
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
}

.b-header__close:hover{
  background: #451700 !important;
}

.b-header__close .v-btn__content{
  font-size: 1.7rem;
}

.b-header__close:hover .v-btn__content{
  color: #fff;
}

.b-garlic__banner,
.b-health__banner{
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
}

.b-garlic__banner:hover,
.b-health__banner:hover{
  opacity: 0.6;
}

.b-header__garlic,
.b-header__food,
.b-header__worry{
  border: 0.3em solid #ee7300 !important;
  border-radius: 10px !important;
}

.b-header__garlic-card-title{
  font-size: 2.0rem;
  font-weight: bold;
  color: #451700;
  line-height: 1.3;
}

.b-header__health-card,
.b-header__food-card{
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
}

.b-header__health-card:hover,
.b-header__food-card:hover{
  opacity: 0.8;
}

.b-header__health-card h3{
  font-size: 1.9rem;
  font-weight: bold;
  color: #451700;
  line-height: 1.3;
}

.b-header__health-card .title-dha{
  letter-spacing: -0.2rem;
}

.b-header__health-card .v-responsive{
  margin: 30px 0;
}

.b-header__food-card h3{
  font-size: 1.9rem;
  font-weight: bold;
  color: #451700;
  line-height: 1.3;
}

.b-header__food-card .v-responsive{
  margin: 30px 0;
}

.b-header__product-item{
  background:#ee7300 !important;
  border: solid 1px #ee7300;
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
}

.b-header__product-item:hover{
  background: none !important;
}

.b-header__product-item:hover .v-btn__content{
  color: #ee7300 !important;
}

.b-header__product-item .v-btn__content{
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
}

.v-overlay__scrim{
  background: none !important;
}

.b-header__nav-item.New::before{
  content: " ";
  position: absolute;
  top: -20%;
  right: 5%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ec0000;
}
↩
.b-header__nav-item{
  cursor: pointer;
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
}

.b-header__garlic .v-btn:hover>.v-btn__overlay{
  display: none;
}

.v-dialog .v-overlay__content{
  animation: megaNavMotionKey 0.6s;
}


.b-footer__guide-card dt{font-size: 2.4rem;}

.b-footer__guide-card dd{font-size:1.7rem;}

.b-footer__guide-card dd{font-size:1.7rem;}

.b-footer__guide-button span{font-size:1.7rem}

.b-footer__flow-arrow p{font-size:2.9rem}

.b-footer__flow-arrow p span{font-size:1.6rem;}

.b-footer__flow dt{font-size:17px;}

.b-footer__flow-button a{font-size: 2rem;}

.b-footer__nav-title{font-size:1.8rem;}

.b-footer__nav-menu>li a{font-size: 1.6rem;}

.b-footer__site-nav>li a{font-size:1.4rem}

.b-footer__logo span{font-size:1.25rem;}

.b-footer__copyright>p{font-size:1.2rem;}

.b-text--footer-open {
  font-size:1.4rem;
  color: #000000;
}

.b-text--footer-open br{display: none;}

.b-text--footer-contact{font-size: 1.45rem;}

.b-footer__guide-wrap{padding-top: 20px !important;}

.b-sheet__mypage.v-sheet.v-theme--light h2{
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.b-product-detail__score{padding:0 !important;}

.v-rating__item .v-btn--icon.v-btn--density-default{
  height: calc(var(--v-btn-height) + -12px) !important;
  font-size: 1.5rem !important;
}

/* =================
  トップページのおしらせ
==================== */
.b-top__topics-wrap{
  display: inline-block;
  padding: 8px 0 !important;
  min-width: 100%;
  background: #fff;
}
.b-top__topics-wrap .b-layout__container--lg{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
}
.b-layout__container--lg .b-text--topnews a{
  font-size: 1.8rem;
  color: #451700;
  text-decoration: underline;
}

/* =================
  注目のキーワード
==================== */
.b-search__hot-keyword-title{
  font-size: 1.8rem !important;
  line-height: 40px !important;
}

.b-search__hot-keyword-list li{
  font-size: 1.8rem !important;
  line-height: 40px !important;
}

body.is-pc .b-product-detail__pagination .v-pagination__list .v-btn.v-btn--disabled{
  opacity: 1;
}

.phone-not-available{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

sup {
  top: 0;
}

/* =================
  header logo
==================== */

body.is-pc .b-header__logo-area img{
  width: 236px;
}

/* =================
  225 230719 edit
==================== */

.c_seriesCard .m_seriesCardBody__priceWrapper.Only {
  font-size: 1.8rem
}
.c_seriesCard .m_seriesCardBody__priceWrapper.Only .m_seriesCardBody__price.Only {
  font-size: 4.4rem
}

.m_seriesCard__otherSizePriceOnce {
  font-size: 2.4rem
}

/* =================
  Top Slider
==================== */
/* 注目商品のスライダー箇所 */
.topPageLineUp .topPageLineUpSlideWrap{
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  width: 40vw;
  min-width: auto;
}

.topPageLineUp .topPageLineUpSlideWrap .splide__track{
  overflow: initial;
}

.topPageLineUp .topPageLineUpSlideWrap .topPageLineUpSlidePrev.splide__arrow{
  top: 50%;
  left: -10%;
  background: none;
  opacity: 1;
}

.topPageLineUp .topPageLineUpSlideWrap .topPageLineUpSlideNext.splide__arrow{
  top: 50%;
  right: -10%;
  background: none;
  opacity: 1;
}

.topPageLineUp .topPageLineUpSlideWrap .splide__pagination{
  display: flex;
  justify-content: center;
  bottom: -30px;
}

.topPageLineUp .topPageLineUpSlideWrap .splide__pagination .splide__pagination__page.is-active{
  background-color: #ee7300;
}

/* おすすめランキングのスライダー箇所 */
.topPageLineUp .topPageLineUpRankingWrap{
  margin-bottom: 70px;
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox {
  padding-top: 40px;
}

.topPageLineUp .splide-Ranking .splide__track{
  overflow: initial;
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingPrev.splide__arrow{
  background: none;
  opacity: 1;
  top: 50%;
  left: 0;
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingNext.splide__arrow{
  background: none;
  opacity: 1;
  top: 50%;
  right: 0;
}

.topPageLineUp .splide-Ranking .splide__pagination{
  display: flex;
  justify-content: center;
  bottom: -30px;
}

.topPageLineUp .splide-Ranking .splide__pagination .splide__pagination__page.is-active{
  background-color: #ee7300;
}

/* =================
  20240326更新分
==================== */
#benefits_bronze_area {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
#benefits_bronze_area .coursepage_benefits_area {
  background-image: url(/assets/static/course/img/coursepage_benefits_area_bg.png);
  background-repeat: no-repeat;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap {
  position: relative;
  padding: 23% 0 17.2% 0;
  margin-bottom: 3%;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap h2.coursepage_benefits_area_tit {
  text-align: center;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_1row {
  display: flex;
  justify-content: center;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_1row .coursepage_benefits_area_bene1_pagelink {
  position: relative;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_3row .coursepage_benefits_area_bene6_pagelink {
  position: relative;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_1row .coursepage_benefits_area_bene1_pagelink a {
  position: absolute;
  top: 77%;
  left: 14%;
  scroll-behavior: smooth;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_3row .coursepage_benefits_area_bene6_pagelink a {
  position: absolute;
  top: 77%;
  left: 6.1%;
  scroll-behavior: smooth;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_1row img {
  margin: 10px;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_2row {
  display: flex;
  justify-content: center;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_2row img {
  margin: 10px;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_3row {
  display: flex;
  justify-content: center;
}
#benefits_bronze_area .coursepage_benefits_area .coursepage_benefits_area_wrap .coursepage_benefits_area_3row img {
  margin: 10px;
}
#benefits_bronze_area .coursepage_bronze_area {
  background-image: url(/assets/static/course/img/bronze_area_bg.png);
  background-repeat: no-repeat;
}
#benefits_bronze_area .coursepage_bronze_area .coursepage_bronze_area_wrap {
  position: relative;
  display: grid;
  padding: 4% 0 24% 0;
}
#benefits_bronze_area .coursepage_bronze_area .coursepage_bronze_area_wrap .coursepage_bronze_area_1row {
  display: flex;
  justify-content: center;
}
#benefits_bronze_area .coursepage_bronze_area .coursepage_bronze_area_wrap .coursepage_bronze_area_1row img {
  margin: 10px;
}
#benefits_bronze_area .coursepage_bronze_area .coursepage_bronze_area_wrap .coursepage_bronze_area_2row {
  display: flex;
  justify-content: center;
}
#benefits_bronze_area .coursepage_bronze_area .coursepage_bronze_area_wrap .coursepage_bronze_area_2row img {
  margin: 10px;
}

#contract_change_area {
  margin: 6% auto;
  position: relative;
}
#contract_change_area h2.contract_change_tit {
  margin: 0 auto;
}
#contract_change_area .contract_change_contents {
  margin: 5% 0 0 0;
  display: flex;
  justify-content: space-around;
}
#toku2stage_area{
  margin-top:80px;
}

#toku2stage_area .toku2stage_explain {
  text-align: center;
  margin: 4%;
}
#toku2stage_area .toku2stage_ranktable {
  display: flex;
  padding: 0 2% 5% 2%;
  background: url(/assets/static/course/img/toku2stage_area_bg.png);
  background-repeat: no-repeat;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}
#toku2stage_area .toku2stage_ranktable img {
  margin: 5% 0 0 0;
}

.topPageLineUp2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 70px 0 60px;
  margin-bottom: 60px;
  background:url("https://www.kenkoukazoku.co.jp/assets/static/common/img/bg_content.jpg")
}

.topPageLineUp2 .topPageLineUpTitleWrap {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px
}

.topPageLineUp2 .topPageLineUpTitleWrap .topPageLineUpTitle {
  width: 1100px;
  height: 167px;
  text-align: center;
}

.topPageLineUp2 .topPageLineUpTitleWrap .topPageLineUpTitle span {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 4.0rem;
  line-height: 75px;
  color: #fff;
  letter-spacing: -0.3rem
}

.topPageLineUp2 .topPageLineUpTitleWrap .topPageLineUpRead {
  margin-top: 8px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.topPageLineUp2 .topPageLineUpSlideWrap {
  position: relative;
  width: 100%;
  min-width: 1100px;
  margin-bottom: 35px
}

.topPageLineUp2 .topPageLineUpSlideWrap .topPageLineUpSlidePrev {
  position: absolute;
  top: calc(50% - 34px);
  left: 26%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageLineUp2 .topPageLineUpSlideWrap .topPageLineUpSlideNext {
  position: absolute;
  top: calc(50% - 34px);
  right: 26%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageLineUp2 .topPageLineUpSlideWrap .swiper-slide {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageLineUp2 .topPageLineUpSlideWrap .swiper-slide:hover {
  opacity: 0.8
}

.topPageLineUp2 .topPageLineUpSlideWrap .swiper-paginationr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px
}

.topPageLineUp2 .topPageLineUpSlideWrap .swiper-paginationr .swiper-pagination-bullet-active {
  background: #ee7300
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRankingTitle {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 8px;
  text-align: center;
  background: url("https://www.kenkoukazoku.co.jp/assets/static/common/img/bg_title_line_thin.png") repeat-x bottom left
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRankingTitle span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 52px;
  font-size: 4.1rem;
  color: #451700;
  letter-spacing: 0.1rem;
  background: url("https://www.kenkoukazoku.co.jp/assets/static/common/img/icon_crown.png") no-repeat center left;
  background-size: 43px 28px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRankingBox {
  position: relative;
  width: 1100px;
  margin-right: auto;
  margin-left: auto
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingPrev {
  position: absolute;
  top: calc(50% - 34px);
  left: 0%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingNext {
  position: absolute;
  top: calc(50% - 34px);
  right: 0%;
  z-index: 2;
  width: 68px;
  height: 68px;
  cursor: pointer
}

.topPageLineUp2 .topPageLineUpRankingWrap .swiper-container {
  margin-left: 20px
}

.topPageLineUp2 .topPageLineUpRankingWrap .swiper-paginationr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -20px;
  margin-bottom: 20px
}

.topPageLineUp2 .topPageLineUpRankingWrap .swiper-paginationr .swiper-pagination-bullet-active {
  background: #ee7300
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  margin-bottom: 40px
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking .swiper-slide {
  height: auto;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking .swiper-slide:hover {
  opacity: 0.8
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 418px;
  padding: 40px 20px;
  background: #fff
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemNum {
  position: absolute;
  top: -20px;
  left: 7px;
  width: 90px;
  height: 58px
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemImage {
  width: 80%;
  margin: 0 auto
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemInfo {
  color: #451700;
  text-align: center
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemInfo dt {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding-bottom: 10px;
  font-size: 2.2rem;
  letter-spacing: -0.2rem;
  background: url("https://www.kenkoukazoku.co.jp/assets/static/common/img/bg_name_line.png") repeat-x bottom left
}

.topPageLineUp2 .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemInfo dd {
  padding-top: 10px;
  font-size: 2.2rem;
  font-weight: bold
}

.topPageLineUp2 .topPageLineUpItemsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 9px;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem {
  width: 263px;
  margin-top: 20px
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem a {
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem a:hover {
  opacity: 0.8
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem:nth-child(n+6) {
  margin-top: 60px
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead {
  position: relative;
  height: 51px;
  width: 263px;
  margin-bottom: 22px
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead.Retreat {
  margin-top: -18px
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead__image {
  width: 100%;
  height: 100%
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead__text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 2.0rem
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody {
  height: 330px;
  background: #fff
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 0 10px 0
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody .topPageLineUpItemBodyImage {
  width: 73%;
  margin: 0 auto
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody .topPageLineUpItemBodyName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #451700;
  text-align: center
}

.topPageLineUp2 .topPageLineUpItemsWrap .topPageLineUpItem .m_button-primary {
  width: 224px;
  margin: 17px auto 0
}


/* 追加 */
.topPageLineUp .topPageLineUpRankingWrap {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingTitle {
  width: 1100px;
  height: 77px;
  text-align: center;
  background: url("/assets/static/index/img/top_lineup_title_bg.webp") no-repeat center top;
  background-size: 100%
}
/* 20241202追加 */
.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingTitle span {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 4.0rem;
  line-height: 72px;
  color: #fff;
}
#teikikeizoku_area {
  margin: 10% auto;
  text-align: center;
}
#teikikeizoku_area .teikikeizoku_contents {
  margin: 3% 0 3%;
}
#teikikeizoku_area .teikikeizoku_main_area {
  position: relative;
  margin: 3% 0 0 0;
  padding: 10% 0 4% 0;
  background: url(/assets/static/course/img/teikikeizoku_bg.png) no-repeat top;
  background-size: auto;
}
#teikikeizoku_area .teikikeizoku_mate01 {
  position: absolute;
  left: 67.9%;
  bottom: 27.7%;
}
#teikikeizoku_area .teikikeizoku_mate02 {
  position: absolute;
  top: 1.5%;
  left: 82.4%;
}
#teikikeizoku_area .mt30 {
  margin: 30px 0 30px;
}
.a_caaks {
  color: #0067B6;
  text-decoration: underline !important;
}

dl.footer_tell{
  margin-top: 30px;
}

.m_detailRegularItemNote_Red{
    font-weight: bold;
    color: red;
}

.price-table {
  width: 80%;
  border-collapse: collapse;
  text-align: center;
  font-size: 16px;
  margin: 0 auto;
}

.price-table th,
.price-table td {
  border: 2px solid #000;
  padding: 12px;
  vertical-align: middle;
}

.price-table th {
  background-color: #efefef;
}

.future-header th {
  background-color: #fff2cc;
}