@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
div, p, a, ul, li, ol, dl, dt, dd {
  margin: 0;
  padding: 0; }

ul, li, ol {
  list-style: none; }

img {
  vertical-align: top; }

p {
  font-size: 16px; }

.c5-container {
  font-family: 'Hiragino Kaku Gothic Pro','Noto Sans JP','Meiryo',"MS PGothic",sans-serif; }

.pc {
  display: block; }

.sp {
  display: none; }

#main_img {
  width: auto;
  margin: 0 auto 35px; }

.s5-heading1 {
  text-align: center;
  background-color: #f00;
  color: #fff;
  padding: 15px; }

#main_img img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

#date_img {
  width: auto;
  margin: 0 auto 25px; }

#date_img img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#cp_common {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  z-index: 0;
  top: 1px; }

#tab1,
#tab2,
#tab3 {
  cursor: pointer;
  max-width: 394px;
  width: 33%; }

#tab1,
#tab2 {
  margin-right: .5%; }

#tab1 img,
#tab2 img,
#tab3 img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.c5-container {
  max-width: 1200px;
  margin: 0 auto; }

/* tab contents */
.tab_common {
  max-width: 1200px;
  padding-top: 25px;
  background-color: #cfdd4c;
  position: relative;
  z-index: 1; }

.tab_common a {
  color: #5a7a8d; }

#tab_cont2.tab_common,
#tab_cont3.tab_common {
  display: none; }

.tab_common .inr {
  width: auto;
  padding: 0 18px 18px;
  background-color: #cfdd4c; }

.section {
  margin-top: 40px;
  background: #fff;
  border-radius: 30px; }

.section .inr {
  width: auto;
  padding: 40px 2% 65px;
  background: #fff;
  border-radius: 30px; }

.section .inr--bottomS {
  width: auto;
  padding: 0 0 34px; }

.section:first-child {
  margin-top: 0px; }

.sec_title {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 55px;
  margin-top: 40px; }

.sec_title--bottomS {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 38px;
  margin-top: 40px; }

.sec_title img,
.sec_title--bottomS img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto; }

/* section1 */
.sec1 {
  width: 100%;
  margin: 0 auto 4%; }

.sec1:last-child {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto; }

/* 対象モデル PC */
.sec3-content-block-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #efefef; }

.sec3-content-block-wrap.ex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.sec3-content-block {
  width: 33%;
  text-align: center;
  position: relative; }
  .sec3-content-block:nth-child(1), .sec3-content-block:nth-child(2), .sec3-content-block:nth-child(3) {
    z-index: 1; }
  .sec3-content-block:nth-child(4), .sec3-content-block:nth-child(5), .sec3-content-block:nth-child(6) {
    z-index: 0; }
  .sec3-content-block .sec3-p-link,
  .sec3-content-block .popup-btn {
    display: block; }
  .sec3-content-block .sec3-p-img {
    max-width: 100%;
    margin: 0 auto; }
  .sec3-content-block .sec3-p-img.p7-img {
    max-width: 59%; }
  .sec3-content-block .sec3-content-block-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 30px 0 35px; }
    .sec3-content-block .sec3-content-block-inner .sec3-p-txt {
      color: #e76e95;
      margin-bottom: 14px;
      line-height: 1.4;
      font-weight: bold; }
    .sec3-content-block .sec3-content-block-inner .sec3-p-cap {
      font-size: 16px;
      margin-bottom: 9px;
      font-weight: bold;
      line-height: 1; }
    .sec3-content-block .sec3-content-block-inner .sec3-p-name {
      font-size: 30px;
      margin: 0 auto 16px;
      font-weight: bold;
      line-height: 1; }
    .sec3-content-block .sec3-content-block-inner .sec3-p-link {
      margin-bottom: 10px; }
      .sec3-content-block .sec3-content-block-inner .sec3-p-link img {
        max-width: 100%; }

.sec3-content-block-wrap.ex .sec3-content-block {
  margin: 0 2%; }

/* .sec3-content-block-inner */
.sec3-content-block-img {
  position: relative;
  width: 100%; }

.sec3-content-block.last {
  width: 100%;
  max-width: 600px;
  margin: 0 auto; }

