@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Noto+Serif+JP:wght@500&display=swap');

/* 日本語 */
body {
  width: 100%;
  margin: 0; }

.clearfix:after {
  display: block;
  clear: both;
  content: ""; }

div#rowoon_ttsg_cp_sp {
  /* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */
  width: 100%;
  background:#6f9cc0;
 }
  div#rowoon_ttsg_cp_sp div, div#rowoon_ttsg_cp_sp span, div#rowoon_ttsg_cp_sp object, div#rowoon_ttsg_cp_sp iframe,
  div#rowoon_ttsg_cp_sp h1, div#rowoon_ttsg_cp_sp h2, div#rowoon_ttsg_cp_sp h3, div#rowoon_ttsg_cp_sp h4, div#rowoon_ttsg_cp_sp h5, div#rowoon_ttsg_cp_sp h6, div#rowoon_ttsg_cp_sp p, div#rowoon_ttsg_cp_sp blockquote, div#rowoon_ttsg_cp_sp pre,
  div#rowoon_ttsg_cp_sp abbr, div#rowoon_ttsg_cp_sp address, div#rowoon_ttsg_cp_sp cite, div#rowoon_ttsg_cp_sp code,
  div#rowoon_ttsg_cp_sp del, div#rowoon_ttsg_cp_sp dfn, div#rowoon_ttsg_cp_sp em, div#rowoon_ttsg_cp_sp img, div#rowoon_ttsg_cp_sp ins, div#rowoon_ttsg_cp_sp kbd, div#rowoon_ttsg_cp_sp q, div#rowoon_ttsg_cp_sp samp,
  div#rowoon_ttsg_cp_sp small, div#rowoon_ttsg_cp_sp strong, div#rowoon_ttsg_cp_sp sub, div#rowoon_ttsg_cp_sp sup, div#rowoon_ttsg_cp_sp var,
  div#rowoon_ttsg_cp_sp b, div#rowoon_ttsg_cp_sp i,
  div#rowoon_ttsg_cp_sp dl, div#rowoon_ttsg_cp_sp dt, div#rowoon_ttsg_cp_sp dd, div#rowoon_ttsg_cp_sp ol, div#rowoon_ttsg_cp_sp ul, div#rowoon_ttsg_cp_sp li,
  div#rowoon_ttsg_cp_sp fieldset, div#rowoon_ttsg_cp_sp form, div#rowoon_ttsg_cp_sp label, div#rowoon_ttsg_cp_sp legend,
  div#rowoon_ttsg_cp_sp table, div#rowoon_ttsg_cp_sp caption, div#rowoon_ttsg_cp_sp tbody, div#rowoon_ttsg_cp_sp tfoot, div#rowoon_ttsg_cp_sp thead, div#rowoon_ttsg_cp_sp tr, div#rowoon_ttsg_cp_sp th, div#rowoon_ttsg_cp_sp td,
  div#rowoon_ttsg_cp_sp article, div#rowoon_ttsg_cp_sp aside, div#rowoon_ttsg_cp_sp canvas, div#rowoon_ttsg_cp_sp details, div#rowoon_ttsg_cp_sp figcaption, div#rowoon_ttsg_cp_sp figure,
  div#rowoon_ttsg_cp_sp footer, div#rowoon_ttsg_cp_sp header, div#rowoon_ttsg_cp_sp hgroup, div#rowoon_ttsg_cp_sp menu, div#rowoon_ttsg_cp_sp nav, div#rowoon_ttsg_cp_sp section, div#rowoon_ttsg_cp_sp summary,
  div#rowoon_ttsg_cp_sp time, div#rowoon_ttsg_cp_sp mark, div#rowoon_ttsg_cp_sp audio, div#rowoon_ttsg_cp_sp video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }
  div#rowoon_ttsg_cp_sp body {
    line-height: 1; }
  div#rowoon_ttsg_cp_sp article, div#rowoon_ttsg_cp_sp aside, div#rowoon_ttsg_cp_sp details, div#rowoon_ttsg_cp_sp figcaption, div#rowoon_ttsg_cp_sp figure,
  div#rowoon_ttsg_cp_sp footer, div#rowoon_ttsg_cp_sp header, div#rowoon_ttsg_cp_sp hgroup, div#rowoon_ttsg_cp_sp menu, div#rowoon_ttsg_cp_sp nav, div#rowoon_ttsg_cp_sp section {
    display: block; }
  div#rowoon_ttsg_cp_sp nav ul {
    list-style: none; }
  div#rowoon_ttsg_cp_sp blockquote, div#rowoon_ttsg_cp_sp q {
    quotes: none; }
  div#rowoon_ttsg_cp_sp blockquote:before, div#rowoon_ttsg_cp_sp blockquote:after,
  div#rowoon_ttsg_cp_sp q:before, div#rowoon_ttsg_cp_sp q:after {
    content: '';
    content: none; }
  div#rowoon_ttsg_cp_sp a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }
  div#rowoon_ttsg_cp_sp ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none; }
  div#rowoon_ttsg_cp_sp mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold; }
  div#rowoon_ttsg_cp_sp del {
    text-decoration: line-through; }
  div#rowoon_ttsg_cp_sp abbr[title], div#rowoon_ttsg_cp_sp dfn[title] {
    border-bottom: 1px dotted;
    cursor: help; }
  div#rowoon_ttsg_cp_sp table {
    border-collapse: collapse;
    border-spacing: 0; }
  div#rowoon_ttsg_cp_sp hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0; }
  div#rowoon_ttsg_cp_sp input, div#rowoon_ttsg_cp_sp select {
    vertical-align: middle; }
  div#rowoon_ttsg_cp_sp img {
    vertical-align: bottom;
    width: 100%; }
  div#rowoon_ttsg_cp_sp section.top {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
    div#rowoon_ttsg_cp_sp section.top img {
      width: 100%;
      height: auto;
      text-align: center;
    }
    div#rowoon_ttsg_cp_sp section.top h1 {
      margin: 0;
      padding: 0; }
    div#rowoon_ttsg_cp_sp section.top_btn {
      text-align: center;
      margin: 2.5% auto;
      width: 100%; }
      div#rowoon_ttsg_cp_sp section.top_btn img {
        width: 92%;
        height: auto;
        text-align: center; }
      div#rowoon_ttsg_cp_sp .bt_top a {
        display: block;}
      div#rowoon_ttsg_cp_sp .bt_top a:hover {
        opacity: 0.8;}
  div#rowoon_ttsg_cp_sp section.main-contents {
    position: relative;
    z-index: 1;
    margin: 0 1.6667vw;
    padding-bottom: 2.6667vw;
  }
    div#rowoon_ttsg_cp_sp section.main-contents .inner {
      text-align: center; }

