@charset "utf-8";



/**
 * ワンダー改修 2019072901
 */

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?q7un3r');
  src:  url('fonts/icomoon.eot?q7un3r#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?q7un3r') format('truetype'),
    url('fonts/icomoon.woff?q7un3r') format('woff'),
    url('fonts/icomoon.svg?q7un3r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon_"], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon_cart_1:before {
  content: "\e900";
}

body {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

#container {
  overflow: hidden;
}

#main {
  min-width: auto;
}

img{
 /* -webkit-backface-visibility: hidden !important; */
 /* backface-visibility: hidden !important; */
}

/**
 * メインビジュアル
 * /wonder_eyelid/
 */

.wonder_mainVisual_01 {
  position: relative;
  text-align: center;
  z-index: 1;
}

.wonder_mainVisual_01 > * {
  position: relative;
  z-index: 2;
}

.wonder_mainVisual_01 img {
  height: auto;
  vertical-align: top;
  width: 100%;
  max-width: 1360px;
}

.wonder_mainVisual_01:before,
.wonder_mainVisual_01:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 1;
}

.wonder_mainVisual_01:before {
  background: #1d2088;
  left: 0;
}

.wonder_mainVisual_01:after {
  background: #00a1e8;
  right: 0;
}

.wonder_mainVisual_01 .wonder_mainVisual_navi {
  /* border: 1px solid red; */
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.wonder_mainVisual_01 .wonder_mainVisual_navi {
  display: flex;
  justify-content: center;
  position: absolute;
  right: -67.1%;
  right: calc(-100% - 234px);
  /* margin-left: -10%; */
  top: calc(100% - 78px);
  top: 71.8%;
  width: 200%;
  width: 300%;
  z-index: 2;
}

.wonder_mainVisual_01 .wonder_mainVisual_navi a {
  border: 1px solid #1d2088;
  color: #1d2088;
  display:block;
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 5px;
  text-decoration: none;
  text-align: center;
  width: 80px;
}

body.ie11 .wonder_mainVisual_01 .wonder_mainVisual_navi a {
  line-height: 225%;
}

.wonder_mainVisual_01 .wonder_mainVisual_current a {
  background: #1d2088;
  color: #fff;
}

@media (min-width: 851px) {

  .wonder_mainVisual_01 .wonder_mainVisual_navi a {
    transition: background .5s, color .5s;
  }

  .wonder_mainVisual_01 .wonder_mainVisual_navi a:hover {
    background: #1d2088;
    color: #fff;
  }
}

@media (max-width: 1380px) {

  .wonder_mainVisual_01 .wonder_mainVisual_navi {
    /* right: -117.1%; */
    /* top: 84.4%; */
  }
}

@media (max-width: 850px) {

  .wonder_mainVisual_01:before,
  .wonder_mainVisual_01:after {
    display: none;
  }

  .wonder_mainVisual_01 .wonder_mainVisual_navi {
    /* bottom: 0; */
    /* left: auto; */
    font-size: 14px;
    right: 50%;
    top: calc(100% - 12vw);
    top: calc(100% + 15px);
    transform: translateX(50%);
    width: 100%;
  }

  .wonder_mainVisual_01 .wonder_mainVisual_navi a {
    font-size: 11px;
    font-size: 2.93vw;
    font-size: 15px;
    height: 6.66vw;
    height: 30px;
    line-height: 6.66vw;
    line-height: 28px;
    margin-left: 5px;
    /* margin-left: .47vw; */
    margin-right: 5px;
    /* margin-right: .47vw; */
    width: 75px;
    width: 20vw;
    width: 96px;
  }
}

@media (max-width: 480px) {

  .wonder_mainVisual_01 .wonder_mainVisual_navi a {
    font-size: 2.93vw;
    height: 6.66vw;
    line-height: 6.66vw;
    margin-left: 1vw;
    margin-right: 1vw;
    width: 20vw;
  }
}



/**
 * ボックス 1
 * /wonder_eyelid/
 */

/*.wonder_boxx_01 {
  margin: 35px 0 0;
}

.wonder_boxx_01 .wonder_boxx_inner {
}

.wonder_boxx_01 .wonder_boxx_row {
  display: flex;
  margin: 0 0 -14px -14px;
  width: calc(100% + 14px);
}

.wonder_boxx_01 .wonder_boxx_items {
  margin: 0 0 14px 14px;
  width: calc(24.99% - 14px);
}

.wonder_boxx_01 .wonder_boxx_row:nth-child(1) {
  margin-bottom: 0;
}

.wonder_boxx_01 .wonder_boxx_row:nth-child(1) .wonder_boxx_items {
  border-radius: 8px;
  padding: 8px;
  text-align: center;
}

.wonder_boxx_01 .wonder_boxx_row:nth-child(1) .wonder_boxx_items:nth-child(1) {
  background: #e6f6fc;
  color: #1d2088;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  width: 75%;
}

.wonder_boxx_01 .wonder_boxx_row:nth-child(1) .wonder_boxx_items:nth-child(1) span {
  background: #1d2088;
  border-radius: 100px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 0 12px;
  padding: 3px 15px;
  vertical-align: middle;
}

.wonder_boxx_01 .wonder_boxx_row:nth-child(1) .wonder_boxx_items:nth-child(2) {
  background: #e4f8ec;
  color: #2b7c4c;
  font-weight: bold;
  line-height: 1;
  width: calc(24.4% - 14px);
}

.wonder_boxx_01 .wonder_boxx_row:nth-child(1) .wonder_boxx_items:nth-child(2) span {
  background: #2b7c4c;
  border-radius: 100px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 0 12px;
  padding: 3px 15px;
  vertical-align: middle;
}

.wonder_boxx_01 .wonder_boxx_row:nth-child(2) {
}*/


@charset "utf-8";


/*html {
  height:100%;
  margin:0px;
  padding:0px;
}

body {
  height:100%;
  margin: 0px;
  padding: 0px;
}

#navigation {
  height: 0px;
  border-top: 6px solid #9A0A09;
  width: 100%;
}

.fixed{
  position:fixed;
}

#container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: -65px;
  padding-left: 0px;
  background-color: #FFFFFF;
}
#main {
  width: 700px;
  float: left;
}
#side {
  width: 260px;
  float: left;
  height: 100%;
}
.side_contents {
  margin-right: auto;
  margin-left: auto;
  width: 230px;
  margin-top: 9px;
}
#footer {
  bottom: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin: 0px;
  width: 960px;
  height: 65px;
  clear: both;
}
p {
  margin-left: 13px;
  margin-top: 40px;
  margin-bottom: 40px;
  line-height: 25px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: small;
}
p.na {
  font-weight: bold;
}
.h {
  margin-top: 40px;
  margin-bottom: 40px;
}
.oshi {
  background-color: #f8cfc9;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 0.6em;
  padding-top: 3px;
  padding-bottom: 3px;
}
.huyu {
  background-color: #cbf1fa;
  margin-right: 0.6em;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 5px;
  padding-left: 5px;
}
.pic {
  width: 195px;
  height: 259px;
  float: right;
  text-align: right;
}
#hukidashi {
  width: 109px;
  height: 85px;
  float: right;
  margin-bottom: -20px;
}
#main_btn {
  width: 700px;
  height: 264px;
}
#btn_blue {
  float: left;
  margin-top: 195px;
  margin-left: 59px;
}
#btn_red {
  float: right;
  margin-top: 195px;
  margin-right: 66px;
}
#main img {
  vertical-align: bottom;
}*/



/**
 * ワンダー改修 20190729
 */

body {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

body,
*,
:before,
:after {
  box-sizing: border-box;
}



/**
 * メインビジュアル
 * /wonder_eyelid/
 */

.wonder_mainVisual_01 {
  background: #f5f6f6;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1;
}

.wonder_mainVisual_01 > * {
  position: relative;
  z-index: 2;
}

.wonder_mainVisual_01 img {
  height: auto;
  vertical-align: top;
  width: 100%;
  max-width: 1360px;
}

.wonder_mainVisual_01:before,
.wonder_mainVisual_01:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 1;
}

.wonder_mainVisual_01:before {
  background: #f5f6f6;
  left: 0;
}

.wonder_mainVisual_01:after {
  background: #f5f6f6;
  right: 0;
}

@media (max-width: 850px) {

  .wonder_mainVisual_01 {
    overflow: visible;
  }

  .wonder_mainVisual_01:before,
  .wonder_mainVisual_01:after {
    display: none;
  }
}



.product_desc .link_zone{
  text-align:center;
  
}
.product_desc .button{
  display:block;
  margin:0 auto;
  background:#ffffff;
  max-width:219px;
  padding:8px 10px;
  font-size:90%;
  text-align:center;
  border:solid 1px #000000;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
  
}
.product_desc .button span{
  display:inline-block;
  position:relative;
  padding-left:33px;
  padding-right:10px;
  font-family:"Century Gothic",CenturyGothic,'Muli',sans-serif;
  text-align:center;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.product_desc .button span:before{
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    width: 17px;
    background-image: url(../img/products/prod_cart.png);
    background-repeat: no-repeat;
  -webkit-transition:opacity 0.2s ease-out;
  transition:opacity 0.2s ease-out;

}
.product_desc .button span:after{
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    width: 17px;
    background-image: url(../img/products/prod_cart_white.png);
    background-repeat: no-repeat;
    opacity: 0;
  -webkit-transition:opacity 0.2s ease-out;
  transition:opacity 0.2s ease-out;
}




/**
 * 見出し 1
 * /wonder_eyelid/
 */

.wonder_title_01 {
  margin: 60px auto 25px;
}

.wonder_title_01 .wonder_title_main {
  color: #1d2088;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 40px;
  line-height: 32px;
  margin: 12px 0 0;
  text-align: center;
}

.wonder_title_01 .wonder_title_main b {
  color: #1d2088;
  font-weight: 500;
}

.wonder_title_01 .wonder_title_sub {
  color: #1d2088;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 1;
  margin: 20px 0 0;
  text-align: center;
}

@media (max-width: 850px) {

  .wonder_title_01 {
    margin-top: 40px;
    margin-bottom: 10px;
  }

  .wonder_title_01 .wonder_title_main {
    font-size: 24px;
    line-height: 34px;
    margin-top: 10px;
  }

  .wonder_title_01 .wonder_title_main b {
    line-height: 1;
  }

  .wonder_title_01 .wonder_title_sub {
    font-size: 12px;
    letter-spacing: normal;
  }

  .how_to_list + .wonder_title_01 {
    margin-top: 20px;
    margin-bottom: 25px;
  }
}



/**
 * 見出し 4
 * /wonder_eyelid/
 */

.wonder_title_02 {
  margin: 75px auto 30px;
}

.wonder_title_02 .wonder_title_main {
  color: #1d2088;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 30px;
  margin: 10px 0 0;
  text-align: center;
}

@media (max-width: 850px) {

  .wonder_title_02 {
    margin-bottom: 15px;
    margin-top: 10px;
  }

  .wonder_title_02 .wonder_title_main {
    color: #1d2088;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 24px;
    margin: 10px 0 0;
    text-align: center;
  }

}



/**
 * .wonder_title_01.type_a
 * /wonder_eyelid/
 */

.wonder_title_01.type_a {
  margin: 100px auto 40px;
}

.wonder_title_01.type_a .wonder_title_sub {
  color: #1d2088;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.wonder_title_01.type_a .wonder_title_sub span {
  background: #1d2088;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 16.9px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 3px 20px;
  padding: 6px 20px 5px;
  vertical-align: middle;
}

.wonder_title_01.type_a .wonder_title_main {
  margin: 25px 0 0;
}

@media (max-width: 850px) {

  .wonder_title_01.type_a {
    margin-bottom: 10px;
    margin-top: 45px;
  }

  .wonder_title_01.type_a .wonder_title_sub {
    font-size: 12px;
  }

  .wonder_title_01.type_a .wonder_title_sub span {
    font-size: 10px;
    margin: 0 0 0 8px;
    padding: 4px 9px;
  }

  .wonder_title_01.type_a .wonder_title_main {
    margin-top: 10px;
  }
}



/**
 * .wonder_title_01.type_b
 * /wonder_eyelid/
 */

.wonder_title_01.type_b {
}

.wonder_title_01.type_b .wonder_title_main {
  margin-top: 0;
}

.wonder_title_01.type_b .wonder_title_sub {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  /* margin-top: 2px; */
}

@media (max-width: 850px) {

  .wonder_title_01.type_b .wonder_title_main {
    margin-top: 0;
    font-size: 36px;
  }
  
  .wonder_title_01.type_b .wonder_title_sub {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 2px;
  }
}




/**
 * .wonder_title_01.type_c
 * /wonder_eyelid/
 */

.wonder_title_01.type_c {
  margin: 120px auto 25px;
}

.wonder_title_01.type_c .wonder_title_sub {
  color: #2b7c4c;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.wonder_title_01.type_c .wonder_title_sub span {
  background: #2b7c4c;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 16.9px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 3px 20px;
  padding: 6px 20px 5px;
  vertical-align: middle;
}

.wonder_title_01.type_c .wonder_title_main {
  color: #2b7c4c;
  margin: 25px 0 0;
}

@media (max-width: 850px) {

  .wonder_title_01.type_c {
    margin-bottom: 15px;
    margin-top: 50px;
  }

  .wonder_title_01.type_c .wonder_title_sub {
    font-size: 12px;
  }

  .wonder_title_01.type_c .wonder_title_sub span {
    font-size: 10px;
    margin-left: 5px;
    margin-top: 1px;
    padding: 4px 10px 3px;
  }

  .wonder_title_01.type_c .wonder_title_main {
    font-size: 24px;
    line-height: 34px;
    margin-top: 8px;
  }
}



/**
 * .wonder_title_01.type_d
 * /wonder_eyelid/
 */

.wonder_title_01.type_d {
  margin-bottom: 40px;
  margin-top: 70px;
}

.wonder_title_01.type_d .extend_01 {
  color: #2b7c4c;
  margin-top: 0;
}

.wonder_title_01.type_d .extend_02 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  /* margin-top: 2px; */
}

@media (max-width: 850px) {
  
  .wonder_title_01.type_d .extend_01 {
    color: #2b7c4c;
    font-size: 36px;
    margin-top: 0;
  }

  .wonder_title_01.type_d .extend_02 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
  }
}



