/*
brakepoint
*/
/* line 20, online.scss */
#main {
  padding-top: 0; }

/*
online02
*/
/* line 29, online.scss */
#online02 {
  padding-top: 100px; }
  /* line 31, online.scss */
  #online02 h3 {
    width: 100%;
    max-width: 760px;
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px 0 10px;
    background-position: 15px bottom;
    background-repeat: no-repeat; }
    @media screen and (max-width: 1024px) {
      /* line 31, online.scss */
      #online02 h3 {
        max-width: none;
        font-size: 16px;
        background-position: 5px bottom; } }
    /* line 47, online.scss */
    #online02 h3.n01 {
      background-image: url("../img/n01.svg"); }
      @media screen and (max-width: 1024px) {
        /* line 47, online.scss */
        #online02 h3.n01 {
          background-size: 18px 55px; } }
    /* line 53, online.scss */
    #online02 h3.n02 {
      background-image: url("../img/n02.svg"); }
      @media screen and (max-width: 1024px) {
        /* line 53, online.scss */
        #online02 h3.n02 {
          background-size: 34px 55px; } }
    /* line 59, online.scss */
    #online02 h3 span {
      display: block;
      font-weight: 400;
      font-size: 12px;
      padding: 10px 0 0; }

/* line 67, online.scss */
.en_txt {
  position: relative;
  z-index: 2; }

/* line 71, online.scss */
.altar_img {
  position: relative;
  width: 100%;
  max-width: 776px;
  margin: 0 auto 50px;
  z-index: 1; }
  @media screen and (max-width: 1024px) {
    /* line 71, online.scss */
    .altar_img {
      max-width: none;
      margin: 0 auto 30px; } }

/* line 82, online.scss */
.kenka01,
.kenka02 {
  width: 100%;
  max-width: 760px;
  margin: 0 auto 20px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover; }
  @media screen and (max-width: 1024px) {
    /* line 82, online.scss */
    .kenka01,
    .kenka02 {
      max-width: none; } }

/* line 94, online.scss */
.kenka01 {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 0;
  background-image: url("../img/bg_kenka01.jpg"); }
  @media screen and (max-width: 1024px) {
    /* line 94, online.scss */
    .kenka01 {
      display: block;
      background-image: url("../img/bg_kenka01_sp.jpg");
      padding: 15px; } }
  /* line 104, online.scss */
  .kenka01.kenka01_confirm {
    justify-content: center; }
    @media screen and (max-width: 1024px) {
      /* line 104, online.scss */
      .kenka01.kenka01_confirm {
        display: flex; } }
    /* line 109, online.scss */
    .kenka01.kenka01_confirm .flowerlist {
      width: 24%;
      margin: 0 0 25px; }
      @media screen and (max-width: 1024px) {
        /* line 109, online.scss */
        .kenka01.kenka01_confirm .flowerlist {
          width: 100%;
          max-width: 270px;
          margin: 0 auto; } }
      /* line 118, online.scss */
      .kenka01.kenka01_confirm .flowerlist label .en_flower_name {
        padding-left: 0; }

/* line 125, online.scss */
.flowerlist {
  width: 29%;
  margin: 0 5.6% 25px 0; }
  @media screen and (max-width: 1024px) {
    /* line 125, online.scss */
    .flowerlist {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin: 0 0 35px; } }
  /* line 134, online.scss */
  .flowerlist:nth-child(3n) {
    margin: 0 0 25px; }
    @media screen and (max-width: 1024px) {
      /* line 134, online.scss */
      .flowerlist:nth-child(3n) {
        margin: 0 0 35px; } }
  @media screen and (max-width: 1024px) {
    /* line 140, online.scss */
    .flowerlist .flower_r {
      width: calc(100% - 100px); } }
  /* line 145, online.scss */
  .flowerlist label {
    display: block;
    font-weight: bold; }
    /* line 148, online.scss */
    .flowerlist label .en_flower_name {
      display: block;
      font-size: 12px;
      font-weight: normal;
      padding-left: 23px; }
    /* line 154, online.scss */
    .flowerlist label .hanakotoba {
      display: flex;
      align-items: center;
      font-size: 12px;
      font-weight: normal;
      margin: 10px 0 5px;
      white-space: nowrap; }
      @media screen and (max-width: 1024px) {
        /* line 154, online.scss */
        .flowerlist label .hanakotoba {
          margin: 5px 0; } }
      /* line 164, online.scss */
      .flowerlist label .hanakotoba .s_hanakotoba {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        background-color: #333;
        padding: 1px 5px;
        margin-right: 5px;
        vertical-align: middle; }
    /* line 174, online.scss */
    .flowerlist label .mean {
      display: block;
      font-size: 14px;
      font-weight: normal; }

