@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

@media screen and (min-width: 769px) {
  .srFeaturePage .feature-block {
    font-size: 14px; }

  .srFeaturePage .feature-block .alignC {
    text-align: center !important; }

  .srFeaturePage .feature-block .rightBox {
    text-align: center; }

  .srFeaturePage .feature-block .video {
    width: 560px;
    height: 315px;
    margin: auto; }

  .srFeaturePage .feature-block p.para {
    margin: 10px 10px 0;
    line-height: 1.6; }

  .srFeaturePage .feature-block p.para strong {
    font-weight: 1.3; }

  .srFeaturePage .feature-block .goPagetop {
    text-align: right;
    margin-top: 30px; }

  .srFeaturePage .feature-block .goNext {
    text-align: right;
    margin-top: 10px; }

  .srFeaturePage .feature-block .goNext a {
    padding: 0px 0px 2px 15px; }

  .srFeaturePage .feature-block .goNextBtn {
    text-align: right;
    margin-top: 10px; }

  .srFeaturePage .feature-block ul.menu, .srFeaturePage .feature-block ul.menu-text {
    overflow: hidden;
    width: 750px;
    margin-top: 20px; }

  .srFeaturePage .feature-block ul.menu li {
    float: left;
    padding: 0px 5px 5px 0px;
    width: 370px; }

  .srFeaturePage .feature-block ul.menu li a img {
    width: 370px; }

  .srFeaturePage .feature-block .section {
    margin-top: 40px; }

  .srFeaturePage .feature-block .section .benefit {
    margin: 10px 0; }

  .srFeaturePage .feature-block .section .option {
    margin: 20px 0 0;
    text-align: center; }

  .srFeaturePage .feature-block .separate {
    overflow: hidden;
    width: 750px;
    margin-bottom: 20px; }

  .srFeaturePage .feature-block .separate span {
    width: 375px;
    float: left;
    display: block; }

  .srFeaturePage .feature-block .separate .left-box {
    width: 375px; }

  .srFeaturePage .feature-block .separate .right-box {
    width: 375px; }

  .srFeaturePage .feature-block .box-header h2 {
    margin-bottom: 25px; }

  /*  contents個別のレイアウト調整
  ======================================== */
  .srFeaturePage .feature-block #contentsA.section {
    margin-top: 20px; }

  #contentsB .box-header {
    position: relative;
    top: -1px; }

  #contentsB.section .box-benefit .benefit img {
    width: auto; }

  .srFeaturePage .feature-block #contentsC.section .box-header {
    position: relative;
    top: -3px; }

  .srFeaturePage .feature-block #contentsC.section .box-benefit img {
    width: auto; }

  .srFeaturePage .feature-block #contentsD.section .box-header {
    position: relative;
    top: -3px; }

  .srFeaturePage .feature-block #contentsD.section .box-benefit img {
    width: auto; }

  .srFeaturePage .feature-block #contentsE.section .box-option img {
    width: auto; }

  .srFeaturePage .feature-block #contentsF.section .box-header img {
    width: auto; }

  .srFeaturePage .feature-block #contentsF.section .box-option img {
    width: auto; }

  .srFeaturePage .feature-block #contentsG.section .box-header {
    position: relative;
    top: -3px; }

  .srFeaturePage .feature-block #contentsG.section .box-benefit img {
    width: auto; }

  .srFeaturePage .feature-block #contentsG.section .box-benefit .benefit01 {
    background: #fff; }

  .srFeaturePage .feature-block #contentsH.section .box-header h2 {
    text-align: center; }

  .srFeaturePage .feature-block #contentsH.section .box-header h2 img {
    width: 590px;
    height: 88px; }

  .srFeaturePage .feature-block #contentsC .goNext,
  .srFeaturePage .feature-block #contentsD .goNext,
  .srFeaturePage .feature-block #contentsG .goNext {
    margin-right: 10px; }

  /*  展示モジュールのレイアウト調整
  ======================================== */
  .srFeaturePage .feature-block #contentsC .itemlist3c,
  .srFeaturePage .feature-block #contentsD .itemlist3c,
  .srFeaturePage .feature-block #contentsG .itemlist3c {
    width: 732px;
    margin: 0 auto; }

  .srFeaturePage .feature-block #contentsC .itemlist3c ul,
  .srFeaturePage .feature-block #contentsC .itemlist3c .list_itemlist3c,
  .srFeaturePage .feature-block #contentsC .itemlist3c .list_itemlist3c_last,
  .srFeaturePage .feature-block #contentsD .itemlist3c ul,
  .srFeaturePage .feature-block #contentsD .itemlist3c .list_itemlist3c,
  .srFeaturePage .feature-block #contentsD .itemlist3c .list_itemlist3c_last,
  .srFeaturePage .feature-block #contentsG .itemlist3c ul,
  .srFeaturePage .feature-block #contentsG .itemlist3c .list_itemlist3c,
  .srFeaturePage .feature-block #contentsG .itemlist3c .list_itemlist3c_last {
    width: 732px;
    margin: 0 3px; }

  .srFeaturePage .feature-block #contentsC .itemlist3c .itemlist3c_item,
  .srFeaturePage .feature-block #contentsD .itemlist3c .itemlist3c_item,
  .srFeaturePage .feature-block #contentsG .itemlist3c .itemlist3c_item {
    width: 234px;
    margin-right: 10px; }

  .srFeaturePage .feature-block #contentsC .itemlist3c .itemlist3c_item:nth-child(3n),
  .srFeaturePage .feature-block #contentsC .itemlist3c .itemlist3c_item:nth-child(3n),
  .srFeaturePage .feature-block #contentsD .itemlist3c .itemlist3c_item:nth-child(3n),
  .srFeaturePage .feature-block #contentsD .itemlist3c .itemlist3c_item:nth-child(3n),
  .srFeaturePage .feature-block #contentsG .itemlist3c .itemlist3c_item:nth-child(3n),
  .srFeaturePage .feature-block #contentsG .itemlist3c .itemlist3c_item:nth-child(3n) {
    margin-right: 0; }

  .srFeaturePage .feature-block #contentsC .itemlist3c .itemlist3c_item_image,
  .srFeaturePage .feature-block #contentsD .itemlist3c .itemlist3c_item_image,
  .srFeaturePage .feature-block #contentsG .itemlist3c .itemlist3c_item_image {
    width: 234px; }

  .srFeaturePage .feature-block #contentsC .itemlist3c .itemlist3c_item_image img,
  .srFeaturePage .feature-block #contentsD .itemlist3c .itemlist3c_item_image img,
  .srFeaturePage .feature-block #contentsG .itemlist3c .itemlist3c_item_image img {
    width: 232px;
    height: 232px; }

  /* 追記181122 動画エリア追加 */
  .srFeaturePage .feature-block a:hover img {
    opacity: 0.7; }

  .srFeaturePage .feature-block #contents_movie .box-header .para {
    border-bottom: solid 3px #f6f171;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4; }

  .srFeaturePage .feature-block #contentsG .box-benefit .benefit02 .para {
    border-bottom: solid 3px #4f9cce;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4; }

  .srFeaturePage .feature-block #contents_movie .box-header .para br:last-child,
  .srFeaturePage .feature-block #contents_movie2 .box-header .para br:last-child {
    display: none; }

  .srFeaturePage .feature-block #contents_movie .video_wrap,
  .srFeaturePage .feature-block #contents_movie2 .video_wrap {
    margin: 0 auto;
    width: 560px; } }
@media (max-width: 768px) {
  .srFeaturePage .feature-block .alignC {
    text-align: center; }

  .srFeaturePage .feature-block .box-header {
    margin: 40px 0 20px; }

  .srFeaturePage .feature-block a#contentsB + div.box-header {
    margin-bottom: 0; }

  .srFeaturePage .feature-block a#contentsB + div.box-header + div.box-benefit {
    margin-top: -10px;
    padding-top: 20px;
    border: 1px solid #26b5bf;
    border-top: none; }

  .srFeaturePage .feature-block a#contentsC + div.box-header {
    margin-bottom: 0; }

  .srFeaturePage .feature-block a#contentsC + div.box-header + div.box-benefit {
    margin-top: -3px;
    padding-top: 20px;
    border: 3px solid #f7c7c6;
    border-image: url(/ec/images/shop2/ft_dakkofuton/line_pink.png) 0 3 3 3 repeat;
    border-image-width: 3px; }

  .srFeaturePage .feature-block a#contentsD + div.box-header {
    margin-bottom: 0; }

  .srFeaturePage .feature-block a#contentsD + div.box-header + div.box-benefit {
    margin-top: -3px;
    padding-top: 20px;
    border: 3px solid #c8e6e3;
    border-image: url(/ec/images/shop2/ft_dakkofuton/line_green.png) 0 3 3 3 repeat;
    border-image-width: 3px; }

  .srFeaturePage .feature-block div.box-benefit .benefit01 {
    margin: 0 10px 10px; }

  .srFeaturePage .feature-block .video {
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }

  .srFeaturePage .feature-block .video iframe {
    height: 60vw; }

  .srFeaturePage .feature-block .video_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }

  .srFeaturePage .feature-block #contents_movie {
    margin-top: 30px; }

  .srFeaturePage .feature-block #contents_movie .para {
    border-bottom: solid 3px #f6f171;
    margin: 0 0 10px;
    padding: 5px 10px;
    text-align: center;
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.4; }

  .srFeaturePage .feature-block #contentsG .box-benefit .benefit02 .para {
    border-bottom: solid 3px #4f9cce;
    margin: 0 10px 10px;
    padding: 5px 10px;
    text-align: center;
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.4; }

  .srFeaturePage .feature-block #contents_movie .video_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }

  .srFeaturePage .feature-block #contents_movie .video_wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }

  .srFeaturePage .feature-block #contents_movie > .baner,
  .srFeaturePage .feature-block #contents_movie > .box-benefit > .baner,
  .srFeaturePage .feature-block #contentsG_box > .box-benefit > .baner:last-child,
  .srFeaturePage .feature-block #contentsH_box > .box-benefit > .baner {
    display: none; }

  .srFeaturePage .feature-block #contentsC_box > .box-header {
    margin-top: 0; } }
