@charset "utf-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}
html {
  line-height: 1;
  font-family: 'Noto Sans JP', sans-serif
}
li, ol, ul {
  list-style: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
a img {
  border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}
section {
  position: relative
}
main {
  backface-visibility: visible;
  backface-visibility: hidden;
  backface-visibility: inherit;
  backface-visibility: initial;
  backface-visibility: unset
}
img {
  max-width: 100%
}
a {
  text-decoration: none;
  color: rgba(85, 85, 85, .85)
}
button {
  cursor: pointer
}
.Staa {
  font-family: Staatliches, cursive;
  letter-spacing: 3px
}
.Notosans {
  font-family: 'Noto Sans JP', sans-serif
}
.NotosansS {
  font-family: "Noto Sans JP Subsets", sans-serif
}
.NotosansM {
  font-family: 'Noto Serif JP', serif
}
.Kosugi {
  font-family: Kosugi, sans-serif
}
.Rama {
  font-family: Ramabhadra, sans-serif
}
.Great {
  font-family: 'Great Vibes', cursive
}
.sp__ {
  display: none
}
@media screen and (max-width:780px) {
  .sp__ {
    display: block
  }
}
.pc__ {
  display: block
}
@media screen and (max-width:780px) {
  .pc__ {
    display: none
  }
}
.display_none {
  display: none !important
}
.font-0 {
  font-size: 0
}
.T_Larg {
  font-size: 105%
}
.T_Big {
  font-size: 120%
}
.T_M {
  font-size: 80%
}
.T_Small {
  font-size: 50%
}
.T_bolder {
  font-weight: bolder
}
.T_underline {
  text-decoration: underline
}
.pl_none {
  padding-left: 0 !important
}
.inner {
  padding: 0 10px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}
@media screen and (max-width:780px) {
  .inner {
    max-width: 100%
  }
}
.inner__s {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 50px 50px;
  overflow: hidden
}
@media screen and (max-width:780px) {
  .inner__s {
    max-width: 100%;
    padding: 5px
  }
}
.inner__mini {
  max-width: 600px;
  margin: 0 auto
}
@media screen and (max-width:780px) {
  .inner__mini {
    max-width: 98%
  }
}
.MainTitle {
  font-size: 45px;
  font-weight: bolder;
  padding: 20px 0;
  margin: 30px 0
}
@media screen and (max-width:780px) {
  .MainTitle {
    font-size: 20px
  }
}
.MainTitle_catch {
  font-size: 32px;
  font-weight: bolder;
  padding: 20px 0;
  margin: 30px 0
}
@media screen and (max-width:780px) {
  .MainTitle_catch {
    font-size: 18px
  }
}
.Sub_Titile {
  font-size: 28px;
  font-weight: bolder;
  padding: 20px 0;
  margin: 30px 0
}
@media screen and (max-width:780px) {
  .Sub_Titile {
    font-size: 16px
  }
}
.Desc_txt {
  margin-left: 15px;
  margin-top: -5px;
  font-size: 20px;
  line-height: 1.5;
  box-sizing: inherit
}
@media screen and (max-width:780px) {
  .Desc_txt {
    margin: 20px 0 0;
    font-size: 16px
  }
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important
}
.T_center {
  text-align: center
}
.T_left {
  text-align: left
}
.T_right {
  text-align: right
}
.T_green {
  color: #008442
}
.T_whitegreen {
  color: #45982f
}
.T_gray {
  color: #434343
}
.T_whitegray {
  color: #c3c3c3
}
.T_white {
  color: #fff
}
.T_red {
  color: #e72119
}
.T_darkred {
  color: #bf0000
}
.T_brown {
  color: #894a40
}
.T_dark-brown {
  color: #554034
}
.T_blue {
  color: #0268cc
}
.T_darkblue {
  color: #0e3365
}
.T_skyblue {
  color: #49b8b9
}
.T_orange {
  color: #ff8c00
}
.T_pink {
  color: #e95471
}
.T_whitebrown {
  color: #7d644b
}
.T_flex {
  display: table
}
.T_flex em {
  display: contents
}
.T_mg-R {
  margin-right: .5667vw
}
@media screen and (max-width:780px) {
  .T_mg-R {
    margin-right: 1.8667vw
  }
}
.T_mg-L {
  margin-left: .5667vw
}
.Not_ {
  font-size: 11px
}
.not_desc a {
  text-decoration: underline;
  color: #00f
}
.not_desc a:hover {
  text-decoration: none
}
.seo_txt {
  text-indent: -9999px
}
.bg-black {
  background-color: #000
}
.bg-pink {
  background-color: #e95471
}
.bg-blue {
  background-color: #0268cc
}
.bg-ghostwhite {
  background-color: #f6f6fd
}
.bg-gray {
  background-color: #eee
}
.bg-red {
  background-color: #e72119
}
.bg-darkred {
  background-color: #bf0000
}
.bg-green {
  background-color: #008442
}
.bg-skyblue {
  background-color: #49b8b9
}
.bg-whitegreen {
  background-color: #f3faf7
}
.bg-whitegray {
  background-color: #f2f2f2
}
.bg-brown {
  background-color: #894a40
}
.bg-darkbrown {
  background-color: #960000
}
.bg-browngray {
  background-color: #e3e0de
}
.bg-orange {
  background-color: #ff9f15
}
.Link_blue {
  color: #0268cc;
  text-decoration: underline
}
.float_Left {
  float: left
}
.float_Right {
  float: right
}
.free_dile {
  background-image: url(../new-images/common/icon/free_dial-icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat
}
.jsk__block_ .free_dile {
  background-image: url(../new-images/common/icon/free_dial-icon-blue.png);
}
i.free_call::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 45px;
  height: 2em;
  margin-right: 10px;
  background-image: url(../new-images/common/icon/free_dial-icon.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat
}
.jsk__block_ i.free_call::after {
  background-image: url(../new-images/common/icon/free_dial-icon-blue.png);
}


.In_border {
  border: 1px solid #008442
}
.jsk__block_ .In_border {
  border: 1px solid #2e3f7b
}

.mail_icon {
  background-image: url(../new-images/common/icon/mail-icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat
}
.hover_motion {
  position: relative
}
.hover_motion::before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out
}
.hover_motion:hover::before {
  opacity: 1;
  width: 100%;
  height: 100%
}
.border-w {
  border-bottom: 1px solid rgb(232, 232, 232, .6);
  border-top: 1px solid rgb(232, 232, 232, .6)
}
.w-20 {
  width: 20%;
  position: relative
}
@media screen and (max-width:780px) {
  .w-20 {
    width: 100%
  }
}
.w-30 {
  width: 30%;
  position: relative
}
@media screen and (max-width:780px) {
  .w-30 {
    width: 100%
  }
}
.w-40 {
  width: 40%;
  position: relative
}
@media screen and (max-width:780px) {
  .w-40 {
    width: 100%
  }
}
.w-50 {
  width: 50%;
  position: relative
}
@media screen and (max-width:780px) {
  .w-50 {
    width: 100%
  }
}
.w-60 {
  width: 60%;
  position: relative
}
@media screen and (max-width:780px) {
  .w-60 {
    width: 100%
  }
}
.w-70 {
  width: 70%;
  position: relative
}
@media screen and (max-width:780px) {
  .w-70 {
    width: 100%
  }
}
.w-80 {
  width: 80%;
  position: relative
}
@media screen and (max-width:780px) {
  .w-80 {
    width: 100%
  }
}
.mt-nor {
  margin-top: 1.66667vw
}
.mb-nor {
  margin-bottom: 1.66667vw
}
.mt-le {
  margin-top: 6.66667vw
}
.mb-le {
  margin-bottom: 6.66667vw
}
.T_mt-nor {
  margin-top: 1.5rem
}
.arrow-right::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border-top: 3px solid transparent;
  border-left: 3px solid currentColor;
  border-right: 3px solid transparent;
  border-bottom: 3px solid currentColor
}
.arrow-right {
  position: absolute;
  display: inline-block;
  top: calc(50% + 2px);
  right: calc(10%);
  width: 29px;
  height: 1px;
  background: currentColor;
  transition: all .4s cubic-bezier(.78, .07, 0, 1);
  -webkit-transition: all .4s cubic-bezier(.78, .07, 0, 1);
  pointer-events: none
}
a:hover .arrow-right {
  right: calc(5%)
}
.bg_line {
  position: relative;
  height: 1px;
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
  background-image: linear-gradient(to right, gray 60%, transparent 0);
  background-image: -moz-linear-gradient(right, gray 60%, transparent 0);
  background-image: -webkit-linear-gradient(right, gray 60%, transparent 0);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x
}
#Page__, #Top_index #page-body {
  opacity: 0
}
#Page__.Page-in, #Top_index #page-body.Page-in {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 2s;
  transition-duration: 2s
}
#canvas {
  width: 100%;
  position: relative;
  background: 0 0;
  margin-top: 100px
}
@media screen and (max-width:780px) {
  #canvas {
    margin-top: 50px
  }
}
.bg-img {
  width: 100%;
  height: 100%
}
#loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  text-align: center
}
#inner_catch {
  width: 300px;
  position: relative;
  margin: 0 auto;
  top: -30px;
  padding: 0
}
#inner_catch svg {
  width: 100%
}
@media screen and (max-width:780px) {
  #inner_catch {
    width: 250px;
    top: -40px
  }
}
#inner_logo {
  display: inline-block;
  position: relative;
  width: 250px;
  top: -33px;
  margin: 45vh auto 0;
  animation: show .8s linear 0s, scaleSize 1.2s ease-in-out
}
@media screen and (max-width:780px) {
  #inner_logo {
    width: 180px
  }
}
.loaded #loading #inner_logo {
  animation: scaleOut 1s ease-out
}
.loaded #loading #inner_catch {
  animation: blurOut 1s ease-out
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: rgba(255, 255, 255, .95);
  z-index: 3;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .05)
}
@media screen and (max-width:780px) {
  heder {
      z-index: 9999;
      position: relative;
  }
  #header {
    position: relative;
    background: #fff;
    height: 40px;
    padding: 10px 0;
    border: none;
    box-shadow: none;
  }
}
#header h1#Kaishin_Logo {
  position: relative;
  width: 150px;
  top: 18px;
  z-index: 2;
  float: left;
  left: 20px
}
@media screen and (max-width:1024px) {
  #header h1#Kaishin_Logo {
    left: 10px
  }
}
@media screen and (max-width:780px) {
  #header h1#Kaishin_Logo {
    top: 0;
    left: 5px
  }
}
#global_nav {
  display: block;
  position: relative;
  top: 20px;
  float: right
}
@media screen and (max-width:1024px) {
  #global_nav {
    right: 0
  }
}
@media screen and (max-width:780px) {
  #global_nav {
    display: none;
    padding: 0 0 20.6667vw
  }
}
.Nav_inner {
  margin: 0
}
@media screen and (max-width:780px) {
  .Nav_inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 60px;
    float: none
  }
}
.Nav_inner li {
  padding: 0;
  margin: 0 20px;
  float: left;
  text-align: center
}
@media screen and (max-width:1024px) {
  .Nav_inner li {
    margin: 0 .9667vw
  }
}
.Nav_inner li a.Nav__hover {
  display: block;
  transition: .3s linear 0s;
  -webkit-transition: .3s linear 0s;
  color: rgba(85, 85, 85, .85)
}
@media screen and (max-width:1024px) {
  .Menu__list h3 {
    font-size: 1.6667vw
  }
}
@media screen and (max-width:780px) {
  .Menu__list h3 {
    font-size: inherit;
    font-weight: bolder
  }
}
.tit_en {
  margin-top: 5px;
  display: block;
  color: #008442
}
@media screen and (max-width:780px) {
  .tit_en {
    font-size: 90%;
    font-weight: 400
  }
}
.Sub-tit_en {
  font-size: 25px
}
@media screen and (max-width:780px) {
  .Sub-tit_en {
    font-size: 90%
  }
}
.Nav_inner li a.Nav__hover::after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background: #008442;
  opacity: 0;
  transition: .3s linear 0s;
  -webkit-transition: .3s linear 0s;
  margin: 5px auto 0
}
.Nav_inner li:hover a.Nav__hover {
  color: #008442
}
.Nav_inner li:hover a.Nav__hover::after {
  width: 100%;
  opacity: 1
}
@media screen and (max-width:780px) {
  .Nav_inner li {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 10px 0
  }
  .Nav_inner li a.Nav__hover::after {
    display: none
  }
}
.Sub__Nav {
  position: fixed;
  width: 100%;
  left: 0;
  padding: 50px 0;
  top: 80px;
  display: none;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 6px 5px rgba(0, 0, 0, .3)
}
@media screen and (max-width:1024px){
    .Sub__Nav {
        padding: 1.5rem 0;
    }
    
}