/**
 * ボックス 1
 * /wonder_eyelid/
 */

.wonder_boxx_01 {
}

.wonder_boxx_01 > .wonder_boxx_inner {
  display: flex;
  margin: 0 0 -15px -15px;
  width: calc(100% + 15px);
}

.wonder_boxx_01 .wonder_boxx_col:nth-child(1) {
  margin: 0 0 15px 15px;
  width: calc(75% - 15px);
}
.wonder_boxx_01 .wonder_boxx_col:nth-child(2) {
  margin: 0 0 15px 15px;
  width: calc(24.99% - 15px);
}

.wonder_boxx_01 .wonder_boxx_col .wonder_boxx_item img {
  height: auto;
  vertical-align: top;
  width: 100%;
  /* max-width: 240px; */
}

.wonder_boxx_01 .wonder_boxx_col .wonder_boxx_item a {
  display: block;
}

.wonder_boxx_01 .wonder_boxx_col .wonder_boxx_item {
  display: flex;
  margin: 14px 0 -14px -13px;
  width: calc(100% + 14px);
}

.wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title {
  background: #e6f6fc;
  border-radius: 8px;
  padding: 9px 0 7px;
  text-align: center;
}

.wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title span:nth-child(1) {
  color: #1d2088;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title span:nth-child(2) {
  background: #1d2088;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: -2px 0 0 12px;
  padding: 5px 15px;
  vertical-align: middle;
}

.wonder_boxx_01 .wonder_boxx_col .wonder_boxx_item .wonder_boxx_image {
  margin: 0 0 14px 14px;
  width: calc(33.3% - 14px);
}

.wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title {
  background: #e4f8ec;
  border-radius: 8px;
  padding: 9px 0 7px;
  text-align: center;
}

.wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title span:nth-child(1) {
  color: #2b7c4c;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title span:nth-child(2) {
  background: #2b7c4c;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: -2px 0 0 12px;
  padding: 5px 15px;
  vertical-align: middle;
}

.wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_item .wonder_boxx_image {
  margin: 0 0 12px 12px;
  width: calc(100% - 12px);
}

@media (min-width: 851px) {

  .wonder_boxx_01 .wonder_boxx_image a {
    display: block;
    transition: opacity .6s;
  }

  .wonder_boxx_01 .wonder_boxx_image a:hover {
    opacity: .65;
  }
}