.foot_info {
  width: 100%;
  padding: 15px;
  box-sizing: border-box; }

.foot_info .info_midashi {
  width: 100%;
  margin: 0;
  color: #f0027f; }

.foot_info p {
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 22px;
  color: #000000; }

.foot_info .info_midashi--ch2 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #00a0c6; }

.foot_info .info_midashi--ch1 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #f0027f; }

div#rowoon_ttsg_cp_sp section.main-contents .present {
  margin: 3vw auto 0;
}


div#rowoon_ttsg_cp_sp section.main-contents .howto {
  margin: 3vw auto 0;
  /* background-color: rgba(255, 255, 255, 0.8); */
  padding: 5vw 0vw;
}

div#rowoon_ttsg_cp_sp section.main-contents .howto .howto-title {
  background: #ffffff;
  margin: 0 auto;
  font-size: 5vw;
  font-weight: bold;
  border: solid 2px #000;
  padding: 2.5vw 2vw;
}

div#rowoon_ttsg_cp_sp section.main-contents .howto .howto-title2 {
  margin: 4vw auto;
  font-size: 4vw;
  font-weight: bold;
  color: #020315;
}

div#rowoon_ttsg_cp_sp section.main-contents .howto ul {
  margin: 4vw ;
  text-align: left;
  list-style: none;
  color: #fff;
}