li.Sub__itemlist {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 25%
}
li.Sub__itemlist .List__sub {
  margin: 10px
}
.Nav__hover.List__Sub {
  cursor: pointer
}
li.Sub__itemlist .List__sub a img {
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out
}
li.Sub__itemlist .List__sub a:hover img {
  transform: translate3d(0, -2px, 50px);
  -webkit-transform: translate3d(0, -2px, 50px);
  box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
.List__sub a p {
  display: block;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #008442;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out
}
@media screen and (max-width:1024px) {
    .List__sub a p {
        font-size: 12px;
        margin-top: 0.5rem;
    } 
}
.List__sub a:hover p {
  background: #008442;
  color: #fff
}
#global_nav.Sp_Nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999999;
  animation: blur .3s ease-in-out
}
@media screen and (max-width:780px) {
  #global_nav.Sp_Nav.open {
    animation: scaleSize .2s ease-in-out;
    -webkit-overflow-scrolling: touch !important;
    overflow-scrolling: touch !important;
    overflow-y: scroll !important
  }
}
#global_nav.Sp_Nav li {
  transform: translate3d(30%, 60%, 0);
  -webkit-transform: translate3d(30%, 60%, 0);
  opacity: 0;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out
}
#global_nav.Sp_Nav.open li {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1
}
#global_nav.Sp_Nav.open li:nth-of-type(1) {
  transition-delay: .2s;
  -webkit-transition-delay: .2s
}
#global_nav.Sp_Nav.open li:nth-of-type(2) {
  transition-delay: .3s;
  -webkit-transition-delay: .3s
}
#global_nav.Sp_Nav.open li:nth-of-type(3) {
  transition-delay: .4s;
  -webkit-transition-delay: .4s
}
#global_nav.Sp_Nav.open li:nth-of-type(4) {
  transition-delay: .5s;
  -webkit-transition-delay: .5s
}
#global_nav.Sp_Nav.open li:nth-of-type(5) {
  transition-delay: .6s;
  -webkit-transition-delay: .6s
}
#global_nav.Sp_Nav.open li:nth-of-type(6) {
  transition-delay: .7s;
  -webkit-transition-delay: .7s
}
#global_nav.Sp_Nav.open li:nth-of-type(7) {
  transition-delay: .8s;
  -webkit-transition-delay: .8s
}
#global_nav.Sp_Nav.open li:nth-of-type(8) {
  transition-delay: .9s;
  -webkit-transition-delay: .9s
}
#global_nav.Sp_Nav.open li:nth-of-type(9) {
  transition-delay: 1s;
  -webkit-transition-delay: 1s
}
#global_nav.Sp_Nav.open li:nth-of-type(10) {
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s
}
#global_nav.Sp_Nav.open li:nth-of-type(11) {
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s
}
#global_nav.Sp_Nav.open li:nth-of-type(12) {
  transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s
}
#global_nav.Sp_Nav.open li:nth-of-type(13) {
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s
}
#global_nav.Sp_Nav li.under_no {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0)
}
.Nav_inner li.under_no a::after {
  display: none
}
.Nav_inner li.under_no a {
  display: block;
  color: #fff;
  text-align: center;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out
}
.Nav_inner li.under_no a:hover {
  color: #008442;
  background: rgba(255, 255, 255, .85);
  border: 1px solid #008442
}
.Nav_inner li.SNS {
  padding: 0;
  margin: 0 5px
}
@media screen and (max-width:780px) {
  .Sp_Nav li.SNS {
    padding: 10px 0;
    position: fixed;
    left: 0;
    top: 0
  }
}
.Nav_inner li.SNS a {
  float: left;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  text-align: center;
  margin: 0 5px;
  border: 1px solid #fff
}
.Nav_inner li.SNS a.faceb {
  color: #0059dd
}
@media screen and (max-width:780px) {
  .Nav_inner li.SNS a.faceb {
    border: 1px solid #0059dd
  }
}
.Nav_inner li.SNS a.faceb:hover {
  border-color: #0059dd;
  background: #0059dd;
  color: #fff
}
.Nav_inner li.SNS a.insta {
  color: #fb2287
}
@media screen and (max-width:780px) {
  .Nav_inner li.SNS a.insta {
    border: 1px solid #fb2287
  }
}
.Nav_inner li.SNS a.insta:hover {
  border-color: #fb2287;
  background: #fb2287;
  color: #fff
}
.Nav_inner li.SNS a i {
  padding: 6px 4px;
  font-size: 25px
}
.Nav_inner li.h_Cart {
  position: fixed;
  right: 0;
  top: 81px;
  padding: 0;
  margin: 0
}
@media screen and (max-width:780px) {
  .Sp_Nav li.h_Cart {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0
  }
}
.Nav_inner li.h_Cart a {
  background: rgba(0, 132, 66, .85);
  padding: 10px;
  border: 1px solid #008442
}
.h_Cart i {
  font-size: 30px;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  margin-bottom: 10px
}
@media screen and (max-width:780px) {
  .h_Cart i {
    font-size: 13px;
    margin-bottom: 0
  }
}
.cart_t {
  font-size: 13px;
  display: block
}
@media screen and (max-width:780px) {
  .cart_t {
    display: inline-block
  }
}
.li_inner {
  margin: 0 auto
}
#Burger {
  width: 50px;
  height: 40px;
  position: fixed;
  text-align: center;
  right: 5px;
  top: 5px;
  padding: 5px 0;
  background: rgba(255, 255, 255, .5);
  cursor: pointer;
  z-index: 99999999;
}
#Burger-btn {
  position: relative;
  width: 40px;
  height: 29px;
  margin: 0 auto
}
#Burger-btn span {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 0;
  background: #000;
  border-radius: 50%;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out
}
.Btn-txt, .Btn-txt-off {
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out
}
.Btn-txt, .on .Btn-txt-off {
  display: block;
  opacity: 1;
  font-size: 13px;
  text-align: center;
  color: #008442
}
.Btn-txt-off, .on .Btn-txt {
  opacity: 0;
  font-size: 0
}
#Burger-btn span:nth-of-type(1) {
  width: 50%;
  left: 10px
}
#Burger-btn span:nth-of-type(2) {
  top: 10px
}
#Burger-btn span:nth-of-type(3) {
  top: 20px;
  width: 50%;
  left: 10px
}
.on #Burger-btn span:nth-of-type(1) {
  transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  top: 10px;
  left: 0;
  width: 100%
}
.on #Burger-btn span:nth-of-type(3) {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  left: 0;
  top: 10px;
  width: 100%
}
.on #Burger-btn span:nth-of-type(2) {
  width: 0;
  left: 25px;
  opacity: 0
}
.q-a__ {
  width: 100%;
  text-align: left;
  font-size: 18px;
  line-height: 1.3
}
@media screen and (max-width:780px) {
  .q-a__ {
    font-size: 15px
  }
}
.q-a__ dd, .q-a__ dt {
  position: relative;
  height: auto;
  width: auto
}
.q-a__ dt {
  font-weight: bolder;
  margin: 10px 0 0;
  padding: 10px 20px
}
.q-a__ dd {
  border: 1px solid #000;
  border-top: none;
  background: #fff;
  padding: 20px
}
.SP_Pull + dd {
  display: none
}
@media screen and (max-width:780px) {
  .q-a__ dt {
    padding: 10px
  }
  .q-a__ dd {
    display: block;
    padding: 20px 10px
  }
}
.q-a__ .dt_box {
  position: relative
}
.q-a__ dt.SP_Pull {
  position: relative;
  display: block;
  cursor: pointer
}
.q-a__ dt.SP_Pull .dt_box::after {
  font-family: FontAwesome;
  content: "\f107";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: auto;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  transition: transform .3s ease-in-out
}
.q-a__ dt.SP_Pull.__on .dt_box::after {
  transform: rotate(180deg)
}
@media screen and (max-width:780px) {
  .q-a__ dt.SP_Pull .dt_box::after, .q-a__ dt.SP_Pull.__on .dt_box::after, .q-a__ dt.SP_Pull.__on::after, .q-a__ dt.SP_Pull::after {
    display: none
  }
}
.t_dt {
  position: relative;
  font-size: 35px;
  line-height: 1
}
@media screen and (max-width:780px) {
  .t_dt {
    font-size: 25px
  }
  .T_mg-R.t_dt {
    margin-top: -6px
  }
}
.t_dd {
  padding: 10px 0
}
@media screen and (max-width:780px) {
  .t_dd {
    padding: 0
  }
}
#Top_index .main_container {
  display: none
}
.main_container {
  padding-top: 80px
}
@media screen and (max-width:780px) {
  .main_container {
    padding-top: 0
  }
}
.Title__ {
  padding: 50px 0 2.6667vw
}
@media screen and (max-width:780px) {
  .Title__ {
    padding: 6.6667vw 0 10.6667vw
  }
}
#Header_PR {
  position: relative
}
#Main_Slider {
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgb(232, 232, 232, .6)
}
#Main_Slider .swiper-pagination-bullet {
  height: 10px;
  width: 50px;
  border-radius: 0;
  margin: 0 1px
}
#Main_Slider .swiper-pagination-bullet-active {
  background-color: #008442
}
#Main_Slider .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto
}
@media screen and (max-width:780px) {
  #Main_Slider .swiper-container {
    padding-bottom: 29px
  }
  #Main_Slider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 8px
  }
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.IE .swiper-slide img {
  width: 100%;
  height: auto
}
.loaded #Top_container {
  animation: slideUp 1.2s ease-out
}
#main-visual {
  width: 100%;
  height: auto;
  position: relative
}
@media screen and (max-width:780px) {
  #main-visual {
    height: auto
  }
}
#visual-bg {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../new-images/common/bg/bg-img.jpg) no-repeat 0 0;
  background-size: cover;
  background-attachment: fixed
}
@media screen and (max-width:780px) {
  #visual-bg {
    height: 100%;
    top: auto;
    bottom: 0;
    background: url(../new-images/common/bg/bg-img-sp.jpg) no-repeat bottom;
    background-size: contain;
    background-attachment: fixed
  }
}
#main-visual img {
  width: 100%
}
#Main_Info {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 50px
}
@media screen and (max-width:780px) {
  #Main_Info {
    background-color: rgb(247, 247, 247, 1);
    padding-bottom: 3.6667vw
  }
}
#Top_Info_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(240, 239, 232, 1);
  border-bottom: 1px solid rgb(232, 232, 232, .6);
  border-top: 1px solid rgb(232, 232, 232, .6);
  background-image: url(../new-images/common/bg/bg-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 0 0
}
@media screen and (max-width:780px) {
  #Top_Info_bg {
    background-color: rgb(247, 247, 247, 1)
  }
}
#Event__, #News__ {
  float: left
}
#Event__ {
  width: 50%
}
#News__ {
  width: 50%
}
@media screen and (max-width:1024px) {
  #Event__ {
    text-align: center
  }
  #Event__, #News__ {
    width: 100%;
    float: none;
    margin-bottom: 50px
  }
}
@media screen and (max-width:780px) {
  #Event__ {
    margin-bottom: 10px
  }
}
.Info__box_inner {
  padding: 10px 10px 30px
}
.Sub_info_tit {
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-weight: 700
}
#Event__ ul li {
  display: block;
  max-width:100%;
  float: left;
  margin-right: 1%
}
#Event__ ul li:last-of-type {
  margin-right: 0;
  margin-left: 1%
}
@media screen and (max-width:780px) {
  #Event__ ul li, #Event__ ul li:last-of-type {
    max-width: 100%;
    margin-left: 0
  }
  #Event__ ul li {
    margin: 0 0 30px
  }
  #Event__ ul li:last-of-type {
    margin-bottom: 0
  }
}
.event_img {
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .05);
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  -webkit-transition: box-shadow .3s, -webkit-box-shadow .3s;
  border: 1px solid rgba(0, 0, 0, .03);
  padding: 10px;
  background: #fff;
  box-sizing: border-box
}
.E_Img__Ul {
  overflow: hidden;
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px
}
.event_img a {
  display: block
}
.Hostday__ a {
  max-width: 650px
}
.event_img:hover {
  box-shadow: 0 -1px 20px rgba(0, 0, 0, .15)
}
@media screen and (max-width:780px) {
  .event_img:hover {
    box-shadow: none
  }
}
#News__ ul li {
  padding: 20px 0;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .3)
}
@media screen and (max-width:780px) {
  #News__ ul li {
    width: 100%;
    display: block
  }
}
#News__ ul li:last-of-type {
  border: none;  
}

