@charset "utf-8";

/*----- common -----*/
.oswald {font-family: 'Oswald', sans-serif; font-weight: 400;}
.dblock, .pc {display: block;}
.iblock {display: inline-block;}
.dnone, .sp {display: none;}
.tac {text-align: center;}
.tar {text-align: right;}
.relative {position: relative;}
.z1 {z-index: 1;}

/*---------- upper -----------*/
#container {
  max-width: 75rem;
  margin: 0 auto;
  overflow: hidden;
  background: #FFF;
}
.listShopAddress .box
.selectShop .box {
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
}

.m_box {
  position: relative;
  padding-left: 5rem;
  padding-right: 5rem;
}
.s_box {
  position: relative;
  padding-left: 8rem;
  padding-right: 8rem;
}
.white_box {
  border:0.3rem solid #75b14c;
  background: #FFF;
  border-radius: 1.8rem;
}


/*----- column -----*/
.flex {display: flex;}
.sec, .sec_rev {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec_rev {flex-direction: row-reverse;}
.jcc {justify-content: center;}
.aic {align-items: center;}

.w320 > li {width: 32rem;}

/*---------- margin,padding -----------*/
.mb5 {margin-bottom: 0.5rem;}
.mb10 {margin-bottom: 1rem;}
.mb15 {margin-bottom: 1.5rem;}
.mb20 {margin-bottom: 2rem;}
.mb25 {margin-bottom: 2.5rem;}
.mb30 {margin-bottom: 3rem;}
.mb35 {margin-bottom: 3.5rem;}
.mb40 {margin-bottom: 4rem;}
.mb45 {margin-bottom: 4.5rem;}
.mb50 {margin-bottom: 5rem;}
.mb60 {margin-bottom: 6rem;}
.mb75 {margin-bottom: 7.5rem;}
.mb90 {margin-bottom: 9rem;}
.mb120 {margin-bottom: 12rem;}
.mb150 {margin-bottom: 15rem;}
.mb330 {margin-bottom: 33rem;}

.pb5 {padding-bottom: 0.5rem;}
.pb15 {padding-bottom: 1.5rem;}
.pb30 {padding-bottom: 3rem;}
.pb40 {padding-bottom: 4rem;}
.pb45 {padding-bottom: 4.5rem;}
.pb60 {padding-bottom: 6rem;}
.pb90 {padding-bottom: 9rem;}
.pb120 {padding-bottom: 12rem;}
.pb150 {padding-bottom: 15rem;}

.pt5 {padding-top: 0.5rem;}
.pt15 {padding-top: 1.5rem;}
.pt30 {padding-top: 3.0rem;}
.pt40 {padding-top: 4rem;}
.pt45 {padding-top: 4.5rem;}
.pt50 {padding-top: 5rem;}
.pt60 {padding-top: 6rem;}
.pt70 {padding-top: 7rem;}
.pt90 {padding-top: 9rem;}
.pt120 {padding-top: 12rem;}

.ptb15 {padding-top: 1.5rem; padding-bottom: 1.5rem;}
.ptb20 {padding-top: 2rem; padding-bottom: 2rem;}
.ptb30 {padding-top: 3rem; padding-bottom: 3rem;}
.ptb60 {padding-top: 6rem; padding-bottom: 6rem;}
.ptb90 {padding-top: 9rem; padding-bottom: 9rem;}

.p30 {padding: 3rem;}

.pl15 {padding-left: 1.5rem;}
.plr30 {padding-left: 3rem; padding-right: 3rem;}
.plr60 {padding-left: 6rem; padding-right: 6rem;}

.ptb45 {padding-top: 4.5rem; padding-bottom: 4.5rem;}

/*----- img -----*/
.c_img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.r_img {
  display:block;
  margin-left: auto;
}
.img_h {
  transition: 0.3s;
}
.img_h:hover {
  opacity: 0.8;
}

/*----- color -----*/
.white_bg {background: #ffffff;}
.grey_bg {background: #f0f5eb;}
.grey_bg02 {background: #f5f5f5;}
.green_bg {background: #75b14c;}
.lgreen_bg {background: #82bf5a;}
.lgreen_bg02 {background: #75b14c;}
.lgreen_bg03 {background: #529e20;}

.white {color: #ffffff;}
.yellow {color: #ffff4b;}
.black {color: #333333;}
.grey {color: #999999;}
.lgreen {color: #75b14c;}
.orange {color: #ff7e15;}

.skew {
  position: relative;
}
.skew::before, .skew::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
}
.skew01::before {
  border-bottom: 6rem solid #FFF;
  border-right: 75rem solid transparent;
}
.skew02::after {
  top: 0;
  border-top: 6rem solid #FFF;
  border-left: 75rem solid transparent;
}

/*----- text -----*/
.fs14 {font-size: 1.4rem;}
.fs20 {font-size: 2rem;}
.fs22 {font-size: 2.2rem;}
.fs24 {font-size: 2.4rem;}
.fs25 {font-size: 2.5rem;}
.fs26 {font-size: 2.6rem;}
.fs28 {font-size: 2.8rem;}
.fs29 {font-size: 2.9rem;}
.fs30 {font-size: 3rem;}
.fs32 {font-size: 3.2rem;}
.fs34 {font-size: 3.4rem;}
.fs36 {font-size: 3.6rem;}
.fs38 {font-size: 3.8rem;}
.fs40 {font-size: 4rem;}
.fs41 {font-size: 4.1rem;}
.fs42 {font-size: 4.2rem;}
.fs44 {font-size: 4.4rem;}
.fs46 {font-size: 4.6rem;}
.fs48 {font-size: 4.8rem;}
.fs49 {font-size: 4.9rem;}
.fs50 {font-size: 5rem;}
.fs52 {font-size: 5.2rem;}
.fs54 {font-size: 5.4rem;}
.fs58 {font-size: 5.8rem;}
.fs64 {font-size: 6.4rem;}
.fs66 {font-size: 6.6rem;}
.fs68 {font-size: 6.8rem;}
.fs70 {font-size: 7rem;}
.fs72 {font-size: 7.2rem;}
.fs74 {font-size: 7.4rem;}
.fs78 {font-size: 7.8rem;}
.fs80 {font-size: 8rem;}
.fs84 {font-size: 8.4rem;}
.fs92 {font-size: 9.2rem;}
.fs100 {font-size: 10rem;}

.fw100 {font-weight: 100;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
h2, h3, h4, h5, strong {
  font-weight: 500;
}

mark {
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 1;
}
.marker01::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.6rem;
  width: 100%;
  height: 3.1rem;
  background: url(../img/mi/under.webp) no-repeat center top;
  background-size: cover;
  z-index: -1;
}
.marker::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.6rem;
  width: 100%;
  height: 1.4rem;
  background: #ffff4b;
  z-index: -1;
}
.wavyline::after, .wavyline02::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.4rem;
  width: 100%;
  height: 0.8rem;
  z-index: -1;
}
.wavyline::after {
  background: url(../img/common/waveline01.webp) no-repeat center top;
  background-size: cover;
}
.wavyline02::after {
  background: url(../img/common/wavyline02.webp) no-repeat center top;
  background-size: cover;
}
.speech {
  position: relative;
  z-index: 1;
  padding: 0 3rem;
}
.speech::before, .speech::after {
  content: "";
  position: absolute;
  height: 100%;
  z-index: -1;
  bottom: 0;
}
.speech::before {left: 0;}
.speech::after {right: 0;}
.speech01::before, .speech01::after {
  width: 2.7rem;
  height: 4.7rem;
}
.speech01::before {
  background: url(../img/common/bln01_l.webp) no-repeat center top;
  background-size: cover;
}
.speech01::after {
  background: url(../img/common/bln01_r.webp) no-repeat center top;
  background-size: cover;
}
.speech02::before, .speech02::after {
  width: 2.7rem;
  height: 4.9rem;
}
.speech02::before {
  background: url(../img/common/bln02_l.webp) no-repeat center top;
  background-size: cover;
}
.speech02::after {
  background: url(../img/common/bln02_r.webp) no-repeat center top;
  background-size: cover;
}
.speech03::before, .speech03::after {
  width: 2.8rem;
  height: 4.4rem;
  bottom: -0.5rem;
}
.speech03::before {
  background: url(../img/common/bln03_l.webp) no-repeat center top;
  background-size: cover;
}
.speech03::after {
  background: url(../img/common/bln03_r.webp) no-repeat center top;
  background-size: cover;
}

.ttl_speech {
  position: relative;
  z-index: 1;
}
.ttl_speech::after, .ttl_speech::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3.4rem;
  width: 100%;
  height: 1.8rem;
  z-index: -1;
}
.ttl_speech01::after {
  background: url(../img/common/speech01.webp) no-repeat center top;
  background-size: cover;
}
.ttl_speech02::after {
  background: url(../img/common/speech02.webp) no-repeat center top;
  background-size: cover;
}
.ttl_dot::after {
  bottom: 0;
  height: 0.3rem;
  background: url(../img/common/dot.svg) no-repeat center top;
  background-size: cover;
}

.italic {font-style: italic;}
.lh1 {line-height: 1;}
.lh11 {line-height: 1.1;}
.lh12 {line-height: 1.2;}
.lh15 {line-height: 1.5;}
.lh18 {line-height: 1.8;}

.lsm3 {letter-spacing: -0.3rem;}
.lsm30 {letter-spacing: -3rem;}
.ls0 {letter-spacing: 0;}

.ts_y {text-shadow: 0.2rem 0.2rem 0 #ffff4b;}
/*----- shop -----*/
.shop_box, .shop_area, .shop_info {
  display: none;
}
#shop_list .collapse {
  position: relative;
  cursor: pointer;
  border-radius: 0.9rem;
}
#shop_list .collapse::after {
  content: "";
  display: block;
  background: url(../img/arw1.png) no-repeat center top;
  background-size: contain;
  border-radius: 0.2rem;
  position: absolute;
  width: 3.4rem;
  height: 3.4rem;
  top: calc(50% - 1.7rem);
  right: 3rem;
  transition: 0.3s;
}
#shop_list .shop_ttl03.collapse::after {
  background: url(../img/arw2.png) no-repeat center top;
  background-size: contain;
}

#shop_list .collapse.active::after {
  transform: rotate(90deg);
}

.shop_ttl01 {
  background: #0CA26C;
  color: #FFF;
  padding: 2.2rem 0;
  margin: 0 0 0.2rem 0;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
  font-weight: bold;
  text-align: center;
}
.shop_area {
  background: #f0f5eb;
  padding: 3rem;
  margin: 0 0 0.2rem 0;
  border-radius: 0.9rem;
}
.shop_ttl02 {
  background: #529e20;
  color: #FFF;
  padding: 1.5rem 3rem;
  margin: 0 0 0.2rem 0;
}
.shop_ttl03 {
  background: #FFF;
  color: #0CA26C;
  padding: 2.2rem 0;
  margin: 0 0 1.5rem 0;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
  font-weight: bold;
  text-align: center;
}

.shop_ttl03:first-child {
  margin-top: 1.5rem;
}

.shop_info {
  padding: 3.5rem 0 2.5rem 0;
  border-radius: 0.9rem;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
  margin: -3.5rem 0 1.5rem 0;
  font-weight: 500;
}

.f_shop_box, .f_shop_area {display: none;}
.selectShop > div{
  border-radius: 0.6rem;
}
.f_shop_box {
  padding: 2rem 0 2.5rem 2rem;
}
.f_shop_ttl01::after, .f_shop_ttl02::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 2rem;
  top: calc(50% - 0.2rem);
  border-style: solid;
  border-width: 0.5rem 0.4rem 0 0.4rem;
  border-color: #ffffff transparent transparent transparent;
  transition: .3s;
}
.f_shop_ttl01.active::after, .f_shop_ttl02.active::after {
  transform: rotate(-90deg);
}
.f_shop_ttl01 {
  background: #0CA26C;
  color: #FFF;
  padding: 1.4rem 2rem;
  margin: 0 0 0.2rem 0;
  cursor: pointer;
  position: relative;
}
.f_shop_ttl02 {
  background: #529e20;
  color: #FFF;
  padding: 2rem;
  margin: 0 0 0.2rem 0;
  cursor: pointer;
  position: relative;
}
.f_shop_area  {
  padding: 2rem;
}

.spanShopTime {display: inline-block; margin-top: 3.4rem; margin-bottom: 3.4rem;}

.radio {
  display: inline-block;
  padding-right: 2rem;
  line-height: 4.2rem;
  cursor: pointer;
  color: #333333;
}
.radio:hover .inner {
  -webkit-transform: scale(.5);
  transform: scale(.5);
  opacity: .5
}
.radio input, #check_item_1 {
  display: none;
}
.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}
.radio input:checked + .outer {
  border: 1px solid #CCCCCC
}
.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #005cc8
}
.radio .outer {
  height: 1.8rem;
  width: 1.8rem;
  display: block;
  float: left;
  margin: 1rem 0.5rem 1rem 0;
  border: 1px solid #CCC;
  border-radius: 50%;
  background-color: #fff
}

.radio .inner {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  height: 0.8rem;
  width: 0.8rem;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  margin: 0.4rem;
  border-radius: 50%;
  background-color: #F18104;
  opacity: 0
}