@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Karla:400,700");
@font-face {
  font-family: 'myfont';
  /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url("../fonts/myfont.ttf") format("truetype");
  src: url("../fonts/myfont.woff") format("woff");
}

@media screen and (max-width: 768px) {
  .header-none {
    display: none;
  }
}

#main_content {
  margin: 0 auto;
  color: #330000;
  width: 100%;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  #main_content {
    width: 100%;
  }
}

#main_content *,
#main_content *:before,
#main_content *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#main_content h1, #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6 {
  font-weight: bold;
}

#main_content .pc {
  display: block;
}

@media screen and (max-width: 768px) {
  #main_content .pc {
    display: none;
  }
}

#main_content .sp {
  display: none;
}

@media screen and (max-width: 768px) {
  #main_content .sp {
    display: block !important;
  }
}

#main_content .tb {
  display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #main_content .tb {
    display: block !important;
  }
}

#main_content .ff-hanna {
  font-family: "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#main_content .ff-gothic-m {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","游ゴシック体", YuGothic, "メイリオ", sans-serif;
}

#main_content .ff-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#main_content .ff-mincho-m {
  font-family: 'Yu Mincho Demibold',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#main_content .txt_purple {
  color: #846CC9;
}

#main_content .txt_pink {
  color: #E2668C;
}

#main_content .txt_spink {
  color: #FF0045;
}

#main_content .txt_rpink {
  color: #DE416C;
}

#main_content .txt_chacol {
  color: #333333;
}

#main_content .txt_555 {
  color: #555;
}

#main_content .bg_lorange {
  background-color: #FFF3F3;
}

#main_content .bg_lpink {
  background-color: #FFECF3;
}

#main_content .bg_dpink {
  background-color: #DC7C96;
}

#main_content .bg_pink {
  background-color: #FFF9FD;
}

#main_content .bg_navi {
  background-color: #DD6B75;
}

#main_content .bg_lppl {
  background-color: #FFF5F9;
}

#main_content .bg-beige {
  background-color: #FEF4F0;
}

#main_content .bg-sky {
  background-color: #F3F8FF;
}

#main_content .bg-lorange {
  background-color: #F2DCAD;
}

#main_content .line_ppl {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #EFC5EC));
  background: linear-gradient(transparent 70%, #EFC5EC 70%);
}

#main_content .line_pink {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #F9D9E0));
  background: linear-gradient(transparent 70%, #F9D9E0 70%);
}

#main_content .line_yllw {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #FFFFBB));
  background: linear-gradient(transparent 70%, #FFFFBB 70%);
}

#main_content .line_yllw_lemon {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #FBFF30));
  background: linear-gradient(transparent 70%, #FBFF30 70%);
}

#main_content .line_lorange {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #F8E6E0));
  background: linear-gradient(transparent 70%, #F8E6E0 70%);
}

#main_content .line_light_blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #D7FEFA));
  background: linear-gradient(transparent 70%, #D7FEFA 70%);
}

#main_content .line_blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #D7E9FE));
  background: linear-gradient(transparent 70%, #D7E9FE 70%);
}

#main_content .contents_wrap {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

#main_content .accordion__button {
  display: block;
}

#main_content .accordion__button:before {
  left: 3px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 3px;
  right: -110px;
  margin: auto;
  content: "";
  background-image: url();
}

#main_content .accordion__button:after {
  content: "";
  display: block;
  width: 159px;
  height: 30px;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec4_readmore.png");
  margin: auto;
}

#main_content #langue_de_chat .accordion__button:after {
  background-image: url("/contents/hc_hanare/img/hnr2209_sec5_readmore.png");
}

#main_content #tarte .accordion__button:after {
  background-image: url("/contents/hc_hanare/img/hnr2209_sec6_readmore.png");
}

#main_content #sable .accordion__button:after {
  background-image: url("/contents/hc_hanare/img/hnr2209_sec7_readmore.png");
}

#main_content .accordion__button.active:after {
  content: "";
  display: block;
  width: 107px;
  height: 30px;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec4_close.png");
}

#main_content #langue_de_chat .accordion__button.active:after {
  background-image: url("/contents/hc_hanare/img/hnr2209_sec5_close.png");
}

