@-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% {f
    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;
  margin: 1em 0;
  border: 0;
  /* border-top: 1px solid #cccccc */
}

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
}

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

.l_primaryContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 4%;
  padding-left: 4%
}

.l_primaryFullContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

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

.l_secondaryContentWarp {
  width: 100%
}

.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: 27px;
  border: solid 1px #451700;
  border-radius: 27px;
  -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: 25px;
  color: #451700
}

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

.m_button-primary a::after {
  position: absolute;
  top: calc(50% - 4px);
  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(45deg);
  transform: rotate(45deg)
}

.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.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.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-secondary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 27px;
  border: solid 1px #451700;
  border-radius: 27px;
  -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: 25px;
  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-tertiary {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 27px;
  line-height: 27px;
  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: 27px
}

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

.m_button-tertiary::after {
  position: absolute;
  top: calc(50% - 4px);
  right: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 8px;
  height: 8px;
  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: 27px;
  line-height: 27px;
  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: 27px
}

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

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

.m_button-quaternary a::after {
  position: absolute;
  top: calc(50% - 4px);
  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_cartButton-primary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  line-height: 38px;
  background: #c40000;
  border: solid 2px #d95c5c;
  border-radius: 8px
}

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

@media only screen and (min-width: 1281px) {
  .m_cartButton-primary a {
    font-size: 1.8rem
  }
}

.m_cartButton-primary a::after {
  position: absolute;
  top: calc(50% - 2px);
  right: 4%;
  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: 30px;
  background: url("/assets/static/common/img/icon_cart_white.png") no-repeat center left;
  background-size: 25px 18px
}

.m_cartButton-secondary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  background: #c40000;
  border: solid 2px #d95c5c;
  border-radius: 8px
}

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

@media only screen and (min-width: 1281px) {
  .m_cartButton-secondary a {
    font-size: 1.8rem
  }
}

.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: 25px 18px
}

.m_cartButton-tertiary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  background: #ee7300;
  border: solid 2px #ee7300;
  border-radius: 8px
}

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

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

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

@media only screen and (min-width: 1281px) {
  .m_cartButton-tertiary a {
    font-size: 1.8rem
  }
}

.m_cartButton-tertiary 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: 25px 18px
}

.m_cartButton-quaternary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  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-primary__soldout {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  line-height: 38px;
  background: #9fa0a0;
  border: solid 2px #d2d2d2;
  border-radius: 8px
}

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

.c_detailHeadItemCard .m_cartButton-primary__soldout {
  width: 66%;
  margin: 10px auto 0
}

@media only screen and (min-width: 1281px) {
  .m_cartButton-primary__soldout div {
    font-size: 1.8rem
  }
}

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

.m_cartButton-tertiary__soldout {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  background: #9fa0a0;
  border: solid 2px #d2d2d2;
  border-radius: 8px
}

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

@media only screen and (min-width: 1281px) {
  .m_cartButton-tertiary__soldout div {
    font-size: 1.8rem
  }
}

.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: 25px 18px
}

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

.c_seriesCard .m_cartButton-tertiary__soldout {
  width: 248px;
  margin: 0 auto
}

.m_pageTitle-primary {
  position: relative;
  min-height: 31px;
  padding-left: 14px;
  font-size: 2.7rem;
  font-size: 2.7rem;
  font-size: 7.2vw;
  font-weight: bold;
  line-height: 1;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

@media only screen and (min-width: 1281px) {
  .m_pageTitle-primary {
    font-size: 2.7rem
  }
}

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

.m_pageTitleRead-primary {
  font-size: 1.6rem;
  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: 35px;
  font-size: 2.0rem;
  line-height: 35px;
  color: #fff;
  text-align: center;
  background: url("/assets/static/common/img/bg_content_dark.jpg");
  border-radius: 18px
}

.m_breadLinkItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #451700;
  font-size: 1.4rem;
  font-size: 3.73333vw
}

@media only screen and (min-width: 1281px) {
  .m_breadLinkItem {
    font-size: 1.4rem
  }
}

.m_breadLinkItem a {
  position: relative;
  padding-right: 20px;
  color: #ee7300
}

.m_breadLinkItem a::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 6px;
  height: 6px;
  content: '';
  border-top: solid 2px #451700;
  border-right: solid 2px #451700;
  -webkit-transform: rotate(45deg) translate(5px, -8px);
  transform: rotate(45deg) translate(5px, -8px)
}

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

.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_itemTypeTag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 26px;
  padding: 0 4px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 26px;
  border-radius: 4px;
  font-size: 1.5rem;
  font-size: 4vw
}

@media only screen and (min-width: 1281px) {
  .m_itemTypeTag {
    font-size: 1.5rem
  }
}

.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_itemTypeTag.CM {
  color: #fff;
  background: #c40000;
  border-radius: 0px
}

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

@media only screen and (min-width: 1281px) {
  .m_detailHeadItemBody__title {
    font-size: 2.3rem
  }
}

.m_detailHeadItemBody__type {
  font-size: 1.8rem;
  font-size: 1.8rem;
  font-size: 4.8vw;
  font-weight: bold;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .m_detailHeadItemBody__type {
    font-size: 1.8rem
  }
}

.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: center;
  -ms-flex-pack: center;
  justify-content: center
}

.m_detailHeadItemBody__price {
  margin-top: -1rem;
  margin-left: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  font-size: 1.5rem;
  font-size: 4vw;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .m_detailHeadItemBody__price {
    font-size: 1.5rem
  }
}

.m_detailHeadItemBody__price span {
  padding: 0 4px 0 7px;
  font-size: 3.6rem;
  font-size: 3.6rem;
  font-size: 9.6vw
}

@media only screen and (min-width: 1281px) {
  .m_detailHeadItemBody__price span {
    font-size: 3.6rem
  }
}

.m_detailRegularItemName {
  font-size: 2.4rem;
  font-size: 2.4rem;
  font-size: 6.4vw;
  font-weight: bold;
  color: #451700;
  text-align: center
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularItemName {
    font-size: 2.4rem
  }
}

.m_detailRegularItemName span {
  font-size: 1.8rem;
  font-size: 1.8rem;
  font-size: 4.8vw
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularItemName span {
    font-size: 1.8rem
  }
}

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

@media only screen and (min-width: 1281px) {
  .m_detailRegularValueForm__title {
    font-size: 1.8rem
  }
}

.m_detailRegularValueForm__amount {
  margin-top: 10px;
  font-weight: 600;
  font-size: 2.0rem
}

.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: 36px;
  padding: 7px;
  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-right: 7px
}

.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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -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: calc(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.2rem;
  font-size: 1.2rem;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyNormal dt {
    font-size: 1.2rem
  }
}

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

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyNormal dd span {
  font-size: 1.9rem;
  font-size: 1.5rem;
  font-size: 4vw
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyNormal dd span {
    font-size: 1.5rem
  }
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue {
  position: relative;
  padding-left: 4%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #c40000;
  font-size: 1.5rem;
  font-size: 4vw
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue {
    font-size: 1.5rem
  }
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue span {
  padding-right: 3px;
  font-size: 3.0rem;
  font-size: 2.6rem;
  font-size: 6.93333vw
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyValue span {
    font-size: 2.6rem
  }
}

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

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

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

@media only screen and (min-width: 1281px) {
  .m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyRadio {
    font-size: 1.4rem
  }
}

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

@media only screen and (min-width: 1281px) {
  .m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__itemBodyRadio span {
    font-size: 1.4rem
  }
}

.m_detailRegularValueForm__item .m_detailRegularValueForm__itemBody .m_detailRegularValueForm__fakeRadio {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin: 4px 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: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  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;
  -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_detailRegularItemOnlyOne__price {
  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
}

.m_detailRegularItemOnlyOne__price dt {
  font-size: 1.5rem;
  font-size: 1.5rem;
  font-size: 4vw;
  font-weight: bold;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularItemOnlyOne__price dt {
    font-size: 1.5rem
  }
}

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

@media only screen and (min-width: 1281px) {
  .m_detailRegularItemOnlyOne__price dd {
    font-size: 1.2rem
  }
}

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

@media only screen and (min-width: 1281px) {
  .m_detailRegularItemOnlyOne__price dd span:nth-child(1) {
    font-size: 2.5rem
  }
}

.m_detailRegularItemOnlyOne__price dd span:nth-child(2) {
  font-size: 1.25rem;
  font-size: 1.2rem;
  font-size: 3.2vw
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularItemOnlyOne__price dd span:nth-child(2) {
    font-size: 1.2rem
  }
}

.m_detailRegularItemOnlyOne__price--includeRadio {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.m_detailRegularItemOnlyOne__price--includeRadio.p_umeninniku_detailRegularItemOnlyOne__price dd {
  width: 80%
}

.m_detailRegularItemOnlyOne__price--includeRadio.p_umeninniku_detailRegularItemOnlyOne__price .m_detailRegularItemOnlyOne__price__itemBodyRadio {
  width: 20%
}

.m_detailRegularItemOnlyOne__price--includeRadio dt {
  font-size: 3.5vw;
  font-weight: bold;
  color: #451700;
  width: 35%
}

.m_detailRegularItemOnlyOne__price--includeRadio dt span:nth-child(1) {
  padding: 0 5px;
  font-size: 6vw
}

.m_detailRegularItemOnlyOne__price--includeRadio dd {
  width: 45%;
  font-size: 1.2rem;
  font-size: 3.2vw;
  font-weight: bold;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularItemOnlyOne__price--includeRadio dd {
    font-size: 1.2rem
  }
}

.m_detailRegularItemOnlyOne__price--includeRadio dd span:nth-child(1) {
  padding: 0 5px;
  font-size: 6vw
}

.m_detailRegularItemOnlyOne__price--includeRadio .m_detailRegularItemOnlyOne__price__itemBodyRadio {
  font-size: 1.4rem;
  font-size: 1.4rem;
  font-size: 3.73333vw;
  color: #451700;
  text-align: center;
  width: 20%
}

@media only screen and (min-width: 1281px) {
  .m_detailRegularItemOnlyOne__price--includeRadio .m_detailRegularItemOnlyOne__price__itemBodyRadio {
    font-size: 1.4rem
  }
}

.m_detailRegularItemOnlyOne__price--includeRadio .m_detailRegularItemOnlyOne__price__itemBodyRadio span {
  font-size: 2.9vw;
  color: #451700
}

.m_detailRegularItemOnlyOne__price--includeRadio .u_smallText {
  font-size: 2.8vw
}

.m_detailRegularItemOnlyOne__price--includeRadio .u_xsText {
  font-size: 2.6vw
}

.m_detailRegularSafePoint {
  margin-top: 56px
}

.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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.m_detailRegularSafePoint dd div {
  width: 48%
}

.m_detailRegularSafePoint dd div:nth-child(3) {
  width: 100%;
  margin-top: 10px
}

.m_detailRegularSafePoint dd .point {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48%
}

.m_detailRegularSafePoint dd .change {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48%
}

.m_detailRegularSafePoint dd .select {
  width: 100%;
  margin-top: 10px
}

.m_detailRegularGreatValue {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  border: solid 2px #c40000;
  border-radius: 8px
}

.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 6%
}

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

.m_detailRegularGreatValue__thum {
  width: 11%;
  margin-right: 17px
}

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

.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;
  padding: 10px 5px;
  text-align: center;
  background: #000
}

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

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

.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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 5px 5px 0 5px
}

.m_seriesHeadCardBody__image {
  width: 45%
}

.m_seriesHeadCardBody__body {
  width: 53%;
  margin-left: 2%
}

.m_seriesHeadCardBody__bodyInner {
  margin-bottom: 10px
}

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

.m_seriesHeadCardBody__bodyInner dt span {
  display: block;
  text-indent: -1rem
}

.m_seriesHeadCardBody__bodyInner dd {
  font-size: 2.1rem;
  font-weight: bold;
  color: #a10000
}

.m_seriesHeadCardBody__bodyInner dd span {
  font-size: 1.3rem
}

.m_seriesHeadCardBody__points {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 0px 0px 0px;
  border-top: dotted 1px #dcc8a3
}

.m_seriesHeadCardBody__points li {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 18px;
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  color: #451700
}

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

.m_seriesHeadCardBody__points li::after {
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  content: '';
  border: solid 1px #451700
}

.m_seriesCardHead {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 0;
  font-size: 2.1rem;
  line-height: 1.3;
  color: #451700;
  text-align: center;
  background: #eee4d1
}

.m_seriesCardBody__name {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #451700;
  text-align: center
}

.m_seriesCardBody__name span {
  font-size: 1.8rem;
  text-indent: -1rem
}

.m_seriesCardBody__name a {
  color: #451700
}

.m_seriesCardBody__cart {
  padding-top: 20px;
  margin-top: 20px;
  border-top: solid 1px
}

.m_seriesCardBody__cart:nth-child(2) {
  padding-top: 0px;
  margin-top: 2px;
  border-top: none
}

.m_seriesCardBody__cartInner {
  width: 100%;
  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: center;
  -ms-flex-pack: center;
  justify-content: center
}

.m_seriesCardBody__cartInner dt p {
  margin-right: 14px;
  font-size: 1.85rem;
  font-weight: bold;
  color: #c40000
}

.m_seriesCardBody__cartInner dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  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: 3.6rem
}

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

.m_seriesCardBody__cartInner.Only dt p {
  font-size: 1.5rem;
  color: #451700
}

.m_seriesCardBody__cartInner.Only dd {
  font-size: 1.25rem;
  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: 2.5rem
}

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

.m_seriesCardBody__cartInner.OnlySpecial dt p {
  font-size: 1.5rem;
  color: #451700
}

.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: 1.5rem;
  font-weight: bold;
  color: #451700
}

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

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

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

.m_faqHeadTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 15px;
  font-size: 1.6rem;
  font-size: 1.6rem;
  font-size: 4.26667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background: #165939;
  border-radius: 8px
}

@media only screen and (min-width: 1281px) {
  .m_faqHeadTitle {
    font-size: 1.6rem
  }
}

.m_faqHead {
  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;
  height: auto;
  min-height: 44px;
  padding: 4px 80px 4px 15px
}

.m_faqHead .m_faqHead__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.5rem;
  font-size: 1.5rem;
  font-size: 4vw;
  font-weight: bold;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .m_faqHead .m_faqHead__inner {
    font-size: 1.5rem
  }
}

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

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

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

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