#News__ ul li a {
  padding: 5px 0;
  color: #000;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  font-size: 95%;
  position: relative
}
#News__ ul li a:hover {
  color: #c80003
}
.text__day, .text__description, .text__h {
  padding-left: 15px;
  line-height: 2
}
.text__description.desc_Larg {
  display: block;
  padding-left: 0;
  margin-top: 10px
}
.text__day {
  padding-left: 0
}
.text__day, .text__h {
  font-weight: 700
}
@media screen and (max-width:780px) {
  #News__ ul li a span {
    display: block;
    margin: 10px 0;
    padding-left: 0
  }
}
.news__::before {
  content: "ニュース";
  background: #c80003;
  color: #fff;
  position: relative;
  padding: 2px 10px;
  text-align: center;
  margin-right: 10px
}
@media screen and (max-width:780px) {
  .news__::before {
    margin-bottom: 30px
  }
}
.info__::before {
  content: "お知らせ";
  background: #008442;
  color: #fff;
  position: relative;
  padding: 2px 10px;
  text-align: center;
  margin-right: 10px
}
@media screen and (max-width:780px) {
  .info__::before {
    margin-bottom: 30px
  }
}
.important__::before {
  content: "重要なお知らせ";
  background: #c80003;
  color: #fff;
  position: relative;
  padding: 2px 10px;
  text-align: center;
  margin-right: 10px
}
@media screen and (max-width:780px) {
  .important__::before {
    margin-bottom: 30px
  }
}
#main-visual #Products {
  background: #fff;
  position: relative
}
#main_item {
  width: 100%;
  position: relative
}
@media screen and (max-width:780px) {
  #main_item {
    top: auto
  }
}
.item-box {
  float: left;
  width: 25%
}
@media screen and (max-width:780px) {
  .item-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px
  }
}
.item-box a {
  position: relative;
  margin: 0 4%;
  padding: 5px;
  display: block;
  background: rgba(255, 255, 255, .65);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .05);
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  -webkit-transition: box-shadow .3s, -webkit-box-shadow .3s;
  border: 1px solid rgba(0, 0, 0, .03);
  overflow: hidden
}
.item-box a:hover {
  box-shadow: 0 -1px 20px rgba(0, 0, 0, .15)
}
@media screen and (max-width:780px) {
  .item-box a:hover {
    box-shadow: none
  }
}
a .item-img {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
  line-height: 0
}
a:hover .item-img img {
  transition: .4s ease-in-out;
  -webkit-transition: .4s ease-in-out;
  margin: 0;
  padding: 0;
  transform: scale(1);
  -webkit-transform: scale(1)
}
a .item-img img {
  transition: .4s ease-in-out;
  -webkit-transition: .4s ease-in-out;
  transform: scale(1.05);
  -webkit-transform: scale(1.05)
}
.item-catch {
  position: absolute;
  width: 8.6667vw;
  left: 40px;
  top: 0;
  opacity: 0;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out
}
a:hover .item-catch {
  z-index: 2;
  top: 20px;
  opacity: 1
}
.item-catch.larg {
  width: 12.6667vw
}
@media screen and (max-width:780px) {
  .item-catch, .item-catch.larg, a:hover .item-catch {
    top: 3.6667vw;
    opacity: 1;
    width: 30.667vw;
    left: 15px
  }
  .item-catch.larg, a:hover .item-catch.larg {
    width: 50.6667vw
  }
}
.item-subcatch {
  position: absolute;
  opacity: 0;
  top: 120px;
  z-index: 2;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  padding: .6667vw;
  line-height: 1.5;
  width: 97%;
  text-align: center
}
a:hover .item-subcatch {
  opacity: 1
}
@media screen and (max-width:1024px) {
  .item-subcatch {
    display: none
  }
}
.item-subBtn {
  position: absolute;
  bottom: 0;
  opacity: 0;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  z-index: 2;
  left: calc(50% - 84px);
  padding: 10px 20px;
  border: 1px solid #fff;
  color: #fff
}
a:hover .item-subBtn {
  opacity: 1;
  bottom: 20px
}
@media screen and (max-width:780px) {
  .item-subBtn {
    position: relative;
    opacity: 1;
    bottom: 0;
    display: block;
    left: 0;
    text-align: center;
    border: none
  }
  a:hover .item-subBtn {
    bottom: 0
  }
}
a .item-img::after, a .item-img::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  background: rgba(255, 255, 255, .8);
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  z-index: 2;
  left: 0;
  height: 0%
}
a .item-img::before {
  top: 0
}
a .item-img::after {
  bottom: 0
}
a:hover .item-img::before {
  height: 50%;
  top: 0
}
a:hover .item-img::after {
  height: 50%;
  bottom: 0
}
@media screen and (max-width:780px) {
  a .item-img::after, a .item-img::before {
    display: none
  }
}
.item__pr {
  padding: 7.6667vw 0 1.6667vw;
  margin: 10px 0;
  overflow: hidden
}
@media screen and (max-width:780px) {
  .item__pr {
    padding: 6.6667vw 0 10.6667vw
  }
}
.item__descinner {
  position: relative
}
.item__title {
  max-width: 15.6667vw;
  margin: 0 auto
}
#Jsk__ .item__title {
  max-width: 340px;  
}