#main_content #tarte .accordion__button.active:after {
  background-image: url("/contents/hc_hanare/img/hnr2209_sec6_close.png");
}

#main_content #sable .accordion__button.active:after {
  background-image: url("/contents/hc_hanare/img/hnr2209_sec7_close.png");
}

#main_content .accordion__open {
  max-height: 170px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  overflow: hidden;
}

#main_content .accordion__visible {
  position: relative;
}

#main_content .accordion__visible:after {
  pointer-events: none;
  content: '';
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(18, 48, 58, 0.8)), to(#12303a));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(18, 48, 58, 0.8) 60%, #12303a 100%);
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
}

#main_content .accordion__visible.accordion__invisible:after {
  opacity: 0;
}

#main_content .greeting__bg-first {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec1_bg.jpg");
}

#main_content .greeting__bg-second {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec2_bg.jpg");
}

#main_content .greeting__card-shadow {
  -webkit-box-shadow: 0px 0px 30px 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 30px 30px rgba(0, 0, 0, 0.3);
}

#main_content .lineup__bg-first {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec3_bg.jpg");
}

#main_content .lineup__content {
  display: block;
  width: 25%;
  padding: 0 10px;
  max-width: 236px;
}

#main_content .lineup__content:hover img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#main_content .tenho__bg-first {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec4_bg.jpg");
}

#main_content .tenho__bg-second {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec4_bg2a.jpg");
}

#main_content .tenho__bg-third {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec4_bg3a.jpg");
}

#main_content .sp__slider .sp__slider-contents_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#main_content .sp__slider .sp__slider-contents_wrap .item-list-box__link {
  width: calc(100% / 3);
  padding: 0 45px;
  text-align: center;
}

#main_content .sp__slider .sp__slider-contents_wrap .item-list-box__link a {
  color: #ffffff;
  letter-spacing: 1.3px;
  letter-spacing: 1.3px;
}

#main_content .sp__slider .sp__slider-contents_wrap .item-list-box__link img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#main_content .sp__slider .sp__slider-contents_wrap .item-list-box__img {
  width: 100%;
  display: inline-block;
  margin-bottom: 40px;
  background-color: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#main_content .sp__slider .sp__slider-contents_wrap .item-list-box__img img {
  max-width: 100%;
}

#main_content .sp__slider .sp__slider-contents_wrap .item-list-box__name {
  font-size: 13px;
  margin-bottom: 10px;
  line-height: 1.5;
}

#main_content .sp__slider .sp__slider-contents_wrap .item-list-box__price {
  font-size: 15px;
  margin-bottom: 20px;
}

#main_content .sp__slider .sp__slider-contents_wrap .item-list-box__price span {
  font-size: 10px;
}

#main_content .langue_de_chat__bg-first {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec5_bg1a.jpg");
}

#main_content .langue_de_chat__bg-second {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec5_bg2a.jpg");
}

#main_content .langue_de_chat__bg-third {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec5_bg3a.jpg");
}

#main_content #langue_de_chat .accordion__visible:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(65, 29, 55, 0.8)), to(#411d37));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(65, 29, 55, 0.8) 60%, #411d37 100%);
}

#main_content .tarte__bg-first {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec6_bg1a.jpg");
}

#main_content .tarte__bg-second {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec6_bg2a.jpg");
}

#main_content .tarte__bg-third {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec6_bg3a.jpg");
}

#main_content #tarte .accordion__visible:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(55, 15, 7, 0.8)), to(#370f07));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(55, 15, 7, 0.8) 60%, #370f07 100%);
}

#main_content .sable__bg-first {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec7_bg1a.jpg");
}

#main_content .sable__bg-second {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec7_bg2a.jpg");
}

#main_content .sable__bg-third {
  background-repeat: repeat;
  background-image: url("/contents/hc_hanare/img/hnr2209_sec7_bg3a.jpg");
}

#main_content #sable .accordion__visible:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(16, 17, 47, 0.8)), to(#10112f));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(16, 17, 47, 0.8) 60%, #10112f 100%);
}

#main_content #mv {
  position: relative;
}

#main_content .mv__text {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#main_content .mv__text img {
  margin: 0 auto;
  width: 537px;
}