.m_faqHead__button {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 60px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  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.1rem;
  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: 7px;
  display: block;
  width: 8px;
  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 8px;
  overflow: hidden;
  font-size: 1.5rem;
  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: 15px 8px;
  visibility: visible;
  opacity: 1
}

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

.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: 100%;
  margin-top: 20px
}

.m_faqBody .m_faqBody__AnsInnerInLineImage {
  display: inline-block;
  width: 100%;
  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;
  padding: 16px;
  font-size: 1.5rem;
  font-weight: bold;
  background: url("/assets/static/common/img/bg_content_dark.jpg")
}

.m_infoHead dt {
  margin-bottom: 4px;
  color: #dcc8a3
}

.m_infoHead dd {
  color: #fff
}

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

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

.m_infoParagraph {
  font-size: 1.5rem;
  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: 47%
}

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

.m_infoImage img {
  width: 100%
}

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

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

.m_infoLink:hover {
  text-decoration: none
}

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

.c_breadLinkWarp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 3px 10px;
  overflow: hidden;
  background: #fff;
  border-bottom: solid 1px #dcc8a3
}

.c_breadLinkWarp .c_breadLinkInner {
  background: #fff
}

.c_detailHeadItemCard .m_detailHeadItemBody__title {
  margin-top: 15px
}

.c_detailHeadItemCard .m_detailHeadItemImage {
  width: 63%;
  margin: 0 auto
}

.c_detailHeadItemCard .m_cartButton-primary {
  width: 66%;
  margin: 10px auto 0
}

.c_detailRegularWrap .c_detailRegularInfo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

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

.c_detailRegularWrap .c_detailRegularForm .m_detailRegularImage {
  margin: 0 auto
}

.c_detailRegularWrap .c_detailRegularForm .m_detailRegularValueForm {
  margin-top: 25px
}

.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 {
  margin-top: 20px
}

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

.c_seriesHeadCard .m_seriesHeadCardFukidashi {
  margin-bottom: 25px
}

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

.c_seriesHeadCard .m_button-primary span {
  padding-left: 15px;
  text-align: left;
  letter-spacing: -0.1rem
}

.c_seriesCard {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 26px 0;
  overflow: hidden;
  background: #fff;
  border: solid 1px #dcc8a3;
  border-radius: 5px
}

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

.c_seriesCard.New .c_seriesCard__tag {
  display: block
}

.c_seriesCard.New .m_seriesCardBody {
  padding-top: 20px
}

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

.c_seriesCard .m_seriesCardBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px 0 0
}

.c_seriesCard .m_seriesCardBody .m_seriesCardBody__image {
  width: 100%;
  margin-bottom: 20px;
}

.c_seriesCard .m_seriesCardBody .m_seriesCardBody__content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 4%
}

.c_seriesCard .m_cartButton-quaternary {
  width: 248px;
  margin: 0 auto
}

.c_seriesCard .m_cartButton-tertiary {
  width: 248px;
  margin: 0 auto
}

.c_seriesCard.--noButton {
  background: transparent
}
.c_seriesCard.--noButton .m_seriesCardHead {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 0;
  font-size: 2.1rem;
  line-height: 1.3;
  color: #451700;
  text-align: center;
  background: #eee4d1
}
.c_seriesCard.--noButton .m_seriesCardBody {
  padding: 25px 13px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c_seriesCard.--noButton .m_seriesCardBody__image {
  width: 45%;
  margin-right: 8px
}
.c_seriesCard.--noButton .m_seriesCardBody__content {
  padding: 0
}
.c_seriesCard.--noButton .m_seriesCardBody__name {
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: left;
}
.c_seriesCard.--noButton .m_seriesCardBody__amount {
  font-size: 1.2rem
}
.c_seriesCard.--noButton .m_seriesCardBody__cart {
  padding-top: 10px;
  margin-top: 0
}
/* .c_seriesCard.--noButton .m_seriesCardBody__cart:nth-child(2) {
  margin-top: 10px
} */
.c_seriesCard.--noButton .m_seriesCardBody__title {
  margin-bottom: 5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.c_seriesCard.--noButton .m_seriesCardBody__titleText {
  margin-right: 7px;
  font-size: 1.6rem;
}
.c_seriesCard.--noButton .m_seriesCardBody__price {
  text-align: right
}
.c_seriesCard.--noButton .m_seriesCardBody__priceText:nth-child(1) {
  font-size: 2.6rem;
  padding: 0 8px
}
.c_seriesCard.--noButton .m_seriesCardBody__priceText:nth-child(2) {
  font-size: 1.6rem
}
.c_seriesCard.--noButton .m_seriesCardBody__priceText.--once:nth-child(1) {
  font-size: 2.2rem
}
.c_seriesCard.--noButton .m_seriesCardBody__priceText.--once:nth-child(2) {
  font-size: 1.2rem
}
.c_seriesCard.--noButton .m_itemTypeTag {
  height: 25px;
  margin-left: 0;
  margin-right: 4px;
  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;
  font-size: 1.2rem;
  line-height: 1.5
}
.m_seriesCard__appeal {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 15px;
  margin-top: 15px;
  margin-left: 15px;
  background-color: #f9f5ed;
  border-radius: 100vh;
  font-size: 1.4rem;
  text-align: left
}
.m_seriesCard__appealAttention {
  font-size: 1.0rem;
  vertical-align: top
}
.m_seriesCard__appealEmphasis {
  margin-left: 5px;
  font-size: 1.7rem;
  font-weight: bold
}
.m_seriesCard__contentWrap:hover .m_seriesCard__mainButton {
  background: #451700
}
.m_seriesCard__contentWrap:hover .m_seriesCard__mainButton a {
  color: #fff
}
.m_seriesCard__contentWrap:hover .m_seriesCard__mainButton a::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
}
.m_seriesCard__button {
  width: 215px;
  height: 35px;
  margin: 10px auto 0
}
.m_seriesCard__button a span {
  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.8rem
}
.m_seriesCard__button:active {
  background: #451700
}
.m_seriesCard__button:active a {
  color: #fff
}
.m_seriesCard__button:active a::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}
.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 a {
  color: #fff
}
.m_seriesCard__otherSize:hover .m_seriesCard__otherSizeButton a::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;
  color: #c40000
}
.m_seriesCard__otherSizePurchaseOnce {
  color: #451700
}
.m_seriesCard__otherSizePrice {
  padding: 0 8px
}
.m_seriesCard__otherSizePriceRegular {
  font-size: 2.6rem
}
.m_seriesCard__otherSizePriceOnce {
  font-size: 2.2rem
}

.c_lineUpCard {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0 15px 0;
  overflow: hidden;
  background: #fff
}

.c_lineUpCard .m_lineUpCard__image {
  width: 72%;
  margin: 0 auto
}

.c_lineUpCard .m_lineUpCard__icon {
  top: 0px;
  left: -7%;
  width: 34%
}

.c_lineUpCard .m_lineUpCard__content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4%
}

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

.c_lineUpCard .m_button-primary {
  width: 114px;
  margin: 10px auto 0
}

.c_faqItemCard {
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: 8px;
  -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: 8px 8px
}

.c_faqItemCard .m_faqItemCard__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20%
}

.c_faqItemCard .m_faqItemCard__title {
  margin-left: 4%
}

.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: 60px;
  margin-top: -60px
}

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

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

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

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

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

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

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

.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
}

.c_tag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 150px;
  padding: 10px;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;
  background-color: #c40000
}

.p_headerWrap {
  position: relative;
  z-index: 5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 50px;
  background: #fff
}

.p_headerHead {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  background-color: #fff;
  border-bottom: solid 1px #e1d6c8
}

.p_headerHead.Absolute {
  position: fixed;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: scrollNavUpMotionKey 0.6s;
  animation: scrollNavUpMotionKey 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.p_headerHead.Fixed {
  position: fixed;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: scrollNavMotionKey 0.6s;
  animation: scrollNavMotionKey 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.p_headerHead .p_headerLogo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 132px;
  margin: 10px 0 0 4%
}

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

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem {
  width: 50px;
  height: 40px;
  margin-left: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  letter-spacing: -0.15rem;
  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_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(1) {
  background: url("/assets/static/common/img/bg_nav_mypage_sp.png") no-repeat center;
  background-size: 50px 40px
}

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

.p_headerHead .p_headerMainMenu .p_headerMainMenuItem:nth-child(3) {
  width: 50px;
  height: 40px
}

.p_headerMainMenuButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  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;
  z-index: 10003
}

.p_headerMainMenuButton span {
  position: absolute;
  left: 9px;
  display: block;
  height: 2px;
  width: 32px;
  text-align: center;
  -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_headerMainMenuButton span:last-child {
  width: 100%;
  left: 0
}

.p_headerMainMenuButton__inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("/assets/static/common/img/bg_nav_menu_sp.png") no-repeat center;
  background-size: 50px 50px;
  border-radius: 0
}

.p_headerMainMenuButton__bar {
  background: #fff
}

.p_headerMainMenuButton__first {
  top: calc(50% - 14px)
}

.p_headerMainMenuButton__second {
  top: calc(50% - 8px)
}

.p_headerMainMenuButton__third {
  top: calc(50% - 2px)
}

.p_headerMainMenuButton__text {
  top: unset;
  bottom: 20px;
  left: 0;
  width: 100%;
  font-size: 0.9rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.15rem;
  background: none
}

.p_headerMainMenuButton.Back {
  right: unset;
  left: 0
}

.p_headerMainMenuButton.Absolute {
  position: fixed;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: scrollNavUpMotionKey 0.6s;
  animation: scrollNavUpMotionKey 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.p_headerMainMenuButton.Fixed {
  position: fixed;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: scrollNavMotionKey 0.6s;
  animation: scrollNavMotionKey 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.p_headerMainMenuButton.Act .p_headerMainMenuButton__first {
  top: calc(50% - 8px);
  left: 11px;
  width: 28px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p_headerMainMenuButton.Act .p_headerMainMenuButton__second {
  display: none
}

.p_headerMainMenuButton.Act .p_headerMainMenuButton__third {
  top: calc(50% - 8px);
  left: 11px;
  width: 28px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.p_headerMainMenuButton.Act .p_headerMainMenuButton__text {
  bottom: 18px
}

.p_headerInfoWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 4% 8px
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNews {
  margin-bottom: 2px
}

.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.5rem;
  color: #451700;
  text-decoration: underline
}

.p_headerInfoWrap .p_headerInfoInner .p_headerInfoNotice {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 8px;
  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.5rem;
  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;
  line-height: 1
}

.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_headerKeyWordWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  padding: 2px 0 2px 0;
  background: url("/assets/static/common/img/bg_navbar.jpg")
}

.p_headerKeyWordWrap .p_headerKeyWordInner {
  position: relative;
  z-index: 2;
  -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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  padding-left: 3%;
  background: url("/assets/static/common/img/bg_navbar_cover_sp.jpg") no-repeat center left;
  background-size: cover
}

.p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordHeading {
  width: 25%;
  font-size: 1.45rem;
  font-size: 1.4rem;
  font-size: 3.73333vw;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  letter-spacing: -0.2rem
}

@media only screen and (min-width: 1281px) {
  .p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordHeading {
    font-size: 1.4rem
  }
}

.p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 80%
}

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

.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.5rem;
  font-size: 1.5rem;
  font-size: 4vw;
  font-weight: 500;
  color: #fff;
  text-decoration: underline
}

@media only screen and (min-width: 1281px) {
  .p_headerKeyWordWrap .p_headerKeyWordInner .p_headerKeyWordList .p_headerKeyWordListItem a {
    font-size: 1.5rem
  }
}

.p_headerMenuWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: #c2b8a7;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .5s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_headerMenuWrap.Act {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.p_headerMenuWrap.Second {
  z-index: 10000
}

.p_headerMenuWrap.Second .p_headerGroupList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

.p_headerMenuWrap.Second .p_headerGroupList::after {
  content: "";
  display: block;
  width: 45%
}

.p_headerMenuWrap.Second .p_headerGroupList__item {
  width: 45%;
  border-bottom: solid 1px #b5a299
}

.p_headerMenuWrap.Second .p_headerGroupList__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #451700
}

.p_headerMenuWrap.Second .p_headerGroupList__link::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  border-top: solid 1px #451700;
  border-right: solid 1px #451700;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p_headerMenuWrap.Second .p_headerGroupList__image {
  width: 30%
}

.p_headerMenuWrap.Second .p_headerGroupList__text {
  max-width: 47%;
  margin-left: 5px
}