@media screen and (max-width:780px) {
  .item__title {
    max-width: 200px
  }
  #Jsk__ .item__title {
    max-width: 300px;  
  }
}
.item__title p {
  max-width: 8.667vw;
  margin: 0 auto
}
#Jsk__ .item__title p {
   max-width: 220px; 
}
@media screen and (max-width:780px) {
  .item__title p {
    max-width: 150px
  }
  #Jsk__ .item__title p {
     max-width: 180px; 
  }
}
.item_boximg {
  max-width: 35.6667vw
}
.item_stc {
  position: relative;
  max-width: 25.6667vw;
  display: block;
  bottom: 2.667vw
}
#Jsk__ .item_stc {
    max-width: 500px;
    bottom: 10.66667vw;
}
@media screen and (max-width:780px) {
  .item_stc {
    position: relative
  }
  .Item__desc_box {
    margin-top: 50px
  }
}
.item__catch {
  font-size: 25px;
  font-weight: bolder;
  padding: 20px 0
}
@media screen and (max-width:780px) {
  .item__catch {
    padding: 3.6667vw 0;
    font-size: 18px
  }
}
.Item__desc {
  padding: 10px 40px;
  margin: 10px 0;
  line-height: 1.5
}
@media screen and (max-width:780px) {
  .Item__desc {
    padding: 10px
  }
}
.item__price table {
  width: 100%
}
.item__price tr {
  border-top: 2px solid #008442
}
.item__price tr:last-child {
  border-bottom: 2px solid #008442
}
.item__price td, .item__price th {
  padding: 10px;
  text-align: center;
  border-right: 2px solid #008442;
  font-weight: bolder
}
.item__price td:last-child, .item__price th:last-child {
  border-right: none
}
.AcBtn__inner {
  padding: 10px 40px
}
@media screen and (max-width:780px) {
  .AcBtn__inner {
    padding: 10px
  }
}
.item__AcBtn {
  padding: 10px;
  display: block;
  border: 1px solid #008442;
  color: #008442;
  text-align: center;
  position: relative
}
.AcBtn a {
  transition: all .4s cubic-bezier(.78, .07, 0, 1);
  -webkit-transition: all .4s cubic-bezier(.78, .07, 0, 1)
}
.AcBtn a:hover {
  background: #008442;
  color: #fff
}
#Jsk__ .item__AcBtn {
  border-color: #0e3365;
  color: #0e3365
}
#Jsk__ .AcBtn a:hover {
  background: #0e3365;
  color: #fff;
}
#Stv_pro .item_stc {
  bottom: 6.666vw
}
#Stv_pro .item__AcBtn {
  border-color: #49b8b9;
  color: #49b8b9
}
#Stv_pro .AcBtn a:hover {
  background: #49b8b9;
  color: #fff
}
#Pla_pro .item__AcBtn {
  border-color: #894a40;
  color: #894a40
}
#Pla_pro .AcBtn a:hover {
  background: #894a40;
  color: #fff
}
#Company {
  width: 100%;
  position: relative;
  text-align: center;
  background-image: url(../new-images/common/bg/company-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed
}
@media screen and (max-width:900px) {
  #Company {
    background-image: url(../new-images/common/bg/company-bg-sp.jpg);
    background-size: 100%
  }
}
#Company::before {
  background: rgba(255, 255, 255, .8);
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute
}
.C_info__box {
  padding: 6.6667vw 0
}
@media screen and (max-width:900px) {
  .C_info__box {
    padding: 10.6667vw 0 30.6667vw
  }
}
.C_info__box h3 {
  text-align: center;
  max-width: 280px;
  margin: 0 auto;
  padding: 2.6667vw 0
}
@media screen and (max-width:420px) {
  .C_info__box h3 {
    max-width: 200px
  }
}
.C_info__box h4 {
  padding: 1.2667vw 0 3.6667vw
}
.C_info__box p {
  padding: 2.6667vw 0;
  line-height: 1.8;
  text-shadow: 1px 2px 1px #fff, -1px -2px 2px #fff, -2px -1px 1px #fff
}
.C_link {
  max-width: 400px;
  margin: 0 auto
}
.C_link .item__AcBtn {
  padding: 20px 0
}
#Other__tag {
  padding-bottom: 6.6667vw
}
@media screen and (max-width:780px) {
  #Other__tag {
    padding-bottom: 10.6667vw
  }
}
#Other__tag .Title__ {
  padding: 30px 0 20px
}
.other__Title {
  font-size: 30px;
  font-weight: bolder;
  padding: 20px 0
}
.other__catch {
  font-size: 25px;
  font-weight: bolder;
  text-align: center;
  letter-spacing: 8px;
  padding: 5px 0;
  margin-bottom: 30px
}
@media screen and (max-width:780px) {
  .other__Title, .other__catch {
    font-size: 18px;
    letter-spacing: normal
  }
}
.Catch__Larg {
  font-size: 120%;
  color: #f39800
}
.other__descTxt {
  font-weight: bolder;
  line-height: 1.5;
  font-size: 20px
}
@media screen and (max-width:780px) {
  .other__descTxt {
    font-size: 100%;
    letter-spacing: normal
  }
}
.other__descImg {
  width: 100%;
  max-width: 950px;
  margin: 30px auto 20px
}
#Other__tag .AcBtn {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px 0
}
#Other__tag .AcBtn a {
  padding: 20px 0
}
.Desc__box {
  position: relative;
  padding: 20px;
  margin: 3.6667vw 0 0;
  background: rgba(255, 255, 255, .9);
  border-radius: 10px;
  box-shadow: -1px 2px 5px rgba(183, 183, 183, .5), 2px 0 2px rgba(183, 183, 183, .5)
}
@media screen and (max-width:780px) {
  .Desc__box {
    padding: 1.6667vw;
    margin: 20.6667vw 0 0
  }
}
footer {
  background: #fff
}
.Footer {
  width: 100%;
  position: relative;
  overflow: hidden
}
#Top_index .Footer {
  display: none
}
#Shop_info {
  padding: 50px 0;
  background: #fff;
  overflow: hidden;
  text-align: center
}
.LargTit {
  font-size: 25px;
  font-weight: 700;
  padding: 20px 0 5px;
  letter-spacing: .2667vw
}
@media screen and (max-width:780px) {
  .LargTit {
    font-size: 20px
  }
}
.Info_guide {
  width: 100%
}
.Info_guide ul {
  width: 100%
}
.Info_guide li {
  float: left;
  width: 25%;
  min-width: 200px;
  margin: 0
}
.Info_guide .Larg_li {
  width: 50%;
  min-width: 500px
}
@media screen and (max-width:1024px) {
  .Info_guide li {
    width: 33.333%;
    min-width: 150px
  }
  .Info_guide .Larg_li {
    width: 100%;
    min-width: auto
  }
}
@media screen and (max-width:780px) {
  .Info_guide li {
    width: 100%;
    min-width: 100%
  }
}
.guide_box {
  padding: 10px;
  margin: 10px;
  text-align: center;
  border: 1px solid #008442;
  border-radius: 4px;
  min-height: 350px
}
@media screen and (max-width:780px) {
  .guide_box {
    min-height: auto
  }
}
.guide_box h4 {
  padding: 10px 0;
  font-size: 18px;
  color: #000
}
@media screen and (max-width:780px) {
  .guide_box h4 {
    font-size: 18px
  }
}
.guide_desc {
  line-height: 1.5;
  max-width: 250px;
  margin: 0 auto 10px
}
@media screen and (max-width:1024px) {
  .guide_desc {
    width: 100%;
    max-width: 100%
  }
}
@media screen and (max-width:420px) {
  .guide_desc {
    font-size: 14px;
  }
}
.gude_btn {
  padding: 10px 0;
  background: #2d9943;
  border-radius: 40px;
  line-height: 1;
  color: #fff;
  margin: 0 auto 10px;
  width: 100%;
  max-width: 250px;
  vertical-align: middle;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  border: 1px solid #2d9943
}
@media screen and (max-width:1024px) {
  .gude_btn {
    max-width: 350px
  }
}
a:hover .gude_btn {
  background: #fff;
  border: 1px solid #2d9943;
  color: #2d9943
}
.Hover_bg {
  display: block;
  width: 180px;
  height: 180px;
  margin: 0 auto;
  overflow: hidden
}
#F_Members {
  background: url(../new-images/common/bg-icon/kaishin-icon.png) no-repeat 0 bottom;
  background-size: 180px 1620px
}
#F_Delivery {
  background: url(../new-images/common/bg-icon/delivery-icon.png) no-repeat 0 bottom;
  background-size: 180px 1620px
}
#F_Teiki {
  background: url(../new-images/common/bg-icon/teiki-icon.png) no-repeat 0 bottom;
  background-size: 180px 1620px
}
#F_Pay {
  background: url(../new-images/common/bg-icon/pay-icon.png) no-repeat 0 bottom;
  background-size: 180px 1620px
}
#F_Return {
  background: url(../new-images/common/bg-icon/return-icon.png) no-repeat 0 bottom;
  background-size: 180px 1620px
}
#F_Privacy {
  background: url(../new-images/common/bg-icon/privacy-icon.png) no-repeat 0 bottom;
  background-size: 180px 1620px
}
#F_Contact {
  padding: 20px 0 10px
}
@media screen and (max-width:780px) {
  #F_Contact {
    margin: 0;
    padding: 20px 0 10px
  }
}
#F_Contact .free_dile {
  width: 50px;
  height: 24px;
  display: inline-block;
  margin-right: 0.3em;
}
@media screen and (max-width:420px) {
  #F_Contact .free_dile {
    width: 35px;
    height: 25px;
    margin-right: 0.3em;
  }
}
.F_tel {
  font-size: 30px;
  font-weight: bolder;
  letter-spacing: 1.2px
}
@media screen and (max-width:420px) {
  .F_tel {
    font-size: 30px;
  }
}
.F_inquiry_desc {
  line-height: 1.2;
  padding: 1.0em 0 0 0
}
@media screen and (max-width:420px) {
  .F_inquiry_desc  {
     padding: 1.0em 0 0 0;
     font-size: 14px;
  }
}
.F_mail {
  margin: 15px 0 0;
  font-size: 20px
}
.F_mail i {
  margin-right: 10px;
  font-size: 25px
}
.F_mail a {
  display: block;
  margin: 0 20px;
  padding: 15px 0;
  border-radius: 5px;
  border: 1px solid #2d9943;
  color: #fff;
  background: #2d9943;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out
}
@media screen and (max-width:780px) {
  .F_mail a {
    padding: 10px 0
  }
}
@media screen and (max-width:420px) {
  .F_mail a {
   margin: 0 auto;
  }
}
.F_mail a:hover {
  background: #fff;
  border: 1px solid #2d9943;
  color: #2d9943
}
.guide_box:focus .Hover_bg, .guide_box:hover .Hover_bg {
  animation: hover-bg-animation 1s steps(8) forwards;
  -webkit-animation: hover-bg-animation 1s steps(8) forwards
}
@media screen and (max-width:780px) {
  .guide_box:focus .Hover_bg, .guide_box:hover .Hover_bg {
    animation: none
  }
}
#Pay_ment__ {
  width: 100%;
  background: #fff
}
@media screen and (max-width:780px){
    #Pay_ment__ a {
    width: 100%;
    display: block;
    text-align:center;
    margin-top: 20px;
}
}
#Onlineshop {
  width: 100%;
  background: rgba(227, 227, 227, .4);
  border-bottom: 1px solid rgb(232, 232, 232, .6);
  border-top: 1px solid rgb(232, 232, 232, .6)
}
#mall_store_ {
  margin-bottom: 1.6667vw
}
#mall_store_ span {
  padding: 10px 15px;
  margin-right: 1.06667vw
}
#mall_store_ span a:hover {
  opacity: .85
}
@media screen and (max-width:1024px) {
  #Onlineshop h3 a {
    margin-bottom: 10px;
    display: block
  }
  #Onlineshop h3 a:last-of-type {
    margin-bottom: 0
  }
}
@media screen and (max-width:780px) {
  #Onlineshop {
    padding-bottom: 7.6667vw
  }
  #mall_store_ {
    display: block !important;
    max-width: 300px;
    margin: 0 auto
  }
  #mall_store_ span {
    display: block !important;
    margin: 0
  }
  #Pay_ment__ .Title__ {
    padding-top: 2.6667vw
  }
  #Onlineshop .Title__, #Pay_ment__ .Title__ {
    padding-bottom: 2.6667vw
  }
}
#Footer_Nav {
  padding: 50px 0;
  color: rgba(85, 85, 85, .85)
}
@media screen and (max-width:780px) {
  #Footer_Nav, #Footer_Nav .inner {
    width: 100%;
    padding: 0
  }
}
.F_Nav {
  overflow: hidden
}
#F_company-info {
  width: 40%;
  float: left;
  text-align: left;
}
#F_company-info ul {
  margin-top: 20px
}
#F_NavMenu {
  float: right;
  width: 60%
}
@media screen and (max-width:780px) {
  #F_NavMenu, #F_company-info {
    float: none;
    width: 100%;
    overflow: hidden
  }
  #F_company-info {
    padding: 50px 0
  }
}
.Info_tit {
  color: #008442
}
#F_company-info .Info_tit {
  margin: 0 0 10px
}
@media screen and (max-width:780px) {
  #F_NavMenu .Info_tit {
    display: block;
    text-align: left;
    padding: 10px 0;
    margin: 0 20px;
    position: relative
  }
  #F_NavMenu .Info_tit::after {
    font-family: FontAwesome;
    content: "\f138";
    position: absolute;
    right: 0;
    top: 12px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
  }
}
.en_ruby {
  font-size: 14px;
  display: block
}
@media screen and (max-width:780px) {
  .PullDown .en_ruby {
    display: inline-block
  }
}
#F_NavMenu .F_Nav_li {
  width: 30%;
  float: left;
  text-align: left
}
#F_NavMenu .F_Other {
  width: 40%
}
@media screen and (max-width:780px) {
  #F_NavMenu .F_Nav_li {
    width: 100%;
    float: none
  }
}
.F_Nav_inner {
  padding: 0 0 0 10px
}
@media screen and (max-width:780px) {
  .F_Nav_inner {
    padding: 0
  }
  .F_Other li, .PullDown .F_Nav_inner {
    border-bottom: 1px solid rgb(232, 232, 232, .6)
  }
  #F_company-info .F_Nav_inner, .PullDown .F_Nav_inner {
    position: relative
  }
  #F_company-info .F_Nav_inner {
    padding: 0 20px
  }
}
#F_company-info ul {
  padding: 10px 0
}
.Sub__ {
  margin: 20px 0 0
}
.F_Other ul {
  padding: 0
}
.F_Nav_li li {
  margin: 0 0 5px
}
.F_Other li {
  margin: 0 0 10px
}
@media screen and (max-width:780px) {
  .F_Other li {
    margin: 0;
    padding: 0
  }
}
.F_Nav_li .sub_tit {
  font-size: 15px;
  margin: 10px 0 0
}
@media screen and (max-width:780px) {
  .F_Nav_li .sub_tit {
    margin: 0;
    padding: 10px 30px;
    display: block;
    border-top: 1px solid rgb(232, 232, 232, .6)
  }
}
.SP_Pull {
  display: none
}
@media screen and (max-width:780px) {
  .Sub__ {
    display: none;
    margin: 0
  }
  .SP_Pull {
    position: absolute;
    display: block;
    width: 100%;
    height: 36px;
    top: 0;
    left: 0
  }
  .SP_Pull.__on::after {
    font-family: FontAwesome;
    content: "\f13a";
    position: absolute;
    width: 15px;
    right: 19px;
    top: 12px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    background: #fff;
    color: #008442
  }
}
#F_NavMenu a:hover {
  text-decoration: underline
}
.sub_info {
  margin-right: 5px
}
@media screen and (max-width:780px) {
  .sub_info {
    display: block;
    margin: 0 0 2.0667vw
  }
}
#Page_top {
  position: fixed;
  width: 40px;
  height: 120px;
  right: 10px;
  bottom: 100px;
  display: none;
  color: #2d9943;
  transition: bottom .3s ease-in-out;
  text-decoration: none;
  -webkit-transition: bottom .3s ease-in-out;
  z-index: 2
}
@media screen and (max-width:780px) {
  #Page_top {
    height: 80px;
    bottom: 10px;
    right: -5px
  }
  #Page_for_Cart + #Page_top {
    z-index: 10
  }
}
#Page_top::before {
  content: "トップ";
  position: absolute;
  top: 50px;
  writing-mode: tb-rl;
  left: 0
}
@media screen and (max-width:780px) {
  #Page_top::before {
    top: 40%;
    writing-mode: tb-rl;
    font-size: 12px;
    right: 40%
  }
}
#Page_top::after {
  content: "";
  display: inline-block;
  position: relative;
  top: calc(100% - 1px);
  width: 100%;
  height: 100%;
  background: #fff
}
#Page_top i {
  position: relative;
  height: 100%;
  width: 1px;
  left: calc(50% - 1px);
  top: 0;
  display: inline-block;
  background: currentColor
}
@media screen and (max-width:780px) {
  #Page_top i {
    left: calc(50% + 8px)
  }
}
#Page_top::after {
  content: "";
  display: block;
  height: 1px;
  background: currentColor;
  position: absolute;
  bottom: 0;
  width: 50%;
  left: 0
}
@media screen and (max-width:780px) {
  #Page_top::after {
    left: 8px
  }
}
#Page_top i::after {
  content: '';
  position: absolute;
  right: 0;
  border-top: 10px solid currentColor;
  border-left: 10px solid transparent;
  border-right: 10px solid currentColor;
  border-bottom: 10px solid transparent;
  top: 0;
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg)
}
#CopyRight {
  text-align: center;
  background: rgba(0, 132, 66, .85);
  color: #fff;
  padding: 10px 0;
  font-size: 15px
}
@media screen and (max-width:780px) {
  #CopyRight {
    font-size: 12px
  }
}
#CopyRight .Not_ {
  padding: 0 0 0 10px;
  font-size: 10px
}
@media screen and (max-width:780px) {
  #CopyRight .Not_ {
    display: none
  }
}