div#rowoon_ttsg_cp_sp section.main-contents .howto li {
  margin: 2vw auto;
  font-weight: bold;
  font-size: 4vw;
  line-height: 6vw;
  width: 100%;
}

div#rowoon_ttsg_cp_sp section.main-contents .form-box .form-title {
  width: 100%;
  background: #020315;
  margin: 0 auto 4vw;
  padding: 4vw 0;
  color: #ffffff;
  font-size: 4vw;
  font-weight: bold;
}

div#rowoon_ttsg_cp_sp section.main-contents .form-box {
  margin: 0vw auto 0;
  color: #020315;
}
div#rowoon_ttsg_cp_sp section.main-contents .form-box .image-form {
  margin:  0 3vw;
  text-align: left;
}
div#rowoon_ttsg_cp_sp section.main-contents .form-box label {
      display: block;
      margin-bottom: 2vw;
      font-weight: bold;
      font-size:3vw ;
  }

div#rowoon_ttsg_cp_sp section.main-contents .form-box input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff !important;
    outline: none !important;
    width: 100%;
    padding: 3vw;
    border: 1px solid #ccc;
    /* border-radius: 6px; */
    box-shadow: none !important;
    margin-bottom: 4vw;
    font-size: 100%;
    box-sizing: border-box;
}
div#rowoon_ttsg_cp_sp section.main-contents .form-box textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff !important;
  outline: none !important;
  width: 100%;
  padding: 3vw;
  border: 1px solid #ccc;
  /* border-radius: 6px; */
  box-shadow: none !important;
  margin-bottom: 4vw;
  font-size: 100%;
  box-sizing: border-box;
}

div#rowoon_ttsg_cp_sp section.main-contents .form-box :focus {
    box-shadow: none !important;
    outline: none !important;
}


div#rowoon_ttsg_cp_sp section.main-contents .image-choice {
  margin: 3vw auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

div#rowoon_ttsg_cp_sp section.main-contents .image-choice .image-box {
  width: 48%;
  margin: 0 0 5vw;
  text-align: center;
}
div#rowoon_ttsg_cp_sp section.main-contents .image-choice .image-box .btn-image-form {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px #020315 solid;
  outline: none;
  padding:  1vw 3vw;
  background: #ffffff;
  cursor: pointer;
  font-size: 3vw;
  font-weight: bold;
  color: #020315;
  margin: 2vw auto 0;
}

div#rowoon_ttsg_cp_sp section.main-contents .btn-box-img {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  padding: 4vw 3vw;
  background: #161a62;
  cursor: pointer;
  font-size: 4.5vw;
  font-weight: bold;
  margin: 4vw auto 4vw;
  display: block;
  width: 60%;
  border: solid 2px #fff;
  color: #fff;
  text-align: center;
}

div#rowoon_ttsg_cp_sp section.main-contents .btn-box-img a {
  text-decoration: none;
  color: #ffffff;
}

div#rowoon_ttsg_cp_sp section.main-contents .card {
  margin: 3vw auto;

}

div#rowoon_ttsg_cp_sp section.main-contents p {
  text-align: center;
  font-size: 2.7vw;
  line-height: 5vw;
  color: #fff;
}

div#rowoon_ttsg_cp_sp section.main-contents .error-txt {
  color: #d71d1d;
  font-weight: 900;
}

div#rowoon_ttsg_cp_sp section.main-contents .btn-choice {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px #ffffff solid;
  outline: none;
  padding:  4vw 15vw;
  background: #000000;
  cursor: pointer;
  font-size: 4.8vw;
  font-weight: bold;
  color: #ffffff;
  margin: 5vw auto 5vw;
  display: block;
}
div#rowoon_ttsg_cp_sp section.main-contents .btn-choice::before {
  content: '';
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../img/x-icon.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 5vw;
}
div#rowoon_ttsg_cp_sp section.main-contents .terms {
  background: #ffffff;
  padding: 5vw;
  text-align: left;
  margin: 5vw 2vw;
  height: 40vw;
  overflow-y: scroll;
  overflow-x: hidden;
  color: #020315;
}
div#rowoon_ttsg_cp_sp section.main-contents .terms-title {
  font-size: 4.333vw;
  font-weight: bold;
  margin-bottom: 3.333vw;
  line-height: 1.5;
  text-align: left;
  color: #020315;
}