.sec3-content-block-inner .flexbox {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  left: 2%; }
  .sec3-content-block-inner .flexbox .f-left {
    width: 39%; }
  .sec3-content-block-inner .flexbox .f-right {
    width: 60%; }
  .sec3-content-block-inner .flexbox .inlineblock-column {
    position: relative; }
  .sec3-content-block-inner .flexbox .inlineblock-column a {
    display: inline-block;
    max-width: 50%; }

/*購入者の声*/
.popup-btn {
  display: block !important;
  width: 100%;
  max-width: 184px !important;
  margin: 0 auto;
  height: auto; }
  .popup-btn img {
    width: 100%; }

.popup {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 89%;
  max-width: 326px;
  min-height: 225px;
  height: auto;
  border-radius: 10px;
  border: 4px solid #83d5e2;
  background: #fff;
  padding: 8px; }
  .popup .pop-close {
    display: block !important;
    width: 15px;
    height: 15px;
    margin-left: auto; }
  .popup .pop-txt {
    margin-top: 5px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.4;
    text-align: left; }
  .popup .pop-txt.bottom {
    margin-top: 10px; }
  .popup .pop-user {
    font-size: 12px;
    text-align: right; }
  .popup .pop-arrow {
    position: absolute;
    bottom: -15px;
    left: 42%; }
  .popup:before, .popup:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: auto; }
  .popup:before {
    right: 0;
    bottom: -17px;
    border-style: solid;
    border-color: #83d5e2 transparent transparent transparent;
    border-width: 15px 35px 0 35px; }
  .popup:after {
    right: 0;
    bottom: -12px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 13px 30px 0 30px;
    z-index: 2; }

.ToolTip__wrap {
  position: relative; }

#note7,
#note8 {
  width: 326px; }

#note7 {
  left: 35%; }

#note8 {
  left: 56%; }

.invisible {
  display: none; }

.recommendmodel {
  width: 84.070796460177%;
  margin: 0 auto 1.5%;
  padding: 0; }

.recommendmodel img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.textWidth {
  width: 96%;
  margin: 0 auto; }

.gift-contents img {
  width: 100%; }

.search-link {
  display: block;
  margin-left: 0.5em;
  word-break: break-all; }

.applyTitle {
  font-weight: bold;
  text-indent: -.5em; }

.red {
  color: #f00; }

.red2 {
  margin: 40px 0;
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  color: #f00;
  border: solid 3px #f00;
  text-align: center; }

.guide {
  font-size: 14px;
  font-weight: bold; }

.regicomment {
  width: 90%;
  margin: 2% auto 0;
  font-size: .9em;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em; }

#tab_cont1 h2,
#tab_cont2 h2,
#tab_cont3 h2 {
  margin: 0 auto; }