.item-box.discontinued .item-subBtn.bg-red {
    font-size: 80%;
}

@media screen and (max-width:780px){
.Menu__list h3 i {
    font-size: 12px;
}  
.Desc__box dt h5 {
    line-height: 1.5;
}   
    
}







.anime_wave01 {
  margin-top: -25px;
  padding-top: 22px;
  background: url(../new-images/common/bg/bg_wave01.png) repeat-x 0 0;
  background-size: auto;
  -webkit-animation: anime_wave01 7s linear 0s infinite normal;
  animation: anime_wave01 7s linear 0s infinite normal
}
[data-aos=fade-up] {
  animation: blurIn .5s ease-in-out
}
.blurInUp {
  animation: blurInUp .5s linear
}
.blurIn {
  animation: blurIn .8s linear
}
.delay_01 {
  transition-delay: .2s;
  -webkit-transition-delay: .2s
}
.delay_02 {
  transition-delay: .3s;
  -webkit-transition-delay: .3s
}
.delay_03 {
  transition-delay: .4s;
  -webkit-transition-delay: .4s
}
.delay_04 {
  transition-delay: .5s;
  -webkit-transition-delay: .5s
}
.delay_05 {
  transition-delay: .6s;
  -webkit-transition-delay: .6s
}
.delay_06 {
  transition-delay: .7s;
  -webkit-transition-delay: .7s
}
.delay_07 {
  transition-delay: .8s;
  -webkit-transition-delay: .8s
}
.delay_08 {
  transition-delay: .9s;
  -webkit-transition-delay: .9s;
  animation-delay: .9s;
  -webkit-animation-delay: .9s
}
.delay_09 {
  transition-delay: 1s;
  -webkit-transition-delay: 1s
}
@media screen and (max-width:780px) {
  .anime_wave01 {
    margin-top: -15px;
    padding-top: 12px;
    background-size: 220px 14px;
    -webkit-animation: anime_wave01 10s linear 0s infinite normal;
    animation: anime_wave01 10s linear 0s infinite normal
  }
}
@-webkit-keyframes anime_wave01 {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: 880px 0
  }
}
@keyframes anime_wave01 {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: 880px 0
  }
}
@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes out {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes scaleSize {
  0% {
    transform: scale(1.2);
    filter: blur(5px)
  }
  100% {
    transform: scale(1);
    filter: blur(0)
  }
}
@keyframes scaleOut {
  0% {
    filter: blur(0);
    transform: scale(1);
    opacity: 1
  }
  100% {
    filter: blur(5px);
    transform: scale(1.5);
    opacity: 0
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(50px);
    filter: blur(10px)
  }
  100% {
    transform: translateY(0);
    filter: blur(0)
  }
}
@keyframes blurOut {
  0% {
    filter: blur(0)
  }
  100% {
    filter: blur(5px)
  }
}
@keyframes blurIn {
  0% {
    filter: blur(20px);
    opacity: 0
  }
  100% {
    filter: blur(0);
    opacity: 1
  }
}
@keyframes blurInUp {
  0% {
    filter: blur(20px);
    opacity: 0;
    transform: translateY(50px)
  }
  100% {
    filter: blur(0);
    opacity: 1;
    transform: translateY(0)
  }
}
@keyframes hover-bg-animation {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: 0 -1440px
  }
}
@-webkit-keyframes hover-bg-animation {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: 0 -1440px
  }
}
.ani_delay1 {
  transition-delay: .2s !important;
  -webkit-transition-delay: .2s !important
}
.ani_delay2 {
  transition-delay: .4s !important;
  -webkit-transition-delay: .4s !important
}
.ani_delay3 {
  transition-delay: .6s !important;
  -webkit-transition-delay: .6s !important
}
.ani_delay4 {
  transition-delay: .8s !important;
  -webkit-transition-delay: .8s !important
}
@-webkit-keyframes srcoll_down {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0
  }
  40% {
    opacity: 1
  }
  80% {
    -webkit-transform: translate(0, 30px);
    opacity: 0
  }
  100% {
    opacity: 0
  }
}
@keyframes srcoll_down {
  0% {
    transform: translate(0, 0);
    opacity: 0
  }
  40% {
    opacity: 1
  }
  80% {
    transform: translate(0, 30px);
    opacity: 0
  }
  100% {
    opacity: 0
  }
}