@media (max-width: 1100px) {

  .wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title span:nth-child(1) {
    display: block
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title span:nth-child(2) {
    margin-left: 0;
    margin-top: 2px;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title span:nth-child(1) {
    display: block
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title span:nth-child(2) {
    margin-left: 0;
    margin-top: 2px;
  }
} 

@media (max-width: 850px) {

  .wonder_boxx_01 > .wonder_boxx_inner {
    flex-flow: row wrap;
    margin: 0 0 -15px -15px;
    width: calc(100% + 15px);
  }

  .wonder_boxx_01 .wonder_boxx_col .wonder_boxx_item {
    flex-flow: row wrap;
    margin: 14px 0 -7px -14px;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(n) {
    margin: 0 0 15px 15px;
    width: 100%;
  }

  .wonder_boxx_01 .wonder_boxx_col .wonder_boxx_item .wonder_boxx_image {
    margin: 0 0 7px 14px;
    width: calc(100% - 14px);
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title {
    padding: 5px 0 6px;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title span:nth-child(n) {
    display: inline-block;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title span:nth-child(1) {
    font-size: 12px;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(1) .wonder_boxx_title span:nth-child(2) {
    font-size: 10px;
    margin-left: 3px;
    padding: 5px 8px 4px;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title {
    padding: 5px 0 6px;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title span:nth-child(n) {
    display: inline-block;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title span:nth-child(1) {
    font-size: 12px;
  }

  .wonder_boxx_01 .wonder_boxx_col:nth-child(2) .wonder_boxx_title span:nth-child(2) {
    font-size: 10px;
    margin-left: 3px;
    padding: 5px 8px 4px;
  }
}



/**
 * ボックス 2
 * /wonder_eyelid/
 */

.wonder_boxx_02 {
  background: #e6f6fc;
  border-radius: 10px;
  margin: 50px auto 0;
  padding: 35px 60px;
  width: 100%;
  max-width: 800px;
}

.wonder_boxx_02 .wonder_boxx_header {
  text-align: center;
}

.wonder_boxx_02 .wonder_boxx_main {
  margin: 25px auto 0;
  width: 100%;
  max-width: 620px;
}

.wonder_boxx_02 .wonder_boxx_footer {
}

.wonder_boxx_02 .wonder_boxx_inner {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 -70px -72px;
  width: calc(100% + 72px);
}

.wonder_boxx_02 .wonder_boxx_inner > * {
  margin: 0 0 70px 70px;
  width: calc(49.99% - 70px);
}

.wonder_boxx_02 .wonder_boxx_title {
}

.wonder_boxx_02 .wonder_boxx_text {
  margin: 15px 0 0;
}

.wonder_boxx_02 .wonder_boxx_item {
  position: relative;
  z-index: 1;
}

.wonder_boxx_02 .wonder_boxx_image {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 280px;
}

.wonder_boxx_02 .wonder_boxx_image img {
  border: 11px solid #fff;
  height: auto;
  vertical-align: top;
  width: 100%;
}

.wonder_boxx_02 .wonder_boxx_baloon {
  height: auto;
  left: 50%;
  margin-left: -180px;
  position: absolute;
  top: -10px;
  width: 145px;
  z-index: 1;
}

.wonder_boxx_02 .wonder_boxx_baloon img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

.wonder_boxx_02 .wonder_boxx_arrow {
  color: #1d2088;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
  position: absolute;
  right: -58px;
  top: 18%;
  z-index: 1;
}

.wonder_boxx_02 .wonder_boxx_arrow:before {
  border-top: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #1d2088;
  content: "";
  display: block;
  left: 12px;
  position: absolute;
  top: 40px;
  z-index: 1;
}

/* 個別 */
.wonder_boxx_02 .wonder_boxx_header .wonder_boxx_title {
  color: #1d2088;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 30px;
  font-weight: inherit;
  line-height: 40px;
  margin: 0px 0 12px;
  text-align: center;
}

.wonder_boxx_02 .wonder_boxx_header .wonder_boxx_text,
.wonder_boxx_02 .wonder_boxx_header .wonder_boxx_text b {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}

.wonder_boxx_02 .wonder_boxx_header .wonder_boxx_text b {
  color: #1d2088;
  font-weight: bold;
}

@media (max-width: 850px) {

  .wonder_boxx_02 {
    margin-top: 30px;
    padding: 35px 20px;
    padding: 35px;
  }

  .wonder_boxx_02 .wonder_boxx_header .wonder_boxx_title {
    color: #1d2088;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 24px;
    font-weight: inherit;
    line-height: 20px;
    margin: 0 0 12px;
    text-align: center;
  }

  .wonder_boxx_02 .wonder_boxx_main {
    margin: 25px auto 0;
    width: 100%;
    max-width: none;
  }

  .wonder_boxx_02 .wonder_boxx_inner {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 -70px -72px;
    width: calc(100% + 72px);
  }

  .wonder_boxx_02 .wonder_boxx_inner > * {
    margin: 0 0 70px 70px;
    width: calc(100% - 70px);
  }

  .wonder_boxx_02 .wonder_boxx_title {
  }

  .wonder_boxx_02 .wonder_boxx_arrow {
    /* color: #1d2088; */
    font-size: 12px;
    /* font-weight: bold; */
    /* letter-spacing: -1px; */
    position: absolute;
    right: 50%;
    top: 106%;
    text-align: center;
    transform: translateX(50%);
    width: 50px;
    z-index: 1;
  }

  .wonder_boxx_02 .wonder_boxx_arrow:before {
    border-top: 20px solid #1d2088;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid transparent;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 20px;
    z-index: 1;
  }

  .wonder_boxx_02 .wonder_boxx_text {
    margin: 15px 0 0;
    text-align: left;
  }

  .wonder_boxx_02 .wonder_boxx_header .wonder_boxx_text,
  .wonder_boxx_02 .wonder_boxx_header .wonder_boxx_text b {
    /* font-size: 12px; */
    line-height: 22.4px;
  }

  .wonder_boxx_02 .wonder_boxx_baloon {
    left: 50%;
    margin-left: -140px;
    position: absolute;
    top: -10px;
    width: 105px;
    z-index: 1;
  }

  .wonder_boxx_02 .wonder_boxx_baloon img {
    height: auto;
    vertical-align: top;
    width: 100%;
  }
}



/**
 * ボックス 2 タイプ A
 * /wonder_eyelid/
 */

.wonder_boxx_02.type_a {
  background: #e9fff2;
  margin-top: 65px;
  padding-left: 30px;
  padding-right: 30px;
}

.wonder_boxx_02.type_a .wonder_boxx_title {
  color: #2b7c4c;
  line-height: 30px;
}

.wonder_boxx_02.type_a .wonder_boxx_inner {
  justify-content: center;
}

.wonder_boxx_02.type_a .wonder_boxx_baloon {
  height: auto;
  left: auto;
  right: -138px;
  top: 18px;
  width: 223px;
}

.wonder_boxx_02.type_a .wonder_boxx_text {
  font-size: 16px;
  line-height: 26px;
  margin-left: -50%;
  text-align: center;
  width: 200%;
}

.wonder_boxx_02.type_a .wonder_boxx_text,
.wonder_boxx_02.type_a .wonder_boxx_text * {
  font-weight: bold;
}

.wonder_boxx_02.type_a .wonder_boxx_text span {
  color: #2b7c4c;
}

@media (max-width: 850px) {

  .wonder_boxx_02.type_a {
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .wonder_boxx_02.type_a .wonder_boxx_main {
    margin-top: 20px;
  }

  .wonder_boxx_02.type_a .wonder_boxx_baloon {
    display: block;
    left: auto;
    margin-left: auto;
    margin-right: -140px;
    right: 50%;
    top: 10px;
    width: 115px;
  }

  .wonder_boxx_02.type_a .wonder_boxx_baloon img {
    height: auto;
    vertical-align: top;
    width: 100%;
  }

  .wonder_boxx_02.type_a .wonder_boxx_text {
    margin-left: 0;
    width: 100%;
  }

  .wonder_boxx_02 .wonder_boxx_image {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 206px;
  }

  .wonder_boxx_02 .wonder_boxx_image img {
    border: 5px solid #fff;
  }
}



/**
 * ボックス 3
 * /wonder_eyelid/
 */

.wonder_boxx_03 {
}

.wonder_boxx_03 .wonder_boxx_header {
  margin: 0 0 20px;
  text-align: center;
}

.wonder_boxx_03 .wonder_boxx_main {
  margin: 25px auto 0;
  position: relative;
  width: 100%;
  max-width: 620px;
  z-index: 1;
}

.wonder_boxx_03 .wonder_boxx_footer {
}

.wonder_boxx_03 .wonder_boxx_inner {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 -20px -20px;
  width: calc(100% + 20px);
}

.wonder_boxx_03 .wonder_boxx_inner > * {
  margin: 0 0 30px 30px;
  width: calc(49.99% - 30px);
}

.wonder_boxx_03 .wonder_boxx_inner > *:nth-child(odd) {
  margin: 0 0 20px 20px;
  width: calc(100% - 280px);
}

.wonder_boxx_03 .wonder_boxx_inner > *:nth-child(even) {
  margin: 0 0 20px 20px;
  width: 240px;
}

.wonder_boxx_03 .wonder_boxx_text {
}

.wonder_boxx_03 .wonder_boxx_item {
}

.wonder_boxx_03 .wonder_boxx_image {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 280px;
}

.wonder_boxx_03 .wonder_boxx_image img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

.wonder_boxx_03 .wonder_boxx_title {
}

.wonder_boxx_03 .wonder_boxx_sentence {
  font-size: 14px;
  line-height: 24px;
  margin-top: 8px;
}

.wonder_boxx_03 .wonder_boxx_tip {
  /* align-items: center; */
  background: #fbf3f3;
  border-radius: 3px;
  color: #e60d73;
  display: flex;
  font-size: 13px;
  left: 0;
  line-height: 20px;
  margin: -10px 0 0 0;
  padding: 12px 15px 6px 20px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
}

.wonder_boxx_03 .wonder_boxx_tip b {
  color: #e60d73;
  font-size: 18px;
  font-weight: bold;
  margin: -6px 20px 0 0;
}

.wonder_boxx_03 .wonder_boxx_baloon {
  left: -45px;
  position: absolute;
  top: -10px;
  z-index: 1;
}

.wonder_boxx_03 .wonder_boxx_arrow {
  color: #1d2088;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
  position: absolute;
  right: -58px;
  top: 18%;
  z-index: 1;
}

.wonder_boxx_03 .wonder_boxx_arrow:before {
  border-top: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #1d2088;
  content: "";
  display: block;
  left: 12px;
  position: absolute;
  top: 40px;
  z-index: 1;
}

/* 個別 */
.wonder_boxx_03 .wonder_boxx_header .wonder_boxx_title {
  background: #1d2088;
  border-radius: 100px;
  color: #fff;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, "Muli", sans-serif;
  font-size: 19px;
  font-weight: bold;
  line-height: 19px;
  padding: 6px 10px 5px;
  text-align: center;
}

body.iphone .wonder_boxx_03 .wonder_boxx_header .wonder_boxx_title,
body.ipad .wonder_boxx_03 .wonder_boxx_header .wonder_boxx_title,
body.android .wonder_boxx_03 .wonder_boxx_header .wonder_boxx_title {
  padding: 11px 10px 5px;
}

.wonder_boxx_03 .wonder_boxx_header .wonder_boxx_text {
  font-size: 16px;
  line-height: 22px;
}

.wonder_boxx_03 .wonder_boxx_header .wonder_boxx_text b {
  color: #1d2088;
  font-weight: bold;
}

.wonder_boxx_03 .wonder_boxx_main .wonder_boxx_title {
  color: #1d2088;
  font-size: 16px;
  font-weight: bold;
  margin: 12px 0 0;
}

@media (max-width: 1080px) {

  .wonder_boxx_03 .wonder_boxx_inner {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 -20px -20px;
    width: calc(100% + 20px);
  }

  .wonder_boxx_03 .wonder_boxx_inner > * {
    margin: 0 0 30px 30px;
    width: calc(49.99% - 30px);
  }

  .wonder_boxx_03 .wonder_boxx_inner > *:nth-child(odd) {
    margin: 0 0 20px 20px;
    width: 170px;
  }

  .wonder_boxx_03 .wonder_boxx_inner > *:nth-child(even) {
    margin: 0 0 20px 20px;
    width: calc(100% - 210px);
  }
}
 
@media (max-width: 850px) {

  .wonder_boxx_03 .wonder_boxx_header {
    margin-bottom: 5px;
  }

  .wonder_boxx_03 .wonder_boxx_main {
    margin-top: 5px;
    max-width: none;
  }

  .wonder_boxx_03 .wonder_boxx_inner {
    /* display: flex; */
    /* flex-flow: row wrap; */
    margin: 0 0 -15px -20px;
    /* width: calc(100% + 20px); */
  }

  .wonder_boxx_03 .wonder_boxx_inner > * {
    margin: 0 0 30px 30px;
    width: calc(100% - 30px);
  }

  .wonder_boxx_03 .wonder_boxx_inner > *:nth-child(n) {
    margin: 0 0 15px 20px;
    width: calc(100% - 15px);
  }

  .wonder_boxx_03 .wonder_boxx_text {
    /* text-align: center; */
  }

  .wonder_boxx_03 .wonder_boxx_image {
    max-width: none;
  }

  .wonder_boxx_03 .wonder_boxx_main .wonder_boxx_title {
    color: #1d2088;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 12px 0 0;
  }

  .wonder_boxx_03 .wonder_boxx_sentence {
    font-size: 13px;
    line-height: 20px;
  }

  .wonder_boxx_03 .wonder_boxx_tip {
    background: none;
    border: 1px solid #e60d73;
    border-radius: 0;
    font-size: 11px;
    line-height: 15px;
    margin-top: 10px;
    padding: 7px 7px 5px 7px;
    position: static;
  }

  .wonder_boxx_03 .wonder_boxx_tip b {
    font-size: 11px;
    margin-right: 10px;
    margin-top: -2px;
  }
}



/**
 * ボックス 3 タイプ A
 * /wonder_eyelid/
 */

.wonder_boxx_03.type_a .extend_01 {
  background: #2b7c4c;
}

.wonder_boxx_03.type_a .extend_02 {
  color: #2b7c4c;
}



/**
 * ボックス 図面 1
 * /wonder_eyelid/
 */

.wonder_boxx_figure_01 {
}

.wonder_boxx_figure_01 > .wonder_boxx_inner {
  display: flex;
  justify-content: space-between;
  /* margin: 0 0 -70px -70px; */
  /* width: calc(100% + 70px); */
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item {
  /* margin: 0 0 70px 70px; */
  /* width: calc(49.99% - 70px); */
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) {
  /* width: calc(57.22% - 70px); */
  width: calc(100% - 440px);
  width: 55%;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) {
  background: #11502a;
  border-radius: 8px;
  padding: 20px 20px 25px;
  /* width: calc(42.77% - 70px); */
  width: 370px;
}

.wonder_boxx_figure_01 .wonder_boxx_image {
}

.wonder_boxx_figure_01 .wonder_boxx_text {
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(1) {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 18px;
  text-align: right;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(1) b {
  border-bottom: 2px solid #ffff00;
  color: #ffff00;
  display: inline-block;
  font-size: 30px;
  line-height: 40px;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(2) {
  margin: 8px -40px 0 40px;
  text-align: center;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 18px;
  right: 45%;
  position: absolute;
  top: 215px;
  z-index: 1;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) > span:nth-child(1) {
  color: #ffff00;
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 20px;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) > span:nth-child(3) {
  border-bottom: 2px solid #ffff00;
  color: #ffff00;
  display: block;
  font-size: 30px;
  line-height: 24px;
  padding: 2px 0 8px;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(4) {
  margin: 60px 0 0;
  text-align: right;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(4) img {
  border: 2px solid #fff;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(1) {
  text-align: center;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(1) > *:nth-child(1) {
  background: #318252;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  padding: 2px;
  text-align: center;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(1) > *:nth-child(2) {
  color: #ffff;
  font-size: 18px;
  padding: 10px 30px;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) > *:nth-child(1) {
  font-size: 18px;
  line-height: 40px;
  margin: 0 auto;
  padding: 0 32px 0 0;
  padding: 10px 35px;
  text-align: center;
  width: 100%;
}

.wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) span {
  border-bottom: 2px solid #ffff00;
  color: #ffff00;
  font-size: 30px;
  line-height: 40px;
}

@media (max-width: 1080px) {

  .wonder_boxx_figure_01 > .wonder_boxx_inner {
    /* display: flex; */
    /* margin: 0 0 -6.48vw -6.48vw; */
    /* width: calc(100% + 6.48vw); */
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item {
    /* margin: 0 0 6.48vw 6.48vw; */
    width: calc(49.99% - 6.48vw);
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) {
    text-align: center;
    /* width: calc(57.22% - 6.48vw); */
    width: calc(100% - 370px);
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) {
    background: #11502a;
    border-radius: 8px;
    padding: 20px 20px 25px;
    /* width: calc(42.77% - 6.48vw); */
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(1) {
    /* border: 1px solid yellow; */
    text-align: center;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(1) span {
    display: block;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(2) {
    /* border: 1px solid yellow; */
    margin-left: 0;
    margin-right: 0;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) {
    /* border: 1px solid red; */
    display: inline-block;
    /* margin: 0 auto; */
    margin-top: 30px;
    position: static;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(4) {
    /* border: 1px solid yellow; */
    margin-top: 20px;
    text-align: center;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(1) > *:nth-child(2) {
    padding: .925vw 2.77vw;
    /* background: red; */
  }
}

@media (max-width: 850px) {

  .wonder_boxx_figure_01 > .wonder_boxx_inner {
    flex-flow: row wrap;
    width: calc(100% + 6.48vw);
    width: 100%;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item {
    width: calc(100% - 6.48vw);
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) {
    margin-bottom: 20px;
    /* width: calc(100% - 6.48vw); */
    width: 100%;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) {
    border-radius: 5px;
    padding: 10px;
    text-align: left;
    width: calc(100% - 6.48vw);
    width: 100%;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(1) {
    font-size: 15px;
    text-align: center;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(1) span {
    display: inline;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(1) b {
    border-bottom: 1px solid #ffff00;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    line-height: inherit;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(2) {
    margin-left: auto;
    margin-right: auto;
    width: 118px;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(2) img {
    height: auto;
    vertical-align: top;
    width: 100%;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 18px;
    left: 40px;
    position: absolute;
    top: 215px;
    z-index: 1;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) > span:nth-child(1) {
    /* color: #ffff00; */
    /* display: block; */
    font-size: inherit;
    font-weight: bold;
    /* line-height: 24px; */
    /* margin: 0 0 20px; */
    margin-bottom: 0;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) > span:nth-child(2) {
    display: block;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) > span:nth-child(3) {
    border-bottom: 1px solid #ffff00;
    color: #ffff00;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    line-height: inherit;
    padding: 0;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(4) {
    /* margin: 60px 0 0; */
    margin-right: -30px;
    margin-top: 25px;
    text-align: center;
    /* transform: translateX(100%); */
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(3) {
    bottom: 0;
    font-size: 15px;
    left: 50%;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: -145px;
    margin-top: 0;
    position: absolute;
    text-align: left;
    top: auto;
    width: 200px;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(1) > *:nth-child(4) img {
    transform: translateX(50%);
    width: 105px;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(1) {
    /* display: flex; */
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) {
      /* align-items: center; */
      /* bottom: 10px; */
      /* display: flex; */
      padding: 0;
      /* position: absolute; */
      /* right: 25px; */
      /* text-align: left; */
      /* width: 88px; */
      /* z-index: 1; */
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) img {
      height: auto;
      vertical-align: top;
      width: 88px;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(1) > *:nth-child(1) {
    border-radius: 4px;
    font-size: 9px;
    line-height: 12px;
    padding: 5px 5px 4px;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(1) > *:nth-child(2) {
    padding: 20px 120px 20px 0;
    min-height: 83px;
    text-align: left;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) span {
    border-bottom: 1px solid #ffff00;
    color: #ffff00;
    font-size: inherit;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(1) > *:nth-child(2) {
    color: #ffff;
    font-size: 18px;
    padding: 10px 30px;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) {
    align-items: center;
    display: flex;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    padding: 10px 15px 0;
    text-align: center;
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) > *:nth-child(1) {
    font-size: 18px;
    font-size: 15px;
    line-height: 24px;
    padding: 0 32px 0 0;
    padding: 10px 10px 10px 0px;
    text-align: left;
    width: calc(100% - 88px);
  }

  .wonder_boxx_figure_01 > .wonder_boxx_inner > .wonder_boxx_item:nth-child(2) > *:nth-child(2) span {
    border-bottom: 1px solid #ffff00;
    /* color: #ffff00; */
    font-size: inherit;
    font-weight: bold;
    line-height: 24px;
  }
}



/**
 * ボックス ビフォーアフター 1
 * /wonder_eyelid/
 */

.wonder_boxx_bfaf_01 {
  margin: 60px auto 0;
  max-width: 900px;
}

.wonder_boxx_bfaf_01 .wonder_boxx_header {
}

.wonder_boxx_bfaf_01 .wonder_boxx_main {
}

.wonder_boxx_bfaf_01 .wonder_boxx_footer {
}

.wonder_boxx_bfaf_01 .wonder_boxx_inner {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 -20px -40px;
  width: calc(100% + 40px);
}

.wonder_boxx_bfaf_01 .wonder_boxx_header .wonder_boxx_title {
  background: #1d2088;
  border-radius: 5px;
  margin: 0 0 30px;
  position: relative;
  z-index: 1;
}

.wonder_boxx_bfaf_01 .wonder_boxx_header .wonder_boxx_title_main {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 40px;
  padding: 10px 10px 9px;
  text-align: center;
}

.wonder_boxx_bfaf_01 .wonder_boxx_header .wonder_boxx_title_sub {
  align-items: center;
  color: #6bd1ff;
  display: flex;
  font-weight: bold;
  left: 30px;
  position: absolute;
  top: -5px;
  z-index: 1;
}

.wonder_boxx_bfaf_01 .wonder_boxx_item img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

.wonder_boxx_bfaf_01 .wonder_boxx_header .wonder_boxx_title_sub img {
  margin: -2px 6px 0 0;
}

.wonder_boxx_bfaf_01 .wonder_boxx_main .wonder_boxx_inner > * {
  margin: 0 0 20px 40px;
  position: relative;
  width: calc(49.99% - 40px);
  z-index: 1;
}

.wonder_boxx_bfaf_01 .wonder_boxx_main .wonder_boxx_inner > *:nth-child(odd):before {
  border-top: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #1d2088;
  content: "";
  position: absolute;
  right: -59px;
  top: calc(50% - 25px);
  z-index: 1;
}

@media (max-width: 850px) {

  .wonder_boxx_bfaf_01 {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .wonder_boxx_bfaf_01 .wonder_boxx_header .wonder_boxx_title {
    margin-bottom: 15px;
  }

  .wonder_boxx_bfaf_01 .wonder_boxx_header .wonder_boxx_title_main {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .05em;
    line-height: 25px;
    padding-bottom: 5px;
    padding-top: 20px;
    padding-left: 60px;
    text-align: left;
  }

  .wonder_boxx_bfaf_01 .wonder_boxx_header .wonder_boxx_title_sub {
    align-items: flex-start;
    font-size: 11px;
    left: 8px;
    /* padding-top: 10px; */
    padding-left: 11px;
    top: 8px;
    z-index: 1;
  }

  .wonder_boxx_bfaf_01 .wonder_boxx_header .wonder_boxx_title_sub img {
    height: 37px;
    margin-left: -3px;
    margin-top: -1px;
    margin-right: 7px;
    width: 37px;
  }

  .wonder_boxx_bfaf_01 .wonder_boxx_inner {
    margin: 0 0 -15px -15px;
    width: calc(100% + 15px);
  }

  .wonder_boxx_bfaf_01 .wonder_boxx_main .wonder_boxx_inner > * {
    margin: 0 0 15px 15px;
    position: relative;
    width: calc(49.99% - 15px);
  }

  .wonder_boxx_bfaf_01 .wonder_boxx_main .wonder_boxx_inner > *:nth-child(odd):before {
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #1d2088;
    right: -20px;
    top: calc(50% - 8px);
  }
}



/**
 * ボックス 切り替え 1
 * /wonder_eyelid/
 */

.wonder_boxx_toggle_01 {
}

.wonder_boxx_toggle_01.wonder_boxx_noTransition .wonder_boxx_answer {
  transition: none;
}

.wonder_boxx_toggle_01 > .wonder_boxx_inner {
}

.wonder_boxx_toggle_01 .wonder_boxx_item {
  position: relative;
  z-index: 1;
}

.wonder_boxx_toggle_01 .wonder_boxx_header {
  display: none;
}

.wonder_boxx_toggle_01 .wonder_boxx_text {
}

.wonder_boxx_toggle_01 .wonder_boxx_image {
}

.wonder_boxx_toggle_01 .wonder_boxx_anchor {
  width: 100%;
}

.wonder_boxx_toggle_01 .wonder_boxx_question {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28afec+0,1d2088+100 */
  align-items: center;
  background: #28afec; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #28afec 0%, #131c8c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #28afec 0%,#131c8c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #28afec 0%,#131c8c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28afec', endColorstr='#1d2088',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28afec+1,131d8d+60 */
  background: #28afec; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #28afec 1%, #131d8d 80%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #28afec 1%,#131d8d 80%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #28afec 1%,#131d8d 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28afec', endColorstr='#131d8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  display: flex;
  flex-flow: row wrap;
  padding: 0 0 40px;
}

.wonder_boxx_toggle_01 .wonder_boxx_answer {
  background: #1d2088;
  height: 100%;
  margin: -40px 0 40px;
  overflow: hidden;
  transition: height .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.wonder_boxx_toggle_01 .wonder_boxx_answer > .boxx_inner {
  padding: 20px 30px;
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor {
  /* border: 1px solid red; */
  background: #0b0d6b;
  bottom: -40px;
  left: 0;
  position: absolute;
  text-align: center;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_anchor a {
  color: #fff;
  display: block;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, "Muli", sans-serif;
  font-size: 14px;
  letter-spacing: .075em;
  line-height: 1;
  padding: 15px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_anchor a:before {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  margin: -5px 12px 0 0;
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, "Muli", sans-serif;
  height: 40px;
  line-height: 40px;
  outline: none;
  position: relative;
  width: 100%;
  z-index: 2;
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button span {
  color: #fff;
  transition: opacity .3s;
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button span:nth-child(1) {
  display: block;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button span:nth-child(1):before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  display: block;
  height: 10px;
  left: -60%;
  position: absolute;
  top: 17px;
  transform: rotateZ(-135deg);
  width: 10px;
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button span:nth-child(2) {
  display: block;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button span:nth-child(2):before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  display: block;
  height: 10px;
  left: -60%;
  position: absolute;
  top: 12px;
  transform: rotateZ(45deg);
  width: 10px;
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button span:nth-child(1) {
  opacity: 1;
}

.wonder_boxx_toggle_01.wonder_boxx_answer_hide .wonder_boxx_question > .wonder_boxx_anchor button span:nth-child(1) {
  opacity: 0;
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button span:nth-child(2) {
  opacity: 0;
}

.wonder_boxx_toggle_01.wonder_boxx_answer_hide .wonder_boxx_question > .wonder_boxx_anchor button span:nth-child(2) {
  opacity: 1;
}

.wonder_boxx_toggle_01 .wonder_boxx_question > .wonder_boxx_anchor button:before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  display: block;
  display: none;
  height: 9px;
  left: calc(50% - 57px);
  position: absolute;
  top: calc(50% - 7px);
  transform: rotateZ(45deg);
  width: 9px;
  z-index: 1;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text,
.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text * {
  color: #fff;
  text-align: center;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text {
  /* border: 1px solid red; */
  padding: 50px 0;
  width: calc(100% - 266px);
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_image {
  /* border: 1px solid red; */
  margin: 20px 0 30px 100px;
  width: 166px;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_image img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 -10px 0 0;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
  color: #ffff00;
  display: inline-block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 52px;
  font-weight: 500;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_small {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence {
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
  font-size: 18px;
  line-height: 24px;
  margin: 10px 0 0;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
  background: #ffff00;
  border-radius: 100px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 0;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
  color: #152793;
  display: block;
  font-size: 16px;
  font-weight:bold;
  letter-spacing: -2px;
  padding: 3px 30px;
}

body.ie11 .wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
  padding-top: 8px;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
  font-size: 14px;
  /* font-weight: bold; */
  line-height: 1;
  margin: 40px 0 0;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
  font-size: 12px;
  line-height: 1;
  margin: 10px 0 0;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
  border: 1px solid #fff;
  display: block;
  margin: 30px auto 0;
  width: auto;
  max-width: 230px;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a {
  display: block;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, "Muli", sans-serif;
  font-size: 14px;
  letter-spacing: .075em;
  line-height: 1;
  padding: 11px 20px 11px;
  text-decoration: none;
}

.wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a span {
  font-family: "Century Gothic", CenturyGothic, 'Muli', sans-serif;
}

.wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner .wonder_boxx_text,
.wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner .wonder_boxx_text * {
  color: #fff;

}

.wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner {
  padding: 45px 50px 60px;
}

.wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > * {
  border-top: 1px dashed #fff;
}

.wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
  border-top: none;
  padding: 0 0 25px;
}

.wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(2) {
  padding: 25px 0;
  text-align: left;
}

.wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(3) {
  padding: 50px 0 65px;
  text-align: left;
}

.wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(4) {
  padding: 25px 0 0;
  margin-bottom: -40px;
}

.wonder_boxx_toggle_01 .wonder_boxx_answer .wonder_boxx_text .wonder_boxx_title {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 36px;
  font-weight: 500;
  text-align: center;
}

.wonder_boxx_toggle_01.wonder_boxx_answer_hide {
}

.wonder_boxx_toggle_01.wonder_boxx_answer_hide .boxx_answer {
  height: 0;
}

@media (max-width: 960px) {

  .wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    max-width: 180px;
  }
}

@media (max-width: 850px) {

  .wonder_boxx_toggle_01.type_a .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
    text-align: left;
  }

  .wonder_boxx_toggle_01 .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(4) {
    /* padding: 25px 0 0; */
    padding-top: 15px;
    margin-bottom: 20px;
  }

  body.ie11 .wonder_boxx_toggle_01 .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    padding-top: 6px;
  }
}



/**
 * ボックス 切り替え 1 タイプ A
 * /wonder_eyelid/
 */

@media (min-width: 851px) {

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a,
  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a span {
    transition: background .6s, color .6s;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:hover {
    background: #fff;
    color: #152793;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:hover span {
    color: #152793;
  }
}

@media (max-width: 1080px) {

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_image {
    margin-left: 5.55vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text {
    width: calc(100% - 5.55vw - 166px);
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
    font-size: 4.44vw;
    /* font-size: 4.81vw; */
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
    font-size: 1.48vw;
    line-height: 2.22vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
    font-size: 14px;
    font-size: 1.29vw;
    line-height: 24px;
    line-height: 2.22vw;
    margin-top: .92vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
    font-size: 16px;
    font-size: 1.48vw;
    margin-top: .92vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    font-size: 16px;
    font-size: 1.48vw;
    padding: .27vw 2.77vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 14px;
    font-size: 1.29vw;
    margin-top: 3.7vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
    font-size: 12px;
    font-size: 1.11vw;
    margin-top: .92vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    margin-top: 2.77vw;
  }
}

@media (max-width: 960px) {

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    max-width: 230px;
  }
}

@media (max-width: 850px) {

  .wonder_boxx_toggle_01.type_a .wonder_boxx_answer > .wonder_boxx_inner {
    padding: 15px;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > * {
    /* border-top: 1px dotted #fff; */
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_image {
    margin-left: 5.86vw;
    width: 110px;
    width: 29.33vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text {
    width: calc(100% - 5.86vw - 29.33vw);
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
    font-size: 20px;
    font-size: 5.33vw;
    font-size: 7.33vw;
    font-size: 6.93vw;
    line-height: 26px;
    line-height: 6.93vw;
    line-height: 8.73vw;
    margin-top: 10px;
    margin-top: 2.66vw;
  }
  
  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
    font-size: 12px;
    font-size: 3.2vw;
    font-size: 3.6vw;
    line-height: 1;
    margin: 0;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
    font-size: 8px;
    font-size: 2.13vw;
    font-size: 3vw;
    line-height: 12px;
    line-height: 3.2vw;
    line-height: 4vw;
    margin-top: 15px;
    margin-top: 4vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
    font-size: 16px;
    /* font-size: 4.26vw; */
    /* font-size: 5.96vw; */
    margin-top: 10px;
    margin-top: 2.66vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    font-size: 8px;
    font-size: 2.13vw;
    font-size: 2.8vw;
    padding: 0 14px;
    padding: 0 3.73vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 9px;
    font-size: 2.4vw;
    font-size: 3vw;
    margin-top: 25px;
    margin-top: 6.66vw;
    margin-top: 5.66vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
    font-size: 9px;
    font-size: 2.4vw;
    font-size: 3vw;
    line-height: 1;
    margin-top: 10px;
    margin-top: 2.66vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a {
    font-size: 7px;
    font-size: 3vw;
    padding: 7px 7px 8px;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:before {
    font-size: 2.6vw;
    margin-right: 8px;
    margin-top: -0.5vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    margin-top: 22px;
    margin-top: 5.86vw;
    max-width: 115px;
    max-width: 78%;
    max-width: 45vw;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question {
    min-height: auto;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
    font-size: 15px;
    padding-bottom: 12px;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(2) {
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .wonder_boxx_toggle_01.type_a .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(3) {
    padding-bottom: 45px;
    padding-top: 20px;
  }
}

@media (max-width: 450px) {

  .wonder_boxx_toggle_01.type_a .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 13.6px;
  }
}



/**
 * ボックス 切り替え 1 タイプ B
 * /wonder_eyelid/
 */

@media (min-width: 851px) {

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a,
  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a span {
    transition: background .6s, color .6s;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:hover {
    background: #fff;
    color: #e61485;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:hover span {
    color: #e61485;
  }
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
  font-size: 16px;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_image {
  width: 110px;
  margin-left: 50px;
  margin-top: 50px;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text {
  width: calc(100% - 160px);
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_inner .wonder_boxx_question .wonder_boxx_title_main {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 32px;
  margin: 10px 0 0;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_inner .wonder_boxx_question .wonder_boxx_title_main br {
  display: none;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
  font-size: 13px;
  margin: 18px 0 0;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) br {
  display: none;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
  margin: 6px 0 0;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_answer {
  background: #af005f;
}


.wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner {
  padding: 30px 20px 40px;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(2) {
  padding: 20px 0 0;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
  font-size: 18px;
  letter-spacing: -.5px;
  padding: 0 0 15px;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_inner .wonder_boxx_question {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9a7d0+0,e4067e+100 */
  background: #f9a7d0; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #f9a7d0 0%, #e4067e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #f9a7d0 0%,#e4067e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #f9a7d0 0%,#e4067e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a7d0', endColorstr='#e4067e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding-bottom: 40px;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
  color: #e61485;
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
  /* max-width: 230px; */
}

.wonder_boxx_toggle_01.type_b .wonder_boxx_question > .wonder_boxx_anchor button {
  background: #cc0b73;
}

@media (max-width: 1200px) {

  .wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
    text-align: left;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) br {
    display: none;
  }
}

@media (max-width: 1100px) {

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_image {
    margin-left: 2.27vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text {
    width: calc(100% - 2.27vw - 110px);
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
    font-size: 16px;
    font-size: 1.45vw;
    line-height: 24px;
    line-height: 2.18vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
  font-size: 2vw;
  line-height: 2.91vw;
  margin-top: .91vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_inner .wonder_boxx_question .wonder_boxx_title_main br {
    display: block;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence {
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
    font-size: 1.18vw;
    line-height: 2.18vw;
    margin-top: 1.64vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
    font-size: 16px;
    font-size: 1.45vw;
    margin-top: .55vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    font-size: 1.45vw;
    padding: .27vw 2.72vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 1.27vw;
    margin-top: 3.63vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
    font-size: 12px;
    font-size: 1.1vw;
    margin-top: .91vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    margin-top: 2.72vw;
  }
}

@media (max-width: 850px) {

  .wonder_boxx_toggle_01.type_b .wonder_boxx_inner .wonder_boxx_question {
    align-items: flex-start;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner {
    padding: 15px;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > * {
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_image {
    margin-left: 5.86vw;
    /* margin-top: 50px; */
    width: 85px;
    width: 22.66vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text {
    width: calc(100% - 5.86vw - 22.66vw);
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
    font-size: 20px;
    font-size: 5.33vw;
    font-size: 7.33vw;
    font-size: 6.93vw;
    line-height: 26px;
    line-height: 6.93vw;
    line-height: 8.73vw;
    margin-top: 10px;
    margin-top: 2.66vw;
  }
  
  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
    font-size: 12px;
    font-size: 3.6vw;
    line-height: 1;
    margin: 0;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
    font-size: 8px;
    font-size: 2.13vw;
    font-size: 3vw;
    line-height: 12px;
    line-height: 3.2vw;
    line-height: 4vw;
    margin-top: 10px;
    margin-top: 2.66vw;
    margin-top: 4vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
    font-size: 16px;
    font-size: 4.26vw;
    margin-top: 6px;
    margin-top: 1.6vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    font-size: 8px;
    font-size: 2.13vw;
    font-size: 2.8vw;
    padding: 0 14px;
    padding: 0 3.73vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 9px;
    font-size: 2.4vw;
    font-size: 3vw;
    margin-top: 15px;
    margin-top: 4vw;
    margin-top: 5.66vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
    font-size: 9px;
    font-size: 2.4vw;
    font-size: 3vw;
    line-height: 1;
    margin-top: 6px;
    margin-top: 2.66vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a {
    font-size: 7px;
    font-size: 3vw;
    padding: 7px 7px 8px;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:before {
    font-size: 2.6vw;
    margin-right: 8px;
    margin-top: -0.5vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    margin-top: 22px;
    margin-top: 5.86vw;
    max-width: 115px;
    max-width: 78%;
    max-width: 45vw;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question {
    min-height: auto;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
    font-size: 15px;
    padding-bottom: 12px;
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(2) {
    /* padding-bottom: 15px; */
    /* padding-top: 15px; */
  }

  .wonder_boxx_toggle_01.type_b .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(3) {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

@media (max-width: 450px) {

  .wonder_boxx_toggle_01.type_b .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 13.6px;
  }
}



/**
 * ボックス 切り替え 1 タイプ C
 * /wonder_eyelid/
 */

@media (min-width: 851px) {

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a,
  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a span {
    transition: background .6s, color .6s;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:hover {
    background: #fff;
    color: #00a8ec;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:hover span {
    color: #00a8ec;
  }
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
  font-size: 16px;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_image {
  width: 110px;
  /* margin-bottom: 0; */
  margin-left: 50px;
  margin-top: 50px;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text {
  width: calc(100% - 160px);
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_inner .wonder_boxx_question .wonder_boxx_title_main {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 32px;
  margin: 10px 0 0;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_inner .wonder_boxx_question .wonder_boxx_title_main br {
  display: none;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
  font-size: 13px;
  margin: 18px 0 0;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) br {
  display: none;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
  margin: 6px 0 0;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner {
  padding: 30px 20px 40px;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(2) {
  padding: 20px 0 0;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
  font-size: 18px;
  letter-spacing: -.5px;
  padding: 0 0 15px;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_inner .wonder_boxx_question {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7fd6fc+0,00a8ec+100 */
  background: #7fd6fc; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #7fd6fc 0%, #00a8ec 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #7fd6fc 0%,#00a8ec 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #7fd6fc 0%,#00a8ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fd6fc', endColorstr='#00a8ec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding-bottom: 40px;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
  color: #00a8ec;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
  /* max-width: 230px; */
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_question > .wonder_boxx_anchor button {
  background: #008dc6;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_inner .wonder_boxx_answer {
  background: #015ea1;
}

.wonder_boxx_toggle_01.type_c .wonder_boxx_inner .wonder_boxx_answer img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

@media (max-width: 1200px) {

  .wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
    text-align: left;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) br {
    display: none;
  }
}

@media (max-width: 1100px) {

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_image {
    margin-left: 2.27vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text {
    width: calc(100% - 2.27vw - 110px);
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
    font-size: 16px;
    font-size: 1.45vw;
    line-height: 24px;
    line-height: 2.18vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
  font-size: 2vw;
  line-height: 2.91vw;
  margin-top: .91vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_inner .wonder_boxx_question .wonder_boxx_title_main br {
    display: block;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence {
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
    font-size: 1.18vw;
    line-height: 2.18vw;
    margin-top: 1.64vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
    font-size: 16px;
    font-size: 1.45vw;
    margin-top: .55vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    font-size: 1.45vw;
    padding: .27vw 2.72vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 1.27vw;
    margin-top: 3.63vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
    font-size: 12px;
    font-size: 1.1vw;
    margin-top: .91vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    margin-top: 2.72vw;
  }
}

@media (max-width: 850px) {

  .wonder_boxx_toggle_01.type_c .wonder_boxx_inner .wonder_boxx_question {
    align-items: flex-start;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner {
    padding: 15px;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > * {
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_image {
    margin-left: 5.86vw;
    /* margin-top: 30px; */
    width: 85px;
    width: 22.66vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text {
    width: calc(100% - 5.86vw - 22.66vw);
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
    font-size: 20px;
    font-size: 5.33vw;
    font-size: 7.33vw;
    font-size: 6.93vw;
    line-height: 26px;
    line-height: 6.93vw;
    line-height: 8.73vw;
    margin-top: 10px;
    margin-top: 2.66vw;
  }
  
  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
    font-size: 12px;
    font-size: 3.2vw;
    font-size: 3.6vw;
    line-height: 12px;
    line-height: 1;
    margin: 0;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
    font-size: 8px;
    font-size: 2.13vw;
    font-size: 3vw;
    line-height: 12px;
    line-height: 3.2vw;
    line-height: 4vw;
    margin-top: 10px;
    margin-top: 2.66vw;
    margin-top: 4vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
    font-size: 16px;
    font-size: 4.26vw;
    margin-top: 6px;
    margin-top: 1.6vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    font-size: 8px;
    font-size: 2.13vw;
    font-size: 2.8vw;
    padding: 0 14px;
    padding: 0 3.73vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 9px;
    font-size: 2.4vw;
    font-size: 3vw;
    margin-top: 15px;
    margin-top: 4vw;
    margin-top: 5.66vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
    font-size: 9px;
    font-size: 2.4vw;
    font-size: 3vw;
    line-height: 1;
    margin-top: 6px;
    margin-top: 2.66vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a {
    font-size: 7px;
    font-size: 3vw;
    padding: 7px 7px 8px;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:before {
    font-size: 2.6vw;
    margin-right: 8px;
    margin-top: -0.5vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    margin-top: 22px;
    margin-top: 5.86vw;
    max-width: 115px;
    max-width: 78%;
    max-width: 45vw;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question {
    min-height: auto;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
    font-size: 15px;
    padding-bottom: 12px;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(2) {
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .wonder_boxx_toggle_01.type_c .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(3) {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

@media (max-width: 450px) {

  .wonder_boxx_toggle_01.type_c .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 13.6px;
  }
}



/**
 * ボックス 切り替え 1 タイプ D
 * /wonder_eyelid/
 */


@media (min-width: 851px) {

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a,
  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a span {
    transition: background .6s, color .6s;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:hover {
    background: #fff;
    color: #1e6e3e;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:hover span {
    color: #1e6e3e;
  }
}

.wonder_boxx_toggle_01.type_d {
  padding-bottom: .1px;
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_image {
  /* width: 110px; */
  /* margin-left: 50px; */
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text {
  /* width: calc(100% - 160px); */
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_inner .wonder_boxx_question .wonder_boxx_title_main {
  /* font-size: 22px; */
  /* letter-spacing: -1px; */
  /* line-height: 32px; */
  /* margin: 10px 0 0; */
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_inner .wonder_boxx_question .wonder_boxx_title_main br {
  display: none;
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
  font-size: 13px;
  margin: 18px 0 0;
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) br {
  display: none;
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
  margin: 6px 0 0;
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_answer {
  background: #1f6e3f;
}


.wonder_boxx_toggle_01.type_d .wonder_boxx_answer > .wonder_boxx_inner {
  padding: 30px 20px 10px;
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(2) {
  padding: 20px 0 0;
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
  /* font-size: 18px; */
  /* padding: 0 0 15px; */
  /* text-align: left; */
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#75ce9a+0,2f8050+65 */
  background: #75ce9a; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #75ce9a 0%, #2f8050 55%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #75ce9a 0%,#2f8050 55%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #75ce9a 0%,#2f8050 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75ce9a', endColorstr='#2f8050',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
  color: #1e6e3e;
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
  /* max-width: 150px; */
}

.wonder_boxx_toggle_01.type_d .wonder_boxx_question > .wonder_boxx_anchor button {
  background: #11502a;
}

@media (max-width: 1080px) {

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_image {
    margin-left: 5.55vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text {
    width: calc(100% - 5.55vw - 166px);
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
    font-size: 4.44vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
    font-size: 1.48vw;
    line-height: 2.22vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_small {
    font-size: 1.48vw;
    line-height: 2.22vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
    font-size: 14px;
    font-size: 1.29vw;
    line-height: 24px;
    line-height: 2.22vw;
    margin-top: .92vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
    font-size: 16px;
    font-size: 1.48vw;
    margin-top: .92vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    font-size: 16px;
    font-size: 1.48vw;
    padding: .27vw 2.77vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 14px;
    font-size: 1.29vw;
    margin-top: 3.7vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
    font-size: 12px;
    font-size: 1.11vw;
    margin-top: .92vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    margin-top: 2.77vw;
  }
}


@media (max-width: 960px) {

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    max-width: 230px;
  }
}

@media (max-width: 850px) {

  .wonder_boxx_toggle_01.type_d .wonder_boxx_inner .wonder_boxx_question {
    align-items: flex-start;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_answer > .wonder_boxx_inner {
    padding: 15px;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > * {
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_image {
    margin-left: 5.86vw;
    margin-top: 50px;
    width: 85px;
    width: 22.66vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text {
    width: calc(100% - 5.86vw - 22.66vw);
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_main {
    font-size: 20px;
    /* font-size: 7.33vw; */
    font-size: 5.33vw;
    font-size: 6.93vw;
    /* font-size: 7.33vw; */
    line-height: 26px;
    line-height: 6.93vw;
    line-height: 8.73vw;
    margin-top: 10px;
    margin-top: 2.66vw;
  }
  
  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_sub {
    font-size: 12px;
    font-size: 3.2vw;
    font-size: 3.6vw;
    line-height: 12px;
    line-height: 1;
    margin: 0;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_title_small {
    font-size: 2.13vw;
    font-size: 2.6vw;
    line-height: 6.4vw;
    line-height: 1;
    margin-top: 2vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(1) {
    font-size: 8px;
    font-size: 2.13vw;
    font-size: 3vw;
    line-height: 12px;
    line-height: 3.2vw;
    line-height: 4vw;
    margin-top: 10px;
    margin-top: 2.66vw;
    margin-top: 4vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) {
    font-size: 16px;
    font-size: 4.26vw;
    margin-top: 6px;
    margin-top: 1.6vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(2) b {
    font-size: 8px;
    font-size: 2.13vw;
    font-size: 2.8vw;
    padding: 0 14px;
    padding: 0 3.73vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 9px;
    font-size: 2.4vw;
    font-size: 3vw;
    margin-top: 15px;
    margin-top: 4vw;
    margin-top: 5.66vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(4) {
    font-size: 9px;
    font-size: 2.4vw;
    font-size: 3vw;
    line-height: 1;
    margin-top: 6px;
    margin-top: 2.66vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a {
    font-size: 7px;
    font-size: 3vw;
    padding: 7px 7px 8px;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor a:before {
    font-size: 2.6vw;
    margin-right: 8px;
    margin-top: -0.5vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_anchor {
    margin-top: 22px;
    margin-top: 5.86vw;
    max-width: 115px;
    max-width: 78%;
    max-width: 45vw;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question {
    min-height: auto;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(1) {
    font-size: 15px;
    padding-bottom: 12px;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(2) {
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .wonder_boxx_toggle_01.type_d .wonder_boxx_answer > .wonder_boxx_inner > .wonder_boxx_text > :nth-child(3) {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

@media (max-width: 450px) {

  .wonder_boxx_toggle_01.type_d .wonder_boxx_question .wonder_boxx_text .wonder_boxx_sentence > *:nth-child(3) {
    font-size: 13.6px;
  }
}



/**
 * グリッドビュー 1
 * /wonder_eyelid/
 */

.wonder_gridView_01 {
}

.wonder_gridView_01 .wonder_gridView_inner {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 -20px -20px;
  width: calc(100% + 20px);
}

.wonder_gridView_01 .wonder_gridView_inner > * {
  margin: 0 0 20px 20px;
  width: calc(49.99% - 20px);
}

.wonder_gridView_01 .wonder_gridView_item {
}

/* 個別 */
.wonder_gridView_01 .wonder_gridView_item:nth-child(1) {
  width: 100%;
}

@media (max-width: 850px) {

  .wonder_gridView_01 .wonder_gridView_item:nth-child(n) {
    width: calc(100% - 20px);
  }
}



/**
 * グリッドビュー 列2 1
 * /wonder_eyelid/
 */

.wonder_gridView_col2_01 {
}

.wonder_gridView_col2_01 .wonder_gridView_inner {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 -130px -45px;
  width: calc(100% + 45px);
}

.wonder_gridView_col2_01 .wonder_gridView_inner > * {
  margin: 0 0 130px 45px;
  width: calc(49.99% - 45px);
}

.wonder_gridView_col2_01 .wonder_gridView_items {
}

/* 個別 */
.wonder_gridView_col2_01 .wonder_gridView_items:nth-child(1) {
  width: 100%;
}

@media (max-width: 1080px) {

  .wonder_gridView_col2_01 .wonder_gridView_inner > * {
    margin-bottom: 12vw;
  }
}

@media (max-width: 850px) {

  .wonder_gridView_col2_01 .wonder_gridView_inner {
    margin: 0 0 -30px -45px;
    width: calc(100% + 45px);
  }

  .wonder_gridView_col2_01 .wonder_gridView_inner > * {
    margin: 0 0 30px 45px;
    width: calc(100% - 45px);
  }
}



/**
 * リスト サムネイル 1
 * /wonder_eyelid/
 */

.wonder_list_thumbnail_01 {
}

.wonder_list_thumbnail_01 .wonder_list_inner {
}

.wonder_list_thumbnail_01 .wonder_list_item {
  display: flex;
  flex-flow: row wrap;
  margin: 10px 0 0;
}

.wonder_list_thumbnail_01 .wonder_list_item:nth-child(1) {
  margin-top: 0;
}

.wonder_list_thumbnail_01 .wonder_list_item .wonder_list_image {
  border: 2px solid #fff;
  border-radius: 100%;
  height: 52px;
  width: 52px;
}

.wonder_list_thumbnail_01 .wonder_list_item .wonder_list_image img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

.wonder_list_thumbnail_01 .wonder_list_item .wonder_list_text {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 18px;
  letter-spacing: .025em;
  line-height: 34px;
  padding: 10px 0 0 15px;
  width: calc(100% - 52px);
}

.wonder_list_thumbnail_01 .wonder_list_item .wonder_list_text span {
  border-bottom: 2px solid #ffff00;
  color: #ffff00 !important;
  display: inline-block;
  font-size: 30px;
  letter-spacing: .025em;
  line-height: 24px;
  margin: -4px 0 0;
  padding: 0 0 4px;
}

@media (max-width: 850px) {

  .wonder_list_thumbnail_01 .wonder_list_item {
    align-items: center;
    margin-top: 20px;
  }

  .wonder_list_thumbnail_01 .wonder_list_item .wonder_list_image {
    height: 38px;
    width: 38px;
  }

  .wonder_list_thumbnail_01 .wonder_list_item .wonder_list_text {
    /* font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */
    font-size: 15px;
    letter-spacing: .025em;
    line-height: 20px;
    /* padding: 4px 0 0 15px; */
    padding-top: 0;
    padding-left: 10px;
    width: calc(100% - 38px);
  }

  .wonder_list_thumbnail_01 .wonder_list_item .wonder_list_text span {
    border-bottom: 1px solid #ffff00;
    /* color: #ffff00 !important; */
    /* display: inline-block; */
    font-size: inherit;
    /* letter-spacing: .025em; */
    line-height: inherit;
    /* margin: -4px 0 0; */
    /* padding: 0 0 4px; */
    padding-bottom: 0;
  }
}



/**
 * リスト コメント 1
 * /wonder_eyelid/
 */

.wonder_list_comment_01 {
}

.wonder_list_comment_01 .wonder_list_inner {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 -30px -30px;
  width: calc(100% + 30px);
}

.wonder_list_comment_01 .wonder_list_item {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 30px 30px;
  width: calc(49.99% - 30px);
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_image {
  position: relative;
  width: 100px;
  z-index: 1;
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_image > *:nth-child(1) {
  height: 100px;
  width: 100px;
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_image > *:nth-child(2) {
  /* bottom: 0; */
  color: #fff;
  font-size: 13px;
  /* font-weight: bold; */
  left: 0;
  line-height: 1;
  margin: 8px 0 0;
  position: absolute;
  text-align: center;
  top: 100px;
  width: 100%;
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_image img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_text {
  font-size: 18px;
  letter-spacing: .025em;
  line-height: 24px;
  padding: 0px 0 0 20px;
  width: calc(100% - 100px);
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_text > * {
  align-items: center;
  background: #fff;
  border-radius: 5px;
  color: #1d2088;
  display: flex;
  flex-flow: row wrap;
  min-height: 100px;
  padding: 12px 20px 10px;
  position: relative;
  z-index: 1;
}

body.ie11 .wonder_list_comment_01 .wonder_list_item .wonder_list_text > * {
  display: table-cell;
  vertical-align: middle;
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_text > *:before {
  border-top: 7px solid transparent;
  border-right: 18px solid #fff;
  border-bottom: 7px solid transparent;
  border-left: 18px solid transparent;
  content: "";
  display: block;
  left: -35px;
  position: absolute;
  top: 55px;
  z-index: 1;
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_text > * > * {
  color: #1d2088 !important;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 16px;
}

.wonder_list_comment_01 .wonder_list_item .wonder_list_text b {
  color: #0078f3 !important;
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 1000px) {

  .wonder_list_comment_01 .wonder_list_inner {
    margin: 0 0 -40px -30px;
    width: calc(100% + 30px);
  }

  .wonder_list_comment_01 .wonder_list_item {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 40px 30px;
    width: calc(100% - 30px);
  }
}

@media (max-width: 850px) {

  .wonder_list_comment_01 .wonder_list_inner {
    margin: 0 0 -30px -30px;
    width: calc(100% + 30px);
  }

  .wonder_list_comment_01 .wonder_list_item {
    margin: 0 0 30px 30px;
    padding: 0 !important;
    width: calc(100% - 30px);
  }

  .wonder_list_comment_01 .wonder_list_item .wonder_list_image {
    width: 75px !important;
  }

  .wonder_list_comment_01 .wonder_list_item .wonder_list_image > *:nth-child(1) {
    height: 75px !important;
    width: 75px !important;
  }

  .wonder_list_comment_01 .wonder_list_item .wonder_list_image > *:nth-child(2) {
    font-size: 10px !important;
    margin: 8px 0 0 !important;
    top: 75px !important;
  }

  .wonder_list_comment_01 .wonder_list_item .wonder_list_text {
    /* font-size: 18px; */
    /* letter-spacing: .025em; */
    /* line-height: 24px; */
    /* padding: 0px 0 0 20px; */
    width: calc(100% - 75px) !important;
  }


  .wonder_list_comment_01 .wonder_list_item .wonder_list_text > * > * {
    color: #1d2088 !important;
    font-size: 11px;
    /* letter-spacing: normal; */
    line-height: 18px;
  }

  .wonder_list_comment_01 .wonder_list_item .wonder_list_text b {
    /* color: #0078f3 !important; */
    font-size: 13.5px;
  }
  
  .wonder_list_comment_01 .wonder_list_item .wonder_list_text > * {
    /* align-items: center; */
    /* background: #fff; */
    /* border-radius: 5px; */
    /* color: #1d2088; */
    /* display: flex; */
    /* flex-flow: row wrap; */
    min-height: 75px;
    padding: 12px 14px 10px 15px;
    /* position: relative; */
    /* z-index: 1; */
  }

  .wonder_list_comment_01 .wonder_list_item .wonder_list_text > *:before {
    border-top: 7px solid transparent;
    border-right: 22px solid #fff;
    border-bottom: 7px solid transparent;
    border-left: 22px solid transparent;
    content: "";
    display: block;
    left: -35px;
    position: absolute;
    top: 40px !important;
    z-index: 1;
  }
}



/**
 * リスト コメント 1 タイプ A
 * /wonder_eyelid/
 */

.wonder_list_comment_01.type_a .wonder_list_inner {
  margin: 0 0 -40px -30px;
  width: calc(100% + 30px);
}

.wonder_list_comment_01.type_a .wonder_list_item {
  margin: 0 0 40px 30px;
  padding: 0 10px;
  width: calc(100% - 30px);
}

.wonder_list_comment_01.type_a .wonder_list_item .wonder_list_text {
  width: calc(100% - 100px);
}

.wonder_list_comment_01.type_a .wonder_list_item .wonder_list_text > * {
}

.wonder_list_comment_01.type_a .wonder_list_item .wonder_list_text > *:before {
  left: -35px;
  top: 50px;
}

.wonder_list_comment_01.type_a .wonder_list_item .wonder_list_text > * > * {
  color: #af005f !important;
  font-size: 14px;
  line-height: 22px;
}

.wonder_list_comment_01.type_a .wonder_list_item .wonder_list_image > *:nth-child(2) {
  bottom: auto;
  margin: 8px 0 0;
  top: 100px;
}

@media (max-width: 1000px) {

  .wonder_list_comment_01.type_a .wonder_list_item .wonder_list_text {
    width: calc(100% - 10vw);
  }

  .wonder_list_comment_01.type_a .wonder_list_item .wonder_list_image {
    position: relative;
    width: 10vw;
    z-index: 1;
  }

  .wonder_list_comment_01.type_a .wonder_list_item .wonder_list_image > *:nth-child(1) {
    height: auto;
    width: 100%;
  }

  .wonder_list_comment_01.type_a .wonder_list_item .wonder_list_image > *:nth-child(2) {
    top: 10vw;
  }

  .wonder_list_comment_01.type_a .wonder_list_item .wonder_list_text > *:before {
    top: 5vw;
  }
}

@media (max-width: 850px) {

  .wonder_list_comment_01.type_a .wonder_list_item .wonder_list_text > * > * {
    font-size: 11px;
    line-height: 16.5px;
  }
}



/**
 * リスト コメント 1 タイプ B
 * /wonder_eyelid/
 */

.wonder_list_comment_01.type_b .wonder_list_inner {
  margin-bottom: -20px;
}

.wonder_list_comment_01.type_b .wonder_list_item {
  /* margin-bottom: 20px; */
  width: 100%;
}

.wonder_list_comment_01.type_b .wonder_list_item .wonder_list_text {
  width: calc(100% - 100px);
}

.wonder_list_comment_01.type_b .wonder_list_item .wonder_list_text > * {
}

.wonder_list_comment_01.type_b .wonder_list_item .wonder_list_text > *:before {
  left: -35px;
  top: 55px;
}

.wonder_list_comment_01.type_b .wonder_list_item .wonder_list_text > * > * {
  color: #af005f !important;
  color: #9c145e !important;
  font-size: 14px;
  line-height: 22px;
}

.wonder_list_comment_01.type_b .wonder_list_item .wonder_list_text b {
  color: #ec248b !important;
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 850px) {

  .wonder_list_comment_01.type_b .wonder_list_item .wonder_list_text > * > * {
    font-size: 11px;
  }

  .wonder_list_comment_01.type_b .wonder_list_item .wonder_list_text b {
    font-size: 13.5px;
  }
}



/**
 * ページ
 * /wonder_eyelid/
 */

/* ジャギー対策 */
@media(min-width: 851px) {

  body.windows.chrome .how_to_list .image img{
    /* filter: blur(.1px); */
  }
}
/* /ジャギー対策 */
.how_to_list{
  list-style:none;
  margin-left:-44px;
  padding-bottom:10px;
}
.how_to_list li{
  width: 50%;
  float:left;
  padding-left:44px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-bottom:30px;
}
.how_to_list li:nth-of-type(2n){
  clear:right;
}
.how_to_list li:nth-of-type(2n+1){
  clear:left;
}
.how_to_list li .step{
  display:block;
  text-align:center;
  height:30px;
  line-height:30px;
  text-align:center;
  font-weight:900;
  color:#ffffff;
  background-color: #1d2088;
  font-family:"Century Gothic",CenturyGothic,YuGothic,"游ゴシック","Yu Gothic",'Muli',"メイリオ",Meiryo,sans-serif;
  font-size:142.86%;
  font-size:138%;
  -webkit-border-radius:30px;
  border-radius:30px;
  margin-bottom:20px;
}
.how_to_list li img{
  backface-visibility: visible;
  display:block;
  width:100%;
}
.how_to_list li .desc{
  float:left;
  width:50%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-right: 4%;
}
.how_to_list li .desc .title{
  display:block;
  color: #1d2088;
  padding-top:5px;
  font-size:114.29%;
  font-size:126%;
  padding-bottom:10px;
}
.how_to_list li .desc p{
  display:block;
  line-height:155%;
  font-weight:500;
}
.how_to_list li .desc p small{
  display:block;
  font-size:85.71%;
  padding-top:7px;
  font-weight:500;
}
.how_to_list li .image{
  float:right;
  width: 47%;
}
.how_to_list li .point{
  margin-top: 25px;
  margin-top: 15px;
  padding: 18px 10px 18px 90px;
  position:relative;
  background-color:#fbf3f3;
}
.how_to_list li .point:before{
  content:'Point';
  position:absolute;
  left: 24px;
  top:50%;
  margin-top:-10px;
  height:20px;
  line-height:20px;
  display:block;
  width:68px;
  font-weight:700;
  font-size:128.57%;
  color:#e60d73;
}
.how_to_list li .point p{
  display:block;
  color:#e60d73;
  font-weight:500;
  font-size:92.86%;
  line-height:170%;
}

.how_to_list.type_a {
  color: #2b7c4c;
}

.how_to_list.type_a li .step {
  background: #2b7c4c;
}

.how_to_list.type_a li .desc .title {
  color: #2b7c4c;
}

@media (max-width: 850px) {

  .how_to_list{
    margin-left:0;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:0;
  }
  .how_to_list li{
    width:100%;
    float:none;
    clear:both;
    padding-left:0;
  }
  .how_to_list li .desc{
    width:100%;
    float:none;
    padding-left:0;
    padding-bottom:15px;
    clear:both;
  }
  .how_to_list li .image{
    width:100%;
    float:none;
    clear:both;
    margin-top: 10px;
  }
  .how_to_list li .desc p{
    font-size:92.86%;
  }
  .how_to_list li .desc p small{
    padding-top:0;
  }
  .how_to_list li .step{
    font-size:125%;
    margin-bottom:8px;
  }
  
  .how_to_list li .point:before{
    font-size: 12px !important;
    left: 5px !important;
    top: 13px;
    width:38px;
  }
  .how_to_list li .point{
    background:none;
    border: solid 1px #e60d73;
    padding: 7px 10px 7px 52px;
    padding: 5px 5px 5px 40px !important;
  }
  .english_site .how_to_list li .point{
    padding-left:80px;
  }
  .how_to_list li .point p{
    font-size: 12px !important;
    line-height:150%;
  }
  .how_to_list li .desc .title{
    font-size:142.86%;
    padding-bottom:6px;
  }
}



/**
 * ページ
 * /wonder_eyelid/
 */

.inside_contents {
  margin: 0 auto;
  max-width: 1000px;
}

#main .yuGothic {
  font-family: YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-weight: 100;
}

#products_archive_list ul li,
#products_archive_list ul li .desc p {
  text-align: left;
}

.how_to_list + .wonder_title_02 {
  margin-top: 35px;
}

#prod_mainvisu img {
  max-width: 1360px;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

#prod_mainvisu + .wrapper {
  background: red;
  padding: .1px;
  position: relative;
}

.wonder_title_01.type_b + .wonder_boxx_bfaf_01 {
  margin-top: 50px;
}

.wonder_boxx_02 + .wonder_title_01.type_b {
  /* margin-top: 45px; */
  margin-bottom: 35px;
}

.wonder_boxx_02 + .wonder_title_01.type_b .wonder_title_main.extend_01.yuGothic {
  font-size:342.86%;
}

.how_to_list + .wonder_title_02 .wonder_title_main.yuGothic {
  font-size: 282.86%;
}

#tepunohazushikata + .wonder_title_01.type_b {
  margin-top: 115px;
}

#howtouse_katamendetsukuru {
}

#specialmovie_dogadewakarufutaemeiku {
  margin-top: 115px;
}

.movie_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
}

.movie_wrap + .movie_wrap .movie_header {
  margin-top: 35px;
}

.movie_wrap .movie_header {
  margin: 55px auto 15px;
}

.movie_wrap .movie_footer {
  font-size: 16px;
  line-height: 32px;
  margin: 10px auto 0;
  text-align: center;
}

.movie_wrap .movie_footer .movie_title {
  color: #1d2088;
  font-size: 17px;
  font-weight: bold;
  line-height: 22px;
  /* margin: 55px auto 15px; */
  margin: 15px 0 0;
  text-align: center;
}

.movie_wrap .movie_footer .movie_caption {
  margin: 5px 0 0;
}

#single_product > .wrapper {
  padding-bottom: 90px;
}

@media (max-width: 850px) {

  .how_to_list + .wonder_title_02 {
    margin-top: 35px;
  }

  .movie_wrap .movie_footer .movie_title {
    font-size: 15px;
  }

  #products_archive_list {
    padding-top: 0;
  }

  #specialmovie_dogadewakarufutaemeiku {
    margin-bottom: 20px;
    margin-top: 50px;
  }

  .wonder_boxx_02 + .wonder_title_01.type_b {
    margin-bottom: 35px;
    margin-top: 45px;
  }

  #tepunohazushikata + .wonder_title_01.type_b {
    margin-bottom: 20px;
    margin-top: 50px;
  }

  .wonder_title_01.type_b + .wonder_boxx_bfaf_01 {
    margin-top: 10px;
  }

  .movie_wrap .movie_header {
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 8px;
    margin-top: 20px;
  }

  .movie_wrap .movie_footer {
    font-size: 13px;
    line-height: 21px;
    margin-top: 5px;
    text-align: center;
  }

  .movie_wrap + .movie_wrap .movie_header {
    /* margin-top: 25px; */
  }

  #single_product > .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}



/**
 * ワンダー改修 2020022001
 */

.wonder_boxx_sentence_01 {
  /* background: rgba(255, 255, 255, .2); */
  display: flex;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.wonder_boxx_sentence_01 > * {
  width: 50%;
}

.wonder_boxx_sentence_01 big {
  display: inline-block;
  font-size: 36px;
  font-weight: bold;
  margin: 18px 0 10px;
}

.wonder_boxx_sentence_01 .wonder_boxx_sentence_item {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.wonder_boxx_sentence_01 .wonder_boxx_sentence_item:nth-child(1) {
  padding: 0 20px 0 0;
}

.wonder_boxx_sentence_01 .wonder_boxx_sentence_item:nth-child(2) img:nth-child(1) {
  margin-left: -10px;
}

.wonder_boxx_sentence_01 .wonder_boxx_sentence_item:nth-child(2) img:nth-child(3) {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.wonder_boxx_toggle_01 .wonder_boxx_sentence_01 .wonder_boxx_sentence_item b {
  color: #ff0 !important;
}

@media (max-width: 1000px) {

  .wonder_boxx_sentence_01 .wonder_boxx_sentence_item:nth-child(2) img:nth-child(3) {
    top: 15px;
    width: 100px;
  }
}

@media (max-width: 850px) {

  .wonder_boxx_sentence_01 {
    display: block;
  }

  .wonder_boxx_sentence_01 > * {
    width: 100%;
  }

  .wonder_boxx_sentence_01 big {
    font-size: 20px;
    margin: 0;
  }

  .wonder_boxx_sentence_01 .wonder_boxx_sentence_item {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    z-index: 1;
  }

  .wonder_boxx_sentence_01 .wonder_boxx_sentence_item:nth-child(2) {
    margin-left: -5px;
    margin-top: 15px;
  }

  .wonder_boxx_sentence_01 .wonder_boxx_sentence_item:nth-child(2) img:nth-child(1) {
    margin-left: -10px;
  }

  .wonder_boxx_sentence_01 .wonder_boxx_sentence_item:nth-child(2) img:nth-child(2) {
    /* margin-left: -10px; */
    width: 66%;
    max-width: 400px;
  }

  .wonder_boxx_sentence_01 .wonder_boxx_sentence_item:nth-child(2) img:nth-child(3) {
    left: calc(66% + 10px);
    position: absolute;
    right: auto;
    top: 12%;
    z-index: 1;
    width: 100px;
  }

  .wonder_boxx_toggle_01 .wonder_boxx_sentence_01 .wonder_boxx_sentence_item b {
    color: #ff0 !important;
  }
}



/**
 * .how_to_list
 * HOW TO USE キレイなふたえの作り方
 */

.how_to_list li:nth-of-type(2n) {
  /* clear: none; */
}

.how_to_list li:nth-of-type(2n+1) {
  /* clear: none; */
}

.how_to_list li.w_100p {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  clear: both;
}

.how_to_list li.w_100p + *,
.how_to_list li.w_100p + * + * + * {
  clear: left;
}

.how_to_list li.w_100p + * + * {
  clear: right;
}



/**
 * .how_to_list li.w_100p .how_to_boxx
 * HOW TO USE キレイなふたえの作り方
 */

.how_to_list li.w_100p > span {
  width: 100%;
}

.how_to_list li.w_100p .how_to_box {
  width: calc(50% - 30px);
}

.how_to_list li.w_100p > .point {
  padding: 18px 10px 18px 110px;
  width: 100%;
}

.how_to_list li.w_100p .point:before {
  left: 40px;
}

.how_to_list li.w_100p > div:nth-of-type(2) {
  /* background: #e94789; */
  color: #fff;
  /* border-radius: 10px; */
  /* padding: 20px; */
}

.how_to_list li.w_100p > div:nth-of-type(2) .desc {
}

.how_to_list li.w_100p > div:nth-of-type(2) .desc > * {
  color: #fff;
}

.how_to_list li.w_100p > div:nth-of-type(2) > * {
  background: #e94789;
  border-radius: 10px;
  padding: 20px;
  width: calc(100% - 60px);
}

.how_to_list li.w_100p > div:nth-of-type(2) .image {
  max-width: 200px;
  width: 50%;
}

@media (max-width: 850px) {

  .how_to_list li.w_100p > .step,
  .how_to_list li.w_100p > .how_to_box,
  .how_to_list li.w_100p > .point {
    width: 100%;
  }

  .how_to_list li.w_100p > div:nth-of-type(2) {
    margin-top: 30px;
  }

  .how_to_list li.w_100p > div:nth-of-type(2) > * {
    padding: 20px;
    width: 100%;
  }

  .how_to_list li.w_100p > div:nth-of-type(2) .image {
    /* margin-top: 10px; */
    
    max-width: 500px;
    width: 100%;
  }

  .how_to_list li.w_100p > div:nth-of-type(2) .desc > * {
    font-size: 12px;
  }

  .how_to_list li.w_100p > div:nth-of-type(2) .title {
    font-size: 15px;
  }

  .how_to_list li.w_100p > .point {
    padding: 18px 10px 18px 38px;
    width: 100%;
  }

  .how_to_list li .how_to_box .desc{
    padding-right: 0;
    padding-bottom: 0;
  }
}



/**
 * .eyecatch_01
 * エクストラとマイルドが新しくなって使いやすく！
 */

.eyecatch_01 {
}

.eyecatch_01 img {
  height: auto;
  vertical-align: middle;
  width: 100%;
}

.inside_contents .eyecatch_01 {
  margin-top: 30px;
}

@media (max-width: 850px) {

  .inside_contents .eyecatch_01 {
    margin-top: 60px;
  }
}



/**
 * .movie_wrap.shinji_01
 * 武田真治の YOUTUBE動画
 */

.movie_wrap.shinji_01 {
  max-width: 745px;
}

.movie_wrap.shinji_01 .movie_header {
  color: #1d2088;
  font-size: 24px;
  font-weight: bold;
  line-height: 175%;
  margin-bottom: 10px;
  margin-top: 60px;
  text-align: center;
}

@media (max-width: 850px) {

  .movie_wrap.shinji_01 .movie_header {
    font-size: 15px;
    margin-top: 40px;
  }
}