/*応募方法*/
.sttl {
  color: #91b845;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 15px; }

.regist_btn {
  width: 100%;
  margin: 0;
  padding: 0; }

.regist_btn a {
  display: block;
  text-align: center; }

.regist_btn a.link {
  display: inline; }

.regist_btn img {
  max-width: 100%; }

.apply-method {
  margin: 20px auto; }

.color_num {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #91b845;
  margin-right: 10px;
  padding: 6px 2px;
  font-size: 1.3em;
  vertical-align: middle; }

ul.dot_on li {
  list-style-type: disc !important;
  font-size: 16px;
  margin-left: 1em;
  margin-bottom: 10px; }

.aplly-img img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

.annotate {
  font-size: 16px; }

/*--03よくあるご質問--*/
.faq_nav {
  padding-top: 25px; }

p.pagelink {
  margin: 0 0 15px;
  height: 30px;
  padding: 0;
  border-bottom: 1px solid #efefef;
  line-height: 1.3; }

p.pagelink a {
  display: block;
  width: auto;
  height: 27px;
  margin: 0;
  padding: 0 0 0 25px;
  color: #413636;
  font-weight: bold;
  background: url(../img/faq/lk_icon.gif) 0 10% no-repeat; }

dl.faq {
  margin: 0 0 10px;
  padding: 0 0 7px; }

dl.faq dt {
  clear: left;
  float: left;
  width: 24px;
  margin: 0 0 .8em;
  min-height: 24px;
  position: relative; }

dl.faq dt img {
  vertical-align: middle; }

dl.faq dt:first-child {
  top: -1px; }

dl.faq dd + dt {
  padding-top: 0;
  position: relative;
  bottom: 2px; }

dl.faq dd {
  margin-left: 35px;
  margin-bottom: .8em;
  min-height: 35px;
  font-size: 16px; }

dl.faq dd strong {
  color: #91b845;
  font-size: 18px; }

dl.faq dd.lineNone {
  margin-bottom: 0;
  padding-bottom: 0; }

.to_tab2 {
  cursor: pointer;
  border-bottom: 1px solid #2f353d;
  padding-bottom: 1px; }

.mod-effect {
  display: block;
  -webkit-transition: opacity 0.3s !important;
  -o-transition: opacity 0.3s !important;
  transition: opacity 0.3s !important; }

.mod-effect:hover {
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
  -ms-filter: alpha(opacity=80) !important;
  border: none;
  text-decoration: none; }

/*OPTION*/
p {
  color: #666666; }

ul.note li {
  text-indent: -1em;
  margin-left: 1em;
  color: #666666;
  margin-bottom: 5px;
  font-size: 12px; }

ul.note2 li {
  text-indent: -1em;
  margin-left: 1em;
  color: #666666;
  font-size: 14px; }

p.note {
  font-size: 12px; }

p.note2 {
  font-size: 14px; }

p.note--regist {
  padding: 1% 0 0 5%; }

.tcenter {
  text-align: center; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.ml30 {
  margin-left: 30px; }

.mt5 {
  margin-top: 5px; }

.al-center {
  text-align: center;
  display: block; }

.al-center img {
  max-width: 100%;
  margin: 0 auto; }

.al-right {
  text-align: right;
  display: block; }

.al-left {
  text-align: left;
  display: block; }

.al-left .s5-link:hover {
  text-decoration: underline; }

.text-bold {
  font-weight: bold; }

.ti {
  text-indent: -1em;
  padding-left: 1em; }

.ti2 {
  text-indent: -2em;
  padding-left: 2em; }

.ti-left {
  display: inline-block;
  text-indent: -0.5em; }

.search-link {
  margin-top: 20px; }

.search-link p {
  margin-left: -.5em; }

.search-link a {
  display: block;
  word-break: break-all; }

@media (max-width: 768px) {
  .section .inr {
    padding: 20px 2% 45px; }
  p {
    font-size: 16px; }
  .sec_title--bottomS {
    padding-bottom: 25px; }
  /*キャンペーン内容*/
  .sec3-content-block .sec3-content-block-inner .sec3-p-txt {
    font-size: 14px; }
  .sec3-content-block .sec3-content-block-inner .sec3-p-cap {
    font-size: 13px; }
  .sec3-content-block .sec3-content-block-inner .sec3-p-name {
    font-size: 20px;
    margin: 0 auto 10px; }
  .sec3-content-block .sec3-content-block-inner .sec3-p-link {
    margin-bottom: 10px; }
  .sec3-content-block .sec3-p-img.p7-img {
    max-width: 39%; }
  .sec3-content-block.last .sec3-content-block-inner {
    padding: 30px 60px 35px; }
  .sec3-content-block.last .flexbox {
    position: relative;
    left: 4%; }
  .popup {
    width: 99%; }
  #note7, #note8 {
    width: 320px; }
  #note7 {
    left: 30%; }
  #note8 {
    left: 67%; }
  /*応募方法*/
  .sttl {
    font-size: 18px; }
  ul.dot_on li {
    font-size: 16px; }
  .annotate {
    font-size: 16px; }
  .regist_btn_wrap {
    display: block; }
  .regist_btn {
    width: 95%;
    margin-left: auto;
    margin-right: auto; }
  .regist_btn.arrow {
    width: 36px;
    padding: 0;
    margin: 10px auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .regist_btn img {
    max-width: 100%; }
  .color_num {
    margin-right: 6px; }
  /*--03よくあるご質問--*/
  .faq_nav {
    padding-top: 45px; }
  dl.faq dd {
    font-size: 16px; }
  dl.faq dd strong {
    font-size: 18px; }
  dl.faq dd + dt {
    padding-top: 0; } }

@media (max-width: 640px) {
  .pc {
    display: none; }
  .sp {
    display: block; }
  img {
    max-width: 100%; }
  a {
    word-wrap: break-word; }
  .s5-heading1 {
    margin-top: 20px; }
  #main_img {
    width: auto;
    margin: 0 auto; }
  #tab1,
  #tab2,
  #tab3 {
    width: 33.3%; }
  #tab1,
  #tab2 {
    margin-right: 0; }
  /* tab contents */
  .tab_common {
    padding-top: 0; }
  #tab_cont2.tab_common {
    display: none; }
  .tab_common .inr {
    padding: 3%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .section {
    margin-top: 5%;
    background: #fff;
    border-radius: 15px; }
  .section:first-child {
    margin-top: 0px; }
  .section .inr {
    padding: 10% 3% 5%;
    background: #fff;
    border-radius: 15px; }
  .bnr_gogaku {
    margin: 20px auto 0; }
  /* section1 */
  .sec1 {
    background: none; }
  .sec1 {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto; }
  .sec1:last-child {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto; }
  .sec_title {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 20px; }
  .sec_title--bottomS {
    width: auto;
    margin: 0;
    padding: 0 0 20px; }
  /* 対象モデル sp */
  .sec3-content-block-wrap {
    display: block;
    border-bottom: none; }
  .sec3-content-block {
    width: 100%; }
  .sec3-content-block-wrap.ex .sec3-content-block {
    margin: 0; }
  .sec3-content-block.last .sec3-content-block-inner {
    padding: 10px 0px 15px; }
  .sec3-content-block .sec3-content-block-inner {
    padding: 10px 0 55px; }
  .sec3-content-block .sec3-content-block-inner .sec3-p-txt {
    font-size: 15px; }
  .sec3-content-block .sec3-content-block-inner .sec3-p-cap {
    font-size: 15px;
    margin-bottom: 3px; }
  .sec3-content-block .sec3-content-block-inner .sec3-p-name {
    font-size: 20px;
    line-height: 1.3; }
  .sec3-content-block .sec3-content-block-inner .sec3-p-link {
    width: 80%;
    margin: 0 auto 10px; }
  .sec3-content-block .popup-btn {
    width: 80%; }
  .sec3-content-block.last .flexbox {
    display: block;
    position: static; }
  .sec3-content-block-inner .flexbox .f-right,
  .sec3-content-block-inner .flexbox .f-left {
    width: 100%; }
  .sec3-content-block-inner .flexbox .f-left {
    margin-bottom: 20px; }
  .sec3-content-block .sec3-p-img.p7-img {
    max-width: 100%; }
  .sec3-content-block-inner .inlineblock-column .sp-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .sec3-content-block-inner .flexbox .inlineblock-column a {
    display: block;
    max-width: 49%; }
  .sp-copy {
    width: 100%;
    margin-bottom: 10px; }
    .sp-copy img {
      max-width: 100%; }
  .popup {
    width: 100%;
    min-height: 180px; }
    .popup .pop-txt {
      font-size: 14px;
      padding: 0 3px; }
  #note7, #note8 {
    width: 100%;
    left: 50%; }
  .textWidth {
    width: auto;
    margin: 0 auto; }
  .gift-about {
    max-width: 388px;
    margin: 0 auto 10px; }
  /*応募方法*/
  .sttl {
    font-size: 15px; }
  .color_num {
    padding: 4px 6px;
    font-size: 12px; }
  ul.dot_on li {
    font-size: 13px;
    margin-left: 1.5em;
    margin-bottom: 8px; }
  .annotate {
    font-size: 13px; }
  /*--03よくあるご質問 sp--*/
  .faq_nav {
    padding-top: 0;
    margin-bottom: 30px; }
  p.pagelink {
    height: 25px;
    margin-bottom: 10px;
    line-height: 2.1; }
  p.pagelink a {
    display: block;
    text-indent: 0;
    height: 27px;
    background-size: 10px auto;
    background-position: 0 40%; }
  dl.faq dt:first-child {
    padding-top: 0;
    top: -2px; }
  dl.faq dd + dt {
    padding-top: 0; }
  dl.faq dd {
    font-size: 12px; }
  dl.faq dd strong {
    font-size: 14px; }
  .faq dd .txtl {
    font-size: 14px; }
  .faq dd .closeTxt2 {
    font-size: 14px; }
  #tab_cont2 h2 {
    color: #666;
    font-size: 16px; }
  p {
    font-size: 13px;
    color: #666666; }
  ul.note2 li {
    text-indent: -1em;
    margin-left: 1em;
    color: #666666;
    font-size: 10px; }
  p.note {
    font-size: 10px; } }

/*640px*/