.dkf_ttl1__wrp {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-repeat: repeat;
  background-position: left top;
  background-image: url(/ec/images/shop2/ft_dakkofuton/ttl_01__bg.gif);
  border-top: 1px solid #26b5bf;
  border-bottom: 1px solid #26b5bf; }
  @media (max-width: 768px) {
    .dkf_ttl1__wrp {
      min-height: 11.41vw;
      padding: 2.56vw;
      margin-bottom: 5.12vw;
      background-size: 8px; } }
  @media screen and (min-width: 769px) {
    .dkf_ttl1__wrp {
      min-height: 90px;
      padding: 20px;
      margin-bottom: 40px;
      background-size: 8px; } }
  .dkf_ttl1__wrp::before {
    content: '';
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/ec/images/shop2/ft_dakkofuton/ttl_01__icn.png); }
    @media (max-width: 768px) {
      .dkf_ttl1__wrp::before {
        width: 3.07vw;
        height: 2.69vw;
        bottom: -2.69vw; } }
    @media screen and (min-width: 769px) {
      .dkf_ttl1__wrp::before {
        width: 24px;
        height: 21px;
        bottom: -21px; } }
  .dkf_ttl1__wrp h2 {
    width: 100%;
    margin-bottom: 0;
    display: block;
    line-height: 1.3;
    text-align: center;
    font-weight: bold;
    color: #26b5bf; }
    @media (max-width: 768px) {
      .dkf_ttl1__wrp h2 {
        padding-left: 15.38vw;
        font-size: 3.8vw; } }
    @media screen and (min-width: 769px) {
      .dkf_ttl1__wrp h2 {
        padding-left: 120px;
        font-size: 24px; } }
  .srFeaturePage .feature-block .box-header .dkf_ttl1__wrp h2 {
    margin-bottom: 0; }

.feature-btn a {
  color: #fff !important; }

.cmn__ttl_txt strong {
  font-size: 150%; }

.dkf_ttl1__cpt {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0;
  bottom: 0; }
  @media (max-width: 768px) {
    .dkf_ttl1__cpt {
      width: 19.74vw;
      height: 7.56vw;
      left: 3.84vw; } }
  @media screen and (min-width: 769px) {
    .dkf_ttl1__cpt {
      width: 155px;
      height: 59px;
      left: 30px; } }

.dkf_review__icn {
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .dkf_review__icn {
      width: 38.46vw; } }
  @media screen and (min-width: 769px) {
    .dkf_review__icn {
      width: 300px; } }

.dkf_reason__txt_wrp {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #fff; }
  @media (max-width: 768px) {
    .dkf_reason__txt_wrp {
      padding: 3.84vw 5.12vw; } }
  @media screen and (min-width: 769px) {
    .dkf_reason__txt_wrp {
      padding: 30px 40px; } }

.dkf_reason__txt_box {
  background-color: #f3f3f3; }
  @media (max-width: 768px) {
    .dkf_reason__txt_box {
      padding: 1.92vw 2.56vw;
      margin-bottom: 1.28vw; } }
  @media screen and (min-width: 769px) {
    .dkf_reason__txt_box {
      padding: 15px 20px;
      margin-bottom: 10px; } }

.dkf_voice__wrp {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left; }
  @media (max-width: 768px) {
    .dkf_voice__wrp {
      margin-top: 4.48vw; } }
  @media screen and (min-width: 769px) {
    .dkf_voice__wrp {
      margin-top: 35px; } }

.dkf_voice__ttl {
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .dkf_voice__ttl {
      width: 66.92vw; } }
  @media screen and (min-width: 769px) {
    .dkf_voice__ttl {
      width: 522px; } }

.dkf_voice__box {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .dkf_voice__box {
      width: 89.74vw;
      margin-top: 2.56vw;
      margin-bottom: 1.92vw; } }
  @media screen and (min-width: 769px) {
    .dkf_voice__box {
      width: 700px;
      margin-top: 20px;
      margin-bottom: 15px; } }

@media (max-width: 768px) {
  .dkf_voice__icn {
    width: 19.23vw; } }
@media screen and (min-width: 769px) {
  .dkf_voice__icn {
    width: 130px; } }

.dkf_voice__txt {
  display: block;
  background-color: #f3f3f3; }
  @media (max-width: 768px) {
    .dkf_voice__txt {
      width: 70.51vw;
      padding: 2.64vw; } }
  @media screen and (min-width: 769px) {
    .dkf_voice__txt {
      width: 550px;
      padding: 20px; } }

.dkf_voice__sbt {
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .dkf_voice__sbt {
      width: 100%; } }
  @media screen and (min-width: 769px) {
    .dkf_voice__sbt {
      width: 700px; } }

.dkf_voice__img {
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .dkf_voice__img {
      width: 100%;
      margin-top: 5.76vw;
      margin-bottom: 3.84vw; } }
  @media screen and (min-width: 769px) {
    .dkf_voice__img {
      width: 500px;
      margin-top: 50px;
      margin-bottom: 30px; } }

@media (max-width: 768px) {
  .cmn_div__wrp.is__comment {
    margin-top: 15.38vw; } }
@media screen and (min-width: 769px) {
  .cmn_div__wrp.is__comment {
    margin-top: 60px; } }

.dkf_comment__ttl {
  width: 100%; }
  @media (max-width: 768px) {
    .dkf_comment__ttl {
      margin-bottom: 2.56vw; } }
  @media screen and (min-width: 769px) {
    .dkf_comment__ttl {
      margin-bottom: 20px; } }

.dkf_comment__txt_wrp {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }

@media (max-width: 768px) {
  .dkf_comment__icn {
    width: 23.07vw;
    margin-right: 2.56vw; }
    .dkf_comment__icn + .cmn__txt {
      width: calc(100% - 23.07vw - 2.56vw); } }
@media screen and (min-width: 769px) {
  .dkf_comment__icn {
    width: 125px;
    margin-right: 20px; }
    .dkf_comment__icn + .cmn__txt {
      width: calc(100% - 125px - 20px); } }
@media (max-width: 768px) {
  .dkf_comment__img img {
    width: 71.538vw; } }
@media screen and (min-width: 769px) {
  .dkf_comment__img img {
    width: 518px; } }

.dkf_use__caption {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .dkf_use__caption > * {
      width: 49%; } }
  @media screen and (min-width: 769px) {
    .dkf_use__caption > * {
      width: 340px; } }

.dkf_txt__wrp {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #fff; }
  @media (max-width: 768px) {
    .dkf_txt__wrp {
      padding: 5.12vw;
      margin-top: 2.56vw; } }
  @media screen and (min-width: 769px) {
    .dkf_txt__wrp {
      padding: 40px;
      margin-top: 12px; } }

.dkf_txt__ttl {
  margin-bottom: 1em;
  color: #26b5bf;
  font-weight: bold; }

.dkf_txt__box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

@media (max-width: 768px) {
  .dkf_txt__img {
    width: 23.07vw; } }
@media screen and (min-width: 769px) {
  .dkf_txt__img {
    width: 125px; } }
.dkf_txt__img + .cmn__txt {
  background-color: #f3f3f3; }
  @media (max-width: 768px) {
    .dkf_txt__img + .cmn__txt {
      width: calc(100% - 23.07vw - 2.56vw);
      padding: 2.56vw; } }
  @media screen and (min-width: 769px) {
    .dkf_txt__img + .cmn__txt {
      width: calc(100% - 145px);
      min-height: 125px;
      padding: 20px; } }

.is__history .dkf_comment__box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
@media (max-width: 768px) {
  .is__history .dkf_txt__wrp {
    width: 48%; }
  .is__history .dkf_txt__img {
    width: 100%;
    padding-bottom: 3.84vw; } }
@media screen and (min-width: 769px) {
  .is__history .dkf_txt__wrp {
    width: calc(50% - 12px); }
  .is__history .dkf_txt__img {
    width: 100%;
    padding: 20px; } }
.is__history .dkf_txt__ttl {
  width: 100%;
  padding: .3em;
  display: block;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #26b5bf; }

.dkf_history__txt {
  width: 100%;
  padding: 1em;
  display: block;
  background-color: #f3f3f3; }

.dkf_develop__txt_box {
  background-color: #f3f3f3; }
  @media (max-width: 768px) {
    .dkf_develop__txt_box {
      padding: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .dkf_develop__txt_box {
      padding: 20px; } }

.dkf_develop__icn {
  display: inline-block; }
  @media (max-width: 768px) {
    .dkf_develop__icn {
      width: 34.487vw;
      margin-right: 2.3077vw; } }
  @media screen and (min-width: 769px) {
    .dkf_develop__icn {
      width: 173px;
      margin-right: 20px; } }

.dkf_develop__inr {
  display: flex;
  flex-wrap: nowrap; }

@media (max-width: 768px) {
  .develop_photo {
    width: 15.368vw; } }
@media screen and (min-width: 769px) {
  .develop_photo {
    width: 80px; } }

.dkf__btn {
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .dkf__btn {
      width: 91.53vw;
      height: 14.67vw; } }
  @media screen and (min-width: 769px) {
    .dkf__btn {
      width: 100%; } }
  .dkf__btn a {
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: bottom; }

.dkf__border_wrp {
  border-style: solid;
  border-width: 1px; }
  .dkf__border_wrp.is__color1 {
    border-color: #26b5bf; }
    .dkf__border_wrp.is__color1 .dkf__border_head {
      background-color: #e2fdff; }
      .dkf__border_wrp.is__color1 .dkf__border_head .dkf__border_ttl {
        color: #26b5bf; }
  .dkf__border_wrp.is__color2 {
    border-color: #f7c7c6; }
    .dkf__border_wrp.is__color2 .dkf__border_head {
      background-color: #ffe7e6; }
      .dkf__border_wrp.is__color2 .dkf__border_head .dkf__border_ttl {
        color: #ea8187; }
  .dkf__border_wrp.is__color3 {
    border-color: #b5e2ff; }
    .dkf__border_wrp.is__color3 .dkf__border_head {
      background-color: #d3eeff; }
      .dkf__border_wrp.is__color3 .dkf__border_head .dkf__border_ttl {
        color: #4f9cce; }
  .dkf__border_wrp.is__color4 {
    border-color: #c8e6e3; }
    .dkf__border_wrp.is__color4 .dkf__border_head {
      background-color: #def3f1; }
      .dkf__border_wrp.is__color4 .dkf__border_head .dkf__border_ttl {
        color: #59aeaa; }
  @media (max-width: 768px) {
    .dkf__border_wrp .dkf__border_head {
      padding: 3.846vw 0; } }
  @media screen and (min-width: 769px) {
    .dkf__border_wrp .dkf__border_head {
      padding: 15px 0; } }
  .dkf__border_wrp .dkf__border_ttl {
    font-weight: bold; }
    @media (max-width: 768px) {
      .dkf__border_wrp .dkf__border_ttl {
        font-size: 4.6153vw;
        line-height: 1.2; } }
    @media screen and (min-width: 769px) {
      .dkf__border_wrp .dkf__border_ttl {
        font-size: 30px;
        line-height: 1.3; } }

.dkf__ttl_wrp.is__bg_color1 {
  background-color: #e2fdff; }
  @media (max-width: 768px) {
    .dkf__ttl_wrp.is__bg_color1 {
      padding: 2.564vw 0; } }
  @media screen and (min-width: 769px) {
    .dkf__ttl_wrp.is__bg_color1 {
      padding: 20px 0; } }

.dkf__icn-ttl_wrp {
  display: flex;
  flex-wrap: nowrap; }
  @media (max-width: 768px) {
    .dkf__icn-ttl_wrp {
      align-items: center;
      margin-left: 2.5641vw;
      margin-right: 2.5641vw; } }

.dkf__icn-ttl_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .dkf__icn-ttl_list {
      width: 27vw;
      margin-right: 2.5641vw; } }
  @media screen and (min-width: 769px) {
    .dkf__icn-ttl_list {
      width: 170px;
      margin-left: 20px;
      margin-right: 20px; } }
  .dkf__icn-ttl_list > * {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    @media (max-width: 768px) {
      .dkf__icn-ttl_list > * {
        width: 13vw;
        height: 13vw; } }
    @media screen and (min-width: 769px) {
      .dkf__icn-ttl_list > * {
        width: 80px;
        height: 80px; } }
  .dkf__icn-ttl_list.dkf__icn-ttl_list-1 {
    width: auto; }
  .dkf__icn-ttl_list .square-icn {
    color: #fff;
    font-weight: bold;
    letter-spacing: -1px; }
    .dkf__border_wrp.is__color2 .dkf__icn-ttl_list .square-icn {
      background-color: #ea8187; }
    .dkf__border_wrp.is__color3 .dkf__icn-ttl_list .square-icn {
      background-color: #4f9cce; }
    .dkf__border_wrp.is__color4 .dkf__icn-ttl_list .square-icn {
      background-color: #59aeaa; }
    @media (max-width: 768px) {
      .dkf__icn-ttl_list .square-icn {
        border-radius: 0.5128vw;
        font-size: 2.948vw;
        line-height: 1.1; } }
    @media screen and (min-width: 769px) {
      .dkf__icn-ttl_list .square-icn {
        border-radius: 4px;
        font-size: 18px;
        line-height: 1.1; } }
  .dkf__icn-ttl_list .circle-icn {
    color: #5b5557;
    background-color: #fff87a;
    font-weight: bold; }
    @media (max-width: 768px) {
      .dkf__icn-ttl_list .circle-icn {
        border-radius: 6.025vw;
        font-size: 2.948vw;
        line-height: 1.4; } }
    @media screen and (min-width: 769px) {
      .dkf__icn-ttl_list .circle-icn {
        border-radius: 40px;
        font-size: 20px;
        line-height: 1.4; } }

.cmn__txt.is__dkf_color, .cmn__ttl_txt.is__dkf_color {
  color: #26b5bf; }

.cmn_tile__wrp.is__col-y_center {
  align-items: center; }

sup.is__super {
  font-size: 0.6em;
  vertical-align: super; }

.skf_lnk__wrp .cmn_tile__wrp li {
  border-radius: 3px; }
  @media (max-width: 768px) {
    .skf_lnk__wrp .cmn_tile__wrp li {
      padding: 1.79vw; } }
  @media screen and (min-width: 769px) {
    .skf_lnk__wrp .cmn_tile__wrp li {
      padding: 10px; } }
  .skf_lnk__wrp .cmn_tile__wrp li:not(.is__pc) {
    background-color: #fff; }

.dkf__video_wrp {
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .dkf__video_wrp {
      width: 94vw; } }
  @media screen and (min-width: 769px) {
    .dkf__video_wrp {
      width: 560px; } }

/*  ページ改修後 css 22/01/31
	======================================== */
.is__bold {
  font-weight: bold; }

.is__center {
  text-align: center; }

@media screen and (min-width: 769px) {
  .is__pc-center {
    text-align: center; } }

.dkf-anchor {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .dkf-anchor {
      padding-top: 50px;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .dkf-anchor {
      padding-top: 6.667vw;
      margin-bottom: 2.733vw; } }
  @media screen and (min-width: 769px) {
    .dkf-anchor .dkf-anchor__items {
      height: 95px;
      border: 1px solid #26b5bf; } }
  @media (max-width: 768px) {
    .dkf-anchor .dkf-anchor__items {
      height: 20vw;
      border: 0.267vw solid #26b5bf; } }
  @media screen and (min-width: 769px) {
    .dkf-anchor .dkf-anchor__items a {
      padding-top: 1.9em;
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 768px) {
    .dkf-anchor .dkf-anchor__items a {
      padding-top: 1.5em;
      padding-bottom: 1.9em; } }
  @media (max-width: 768px) {
    .dkf-anchor .dkf-anchor__items a::before {
      border-width: 1.56vw; } }
  @media screen and (min-width: 769px) {
    .dkf-anchor .dkf-anchor__catch {
      font-size: 15px; } }
  .dkf-anchor .dkf-anchor__main {
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .dkf-anchor .dkf-anchor__main {
        font-size: 15px; } }
    @media (max-width: 768px) {
      .dkf-anchor .dkf-anchor__main {
        font-size: 3.333vw; } }
  .dkf-anchor .is__font_blue {
    color: #26b5bf; }

@media (max-width: 768px) {
  .tmp_nav__wrp_offer {
    width: 91.28vw;
    margin: 0px auto 25px auto; } }
@media screen and (min-width: 769px) {
  .tmp_nav__wrp_offer {
    margin: 0 auto 55px auto; } }
@media (max-width: 768px) {
  .tmp_nav__wrp_offer .tmp_nav__wrp_offer_msg {
    text-align: left;
    padding-left: 1em;
    text-indent: -1em; } }
@media screen and (min-width: 769px) {
  .tmp_nav__wrp_offer .tmp_nav__wrp_offer_msg {
    text-align: center;
    font-size: 14px; } }
.tmp_nav__wrp_offer .tmp_nav__wrp_offer_msg::before {
  content: "※"; }

@media screen and (min-width: 769px) {
  .is__flex-center {
    justify-content: center; } }

@media screen and (min-width: 769px) {
  .dkf-wrap {
    width: 100%;
    margin-bottom: 60px !important; } }
@media (max-width: 768px) {
  .dkf-wrap {
    margin-bottom: 14.733vw !important; } }

@media (max-width: 768px) {
  .dkf-wdth-sp {
    width: 91.28vw;
    margin: 0 auto; } }

.dkf-box {
  background-color: #fff; }
  @media screen and (min-width: 769px) {
    .dkf-box {
      border: 2px solid #26b5bf; } }
  @media (max-width: 768px) {
    .dkf-box {
      border: 0.267vw solid #26b5bf; } }
  .dkf-box--worry {
    text-align: center; }
    @media screen and (min-width: 769px) {
      .dkf-box--worry {
        padding: 30px 0 25px; } }
    @media (max-width: 768px) {
      .dkf-box--worry {
        padding: 5.333vw 0 5.333vw; } }
  @media screen and (min-width: 769px) {
    .dkf-box--about {
      padding: 18px 0 38px; } }
  @media (max-width: 768px) {
    .dkf-box--about {
      padding: 5.333vw 0 4.533vw; } }
  @media screen and (min-width: 769px) {
    .dkf-box--feature {
      padding: 25px 0 45px; } }
  @media (max-width: 768px) {
    .dkf-box--feature {
      padding: 5.333vw 0 7.467vw; } }
  .dkf-box--differ {
    text-align: center; }
    @media screen and (min-width: 769px) {
      .dkf-box--differ {
        padding: 40px 0 60px; } }
    @media (max-width: 768px) {
      .dkf-box--differ {
        padding: 5.128vw 0 7.692vw; } }

.dkf__head {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (min-width: 769px) {
    .dkf__head {
      height: 110px; } }
  @media (max-width: 768px) {
    .dkf__head {
      height: 18.2vw; } }
  .dkf__head::before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
    @media screen and (min-width: 769px) {
      .dkf__head::before {
        background-image: url("/ec/images/shop2/ft_dakkofuton/dkf_ttl_bg_pc.jpg");
        height: 110.5px; } }
    @media (max-width: 768px) {
      .dkf__head::before {
        background-image: url("/ec/images/shop2/ft_dakkofuton/dkf_ttl_bg_sp.jpg");
        height: 18.5vw; } }
  @media screen and (min-width: 769px) {
    .dkf__head--comment {
      margin-bottom: 22px; } }
  @media (max-width: 768px) {
    .dkf__head--comment {
      margin-bottom: 4vw; } }
  @media screen and (min-width: 769px) {
    .dkf__head--scene {
      margin-bottom: 22px; } }
  @media (max-width: 768px) {
    .dkf__head--scene {
      margin-bottom: 4vw; } }

.dkf__ttl {
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1.3; }
  @media screen and (min-width: 769px) {
    .dkf__ttl {
      margin-top: 10px;
      font-size: 20px; } }
  @media (max-width: 768px) {
    .dkf__ttl {
      font-size: 4.128vw; } }
  @media (max-width: 768px) {
    .dkf__ttl .dkf__ttl_big {
      font-size: 6.128vw; } }
  @media screen and (min-width: 769px) {
    .dkf__ttl .dkf__ttl_big {
      font-size: 30px; } }
  @media screen and (min-width: 769px) {
    .dkf__ttl .dkf__sub-ttl {
      font-size: 20px;
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .dkf__ttl .dkf__sub-ttl {
      font-size: 3.846vw;
      margin-bottom: 1.333vw; } }
  @media (max-width: 768px) {
    .dkf__ttl.dkf__ttl--differ {
      font-size: 4.615vw; } }

.dkf__cont {
  font-weight: bold;
  color: #26b5bf; }
  @media screen and (min-width: 769px) {
    .dkf__cont {
      font-size: 26px;
      line-height: 1.3;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .dkf__cont {
      font-size: 4vw;
      line-height: 1.3;
      margin-bottom: 3.846vw; } }
  @media screen and (min-width: 769px) {
    .dkf__cont.dkf__cont--graph {
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .dkf__cont.dkf__cont--graph {
      margin-bottom: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .dkf__cont.dkf__cont--differ {
      margin-bottom: 25px; } }
  @media (max-width: 768px) {
    .dkf__cont.dkf__cont--differ {
      margin-bottom: 3.205vw; } }
  @media screen and (min-width: 769px) {
    .dkf__cont.dkf__cont--mesh, .dkf__cont.dkf__cont--basic {
      margin-bottom: 22px; } }
  @media (max-width: 768px) {
    .dkf__cont.dkf__cont--mesh, .dkf__cont.dkf__cont--basic {
      margin-bottom: 2.564vw; } }
  .dkf__cont.dkf__cont--mesh {
    color: #4f9cce; }
  .dkf__cont.dkf__cont--basic {
    color: #ea8187; }
  .dkf__cont.dkf__cont--okurumi {
    color: #f4864b; }
  .dkf__cont sup {
    font-size: 55%;
    vertical-align: top; }

.dkf-underline {
  display: inline-block; }
  @media screen and (min-width: 769px) {
    .dkf-underline {
      padding-bottom: 1.5px;
      background-image: linear-gradient(to right, #26b5bf 28%, rgba(255, 255, 255, 0) 0%);
      background-position: bottom;
      background-size: 8px 2.5px;
      background-repeat: repeat-x; } }
  @media (max-width: 768px) {
    .dkf-underline {
      padding-bottom: 0.42vw;
      background-image: linear-gradient(to right, #26b5bf 25%, rgba(255, 255, 255, 0) 0%);
      background-position: bottom;
      background-size: 1.8vw 0.42vw;
      background-repeat: repeat-x; } }
  @media screen and (min-width: 769px) {
    .dkf-underline--basic {
      background-image: linear-gradient(to right, #ea8187 28%, rgba(255, 255, 255, 0) 0%); } }
  @media (max-width: 768px) {
    .dkf-underline--basic {
      background-image: linear-gradient(to right, #ea8187 25%, rgba(255, 255, 255, 0) 0%); } }
  @media screen and (min-width: 769px) {
    .dkf-underline--mesh {
      background-image: linear-gradient(to right, #4f9cce 28%, rgba(255, 255, 255, 0) 0%); } }
  @media (max-width: 768px) {
    .dkf-underline--mesh {
      background-image: linear-gradient(to right, #4f9cce 25%, rgba(255, 255, 255, 0) 0%); } }
  @media screen and (min-width: 769px) {
    .dkf-underline--collabo {
      background-image: linear-gradient(to right, #59aeaa 28%, rgba(255, 255, 255, 0) 0%); } }
  @media (max-width: 768px) {
    .dkf-underline--collabo {
      background-image: linear-gradient(to right, #59aeaa 25%, rgba(255, 255, 255, 0) 0%); } }
  @media screen and (min-width: 769px) {
    .dkf-underline--okurumi {
      background-image: linear-gradient(to right, #f4864b 28%, rgba(255, 255, 255, 0) 0%); } }
  @media (max-width: 768px) {
    .dkf-underline--okurumi {
      background-image: linear-gradient(to right, #f4864b 25%, rgba(255, 255, 255, 0) 0%); } }
  @media (max-width: 768px) {
    .dkf-underline.is__font_p {
      font-size: 4.615vw;
      line-height: 1.4;
      margin-bottom: 3.846vw; } }
  @media screen and (min-width: 769px) {
    .dkf-underline.is__font_p {
      font-size: 26px; } }

.is__font_p_blue {
  color: #26b5bf;
  font-weight: bold; }

.dkf-bg_blue {
  background-color: #26b5bf;
  color: #fff;
  font-weight: bold;
  border-radius: 20px; }
  @media (max-width: 768px) {
    .dkf-bg_blue {
      width: 100px;
      margin: 0 auto; } }
  @media screen and (min-width: 769px) {
    .dkf-bg_blue {
      font-size: 26px;
      width: 166px;
      height: 32px;
      margin: 0 auto; } }

.dkf-underline-sp {
  display: inline-block; }
  @media (max-width: 768px) {
    .dkf-underline-sp {
      padding-bottom: 0.42vw;
      background-image: linear-gradient(to right, #26b5bf 25%, rgba(255, 255, 255, 0) 0%);
      background-position: bottom;
      background-size: 1.8vw 0.42vw;
      background-repeat: repeat-x; } }

@media (max-width: 768px) {
  br:not(.is__pc) + span.dkf-underline {
    margin-top: 1.4vw; } }

@media screen and (min-width: 769px) {
  br:not(.is__sp) + span.dkf-underline {
    margin-top: 6px; } }

.dkf__lead {
  color: #555; }
  @media screen and (min-width: 769px) {
    .dkf__lead {
      font-size: 16px; } }
  @media (max-width: 768px) {
    .dkf__lead {
      font-size: 3vw; } }

@media screen and (min-width: 769px) {
  .dkf__desc {
    font-size: 16px;
    line-height: 1.6; } }
@media (max-width: 768px) {
  .dkf__desc {
    font-size: 3.2vw;
    line-height: 1.65;
    padding-top: 1.3vw; } }
.dkf__desc .is__color {
  font-weight: bold;
  color: #26b5bf; }
  @media (max-width: 768px) {
    .dkf__desc .is__color {
      font-size: 110%; } }
.dkf__desc.is__color {
  font-weight: bold;
  color: #26b5bf; }
  @media (max-width: 768px) {
    .dkf__desc.is__color {
      font-size: 110%; } }

@media screen and (min-width: 769px) {
  .dkf-exhibit {
    margin: 0px 0 60px; } }
@media (max-width: 768px) {
  .dkf-exhibit {
    margin: -9.8665vw 0 19.733vw; } }
@media screen and (min-width: 769px) {
  .dkf-exhibit--comment {
    margin: -30px 0 30px; } }
@media (max-width: 768px) {
  .dkf-exhibit--comment {
    margin: -9.8665vw 0 9.333vw; } }
.dkf-exhibit .dkf-exhibit__txt {
  text-align: center;
  font-weight: bold;
  color: #26b5bf; }
  @media screen and (min-width: 769px) {
    .dkf-exhibit .dkf-exhibit__txt {
      font-size: 26px;
      line-height: 1.45;
      margin-bottom: 16px; } }
  @media (max-width: 768px) {
    .dkf-exhibit .dkf-exhibit__txt {
      font-size: 4.8vw;
      line-height: 1.4;
      margin-bottom: 2.933vw; } }

/* worry */
.worry-graph {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .worry-graph {
      width: 373px;
      margin-bottom: 15px; } }
  @media (max-width: 768px) {
    .worry-graph {
      width: 66.4vw;
      margin-bottom: 2.667vw; } }

.worry-arrow {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .worry-arrow {
      width: 78px;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .worry-arrow {
      width: 13.867vw;
      margin-bottom: 3.8vw; } }

.worry__note {
  color: #555;
  margin: 0 auto;
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left; }
  @media screen and (min-width: 769px) {
    .worry__note {
      width: 600px;
      font-size: 12px;
      margin-bottom: 16px; } }
  @media (max-width: 768px) {
    .worry__note {
      width: 82.933vw;
      font-size: 2.933vw;
      margin-bottom: 6.4vw;
      text-align: left; } }
  @media (max-width: 768px) {
    .worry__note--sp-mb {
      margin-bottom: 2vw; } }
  @media screen and (min-width: 769px) {
    .worry__note--graph {
      width: unset;
      display: inline-block; } }

@media screen and (min-width: 769px) {
  .worry-mb {
    margin-bottom: 30px; } }
@media (max-width: 768px) {
  .worry-mb {
    margin-bottom: 6.4vw; } }

.worry-flex {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .worry-flex {
      width: 720px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 16px; } }
  @media (max-width: 768px) {
    .worry-flex {
      margin-bottom: 4.8vw; } }
  @media screen and (min-width: 769px) {
    .worry-flex .worry__thumbs {
      width: 420px; } }
  @media (max-width: 768px) {
    .worry-flex .worry__thumbs {
      width: 83.2vw;
      margin: 0 auto 3.2vw; } }
  @media screen and (min-width: 769px) {
    .worry-flex .worry__txtarea {
      width: 284px; } }
  @media (max-width: 768px) {
    .worry-flex .worry__txtarea {
      width: 80vw;
      margin: 0 auto; } }
  .worry-flex .worry__txtarea .worry-box {
    background-color: #e9f7f8; }
    @media screen and (min-width: 769px) {
      .worry-flex .worry__txtarea .worry-box {
        padding: 16px 0 16px;
        border-radius: 2px; } }
    @media (max-width: 768px) {
      .worry-flex .worry__txtarea .worry-box {
        padding: 2.133vw 0 2.133vw;
        border-radius: 0.267vw; } }
    @media screen and (min-width: 769px) {
      .worry-flex .worry__txtarea .worry-box:not(:last-of-type) {
        margin-bottom: 10px; } }
    @media (max-width: 768px) {
      .worry-flex .worry__txtarea .worry-box:not(:last-of-type) {
        margin-bottom: 2.667vw; } }
    .worry-flex .worry__txtarea .worry-box .worry-box__txt {
      color: #555; }
      @media screen and (min-width: 769px) {
        .worry-flex .worry__txtarea .worry-box .worry-box__txt {
          font-size: 14px;
          line-height: 1.7; } }
      @media (max-width: 768px) {
        .worry-flex .worry__txtarea .worry-box .worry-box__txt {
          font-size: 3.2vw;
          line-height: 1.6; } }
      .worry-flex .worry__txtarea .worry-box .worry-box__txt .is__color {
        font-weight: bold;
        color: #26b5bf; }
      .worry-flex .worry__txtarea .worry-box .worry-box__txt.is__color {
        font-weight: bold;
        color: #26b5bf; }

/* about */
.about__lead {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .about__lead {
      width: 712px;
      margin-bottom: 30px; } }
  @media (max-width: 768px) {
    .about__lead {
      width: 84vw;
      font-size: 3.2vw;
      margin-bottom: 6.667vw; } }

@media screen and (min-width: 769px) {
  .about__cont {
    width: 500px;
    margin: 0 auto 32px; } }
@media (max-width: 768px) {
  .about__cont {
    width: 84vw;
    margin: 0 auto 5.385vw; } }
@media screen and (min-width: 769px) {
  .about__cont:first-of-type {
    padding-top: 30px; } }
@media (max-width: 768px) {
  .about__cont:first-of-type {
    padding-top: 6.41vw; } }
.about__cont:last-of-type {
  margin-bottom: 0; }

.about-unused {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .about-unused {
      width: 500px; } }
  @media (max-width: 768px) {
    .about-unused {
      width: 84vw;
      margin-bottom: 0.533vw; } }

.about-arrow {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .about-arrow {
      width: 78px; } }
  @media (max-width: 768px) {
    .about-arrow {
      width: 13.867vw; } }

@media screen and (min-width: 769px) {
  .about-used {
    margin: 30px auto;
    width: 500px; } }
@media (max-width: 768px) {
  .about-used {
    margin: 5vw auto;
    width: 84vw; } }

.about-how__ttl {
  text-align: center; }
  @media (max-width: 768px) {
    .about-how__ttl {
      margin-bottom: 3.077vw; } }
  .about-how__ttl p {
    display: inline-block;
    font-weight: bold;
    color: #26b5bf;
    position: relative; }
    @media screen and (min-width: 769px) {
      .about-how__ttl p {
        font-size: 27px;
        padding: 0 28px; } }
    @media (max-width: 768px) {
      .about-how__ttl p {
        font-size: 4.615vw;
        padding: 0 4vw; } }
    .about-how__ttl p::before {
      left: 0;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%); }
    .about-how__ttl p::after {
      right: 0;
      transform: scale(-1, 1) translate(0, -50%);
      -webkit-transform: scale(-1, 1) translate(0, -50%);
      -ms-transform: scale(-1, 1) translate(0, -50%); }

@media screen and (min-width: 769px) {
  .about-how__thumbs {
    width: 500px;
    margin: 0 auto 16px; } }
@media (max-width: 768px) {
  .about-how__thumbs {
    width: 84vw;
    margin: 0 auto 2.051vw; } }

@media screen and (min-width: 769px) {
  .about-how-arrow {
    width: 78px;
    margin: 0 auto 16px; } }
@media (max-width: 768px) {
  .about-how-arrow {
    width: 13.867vw;
    margin: 0 auto 2.051vw; } }

.about-how__txt {
  text-align: center; }
  .about-how__txt p {
    display: inline-block;
    font-weight: bold;
    position: relative; }
    @media screen and (min-width: 769px) {
      .about-how__txt p {
        font-size: 27px;
        padding-right: 60px; } }
    @media (max-width: 768px) {
      .about-how__txt p {
        font-size: 4.615vw;
        padding-right: 10.256vw; } }
    .about-how__txt p::after {
      content: "";
      background-image: url("/ec/images/shop2/ft_dakkofuton/about_how__icn.png");
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      top: 45%;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%); }
      @media screen and (min-width: 769px) {
        .about-how__txt p::after {
          width: 44px;
          height: 48px; } }
      @media (max-width: 768px) {
        .about-how__txt p::after {
          width: 7.436vw;
          height: 8.205vw; } }

/* feature */
.feature-image {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .feature-image {
      width: 100%;
      margin-bottom: 18px; } }
  @media (max-width: 768px) {
    .feature-image {
      width: 100%;
      margin-bottom: 3.733vw; } }

.feature-profit {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .feature-profit {
      width: 100%; } }
  @media (max-width: 768px) {
    .feature-profit {
      width: 100%; } }
  .feature-profit .feature-profit__item {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .feature-profit .feature-profit__item.is__odd {
      flex-direction: row-reverse; }
  @media screen and (min-width: 769px) {
    .feature-profit .feature-profit__thumb {
      width: 212px; } }
  @media (max-width: 768px) {
    .feature-profit .feature-profit__thumb {
      width: 35.897vw; } }
  @media screen and (min-width: 769px) {
    .feature-profit .feature-profit__txtarea {
      width: 262px; } }
  @media (max-width: 768px) {
    .feature-profit .feature-profit__txtarea {
      width: 44.231vw; } }
  .feature-profit .feature-profit__txtarea .feature-profit__txt {
    line-height: 1;
    color: #fa7a85;
    background-color: #fff87a;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 769px) {
      .feature-profit .feature-profit__txtarea .feature-profit__txt {
        font-size: 20px;
        width: 100%;
        height: 42px; } }
    @media (max-width: 768px) {
      .feature-profit .feature-profit__txtarea .feature-profit__txt {
        font-size: 3.333vw;
        width: 44.231vw;
        height: 7.692vw; } }
  .feature-profit .feature-profit__txtarea .feature-profit__note {
    line-height: 1.28;
    padding-left: 1.1em;
    position: relative; }
    @media screen and (min-width: 769px) {
      .feature-profit .feature-profit__txtarea .feature-profit__note {
        font-size: 14px;
        margin-top: 12px; } }
    @media (max-width: 768px) {
      .feature-profit .feature-profit__txtarea .feature-profit__note {
        font-size: 2.821vw;
        margin-top: 1.282vw; } }
    .feature-profit .feature-profit__txtarea .feature-profit__note::before {
      content: "※";
      position: absolute;
      left: 0; }

.feature-wrap {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .feature-wrap {
      width: 500px; } }
  @media (max-width: 768px) {
    .feature-wrap {
      width: 85vw; } }
  @media screen and (min-width: 769px) {
    .feature-wrap:not(:last-of-type) {
      margin-bottom: 50px; } }
  @media (max-width: 768px) {
    .feature-wrap:not(:last-of-type) {
      margin-bottom: 10.4vw; } }
  .feature-wrap .feature-hdg {
    font-weight: bold;
    text-align: center; }
    @media (max-width: 768px) {
      .feature-wrap .feature-hdg {
        font-size: 4.8vw;
        line-height: 1.4;
        margin-bottom: 3.733vw; } }
    @media screen and (min-width: 769px) {
      .feature-wrap .feature-hdg {
        font-size: 26px;
        line-height: 1.45;
        margin-bottom: 20px; } }
  .feature-wrap .feature__main {
    font-weight: bold;
    color: #26b5bf;
    position: relative;
    padding-left: 1.6em; }
    @media screen and (min-width: 769px) {
      .feature-wrap .feature__main {
        font-size: 26px;
        line-height: 1.45;
        margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .feature-wrap .feature__main {
        font-size: 4.8vw;
        line-height: 1.4;
        margin-bottom: 3.733vw; } }
    .feature-wrap .feature__main::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      font-weight: bold;
      color: #fff;
      background-color: #26b5bf;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (min-width: 769px) {
        .feature-wrap .feature__main::before {
          width: 36px;
          height: 36px;
          font-size: 27px;
          padding-top: 2px;
          border-radius: 10px; } }
      @media (max-width: 768px) {
        .feature-wrap .feature__main::before {
          width: 6.667vw;
          height: 6.667vw;
          font-size: 4.8vw;
          padding-left: 0.133vw;
          border-radius: 1.333vw; } }
    .feature-wrap .feature__main.is__1::before {
      content: "1"; }
    .feature-wrap .feature__main.is__2::before {
      content: "2"; }
    .feature-wrap .feature__main.is__3::before {
      content: "3"; }
    .feature-wrap .feature__main.is__4::before {
      content: "4"; }
    @media (max-width: 768px) {
      .feature-wrap .feature__main.is__5 {
        font-size: 4.6vw !important; } }
    .feature-wrap .feature__main.is__5::before {
      content: "5"; }
    .feature-wrap .feature__main.is__6::before {
      content: "6"; }

@media (max-width: 768px) {
  .is__img_1 {
    width: 70vw; } }
@media screen and (min-width: 769px) {
  .is__img_1 {
    width: 305px; } }

@media (max-width: 768px) {
  .is__img_2 {
    width: 60vw; } }
@media screen and (min-width: 769px) {
  .is__img_2 {
    width: 300px; } }

@media (max-width: 768px) {
  .is__img_3 {
    width: 84vw; } }
@media screen and (min-width: 769px) {
  .is__img_3 {
    width: 483px; } }

@media (max-width: 768px) {
  .is__img_5 {
    width: 65vw; } }
@media screen and (min-width: 769px) {
  .is__img_5 {
    width: 306px; } }

@media screen and (min-width: 769px) {
  .is__img_6 {
    width: 500px; } }

@media screen and (min-width: 769px) {
  .feature-layout {
    margin-bottom: 20px; } }
@media (max-width: 768px) {
  .feature-layout {
    margin-bottom: 3.733vw; } }
.feature-layout .feature__thumbs {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .feature-layout .feature__thumbs .feature__thumbs_annt {
      font-size: 12px;
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .feature-layout .feature__thumbs .feature__thumbs_annt {
      font-size: 87.5%; } }
@media screen and (min-width: 769px) {
  .feature-layout .feature__txtarea {
    margin: 25px auto 0 auto;
    width: 500px; } }
@media (max-width: 768px) {
  .feature-layout .feature__txtarea {
    margin-top: 2.564vw; } }
@media screen and (min-width: 769px) {
  .feature-layout .feature__txtarea .feature__txt {
    text-align: left;
    font-size: 16px;
    line-height: 1.7; } }
@media (max-width: 768px) {
  .feature-layout .feature__txtarea .feature__txt {
    font-size: 3.2vw;
    font-size: 96.5%;
    line-height: 1.65; } }
.feature-layout .feature__txtarea .feature__txt .is__color {
  font-weight: bold;
  color: #26b5bf; }
.feature-layout .feature__txtarea .feature__txt.is__color {
  font-weight: bold;
  color: #26b5bf; }
@media (max-width: 768px) {
  .feature-layout .feature__txtarea .feature__annt {
    font-size: 87.5%;
    line-height: 1.65; } }
@media screen and (min-width: 769px) {
  .feature-layout .feature__txtarea .feature__annt {
    text-align: left;
    font-size: 12px;
    line-height: 1.7; } }

.feature-flex {
  display: flex; }
  @media (max-width: 768px) {
    .feature-flex {
      justify-content: space-between;
      margin-bottom: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .feature-flex {
      justify-content: center;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .feature-flex .feature__flex_thumbs .img_230_230 {
      width: 40.8vw; } }
  @media screen and (min-width: 769px) {
    .feature-flex .feature__flex_thumbs .img_230_230 {
      width: 230px;
      height: 230px; } }
  @media (max-width: 768px) {
    .feature-flex .feature__flex_txtarea {
      width: 41.333vw; } }
  @media screen and (min-width: 769px) {
    .feature-flex .feature__flex_txtarea {
      width: 230px;
      margin-left: 10px; } }
  .feature-flex .feature__flex_txtarea .feature__flex_txt .is__color {
    font-weight: bold;
    color: #26b5bf; }
    @media (max-width: 768px) {
      .feature-flex .feature__flex_txtarea .feature__flex_txt .is__color {
        line-height: 1.6; } }

@media screen and (min-width: 769px) {
  .feature__dsc {
    font-size: 14px; } }
@media (max-width: 768px) {
  .feature__dsc {
    font-size: 2.2vw; } }

.feature__button {
  color: #26b5bf;
  background-color: #fff; }
  @media screen and (min-width: 769px) {
    .feature__button {
      border: 1px solid; } }
  @media (max-width: 768px) {
    .feature__button {
      font-size: 3.2vw;
      border: 0.267vw solid; } }
  .feature__button:hover {
    color: #fff;
    background-color: #26b5bf;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2229px%22%20height%3D%2229px%22%20viewBox%3D%220%200%2029%2029%22%20style%3D%22enable-background%3Anew%200%200%2029%2029%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2229%2C12.5%2016.5%2C12.5%2016.5%2C0%2012.5%2C0%2012.5%2C12.5%200%2C12.5%200%2C16.5%2012.5%2C16.5%2012.5%2C29%2016.5%2C29%2016.5%2C16.5%2029%2C16.5%20%22%2F%3E%3C%2Fsvg%3E");
    opacity: 1 !important; }

.feature__button_anchor {
  color: #26b5bf;
  background-color: #fff;
  border-radius: solid 1px #26b5bf;
  position: relative; }
  @media screen and (min-width: 769px) {
    .feature__button_anchor {
      border: 1px solid; } }
  @media (max-width: 768px) {
    .feature__button_anchor {
      font-size: 3.2vw;
      border: 0.267vw solid; } }
  .feature__button_anchor::after {
    content: '';
    display: block;
    position: absolute;
    border-top-color: #26b5bf !important;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    transform: translateY(3.5px);
    width: 0.8em;
    height: 0.8em;
    top: 0;
    bottom: 0;
    right: 1em;
    left: inherit;
    margin: auto; }

.is__ico-plus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2229px%22%20height%3D%2229px%22%20viewBox%3D%220%200%2029%2029%22%20style%3D%22enable-background%3Anew%200%200%2029%2029%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%2326b5bf%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2229%2C12.5%2016.5%2C12.5%2016.5%2C0%2012.5%2C0%2012.5%2C12.5%200%2C12.5%200%2C16.5%2012.5%2C16.5%2012.5%2C29%2016.5%2C29%2016.5%2C16.5%2029%2C16.5%20%22%2F%3E%3C%2Fsvg%3E"); }

.feature-movie {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .feature-movie {
      width: 500px; } }
  @media (max-width: 768px) {
    .feature-movie {
      width: 100%; } }
  @media screen and (min-width: 769px) {
    .feature-movie .feature-movie__ttl {
      border-bottom: solid 3px #f6f171;
      padding: 10px;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .feature-movie .feature-movie__ttl {
      border-bottom: solid 3px #f6f171;
      margin: 0 0 10px;
      padding: 5px 10px;
      text-align: center;
      font-size: 4vw;
      font-weight: bold;
      line-height: 1.4; } }
  @media screen and (min-width: 769px) {
    .feature-movie .feature-movie__cont {
      height: 275px;
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .feature-movie .feature-movie__cont {
      height: 48.533vw;
      margin-bottom: 2.564vw; } }
  .feature-movie .feature-movie__note {
    position: relative;
    padding-left: 1.1em; }
    @media screen and (min-width: 769px) {
      .feature-movie .feature-movie__note {
        font-size: 14px; } }
    @media (max-width: 768px) {
      .feature-movie .feature-movie__note {
        font-size: 2.821vw; } }
    .feature-movie .feature-movie__note::before {
      content: "※";
      position: absolute;
      left: 0; }

@media screen and (min-width: 769px) {
  .feature__lead {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px; } }
@media (max-width: 768px) {
  .feature__lead {
    font-size: 3.2vw;
    line-height: 1.65;
    margin-bottom: 3.2vw; } }
.feature__lead .is__color {
  font-weight: bold;
  color: #26b5bf; }
.feature__lead.is__color {
  font-weight: bold;
  color: #26b5bf; }

.feature-modal__inr {
  background-color: #fff !important; }
  @media screen and (min-width: 769px) {
    .feature-modal__inr {
      max-height: 300px !important;
      overflow-y: hidden !important; } }
  @media (max-width: 768px) {
    .feature-modal__inr {
      max-height: 58.667vw !important;
      overflow-y: hidden !important; } }

.feature-modal__ttl {
  color: #26b5bf;
  font-weight: bold; }
  @media screen and (min-width: 769px) {
    .feature-modal__ttl {
      font-size: 14px;
      line-height: 1.556em; } }
  @media (max-width: 768px) {
    .feature-modal__ttl {
      font-size: 3.2vw;
      line-height: 1.3em; } }

@media screen and (min-width: 769px) {
  .feature-modal__txt {
    font-size: 14px;
    line-height: 1.556em; } }
@media (max-width: 768px) {
  .feature-modal__txt {
    font-size: 2.933vw;
    line-height: 1.3em; } }

@media screen and (min-width: 769px) {
  .feature-modal-mt {
    margin-top: 35px; } }
@media (max-width: 768px) {
  .feature-modal-mt {
    margin-top: 4vw; } }

/* differ */
.differ__lead {
  line-height: 1.6; }
  @media screen and (min-width: 769px) {
    .differ__lead {
      font-size: 16px;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .differ__lead {
      width: 83.333vw;
      font-size: 3.077vw;
      margin: 0 auto 3.846vw; } }
  .differ__lead .is__color {
    color: #26b5bf;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .differ__lead .is__color {
        font-size: 18px; } }
    @media (max-width: 768px) {
      .differ__lead .is__color {
        font-size: 3.59vw; } }

@media screen and (min-width: 769px) {
  .differ__product {
    width: 500px;
    margin: 0 auto 0px; } }
@media (max-width: 768px) {
  .differ__product {
    width: 83.333vw;
    margin: 0 auto 0vw; } }

.differ__cover {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .differ__cover {
      width: 500px; } }
  @media (max-width: 768px) {
    .differ__cover {
      width: 83.333vw; } }

@media (max-width: 768px) {
  .bbf_jpn_bnr_diff {
    width: 83.333vw;
    margin: 3.846vw auto 8.128vw; } }
@media screen and (min-width: 769px) {
  .bbf_jpn_bnr_diff {
    width: 500px;
    margin: 10px auto 30px; } }

/* select */
@media screen and (min-width: 769px) {
  .select-wrap {
    margin-bottom: 20px; } }
@media (max-width: 768px) {
  .select-wrap {
    margin-top: 8vw;
    margin-bottom: 4vw; } }

.select-box {
  background-color: #fff; }
  @media screen and (min-width: 769px) {
    .select-box {
      width: 780px;
      padding: 30px 0 30px;
      border-radius: 10px; } }
  @media (max-width: 768px) {
    .select-box {
      width: 100%;
      padding: 4vw 0 4vw;
      border-radius: 1.333vw; } }
  .select-box--mesh {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    @media screen and (min-width: 769px) {
      .select-box--mesh {
        padding: 30px 0 40px; } }
    @media (max-width: 768px) {
      .select-box--mesh {
        padding: 3.846vw 0 10.256vw; } }
  @media screen and (min-width: 769px) {
    .select-box--basic {
      margin-top: 60px;
      padding: 30px 0 50px; } }
  @media (max-width: 768px) {
    .select-box--basic {
      padding: 3.846vw 0 4.359vw; } }
  @media screen and (min-width: 769px) {
    .select-box--okurumi {
      margin-top: 60px;
      padding: 30px 0 40px; } }
  @media (max-width: 768px) {
    .select-box--okurumi {
      padding: 3.846vw 0 10.256vw; } }

.select__ttl {
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .select__ttl {
      font-size: 26px;
      line-height: 1.1;
      margin-bottom: 15px; } }
  @media (max-width: 768px) {
    .select__ttl {
      font-size: 4.8vw;
      line-height: 1.35;
      margin-bottom: 3.467vw; } }
  .select__ttl--basic {
    color: #ea8187; }
  .select__ttl--mesh {
    color: #4f9cce; }
  .select__ttl--collabo {
    color: #59aeaa; }
  .select__ttl--okurumi {
    color: #f4864b; }
  .select__ttl .select-type {
    background-color: gray;
    color: #fff;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .select__ttl .select-type {
        font-size: 16px;
        padding: 6px 20px;
        margin-right: 10px;
        border-radius: 15px; } }
    @media (max-width: 768px) {
      .select__ttl .select-type {
        font-size: 2.933vw;
        padding: 1vw 2.933vw;
        margin-right: 1.333vw;
        border-radius: 2.667vw; } }
    .select__ttl .select-type--basic {
      background-color: #ea8187; }
    .select__ttl .select-type--mesh {
      background-color: #4f9cce; }
    .select__ttl .select-type--collabo {
      background-color: #59aeaa; }
    .select__ttl .select-type--okurumi {
      background: #f4864b; }
  .select__ttl .select-made {
    background-color: #fff87a;
    color: #5b5557;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .select__ttl .select-made {
        font-size: 16px;
        padding: 6px 15px;
        border-radius: 15px; } }
    @media (max-width: 768px) {
      .select__ttl .select-made {
        font-size: 2.933vw;
        padding: 1vw 2.667vw;
        border-radius: 2.667vw; } }
  .select__ttl .select__sub-ttl {
    color: #5b5557;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .select__ttl .select__sub-ttl {
        font-size: 14px; } }
    @media (max-width: 768px) {
      .select__ttl .select__sub-ttl {
        font-size: 3.2vw; } }
    .select__ttl .select__sub-ttl sup {
      font-size: 50%; }

@media screen and (min-width: 769px) {
  .select__note {
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px; } }
@media (max-width: 768px) {
  .select__note {
    font-size: 2.933vw;
    width: 83.59vw;
    margin: -1.2vw auto 3.467vw; } }

@media screen and (min-width: 769px) {
  .select__thumbs {
    width: 500px;
    margin: 0 auto 20px; } }
@media (max-width: 768px) {
  .select__thumbs {
    width: 83.333vw;
    margin: 0 auto 3.846vw; } }
.select__thumbs:last-of-type {
  margin-bottom: 0; }
@media screen and (min-width: 769px) {
  .select__thumbs.select__thumbs--mesh, .select__thumbs.select__thumbs--basic, .select__thumbs.select__thumbs--okurumi {
    margin: 0 auto 40px !important; } }
@media (max-width: 768px) {
  .select__thumbs.select__thumbs--mesh, .select__thumbs.select__thumbs--basic, .select__thumbs.select__thumbs--okurumi {
    margin: 0 auto 6.41vw !important; } }

.select-cont {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .select-cont {
      width: 450px;
      margin-bottom: 40px; } }
  @media (max-width: 768px) {
    .select-cont {
      width: 83.333vw;
      margin-bottom: 5.128vw; } }
  .select-cont .select-cont__ttl {
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .select-cont .select-cont__ttl {
        font-size: 18px;
        margin-bottom: 16px; } }
    @media (max-width: 768px) {
      .select-cont .select-cont__ttl {
        font-size: 3.733vw;
        margin-bottom: 2.133vw; } }
    .select-cont .select-cont__ttl--basic {
      color: #ea8187; }
    .select-cont .select-cont__ttl--mesh {
      color: #4f9cce; }
    .select-cont .select-cont__ttl--collabo {
      color: #59aeaa; }

.select-cont-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media screen and (min-width: 769px) {
  .select-cont__thumbs {
    width: 196px;
    margin-right: 1px; } }
@media (max-width: 768px) {
  .select-cont__thumbs {
    width: 33.846vw;
    margin-right: 1vw; } }

.select-cont__txtarea {
  color: #333; }
  @media screen and (min-width: 769px) {
    .select-cont__txtarea {
      width: 235px;
      font-size: 16px; } }
  @media (max-width: 768px) {
    .select-cont__txtarea {
      width: 41.667vw;
      font-size: 3.2vw; } }

.select-explain {
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 769px) {
    .select-explain {
      width: 500px; } }
  @media (max-width: 768px) {
    .select-explain {
      width: 83.333vw; } }
  .select-explain .select-explain__item {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (min-width: 769px) {
      .select-explain .select-explain__item:not(:last-of-type) {
        margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .select-explain .select-explain__item:not(:last-of-type) {
        margin-bottom: 3.205vw; } }
  @media (max-width: 768px) {
    .select-explain .select-explain__detail {
      margin-bottom: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .select-explain .select-explain__detail {
      margin-top: 20px;
      margin-bottom: 30px;
      width: 486px; } }
  .select-explain .select-explain__detail .select-explain__detail-threeway {
    background: #f3f3f3; }
    @media (max-width: 768px) {
      .select-explain .select-explain__detail .select-explain__detail-threeway {
        font-size: 3.077vw;
        border-radius: 2.564vw;
        height: 28.205vw;
        padding: 2.564vw 2.564vw; } }
    @media screen and (min-width: 769px) {
      .select-explain .select-explain__detail .select-explain__detail-threeway {
        letter-spacing: 1.5px;
        line-height: 1.7;
        border-radius: 10px;
        height: 145px;
        padding: 40px 33px; } }
  .select-explain .select-explain__detail .select-explain__detail-annt {
    padding-left: 1em;
    text-indent: -1em; }
    @media (max-width: 768px) {
      .select-explain .select-explain__detail .select-explain__detail-annt {
        font-size: 3.077vw; } }
    @media screen and (min-width: 769px) {
      .select-explain .select-explain__detail .select-explain__detail-annt {
        margin-top: 13px;
        font-size: 12px; } }
  @media screen and (min-width: 769px) {
    .select-explain .select-explain__thumbs {
      width: 230px; } }
  @media (max-width: 768px) {
    .select-explain .select-explain__thumbs {
      width: 39.231vw; } }
  @media screen and (min-width: 769px) {
    .select-explain .select-explain__txtarea {
      width: 250px;
      font-size: 16px;
      line-height: 1.7; } }
  @media (max-width: 768px) {
    .select-explain .select-explain__txtarea {
      width: 41.667vw;
      font-size: 3.077vw;
      line-height: 1.65; } }

.select-movie {
  position: relative;
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .select-movie {
      width: 500px;
      padding-top: 35px; } }
  @media (max-width: 768px) {
    .select-movie {
      width: 83.333vw;
      padding-top: 6.41vw; } }
  .select-movie .select-movie__ttl {
    font-weight: bold;
    text-align: center;
    line-height: 1.4; }
    @media screen and (min-width: 769px) {
      .select-movie .select-movie__ttl {
        border-bottom: solid 3px #f6f171;
        padding: 5px;
        font-size: 18px;
        margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .select-movie .select-movie__ttl {
        border-bottom: solid 3px #f6f171;
        padding-bottom: 0.5vw;
        margin-bottom: 2.133vw;
        font-size: 3.2vw; } }
    .select-movie .select-movie__ttl--mesh {
      border-bottom: solid 3px #4f9cce; }
  @media screen and (min-width: 769px) {
    .select-movie .select-movie__cont {
      height: 275px; } }
  @media (max-width: 768px) {
    .select-movie .select-movie__cont {
      height: 48.533vw; } }
  .select-movie .select-movie__cont.select-movie__cont--okurumi {
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 769px) {
      .select-movie .select-movie__cont.select-movie__cont--okurumi {
        width: 500px;
        height: 281px; } }
    @media (max-width: 768px) {
      .select-movie .select-movie__cont.select-movie__cont--okurumi {
        width: 51.282vw;
        height: 91.154vw; } }

/* comment */
@media screen and (min-width: 769px) {
  .comment-wrap {
    margin-bottom: 60px; } }
@media (max-width: 768px) {
  .comment-wrap {
    margin-bottom: 16.333vw; } }
@media (max-width: 768px) {
  .comment-wrap .dkf__head_msg {
    text-align: center;
    margin-bottom: 4vw;
    font-size: 3.077vw; } }
@media screen and (min-width: 769px) {
  .comment-wrap .dkf__head_msg {
    text-align: center;
    margin-bottom: 20px; } }

.comment__items {
  background-color: #fff; }
  @media screen and (min-width: 769px) {
    .comment__items {
      padding: 25px 30px 30px;
      margin-bottom: 20px;
      border-radius: 6px; } }
  @media (max-width: 768px) {
    .comment__items {
      padding: 3.2vw 4vw 4vw;
      margin-bottom: 2.667vw;
      border-radius: 0.8vw; } }
  .comment__items .comment__ttl {
    color: #26b5bf;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .comment__items .comment__ttl {
        font-size: 18px;
        margin-bottom: 10px;
        background-image: linear-gradient(to right, #26b5bf 30%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 8px 3px;
        background-repeat: repeat-x; } }
    @media (max-width: 768px) {
      .comment__items .comment__ttl {
        font-size: 3.733vw;
        margin-bottom: 2.133vw;
        background-image: linear-gradient(to right, #26b5bf 30%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 2.1vw 0.65vw;
        background-repeat: repeat-x; } }
  .comment__items .comment-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  @media screen and (min-width: 769px) {
    .comment__items .comment__thumbs {
      width: 229px; } }
  @media (max-width: 768px) {
    .comment__items .comment__thumbs {
      width: 39.231vw; } }
  @media screen and (min-width: 769px) {
    .comment__items .comment__txtarea {
      width: 460px; } }
  @media (max-width: 768px) {
    .comment__items .comment__txtarea {
      width: 42.308vw; } }
  @media screen and (min-width: 769px) {
    .comment__items .comment__txt {
      font-size: 16px; } }
  @media (max-width: 768px) {
    .comment__items .comment__txt {
      font-size: 3.2vw; } }
  .comment__items .comment__txt span {
    font-weight: bold;
    padding-left: .1em;
    padding-right: .1em;
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #fff682));
    background: linear-gradient(transparent 60%, #fff682 0); }

@media screen and (min-width: 769px) {
  .scene-wrap {
    margin-bottom: 120px; } }
@media (max-width: 768px) {
  .scene-wrap {
    margin-bottom: 16.333vw; } }
@media screen and (min-width: 769px) {
  .scene-wrap .dkf__head_msg {
    text-align: center;
    margin-bottom: 20px; } }
.scene-wrap .feature-scene {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .scene-wrap .feature-scene {
      width: 500px; } }
  @media (max-width: 768px) {
    .scene-wrap .feature-scene {
      width: 92%; } }
  @media screen and (min-width: 769px) {
    .scene-wrap .feature-scene .feature-scene__ttl {
      border-bottom: solid 3px #f6f171;
      padding: 10px;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .scene-wrap .feature-scene .feature-scene__ttl {
      border-bottom: solid 3px #f6f171;
      margin: 0 0 10px;
      padding: 5px 10px;
      text-align: center;
      font-size: 4vw;
      font-weight: bold;
      line-height: 1.4; } }
  @media screen and (min-width: 769px) {
    .scene-wrap .feature-scene .feature-scene__cont {
      height: 275px;
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .scene-wrap .feature-scene .feature-scene__cont {
      height: 48.533vw;
      margin-bottom: 2.564vw; } }
  .scene-wrap .feature-scene .feature-scene__note {
    position: relative;
    padding-left: 1.1em; }
    @media screen and (min-width: 769px) {
      .scene-wrap .feature-scene .feature-scene__note {
        font-size: 14px; } }
    @media (max-width: 768px) {
      .scene-wrap .feature-scene .feature-scene__note {
        font-size: 2.821vw; } }
    .scene-wrap .feature-scene .feature-scene__note::before {
      content: "※";
      position: absolute;
      left: 0; }

@media screen and (min-width: 769px) {
  .cmn_include__wrp {
    margin-bottom: 60px !important; } }

@media (max-width: 768px) {
  .feature-btn {
    width: 80% !important;
    margin: 12px auto 0 !important; } }
@media screen and (min-width: 769px) {
  .feature-btn {
    margin-top: -40px !important; } }

/* history */
@media screen and (min-width: 769px) {
  .history-wrap {
    margin-bottom: 45px; } }
@media (max-width: 768px) {
  .history-wrap {
    margin-bottom: 6.933vw; } }

.history__ttl {
  text-align: center;
  font-weight: bold;
  color: #26b5bf; }
  @media screen and (min-width: 769px) {
    .history__ttl {
      font-size: 26px;
      line-height: 1.45;
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .history__ttl {
      font-size: 4.8vw;
      line-height: 1.4;
      margin-bottom: 2.308vw; } }

.js-more__fade.is__gray {
  background: linear-gradient(to top, #f3f3f3, white, rgba(255, 255, 255, 0)) !important; }

@media screen and (min-width: 769px) {
  .js-more__wrp.is__feature {
    height: 336px; } }
@media (max-width: 768px) {
  .js-more__wrp.is__feature {
    height: 60.8vw; } }
.js-more__wrp.is__feature.is__open {
  height: auto !important; }

@media screen and (min-width: 769px) {
  .js-more__wrp.is__comment {
    height: 1145px; } }
@media (max-width: 768px) {
  .js-more__wrp.is__comment {
    height: 205vw; } }
.js-more__wrp.is__comment.is__open {
  height: auto !important; }

@media screen and (min-width: 769px) {
  .js-more__wrp.is__history {
    height: 900px; } }
@media (max-width: 768px) {
  .js-more__wrp.is__history {
    height: 155vw; } }
.js-more__wrp.is__history.is__open {
  height: auto !important; }

@media (max-width: 768px) {
  .dkf-lead {
    width: 100vw; } }
@media screen and (min-width: 769px) {
  .dkf-lead {
    width: 780px; } }
.dkf-lead .dkf-lead_ttl {
  font-weight: bold;
  text-align: center; }
  @media (max-width: 768px) {
    .dkf-lead .dkf-lead_ttl {
      font-size: 5.128vw;
      line-height: 1.4; } }
  @media screen and (min-width: 769px) {
    .dkf-lead .dkf-lead_ttl {
      font-size: 24px; } }
@media (max-width: 768px) {
  .dkf-lead .dkf-lead_img_area {
    margin: 3.846vw auto 2.564vw auto; } }
@media screen and (min-width: 769px) {
  .dkf-lead .dkf-lead_img_area {
    margin: 20px auto 15px auto; } }
.dkf-lead .dkf-lead_offer {
  position: relative;
  padding-left: 1em; }
  @media (max-width: 768px) {
    .dkf-lead .dkf-lead_offer {
      font-size: 3.077vw;
      line-height: 1.4;
      width: 89.744vw;
      margin: 0 auto; } }
  @media screen and (min-width: 769px) {
    .dkf-lead .dkf-lead_offer {
      font-size: 14px;
      line-height: 1.5; } }
  .dkf-lead .dkf-lead_offer::before {
    position: absolute;
    content: "※";
    left: 0; }

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