/* line 181, online.scss */
.kenka_img_l {
  width: 100%;
  max-width: 160px;
  margin: 0 0 10px; }
  @media screen and (max-width: 1024px) {
    /* line 181, online.scss */
    .kenka_img_l {
      width: 80px;
      max-width: none;
      margin: 0; } }

/* line 192, online.scss */
.kenka02 {
  background-image: url("../img/bg_kenka02.jpg");
  padding: 30px 45px; }
  @media screen and (max-width: 1024px) {
    /* line 192, online.scss */
    .kenka02 {
      background-image: url("../img/bg_kenka02_sp.jpg");
      padding: 20px 10px; } }
  /* line 199, online.scss */
  .kenka02 input[type="button"],
  .kenka02 input[type="submit"] {
    width: 100%;
    max-width: 159px;
    height: 43px;
    background-image: url("../img/btn_kenka.png");
    background-size: 159px 43px;
    font-size: 0;
    margin: 25px auto; }
    @media screen and (max-width: 1024px) {
      /* line 199, online.scss */
      .kenka02 input[type="button"],
      .kenka02 input[type="submit"] {
        margin: 25px auto 15px; } }
    /* line 211, online.scss */
    .kenka02 input[type="button"]#btn_confirm,
    .kenka02 input[type="submit"]#btn_confirm {
      background-image: url("../img/btn_confirm.png"); }
    /* line 214, online.scss */
    .kenka02 input[type="button"]#btn_back,
    .kenka02 input[type="submit"]#btn_back {
      background-image: url("../img/btn_back.png"); }
  /* line 218, online.scss */
  .kenka02 .link_txt {
    margin-bottom: 0; }

/* line 222, online.scss */
.messageform {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 25px; }
  @media screen and (max-width: 1024px) {
    /* line 222, online.scss */
    .messageform {
      display: block; } }
  /* line 233, online.scss */
  .messageform .m_name {
    display: flex;
    align-items: center;
    width: 105px;
    padding-top: 5px; }
    @media screen and (max-width: 1024px) {
      /* line 233, online.scss */
      .messageform .m_name {
        width: 100%;
        padding: 0;
        margin-bottom: 5px; } }
    /* line 243, online.scss */
    .messageform .m_name span {
      display: inline-block;
      font-size: 12px;
      margin-left: 10px; }
  /* line 249, online.scss */
  .messageform input[type="text"] {
    width: 48%; }
    @media screen and (max-width: 1024px) {
      /* line 249, online.scss */
      .messageform input[type="text"] {
        width: 100%; } }
  /* line 255, online.scss */
  .messageform textarea {
    margin-top: 25px; }

@media screen and (max-width: 1024px) {
  /* line 262, online.scss */
  .kenka02_confirm .messageform {
    display: flex; } }
/* line 266, online.scss */
.kenka02_confirm .messageform .m_name {
  padding-top: 0px; }
  @media screen and (max-width: 1024px) {
    /* line 266, online.scss */
    .kenka02_confirm .messageform .m_name {
      width: 105px; } }
/* line 272, online.scss */
.kenka02_confirm .messageform .c_message {
  display: block;
  width: 100%; }

/* line 279, online.scss */
.errorbox {
  text-align: center;
  margin-bottom: 60px; }

/* line 283, online.scss */
.m_error {
  color: #f00;
  font-size: 16px; }

/*
done
*/
/* line 292, online.scss */
.done01 {
  margin-top: -45px; }
  @media screen and (max-width: 1024px) {
    /* line 292, online.scss */
    .done01 {
      margin-top: -40px; } }

/* line 298, online.scss */
.done h2 {
  padding-bottom: 10px; }

/* line 301, online.scss */
.done_txt {
  margin-bottom: 40px; }

/* line 304, online.scss */
.video_wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 80px; }
  /* line 308, online.scss */
  .video_wrapper video {
    width: 100%;
    height: auto; }

/* line 313, online.scss */
figure.done_image {
  width: 100%;
  max-width: 484px;
  margin: 0 auto 80px; }