/*----休業日----*/
#Info_block_ {
    background-image:  url('https://ka-s.net/new-images/event-img/new-year-bg.jpg');
    background-size: cover;
    background-repeat: repeat-y;
}
.info_bnr_ {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}
#Info_block_ a:hover img {
    opacity: 0.85;
}


.F_Tel_tit {
    padding-bottom: 0.3em;
}
.F_Tel_tit:nth-child(n+2){
    padding-top: 0.8em;
}
@media screen and (max-width:780px){
.F_Tel_tit {
    padding-bottom: 0.5em;
}
}

.F_Note_s {
    margin: 0.5rem 0 0;
    line-height: 1.3;
    font-size: 12px;
}




.Clin_Pr_ {
    margin-bottom: 0.5rem;
    display: block;
}
.Clin_link_ {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}
.Clin_link_ a {
  font-size: 18px !important;
  text-decoration: underline;
  color: #008442 !important;
  margin: 5px 10px 0 10px !important;
}  
.Clin_link_ a:hover{
    text-decoration: none;
    color: #e72119!important;
}  
.Tel_titl_ {
  font-size: 24px;
  font-weight: bold;
  margin-top: 1.5rem;
}
.Sub_Tel_titl_ {
  font-size: 20px;
  margin-bottom: 10px;
}
.F_tel_Note_ {
  text-align: center;
}   

#Page_refresh_ {
  position: fixed;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.95);
  z-index: 999999999;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
}
.refresh_inner_ {
  max-width: 500px;
  width: 100%;
  padding: 20px;
  position: relative;
  flex: auto;
  background: #fff;
}
.refresh_tit {
    color: #e72119;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.refresh_btn {
    text-align: center;
}
.refresh_btn a {
    padding: 8px 10px;
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 1.8rem auto 0;
    background: #2d9943;
    color: #fff;
}
.refresh_txt {
    font-size: 18px;
    margin-bottom: 0.5rem;
}
.refresh_when_txt {
    font-size: 14px;
}

    
@media screen and (max-width:780px){
    .Tel_titl_ {
        font-size: 18px;
        margin-top: 0;
    }  
    .Sub_Tel_titl_ {
        font-size: 16px;
    }
    .Sp_br {
        display: block;
    }
}