.p_headerMenuWrap .p_headerMenuBody {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: calc(20px + 50px) 25px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.p_headerMenuWrap .p_headerMenuBody .p_headerMenuHead {
  font-size: 1.5rem;
  color: #451700
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox {
  border-bottom: solid 1px #451700
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox.NoBorder {
  border-bottom: none
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox:last-child {
  border-bottom: none
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerPullBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .5s cubic-bezier(0.19, 1, 0.22, 1)
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerPullBox.Act {
  max-height: 200vh;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 1s;
  transition: 1s
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 56px;
  line-height: 56px;
  background: url("/assets/static/common/img/icon_menu_arrow_fill_down_sp.png") no-repeat center right;
  background-size: 25px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle.Act {
  background: url("/assets/static/common/img/icon_menu_arrow_fill_up_sp.png") no-repeat center right;
  background-size: 25px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle.New span {
  position: relative
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle.New span::before {
  content: " ";
  position: absolute;
  top: 20%;
  right: -8%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ec0000
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 56px;
  font-size: 1.8rem;
  font-size: 1.8rem;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 56px;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle span {
    font-size: 1.8rem
  }
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle img {
  height: auto;
  width: 35px;
  margin-right: 10px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle.WithIcon span {
  padding-left: 45px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle.WithLink {
  background: url("/assets/static/common/img/icon_menu_arrow_line_sp.png") no-repeat center right;
  background-size: 25px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupTitle.WithLink a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  color: #451700;
  cursor: pointer
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox:nth-child(2) .p_headerGroupTitle span {
  background: url("/assets/static/common/img/icon_nav1_sp.png") no-repeat center left;
  background-size: 36px 54px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox:nth-child(3) .p_headerGroupTitle span {
  background: url("/assets/static/common/img/icon_nav2_sp.png") no-repeat center left;
  background-size: 36px 54px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox:nth-child(4) .p_headerGroupTitle span {
  background: url("/assets/static/common/img/icon_nav3_sp.png") no-repeat center left;
  background-size: 36px 54px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox:nth-child(5) .p_headerGroupTitle span {
  background: url("/assets/static/common/img/icon-nav4_sp.png") no-repeat center left;
  background-size: 36px 54px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox:nth-child(6) .p_headerGroupTitle span {
  background: url("/assets/static/common/img/icon_nav5_sp.png") no-repeat center left;
  background-size: 36px 54px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 45px;
  border-bottom: solid 1px #b5a299
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem:first-child {
  border-top: solid 1px #b5a299
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem:last-child {
  border-bottom: none
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem.New span {
  position: relative
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem.New span::before {
  content: " ";
  position: absolute;
  top: 20%;
  right: -12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ec0000
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
  height: 45px;
  font-size: 1.5rem;
  color: #451700;
  font-size: 1.5rem;
  font-size: 3.94737vw
}

@media only screen and (min-width: 1281px) {
  .p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem a {
    font-size: 1.5rem
  }
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem a img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: auto
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem a span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 10px;
  line-height: 45px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerGroupList .p_headerGroupListItem a::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  border-top: solid 1px #451700;
  border-right: solid 1px #451700;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .m_button-primary {
  margin-top: 12px;
  margin-bottom: 20px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .m_button-primary a span {
  font-size: 1.4rem;
  font-size: 3.5vw
}

@media only screen and (min-width: 1281px) {
  .p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .m_button-primary a span {
    font-size: 1.4rem
  }
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerBanner {
  margin-top: 15px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerBanner:nth-child(1) {
  margin-top: 36px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerTel {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 80px;
  background: #fff;
  border-radius: 4px
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerTel a {
  display: block;
  width: 100%;
  height: 100%
}

.p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerTel p {
  margin-top: 5px;
  font-size: 1.3rem;
  font-size: 1.2rem;
  font-size: 3.2vw
}

@media only screen and (min-width: 1281px) {
  .p_headerMenuWrap .p_headerMenuBody .p_headerGroupBox .p_headerTel p {
    font-size: 1.2rem
  }
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0;
  border-top: solid 2px #e1d6c8
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox .p_headerSubGroupTitle {
  position: relative
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox .p_headerSubGroupTitle .p_headerSubGroupTitleInner {
  position: relative;
  z-index: 2;
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox .p_headerSubGroupTitle .p_headerSubGroupTitleInner span {
  font-size: 1.8rem
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox .p_headerSubGroupTitle::after {
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 4px;
  content: '';
  background: #dfcd95
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox .p_headerGroupList .p_headerGroupListItem {
  height: 45px;
  line-height: 45px;
  border-bottom: none
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox .p_headerGroupList .p_headerGroupListItem:first-child {
  border-top: none
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox .p_headerGroupList .p_headerGroupListItem a span {
  position: relative;
  padding-left: 0px;
  font-weight: bold
}

.p_headerMenuWrap .p_headerMenuBody .p_headerSubGroupBox .p_headerGroupList .p_headerGroupListItem a span::after {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background: #f8bc82
}

.p_headerMenuWrap .p_headerMenuBody__header {
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  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;
  background: #451700;
  color: #fff;
  z-index: 10003;
  text-align: center
}

.p_headerMenuWrap .p_headerMenuClose {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: url("/assets/static/common/img/nav_bg_sp.png") no-repeat center;
  background-size: 50px 50px;
  border-radius: 0px
}

.p_headerMenuWrap .p_headerMenuClose span {
  position: absolute;
  left: 12px;
  display: block;
  width: 26px;
  height: 2px;
  text-align: center;
  background: #fff
}

.p_headerMenuWrap .p_headerMenuClose span:nth-child(1) {
  top: calc(50% - 6px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p_headerMenuWrap .p_headerMenuClose span:nth-child(2) {
  top: calc(50% - 6px);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.p_headerMenuWrap .p_headerMenuClose span:nth-child(3) {
  top: unset;
  bottom: 18px;
  left: 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  background: none
}

.p_headerMenuWrapButton {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  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;
  z-index: 10003
}

.p_headerMenuWrapButton.Absolute {
  position: fixed;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: scrollNavUpMotionKey 0.6s;
  animation: scrollNavUpMotionKey 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.p_headerMenuWrapButton.Fixed {
  position: fixed;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: scrollNavMotionKey 0.6s;
  animation: scrollNavMotionKey 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.p_headerMenuWrapButton span {
  position: absolute
}

.p_headerMenuWrapButton__inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("/assets/static/common/img/bg_nav_menu_sp.png") no-repeat center;
  background-size: 50px 50px;
  border-radius: 0
}

.p_headerMenuWrapButton__text {
  top: unset;
  bottom: 5px;
  left: 0;
  width: 100%;
  font-size: 0.9rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.15rem;
  text-align: center
}

.p_headerMenuArrow {
  display: inline-block;
  line-height: 1;
  background: white;
  position: absolute;
  top: calc(50% - 8px);
  left: 12.5px;
  display: block;
  height: 1px;
  width: 25px;
  text-align: center
}

.p_headerMenuArrow::before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  border: 1px solid white;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: -0.05em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.p_footerWrap {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}

.p_footerScrollTop {
  position: fixed;
  right: 4%;
  bottom: 30px;
  z-index: 9999;
  width: 64px;
  height: 64px;
  padding-bottom: calc(env(safe-area-inset-bottom));
  cursor: pointer
}

.p_footerSpecialWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4% 40px;
  background: #fff
}

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

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

.p_footerSpecialWrap .p_footerSpecial .p_footerSpecialBanners .p_footerSpecialBannerItem {
  width: 100%;
  margin-bottom: 14px
}

.p_footerGuidWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 4% 20px;
  background: #f7f2e8
}

.p_footerGuidWrap .p_footerGuidHeading {
  height: 40px;
  font-size: 2.0rem;
  line-height: 40px;
  color: #451700;
  text-align: center;
  background: #e6dbc9;
  border-radius: 20px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 14px;
  margin-top: 15px;
  background: #fff;
  border: solid 2px #e6dbc9;
  border-radius: 8px
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard dl dt {
  margin-bottom: 4px;
  font-size: 2.3rem;
  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.6rem;
  font-weight: 500;
  line-height: 1.4;
  color: #451700;
  letter-spacing: -0.1rem
}

.p_footerGuidWrap .p_footerGuidCardWrap .p_footerGuidCard .m_button-primary {
  width: 130px;
  margin: 22px auto 0
}

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

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

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

.p_footerFlowWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 27px 4%;
  background: url("/assets/static/common/img/bg_footer_flow_sp.png") repeat center top;
  background-size: cover
}

.p_footerFlowWrap .p_footerFlowInner .p_footerFlowArrow {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
  background: #ee7300
}

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

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

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 33px 15px 15px;
  margin-top: 33px;
  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.5rem;
  font-weight: bold;
  color: #ee7300;
  text-align: center
}

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

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd .InnerIndent {
  display: inline-block;
  text-indent: 6rem
}

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

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

.p_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowButton {
  width: 100%;
  height: 46px;
  margin-top: 15px;
  line-height: 46px;
  background: url("/assets/static/common/img/icon_round_arrow_white.png") no-repeat #ee7300;
  background-position: 96% center;
  background-size: 12px;
  border: solid 1px #ee7300;
  border-radius: 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_footerFlowWrap .p_footerFlowInner .p_footerFlow dl dd.p_footerFlowButton a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding-left: 27px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

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

.p_footerNavWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 3% 20px
}

.p_footerNavWrap .p_footerNavInner .p_footerSeriesNavWrap {
  width: 100%
}

.p_footerNavWrap .p_footerNavInner .p_footerSeriesNavWrap .p_footerSeriesNavHeading {
  font-size: 1.5rem;
  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: 100%;
  margin-top: 10px
}

.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: 18px;
  font-size: 1.3rem;
  color: #451700;
  background: url("/assets/static/common/img/icon_round_arrow_orange.png") no-repeat left center;
  background-size: 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_footerNavWrap .p_footerNavInner .p_footerSomeNavWrap {
  width: 100%;
  margin-top: 20px
}

.p_footerNavWrap .p_footerNavInner .p_footerSomeNavWrap .p_footerSomeNavHeading {
  font-size: 1.5rem;
  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: 10px
}

.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: 18px;
  font-size: 1.3rem;
  color: #451700;
  background: url("/assets/static/common/img/icon_round_arrow_orange.png") no-repeat left center;
  background-size: 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_footerNavWrap .p_footerSNS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: 27px
}

.p_footerNavWrap .p_footerSNS .p_footerSNSItem {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 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_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_footerSubNavWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 27px 4% 17px;
  background: url("/assets/static/common/img/bg_footer_line.png") repeat-x left top
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSubNavHeading {
  width: 154px;
  margin: 0 auto;
  margin-top: 24px;
  text-align: center
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSubNavHeading a {
  color: #000
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSubNavHeading span {
  display: inline-block;
  margin-top: 5px;
  font-size: 1.0rem;
  font-weight: bold
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav {
  text-align: center
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem {
  position: relative;
  display: inline-block;
  padding: 2px 15px
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem:nth-child(1), .p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem:nth-child(2) {
  display: block
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem:nth-child(3)::after, .p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem:nth-child(5)::after {
  position: absolute;
  top: 25%;
  right: 0;
  display: block;
  width: 1px;
  height: 50%;
  content: '';
  background: #451700
}

.p_footerSubNavWrap .p_footerSubNavInner .p_footerSiteNavWrap .p_footerSiteNav .p_footerSiteNavItem:last-child {
  padding: 0 0 0 15px
}

.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.5rem;
  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_footerGuaranteeNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem {
  width: 100%;
  margin-bottom: 8px;
  color: #000
}

.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;
  width: 20%;
  text-align: center
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem dd {
  width: 80%;
  font-size: 1.1rem
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem:nth-child(1) dt img {
  width: 60%
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem:nth-child(2) dt img {
  width: 80%
}

.p_footerSubNavWrap .p_footerGuaranteeNav .p_footerGuaranteeNavItem:nth-child(3) dt img {
  width: 80%
}

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

.p_footerCopyRight small {
  display: block;
  font-size: 1.2rem;
  color: #fff
}

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

.topPageHero .topPageHeroKv {
  width: 100%
}

.topPageHero .topPageHeroItemsWrap {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92%;
  padding: 16px 4% 0;
  margin: -82px 4% 0;
  background: url("/assets/static/sp/index/img/top_hero_item_bg_sp.webp") no-repeat center top
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsTitle {
  width: 100%;
  margin: 0 auto
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox {
  -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: 20px 0 0 0
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem {
  width: 50%
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem .topPageHeroItemHead {
  width: 130%;
  margin-left: -15%;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.55rem;
  line-height: 1.3;
  color: #451700;
  text-align: center
}

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

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem .topPageHeroItemButton {
  position: relative;
  z-index: 2;
  width: 95%;
  height: 49px;
  margin-top: -10px
}

.topPageHero .topPageHeroItemsWrap .topPageHeroItemsBox .topPageHeroItem .topPageHeroItemButton a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.45rem;
  line-height: 1.9;
  color: #fff;
  text-align: center;
  letter-spacing: -0.2rem;
  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: 100%;
  margin: 10px auto 20px
}

.topPageHero .topPageHeroBannerWrap {
  width: 100%;
  padding: 0 0 30px 0;
  margin-top: 30px;
  background: url("/assets/static/sp/index/img/top_hero_bottom_sp.webp") no-repeat center bottom;
  background-size: cover
}

.topPageHero .topPageHeroBannerWrap .topPageHeroBanner {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92%;
  margin: 0 auto
}

.topPageHero .topPageHeroBannerWrap .topPageHeroBanner .m_button-primary {
  position: absolute;
  bottom: 18px;
  left: 50%;
  width: 130px;
  margin-left: -65px
}

.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: wrap;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 15px
}

.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
}

.topPageLineUpTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92%;
  padding-top: 16%;
  margin: 0 auto;
  text-align: center;
  background: url("/assets/static/sp/index/img/top_lineup_title_bg_sp.webp") no-repeat center top;
  background-size: 100%
}

.topPageLineUpTitle span {
  font-size: 0
}

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

.topPageLineUp .topPageLineUpTitleWrap {
  width: 100%;
  margin-bottom: 30px
}

.topPageLineUp .topPageLineUpTitleWrap .topPageLineUpTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92%;
  padding-top: 16%;
  margin: 0 auto;
  text-align: center;
  background: url("/assets/static/sp/index/img/top_lineup_title_bg_sp.webp") no-repeat center top;
  background-size: 100%
}

.topPageLineUp .topPageLineUpTitleWrap .topPageLineUpTitle span {
  font-size: 0
}

.topPageLineUp .topPageLineUpTitleWrap .topPageLineUpRead {
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700;
  text-align: center;
  padding-top: 15px;
}

.topPageLineUp .topPageLineUpTitleWrap.LineUp {
  margin-bottom: 0px
}

.topPageLineUp .topPageLineUpTitleWrap.LineUp .topPageLineUpTitle {
  background: url("/assets/static/sp/index/img/top_lineup_title_bg_sp2.webp") no-repeat center top;
  background-size: 100%
}

.topPageLineUp .topPageLineUpSlideWrap {
  position: relative;
  margin-bottom: 45px
}

.topPageLineUp .topPageLineUpSlideWrap .topPageLineUpSlidePrev {
  position: absolute;
  bottom: -20px;
  left: 4%;
  z-index: 2;
  width: 48px;
  height: 48px
}

.topPageLineUp .topPageLineUpSlideWrap .topPageLineUpSlideNext {
  position: absolute;
  right: 4%;
  bottom: -20px;
  z-index: 2;
  width: 48px;
  height: 48px
}

.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: 30px
}

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

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4% 8px;
  text-align: center;
}

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

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox {
  position: relative
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingPrev {
  position: absolute;
  top: calc(50% - 17px);
  left: 12.5%;
  z-index: 2;
  width: 48px;
  height: 48px
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingNext {
  position: absolute;
  top: calc(50% - 17px);
  right: 16%;
  z-index: 2;
  width: 48px;
  height: 48px
}

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

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

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 40px 0 20px
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .swiper-slide {
  height: auto
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92%;
  height: 100%;
  padding: 28px 14px 16px;
  background: #fff
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRanking .topPageLineUpRankingItem .topPageLineUpRankingItemNum {
  position: absolute;
  top: -20px;
  left: 0px;
  width: 45px;
  height: 29px
}

.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-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.4;
  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: 1.5rem;
  font-weight: bold
}

.topPageLineUp .topPageLineUpItemsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4%;
  padding-top: 60px;
  background-size: 92% auto
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem {
  width: 48%;
  margin-top: 30px
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemHead {
  position: relative;
  height: 50px;
  width: 100%;
  margin-bottom: 22px
}

.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: 1.5rem;
  line-height: 1.1em
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody {
  background: #fff
}

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

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .topPageLineUpItemBody .topPageLineUpItemBodyImage {
  width: 70%;
  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: 45px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
  color: #451700;
  text-align: center
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .m_button-primary {
  width: 100%;
  margin: 12px auto 0
}

.topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .m_button-primary a span {
  margin-left: -2%;
  letter-spacing: -0.05rem
}

@media screen and (max-width: 320px) {
  .topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .m_button-primary a span {
    font-size: 1.3rem;
    font-size: 3.46667vw
  }
}

@media only screen and (max-width: 320px) and (min-width: 1281px) {
  .topPageLineUp .topPageLineUpItemsWrap .topPageLineUpItem .m_button-primary a span {
    font-size: 1.3rem
  }
}

.topPageAozora {
  background: #fff
}

.topPageAozora .topPageAozoraTitleWrap {
  position: relative;
  height: 88px;
  background: url("/assets/static/sp/index/img/top_aozora_head_line_sp.webp") repeat-x left 5px;
  background-size: 50%
}

.topPageAozora .topPageAozoraTitleWrap .topPageAozoraTitle {
  position: absolute;
  top: -120px;
  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: 262px;
  height: 262px;
  margin-left: -131px;
  text-align: center;
  background: url("/assets/static/sp/index/img/top_aozora_head_logo_sp.webp") no-repeat center;
  background-size: 50%
}

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

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

.topPageAozora .topPageAozoraItemWrap .topPageAozoraPrev {
  position: absolute;
  top: calc(50% - 28px);
  left: 4%;
  z-index: 2;
  width: 56px;
  height: 56px
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraNext {
  position: absolute;
  top: calc(50% - 28px);
  right: 4%;
  z-index: 2;
  width: 56px;
  height: 56px
}

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px
}

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

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

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemNewsIcon {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 2;
  width: 67px;
  height: 31px;
  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: 25px 15px 25px 15px;
  color: #451700;
  background: url("/assets/static/common/img/bg_content.jpg")
}

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

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

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

.topPageAozora .topPageAozoraItemWrap .topPageAozoraItemBox .topPageAozoraItem .topPageAozoraItemBody .topPageAozoraItemBodyCat {
  position: absolute;
  top: -17px;
  width: auto;
  height: 25px;
  padding: 0 12px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 25px;
  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")
}

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

.topPageNews .topPageNewsListWrap {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40% 0;
  background: url("/assets/static/sp/index/img/top_nesw_list_bg_head_sp.webp") no-repeat top center, url("/assets/static/sp/index/img/top_nesw_list_bg_bottom_sp.png") no-repeat bottom center;
  background-size: 100%
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox {
  position: relative;
  background: url("/assets/static/sp/index/img/top_nesw_list_bg_mid_sp.webp");
  background-size: 100%
}

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

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

.topPageNews .topPageNewsListWrap .topPageNewsListBox .m_button-primary {
  width: 130px;
  margin: 28px auto 0
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4%;
  margin-bottom: 38px
}

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

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListTitleBody {
  width: 190px;
  height: 53px;
  margin: 0 auto;
  text-align: center;
  background: url("/assets/static/index/img/top_news_bard1.webp") no-repeat bottom center;
  background-size: 100%
}

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

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

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListNewItem dl {
  font-size: 1.5rem
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListNew .topPageNewsListNewItem dl dt {
  margin-bottom: 2px
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4%
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListTitleBody {
  width: 187px;
  height: 52px;
  margin: 0 auto;
  text-align: center;
  background: url("/assets/static/index/img/top_news_bard2.webp") no-repeat bottom center;
  background-size: 100%
}

.topPageNews .topPageNewsListWrap .topPageNewsListBox .topPageNewsListFaq .topPageNewsListFaqItem {
  margin-bottom: 15px;
  background: #fff;
  border-radius: 6px
}

.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: 1.5rem;
  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: 46px;
  padding-bottom: 36px;
  margin-top: -10px;
  background: #fff
}

.topPageSNS .topPageSNSContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4%
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap {
  -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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 8px 0;
  margin-bottom: 13px;
  background: url("/assets/static/common/img/bg_top_sns_bar_sp.png");
  background-size: cover
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap .topPageSNSTitle {
  width: 100%;
  font-size: 1.45rem;
  color: #fff;
  text-align: center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.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;
  width: 80%;
  margin: 16px auto
}

.topPageSNS .topPageSNSContent .topPageSNSTitleWrap .topPageSNSTitleSNS li {
  width: 44px
}

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

.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: 48%
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem:nth-child(3) {
  margin-top: 10px
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem:nth-child(4) {
  margin-top: 10px
}

.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.2rem;
  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
}

.topPageSNS .topPageSNSContent .topPageSNSPhotos .topPageSNSPhotoItem .topPageSNSPhotoItemButton.X a {
  background: #0F1419
}

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

.itemDetailPageHeadBanner .itemDetailPageHeadBannerInner {
  width: 100%;
  margin: 0 auto
}

.itemDetailContent {
  padding-top: 14px;
  padding-bottom: 60px
}

.itemDetailHeadItemInfo {
  margin-top: 50px
}

.itemDetailRecommend {
  margin-top: 50px
}

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

.itemDetailRecommend .itemDetailRecommendList {
  margin-top: -12%
}

.itemDetailTabMenu {
  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;
  margin-top: 70px
}

.itemDetailTabMenu .itemDetailTabMenuItem {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48%;
  padding-top: 20%;
  text-align: center;
  background: url("/assets/static/common/img/bg_item_tab_menu.png") no-repeat center;
  background-size: 100%
}

.itemDetailTabMenu .itemDetailTabMenuItem a {
  position: absolute;
  top: 0;
  left: 0;
  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%;
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700
}

.itemDetailTabMenu .itemDetailTabMenuItem a span {
  display: inline-block;
  margin-top: -10px
}

.itemDetailHistory {
  margin-top: 40px
}

.itemDetailFeature {
  margin-top: 40px
}

.itemDetailMaterial {
  margin-top: 40px
}

.itemDetailVoice {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px;
  padding-bottom: 45px;
  margin-top: 60px;
  background: #f5f0e4
}

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

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

.itemDetailVoice .itemDetailVoiceListWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4%;
  margin-top: 40px
}

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListRead {
  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;
  margin: 26px 0 20px 0;
  text-align: center;
  background: url("/assets/static/common/img/bg_content_dark.jpg");
  border-radius: 54px
}

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

@media only screen and (min-width: 1281px) {
  .itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListRead span {
    font-size: 1.6rem
  }
}

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

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 0;
  background: url("/assets/static/common/img/bg_voice_line_sp.png") repeat-x bottom left;
  background-size: 100% auto
}

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

.itemDetailVoice .itemDetailVoiceListWrap .itemDetailVoiceListBox .itemDetailVoiceListItem__side p {
  font-size: 1.4rem;
  font-weight: bold;
  color: #451700;
  letter-spacing: -0.1rem
}

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

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

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

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

.itemDetailRegularService {
  margin-top: 48px
}

.itemDetailRegularServiceContent {
  margin-top: 30px;
  margin-bottom: 50px
}

.itemDetailRegularServiceFaq {
  margin-bottom: 40px
}

.itemDetailRegularServiceFaq:last-child {
  margin-bottom: 0
}

.itemDetailDataWrap {
  margin-top: 35px
}

.itemDetailDataWrap .itemDetailDataBox {
  width: 100%
}

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

.itemDetailDataWrap .itemDetailData .itemDetailDataTitle {
  position: relative;
  padding-bottom: 4px;
  margin-bottom: 5px;
  font-size: 1.7rem;
  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.5rem;
  color: #451700
}

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

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

.itemDetailDataWrap .itemDetailData .itemDetailDataBody table td {
  padding: 2px;
  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: 4px
}

.itemDetailRegularFaq {
  margin-top: 70px
}

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

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

.itemDetailSeriesContent {
  position: relative;
  z-index: 2;
  padding-top: 15px;
  padding-bottom: 60px
}

.itemDetailSeriesContent .c_seriesCard {
  margin-top: 20px
}

.itemDetailBannerTitle {
  margin-bottom: 20px;
  font-size: 1.9rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.itemDetailBannerTitle__SecRow {
  font-size: 1.6rem
}

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

.itemDetailCommentary {
  margin-top: 35px
}

.itemDetailFigureWrap .itemDetailFigureBox {
  width: 100%;
  margin-top: 35px
}

.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-size: 2.4rem;
  font-size: 6.4vw;
  font-weight: bold;
  line-height: 1.5;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .itemDetailFigureWrap .itemDetailFigureBox__title {
    font-size: 2.4rem
  }
}

.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;
  margin-top: 20px
}

.itemDetailVoiceFigure.Wide {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px
}

.itemDetailVoiceFigure.Wide .itemDetailVoiceFigure__image {
  width: 90%;
  margin: 0 auto
}

.itemDetailVoiceFigure.Wide .itemDetailVoiceFigure__body {
  width: 100%;
  margin-top: 20px
}

.itemDetailVoiceFigure__image {
  width: 50%
}

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

.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
}

.itemSeriesContent {
  padding-bottom: 30px
}

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

.itemSeriesListTitle {
  margin-bottom: 30px
}

.itemSeriesList .c_seriesHeadCard {
  margin-bottom: 20px
}

.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-top: 15px
}

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

.itemSeriesCardsContent.NoHead {
  padding-top: 25px
}

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

.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-top: 30px
}

.itemSeriesBannerContent .itemSeriesBanner {
  width: 100%
}

.infoPageContent {
  padding-top: 24px;
  padding-bottom: 45px
}

.infoPageTitle {
  margin-bottom: 32px
}

.coursePageContent {
  padding-top: 30px;
  padding-bottom: 40px
}

.coursePageTitle {
  margin-bottom: 25px
}

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

.courseExplainBox.WithPd {
  padding: 19px 0
}

.courseExplainBox.White {
  background: #fff
}

.courseSectionBodyTitleWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3%
}

.courseSectionBodyTitle {
  padding: 0.8rem 0;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  background: #ee7300;
  border-radius: 50px;
  font-size: 2rem;
  font-size: 5.33333vw;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

@media only screen and (min-width: 1281px) {
  .courseSectionBodyTitle {
    font-size: 2rem
  }
}

.courseSectionBodyTitle span {
  display: inline-block;
  font-size: 2.1rem;
  color: #ffebb0;
  font-size: 2.2rem;
  font-size: 5.86667vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionBodyTitle span {
    font-size: 2.2rem
  }
}

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

.courseSectionPrimary {
  margin-top: 25px
}

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

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

.courseSectionPrimary .courseSectionPrimaryHead__read {
  position: relative;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-size: 1.6rem;
  font-size: 4.26667vw;
  line-height: 30px;
  color: #451700;
  text-align: center;
  letter-spacing: -0.2rem;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  background: #fff;
  border-radius: 8px
}

@media only screen and (min-width: 1281px) {
  .courseSectionPrimary .courseSectionPrimaryHead__read {
    font-size: 1.6rem
  }
}

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

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

@media only screen and (min-width: 1281px) {
  .courseSectionPrimary .courseSectionPrimaryHead__title {
    font-size: 2.6rem
  }
}

.courseSectionPrimary .courseSectionPrimaryHead__title sup {
  position: absolute;
  top: -5px;
  left: 12%;
  font-size: 1rem
}

.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 {
  font-size: 1.1rem;
  color: #fff
}

.courseSectionPrimary .courseSectionPrimaryHead__icon {
  position: absolute;
  top: 50px;
  right: 4%;
  width: 34%
}

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

.courseSectionPrimary .courseSectionPrimaryBody.NoBottom {
  padding-bottom: 0
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneWrap {
  margin-top: 20px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 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 {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}

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

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one.oneGood {
  width: 92%;
  padding-bottom: 0px;
  margin: 0 auto 15px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one.oneGood:last-child {
  margin-bottom: 0
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(1) .StarIcon:nth-child(4) {
  bottom: 20px;
  left: 35%
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(1) .StarIcon:nth-child(5) {
  right: 15%;
  bottom: 20px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(2) .StarIcon:nth-child(4) {
  bottom: 15px;
  left: 40%
}

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

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(3) .StarIcon:nth-child(4) {
  top: 0px;
  left: 35%
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one:nth-child(3) .StarIcon:nth-child(5) {
  right: 15%;
  bottom: 10px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one .courseSectionPrimaryBody__oneArrow {
  position: absolute;
  top: 50%;
  right: 4%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url("/assets/static/common/img/icon_round_arrow_orange_down.png") no-repeat center;
  background-size: 20px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__one a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon {
  width: 40%;
  margin-left: -2%
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon.Single {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-left: 0
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon.Single .m_faqHead__button {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12.5px
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon.Single .InnerIcon {
  display: block;
  width: 16%;
  height: 100%;
  margin-right: 5%
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon.Single .InnerTitle {
  width: 80%;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: -0.05rem;
  font-size: 1.65rem;
  font-size: 4.4vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon.Single .InnerTitle {
    font-size: 1.65rem
  }
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneIcon.Single .InnerTitle span {
  position: relative;
  z-index: 2;
  display: inline-block
}

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

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody {
  position: relative;
  width: 47%;
  color: #451700;
  text-align: center
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dt {
  font-size: 1.3rem;
  font-size: 1.3rem;
  font-size: 3.46667vw;
  font-weight: bold
}

@media only screen and (min-width: 1281px) {
  .courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dt {
    font-size: 1.3rem
  }
}

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

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

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dt span::before {
  position: absolute;
  top: 12%;
  left: -10px;
  width: 2px;
  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: 4px;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.1rem;
  font-size: 2.5rem;
  font-size: 6.66667vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneBody dd {
    font-size: 2.5rem
  }
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 0;
  padding: 0 0 0;
  margin-top: 10px;
  margin-bottom: 0;
  overflow: hidden;
  color: #451700;
  visibility: hidden;
  background: url("/assets/static/common/img/bg_light_line_sp.png") repeat-x top center;
  background-size: 100%;
  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)
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody.Act {
  height: auto;
  max-height: 9999px;
  padding: 20px 0 0;
  margin-top: 10px;
  margin-bottom: 15px;
  visibility: visible;
  opacity: 1
}

.courseSectionPrimary .courseSectionPrimaryBody .courseSectionPrimaryBody__oneGoodBody dd {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: bold
}

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

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

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

.courseSectionPrimaryPuls span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 7px;
  margin: -3px 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: 40px;
  background: #fcfaf6
}

.courseSectionSecondary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92%;
  padding: 45px 0 55px;
  margin: 0 auto;
  background: url("/assets/static/common/img/bg_course_line_sp.png") repeat-x bottom center;
  background-size: 100%
}

.courseSectionSecondary:first-child {
  padding-top: 0
}

.courseSectionSecondary:last-child {
  background: none
}

.courseSectionSecondary .courseSectionSecondaryHead {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px
}

.courseSectionSecondary .courseSectionSecondaryHead__fukidashi {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding-right: 5px
}

.courseSectionSecondary .courseSectionSecondaryHead__titleWrap {
  position: relative;
  z-index: 2;
  width: 80%
}

.courseSectionSecondary .courseSectionSecondaryHead__title {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #451700;
  font-size: 1.7rem;
  font-size: 4.53333vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionSecondary .courseSectionSecondaryHead__title {
    font-size: 1.7rem
  }
}

.courseSectionSecondary .courseSectionSecondaryHead__title span {
  display: block;
  margin-top: 4px;
  font-size: 2.2rem;
  color: #a10000;
  font-size: 2.2rem;
  font-size: 5.86667vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionSecondary .courseSectionSecondaryHead__title span {
    font-size: 2.2rem
  }
}

.courseSectionSecondary .courseSectionSecondaryHead__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 22%
}

.courseSectionSecondary .courseSectionSecondaryHead__note {
  width: 100%;
  margin-top: 6px;
  font-size: 1.3rem;
  color: #451700;
  font-size: 1.3rem;
  font-size: 3.46667vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionSecondary .courseSectionSecondaryHead__note {
    font-size: 1.3rem
  }
}

.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: 20%;
  min-width: 70px;
  margin-right: 2%
}

.courseSectionSecondary .courseSectionSecondaryBody .course1content .course1contentHead dd {
  width: 78%;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
  color: #451700;
  font-size: 1.5rem;
  font-size: 4vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionSecondary .courseSectionSecondaryBody .course1content .course1contentHead dd {
    font-size: 1.5rem
  }
}

.courseSectionSecondary .courseSectionSecondaryBody .course1content .course1contentBody {
  margin-top: 6px
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 16px auto 0
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreIcon {
  width: 15%;
  min-width: 40px;
  margin-right: 10px
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody {
  width: 80%
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dt {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
  color: #a10000;
  font-size: 1.5rem;
  font-size: 4vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dt {
    font-size: 1.5rem
  }
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dt span {
  font-size: 2.1rem;
  font-size: 2.1rem;
  font-size: 5.6vw
}

@media only screen and (min-width: 1281px) {
  .courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreBody dt span {
    font-size: 2.1rem
  }
}

.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: 30%;
  content: '';
  background: #dcc8a3
}

.courseSectionSecondary .courseSectionSecondaryBody .course1contentMore .course1contentMoreNote {
  margin-top: 6px;
  font-size: 1.3rem;
  color: #451700
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentHead {
  width: 43%
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody {
  margin-top: -4%
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureWrap {
  -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: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px 0 10px;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureWrap .course3contentFigure {
  width: 46%;
  margin: 0 1.5% 6px;
  background: url("/assets/static/common/img/bg_content_dark.jpg")
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureWrap .course3contentFigure figure figcaption {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 0;
  font-size: 1.3rem;
  font-size: 1.4rem;
  font-size: 3.73333vw;
  font-weight: bold;
  color: #fff;
  text-align: center
}

@media only screen and (min-width: 1281px) {
  .courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureWrap .course3contentFigure figure figcaption {
    font-size: 1.4rem
  }
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureList {
  margin-top: 20px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentFigureList li {
  font-size: 1.3rem;
  color: #451700
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px 10px 15px;
  margin-top: 35px;
  background: #165939;
  border-radius: 6px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelHead {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  letter-spacing: -0.2rem
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyNumber {
  width: 100%
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage {
  width: 100%;
  margin-top: 15px;
  border: solid 2px #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)
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 16px
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage a p {
  width: 100%;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.3;
  color: #fff
}

.courseSectionSecondary .courseSectionSecondaryBody .course3content .course3contentBody .course3contentTel .course3contentTelBody .course3contentTelBodyMyPage a div {
  margin-top: 4px;
  font-size: 1.5rem;
  font-weight: bold;
  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 .itemDetailRegularFaq {
  margin-top: 30px
}

.courseSectionSecondary .courseTokutoku {
  margin-bottom: 18px
}

.courseSectionSecondary .courseTokutoku dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 68%;
  margin: 0 auto
}

.courseSectionSecondary .courseTokutoku dd {
  width: 100%;
  margin-top: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #451700
}

.courseSectionSecondary .courseHowToPointGraph {
  margin-top: -10%;
  margin-bottom: 25px
}

.courseSectionSecondary .courseHowToPointGraph img {
  padding-bottom: 20px
}

.courseSectionSecondary .courseHowToPointGraph p {
  font-size: 1.3rem;
  color: #451700
}

.courseSectionSecondary .courseHowToPointWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4%
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 4%;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 32px;
  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: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  color: #a10000
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint dd span {
  display: block;
  font-size: 1.5rem;
  color: #451700
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPoint dd small {
  display: block;
  font-size: 1.3rem;
  color: #451700
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToPrice {
  margin-top: 15px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToStageUpArrow {
  width: 32%;
  margin: 14px auto 10px
}

.courseSectionSecondary .courseHowToPointWrap .courseHowToStageUp p {
  margin-top: 10px;
  font-size: 1.3rem;
  color: #451700;
  text-align: center
}

.courseSectionSecondary .courseSectionSecondaryButton {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  margin: 50px auto 0;
  background: url("/course/img/course_2_button_bg.png") no-repeat center;
  background-size: cover;
  border: solid 2px #f8bc82;
  border-radius: 4px
}

.courseSectionSecondary .courseSectionSecondaryButton a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 0
}

.courseSectionSecondary .courseSectionSecondaryButton p {
  font-size: 2.3rem;
  font-size: 2.3rem;
  font-size: 6.13333vw;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center
}

@media only screen and (min-width: 1281px) {
  .courseSectionSecondary .courseSectionSecondaryButton p {
    font-size: 2.3rem
  }
}

.courseSectionSecondary .courseSectionSecondaryButton .m_button-tertiary {
  width: 150px;
  margin: 12px auto 0
}

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

.courseLineUpWrap .courseLineUpTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 4%;
  margin: 0 auto
}

.courseLineUpWrap .courseLineUpList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px
}

.courseLineUpWrap .courseLineUpList .c_lineUpCard {
  width: 44%;
  margin: 20px 0 0 0
}

.courseLineUpWrap .courseLineUpList .c_lineUpCard:nth-child(2n) {
  margin-left: 4%
}

.faqPageContent {
  padding-top: 25px;
  padding-bottom: 60px
}

.faqPageTitle {
  margin-bottom: 33px
}

.faqSectionTitle {
  margin-bottom: 20px
}

.faqSection {
  margin-top: 45px
}

.faqSection .itemDetailRegularFaq {
  margin-top: 44px
}

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

.faqTabButton {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24.25%;
  padding-top: 31%;
  margin-right: 1%
}

.faqTabButton a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 128%;
  margin-top: -128%
}

.faqTabButton:last-child {
  margin-right: 0
}

.faqTabButton.Item0 {
  background: url("/assets/static/sp/img/faq/img/item_button_0.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Item0.Act {
  background: none
}

.faqTabButton.Item1 {
  background: url("/assets/static/sp/img/faq/img/item_button_1.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Item1.Act {
  background: none
}

.faqTabButton.Item2 {
  background: url("/assets/static/sp/img/faq/img/item_button_2.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Item2.Act {
  background: none
}

.faqTabButton.Item3 {
  background: url("/assets/static/sp/img/faq/img/item_button_3.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Item3.Act {
  background: none
}

.faqTabButton.Cat1 {
  width: 48%;
  margin-right: 2%;
  background: url("/assets/static/sp/img/faq/img/cat_button_1.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Cat1.Act {
  background: url("/assets/static/sp/img/faq/img/cat_button_1_on.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Cat2 {
  width: 48%;
  margin-right: 0;
  background: url("/assets/static/sp/img/faq/img/cat_button_2.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Cat2.Act {
  background: url("/assets/static/sp/img/faq/img/cat_button_2_on.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Cat3 {
  width: 48%;
  margin-right: 2%;
  background: url("/assets/static/sp/img/faq/img/cat_button_3.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Cat3.Act {
  background: url("/assets/static/sp/img/faq/img/cat_button_3_on.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Cat4 {
  width: 48%;
  margin-right: 0;
  background: url("/assets/static/sp/img/faq/img/cat_button_4.png") no-repeat;
  background-size: 100%
}

.faqTabButton.Cat4.Act {
  background: url("/assets/static/sp/img/faq/img/cat_button_4_on.png") no-repeat;
  background-size: 100%
}

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

.faqPageIntroduction__body {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 65%;
  padding: 12px;
  background: url("/assets/static/sp/img/faq/img/head_fukidashi_bg.png");
  background-size: 100%;
  border-radius: 16px
}

.faqPageIntroduction__body::after {
  position: absolute;
  top: 16px;
  right: -20px;
  display: block;
  width: 68px;
  height: 38px;
  content: '';
  background: url("/assets/static/sp/img/faq/img/head_fukidashi.png") no-repeat;
  background-size: 100%
}

.faqPageIntroduction__body P {
  position: relative;
  z-index: 2;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  color: #451700
}

.faqPageIntroduction__body P span {
  color: #a10000
}

.faqPageIntroduction__icon {
  width: 24%
}

.faqItemSelectWrap {
  position: relative
}

.faqItemSelectWrap.Item0 {
  background: url("/assets/static/sp/img/faq/img/item_bg_0.png") no-repeat;
  background-size: 100%
}

.faqItemSelectWrap.Item1 {
  background: url("/assets/static/sp/img/faq/img/item_bg_1.png") no-repeat;
  background-size: 100%
}

.faqItemSelectWrap.Item2 {
  background: url("/assets/static/sp/img/faq/img/item_bg_2.png") no-repeat;
  background-size: 100%
}

.faqItemSelectWrap.Item3 {
  background: url("/assets/static/sp/img/faq/img/item_bg_3.png") no-repeat;
  background-size: 100%
}

.faqItemSelectWrap .faqItemSelectBody {
  display: none;
  margin-top: 12px;
  background: url("/assets/static/sp/img/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 2% 5px
}

.faqItemSelectWrap .faqItemSelectBody .c_faqItemCard {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 7px
}

.faqItemSelectWrap .faqItemSelectBody .c_faqItemCard:nth-child(2n) {
  margin-right: 0
}

.faqItemSelectWrap .faqItemSelectBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 5px;
  background: url("/assets/static/sp/img/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: 12px 3% 8px;
  margin-top: 12px;
  background: #d6c18c;
  border: solid 2px #dfcd95;
  border-radius: 8px
}

.faqItemDetail .faqItemDetailInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 3%;
  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: 14%;
  margin-right: 4%
}

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

.faqItemDetail__Body dd .m_button-primary {
  width: 162px;
  margin-top: 2px
}

.faqItemDetail__Body dd .m_button-primary span {
  padding-left: 10px;
  text-align: left
}

.faqItemDetail__Back {
  margin-top: 15px;
  -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: 24px;
  padding-left: 28px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 24px;
  color: #451700;
  background: url("/assets/static/common/img/icon_faq_back.png") no-repeat left center;
  background-size: 20px
}

.faqItemDetail__Back:hover {
  opacity: 0.8
}

.faqPageTelWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 5% 14px;
  margin-top: 45px;
  background: #009844;
  border-radius: 10px
}

.faqPageTelWrap .faqPageTelTitle {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 14px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  text-align: center
}

.faqPageTelWrap .faqPageTelBody__Number {
  width: 100%
}

.faqPageTelWrap .faqPageTelBody__Fax {
  width: 100%;
  margin-top: 16px
}

.faqPageTelWrap .faqPageTelBody__Form {
  width: 100%;
  margin-top: 16px
}

.blogPage {
  padding-bottom: 60px;
  background: #fff
}

.blogDetailPageWrap {
  background: url("/assets/static/common/img/bg_content.jpg")
}

.blogPageWrap {
  padding-top: 70px;
  overflow: hidden;
  background: url("/assets/static/common/img/bg_content_blue.jpg")
}

.blogPageContent {
  position: relative;
  padding-bottom: 160px;
  background: #fff
}

.blogPageTitleWrap {
  position: relative;
  height: 88px;
  background: url("/assets/static/sp/index/img/top_aozora_head_line_sp.webp") repeat-x left 5px;
  background-size: 50%
}

.blogPageTitleWrap .blogPageTopObj2 {
  position: absolute;
  top: -55px;
  left: 22%;
  z-index: 4;
  width: 37px
}

.blogPageTitleWrap .blogPageBottomCloud1 {
  position: absolute;
  top: -55px;
  left: -1%;
  z-index: 2;
  width: 57px
}

.blogPageTitleWrap .blogPageBottomCloud2 {
  position: absolute;
  top: -55px;
  right: 16%;
  z-index: 2;
  width: 50px
}

.blogPageTitleWrap .blogPageBottomCloud3 {
  position: absolute;
  top: -40px;
  right: -2%;
  z-index: 2;
  width: 37px
}

.blogPageTitleWrap .blogPageTitle {
  position: absolute;
  top: -120px;
  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: 262px;
  height: 262px;
  margin-left: -131px;
  text-align: center;
  background: url("/assets/static/sp/index/img/top_aozora_head_logo_sp.webp") no-repeat center;
  background-size: 50%
}

.blogPageTitleWrap .blogPageTitle h2 {
  padding-top: 60px;
  font-size: 2.5rem;
  color: #451700;
  letter-spacing: 0.1rem;
  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;
  background-size: 200%
}

.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;
  background-size: cover
}

.blogPageBottomObj3 {
  position: absolute;
  bottom: -5px;
  left: -2%;
  z-index: 4;
  width: 80px
}

.blogPageBottomObj4 {
  position: absolute;
  bottom: 16px;
  left: 15%;
  z-index: 4;
  width: 76px
}

.blogPageBottomObj5 {
  position: absolute;
  right: 10%;
  bottom: 3px;
  z-index: 1;
  width: 134px
}

.blogPageBottomObj6 {
  position: absolute;
  right: -2%;
  bottom: 10px;
  z-index: 4;
  width: 69px
}

.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: 65px
}

.blogPageBody .blogThumCard {
  width: 100%;
  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(n+2) {
  margin-top: 20px
}

.blogPageBody .blogThumCard a {
  color: #451700
}

.blogPageBody .blogThumCard:hover {
  opacity: 0.8
}

.blogPageBody .blogThumCard__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 18px
}

.blogPageBody .blogThumCard__body dt {
  margin-bottom: 6px;
  font-size: 1.8rem;
  font-weight: bold
}

.blogPageBody .blogThumCard__body dd {
  font-size: 1.5rem
}

.blogPageBody .m_button-quaternary {
  width: 130px;
  margin: 0 auto
}

.blogDetailSection {
  margin-bottom: 40px
}

.blogDetailSection__title {
  width: 100%
}

.blogDetailSection__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 4%;
  padding-left: 4%
}

.blogDetailUnderLine {
  position: relative;
  display: inline-block
}

.blogDetailUnderLine::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background: #ffc900
}

.blogDetailExpBox div {
  width: 84%;
  margin: 0 auto
}

.blogDetailExpBox p {
  width: 100%;
  margin-top: 20px;
  font-size: 1.5rem;
  font-size: 1.5rem;
  font-size: 4vw;
  line-height: 1.8;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .blogDetailExpBox p {
    font-size: 1.5rem
  }
}

.blogDetailExpInnerTextBox {
  position: relative
}

.blogDetailExpInnerTextBox p {
  font-size: 1.5rem;
  font-size: 1.5rem;
  font-size: 4vw;
  line-height: 1.8;
  color: #451700
}

@media only screen and (min-width: 1281px) {
  .blogDetailExpInnerTextBox p {
    font-size: 1.5rem
  }
}

.blogRecipeHeadBanner {
  margin-top: 15px
}

.blogRecipeHead {
  margin-bottom: 10px
}

.blogRecipeHead .blogRecipeHeadRead {
  width: 84%;
  margin: 8px auto 0;
  font-size: 1.5rem;
  line-height: 1.8;
  color: #451700
}

.blogRecipeTheme {
  margin-bottom: 35px
}

.blogRecipeTheme .blogRecipeThemeRead {
  width: 92%;
  margin: 55px auto 0
}

.blogRecipeTheme .blogRecipeThemeRead dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 11px 10px;
  margin-bottom: 13px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700;
  background: #fff;
  border-radius: 8px
}

.blogRecipeTheme .blogRecipeThemeRead dd {
  font-size: 1.5rem;
  line-height: 1.8;
  color: #451700
}

.blogRecipeMaterial {
  margin-bottom: 50px
}

.blogRecipeMaterial .blogRecipeMaterialHead {
  width: 100%
}

.blogRecipeMaterial .blogRecipeMaterialBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92%;
  padding: 24px 4% 36px;
  margin: 0 auto;
  background: #fff
}

.blogRecipeMaterial .blogRecipeMaterialImage {
  width: 100%;
  margin: -20px 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: 100%
}

.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: 4px 0;
  font-size: 1.5rem;
  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: 15px
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl.Child .Box {
  position: absolute;
  top: 28%;
  left: 0;
  display: block;
  width: 15px;
  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.15rem
}

.blogRecipeMaterial .blogRecipeMaterialListWrap .blogRecipeMaterialListBox dl dd.Right {
  text-align: right
}

.blogRecipeHow {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 68px;
  background: #fff
}

.blogRecipeHow .blogRecipeHowHead {
  margin-bottom: 10px
}

.blogRecipeHow .blogRecipeHowStepWrap .blogRecipeHowStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  font-size: 1.5rem;
  line-height: 1.8;
  color: #451700
}

.blogRecipeHow .blogRecipeHowStepWrap .blogRecipeHowStep .blogRecipeHowStepNum {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 34px;
  margin-right: 2%;
  margin-left: 1%
}

.blogRecipeHow .blogRecipeHowStepWrap .blogRecipeHowStepImage {
  width: 97%;
  margin: 20px auto
}

.blogRecipeHow .blogRecipeHowStepWrap .blogRecipeHowStepImage--title {
  width: 80%;
  margin: 50px auto
}

.blogRecipeHow .blogRecipeHowChoice {
  width: 92%;
  margin: 62px 4% 0;
  border: solid 1px #dfcd95
}

.blogRecipeHow .blogRecipeHowChoice .blogRecipeHowChoicePoint {
  width: 200px;
  margin: -20px auto 0
}

.blogRecipeHow .blogRecipeHowChoice .blogRecipeHowChoiceRead {
  margin-top: 13px
}

.blogRecipeHow .blogRecipeHowChoice .blogRecipeHowChoiceText {
  padding: 8px 4% 20px;
  font-size: 1.6rem;
  color: #451700
}

.blogRecipeHow .blogRecipeHowArrange {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 110px 8% 20px;
  margin-top: 38px;
  background: url("/assets/static/sp/blog/img/blog_arrange_bg.png") no-repeat center top;
  background-size: 100%
}

.blogRecipeHow .blogRecipeHowArrange .blogRecipeHowArrangeImage {
  position: relative;
  z-index: 2;
  margin-bottom: 20px
}

.blogRecipeHow .blogRecipeHowArrange .blogRecipeHowArrangeRead {
  position: relative;
  z-index: 2;
  font-size: 1.5rem;
  line-height: 1.8;
  color: #fff
}

.blogRecipeHow .blogRecipeHowArrange .blogRecipeHowArrangeBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: url("/assets/static/sp/blog/img/blog_arrange_bottom.png") repeat-y;
  background-size: 100%
}

.blogRecipeThink {
  padding-bottom: 50px
}

.blogRecipeThink .blogRecipeThinkHead {
  margin-top: -24px
}

.blogRecipeThink .blogRecipeThinkPerson {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 4%;
  margin: 24px auto 0
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonImage {
  width: 100%
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody {
  width: 100%;
  margin-top: 20px
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody dl {
  font-weight: bold
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody dl dt {
  font-size: 1.5rem;
  color: #451700
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody dl dd {
  font-size: 2.1rem;
  color: #451700
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody dl dd span {
  font-size: 1.6rem
}

.blogRecipeThink .blogRecipeThinkPerson .blogRecipeThinkPersonBody p {
  margin-top: 15px;
  font-size: 1.5rem;
  color: #451700
}

.blogRecipeThink .blogRecipeThinkItem {
  margin-top: 30px
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBody {
  margin-top: 26px
}

.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;
  width: 92%;
  padding: 20px;
  margin: 10px 4% 0;
  background: #fff;
  border: solid 2px #451700;
  border-radius: 8px
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBodyLink .blogRecipeThinkItemBodyLinkImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 35%;
  margin-right: 6%
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBodyLink .blogRecipeThinkItemBodyLinkText {
  width: 59%;
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700
}

.blogRecipeThink .blogRecipeThinkItem .blogRecipeThinkItemBodyLink .blogRecipeThinkItemBodyLinkText .m_button-primary {
  width: 75%;
  margin-top: 20px
}

.blogDetailInnerFullWrap {
  background: #fff
}

.blogDetailInnerBiting {
  margin-top: -20px
}

.blogDetailInnerButton {
  position: relative
}

.blogDetailInnerButton .m_button-primary {
  position: absolute;
  right: 22%;
  bottom: 112px;
  width: 35%
}

.blogDetailInnerButton .blog001Button {
  bottom: 8%
}

.blogDetailInnerButton .blog002ButtonA {
  bottom: 30.2%
}

.blogDetailInnerButton .blog002ButtonB {
  bottom: 6.3%
}

.blogDetailInnerButton .blog003ButtonA {
  bottom: 30.8%
}

.blogDetailInnerButton .blog003ButtonB {
  bottom: 6.3%
}

.blogDetailInnerButton .blog005ButtonA {
  right: unset;
  bottom: 13%;
  left: 50%;
  width: 63%;
  margin-left: -31.5%
}

.blogDetailItemWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #fff
}

.blogDetailItemWrap .blogDetailIteTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 4%;
  margin-bottom: 30px
}

.blogDetailItemWrap .blogDetailItemContainer {
  position: relative
}

.blogDetailItemWrap .blogDetailPrev {
  position: absolute;
  top: calc(50% - 28px);
  left: 4%;
  z-index: 2;
  width: 56px;
  height: 56px
}

.blogDetailItemWrap .blogDetailNext {
  position: absolute;
  top: calc(50% - 28px);
  right: 4%;
  z-index: 2;
  width: 56px;
  height: 56px
}

.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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem.swiper-slide-next {
  -webkit-transform: scale(0.8) !important;
  transform: scale(0.8) !important
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem.swiper-slide-prev {
  -webkit-transform: scale(0.8) !important;
  transform: scale(0.8) !important
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem.swiper-slide-active {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemNewsIcon {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 2;
  width: 67px;
  height: 31px;
  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: 25px 15px 25px 15px;
  color: #451700;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemBody dt {
  margin-bottom: 6px;
  font-size: 1.4rem;
  font-weight: bold
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemBody dd {
  font-size: 1.3rem;
  line-height: 1.9
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .blogDetailItemBody dd .m_button-primary {
  width: 174px;
  min-width: 174px;
  margin: 10px auto 0
}

.blogDetailItemWrap .blogDetailItemBox .blogDetailItem .m_button-primary {
  width: 61%;
  min-width: 426px;
  margin: 0 auto
}

.blog004Head {
  margin-bottom: 40px
}

.blog004Section1 .blogDetailSection__title {
  margin-bottom: 20px
}

.blog004Section1 .blogDetailSection__body .blogDetailExpBox:nth-child(1) {
  margin-bottom: 20px
}

.blog004Section1 .blogDetailSection__body .blogDetailExpInnerTextBox {
  margin-top: 40px
}

.blog004Section1 .blogDetailSection__body .blogDetailExpInnerTextBox p {
  width: 100%;
  margin-top: -40px
}

.blog004Section2 .blogDetailSection__title {
  margin-bottom: 20px
}

.blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox {
  width: 108%
}

.blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox p {
  position: absolute;
  top: 20vw;
  left: 10%;
  width: 80%;
  font-size: 1.5rem;
  font-size: 4vw
}

@media only screen and (min-width: 1281px) {
  .blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox p {
    font-size: 1.5rem
  }
}

@media only screen and (max-width: 320px) {
  .blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox p {
    top: 20vw;
    left: 5%;
    width: 90%
  }
}

.blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox div {
  width: 108%;
  margin-left: -4%
}

.blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox:nth-child(3) p {
  position: relative;
  top: unset;
  left: unset;
  width: 94%;
  margin-left: 0;
  letter-spacing: -0.07rem
}

.blog004Section2 .blogDetailSection__body .blogDetailExpInnerTextBox:nth-child(3) div {
  width: 108%;
  margin-top: -20%;
  margin-left: -4%
}

.blog004Section2 .blogDetailSection__body .blogDetailExpImageBox {
  margin-top: 15px;
  margin-bottom: 30px
}

.blog004Section3 .blogDetailExpBox div {
  width: 108%;
  margin-left: -4%
}

.blog004Section4 .blogDetailSection__title {
  margin-bottom: 20px
}

.blog004Section4 .blogDetailExpInnerTextBox div {
  width: 108%;
  margin-top: -10%;
  margin-left: -4%
}

.blogNinNikuHeadBanner {
  margin-top: 16px
}

.blogNinNikuBody {
  width: 100%;
  margin: 46px auto 0
}

.blogNinNikuHeadTitle {
  font-style: normal;
  font-weight: 400;
  padding-bottom: 25px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #451700;
  background: url("/assets/static/blog/img/ninnikuline.png") no-repeat center bottom
}

.blogNinNikuHeadTitle span {
  display: block;
  font-size: 1.6rem
}

.blogNinNikuHeadProf {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 4%;
  margin-top: 30px;
  background: url("/assets/static/sp/blog/img/bg_profile.png") no-repeat center;
  background-size: cover;
  border-radius: 20px
}

.blogNinNikuHeadProf .blogNinNikuHeadProfImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.blogNinNikuHeadProf .blogNinNikuHeadProfImage .Face {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40%;
  padding-right: 4%
}

.blogNinNikuHeadProf .blogNinNikuHeadProfImage .Name {
  width: 60%;
  height: auto
}

.blogNinNikuHeadProf .blogNinNikuHeadProfBody {
  width: 100%;
  padding: 10px 0 0
}

.blogNinNikuHeadProf .blogNinNikuHeadProfBody .blogNinNikuHeadProfBodyRead {
  margin-top: 8px;
  font-size: 1.6rem;
  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: 36px;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #451700
}

.blogNinNikuTextBox small {
  font-size: 1.4rem
}

.blogNinNikuTextBox .Bold {
  font-weight: bold
}

.blogNinNikuTextBox .Red {
  color: #a10000
}

.blogNinNikuTextBox .Blue {
  color: #00467A
}

.blogNinNikuImageBox {
  margin-top: 36px;
  text-align: center
}

.blogNinNikuFlexBox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 36px
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 36px;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #451700
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText small {
  font-size: 1.4rem
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText .Bold {
  font-weight: bold
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText .Red {
  color: #a10000
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxText .Blue {
  color: #00467A
}

.blogNinNikuFlexBox .blogNinNikuFlexBoxImage {
  width: 100%
}

.siteMapPage {
  width: 100%
}

.siteMapPageContent {
  padding-top: 24px;
  padding-bottom: 24px
}

.siteMapPageTitle {
  margin-bottom: 24px
}

.siteMapSection {
  margin-bottom: 24px
}

.siteMapInnerSection {
  margin-bottom: 18px
}

.siteMapHeadBar {
  width: 100%;
  height: 42px;
  margin-bottom: 24px;
  line-height: 42px;
  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 0 0 5px;
  font-size: 1.7rem;
  font-size: 1.7rem;
  font-size: 4.7619vw;
  font-weight: bold;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.15rem
}

@media only screen and (min-width: 1281px) {
  .siteMapHeadBar a {
    font-size: 1.7rem
  }
}

.siteMapHeadBar span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  background: url("/assets/static/common/img/icon_sitemap.png") no-repeat left center;
  background-size: 20px
}

.siteMapHeadBar.Nolink div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 5px;
  font-size: 1.7rem;
  font-size: 1.7rem;
  font-size: 4.7619vw;
  font-weight: bold;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.15rem
}

@media only screen and (min-width: 1281px) {
  .siteMapHeadBar.Nolink div {
    font-size: 1.7rem
  }
}

.siteMapMidBar {
  position: relative;
  margin-bottom: 12px
}

.siteMapMidBar.Half {
  width: 100%
}

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

.siteMapMidBar a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
  font-size: 1.5rem;
  font-size: 4.20168vw;
  font-weight: bold;
  color: #451700;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

@media only screen and (min-width: 1281px) {
  .siteMapMidBar a {
    font-size: 1.5rem
  }
}

.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: 100%;
  padding: 0 10px;
  margin-bottom: 10px
}

.siteMapListList li a {
  font-size: 1.4rem;
  color: #451700;
  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: 100%;
  margin-bottom: 20px
}

.siteMapListListInnerBlock p {
  margin-bottom: 10px;
  font-size: 1.4rem;
  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: 24px;
  padding-bottom: 24px
}

.campaignPageTitle {
  margin-bottom: 24px
}

.campaignOneWrap {
  margin-top: 48px
}

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

.campaignOneWrap.New .campaignOneNew {
  display: block
}

.campaignPageHeadBar {
  width: 100%;
  padding: 10px 0;
  margin-bottom: 12px;
  background: #165939;
  border-radius: 6px
}

.campaignPageHeadBar a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 2%;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-size: 1.7rem;
  font-size: 4.2vw;
  font-style: normal;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.15rem
}

.campaignPageHeadBar span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  background: url("/assets/static/common/img/icon_sitemap.png") no-repeat left center;
  background-size: 15px
}

.campaignOneBox .campaignOneBody .campaignOneImage {
  width: 100%;
  margin-bottom: 14px
}

.campaignOneBox .campaignOneBody .campaignOneRead {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #000000
}

.campaignOneBox .campaignOneBody .campaignOneRead p {
  margin-bottom: 6px
}

.campaignOneBox .campaignOneBody .campaignOneRead span {
  font-weight: bold;
  color: #a10000
}

.campaignOneBox .campaignOneButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px 0
}

.campaignOneBox .campaignOneButton .m_button-primary {
  width: 66%
}

.campaignOneNew {
  display: none;
  width: 50px;
  padding: 1px 10px;
  border-radius: 5px;
  background-color: #c40000;
  color: #fff;
  text-align: center;
  margin-bottom: 12px;
  font-size: 12px
}

.utilPageContent {
  padding-top: 24px;
  padding-bottom: 48px
}

.utilPageTitle {
  margin-bottom: 24px
}

.utilPageHeadBar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 2%;
  margin-bottom: 12px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.15rem;
  background: #165939;
  border-radius: 6px;
  font-size: 1.7rem;
  font-size: 4.7619vw;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

@media only screen and (min-width: 1281px) {
  .utilPageHeadBar {
    font-size: 1.7rem
  }
}

.utilPageHeadBar span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  background: url("/assets/static/common/img/icon_sitemap.png") no-repeat left center;
  background-size: 20px
}

.utilPageHeadBar span.NoIcon {
  padding-left: 0px;
  background: none
}

.cmPageHeadBar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 2%;
  margin-bottom: 12px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-size: 1.7rem;
  font-size: 1.7rem;
  font-size: 4.7619vw;
  font-style: normal;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.15rem;
  background: #165939;
  border-radius: 6px
}

@media only screen and (min-width: 1281px) {
  .cmPageHeadBar {
    font-size: 1.7rem
  }
}

.cmPageHeadBar span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  background: url("/assets/static/common/img/icon_sitemap.png") no-repeat left center;
  background-position: top 5px left 0px;
  background-size: 20px
}

.cmBox:last-child {
  margin-top: 48px
}

.cmBox .cmHeadBanner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 4% 0px;
  background: #fff
}

.cmBox .cmHeadBanner .cmHeadBannerInner {
  width: 100%;
  margin: 0 auto
}

.cmBox .cmBoxRead {
  font-size: 1.4rem;
  color: #451700
}

.cmBox .cmBoxRead span {
  display: block;
  margin-top: 12px;
  font-size: 1.2rem
}

.cmBox .cmBoxVideo {
  width: 100%;
  margin: 20px 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: 36px
}

.privacyBox:last-child {
  margin-bottom: 0
}

.privacyBox .privacyBoxRead {
  font-size: 1.4rem;
  line-height: 2
}

.privacyBox .privacyBoxDL {
  margin-top: 18px
}

.privacyBox .privacyBoxDL dt {
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: bold
}

.privacyBox .privacyBoxDL dd {
  font-size: 1.4rem;
  line-height: 2
}

.privacyBox .privacyBoxDL dd .Bold {
  display: block;
  margin-top: 8px;
  font-weight: bold
}

.privacyBox .privacyBoxDL dd strong {
  display: block;
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: bold
}

.privacyBox .privacyBoxDL dd small {
  display: inline-block;
  margin-top: 12px;
  font-size: 1.2rem;
  line-height: 1.6
}

.privacyBox .privacyBoxDL dd ul {
  margin-top: 20px
}

.privacyBox .privacyBoxDL dd ul li {
  margin-left: 4rem;
  text-indent: -4rem
}

.privacyBox .privacyBoxDL dd ul li .InnerBox {
  padding: 10px;
  margin-left: -3rem;
  text-indent: 0rem
}

.privacyBox .privacyBoxDL dd table {
  margin-top: 8px;
  border: solid 1px #5c5c5c
}

.privacyBox .privacyBoxDL dd table th {
  width: 50%;
  padding: 10px;
  text-align: center;
  background: #d2d2d2;
  border: solid 1px #5c5c5c
}

.privacyBox .privacyBoxDL dd table td {
  padding: 10px;
  border: solid 1px #5c5c5c
}

.privacyBox .privacyBoxNote {
  margin-top: 18px;
  font-size: 1.4rem;
  line-height: 2
}

.privacyBox .privacyBoxNote.Right {
  text-align: right
}

.privacyBox a {
  color: #000;
  text-decoration: underline
}

.lowBox .lowBoxDL {
  padding: 20px 0;
  font-size: 1.6rem;
  border-bottom: dotted 1px #451700
}

.lowBox .lowBoxDL dt {
  width: 100%;
  margin-bottom: 4px;
  font-weight: bold;
  color: #451700
}

.lowBox .lowBoxDL dd {
  width: 100%;
  font-size: 1.4rem;
  line-height: 2
}

.lowBox .lowBoxDL dd img {
  vertical-align: top
}

.lowBox .lowBoxDL dd small {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4
}

.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 {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  color: #165939
}

.lowBox .lowBoxDL dd .lowBoxDLInner h6 {
  display: inline-block;
  font-weight: bold
}

.environBox {
  margin-bottom: 36px
}

.environBox:last-child {
  margin-bottom: 0
}

.environBox .environBoxRead {
  font-size: 1.4rem;
  line-height: 2
}

.environBox .environBoxDL {
  margin-top: 18px
}

.environBox .environBoxDL dt {
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: bold
}

.environBox .environBoxDL dd {
  font-size: 1.4rem;
  line-height: 2
}

.environBox .environBoxDL dd strong {
  display: block;
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #451700
}

.environBox .environBoxDL dd small {
  display: inline-block;
  margin-top: 12px;
  font-size: 1.2rem;
  line-height: 1.6
}

.environBox .environBoxDL dd table {
  margin-top: 8px;
  color: #451700;
  border: solid 1px #5c5c5c
}

.environBox .environBoxDL dd table th {
  padding: 10px;
  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: 10px;
  border: solid 1px #5c5c5c
}

.environBox .environBoxDL dd table td:nth-child(1) {
  width: 30%
}

.environBox a {
  color: #000;
  text-decoration: underline
}

.guidePageTitle {
  margin-bottom: 24px
}

.guideRead {
  margin-bottom: 20px;
  font-size: 1.6rem;
  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: 20px
}

.guideContentBoxLinks li {
  margin-bottom: 10px
}

.guideContentBoxLinks li a {
  font-size: 1.4rem;
  color: #451700;
  text-decoration: underline
}

.guideContentBoxLinks li a:hover {
  text-decoration: none
}

.guideBox .guideIndexWrap .guideIndexOne {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 20px 20px;
  margin-top: 18px;
  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: 60px;
  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: 4px;
  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.6rem;
  font-weight: bold;
  color: #451700
}

.guideBox .guideContentRead span {
  display: block;
  margin-top: 2rem;
  margin-top: 1.5rem;
  font-size: 1.5rem;
  font-weight: normal;
  color: #c40000
}

.guideBox .guideContentRead strong {
  color: #c40000
}

.guideBox .guideContentRead.Nomal {
  font-weight: normal
}

.guideBox .guideContentRead.BottomSpace {
  margin-bottom: 2rem
}

.guideBox .guideContentRead a {
  color: #451700;
  text-decoration: underline
}

.guideBox .guideContentReadSub {
  font-size: 1.5rem;
  line-height: 2;
  color: #451700
}

.guideBox .guideContentReadSub.BottomSpace {
  margin-bottom: 2rem
}

.guideBox .guideContentHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px;
  margin-bottom: 30px
}

.guideBox .guideContentHead dl {
  width: 45%
}

.guideBox .guideContentHead dl.Full {
  width: 50%
}

.guideBox .guideContentHead dl:first-child {
  margin-right: 5%
}

.guideBox .guideContentHead dl dt {
  margin-bottom: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #451700
}

.guideBox .guideContentHeadList {
  margin-top: 2rem
}

.guideBox .guideContentHeadList li {
  margin-top: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #451700
}

.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: 2.0rem;
  font-size: 1.5rem;
  color: #451700
}

.guideBox .guideContentBoxHeadDL dt {
  margin-bottom: 6px;
  font-weight: bold
}

.guideBox .guideContentBoxHeadDL dd {
  margin-bottom: 0.8rem
}

.guideBox .guideContentBoxHeadDL strong {
  color: #a10000
}

.guideBox .guideContentUtilBox {
  position: relative;
  padding: 20px 0;
  font-size: 1.5rem;
  color: #451700
}

.guideBox .guideContentUtilBox.Last {
  padding: 20px 0 40px
}

.guideBox .guideContentUtilBox.LastLine {
  margin-bottom: 100px
}

.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_sp.png") left center;
  background-size: 100%
}

.guideBox .guideContentUtilBox .guideContentBoxBottomNote {
  position: absolute;
  right: 0;
  bottom: -7rem;
  font-size: 1.5rem;
  color: #451700
}

.guideBox .guideContentUtilBox.Noline::after {
  display: none
}

.guideBox .guideContentUtilBox.NoTopSpace {
  padding-top: 0
}

.guideBox .guideContentUtilBox.ThinTopSpace {
  padding-top: 20px
}

.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: 100%;
  height: 48px
}

.guideBox .guideContentUtilBox .m_button-primary a {
  line-height: 46px
}

.guideBox .guideContentUtilBox h5 {
  margin-bottom: 6px;
  font-size: 1.8rem
}

.guideBox .guideContentUtilBox div, .guideBox .guideContentUtilBox p {
  margin-bottom: 2rem
}

.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.Red .StrongBlack a, .guideBox .guideContentUtilBox p.Red .StrongBlack a {
  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: 2rem
}

.guideBox .guideContentUtilBox ul li {
  margin-bottom: 1.5rem;
  margin-left: 1.5rem;
  line-height: 1.9;
  text-indent: -1.5rem
}

.guideBox .guideContentUtilBox ul li.Note {
  font-size: 1.4rem;
  line-height: 1.6
}

.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: 2rem
}

.guideBox .guideContentUtilBox table th {
  padding: 10px;
  background: #d2d2d2;
  border: solid 1px #8b8c8c
}

.guideBox .guideContentUtilBox table td {
  padding: 10px 5px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #8b8c8c
}

.guideBox .guideContentUtilBox table td:nth-child(2) {
  width: 30%
}

.guideBox .guideContentUtilBox table td:nth-child(3) {
  width: 40%
}

.guideBox .guideContentUtilBox table td.Red {
  font-weight: bold;
  color: #a10000;
  text-align: center
}

.guideBox .guideContentBox {
  position: relative;
  padding: 40px 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_sp.png") left center;
  background-size: 100%
}

.guideBox .guideContentBox.Noline::after {
  display: none
}

.guideBox .guideContentBox.NoTopSpace {
  padding-top: 0
}

.guideBox .guideContentBox.ThinTopSpace {
  padding-top: 20px
}

.guideBox .guideContentBox.Last {
  margin-bottom: 100px
}

.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_sp.png") left center;
  background-size: 100%
}

.guideBox .guideContentBox .guideContentBoxStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  margin-bottom: 38px;
  font-size: 1.7rem;
  line-height: 45px;
  color: #451700;
  letter-spacing: -0.1rem;
  background: url("/assets/static/common/img/step_bg_sp.png") no-repeat left center;
  background-size: 120px
}

.guideBox .guideContentBox .guideContentBoxStep span {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  padding-right: 5px;
  padding-left: 10px;
  font-size: 1.8rem;
  letter-spacing: 0.15rem
}

.guideBox .guideContentBox .guideContentBoxStep p {
  display: block;
  line-height: 1.5;
  text-align: left
}

.guideBox .guideContentBox .guideContentBoxStep.NoStep {
  margin-bottom: 0px;
  font-size: 1.8rem;
  background: none
}

.guideBox .guideContentBox .guideContentBoxBody.Full {
  display: block
}

.guideBox .guideContentBox .guideContentBoxBody.Full .guideContentBoxText {
  width: 100%
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText {
  width: 100%;
  font-size: 1.5rem;
  color: #451700
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxText p {
  margin-top: 2rem;
  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 li {
  margin-top: 2rem;
  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: 2rem;
  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: 100%;
  margin-top: 22px
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBar {
  position: relative;
  height: 44px;
  padding: 0 20px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 44px;
  color: #451700;
  background: url("/assets/static/common/img/bg_content.jpg")
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBar .guideContentBoxImageBarButton {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 60px;
  height: 23px;
  line-height: 20px;
  text-align: center;
  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)
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBar .guideContentBoxImageBarButton small {
  margin-left: -10px;
  font-size: 1.1rem;
  color: #fff;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBar .guideContentBoxImageBarButton 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: 7px;
  display: block;
  width: 8px;
  height: 2px;
  background: #fff
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBar .guideContentBoxImageBarButton span:nth-child(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBar .guideContentBoxImageBarButton.Act span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBar .guideContentBoxImageBarButton.Act span:nth-child(3) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBody {
  height: 0;
  min-height: 0;
  overflow: hidden;
  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)
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxImage .guideContentBoxImageBody.Act {
  height: auto;
  max-height: 9999px;
  padding: 20px 0 0;
  margin-bottom: 15px;
  visibility: visible;
  opacity: 1
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxDL {
  width: 100%;
  margin-top: 40px;
  font-size: 1.5rem;
  color: #451700
}

.guideBox .guideContentBox .guideContentBoxBody .guideContentBoxDL dt {
  margin-bottom: 10px;
  font-size: 1.8rem;
  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: -7rem;
  font-size: 1.5rem;
  color: #451700
}

.guideFooter {
  padding: 14px 16px;
  margin-top: 36px;
  background: #165939;
  border-radius: 8px
}

.guideFooter .guideFooterRead {
  margin-bottom: 24px;
  font-size: 1.55rem;
  color: #fff;
  text-align: center;
  letter-spacing: -0.1rem;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700
}

.guideFooter .guideFooterBanner .guideFooterBannerOne {
  width: 100%;
  font-size: 1.95rem;
  color: #165939;
  background: #fff;
  border-radius: 6px
}

.guideFooter .guideFooterBanner .guideFooterBannerOne:nth-child(1) {
  margin-bottom: 16px
}

.guideFooter .guideFooterBanner .guideFooterBannerOne.Contact {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px;
  line-height: 1.3
}

.guideFooter .guideFooterBanner .guideFooterBannerOne.Contact span {
  display: block;
  font-size: 1.65rem;
  line-height: 1.4
}

.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: 12px;
  right: 4%;
  width: 36px;
  height: 36px;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80vh;
  padding: 0 4%;
  overflow-y: scroll
}

.guideModalImage .guideModalMgzBody {
  overflow-y: auto
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  padding: 40px 40px;
  background: #fff
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner.Act {
  display: block
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner h4 {
  padding-bottom: 10px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #451700
}

.guideModalImage .guideModalMgzBody .guideModalImageBodyInner p {
  padding-bottom: 20px;
  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: 20px
}

.guideFullImageBox {
  margin-bottom: 60px;
  text-align: center
}

.guideExample {
  font-size: 1.3rem;
  color: #451700
}

.guideExample__title {
  margin-bottom: 1.3rem;
  font-size: 1.5rem
}

.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: 1.3rem
}

.guideExample__row.Attention {
  margin-bottom: 0;
  font-size: 1.2rem;
  color: #a10000
}

.guideExample__titleBox {
  width: 6.0rem;
  padding: 1.5rem;
  border: 1px solid #451700;
  text-align: center
}

.guideExample__titleBox.--blank {
  border: none
}

.mailmagazineLinkWrap .mailmagazineLink {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 16px;
  margin-top: 30px;
  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.Right {
  text-align: right
}

.senRyuContent {
  padding-right: 0;
  padding-left: 0;
  background: url("/assets/static/senryu/img/back.gif")
}

.senRyuContentUnder {
  position: relative;
  padding: 36px 4%;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #451700
}

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

.senRyuContentUnder .m_button-primary {
  width: 80%;
  height: 40px;
  margin: 0 auto
}

.senRyuContentUnder .m_button-primary a {
  line-height: 40px;
  text-decoration: none
}

.senRyuContentUnder .m_button-primary a::after {
  top: calc(50% - 3px);
  right: unset;
  left: 20px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.senRyuContentUnder .m_button-primary a span {
  font-size: 1.6rem
}

.senRyuBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 4%
}

.senRyuBody .senRyuBodyUp {
  width: 100%
}

.senRyuBody .senRyuBodyBottom {
  width: 100%;
  margin-top: 40px;
  text-align: center
}

.senRyuBody .senRyuTheme {
  position: relative;
  z-index: 2;
  width: 80%;
  margin: 0 auto
}

.senRyuBody .senRyuPresent {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: -60px auto 0
}

.senRyuBody .senRyuPost {
  position: relative;
  z-index: 3;
  width: 100%;
  margin: -30px 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: 23%;
  left: 0;
  z-index: 2;
  width: 100%;
  text-align: center
}

.senRyuBody .senRyuPrize .senRyuPrizeLink a span {
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  color: #451700;
  text-decoration: underline
}

.senRyuBody .senRyuPrize .senRyuPrizeLink a span::after {
  position: absolute;
  top: 50%;
  right: -8px;
  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 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: 10px;
  height: 10px;
  margin-top: -6px;
  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
}

.senRyuCardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.senRyuCard {
  width: 31.333%;
  margin-right: 3%;
  margin-bottom: 24px
}

.senRyuCard:nth-child(3n) {
  margin-right: 0
}

.senRyuCard .senRyuCardDate {
  font-size: 1.2rem;
  font-weight: bold;
  color: #451700;
  text-align: center
}

.senRyuCard .senRyuCardTitle {
  margin-top: -1.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;
    margin-top: 16px;
}

.senRyucenter-wrapper .box {
    background: #fff;
    text-align: center;
    border-radius: 8px;
    padding-bottom: 20px;
}

.senRyuFlexbox {
    display: flex;
    justify-content:left;
    text-align: left;
    padding-top: 20px;
}

.senRyuFlexrightbox {
    display: flex;
    justify-content: right;
    padding-top: 20px;
    text-align: right;
}

.senRyuFlexbox img.m_image {
    width: 35%;
    height: auto;
}

.senRyuFlexrightbox .m_image {
    width: 35%;
    height: auto;
}

.senRyutextBox {
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
}

.senRyutextBox .Red {
    color: red;
}


html.is-fixed, html.is-fixed body {
  height: 100%;
  overflow: hidden
}

@media only screen and (max-width: 787px) {
  /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0) */
}

.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-footer__guide-heading{
  font-size: 2.0rem !important;
  height: 40px !important;
  line-height: 40px !important;
}

.b-footer__guide-card{
  height: auto !important;
  padding: 15px !important;
}

.b-footer__guide-card dt{font-size: 2.3rem !important;}

.b-footer__guide-card dd{font-size: 1.54rem !important;}

.b-footer__guide-button span{font-size: 1.5rem !important;}

.b-footer__guide-button{
position: static !important;
width: 130px !important;
margin: 22px auto 0 !important;
height: 25px;
}

.b-footer__guide-button a{line-height: 25px !important;}

.b-footer__guide-button a:after{
height:8px !important;
width:8px !important;
top: calc(50% - 3px) !important;
}

.b-footer__flow{height:auto !important;}

.b-footer__flow-arrow p{font-size: 2.2rem !important;}

.b-footer__flow-arrow p span{font-size: 1.3rem !important;}

.b-footer__flow dt{font-size: 1.5rem !important;}

.b-footer__flow{padding: 20px 16px 20px !important;}

.b-footer__flow-button a{font-size: 1.7rem !important;}

.b-footer__nav-title{
  font-size: 1.5rem !important;
  color: #451700;
  text-indent: -1rem;
}

.b-footer__nav-menu>li a{font-size: 3.4vw !important;}

.b-footer__site-nav>li{
  font-size: 1.5rem !important;
  padding: 2px 15px !important;
  line-height: 1.5 !important;
}

body.is-sp .b-footer__logo span{font-size: 1rem !important;}

.b-footer__copyright>p{font-size: 1.2rem !important;}

.b-footer-img{
  width: 65%;
  margin: 8px auto 0;
}

.b-footer__flow dd span.InnerIndent{
  display: inline-block;
  text-indent: 6rem;
}

.b-footer__flow-button{
  border-radius: 12px !important;
}

.b-text--footer-open{
  text-align: left;
}

.b-footer__guide-wrap{
  padding-top: 10px !important;
}

.b-product-detail .v-sheet--rounded{
  border-top: 10px solid #451700;
  padding: 20px 10px;
}

.b-product-detail .v-rating__item .v-btn--density-default{
  font-size:1.5rem !important;
}

.b-product-detail__pagination .v-pagination__list li{
  margin: 0 !important;
}

.b-product-detail__pagination .v-pagination__list .v-btn.v-btn--disabled{
  opacity: 1;
}

/* =================
  header logo
==================== */

body.is-sp .b-header__logo-area{
  width: 30%;
  max-width: 132px;
}

body.is-sp .b-header__logo-area img{
  width: 100%;
}

.topPageLineUp .topPageLineUpSlideWrap{
  margin-bottom: 20vw;
}

.topPageLineUp .topPageLineUpSlideWrap .topPageLineUpSlidePrev.splide__arrow{
  opacity: 1;
  top: 37vw;
  background: none;
}

.topPageLineUp .topPageLineUpSlideWrap .topPageLineUpSlideNext.splide__arrow{
  opacity: 1;
  top: 37vw;
  background: none;
}

.topPageLineUp .topPageLineUpSlideWrap .splide__pagination{
  bottom: -10vw;
}

.topPageLineUp .topPageLineUpSlideWrap .splide__pagination .splide__pagination__page.is-active{
  background-color: #ee7300;
}

/* おすすめランキングのスライダー箇所 */
.topPageLineUp .topPageLineUpRankingWrap{
  margin-bottom: 24px;
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox {
  padding-top: 48px;
}

.topPageLineUp .splide-Ranking .splide__track{
  overflow: initial;
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingPrev.splide__arrow{
  opacity: 1;
  top: 30vw;
  background: none;
}

.topPageLineUp .topPageLineUpRankingWrap .topPageLineUpRankingBox .topPageLineUpRankingNext.splide__arrow{
  opacity: 1;
  top: 30vw;
  background: none;
}

.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;
}

/*20240327追記*/

.coursepage_benefits_area {
    border: solid 2px #dcc8a3;
    border-radius: 15px;
    background:url("/assets/static/sp/course/img/coursepage_benefits_present.png") no-repeat #fffbf0;
    background-size: 35%;
    background-position: 2% 12%;
    position: relative;
    margin-bottom: 20%;
    padding-bottom: 5%;
}

.coursepage_benefits_area .plus {
    position: absolute;
    width: 30%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -4.5%;
}


.mximg img {
    max-width: 100%;
    width: 100%;
}
.coursepage_benefits_area .coursepage_benefits_area_tit {
background: url(https://www.kenkoukazoku.co.jp/assets/static/common/img/bg_content_orange.jpg);
    padding:25px 15px 15px;
        border-radius: 12px 12px 0 0;
    position: relative;
}
.coursepage_benefits_area_tit img:nth-of-type(2) {
padding-top: 10px;
}
.coursepage_benefits_area_tit span {
    position: absolute;
    width: 40%;
    left: 5px;
    top: -15%;
}

.coursepage_benefits_area .ribon {
    width: 86%;
    margin: 5% auto;
}
.coursepage_benefits_area ul {
    width: 96%;
    margin: 0 auto;
}
.coursepage_benefits_area ul li {
    width: 46%;
    position: relative;
    display: inline-block;
    margin: 1.5%;
}
.coursepage_benefits_area ul li span {
    position: absolute;
    width: 36%;
    left: 0;
    top: 1px;
}
.coursepage_benefits_area ul li a {
    position: absolute;
    width: 86%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5%;
}

.m_faqHead {
    padding: 10px 100px 10px 15px;
}
.m_faqHead a {
    color: white;
}
.m_faqHead__button {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 60px;
    height: auto;
    padding: 1%;
    line-height: 23px;
    text-align: center;
    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);
}


.coursepage_lineup_area {
    width: 94%;
    margin: 0 auto;
}

.coursepage_lineup_area .coursepage_lineup_box {
    width: 47%;
margin: 1%;
    display: inline-block;
}
.coursepage_lineup_area .coursepage_lineup_box:first-of-type {
    display: block;
        margin: 10px auto 20px;
}

.coursepage_lineup_area .coursepage_lineup_box a.linebox {
    display: block;
}

.coursepage_lineup_area .coursepage_lineup_box dt {
    color: white;
    background: url(https://www.kenkoukazoku.co.jp/assets/static/index/img/top_lineup_item_title_bg_sp.webp);
    background-size: cover;
    border-radius: 50px;
    text-align: center;
    padding: 5px 0;
}
.coursepage_lineup_area .coursepage_lineup_box dd {
    background: white;
    margin: 10px 0;
    border-radius: 10px;
        text-align: center;
    padding: 20px 0 10px;
}
.coursepage_lineup_area .coursepage_lineup_box dd img {
    width: 70%;
}

.coursepage_lineup_area .coursepage_lineup_box dd p {
    text-align: center;
    color: #350908;
    font-weight: bold;
}
.courseSectionPrimaryWrap.pad0 {
    padding-bottom: 0;
}
.pdt30 {
    padding-top: 30px;
}

/*202412002追記*/
.mt05 {
  margin-top: -0.5px;
}

.teikikeizoku_area .teikikeizoku_area_main {
  position: relative;
}
.teikikeizoku_area .teikikeizoku_area_main span {
  position: absolute;
  width: 40%;
  left: 62%;
  top: 0.5%;
}
.a_caaks {
  color: #0067B6;
  text-decoration: underline !important;
}

.v-row.b-sidemenu-products--list .v-col-5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.m_detailRegularItemNote_Red {
    font-weight: bold;
    color: red;
}
.price-table {
    width: 100%;
    text-align: center;
    height: 120px;
}

.price-table th, .price-table td {
    border: 1px solid #000;
    vertical-align: middle;
}

.price-table th {
    background-color: #efefef;
}


.future-header th {
  background-color: #fff2cc;
}