/* line 318, online.scss */
a.bn {
  width: 100%;
  display: block;
  max-width: 705px;
  border: 1px solid #cc9933;
  padding: 7px;
  margin: 0 auto 50px;
  text-decoration: none;
  color: #333; }
  @media screen and (max-width: 1024px) {
    /* line 318, online.scss */
    a.bn {
      max-width: none;
      margin: 0 auto 50px;
      padding: 4px; } }
  /* line 333, online.scss */
  a.bn:hover img {
    opacity: 1; }

/* line 338, online.scss */
.tomessage {
  background-image: url("../img/bg_done02.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 10px 10px 15px; }
  @media screen and (max-width: 1024px) {
    /* line 338, online.scss */
    .tomessage {
      padding: 10px 5px 15px; } }
  /* line 347, online.scss */
  .tomessage h3 {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin: 15px auto 10px;
    text-shadow: 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 0 0 3px #CC9933, 3px 5px 5px rgba(0, 0, 0, 0.5), 3px 5px 5px rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 1024px) {
      /* line 347, online.scss */
      .tomessage h3 {
        font-size: 15px; } }
    /* line 359, online.scss */
    .tomessage h3::after {
      display: none; }
  /* line 363, online.scss */
  .tomessage .en_txt {
    margin-bottom: 10px; }

/* line 367, online.scss */
.btn_kochira {
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  display: block;
  width: 100%;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 8px 10px 10px;
  background: linear-gradient(to bottom, white 30%, #cfcfcf 100%);
  border: 1px solid #999;
  transition: .3s; }
  @media screen and (max-width: 1024px) {
    /* line 367, online.scss */
    .btn_kochira {
      max-width: none;
      width: 95%;
      font-size: 15px;
      padding: 1px 5px 3px; } }

/* line 390, online.scss */
.link_txt .margin {
  display: inline-block;
  margin: 0 30px; }
  @media screen and (max-width: 1024px) {
    /* line 390, online.scss */
    .link_txt .margin {
      margin: 0 20px; } }

/* line 401, online.scss */
.read_movie {
  text-align: center;
  font-size: 12px;
  margin-bottom: 60px; }

/* line 406, online.scss */
.cap_movie {
  text-align: center;
  font-size: 14px;
  margin-bottom: 50px; }

/* line 412, online.scss */
.japanese p {
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px; }

/* line 418, online.scss */
.douji {
  padding-top: 70px; }
  @media screen and (max-width: 1024px) {
    /* line 418, online.scss */
    .douji {
      padding-top: 30px; } }
  /* line 423, online.scss */
  .douji p {
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px; }

/*
done03
*/
/* line 438, online.scss */
#done03 h2 {
  padding-bottom: 15px;
  margin-bottom: 15px; }
  @media screen and (max-width: 1024px) {
    /* line 438, online.scss */
    #done03 h2 {
      padding-bottom: 10px;
      margin-bottom: 10px; } }
@media screen and (max-width: 1024px) {
  /* line 446, online.scss */
  #done03 .en_txt {
    margin-bottom: 10px; } }

/* line 452, online.scss */
.message_img {
  width: 100%;
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    /* line 452, online.scss */
    .message_img {
      width: calc(100% + 30px);
      margin: 0 0 10px -15px; } }

/* line 463, online.scss */
.homemessage {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  position: relative;
  background-image: url("../img/bg_homecontent.png"), url("../img/bg_homecontent_d.png");
  background-repeat: no-repeat,no-repeat;
  background-position: center top,center bottom;
  background-size: contain, contain;
  padding: 65px 35px 45px; }
  @media screen and (max-width: 1024px) {
    /* line 463, online.scss */
    .homemessage {
      width: calc(100% + 30px);
      max-width: none;
      margin: 0 0 0 -15px;
      padding: 15px 15px 25px; } }
  /* line 479, online.scss */
  .homemessage#hm01 {
    margin: 0 auto 95px; }
    @media screen and (max-width: 1024px) {
      /* line 479, online.scss */
      .homemessage#hm01 {
        margin: 0 0 30px -15px; } }
  /* line 485, online.scss */
  .homemessage#hm02 {
    margin-bottom: 35px; }
  /* line 488, online.scss */
  .homemessage h3 {
    text-align: center;
    width: 100%;
    margin: 0 auto 35px; }
    @media screen and (max-width: 1024px) {
      /* line 488, online.scss */
      .homemessage h3 {
        max-width: 126px;
        margin: 0 auto 20px; } }
  /* line 497, online.scss */
  .homemessage p {
    position: relative;
    font-family: 'Noto Serif JP', serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 2.4;
    margin-bottom: 45px;
    z-index: 2; }
    @media screen and (max-width: 1024px) {
      /* line 497, online.scss */
      .homemessage p {
        line-height: 1.6;
        margin-bottom: 25px; } }
    /* line 509, online.scss */
    .homemessage p.read_message {
      text-align: center; }
    /* line 512, online.scss */
    .homemessage p.shatai {
      font-style: italic;
      padding-left: 1em; }
    /* line 516, online.scss */
    .homemessage p.shomei {
      text-align: right; }
    /* line 519, online.scss */
    .homemessage p .shomei {
      display: block;
      text-align: right; }
    /* line 523, online.scss */
    .homemessage p.tabei {
      max-width: 580px;
      margin: 0 auto 45px; }
      @media screen and (max-width: 1024px) {
        /* line 523, online.scss */
        .homemessage p.tabei {
          margin-bottom: 25px; } }
    /* line 530, online.scss */
    .homemessage p.message_date {
      margin-bottom: 10px; }
  /* line 535, online.scss */
  .homemessage .btn p {
    font-size: 15px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0; }

/* line 544, online.scss */
.message_open {
  display: none; }

/*# sourceMappingURL=online.css.map */