div#rowoon_ttsg_cp_sp section.main-contents .terms p {
  font-size: 3.333vw;
  margin-bottom: 3.333vw;
  line-height: 1.5;
  text-align: left;
  color: #020315;
}
div#rowoon_ttsg_cp_sp section.main-contents .terms li {
  list-style: none;
}


div#rowoon_ttsg_cp_sp section.main-contents .about {
  background: #ffffff;
  padding: 5vw;
}
div#rowoon_ttsg_cp_sp section.main-contents .about-title {
  font-size: 4.333vw!important;
  font-weight: bold;
  margin-bottom: 5.333vw!important;
  line-height: 1.5;
  color: #020315;
}
div#rowoon_ttsg_cp_sp section.main-contents .about p {
  font-size: 3.333vw;
  margin-bottom: 3.333vw;
  line-height: 1.5;
  text-align: left!important;
  color: #020315;
}


div#rowoon_ttsg_cp_sp section.main-contents .btn-box {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  padding: 4vw 3vw;
  background: #161a62;
  cursor: pointer;
  font-size: 4.5vw;
  font-weight: bold;
  margin: 5vw auto 15vw;
  display: block;
  width: 60%;
  border: solid 2px #fff;
}
div#rowoon_ttsg_cp_sp section.main-contents .btn-box a {
  text-decoration: none;
  color: #ffffff;
}
div#rowoon_ttsg_cp_sp section.main-contents .btn-box-message {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  background: #e5005c;
  cursor: pointer;
  margin: 5vw 2vw 10vw 2vw;
  display: block;
  width: 96%;
}


/* utility */
div#rowoon_ttsg_cp_sp section.main-contents span.italic {
  font-style: italic !important;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
}
div#rowoon_ttsg_cp_sp section.main-contents span.blue {
  color: #0092e5;
}
div#rowoon_ttsg_cp_sp section.main-contents span.pink {
  color: #ff0087;
}
div#rowoon_ttsg_cp_sp section.main-contents .gray {
  color: #505050;
}
div#rowoon_ttsg_cp_sp section.main-contents .purple {
  color: #a322f7;
}

div#rowoon_ttsg_cp_sp section.main-contents .u-mb0 {
  margin-bottom: 0px !important;
}
div#rowoon_ttsg_cp_sp section.main-contents .u-fzl {
  font-size: 4.4vw !important;
}
div#rowoon_ttsg_cp_sp section.main-contents .u-fzm {
  font-size: 4vw !important;
}
div#rowoon_ttsg_cp_sp section.main-contents .u-fzs {
  font-size: 2.67vw !important;
}
div#rowoon_ttsg_cp_sp section.main-contents .u-fwb {
  font-weight: bold !important;
}
div#rowoon_ttsg_cp_sp section.main-contents .u-fwn {
  font-weight: normal !important;
}
div#rowoon_ttsg_cp_sp section.main-contents .u-tac {
  text-align: center !important;
}
div#rowoon_ttsg_cp_sp section.main-contents .u-tal {
  text-align: left !important;
}
div#rowoon_ttsg_cp_sp section.main-contents .c-morningmusume {
  color: #e5457d;
}
div#rowoon_ttsg_cp_sp section.main-contents .c-angerme {
  color: #ff85ad;
}
div#rowoon_ttsg_cp_sp section.main-contents .c-juicejuice {
  color: #ff9900;
}
div#rowoon_ttsg_cp_sp section.main-contents .c-tsubakifactory {
  color: #787fdc;
}
div#rowoon_ttsg_cp_sp section.main-contents .c-beyooooonds {
  color: #ba3cb8;
}