@media (max-width: 768px) {
  #main_content .mv__text img {
    width: 300px;
  }
  #main_content .wrap.inner.single {
    width: 100%;
    min-width: auto;
  }
  #main_content .sp__slider {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 15px 15px 0;
  }
  #main_content .sp__slider .sp__slider-contents_wrap {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-bottom: 30px;
  }
  #main_content .sp__slider .sp__slider-contents_wrap .item-list-box__link {
    max-width: 71.66667%;
    margin: 0;
    padding: 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 350px;
  }
  #main_content .wrap {
    -webkit-transform: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    background-color: #220f02;
  }
  #main_content .greeting__card-shadow {
    -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.3);
  }
  #main_content .lineup__content {
    width: 50%;
    padding: 0 7px;
    max-width: none;
    margin-bottom: 20px;
  }
  #main_content .accordion__button:after {
    width: 129px;
    height: 22px;
    background-image: url("/contents/hc_hanare/img/hnr2209_sec4_readmore_sp.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  #main_content #langue_de_chat .accordion__button:after {
    background-image: url("/contents/hc_hanare/img/hnr2209_sec5_readmore_sp.png");
  }
  #main_content #tarte .accordion__button:after {
    background-image: url("/contents/hc_hanare/img/hnr2209_sec6_readmore_sp.png");
  }
  #main_content #sable .accordion__button:after {
    background-image: url("/contents/hc_hanare/img/hnr2209_sec7_readmore_sp.png");
  }
  #main_content .accordion__button.active:after {
    width: 88px;
    height: 22px;
    background-image: url("/contents/hc_hanare/img/hnr2209_sec4_close_sp.png");
  }
  #main_content #langue_de_chat .accordion__button.active:after {
    background-image: url("/contents/hc_hanare/img/hnr2209_sec5_close_sp.png");
  }
  #main_content #tarte .accordion__button.active:after {
    background-image: url("/contents/hc_hanare/img/hnr2209_sec6_close_sp.png");
  }
  #main_content #sable .accordion__button.active:after {
    background-image: url("/contents/hc_hanare/img/hnr2209_sec7_close_sp.png");
  }
  #main_content .accordion__visible:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(18, 48, 58, 0.8)), to(#12303a));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(18, 48, 58, 0.8) 60%, #12303a 100%);
    height: 50%;
  }
  #main_content .sp__slider .sp__slider-contents_wrap .item-list-box__img {
    margin-bottom: 10px;
  }
  #main_content .sp__slider .sp__slider-contents_wrap .item-list-box__name {
    font-size: 13px;
    margin-bottom: 5px;
  }
  #main_content .sp__slider .sp__slider-contents_wrap .item-list-box__price {
    font-size: 15px;
    margin-bottom: 15px;
  }
  #main_content .sp__slider .sp__slider-contents_wrap .item-list-box__price span {
    font-size: 10px;
    padding-left: 10px;
  }
}

#cboxClose {
  position: absolute;
  bottom: unset;
  top: -20px;
  right: 0px;
  display: block;
  background-image: url("/contents/hc_hanare/img/hnr2209_pop_close.png");
  background-repeat: no-repeat;
  height: 23px;
  width: 88px;
  padding: 0;
}

#cboxClose:before {
  content: none;
}

#cboxContent {
  overflow: visible;
  background-color: inherit;
  padding: 15px 0;
}

#main_content .sp__slider-contents_wrap .caart-btn {
  color: #ffffff;
  width: 100%;
  max-width: 150px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  font-size: 11px;
  border: 1px solid #ffffff;
  padding-right: 15px;
  margin-top: 15px;
}

#main_content .sp__slider-contents_wrap .caart-btn:before {
  content: '';
  background: url(/contents/common/img/cart.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 14px;
  width: auto;
  position: absolute;
  right: -8px;
  top: 24%;
  margin: 0 auto;
  padding: 0 30px 0 0px;
}

@media (max-width: 768px) {
  #cboxClose {
    top: -20px;
    right: 0px;
    background-image: url("/contents/hc_hanare/img/hnr2209_pop_close_sp.png");
    background-size: contain;
    height: 22px;
    width: 88px;
  }
}