@media (min-width: 670px) {
  .footer_fixed {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background-color: #ffffffad !important;
  }
  
  .new_top_area {
    max-width: 55% !important;
    margin: 0 auto !important;
  }

  .new-rank_dlt dl dd {
    line-height: 25px !important;
  }

  .button-rank-cv::before {
    right: 11.5% !important;
  }

  .button-rank-cv::after {
    right: 12% !important;
  }

  .box1Body {
    max-width: 100% !important;
    width: 90% !important;
  }	

  .box1 .box1Body ul {
    padding: 2em 0 !important;
  }

  .box3Str {
    padding-top: 5em !important;
  }

  .box3 {
    display: flex !important;
    margin-bottom: 3em !important;
  }

  .box3Image {
    margin: 0 !important;
    padding: 3em 0 1em 0 !important;
  }

  .box3Image img {
    width: 95% !important;
  }

  .box3Str {
    margin: 0 !important;
    padding: 9em 0 1em 0 !important;
  }

  .box3Str p {
    font-size: 1vw !important;
    line-height: 2em !important;
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
  }

  .box6Image > img {
    width: 100% !important;
  }

  .box8Body {
    width: 100% !important;
  }	

  step {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-top: 1em !important;
    margin-left: 0 !important;
    font-size: 1.3em !important;
    text-align: center !important;
  }

  step p img {
    width: 25% !important;
    position: absolute;
    left: 28%;
  }
  
  .box5Image img {
    width: 15% !important;
    position: absolute;
    top: 24.3%;
    right: 30%;
  }

  .box7Str p {
    font-size: 1vw;
    padding: 1em 5em 0 5em;
  }

  .box7Image img {
    width: 25% !important;
    margin-top: 0 !important;
  }

  .box7Str p {
    margin: 0 !important;
    padding: 10px !important;
  }

  .box7 {
    padding-bottom: 0 !important;
  }

  .box8 {
    padding: 0 !important;
    margin: 0 !important;
  }

  .box8StrText p {
    font-size: 1vw !important;
    margin: 10px 0 !important;
  }

  .qa_box {
    padding: 2em 0 !important;
    font-size: 1vw !important;
  }

  .qa_box img {
    width: 35% !important;
  }

  .qa_q_img, .qa_a_img {
    text-align: center !important;
  }

  .qa_q111 {
    margin-bottom: 10px !important;
  }

  .qa_area111 {
    font-size: 3em;
    padding: 10px 1em !important;
  }

  .cardtype_ul {
    justify-content: center !important;
    align-items: baseline !important;
    margin: 0em auto !important;
  }

  .backcv {
    top: 70% !important;
    width: 80% !important;
  }

  .backcv .cardtype_ul li {
    text-align: center !important;
  }   
}
  
  .rankingscroll {
      display: flex;
    overflow:scroll;
    justify-content: left;
  }
  
  .box51 {
  max-width: 295px;
  width: 77vw;
  margin: 0 25px 0 0;
  position: relative;
  background: #fff;
  border-top: 3px solid silver;
  box-shadow: 0 0 9px rgb(255 215 153/40%);
  padding: 25px 21px;
    flex: 0 0 auto;
  }
  
 
  body .botan1 {
    float: none;
    width: 100%;
  }
  .comment-meta .comment-author img {
      display: none !important;
  }
  
  /*
  ==================================================
  文字装飾
  ==================================================
  */
  span.strong14{
  font-size:16px;
  font-weight: bold;
  color:#000000;
  }
  
  span.futojiaka14{
  font-size:16px;
  font-weight: bold;
  color:#C50000;
  }
  
  span.futojigreen14{
  font-size:16px;
  font-weight: bold;
  color:#008105
  }
  
  span.futojiao14{
  font-size:16px;
  font-weight: bold;
  color:#0A15FF;
  }
  
  
  span.futojiorange14{
  font-size:16px;
  font-weight: bold;
  color:#FF8C00;
  }
  
  span.strong18{
  font-size:18px;
  font-weight: bold;
  color:#000000;
  }
  
  span.futojiaka18{
  font-size:18px;
  font-weight: bold;
  color:#C50000;
  }
  
  span.futojigreen18{
  font-size:18px;
  font-weight: bold;
  color:#008105;
  }
  
  span.futojiao18{
  font-size:18px;
  font-weight: bold;
  color:#0A15FF;
  }
  
  
  span.futojiorange18{
  font-size:18px;
  font-weight: bold;
  color:#FF8C00;
  }
  
  span.futojishian18{
  font-size:18px;
  font-weight: bold;
  color:#4E8FFF;
  }
  
  span.futojishian14{
  font-size:16px;
  font-weight: bold;
  color:#4E8FFF;
  }
  
  /*
  ==================================================
  ボックス
  ==================================================
  */
  

  /*
  ==================================================
  ボタンスタイル
  ==================================================
  */
  
  a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: “alpha( opacity=80 )”;
  }
  
  /*
  ==================================================
  ボックス
  ==================================================
  */
  .box8 {
      padding: 0.5em 1em;
      margin: 2em 0;
      color: #232323;
      background: #fff8e8;
  }
  .box8 p {
      margin: 0; 
      padding: 0;
  }
  
  .box17{
      margin:2em 0;
      position: relative;
      padding: 0.5em 1.5em;
      border-top: solid 2px black;
      border-bottom: solid 2px black;
  }
  .box17:before, .box17:after{
      content: '';
      position: absolute;
      top: -10px;
      width: 2px;
      height: -webkit-calc(100% + 20px);
      height: calc(100% + 20px);
      background-color: black;
  }
  .box17:before {left: 10px;}
  .box17:after {right: 10px;}
  .box17 p {
      margin: 0; 
      padding: 0;
  }
  
  .button_wrapper{
     text-align:center;
  }
  
  .rank1 {
   padding: 1em 1em;
   margin: 2em auto;
   width: 95%;/*幅の調節*/
   background: #FFF;
   border: solid 3px #FFBE4E;/*線の色*/
   border-radius: 10px;/*角の丸み*/ 
  }
  
  #reply-title {
    margin: 5% 0 0 0 !important;
    text-align: center !important;
    background-color: #4E8FFF !important;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em !important;
    border-bottom: none !important;
  }
  
  .main-body .comment-form-title {
      margin: 0 !important;
      text-align: center !important;
      background: #4E8FFF !important;
      color: #fff;
      font-weight: bold;
      font-size: 1.5em !important;
      border-bottom: none !important;
  }
  
  .reply {
     display: none;
  }
  
  .commentlist {
      background: #4E8FFF !important;
      margin: 0 !important;
  }
  
  .commentlist li {
        margin: 0% 1% 0 1%;
      background: #fff;
       padding: 0 !important;
  }
  
  .comment-body {
        padding: 1% 2% 1% 2%;
  }
  
  .comment-content div.rating-container.crfp-group-1 {
      border-top: dashed 2px #cccccc;
  }
  
  .comment-meta .comment-author img {
  width: 50px;
  }
  
  .container2 {
    width: 80%;
    margin: 15px auto;
  }
  
  
  .box {
  display: inline-block;
      width: 100%;
      margin:0 auto;
    position: relative;
  }
  
  .boxContainer {
      width: 80%;
    margin: 0 auto;
  text-align: center;
  }
  
   
  .boxContainer:after {
      clear: both;
  }
   
  /* For IE 6/7 (trigger hasLayout) */
  .boxContainer {
      zoom: 1;
  }
  
@media only screen and (min-width:500px){
  .box {
    display: inline-block;
    width: 30%;
    margin:0 1%;
    position: relative;
  }
  
  .boxContainer {
      width: 100%;
      margin:0 auto;
    overflow: hidden;
  }
  
   
  .boxContainer:after {
      clear: both;
  }
   
  /* For IE 6/7 (trigger hasLayout) */
  .boxContainer {
      zoom: 1;
  }
}
  
  span input {
  width: 80%;
  font-weight: bold;
    font-size: 130%;
    margin:2% 0 0 0;
  }
  
  section table { width: 100%; }
  section th, section td  { padding: 10px; border: 1px solid #FFCC00; }
  section th  { background: #FFFFCC; }
   
  /*----------------------------------------------------
    .demo01
  ----------------------------------------------------*/
  .demo01 th  {
    width: 30%;
    text-align: left;
    background: #FFFFCC;
  }
  
  .demo01 {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  }
    
  .demo01 th {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  }
  
  .demo01 td {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  }
   
  @media only screen and (max-width:480px){
      .demo01 { margin: 0; }
      .demo01 th,
      .demo01 td{
      width: 90%;
      display: block;
      border-top: none;
      }
    .demo01 tr:first-child th { border-top: 1px solid #ddd; }
  }
  
  /*----------------------------------------------------
    .demo02
  ----------------------------------------------------*/
  .demo02 th  {
    width: 10%;
    text-align: left;
    background: #FFFFCC;
  }
  
  .demo02 {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  }
    
  .demo02 th {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  }
  
  .demo02 td {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  }
   
  @media only screen and (max-width:480px){
      .demo02 { margin: 0; }
      .demo02 th,
      .demo02 td{
      width: 90%;
      display: block;
      border-top: none;
      }
    .demo02 tr:first-child th { border-top: 1px solid #ddd; }
  }
  
  .chart_price {
    position: relative;
  }
  
  .gurahu {
     position: absolute;
     top: 0;
     left: 0;
     margin: auto;
     right: 0;
     margin: auto;
     text-align: center;
     top: 53%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%); 
  }
  
  .gurahu2 {
     position: absolute;
     top: 0;
     left: 0;
     margin: auto;
     right: 0;
     margin: auto;
     text-align: center;
     top: 62%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%); 
  }
  
  .gurahu3 {
     position: absolute;
     top: 0;
     left: 0;
     margin: auto;
     right: 0;
     margin: auto;
     text-align: center;
     top: 49%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%); 
  }
  
  .gurahu4 {
     position: absolute;
     top: 0;
     left: 0;
     margin: auto;
     right: 0;
     margin: auto;
     text-align: center;
     top: 58%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%); 
  }
  
  .rank-l {
    width: 48%;
    display: block;
  height: auto;
  float: left;
    margin: -5% 0 0 0;
  }
  
  .rank-r {
      float: inline-end;
    width: 50%;
    float: right;
  }
  
  .rank-r img {
  margin: 0 auto;
  }
  
  .ranking h3 {
  font-weight: bold;
  font-size: 1.5em;
  background-color: cornflowerblue;
  color: #fff;
  text-align: center;
    border-bottom: none;
    padding: 5px !important;
    margin: 10% 0 5% !important;
  }
  
  .ranking h4 {
  margin: 0 0 3% 0 !important;
  background: cornflowerblue;
  color: #fff;
  border-bottom: none;
  padding: 10px;
  }
  
  .ranking .boxContainer {
    border: 3px solid cornflowerblue;
  padding: 0 !important;
    margin: 3% auto;
  }
  
  .ranking #hako {
  width: 100%;
  margin: 0 auto;
      padding: 0;
  overflow: hidden;
    border: 3px solid #cccccc;
  }
  
  .rank-midasi {
  position: relative;/*相対位置*/
  padding-left: 1.8em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  font-size: 140%;
  margin: 2%;
  font-weight: bold;
  }
  
  .rank-midasi:before{ font-family: "FontAwesome";/*忘れずに*/
  content: "\f075";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1.5em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: -10px;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
  }
  
  .ribbon_box2 {    
      display: block;
      position: relative;
      margin: 15px auto;
      padding: 10px 15px;
      width: 100%;
      background: #f1f1f1;
      box-sizing: border-box;
    overflow: hidden;
    }
  
  .ribbon12 {    
      display: inline-block;
      position: absolute;
      top: 0;
      right: 10px;
      margin: 0;
      padding: 10px 0;
      z-index: 2;
      width: 40px;
      text-align: center;
      font-size: 17px;
      color: white;
      background: #ff785b;
    border: solid 1px #cccccc;
  }
  
  .ribbon12:after{
      content: '';
      position: absolute;
      left: 0;
      top: 100%;
      height: 0;
      width: 0;
      border-left: 20px solid #ff785b;
      border-right: 20px solid #ff785b;
      border-bottom: 10px solid transparent;
  }
  
  .ribbon_box2 p {
  margin: 3%;
  }
  
@media only screen and (max-width:480px){
  .ranking .box {
    width: 80%;
    }
    
  .ranking .boxContainer {
    width: 100%;
    }
    
  .rank-l {
    float: none;
    width: 90%;
    margin: -5% auto;
  }
  
  .rank-r {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
    
    .rank-midasi {
  font-size: 110%;
  }
}
  
  .square_btn{
      display: inline-block;
      position: relative;
      padding: 0.5em 1.4em 0.2em 1.4em;
      text-decoration: none;
      background: #008105;/*ボタン色*/
      color: #FFF;
      border-bottom: solid 5px #005803;/*ボタン色より暗めに*/
      border-right: solid 5px #007A05;/*ボタン色より暗めに*/
  width: 80%;
    text-align: center;
    height: 50px;
    font-weight: bold;
    margin: 0 50px 0;
    font-size: 140%;
  }
  
  .square_btn:before{    
      content: " ";
      position: absolute;
      bottom: -5px;
      left: -1px;
      width: 0;
      height: 0;
      border-width: 0 6px 6px 0px;
      border-style: solid;
      border-color: transparent;
      border-bottom-color: #FFF;
  }
  
  .square_btn:after{   
      content: " ";
      position: absolute;
      top: -1px;
      right: -5px;
      width: 0;
      height: 0;
      border-width: 0px 6px 6px 0px;
      border-style: solid;
      border-color: #FFF;
      border-bottom-color: transparent;
  }
  
  .square_btn:active{ /*ボタンを押したとき*/
      border:none;
      -ms-transform: translate(6px,6px);
      -webkit-transform: translate(6px,6px);
      transform: translate(6px,6px);
  }
  
  .square_btn:active:after,.square_btn:active:before {
      content: none;/*ボタンを押すと線が消える*/
  }
  
  .rank-button {
   width: 100%; 
  }
  
  .square_btn2{
      display: inline-block;
      position: relative;
      padding: 0.5em 1.4em 0.2em 1.4em;
      text-decoration: none;
      background: #FE831C;/*ボタン色*/
      color: #FFF;
      border-bottom: solid 5px #C06D27;/*ボタン色より暗めに*/
      border-right: solid 5px #FFAE6A;/*ボタン色より暗めに*/
  width: 80%;
    text-align: center;
    height: 50px;
    font-weight: bold;
    margin: 0 50px 0;
    font-size: 140%;
  }
  
  .square_btn2:before{    
      content: " ";
      position: absolute;
      bottom: -5px;
      left: -1px;
      width: 0;
      height: 0;
      border-width: 0 6px 6px 0px;
      border-style: solid;
      border-color: transparent;
      border-bottom-color: #FFF;
  }
  
  .square_btn2:after{   
      content: " ";
      position: absolute;
      top: -1px;
      right: -5px;
      width: 0;
      height: 0;
      border-width: 0px 6px 6px 0px;
      border-style: solid;
      border-color: #FFF;
      border-bottom-color: transparent;
  }
  
  .square_btn2:active{ /*ボタンを押したとき*/
      border:none;
      -ms-transform: translate(6px,6px);
      -webkit-transform: translate(6px,6px);
      transform: translate(6px,6px);
  }
  
  .square_btn2:active:after,.square_btn:active:before {
      content: none;/*ボタンを押すと線が消える*/
  }
  
@media only screen and (max-width:500px){
    .square_btn{
    margin: 2% 0 0 0;
    }
    .square_btn2{
      margin: 2% 0 0 0;
    }
}
  
  /* 
   * コンバージョンボタン
   */
  .btn-cv {
    padding: .5em 0;
    position: relative;
  }
  .btn-cv a {
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: #fff;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3;
    margin: 0.5em auto;
    padding: 1em 2em .8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    width: 70%;
  }
  .btn-cv.is-fz20 a {
    font-size: 20px;
  }
  .btn-cv a img {
    vertical-align: middle;
  }
  .btn-cv a:after {
    content: ' ' !important;
  }
   
  /* ボタン内のアイコン */
  .btn-cv a:before {
    content: "\f138";
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 1.1em;
    margin-top: -.6em;
    position: absolute;
    right: 15px;
    top: 50%;
  }
  .btn-cv a:hover {
    box-shadow: 1px 1px 2px 0 #a1a1a1;
    filter: alpha(opacity=70);
    opacity: .7;
  }
   
  /* 2つ連続で並べる場合の余白 */
  .btn-cv + .btn-cv a {
    margin-top: 0;
  }
   
   
  /* 赤ボタン */
  .btn-cv.is-red a {
    background: #fb4e3e;
    background: -webkit-linear-gradient(#00a23f, #39900a);
    background: linear-gradient(#fb4e3e, #d64b26);
  }
   
  /* 青ボタン */
  .btn-cv.is-blue a {
    background: #09c;
    background: -webkit-linear-gradient(#09c, #069);
    background: linear-gradient(#09c, #069);
  }
   
  /* 黒ボタン */
  .btn-cv.is-black a {
    background: #666;
    background: -webkit-linear-gradient(#8a8a8a, #666);
    background: linear-gradient(#8a8a8a, #666);
  }
   
  /* ボタンの光沢 */
  .is-reflection a {
    overflow: hidden;
  }
  .is-reflection a:after {
    -moz-animation: is-reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: is-reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: is-reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: is-reflection 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: is-reflection 4s ease-in-out infinite;
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    transform: rotate(45deg);
    width: 30px;
  }
  /* アニメーションを遅延させる */
  .is-reflection + .is-reflection a:after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
  }
  @keyframes is-reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
  }
  @-webkit-keyframes is-reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
  }
   
  /* CVボタン矢印揺れ */
  .is-trembling a:before {
    -webkit-animation-name:is-trembling;
    -webkit-animation-duration:.8s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    -moz-animation-name:is-trembling;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
  }
  @-webkit-keyframes is-trembling {
    0% {-webkit-transform:translate(-3px, 0);}
    100% {-webkit-transform:translate(0, 0);}
  }
   
  /* ボタンをバウンドさせる */
  .is-bounce {
    animation: bounce 4s infinite;
    -moz-animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
  }
  @-webkit-keyframes bounce {
    0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
    5% {-webkit-transform: translateY(-6px);}
    12% {-webkit-transform: translateY(-4px);}
  }
  @keyframes bounce {
    20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
    25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
    32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
  }
  /* アニメーションを遅延させる */
  .is-bounce + .is-bounce {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
   
  /* ぷるるるるん！ */
  .is-purun {
    -webkit-animation: is-purun 5s infinite;
    -moz-animation: is-purun 5s infinite;
    animation: is-purun 5s infinite;
  }
  @-webkit-keyframes is-purun {
     0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
     4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
     8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
    12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
    18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
    25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  }
  @keyframes is-purun {
     0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
     4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
     8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
    12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
    18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
    25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  }
  /* アニメーションを遅延させる */
  .is-purun + .is-purun {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
   
   
   
   
  /**
   * ===============================================
   * MediaQuery : スマホ対応
   * ===============================================
   */
  @media only screen and (max-width: 767px) {
    /* コンバージョンボタン */
    .btn-cv a {
      font-size: 1.3em;
      margin: 0 auto;
      width: 68%;
    }
  }
  
  /**
   * ===============================================
   * ランキング点数
   * ===============================================
   */
  
  .ranking h3 .score {
  background: #fff !important;
  color: #ff785b;
  border-radius: 50%;
  margin: 0 1%;
  border: solid 3px #CCCCCC;
  font-size: 1.5em;
  padding: 8px;
  font-weight: normal;
  }
  
  
  /* アコーディオン */
  .ac-container{
      width: auto;
      margin: 30px auto;
  }
  .ac-container label{
      width: 300px;
      text-align: center;
      background: #ff9b9b;
      margin: auto;
      padding: 10px 5px;
      position: relative;
      display: block;
      height: 40px;
      cursor: pointer;
      color: #fff;
  }
  .ac-container label:hover{
      background: rgba( 255, 155, 155, 0.55 );
      -webkit-transition: all .3s;
      transition: all .3s;
  }
  .ac-container label:after{
   color: #fff;
      font-family:"FontAwesome";
      content:"\f067";
  }
  .ac-container input:checked ~ label::after {
   color: #fff;
     font-family:"FontAwesome";
     content:"\f068";
  }
  .ac-container input{
     display: none;
  }
  .ac-container div{
     background: rgba(255, 255, 255, 0.5);
     margin-top: -1px;
     overflow: hidden;
     height: 0px;
     position: relative;
     z-index: 10;
     transition: 
     height 0.3s ease-in-out, 
     box-shadow 0.6s linear;
  }
  .ac-container input:checked ~ div{
     transition: 
     height 0.5s ease-in-out, 
     box-shadow 0.1s linear;
     box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
  }
  .ac-container div p{
     color: #777;
     line-height: 23px;
     font-size: 14px;
     padding: 20px;
  }
  /* 高さの定義 */
  .ac-container input:checked ~ div.ac-small{
     height: 150px;
  }
  .ac-container input:checked ~ div.ac-medium{
     height: 200px;
  }
  .ac-container input:checked ~ div.ac-large{
     height: 300px;
  }
  
  .is-blue {
  float: right;
  }
  
  .btn-cv {
      width: 100%;
  }
  
    .botan1 {
  float: none;
  width: 100%;
  }
  
  .botan2 {
  width: 100%;
  float: none;
  }
  
@media only screen and (min-width:500px){
  .botan1 {
    float: left;
    width: 48%;
  }
  
  .botan2 {
    width: 48%;
    float: right;
   }
  }
  
  .mg {
    margin: 50% 0 0 0;
  }
  
@media only screen and (min-width:500px){
    .mg {
    margin: 30% 0 0 0;
  }
}
  
  .wpp-post-title {
  padding: 0 !important;
  }
  
  .orange {
      color: #ff6600 !important;
  }
  
  .f12em {
      font-size: 1.3em;
  }
  
  .b {
      font-weight: bold !important;
  }
  
  .main-article p {
      margin-bottom: 2.5em;
    color: #333 !important;
  }
  
  .aqua {
      color: #167FA6 !important;
  }
  .main-body h2 {
  font-size: 1.5em !important;
  }

@media only screen and ( max-width: 736px ) {
  .main-body h2 {
    font-size: 1.2em !important;
  }
}

  p {
      margin: 0 0 1.8em !important;
  }
  .imptxt {
      background-color: #d4f0f7;
      border-radius: 10px;
      padding: 5px 5px 3px;
      margin: 4px;
  }
  .main-conts .gurahu3 {
  top: 44% !important;
  }
  .main-conts .gurahu4 {
  top: 53% !important;
  }
  .main-conts aside .gurahu3 {
  top: 49% !important;
  }
  .main-conts aside .gurahu4 {
  top: 58% !important;
  }
  
  .pochitto_btn_blue {
    display: inline-block;
    width: 80%;
    padding: 0.8em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background:#0C88CA;
    border-bottom:4px solid #005691;
    border-radius: 4px;
    transition: .0s;
  }
  .pochitto_btn_blue:hover {
     cursor: pointer;
     text-decoration: none;
     background:#005691;
     transform: translate3d(0, 4px, 0);
     transition: .0s;
     border-bottom: none;
  }
  
  /* 二重線　囲み枠 */
  .kakomi-box10 {
   margin: 2em auto;
   padding: 1em;
   border: 5px double #6495ed; /*太さ・線種・色*/
   color: #333; /* 文字色 */
   background-color: #fff; /* 背景色 */
   border-radius: 1px; /*角の丸み*/
  }
  
  /* マーカー線・赤 */
  .marker1{
  background:linear-gradient(transparent 80%, #ffadad 85%);
  font-weight:bold; 
  font-size: 17px;
  }
  
  /* マーカー線・青 */
  .marker4{
   background: linear-gradient(transparent 80%, #c1e0ff 85%);
  font-weight: bold;
  font-size: 17px;
  }
  
  /* マーカー線・黄色 */
  .marker7{
  background:linear-gradient(transparent 80%, #fff799 85%);
  font-weight:bold;
  font-size: 17px;
  }
  
  
  h2 {
      background: #fff;
      color: #333;
      font-size: 1.8rem;
  }
  
  .box_nomal {
    padding: 1em 0;
  }
  
  .box_rakuraku {
      background-color: #fff;
      padding: 10px 10px;
      width: 60%;
      margin-right: auto;
      margin-left: auto;
    box-shadow: 5px 5px 9px #afabab;
  }
  
  .box_iinecredit {
    background-color: #fff;
    padding: 10px 10px;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  margin-bottom: 2em;
    box-shadow: 5px 5px 9px #afabab;
  }
  
  .al-c {
      text-align: center!important;
      font-weight: bold;
      padding-bottom: 14px;
    padding-top: 14px;
  }
  
  .box_01,.box_02,.box_rakuraku,.box_iinecredit p {
      margin-bottom: 10px;
  }
  
  .box_01, .box_02 p {
      margin-bottom: 10px;
  }
  
  .box_01,.box_02 {
      background-color: #fbf9f7;
  padding: 10px;
      width: 60%;
      margin-right: auto;
      margin-left: auto;
    box-shadow: 5px 5px 9px #afabab;
  }
  
  .text_large {
      font-size: 2em;
  }
  
  .y_maker {
      font-size: 1.6em;
      font-weight: bold;
  }
  
@media (max-width: 768px){
    .box_01,.box_02 {
      width: 99%;
    }

    .box_rakuraku,.box_iinecredit {
      width: 90%;
    }

    .text_large {
      font-size: 1.8em;
    }
}
  

  
  .matomebox {
      margin-top: 50px;
      padding-bottom: 30px;
      background-color: #ffcd54;
  }
  
  .matomebox0 {
      margin-top: 50px;
      padding-bottom: 30px;
  }
  
  
  .matomebox1 {
      margin-top: 50px;
      padding-bottom: 30px;
      background-color: #ffb56f;
  }
  
  .matomebox2 {
      margin-top: 50px;
      padding-bottom: 30px;
      background-color: #2358a8;
  }
  
  .matomebox3 {
    margin-top: 50px;
    padding-bottom: 30px;
    background-color: #fecd1e;
  }
  
  .matomebox4 {
      margin-top: 50px;
      padding-bottom: 30px;
      background-color: #53dbc0;
  }
  
  .matomebox5 {
      margin-top: 50px;
      padding-bottom: 30px;
      background-color: #ffffff;
  }
  
  .matomebox_siharai {
    margin-top: 50px;
      padding-bottom: 30px;
      background-color: #00a298;
  }
  
  .matomebox,.matomebox1,.matomebox2,.matomebox3,.matomebox4,.matomebox0,.matomebox5,.matomebox_siharai img {
      margin-bottom: 0;
  }
  
  .matomebox0 img {
      margin-bottom: 0;
  }
  
  
  .howto2 {
      margin-top: 2em;
      margin-bottom: 2em;
      background-color: #dfd1ab;
      padding: 1em;
  }
  
  .box_text .howto2 {
      margin-top: 0px;
  }
  .box_text p {
      margin-bottom: 0;
  }
  
  .storong_t {
      font-size: 1.6em;
      font-weight: bold;
  }
  
  .nyukin_kakunin p {
      margin-bottom: 0;
  }
  
  .reason {
  margin-top: 2em;
  background-color: #f6f0ea;
  padding-top: 2em;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 2em;
  margin-bottom: 1em;
  }
  
  .point {
      width: 80%;
      height: auto;
      margin-right: auto;
      margin-left: auto;
  　　margin-bottom: 2em!important;
  }
  
  .point img {
      margin-bottom: 0;
  }
  
  
  .howto {
      margin-top: 2em;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  
  .howto {
      margin-bottom: 2em;
  }
  
  .howto img {
      width: 100%;
  
  }
  
  .box_01 img {
      width: 90%;
  }
  
  .steps {
    /* 連番カウンター名の定義 */
    counter-reset: step-counter;
    /* 縦棒との位置関係に必要 */
    position: relative;
    /* 縦棒と連番のためのスペースを左に確保 */
    padding-left: 2rem; /* 連番(1.5rem) + 余白 */
  }
  
  /* 縦棒 */
  .steps:before {
      content: "";
      background-color: #d59533;
      width: 1px;
      position: absolute;
      top: 3.1rem;
      left: 1.1rem;
      height: calc(100% - 2.7rem);
      z-index: 0;
  }
  
  .steps > h3 {
    /* 連番カウンターを+1する */
    counter-increment: step-counter;
    /* 連番カウンターを垂直方向に中央揃えで表示する */
    display: flex;
    align-items: center;
  }
  
  /* ①②③など連番 */
  .steps > h3:before {
       content: counter(step-counter);
      background: #d59533;
      color: white;
      font-size: 2.0rem;
      font-weight: normal;
      line-height: 2.5rem;
      text-align: center;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 1.5rem;
      position: absolute;
      left: 0;
      z-index: 1;
  
  }
  
  .steps h3 {
      border: none;
      padding-left: 1em;
      color: #d59533;
  }
  
  .yohaku {
      margin-bottom: 1em!important;
    padding-bottom: 10px;
      background-color: #fff;
  }
  
  .anim-box {
      animation-name: anim-box;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      width: 80%;
      text-align: center;
      margin-right: auto;
      margin-left: auto;
  }
  
  @keyframes anim-box {
   0% , 100%{
        transform: rotate(1deg);
    }
    50%{
        transform: rotate(-1deg);
    }
  }
  
@media (max-width: 768px){
  .anim-box {
      width: 100%;
  }
}
  
  .steps img {
    width: 90%;
  }
  
  .card-type img {
      width: 80%;
      box-shadow: 6px 3px 12px #ccc;
  }
  
  .card-type img:active {
      transform: translate(0,2px);
      border-bottom: none;
  }
  
  h2:not(.title_no-style) {
      background: #fff;
  }
  
  .keni-copyright {
      text-align: center;
  }
  
@media (max-width: 767px){
  .keni-footer_outer .footer-menu li{
      width: 100%;
      text-align: center;
    }
}
  
  .keni-header_wrap {
      background-color: #f0f0f0;
  }
  
  .mitumori_t {
      text-align: center;
      font-size: 1vw;
      font-weight: bold;
      margin-bottom: 0.8em;
      border-bottom: solid 5px #d94b59;
      width: 50%;
      margin-right: auto;
      margin-left: auto;
  }
  
  .mitumori_t_s {
      text-align: center;
      font-size: 1vw;
      font-weight: bold;
      margin-bottom: 0.8em;
      border-bottom: solid 5px #2358a6;
      width: 50%;
      margin-right: auto;
      margin-left: auto;
  }
  
  .mitumori_r {
    text-align: center;
     font-size: 1vw;
    font-weight: bold;
    margin-bottom: 0.8em;
    border-bottom: solid 5px #f8cc4f;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .mitumori_iine {
      text-align: center;
      font-size: 1vw;
      font-weight: bold;
      margin-bottom: 0.8em;
      border-bottom: solid 5px #ff7700;
      width: 50%;
      margin-right: auto;
      margin-left: auto;
  }
  
  .mitumori_aria {
    text-align: center;
     font-size: 1vw;
    font-weight: bold;
    margin-bottom: 0.8em;
    border-bottom: solid 5px #ff914d;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  
  
  
  .mitumori_answer{
     text-align: center;
      font-size: 1vw;
      font-weight: bold;
      margin-bottom: 0.8em;
      border-bottom: solid 5px #c12227;
      width: 50%;
      margin-right: auto;
      margin-left: auto;
  }
  
  .mitumori_tascal {
    text-align: center;
     font-size: 1vw;
    font-weight: bold;
    margin-bottom: 0.8em;
    border-bottom: solid 5px #e800e8;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .mitumori_osaihu {
    text-align: center;
     font-size: 1vw;
    font-weight: bold;
    margin-bottom: 0.8em;
    border-bottom: solid 5px #d65069;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .mitumori_caeru {
      text-align: center;
      font-weight: bold;
      margin-bottom: 0.8em;
      border-bottom: solid 5px #56c7ff;
      margin-right: auto;
      margin-left: auto;
    width: 40%;
  }
  
  .mitumori_clutch {
      text-align: center;
      font-size: 1vw;
      font-weight: bold;
      margin-bottom: 0.8em;
      border-bottom: solid 5px #0c2d84;
      width: 50%;
      margin-right: auto;
      margin-left: auto;
  }
  
@media (max-width: 768px){
  .mitumori_t,.mitumori_t_s,.mitumori_r,.mitumori_tascal,.mitumori_osaihu,.mitumori_caeru,.mitumori_clutch,.mitumori_answer,.mitumori_iine {
      font-size: 4vw;
      width: 75%;
  }
}
  
  p.kutikomi {
      margin-bottom: 1em;
      padding: 0.5em;
      font-size: 0.8em;
  }
  
  p.kutikomi.money {
    background-color: rgb(255, 215, 19);
    color: #333;
  }
  
  
  p.kutikomi.support {
    background-color: rgb(101, 220, 54);
    color: #333;
  }
  
  p.kutikomi.speed {
    background-color: rgb(60, 209, 253);
    color: #333;
  }
  
  .chart {
      display: flex;
      width: 100%;
      padding: 1em;
      background-color: #fff1db;
  }
  
  .chart_box img {
      width: 100%;
  }
  
  .chart canvas#status01,#status02,#status03,#status4,#status5,#status6,#status07,#status08,#status09 {
      display: block;
      width: 33%!important;
      height: 33%!important;
  }
  
@media (max-width: 768px){
  .chart {
      display: block;
      width: 100%;
      padding: 2em;
      background-color: #fff1db;
  }
  
  .chart canvas#status01,#status02,#status03,#status4,#status5,#status6,#status07,#status08,#status09 {
      width: 99%!important;
      height: 99%!important;
  }
}
  
  .reason_title {
    font-size: 2em;
    text-align: center;
    margin-bottom: 1em;
    font-weight: bold;
    line-height: 1.3em;
    border-bottom: solid 2px #333;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
@media (max-width: 768px){
  .reason_title {
    font-size: 1.2em;
  }
  .reason_title .long_title {
    font-size: 0.8em !important;
  }
}
  
  .sikumi_rakuraku {
    padding: 15px;
    background-color: #f6ebc9;
    margin: 15px;
  }
  
  .sikumi_tascal {
  background-color: #ffefb1;
  margin: 15px;
  }
  
  .howto-img img {
      width: 80%;
  }
  
  h2.midashi_h2 {
      text-align: center;
      font-size: 1.4em;
      background-color: #333;
      padding: 15px 0;
      border-radius: 5px;
      color: #fff;
  }

@media (max-width: 768px){
  h2.midashi_h2 {
    font-size: 1.2em;
  }
}
  
    a.btn_black {
      background-color: #0aabd9;
      color: #fff;
      display: block;
      text-align: center;
      padding: 15px;
      text-decoration: none;
      font-size: 1.2em;
      font-weight: bold;
      border-radius: 15px;
      box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 35%);
  }
  
  .btn {
      display: inline-block;
      position: relative;
      margin-bottom: 1em;
      padding: 1em 2em;
      border: 0;
      border-radius: 8px;
      box-shadow: 2px 2px 0px #e9e9e9;
      background: #aaa;
      color: #fff;
      font-size: 1em;
      width: 80%;
  }
  
  .btn_orange {
      background: #e69400!important;
      color: #fff;
  }
  
  .cvb2 {
      text-align: center;
        margin-top: 2em;
  }
  
  .cvb2 a {
      background-color: #fca60d;
      padding: 10px;
      color: #fff;
      border-radius: 10px;
      text-decoration: none;
  }
  
  .mitumori_siharai {
      text-align: center;
      font-size: 1em;
      font-weight: bold;
      margin-bottom: 0.8em;
      border-bottom: solid 5px #ff914d;
      width: 60%;
      margin-right: auto;
      margin-left: auto;
  }
  
  a.cv {
      background-color: #ff914d;
      color: #fff;
      border-radius: 15px;
      padding: 1em;
      text-decoration: none;
      font-weight: bold;
      font-size: 1.2em;
  }
  
  .cvbtn {
      text-align: center;
      margin-top: 2em;
      margin-bottom: 2em;
  }
  
  .kakomi {
   margin: 2em auto;
   padding: 1em;
   width: 90%;
   border: 5px double #8491c3; /*太さ・線種・色*/
   color: #333; /* 文字色 */
   background-color: #fff; /* 背景色 */
   border-radius: 1px; /*角の丸み*/
  }
  
  .btn-green {
      background-color: #5bc130;
  }
  
  .backcv .button-rank-cv::before {
      position: absolute;
      right: 10.5%;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #fff;
      content: '';
    }
  
  .backcv .button-rank-cv::after {
      transform: rotate(90deg);
      content: '▲';
      position: absolute;
      right: 13%;
      color: #2589d0;
      top: 15%;
      font-size: 1.2em;
    }
  
  .backcv .new-rank_box {
    background-color: #fff;
    padding: 10px;
    height: 45em;
    margin-top: -30%;
    overflow: auto;
  }
  .backcv .new-rank_title_img{
    width: 35px;
  }
  
  .backcv .new-rank_cardtype .cardtype_ul li {
    margin-left: 0px !important;
  }
  
  .new-rank_dlt dd {
    height: 4em;
    align-items: center;
    display: grid;
  }
  
  #tab222_content .new-rank_cardtype .cardtype_ul li, #tab444_content .new-rank_cardtype .cardtype_ul li {
    width: 22%;
    background-color: #fff;
    border: 2px solid #28789e;
  }
  
  #tab222_content .cardtype_ul, #tab444_content .cardtype_ul {
    flex-wrap: wrap;
  }
  
  #tab222_content .new-rank_cardtype .cardtype_ul .cardtype_li_1234, #tab444_content .new-rank_cardtype .cardtype_ul .cardtype_li_1234 {
    margin-bottom: 0 !important;
  }
  
  footer {
    padding-bottom: 50em;
  }

  .tabs {
    margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    margin: 0 auto;}
  

  
@media (max-width: 768px){
  .tab_item {
    height: 50px;
    line-height: 24px;
  }
}
  
  
  /*選択されているタブのコンテンツのみを表示*/
  #tab111:checked ~ #tab111_content,
  #tab222:checked ~ #tab222_content,
  #tab333:checked ~ #tab333_content,
  #tab444:checked ~ #tab444_content{
    display: block;
  }


  
  .hide-area{
    display: none;
  }
  
  /*全て共通：モーダルのボタンの色を変更したい場合*/
  .modaal-close:after, 
  .modaal-close:before{
    background:#ccc;  
  }
  
  .modaal-close:focus:after,
  .modaal-close:focus:before,
  .modaal-close:hover:after,
  .modaal-close:hover:before{
    background:#666;
  }
  
  /*確認を促すモーダル：タイトルの色を変更したい場合*/
  #modaal-title{
    font-size:1.2rem;
    text-align: center;
    margin: 0 0 20px 0;
  }
  
  /*動画表示のモーダル：余白を変更したい場合*/
  .modaal-video .modaal-inner-wrapper{
    padding:0;
  }
  
  /*以下はコンテンツ内のレイアウト*/
  .info-list dl,
  .gallery-list{
    display: flex;
  }
  
  .info-list dt{
    margin:0 10px 0 0;
  }
  
  .gallery-list li{
    margin:0 10px 0 0;
  }
  
  
  
  /*========= レイアウトのためのCSS ===============*/
  
  header{
    background: #333;
  }
  
  header h1{
    font-size:1.5rem;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    color: #fff;
  }
  
  h2{
    font-size:1.2rem;
    text-align: center;
    margin: 0 0 30px 0;
  }
  
  ul{
    list-style: none;
  }
  
  p,ul{
    margin-top:20px;  
  }
  
  a{
    color:#333;
  }
  
  small{
    background:#333;
    color:#fff;
    display: block;
    text-align: center;
    padding:20px;
  }
  
  
  section{
    padding:30px;
  }
  
  section:nth-child(2n){
    background:#f3f3f3; 
  }
  
  img{
    max-width: 100%;
    height: auto;
  }

  #info{
    display: none;
  }
  

  .modaal-container{
      max-width: 600px;
  }
  

  .modaal-close:after, 
  .modaal-close:before{
    background:#ccc;	
  }
  
  .modaal-close:focus:after,
  .modaal-close:focus:before,
  .modaal-close:hover:after,
  .modaal-close:hover:before{
    background:#666;
  }
  

  
  header{
    background: #333;
  }
  
  h1{
    font-size:1.5rem;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    color: #fff;
  }
  
  h2{
    font-size:1.2rem;
    text-align: center;
    margin: 0 0 30px 0;
  }
  
  p,ul{
    margin-top:20px;	
  }
  
  ul{
    list-style: none;
  }
  
  a{
    color:#333;
      outline: none;
  }
  
  small{
    background:#333;
    color:#fff;
    display: block;
    text-align: center;
    padding:20px;
  }
  
  
  section{
    padding:30px;
  }
  
  section:nth-child(2n){
    background:#f3f3f3;	
  }
  
  img{
    max-width: 100%;
    height: auto;
  }
 
  html {
    box-sizing: border-box;
    overflow-y: scroll; /* All browsers without overlaying scrollbars */
    -webkit-text-size-adjust: 100%; /* iOS 8+ */
  }
  
  *,
  ::before,
  ::after {
    background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    box-sizing: inherit;
  }
  
  ::before,
  ::after {
    text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
  }
  
  * {
    padding: 0; /* Reset `padding` and `margin` of all elements */
    margin: 0;
  }
  
  /* # =================================================================
     # General elements
     # ================================================================= */
  
  /* Add the correct display in iOS 4-7.*/
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  hr {
    overflow: visible; /* Show the overflow in Edge and IE */
  }
  
  /*
  * Correct `block` display not defined for any HTML5 element in IE 8/9
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
  * and Firefox
  * Correct `block` display not defined for `main` in IE 11
  */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  main,
  menu,
  nav,
  section,
  summary {
    display: block;
  }
  
  summary {
    display: list-item; /* Add the correct display in all browsers */
  }
  
  small {
    font-size: 80%; /* Set font-size to 80% in `small` elements */
  }
  
  [hidden],
  template {
    display: none; /* Add the correct display in IE */
  }
  
  abbr[title] {
    border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
    text-decoration: none; /* Remove text decoration in Firefox 40+ */
  }
  
  a {
    background-color: transparent; /* Remove the gray background on active links in IE 10 */
    -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
  }
  
  a:active,
  a:hover {
    outline-width: 0; /* Remove the outline when hovering in all browsers */
  }
  
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace; /* Specify the font family of code elements */
  }
  
  b,
  strong {
    font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
  }
  
  dfn {
    font-style: italic; /* Address styling not present in Safari and Chrome */
  }
  
  /* Address styling not present in IE 8/9 */
  mark {
    background-color: #ff0;
    color: #000;
  }
  
  /* https://gist.github.com/unruthless/413930 */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* # =================================================================
     # Forms
     # ================================================================= */
  
  input {
    border-radius: 0;
  }
  
  /* Apply cursor pointer to button elements */
  button,
  [type="button"],
  [type="reset"],
  [type="submit"],
  [role="button"] {
    cursor: pointer;
  }
  
  /* Replace pointer cursor in disabled elements */
  [disabled] {
    cursor: default;
  }
  
  [type="number"] {
    width: auto; /* Firefox 36+ */
  }
  
  [type="search"] {
    -webkit-appearance: textfield; /* Safari 8+ */
  }
  
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; /* Safari 8 */
  }
  
  textarea {
    overflow: auto; /* Internet Explorer 11+ */
    resize: vertical; /* Specify textarea resizability */
  }
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font: inherit; /* Specify font inheritance of form elements */
  }
  
  optgroup {
    font-weight: bold; /* Restore the font weight unset by the previous rule. */
  }
  
  button {
    overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
  }
  
  /* Remove inner padding and border in Firefox 4+ */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: 0;
    padding: 0;
  }
  
  /* Replace focus style removed in the border reset above */
  button:-moz-focusring,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
  }
  
  button,
  html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
  }
  
  button,
  select {
    text-transform: none; /* Firefox 40+, Internet Explorer 11- */
  }
  
  /* Remove the default button styling in all browsers */
  button,
  input,
  select,
  textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
  }
  
  /* Style select like a standard input */
  select {
    -moz-appearance: none; /* Firefox 36+ */
    -webkit-appearance: none; /* Chrome 41+ */
  }
  
  select::-ms-expand {
    display: none; /* Internet Explorer 11+ */
  }
  
  select::-ms-value {
    color: currentColor; /* Internet Explorer 11+ */
  }
  
  legend {
    border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
    color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
    display: table; /* Correct the text wrapping in Edge and IE */
    max-width: 100%; /* Correct the text wrapping in Edge and IE */
    white-space: normal; /* Correct the text wrapping in Edge and IE */
  }
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
    font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
  }
  
  [type="search"] {
    -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
    outline-offset: -2px; /* Correct the outline style in Safari */
  }
  
  /* # =================================================================
     # Specify media element style
     # ================================================================= */
  
  img {
    border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
  }
  
  /* Add the correct vertical alignment in Chrome, Firefox, and Opera */
  progress {
    vertical-align: baseline;
  }
  
  svg:not(:root) {
    overflow: hidden; /* Internet Explorer 11- */
  }
  
  audio,
  canvas,
  progress,
  video {
    display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
  }

@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */.modaal-noscroll{overflow:hidden}.modaal-accessible-hide{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:0}.modaal-wrapper{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:auto;opacity:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.modaal-wrapper *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden}.modaal-wrapper .modaal-close{border:none;background:0 0;padding:0;-webkit-appearance:none}.modaal-wrapper.modaal-start_none{display:none;opacity:1}.modaal-wrapper.modaal-start_fade{opacity:0}.modaal-wrapper [tabindex="0"]{outline:0!important}.modaal-wrapper.modaal-fullscreen{overflow:hidden}.modaal-outer-wrapper{display:table;position:relative;width:100%;height:100%}.modaal-fullscreen .modaal-outer-wrapper{display:block}.modaal-inner-wrapper{display:table-cell;width:100%;height:100%;position:relative;vertical-align:middle;text-align:center;}.modaal-fullscreen .modaal-inner-wrapper{padding:0;display:block;vertical-align:top}.modaal-container{position:relative;display:inline-block;width:100%;margin:auto;text-align:left;color:#000;max-width:1000px;border-radius:0;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:auto}.modaal-container.is_loading{height:100px;width:100px;overflow:hidden}.modaal-fullscreen .modaal-container{max-width:none;height:100%;overflow:auto}

.modaal-content-container h2 {
  margin: 1em 0;
}

.modaal-close{
position: absolute;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  transition: all .2s ease-in-out;
  border: 1px solid !important;
  background-color: black !important;
right: 2%;
  top: 1%;
}

.modaal-close:focus,.modaal-close:hover{outline:0;background:#fff}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#b93d0c}.modaal-close span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-close:after,.modaal-close:before{display:block;content:" ";position:absolute;top:14px;left:23px;width:4px;height:22px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-close:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-close:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-fullscreen .modaal-close{background:#afb7bc;right:10px;top:10px}
.modaal-content-container{
	position: relative;
}
.modaal-confirm-wrap{padding:30px 0 0;text-align:center;font-size:0}.modaal-confirm-btn{font-size:14px;display:inline-block;margin:0 10px;vertical-align:middle;cursor:pointer;border:none;background:0 0}.modaal-confirm-btn.modaal-ok{padding:10px 15px;color:#fff;background:#555;border-radius:3px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-confirm-btn.modaal-ok:hover{background:#2f2f2f}.modaal-confirm-btn.modaal-cancel{text-decoration:underline}.modaal-confirm-btn.modaal-cancel:hover{text-decoration:none;color:#2f2f2f}.modaal-instagram .modaal-container{width:auto;background:0 0;box-shadow:none!important}.modaal-instagram .modaal-content-container{padding:0;background:0 0}.modaal-instagram .modaal-content-container>blockquote{width:1px!important;height:1px!important;opacity:0!important}.modaal-instagram iframe{opacity:0;margin:-6px!important;border-radius:0!important;width:1000px!important;max-width:800px!important;box-shadow:none!important;-webkit-animation:instaReveal 1s linear forwards;animation:instaReveal 1s linear forwards}.modaal-image .modaal-inner-wrapper{padding-left:140px;padding-right:140px}.modaal-image .modaal-container{width:auto;max-width:100%}.modaal-gallery-wrap{position:relative;color:#fff}.modaal-gallery-item{display:none}.modaal-gallery-item img{display:block}.modaal-gallery-item.is_active{display:block}.modaal-gallery-label{position:absolute;left:0;width:100%;margin:20px 0 0;font-size:18px;text-align:center;color:#fff}.modaal-gallery-label:focus{outline:0}.modaal-gallery-control{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;cursor:pointer;color:#fff;width:50px;height:50px;background:rgba(0,0,0,0);border:none;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-gallery-control.is_hidden{opacity:0;cursor:default}.modaal-gallery-control:focus,.modaal-gallery-control:hover{outline:0;background:#fff}.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before{background:#afb7bc}.modaal-gallery-control span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-gallery-control:after,.modaal-gallery-control:before{display:block;content:" ";position:absolute;top:16px;left:25px;width:4px;height:18px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-gallery-control:before{margin:-5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-control:after{margin:5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-next-inner{left:100%;margin-left:40px}.modaal-gallery-next-outer{right:45px}.modaal-gallery-prev:after,.modaal-gallery-prev:before{left:22px}.modaal-gallery-prev:before{margin:5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-prev:after{margin:-5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-prev-inner{right:100%;margin-right:40px}.modaal-gallery-prev-outer{left:45px}.modaal-video-wrap{margin:auto 50px;position:relative}.modaal-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,.3);background:#000;max-width:1300px;margin-left:auto;margin-right:auto}.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.modaal-iframe .modaal-content{width:100%;height:100%}.modaal-iframe-elem{width:100%;height:100%;display:block}.modaal-loading-spinner{background:0 0;position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px 0 0 -100px;-webkit-transform:scale(.25);-ms-transform:scale(.25);transform:scale(.25)}.modaal-loading-spinner>div{width:24px;height:24px;margin-left:4px;margin-top:4px;position:absolute}.modaal-loading-spinner>div>div{width:100%;height:100%;border-radius:15px;background:#fff}.modaal-loading-spinner>div:nth-of-type(1)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(1){-ms-transform:translate(84px,84px) rotate(45deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(45deg) translate(70px,0);transform:translate(84px,84px) rotate(45deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(2)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.12s;animation-delay:.12s}.modaal-loading-spinner>div:nth-of-type(2){-ms-transform:translate(84px,84px) rotate(90deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(90deg) translate(70px,0);transform:translate(84px,84px) rotate(90deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(3)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(3){-ms-transform:translate(84px,84px) rotate(135deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(135deg) translate(70px,0);transform:translate(84px,84px) rotate(135deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(4)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.37s;animation-delay:.37s}.modaal-loading-spinner>div:nth-of-type(4){-ms-transform:translate(84px,84px) rotate(180deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(180deg) translate(70px,0);transform:translate(84px,84px) rotate(180deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(5)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(5){-ms-transform:translate(84px,84px) rotate(225deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(225deg) translate(70px,0);transform:translate(84px,84px) rotate(225deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(6)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.62s;animation-delay:.62s}.modaal-loading-spinner>div:nth-of-type(6){-ms-transform:translate(84px,84px) rotate(270deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(270deg) translate(70px,0);transform:translate(84px,84px) rotate(270deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(7)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.modaal-loading-spinner>div:nth-of-type(7){-ms-transform:translate(84px,84px) rotate(315deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(315deg) translate(70px,0);transform:translate(84px,84px) rotate(315deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(8)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.87s;animation-delay:.87s}.modaal-loading-spinner>div:nth-of-type(8){-ms-transform:translate(84px,84px) rotate(360deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(360deg) translate(70px,0);transform:translate(84px,84px) rotate(360deg) translate(70px,0)}@media only screen and (min-width:1400px){.modaal-video-container{padding-bottom:0;height:731px}}@media only screen and (max-width:1140px){.modaal-image .modaal-inner-wrapper{padding-left:25px;padding-right:25px}.modaal-gallery-control{top:auto;bottom:20px;-webkit-transform:none;-ms-transform:none;transform:none;background:rgba(0,0,0,.7)}.modaal-gallery-control:after,.modaal-gallery-control:before{background:#fff}.modaal-gallery-next{left:auto;right:20px}.modaal-gallery-prev{left:20px;right:auto}}@media screen and (max-width:900px){.modaal-instagram iframe{width:500px!important}}@media only screen and (max-width:600px){.modaal-instagram iframe{width:280px!important}}@media screen and (max-height:1100px){.modaal-instagram iframe{width:700px!important}}@media screen and (max-height:1000px){.modaal-inner-wrapper{padding-top:60px;padding-bottom:60px}.modaal-instagram iframe{width:600px!important}}@media screen and (max-height:900px){.modaal-instagram iframe{width:500px!important}.modaal-video-container{max-width:900px;max-height:510px}}@media only screen and (max-height:820px){.modaal-gallery-label{display:none}}@keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}


.footer_fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #fff;
  z-index: 9999;
}

@media only screen and (max-width: 670px) {
.footer_fixed img {
width: 100%;
}
}

/* スクロールボックス */ 

.rankingscroll {
    display: flex;
	overflow:scroll;
	justify-content: left;
}

.box51 {
max-width: 295px;
width: 77vw;
margin: 0 25px 0 0;
position: relative;
background: #fff;
border-top: 3px solid silver;
box-shadow: 0 0 9px rgb(255 215 153/40%);
padding: 25px 21px;
	flex: 0 0 auto;
}

#entryBtn{
	display:none;
}
#check1:checked ~ #entryBtn{
	display:inline-block;
}

.contents {
   display: flex;
   flex-wrap: wrap;
      padding: 15px;
    margin: 15px;
    background-color: #ebebeb;
}


.item2 {
  width: calc(100% / 4);
  padding: 20px 0px;
  text-align: center;
}

@media screen and (max-width:700px) {

  .item2 {
  width: calc(100% / 3);
  padding: 20px 0px;
  text-align: center;
  }
}

@media screen and (min-width:700px) {
  .kaigyo{
    display: none;
  }
}

.searchbt {
  text-align: center;
  margin-bottom: 15px;
}

.search {
  border: solid 3px black;
  padding: 20px;
}

#result [class*="hidden-"] {display: none;}

#result {
  display: none;
}

.list {
list-style: none !important;
}

.serchBox {
  margin: 15px;
}

.tsearch {
  background: #6b9fff;
  padding: 15px!important;
  color: #fff !important;
  font-weight: 700;
  font-size: 1.4em;
  line-height: 1.4;
}

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
  margin-right: 10px;
}

.list {
  margin-left: 0px;
}

.search1 {
  border: solid 1px black;
  padding: 10px;
}

input {
  margin-right: 10px;
}

.searchgift {
  display: block;
  float: left;
  font-size: 0.9em;
  margin: 8px !important;
}

.wish {
    font-size: 1.3em;
    margin: 15px 15px !important;
    color: white !important;
    font-weight: bold;
    background-color: #5497a9;
    padding: 1em;
    border-radius: 15px;
    text-align: center;
}

@media screen and (max-width: 700px){
 .wish　{
        font-size: 1.1em!important;
  } 
}

.button-1 {
  display: inline-block;
  text-decoration: none;
  user-select: none;
  border-radius: 3px;
  transition: 0.4s ease;
  width: 50%;
  font-size: 1em;
  padding: 10px;
  background-color: #6b9fff;
}

.button-2 {
  display: inline-block;
  text-decoration: none;
  user-select: none;
  border-radius: 3px;
  transition: 0.4s ease;
  width: 50%;
  font-size: 1em;
  padding: 10px;
  background-color: #3c7fe7;
  color: white !important;
}

.results3 {
  border: 1px solid #dae5e0;
  padding: 15px;
  box-shadow: 10px 5px 5px #b3b3b3;
}

	/* ヨネヤマ追加　CSS*/

select {
    max-width: 100%;
    border-radius: 15px;
    border: solid;
    border-color: #6b9fff;
    color: #6b9fff;
    font-size: 1.2em;
      text-align: center;
}


.item2 {
    display: inline-block;
}

.item2 {
    width: calc(100% / 2);
    padding: 20px 0px;
    text-align: left;
    font-size: 1.3em;
}

@media screen and (max-width: 700px){

  select {
    width: 100%;
  }


  .item2 {
    width: calc(100% / 1);
    padding: 10px 0px;
    text-align: left;
  }
}

	/* ヨネヤマ追加　CSS*/
	/* 絞り込み用CSSから転用　CSS*/
/* ランキング用CSSから転用　CSS*/
.article_coop_detail {
    border: 1px solid #dae5e0;
    border-radius: 2px;
    margin: 0 0 25px;
    box-shadow: 0px 4px 0 #eee;
    -webkit-box-shadow: 0px 4px 0 #eee;
    -moz-box-shadow: 0px 4px 0 #eee;
}

.card_info_wrap {
    justify-content: center;
}

.card_info_wrap {
    display: block;
}

.article_coop_detail .coop_img {
   margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 100%;
    max-width: 300px;
}

.post-content p {
    font-size: 16px;
}

.post-content p, .post-content pre {
    margin: 0 0 1.6em;
    line-height: 1.65;
    letter-spacing: 0.6px;
}

.card-img {
    display: block;
    margin: 0 0 1.6em;
    line-height: 1.65;
    letter-spacing: 0.6px;
}

.article_coop_detail .coop_img p img {
    width: 100%;
    height: auto;
    text-align: center;
}

.optinalInfoBox {
    border: 1px solid #dddddd;
    text-align: center;
    margin: 0 0 10px 0;
}

.optinalInfoBox .optinalInfoBox__head {
    padding: 3px 5px 2px;
    background: #e2e5e9;
    color: #464646;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.post-content p, .post-content pre {
    margin: 0 0 1.6em;
    line-height: 1.65;
    letter-spacing: 0.6px;
}

.optinalInfoBox__body {
    padding: 5px;
}

.optinalInfoBox {
    border: 1px solid #dddddd;
    text-align: center;
    margin: 0 0 10px 0;
}

.card_insurance {
    width: 100%;
    float: left;
    font-size: 12px;
    margin-bottom: 1em;
    background-color: #fff;
    padding-bottom: 1em;
}

.card_insurance ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-content ul li::before {
    background: none;
}

.post-content ul li::before {
    content: "";
    position: absolute;
    left: -23px;
    top: 11px;
    background-color: #72c5b9;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.card_insurance .insurance_box {
    border: 1px solid #ff7e00;
    background-color: #ffeedd;
    color: #ff7e00;
}

.card_insurance ul li {
    float: left;
    max-width: 100%;
    text-align: center;
    padding: 2px;
    font-size: 10px;
    margin: 0 5px 5px 0;
}

.article_coop_detail table {
    border: 1px #ddd solid;
}

.coop_info > table {
    width: 100%;
    display: table;
    font-size: 11px;
    margin: 0 0 10px 0;
}

.article_coop_detail table th, .article_coop_detail table td {
    padding: 8px 10px;
    border: #d5d5d5 solid 1px;
    font-weight: normal;
}

.article_coop_detail table th {
background: #e2e5e9;
color: #464646;
}

.coop_info > table td {
    padding: 5px;
    max-width: 200px;
}

.optinalInfoBox .service_box {
    border: 1px solid #5cad14;
    background: #e6f5d8;
    color: #5cad14;
}

.optinalInfoBox__body ul {
    list-style: none;
    margin-right: auto;
    margin-left: auto;
}

.card_insurance ul li {
    float: left;
    max-width: 100%;
    text-align: center;
    padding: 2px;
    font-size: 1.2em;
    margin: 5px 5px 5px 0;
}

.optinalInfoBox__body ul li {
    font-size: 0.8em;
}

.article_coop_detail {
    padding: 20px;
}

.article_coop_detail .Recommended ul li {
    padding: 0 0 0 30px;
    list-style: none;
    font-weight: bold;
}

.pickupBox--campaign {
    margin: 10px 0 20px;
    padding: 0;
}

.pickupBox--campaign dt {
    margin: 0;
    padding: 5px;
    background: #72c5b9;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.pickupBox--campaign dd {
    margin: 0;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    color: #f00;
    font-weight: bold;
    background: #fbfbfb;
}

.article_coop_detail .btn_wrap {
    text-align: center;
}

.article_coop_detail .detail_btn {
    margin: 0 0 10px 0px;
    padding: 0;
    text-align: center;
    display: inline-block;
    background: #f39c12;
    border-radius: 4px;
}

.post-content p {
    font-size: 16px;
}

.post-content p, .post-content pre {
    margin: 0 0 1.6em;
    line-height: 1.65;
    letter-spacing: 0.6px;
}

.detail_btn {
    width: 185px;
}

.article_coop_detail .coop_btn {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    background: #e74c3c;
    border-radius: 4px;
      width: 49%;
}

.post-content p {
    font-size: 16px;
}

.post-content p, .post-content pre {
    margin: 0 0 1.6em;
    line-height: 1.65;
    letter-spacing: 0.6px;
}

.article_coop_detail .coop_btn a {
    margin: 0;
    padding: 12px 0;
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #fff!important;
    text-decoration: none;
}

.article_coop_detail .detail_btn a {
    margin: 0;
    padding: 12px 0;
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.Recommended ul {
margin-left: 0;
padding-left: 0;
}

@media screen and (max-width: 600px) {
  .coop_btn,.coop_btn1 {
    width: 80%!important;
  }

  .card_info_wrap {
    display: inline;
  }

  .article_coop_detail .coop_info {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .optinalInfoBox {
    width: 100%;
    margin: 0 0 5px 10px;
    border: 1px solid #dddddd;
    text-align: center;
  }

  .article_coop_detail .coop_img {
    max-width: 300px;
      width: 100%;
    height: auto;
    text-align: center;
  }

  .article_coop_detail {
    padding: 5px;
  }

  .col1 .main-body-in {
    width: 100%;
  }
}

.optinalInfoBox__body_first img {
  margin-right: 5px;
}

.article_coop_detail .Recommended {
     margin: 10px 0 10px;
    padding: 10px;
background-color: #ffeedd;
    color: #ff7e00;
}
/* ランキング用CSSから転用　CSS*/
/* LP用カスタムから転用　CSS*/
@media only screen and (max-width: 736px){
.normal-screen .site-title {
    font-size: 0.8em;
}}

@media only screen and (max-width: 736px){
  .normal-screen .site-title {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 600px){
  .optinalInfoBox {
    width: 100%;
    float: right;
    margin: 0 0 5px 10px;
    border: 1px solid #dddddd;
    text-align: center;
  }
}

@media screen and (max-width: 600px){
  .card-img {
    max-width: 100%;
    text-align: center;
  }


  .optinalInfoBox {
    width: 100%;
    float: right;
    margin: 0 0 5px 10px;
    border: 1px solid #dddddd;
    text-align: center;
  }

  .optinalInfoBox__body2 img {
    max-width: 70% !important;
  }
}

section#lp {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 600px){
  section#lp {
    width: 100%;
  }
}

.box50 {
max-width: 295px;
width: 77vw;
margin: 0 25px 0 0;
position: relative;
background: #fff;
border-top: 3px solid gold;
box-shadow: 0 0 9px rgb(255 215 153/40%);
padding: 25px 21px;
	flex: 0 0 auto;
}

.box51 {
max-width: 295px;
width: 77vw;
margin: 0 25px 0 0;
position: relative;
background: #fff;
border-top: 3px solid silver;
box-shadow: 0 0 9px rgb(255 215 153/40%);
padding: 25px 21px;
	flex: 0 0 auto;
}

.box52 {
max-width: 295px;
width: 77vw;
margin: 0 25px 0 0;
position: relative;
background: #fff;
border-top: 3px solid #7A592F;
box-shadow: 0 0 9px rgb(255 215 153/40%);
padding: 25px 21px;
	flex: 0 0 auto;
}

.box53 {
max-width: 295px;
width: 77vw;
margin: 0 25px 0 0;
position: relative;
background: #fff;
border-top: 3px solid #00C3FF;
box-shadow: 0 0 9px rgb(255 215 153/40%);
padding: 25px 21px;
	flex: 0 0 auto;
}

.rankingscroll {
    display: flex;
	overflow:scroll;
	justify-content: left;
}

span.yelloww {
    font-size: 1.2em;
    background: linear-gradient(transparent 70%, #FFFF00 0%);
    font-weight: bold;
}

@media screen and (max-width: 600px){
  .optinalInfoBox__body p {
    margin-bottom: 1em !important;
  }
}

.col1 .section-wrap.wide .section-in {
    width: 100%;
  padding: 0;
}

@media(min-width:751px){
    .sp{
        display: none !important;
    }
}

.col1 .section-wrap.wide {
    padding: 0px;
}
.main-body-in {
    padding-top: 0px;
}

@media(max-width:750px){
  .section-wrap .section-in, .col1 .section-wrap.wide .section-in {
    padding: 0px;
  }

  .site-header-in {
    padding-bottom: 0px;
  }
}

.pc img {
    width: 100%;
}

.site-header-conts {
    padding: 0;
}

.site-header {
    background: #fff;
    margin-bottom: 0;
    color: #fff;
}
.site-header-conts {
    padding: 0;
}


section.header_area {
    background-color: #ec9605;
}

.normal-screen .site-title {
    font-size: 2em;
}

.btn-area {
    text-align: center;
}

.el_roundedBtn.el_roundedBtn__lg {
    border-radius: 34px;
    font-size: 1.4em;
    padding: 15px;
    width: 455px;
}

.el_roundedBtn {
    background-color: #4169e1;
    border: none;
    border-radius: 19px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    max-width: 100%;
    padding: 2px 15px;
    text-align: center;
    transition: .25s;
    width: 120px;
    margin-top: 30px;
}

.main-conts a {
    color: #0033cc;
    font-weight: bold;
}

.el_roundedBtn.el_roundedBtn__lg {
    border-radius: 34px;
    font-size: 1.4em;
}

@media(max-width:750px){
  .el_roundedBtn.el_roundedBtn__lg {
    border-radius: 34px;
    font-size: 1em;
    padding: 15px;
    width: 300px;
  }
}

.bl_MV_inner {
    text-align: center;
}

#js_target th {
    text-align: center;
}

#js_target th {
    text-align: center;
    width: 20%;
border-width: 0;
}

@media(max-width:750px){
  #js_target th {
    width: 60%;
  }
}


.bl_rankingTable.bl_rankingTable__mdScroll table {
    table-layout: auto;
    overflow-x: auto;
}

.ly_sect_inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 1150px;
    padding-left: 15px;
    padding-right: 15px;
}

.bl_rankingTable table {
    border-collapse: separate;
    border-spacing: 0 20px;
width: 100%;
    border-width: 0;
}

tbody#js_target td {
    border-width: 0;
}

/*スクロールランキングCSS*/
.wrap-table-rank-block {
    overflow-x: scroll;
    display: block;
    text-align: center;
    margin-bottom: 80px;
}

.wrap-table-rank-block table {
    margin: 10px 0;
  table-layout: fixed;
    width: auto;
}

.wrap-table-rank-block table td {
    white-space: nowrap;
    text-align: center;
  color: #fff;
    font-weight: bold;
        font-size: 1.5em;
}

.wrap-table-rank-block table td a {
    font-weight: 700;
    color: #fff!important;
    text-align: center;
    padding: 4px;
    display: block;
    border-radius: 4px;
}

.wrap-table-rank-block table th {
    white-space: nowrap;
    background-color: #eee !important;
    padding: 9px 15px !important;
    font-size: 15px;
  text-align: center;
}


#js_target th img {
    vertical-align: bottom;
}

@media (max-width: 750px){
#js_target th img {
    min-width: 150px;
}
.wrap-table-rank-block table td {
        font-size: 1.2em;
}
}

tr.odd th {
    color: #333;
      font-size: 1.2em;
}

#js_searchTable table {
border-spacing: 0 30px;
border-collapse: separate;
}

a.el_btn {
    background-color: #14255c;
    border: 1px solid;
    border-color: inherit;
    border-radius: 20px;
    color: #7e7070;
    display: inline-block;
    font-size: 1.8rem;
    max-width: 100%;
    padding: 10px;
    text-align: center;
    width: 236px;
}

.hp_tac a.el_btn {
    width: 40%;
    font-size: 1.2em;
}

@media (max-width: 750px){
.hp_tac a.el_btn {
    width: 95%;
}}

.el_roundedBtn {
background-color: #fff;
}


#js_searchTable table {
border: none;
}

.hp_tac a.el_btn {
background-color: #f8991d;
border-color: #171844;

}

.main-conts .hp_tac a {
    color: #fff!important;
}

.hp_tac {
    text-align: center;
}

.cvb2 {
    text-align: center;
    margin-top: 2em;
  margin-bottom: 2em;
}

.cvb2 a {
    color: #fff!important;
    background-color: #ff9604;
    padding: 15px;
    border-radius: 15px;
}

.yelloww a {
    color: #333!important;
}


.detail_text {
    background-color: #444343;
    padding: 1em;
}

.detail_text p {
    color: #fff!important;
}

.check-list li::before {
    position: absolute;
    top: 5px;
    left: 0px;
    display: inline-block;
    font-size: 18px;
    content: "\e911";
    color: #eb3b54;
}
/* LP用カスタムから転用　CSS*/

/* カスタム米山から転用　CSS*/
.box_style.box_style02 {
    padding: 6px;
    background-image: linear-gradient( -45deg, #fff 25%, #999999 25%, #999999 50%, #fff 50%, #fff 75%, #999999 75%, #999999 );
    background-size: 4px 4px;
    background-repeat: repeat;
    margin-bottom: 1em;
}

.box_style02 .box_inner {
    padding: 10px;
    background-color: #fff;
}

.box_style04 {
    padding: 16px;
    background: #f0f0f0;
}

img.kaitori_button:hover{
 
	/* 透明度を上げることで、画像の色を薄く見せる。*/
	opacity:0.5;
 
	/* リンクをホバーしたときのカーソルにする。*/
	cursor: pointer;
}

/* twitter画像をクリックした瞬間 */
img.kaitori_button:active{
 
	/* 要素を若干下に下げることで、押した感じを出す。*/
 
	/* 今いる位置から相対的に3px下に配置する。*/
	position: relative;
	top: 3px;
 
}

.main-conts a.btn--orange {
    color: #fff!important;
    background-color: #eb6100;
    border-bottom: 5px solid #b84c00;
}

.main-conts a.btn--orange {
    color: #fff!important;
    background-color: #eb6100;
    border-bottom: 5px solid #b84c00;
    border: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 50%;
    text-align: center;
    font-size: 1.2em;
      border-radius: 15px;
    padding: 15px;
  margin-top: 1em;
}

@media screen and (max-width:480px) {
  .main-conts a.btn--orange {
    width: 80%;
    text-align: center;
    font-size: 1em;
  margin-top: 1em;
  }
}


a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}

a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn_wrap {
    width: 100%;
}

.coop_btn1 {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    background: #3c98e7;
    width: 49%;
    border-radius: 4px;
}


.coop_btn1 a {
    margin: 0;
    padding: 12px 0;
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #fff!important;
    text-decoration: none;
}

.article_coop_detail .coop_btn1 a {
  color: #fff!important;
}


summary {
    text-align: center!important;
    background-color: #333!important;
    padding: 15px!important;
    color: #fff!important;
    border-radius: 10px!important;
	margin-bottom: 0!important;
}

details {
    text-align: center;
    background-color: #333;
    padding: 15px;
    color: #fff;
    border-radius: 10px;
	    margin: 1em;
}
.nmlbox {
    border: 2px solid #CCCCCC;
    background-color: #fff;
}

.box_setumei {
    background-color: #333;
    padding: 1em;
    color: #fff;
}



select {
    max-width: 100%;
    border-radius: 15px;
    border: solid;
    border-color: #6b9fff;
    color: #6b9fff;
    font-size: 1.2em;
      text-align: center;
}


.item2 {
    display: inline-block;
}

.item2 {
    width: calc(100% / 2);
    padding: 20px 0px;
    text-align: left;
    font-size: 1.3em;
}

@media screen and (max-width: 700px){


select {
width: 100%;
  }


.item2 {
    width: calc(100% / 1);
      padding: 10px 0px;
text-align: left;
}
}
	/* 絞り込み機能　CSS*/

.nmlbox p {
    margin: 0 0 1.5em;
    color: #555;
}

.title {
    font-size: 18px;
    font-weight: bold;
    background-color: #fbfbfb;
    border: 1px solid #dae5e0;
    border-bottom: 3px solid #72c5b9;
    margin: 0;
    padding: 7px 0;
    text-align: center;
}

@media (max-width: 551px){
.page.page-template-default .d--main-style-outline.d--one-column #postContent
	{ 
padding-left: 0;
padding-right: 0;
}
	#mainContentInner	{
		padding-right:0px;
		padding-left:0px;
	}
	
}
/* カスタム米山から転用　CSS*/
.detail_box {
    font-size: 0.7em;
    background-color: #333;
    line-height: 20px;
    color: #fff;
    padding: 1em;
}

p.komezirusi {
    text-align: right;
    font-size: 0.8em;
}

.cv_btn {
  background-color: #4cbddb;
  padding: 15px;
  text-align: center;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.cv_btn a {
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
  font-weight: bold;
}

.back_y {
    background-color: #fff3ba;
    padding: 1em;
	margin-bottom:1em;
}

.al-c{
text-align: center;
}

.qa_area111 {
  font-size: 3em;
  padding: 1em;
}
.qa_box {
  border-bottom: 2px dotted;
  padding: 2em 0;
}
.qa_box1 {
  border-top: 2px dotted;
}
.qa_q111 {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.1em;
}
.qa_q111, .qa_a111 {
  display: flex;
  align-items: center;
}
.qa_q_img, .qa_a_img {
  width: 20%;
}
.qa_q_text, .qa_a_text {
  width: 100%;
  padding-left: 10px;
}






@media (min-width: 1200px) {
.postid-56 #contents {
    width: 2000px;
  }
}

.postid-56 .related-entry-section.toppost-list-box-inner {
  display: none;
}
.postid-56 footer {
  display: none;
}
.postid-56 .cps-post-header {
  display: none;
}


#header-box {
  display: none;
}

.syousai_p {
text-align: center;
  margin-top: 2em;
  font-size: 4vw;
}

.afi_text {
  text-align: center;
  padding: 2em;
}

html{overflow-y: scroll;}


ul{ list-style: none; }
.headerImage{
    background-image: url(https://appcash.click/pink/wp-content/uploads/2023/05/22.png);
    background-size: 100vw auto;
    background-repeat: no-repeat;
}
.headerImage2{
    background-image: url(http://sokujltu-money.click/pink/wp-content/uploads/2023/12/456789.png) !important;
	height: 50em;
}
.headerImageSub{
    background-image: url(https://appcash.click/pink/wp-content/uploads/2023/05/subImagePC.png);
    background-size: 101vw auto;
    background-repeat: no-repeat;
    background-color: #fdf6f9;
    padding-bottom: 5vw;
}

.logo{ padding: 2.5vw 2vw;}
.logo>a>img{
    max-width: 55vw;
    width: auto;
    height: auto;
}

.comitBtn>a>img{
    max-width: 35vw;
    width: auto;
    height: auto;
}
.boxSub{
    background-color: #fdf6f9;    
}

.boxTitle{ max-width: 80vw; width: 100%; height: auto; margin: 0vw auto; }

@media screen and (min-width:670px) {
.box1 ul{ 
    padding: 3vw 0vw 3vw 14vw !important;
}
	}
 @media only screen and (max-width: 670px){ 
.box1 ul{ 
  padding: 3vw 0vw 3vw 3vw !important;
}
}

.box1 li{
    font-size: 2.5vw;
    padding-left: 3.5vw !important;
    padding-top: 0.4vw !important;
    margin: 1.2vw 0;
    letter-spacing: 0.2vw;
}


.box2{
    background-position: top center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: #ffcfc5;
    padding-top: 10vw;
}
.box2Body{
    width: 80vw;
    max-width: 80vw;
    margin: 0 auto;
    overflow: hidden;
}
.box2Image{
    max-width: 33vw;
    width: 33vw;
    margin-right: 2vw;
    float: left;
}
.box2Image>img{
    max-width: 90%;
    width: auto;
    height: auto;
}
.box2Rank1{
    max-width: 45vw;
    width: 45vw;
    float: right;
    overflow: hidden;
}

.box2rank1Icon{ float: left; }
.box2rank1Icon>img{ max-width: 10vw; width: anto; height: auto; }
.box2Rank1NameHyouka{
    float: left;
}
.box2Rank1Name{
    font-size: 3vw;
    font-weight: bold;
    padding: 2vw 0 0.5vw 2vw;
}
.box2Rank1Hyouka>img{ max-width: 8vw; width: 8vw; height: auto; margin-left: 2vw;}
.box2Rank1Hyouka{
    font-size: 2.6vw;
    font-weight: bold;
    color: #d54c7a;
}
.box2rank1Image{
    background-image: url(https://appcash.click/pink/wp-content/uploads/2023/05/rankImageBg.png);
    background-size: 29.9vw auto;
    background-repeat: no-repeat;
    margin-left: 1vw;
    margin-top: 1vw;
    padding: 0.65vw 1vw;

}
.box2rank1Image>img{
    max-width: 28vw;
    min-width: 28vw;
    width: auto;
    height: auto;
    margin-bottom: 2.5vw;
}
.box2rank1Comit{ max-width: 29.9vw; width: auto; height: auto; margin-left: 1vw; margin-bottom: 3vw; }

.box2Rank2{
    max-width: 39vw;
    width: 39vw;
    float: left;
    overflow: hidden;
    margin-right: 2vw;
}
.box2Rank3{
    max-width: 39vw;
    width: 39vw;
    float: left;
    overflow: hidden;
}
.box2rank2Icon,.box2rank3Icon{ float: left; }
.box2rank2Icon>img,.box2rank3Icon>img{ max-width: 8vw; width: anto; height: auto; }
.box2Rank2NameHyouka,.box2Rank3NameHyouka{
    float: left;
}
.box2Rank2Name,.box2Rank3Name{
    font-size: 2.5vw;
    font-weight: bold;
    padding: 2vw 0 0.5vw 2vw;
}
.box2Rank2Hyouka>img,.box2Rank3Hyouka>img{ max-width: 8vw; width: 8vw; height: auto; margin-left: 2vw;}
.box2Rank2Hyouka,.box2Rank3Hyouka{
    font-size: 2.3vw;
    font-weight: bold;
    color: #d54c7a;
}
.box2rank2Image,.box2rank3Image{
    margin-left: 0vw;
    margin-top: 1vw;
    padding: 0.65vw 1vw;

}
.box2rank2Image>img,.box2rank3Image>img{
    max-width: 25vw;
    min-width: 25vw;
    width: auto;
    height: auto;
    margin-bottom: 2.5vw;
}
.box2rank2Comit,.box2rank3Comit{ max-width: 27vw; width: auto; height: auto; margin-bottom: 2vw; }
.box2Comit{ max-width: 80vw; min-width: 80vw; width: auto; height: auto; margin: 0 0 2vw 10vw; }



.box3{
    overflow: hidden;
}
.box3Image{
    float: left;
    margin-left: 10vw;
    max-width: 30vw;
    width: 30vw;
    height: auto;
    padding-top: 10vw;
}
.box3Image>img{ max-width: 27vw; width: auto; height: auto; }

.box3Str{ padding-top: 15vw; float: right; max-width: 45vw; width: 45vw; margin-right: 10vw; }
.box3Str>p{ font-size: 1.7vw; border-bottom: 2px solid #ccc; line-height: 3vw; }



.box4{ margin: 0; padding: 0 !important;  }
.box4Image{
    max-width: 100%;
    width: auto;
    height: auto;
	background: linear-gradient(180deg, #fff 0%, #fff 50%, #9cbbc7 50%, #9cbbc7 100%);
}

.box5Image{
    max-width: 30vw;
    width: 30vw;
    height: auto;
    float: right;
margin-top: 2vw;
margin-right: 10vw;
margin-bottom: 3vw;
}
.box5Image>img{
    max-width: 29vw;
    width: auto;
    height: auto;
}


.box6{
    overflow: hidden;
    padding-bottom: 5vw;
}
.box6Image>img{
    max-width: 80vw;
    width: auto;
    height: auto;
}

.box7{
    background-color: #fff2d4;
    overflow: hidden;
    padding-top: 5vw;
    padding-bottom: 10vw;
    font-size: 1.4vw;
}
.box7Body{
    text-align: center;
}
.box7Str{
    font-weight: bold;
    font-size: 1.4vw;
    padding-bottom: 2vw;
}
.box7Image{
    overflow: hidden;
    margin-bottom: 2vw;
}
.box7Image>img{ max-width: 20vw; width: auto; height: auto; margin: 2vw; }


.box8{
    background-color: #FFF;
    overflow: hidden;
    padding-top: 5vw;
    padding-bottom: 12vw;
    font-size: 1.4vw;
    position: relative;
}
.box8Title{
    max-width: 80vw;
    width: 100%;
    height: auto;
    margin: 2vw auto;
}
.box8Body{
    max-width: 75vw;
    width: 75vw;
    margin: 2vw auto;
    padding: 1.5vw;
}
.box8Str{
    background-color: #FFF;
    padding: 1.5vw;
    overflow: hidden;
}
.box8Image{
    float: left;
}
.box8Image>img{
    max-width: 10vw;
    width: auto;
    height: auto;
    margin-right: 2vw;
}
.box8StrTitle{
    padding-top: 1.8vw;
    color: #d54c7a;
    font-size: 2vw;
}
.box8StrTitle2{
    padding-top: 1.8vw;
    color: #f1853d;
    font-size: 2vw;
}
.box8StrText{
    font-size: 1.5vw;
}
.box8Girl{
    max-width: 27vw;
    width: auto;
    height: auto;
    position: absolute;
    top:26vw;
    right: 8vw;
}
.box8Bottom{
    position: absolute;
    bottom: 0;
    max-width: 100vw;
    width: auto;
    height: auto;
}


/*タイトル2行　本文4行　赤*/
.faqTitle1{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle1>div{
    padding-top: 1vw;
    color: #d54c7a;
    font-size: 1.6vw;
}
.faqTitle1>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 2vw 2vw 0;
}
.faqStr1{
    padding: 1vw 0 6vw 1vw;
    text-align: center;
    font-size: 1.2vw;
}
.faqStr1>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}


/*タイトル2行　本文4行　オレンジ*/
.faqTitle2{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle2>div{
    padding-top: 2vw;
    color: #f1853d;
    font-size: 1.7vw;
}
.faqTitle2>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 2vw 2vw 0;
}
.faqStr2{
    padding: 1vw 0 6vw 1vw;
    text-align: center;
    font-size: 1.2vw;
}
.faqStr2>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}

/*タイトル4行　本文4行　オレンジ*/
.faqTitle3{
    padding: 2vw 2vw 4vw 2vw;
}
.faqTitle3>div{
    padding-top: 0vw;
    color: #f1853d;
    font-size: 1.5vw;
}
.faqTitle3>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 1vw 3vw 0;
}
.faqStr3{
    padding: 0vw 0 6vw 1vw;
    text-align: center;
    font-size: 1.2vw;
}
.faqStr3>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}


/*タイトル2行　本文3行　オレンジ*/
.faqTitle4{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle4>div{
    padding-top: 1vw;
    color: #f1853d;
    font-size: 1.7vw;
}
.faqTitle4>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 2vw 2vw 0;
}
.faqStr4{
    padding: 1vw 0 8vw 1vw;
    text-align: center;
    font-size: 1.2vw;
}
.faqStr4>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}

/*タイトル2行　本文3行　赤*/
.faqTitle5{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle5>div{
    padding-top: 1vw;
    color: #d54c7a;
    font-size: 1.7vw;
}
.faqTitle5>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 2vw 2vw 0;
}
.faqStr5{
    padding: 1vw 0 8vw 1vw;
    text-align: center;
    font-size: 1.2vw;
}
.faqStr5>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}

/*タイトル3行　本文3行　オレンジ*/
.faqTitle6{
    padding: 1vw 2vw 4vw 2vw;
}
.faqTitle6>div{
    padding-top: 1vw;
    color: #f1853d;
    font-size: 1.5vw;
}
.faqTitle6>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 1vw 3vw 0;
}
.faqStr6{
    padding: 0vw 0 9vw 1vw;
    text-align: center;
    font-size: 1.2vw;
}
.faqStr6>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}

/*タイトル(長)2行　本文3行　赤*/
.faqTitle7{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle7>div{
    padding-top: 1vw;
    color: #d54c7a;
    font-size: 1.6vw;
}
.faqTitle7>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 1vw 2vw 0;
}
.faqStr7{
    padding: 1vw 0 9vw 1vw;
    text-align: center;
    font-size: 1.2vw;
}
.faqStr7>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}
.boxSub5{
    background-image: url(https://appcash.click/pink/wp-content/uploads/2023/05/box5Bottom.png);
    background-position: bottom center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: #ebe2f7;
    overflow: hidden;
    padding-bottom: 2vw;
}
.boxSubStr{
    max-width: 80vw;
    width: 80vw;
    margin-left: 10vw;
    font-size: 1.5vw;
}
.boxSubStr>div{ padding-bottom: 2vw;}
.boxSubStr>img,.boxSubStr>div>img{
    max-width: 39vw;
    width: auto;
    height: auto;
    margin-bottom: 2vw;
}
.boxSubImage{
    max-width: 30vw;
    width: 30vw;
    height: auto;
    float: right;
    margin-top: 5vw;
    margin-right: 10vw;
}
.boxSubImage>img{
    max-width: 29vw;
    width: auto;
    height: auto;
}

@media only screen and (max-width:670px){
.footer11 {
    font-size: 3vw !important;
}
}
@media only screen and (min-width:670px){
.footer11 {
    font-size: 1vw !important;
}
}
.footer11 {
    padding-top: 3vw !important;
    background-color: #fbd6d0 !important;
    color: #e27695 !important;
}
.footer11 a{ color: #e27695 !important; }



@media only screen and (min-width:1201px){

}
@media only screen and (max-width:1200px){

}
@media only screen and (max-width:1120px){

}
@media only screen and (max-width:991px){

    .box1 ul{ padding: 3vw 0vw 3vw 3vw; }
    .box1 li{ background-size: 3.5vw; font-size: 3.5vw; padding-left: 4vw; }

    .box2Body,.box10Body{ width: 90vw; max-width: 90vw; }
    .box2Image,.box10Image{ max-width: 50vw; width: 50vw; margin: 0vw auto; float: none; }
    .box2Image>img,.box10Image>img{ max-width: 90%; }
    .box2Rank1,.box2Rank2,.box2Rank3,.box10Rank1,.box10Rank2,.box10Rank3{ max-width: 90vw; width: 90vw; float: none; }
    .box2rank1Icon>img,.box2rank2Icon>img,.box2rank3Icon>img,.box10rank1Icon>img,.box10rank2Icon>img,.box10rank3Icon>img{ max-width: 15vw; width: anto; height: auto; }
    .box2Rank1Name,.box2Rank2Name,.box2Rank3Name,.box10Rank1Name,.box10Rank2Name,.box10Rank3Name{ font-size: 5vw; padding: 2vw 0 0.5vw 2vw; }
    .box2Rank1Hyouka,.box2Rank2Hyouka>img,.box2Rank3Hyouka>img,.box10Rank1Hyouka,.box10Rank2Hyouka>img,.box10Rank3Hyouka>img{ font-size: 5vw;}
    .box2rank1Image,.box2rank2Image,.box2rank3Image,.box10rank1Image,.box10rank2Image,.box10rank3Image{ background-size: 70vw auto; margin-left: 2vw; margin-top: 2vw; padding: 1vw 1.5vw; }
    .box2rank1Image>img,.box2rank2Image>img,.box2rank3Image>img,.box10rank1Image>img,.box10rank2Image>img,.box10rank3Image>img{ max-width: 67vw; min-width: 67vw; margin-bottom: 6vw; }
    .box2rank1Comit,.box2rank2Comit,.box2rank3Comit,.box10rank1Comit,.box10rank2Comit,.box10rank3Comit{ max-width: 72vw;}
    .box2Comit,.box10Comit{ max-width: 90vw; min-width: 90vw; margin: 5vw 0 2vw 5vw; }

    .box3Image{ max-width: 50vw; width: 50vw; margin: 0vw auto; float: none; }
    .box3Image>img{ max-width: 50vw; width: auto; height: auto; }
    .box3Str{ padding-top: 5vw; float: none; max-width: 80vw; width: 80vw; margin: 0vw 10vw; }
    .box3Str>p{ font-size: 3vw; line-height: 5vw; }

    step{ max-width: 80vw; width: 80vw; float: none; font-size: 4vw; }
    step>img,step>div>img{ max-width: 80vw;}
    .box5Image{ max-width: 50vw; width: 50vw; margin: 0vw auto; float: none; }
    .box5Image>img{ max-width: 50vw; margin-bottom: 5vw;}
    
    .box6Image>img{ max-width: 96vw; margin-left: 2vw; }

    .box7{ font-size: 3.5vw; padding: 0 10vw 12vw 10vw;}
    .box7Str{ font-size: 3.5vw; padding: 0 8vw; }
    .box7Image>img{ max-width: 50vw; margin: 2vw auto; }

    .box8Body{ max-width: 90vw; width: 90vw; }
    .box8Image>img{ max-width: 13vw; margin: 2vw 2vw 0 0vw; }
    .box8StrTitle,
    .box8StrTitle2{ font-size: 4vw; }
    .box8StrText{ font-size: 2.8vw; }
    .box8Girl{ 
		max-width: 30vw !important; 
		top:66vw; 
		right: -5vw; 
	}

    .faxBody{ float: none; max-width: 80vw; width: 80vw; background-size: 60vw auto; margin: 2vw auto; background-size: 80vw auto; }
	
	    .faqTitle1>div{ padding-top: 1vw; font-size: 4vw; }
    .faqTitle1>img{ margin: 8vw 2vw 5vw 0; }
    .faqStr1{ padding: 8vw 0 20vw 1vw; font-size: 3.3vw; }
    .faqStr1>img{ margin: 0vw 0vw 3vw 0vw; }

    .faqTitle3>div{ font-size: 4vw; }
    .faqTitle3>img{ margin: 8vw 1vw 8vw 0; }
    .faqStr3{ padding: 4vw 0 16vw 1vw; font-size: 3.5vw; }

    .faqTitle4>div{ padding-top: 1vw; font-size: 4vw; }
    .faqTitle4>img{ margin: 8vw 2vw 2vw 0; }
    .faqStr4{ padding: 10vw 0 20vw 1vw; font-size: 3.5vw; }

    .faqTitle5>div{ padding-top: 1vw; font-size: 4vw; }
    .faqTitle5>img{ margin: 8vw 2vw 2vw 0; }
    .faqStr5{ padding: 10vw 0 20vw 1vw; font-size: 3.5vw; }

    .faqTitle6>div{ padding-top: 1vw; font-size: 4vw; }
    .faqTitle6>img{ margin: 8vw 1vw 3vw 0; }
    .faqStr6{ padding: 8vw 0 20vw 1vw; font-size: 3.5vw; }

    .faqTitle7>div{ padding-top: 1vw; font-size: 4vw; }
    .faqTitle7>img{ margin: 8vw 1vw 2vw 0; }
    .faqStr7{ padding: 10vw 0 20vw 1vw; font-size: 3.5vw; }

    
    .boxSubStr{ max-width: 80vw; width: 80vw; float: none; font-size: 4vw; }
    .boxSubStr>img,.boxSubStr>div>img{ max-width: 80vw;}
    .boxSubImage{ max-width: 50vw; width: 50vw; margin: 0vw auto; float: none; }
    .boxSubImage>img{ max-width: 50vw; margin-bottom: 5vw;}
    
    footer{ font-size: 4vw;
            padding-top: 5vw;
            color: #e27695;
    }

}
@media only screen and (max-width:846px){  

}
@media only screen and (max-width:767px){

}
@media only screen and (max-width:640px){
}
/*
* 消さない
*/
#fCimit{ background-color: rgba(255,255,255,0.3); margin-top: 3vw; }
.fbtnarea{
    background-color: #FFF;
}
.clone-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    transition: .3s;
    transform: translateY(100%);
}
.is-show {
    transform: translateY(0);
}

.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: #FFF;
    padding-right: 15px;
    padding-left: 15px;
}

body .logo > a > img {
    max-width: 600px;
}
body .logo.top_logo > a > img {
    max-width: 45vw;
}

body .logo {
    padding:0.5vw 2vw;
}
.row {
    margin-right: 0;
    margin-left: 0;
    font-size: 17px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
body .col-sm-4 {
float: none;
max-width: 600px;
width: 100%;
}
body .col-sm-offset-4 {
    margin-left: auto;
    margin-right: auto;
}
.hyouStr {
    padding: 30px 10px;
}
body .btn-success {
    color: #fff;
    background-color: #d22d6c;
    border-color: #d22d6c;
}
body .btn-success:hover {
    color: #fff;
    background-color: #d22d6c;
    border-color: #d22d6c;
opacity: .8;
}
body .btn-success:active:hover {
    background-color: #d22d6c;
    border-color: #d22d6c;
}
.form_area h2 {
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
font-size: 3em;
}
.text_message {
  display: none;
}
.text_none {
  display: block;
}
.attention_text {
display: none;
}
.attention_text {
font-size: .9em;
margin-top: 10px;
}
.attention_text input {
margin-top: 10px;
}
.attention_text .label-primary {
margin-right: 5px;
}
.form_area {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
border: 1px solid #ccc;
margin-top: 100px;
margin-bottom: 100px;
border-radius: 5px;
padding: 30px;
overflow: hidden;
}
body .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}
.hyouStr {
border-top: none;
}

.form_area .small {
display: block;
margin-top: 10px;
}
.info_inner {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}

.img_center {
text-align: center;
}
body .box10 {
padding-top: 3vw;
padding-bottom: 5vw;
}
table.info {
width: 100%;
margin-top: 50px;
font-size: 18px;
border: 1px solid #ccc;
}
table.info th,table.info td {
padding: 15px;
border: 1px solid #ccc;
font-weight: normal;
}
table.info th {
border-color: #fff;
background-color: #d54c7a;
color: #fff;
}
table.info td {
background-color: #fff;
}
.cv_link {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
margin-top: 70px;
}
.cv_link img {
width: 100%;
}
body .faqTitle3 {
    padding: 2vw 2vw 5.5vw 2vw;
}
body .box7Str {
font-weight: normal;
}
.box7 div.boxTitle {
margin-bottom: 0;
}
.contsClear.thanks01 {
max-width: 650px;
margin-right: auto;
margin-left: auto;
font-size: 18px;
margin-top: 50px;
margin-bottom: 50px;
}
.cv_button {
max-width: 650px;
width: 100%;
display: block;
background-color: #d22d6c;
color: #fff;
text-align: center;
text-decoration: none;
padding: 10px;
font-size: 1.5em;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
margin-bottom: 50px;
}
.headerImageSub {
padding-bottom: 0;
margin-bottom: 60px;
}
p {
    margin: 0 0 20px;
}


@media only screen and (min-width:1001px){
body .faxBody {
min-height: 650px;
}


}

@media only screen and (max-width:601px){
body .logo > a > img {
    max-width: 55vw;
}

.box1Body {
max-width: 95%;
width: 95%;
}
.box1 li {
font-size: 5vw;
margin-bottom: 15px;
}
.box3Str {
max-width: 90%;
width: 90%;
margin: 0 auto;
}
.box3Str > p {
    font-size: 4vw;
}
.img_center img {
width: 100%;
}
body .faqTitle3 {
    padding: 1vw 2vw 5.5vw 2vw;
}

.faxBody {
    max-width: 90vw;
    width: 90vw;
}
.faxBody {
background-size: 90vw auto;
}
.faqTitle1 > div {
font-size: 4.5vw;
}
.faqTitle2 > div {
font-size: 4.5vw;
}
.faqTitle3 > div {
font-size: 4vw;
}
.faqTitle4 > div {
font-size: 4.5vw;
}
.faqTitle5 > div {
font-size: 4.5vw;
}
.faqTitle6 > div {
font-size: 4.5vw;
}
.faqTitle7 > div {
font-size: 4.5vw;
}
.faqTitle8 > div {
font-size: 4.5vw;}
.faqTitle9 > div {
font-size: 4.5vw;}

.faqTitle1 > img {
    margin: 10vw 2vw 5vw 0;
}
.faxBody {
min-height: 340px;
}
.faqStr1,.faqStr2,.faqStr3,.faqStr4,.faqStr5,.faqStr6,.faqStr7,.faqStr8,.faqStr9 {
    padding: 8vw 16vw 20vw 16vw;
    font-size: 4vw;
line-height: 1.8em;
}
.faxBody br {
display: none;
}
.faqStr1,.faqStr4,.faqStr5 {
padding-top: 18vw;
}
.faqTitle4 {
padding-top: 5vw;
}





* {
font-family: "Sawarabi Gothic", sans-serif;
}

.faxBody * {
letter-spacing: .5px;
}
.ip_headerImage {
background-image: url(https://appcash.click/pink/wp-content/uploads/2023/05/sp_back.jpg);
background-position: top;
background-size: cover;
}
.ip_headerImage img {
max-width: 100%;
width: auto;
}
.ip_headbody p {
margin-bottom: 5px;
}
.ip_headbody {
padding-top: 50px;
padding-right: 10px;
padding-left: 10px;
}
body .logo.top_logo > a > img {
    max-width: 67%;
}
.head_list {
min-height: 200px;
position: relative;
background-image: url(https://appcash.click/pink/wp-content/uploads/2023/05/sp04.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain;
}

step {
    max-width: 90%;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
step > img, step > div > img {
    max-width: 100%;
}
step p {
font-size: 16px;
line-height: 1.7em;
}
.box3Str > p {
font-size: 15px;
line-height: 1.7em;
}

.box8Body {
    max-width: 95%;
    width: 95%;
}
.box8StrTitle, .box8StrTitle2 {
    font-size: 5.5vw;
    margin-top: 12px;
    margin-bottom: 20px;
    font-weight: bold;
}
.box8StrText {
    font-size: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.box8StrText br {
display: none;
}
.box8Girl {
    max-width: 30vw;
    top: 65%;
    right: 5vw;
}
.box8Girl {
    top: 70%;
}
.cv_link {
padding-right: 5px;
padding-left: 5px;
}

.form_area h2 {
text-align: center;
margin-bottom: 40px;
margin-top: 10px;
font-size: 1.7em;
}
.form_area {
padding-right: 10px;
padding-left: 10px;
width: 93%;
margin-right: auto;
margin-left: auto;
}
.col-md-3.formTitle {
margin-bottom: 15px;
}
span .label {
padding-bottom: 3px;
}
label {
font-weight: normal;
}
.pull-left {
max-width: 800px;
}
}



@media only screen and (min-width:702px){
.ip_headerImage {
display: none;
}
}
.purple_area {
background-image: url(https://appcash.click/pink/wp-content/uploads/2023/05/box10Bg.png);
background-position: top center;
background-size: 100vw auto;
padding-top: 5vw;
padding-bottom: 5vw;
}
.form_area {
background-color: #fff;
border: 2px solid #d54c7a;
margin-top: 0;
margin-bottom: 0;
}
.line {
position: fixed;
}
.line img {
width: auto;
max-width: 100%;
}

.line.pc_only {
bottom: 3px;
right: 3px;
max-width: 300px;
}
.line.ip_only {
bottom: 3px;
right: 3px;
max-width: 150px;
background-color: #00B900;
border-radius: 100%;
}




@media only screen and (min-width:700px){
.ip_only {
display: none;
}
}
@media only screen and (max-width:699px){
.pc_only {
display: none;
}
}

.line {
display: none !important;
}
.formArea input {
margin-bottom: 10px;
}
.form_title {
font-weight: bold;
margin-bottom: 30px;
text-align: center;
font-size: 2.5em;
margin-top: 30px;
}

@media only screen and (max-width:699px){
body .form_title {
font-size: 2em;
}
}
.contsClear {
font-size: 17px;
margin-bottom: 30px;
}
.form-horizontal .comit-thanks.confirm .row {
font-size: 15px;
}
.form-horizontal .comit-thanks.confirm .formArea {
border: 1px solid #ccc;
padding: 30px 15px;
}

.col-md-9.formArea {
width: 100%;
max-width: 1000px;
margin-right: auto;
margin-left: auto;
display: block;
float: none;
padding-left: 0;
padding-right: 0;
}
.col-md-3.formTitle {
margin-bottom: 10px;
}
body .contsClear.thanks01 {
max-width: 1000px;
}
thanks01 .form_title {
font-size: 2em;
}
.contsBody.comit-bb {
margin-bottom: 50px;
}
.pull-right {
margin-top: 3em;
}


.cvlist {
position: fixed;
bottom: 0;
width: 100%;
right: 0;
left: 0;
}
.cvlist ul {
padding: 0;
font-size: 0;
margin-bottom: 0;
}
.cvlist ul li {
text-align: center;
width: 50%;
display: inline-block;
font-size: 16px;
background-color: #d54c7a;
border: 1px solid #fff;
}
.cvlist ul li a {
color: #fff;
padding-top: 10px;
padding-bottom: 5px;
text-decoration: none;
display: block;
}
.cvlist ul li i {
display: block;
font-size: 1.2em;
margin-bottom: 5px;
}
.message {
    font-size: 18px;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #db1b4d;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 1em;
}
.message_text p {
    margin-bottom: 0; 
}
.message_title {
    margin-bottom: 10px;
font-size: 1.5em;
color: #db1b4d;
}



@media only screen and (max-width:699px){
body .form_title {
font-size: 2em;
}
}


#onecolumn .cps-post-box {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.article_style1 .cps-post-box {
  padding: 0px !important;
}

.cps-post-title {
  display: none;
}

.cps-post-main {
  padding-top: 0px !important;
}

#contents {
  margin-top: 0px !important;
	  padding-top: 0px !important;
}

body {
  color: #333333 !important;
  font-family: "Sawarabi Gothic", sans-serif;
}


#page-top{
  display: none !important;
}

#banner{
  display: none !important;
}

.w200 {
  width: 200px !important;
  max-width: 100% !important;
}

.mr40 {
  margin-right: 40px;
}

.form_area .contsBody * {
  font-family: "メイリオ", "ＭＳ ゴシック", "Times New Roman";
}

.box3 {
  background-color: white;
}

@media only screen and (max-width: 701px){
.form_area h2 {
  font-size: 3.7em;
}
}

@media only screen and (max-width: 701px){
.form_area h2 {
  font-size: 1.5em;
}
}

.box7Image br {
	display: none;
}

.comitBtn{
    margin: 54.5vw 0 6vw 60vw;
}

.comitBtn>a>img{
    max-width: 35vw;
    width: auto;
    height: auto;
}


#copyright{
		display: none;
}

footer a {
  font-size: 3em;
  color: #e27695;
}

#footer-box{
	text-align: center;
margin: 0 auto;
}

@media only screen and (min-width: 701px){
.rank {
width: 70%;
margin: 0 auto;
border: solid 5px #E9684D;
  padding: 15px;
}

.rank_yoko{
display: flex;
padding: 10px;
}

.rank_img{
width: 50%;
padding: 10px;
}

.rank_feature{
width: 50%;
padding: 20px;
}

.rankul{
	font-size: 1.5em;
}
.rankli{
padding: 0.1em 0px 1em 10px !important;
}
.hikaku_table {
font-size: 1.5em;
margin-top: 3em;
}
}

@media only screen and (max-width: 701px){
.rank_img{
  margin-bottom: 20px;
}
.rank {
  border: solid 2px #ffa657;
  padding: 10px;
}

.rankul{
	font-size: 1.2em;
}
.rankli {
padding: 0.1em 0px 1em 10px !important;
    font-size: 4vw;
}
.rank_star {
  display: block;
  text-align: center;
  padding: 10px;
}
.hikaku_table {
  font-size: 1em;
}
.cv2 img {
  width: 100%;
}
}

.rank_merit {
    line-height: 1.2;
    padding: 0.6em 0.8em;
    font-weight: bold;
    background: #f6cb47;
    color: #fff;
    border-radius: 3px;
    position: relative;
    margin-bottom: 12px;
	font-size: 1.5em;
}

.rank_merit:before {
    position: absolute;
    content: "";
    top: 98%;
    left: 30px;
    border: 9px solid transparent;
    border-top: 8px solid #f6cb47;
    width: 0;
    height: 0;
}

.rank_star{
color: orange;
margin-left: 15px;
}

.button-1 {
  display: inline-block;
  padding: 0.4em 0.6em;
  font-size: 2em;
  color: #00b5ad;
  text-decoration: none;
  user-select: none;
  border: 3px #fff solid;
  border-radius: 3px;
  transition: 0.4s ease;
  width: 100%;
  text-align: center;
  background-color: #ff9537;
}

#breadcrumb {
  display: none;
}

.hikaku_table{
border: solid 1px black !important;
margin: 0 auto;
width: 90% !important;
background-color: white;
}

.hikaku_table th {
	vertical-align: middle;
  text-align: center !important;
  border: solid 1px black !important;
}

.hikaku_table td {
	vertical-align: middle;
  text-align: center !important;
  border: solid 1px black !important;
}

.hikaku_ul{
	padding: 0px !important;
}

.hikaku_li{
	padding: 0px !important;
}

#toc_container {
  display: none;
}

.rank_title1 {
text-align: center;
  font-size: 2.5em;
}
	
.rank_title2 {
text-align: center;
  font-size: 2.5em;
}
	
.rank_title3 {
text-align: center;
  font-size: 2.5em;
}

.rankul .rankli::before {
  content: "\f00c";
  font-family: 'FontAwesome';
  margin-right: 0.5em;
	background-color: #fff !important;
}

.cv2 img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.cv2{
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}

.rank{
background-color: white;
}

.footer-inner a{
margin: 0 10px;
}

@media only screen and (min-width: 701px){
footer {
  padding-bottom: 13% !important;
}
}

.cv2 a {
  display: contents;
}

.cv2 {
	background-color: rgba(255, 254, 169, 0.55);
	padding-top: 10px;
}

.pull-left {
  padding-top: 2%;
}

.sns-top {
  display: none;
}


.sns {
    display: none;
}

/* プライバシーポリシー用CSS */ 

.page-id-431 .modal_wrap{
	display: none !important;
}

.page-id-431 .cv2 {
display: none !important;
}

.page-id-431 .cps-post-main{
	padding: 24px !important;
}

  @media only screen and (max-width: 701px) {
.page-id-431 footer {
  padding-bottom: 10% !important;
}
}

  @media only screen and (min-width: 701px) {
.page-id-431 footer {
  padding-bottom: 2% !important;
}
}

.page-id-431 .cps-post-title {
  display: block;
  padding-top: 10%;
  font-size: 2em !important;
  color: #000;
}

/* 運営者情報用CSS */ 

.page-id-453 .modal_wrap{
	display: none !important;
}

.page-id-453 .cv2 {
display: none !important;
}

.page-id-453 .cps-post-main{
	padding: 24px !important;
}

  @media only screen and (max-width: 701px) {
.page-id-453 footer {
  padding-bottom: 10% !important;
}
}

  @media only screen and (min-width: 701px) {
.page-id-453 footer {
  padding-bottom: 2% !important;
}
}

.page-id-453 .cps-post-title {
  display: block;
  padding-top: 10%;
  font-size: 2em !important;
  color: #000;
}

/* お問い合わせフォーム用CSS */ 

.page-id-494 .cv2 {
display: none !important;
}

.page-id-494 .cps-post-main{
	padding: 24px !important;
}

  @media only screen and (max-width: 701px) {
.page-id-494 footer {
  padding-bottom: 10% !important;
}
}

  @media only screen and (min-width: 701px) {
.page-id-494 footer {
  padding-bottom: 2% !important;
}
}

.page-id-494 .cps-post-title {
  display: block;
  padding-top: 10%;
  font-size: 2em !important;
  color: #000;
}

.page-id-494 label {
  margin-bottom: 50px !important;
}


.rank_title1:before {
content: url('https://appcash.click/pink/wp-content/uploads/2023/05/rank1-2-e1685091627265.png');
}

.rank_title2:before {
content: url('https://appcash.click/pink/wp-content/uploads/2023/05/rank2-2-e1685091753600.png');
}
	
.rank_title3:before {
content: url('https://appcash.click/pink/wp-content/uploads/2023/05/rank3-2-e1685091759563.png');
}

  @media only screen and (min-width: 701px) {
    .rank_titles {
      display: inline-block;
      vertical-align: top;
      margin-top: 28px;
    }
  }

  @media only screen and (max-width: 701px) {
    .rank_titles {
      display: inline-block;
      vertical-align: top;
    }
  }

.rank_titles a {
	color: #008db7 !important;
}

.ranktable tr{
  border-bottom: solid 2px white;
}

.ranktable tr:last-child{
  border-bottom: none;
}

.rank{
font-weight: bold;
}

@media only screen and (max-width: 701px) {
  .box4Image{
    scale: 130%;
  }

  .ranktable{
    border-collapse: separate;
    border-spacing: 10px;
    width: 100%;
    font-size: 1em;
  }

  .ranktable span {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    color: #e27695;
    width: 90%;
    display: inline-block;
  }

  .ranktable th {
    position: relative;
    background-color: #FF9983;
    color: white;
    text-align: center;
  }

  .ranktable th::after {
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: calc(50% - 10px);
    right: -10px;
    border-left: 10px solid #FF9983;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

  .ranktable td {
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    border-radius: 15px;
  }
}

@media only screen and (min-width: 701px) {
  .ranktable{
    border-collapse: separate;
    border-spacing: 10px;
    width: 85%;
    font-size: 1.5em;
    margin: 20px auto;
  }

  .ranktable span{
    background-color: white;
    padding: 15px;
    border-radius: 15px;
    color: #e27695;
    width: 70%;
    display: inline-block;
  }

  .ranktable th {
    position: relative;
    width: 40%;
    background-color: #FF9983;
    color: white;
    text-align: center;
    padding: 20px 0;
    border-right-width: 75px;
    border-right-style: solid;
  }

  .ranktable th::after {
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: calc(50% - 50px);
    right: -50px;
    border-left: 50px solid #FF9983;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
  }

  .ranktable td {
    width: 40%;
    text-align: center;
    background-color: #fff;
    padding: 20px 0;
    border-radius: 15px;
  }
}

@media only screen and (min-width: 701px) {
  .boxTitle2 {
    scale: 70%;
  }
}

.fcPink {
  color: #bf2201 !important;
  font-weight: bold !important;
}


 @media only screen and (min-width: 670px){ 
 .syousai_p { 
    font-size: 2em !important;
  }
	 
	.box2{
		 padding-top: 0;
	 }
}

.modal_wrap input {
    display: none;
}

.modal_overlay {
    position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
    z-index: 9999;
    background-color: rgba(0, 22, 72, 0.6);
    transition: opacity 0.2s, transform 0s 0.2s;
    transform: scale(0);
	width: 100%;
height: 100%;
}

.modal_wrap input:checked~.modal_overlay {
    opacity: 1;
	    transform: scale(1);
    transition: opacity 0.2s;
}

.backcv {
	position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
}


  @media only screen and (max-width: 701px) {
.backcv {
width: 90%;
}
}


.Timer_area {
position: relative;
}
#CDT {
color: #fff;
background-color: #1E56AD;
text-align: center;
font-size: 3.3em;
font-weight: bold;
margin-bottom: 0;
line-height: 1.2em;
letter-spacing: 0;
}
.time_text {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
left: 10px;
color: #fff;
font-size: 14px;
}



@media (max-width: 767px) {
  footer .footer-inner {
    font-size: 1vw !important;
    padding-top: 5em !important;
  }
}
  
.box8 p img {
    display: none;
}


  
@media screen and (min-width: 700px) {
  .new_top_area {
    max-width: 750px;
    margin: 0 auto;
  }
  
  .wrapper{
    overflow: hidden;
    position: relative;
  }
  .loop {
    animation: loop 10s linear infinite;
    width: 100%;
    margin: 0;
    font-size: 1.5em;
    padding: 13px;
    background-color: #154b7c;
    border-top: 5px solid #fff;
    height: 3em;
    font-weight: bold;
  }
  .loop2 {
    position: absolute;
    top: 0;
    left: 0;
    animation: loop 10s -5s linear infinite;
    margin: 0;
    color: white;
  }
  
  @keyframes loop {
    0%{
      transform: translateX(100%);
    }
    100%{
      transform: translateX(-100%);
    }
  }
  
  .new-rank_title {
    display: flex;
    align-items: center;
    border-bottom: 3px solid #316466;
    justify-content: center;
  }
  
  .new-rank_title_img {
    width: 60px;
    margin: 15px;
  }
  
  .new-rank_title_text {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
  }
  
  .new-rank_text {
    font-size: 1.5em;
    font-weight: bold;
    margin: 15px 5px;
    text-align: center;
  }
  
  .new-rank_btn {
  margin-top: 30px auto;
  }
  
  .new-rank_dlt {
    display: flex;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
  }
  
  .new-rank_dlt dl {
  width: 35%;
    margin: 2px;
  }
  

  .new-rank_box {
    padding: 0 10px;
  }

}

    #wrapper{
                background-color: #fff;
          background-image: url();
            }
      .related-entry-headline-text span:before,
      #comment-title span:before,
      #reply-title span:before{
        background-color: #3b4675;
        border-color: #3b4675!important;
      }
      
      #breadcrumb:after,
      #page-top a{	
        background-color: #3b4675;
      }
          footer{
        background-color: #3b4675;
      }
      .footer-inner a,
      #copyright,
      #copyright-center{
        border-color: #fff!important;
        color: #fff!important;
      }
      #footer-widget-area
      {
        border-color: #fff!important;
      }
          .page-top-footer a{
        color: #3b4675!important;
      }
          #breadcrumb ul li,
      #breadcrumb ul li a{
        color: #3b4675!important;
      }
      
      body,
      a,
      a:link,
      a:visited,
      .my-profile,
      .widgettitle,
      .tabBtn-mag label{
        color: #3b4675;
      }
      a:hover{
        color: #008db7;
      }
              .widget_nav_menu ul > li > a:before,
      .widget_categories ul > li > a:before,
      .widget_pages ul > li > a:before,
      .widget_recent_entries ul > li > a:before,
      .widget_archive ul > li > a:before,
      .widget_archive form:after,
      .widget_categories form:after,
      .widget_nav_menu ul > li > ul.sub-menu > li > a:before,
      .widget_categories ul > li > .children > li > a:before,
      .widget_pages ul > li > .children > li > a:before,
      .widget_nav_menu ul > li > ul.sub-menu > li > ul.sub-menu li > a:before,
      .widget_categories ul > li > .children > li > .children li > a:before,
      .widget_pages ul > li > .children > li > .children li > a:before{
        color: #3b4675;
      }
      .widget_nav_menu ul .sub-menu .sub-menu li a:before{
        background-color: #3b4675!important;
      }
      footer .footer-widget,
      footer .footer-widget a,
      footer .footer-widget ul li,
      .footer-widget.widget_nav_menu ul > li > a:before,
      .footer-widget.widget_categories ul > li > a:before,
      .footer-widget.widget_recent_entries ul > li > a:before,
      .footer-widget.widget_pages ul > li > a:before,
      .footer-widget.widget_archive ul > li > a:before,
      footer .widget_tag_cloud .tagcloud a:before{
        color: #fff!important;
        border-color: #fff!important;
      }
      footer .footer-widget .widgettitle{
        color: #fff!important;
        border-color: #ffcd44!important;
      }
      footer .widget_nav_menu ul .children .children li a:before,
      footer .widget_categories ul .children .children li a:before,
      footer .widget_nav_menu ul .sub-menu .sub-menu li a:before{
        background-color: #fff!important;
      }
      #drawernav a:hover,
      .post-list-title,
      #prev-next p,
      #toc_container .toc_list li a{
        color: #3b4675!important;
      }
      
      #header-box{
        background-color: #3b4675;
      }

     @media (min-width: 768px) {
      #header-box .header-box10-bg:before,
      #header-box .header-box11-bg:before{
        border-radius: 2px;
      }
    }

    @media (min-width: 768px) {
        .top-image-meta{
          margin-top: calc(0px - 30px);
        }
      }

      @media (min-width: 1200px) {
        .top-image-meta{
          margin-top: calc(0px);
        }
      }
          .pickup-contents:before{
        background-color: #3b4675!important;
      }
      
      .main-image-text{
        color: #555;
      }
      .main-image-text-sub{
        color: #555;
      }
      
      @media (min-width: 481px) {
        #site-info{
          padding-top: 15px!important;
          padding-bottom: 15px!important;
        }
      }
      
      #site-info span a{
        color: #f4f4f4!important;
      }
      
          #headmenu .headsns .line a svg{
        fill: #f4f4f4!important;
      }
      #headmenu .headsns a,
      #headmenu{
        color: #f4f4f4!important;
        border-color:#f4f4f4!important;
      }
              .profile-follow .line-sns a svg{
        fill: #3b4675!important;
      }
      .profile-follow .line-sns a:hover svg{
        fill: #ffcd44!important;
      }
      .profile-follow a{
        color: #3b4675!important;
        border-color:#3b4675!important;
      }
      .profile-follow a:hover,
      #headmenu .headsns a:hover{
        color:#ffcd44!important;
        border-color:#ffcd44!important;
      }
          .search-box:hover{
        color:#ffcd44!important;
        border-color:#ffcd44!important;
      }
          #header #headmenu .headsns .line a:hover svg{
        fill:#ffcd44!important;
      }
      .cps-icon-bar,
      #navtoggle:checked + .sp-menu-open .cps-icon-bar{
        background-color: #f4f4f4;
      }
      #nav-container{
        background-color: #fff;
      }
      .menu-box .menu-item svg{
        fill:#f4f4f4;
      }
      #drawernav ul.menu-box > li > a,
      #drawernav2 ul.menu-box > li > a,
      #drawernav3 ul.menu-box > li > a,
      #drawernav4 ul.menu-box > li > a,
      #drawernav5 ul.menu-box > li > a,
      #drawernav ul.menu-box > li.menu-item-has-children:after,
      #drawernav2 ul.menu-box > li.menu-item-has-children:after,
      #drawernav3 ul.menu-box > li.menu-item-has-children:after,
      #drawernav4 ul.menu-box > li.menu-item-has-children:after,
      #drawernav5 ul.menu-box > li.menu-item-has-children:after{
        color: #f4f4f4!important;
      }
      #drawernav ul.menu-box li a,
      #drawernav2 ul.menu-box li a,
      #drawernav3 ul.menu-box li a,
      #drawernav4 ul.menu-box li a,
      #drawernav5 ul.menu-box li a{
        font-size: 14px!important;
      }
      #drawernav3 ul.menu-box > li{
        color: #3b4675!important;
      }
      #drawernav4 .menu-box > .menu-item > a:after,
      #drawernav3 .menu-box > .menu-item > a:after,
      #drawernav .menu-box > .menu-item > a:after{
        background-color: #f4f4f4!important;
      }
      #drawernav2 .menu-box > .menu-item:hover,
      #drawernav5 .menu-box > .menu-item:hover{
        border-top-color: #3b4675!important;
      }
          .cps-info-bar a{
        background-color: #ffcd44!important;
      }

      @media (min-width: 768px) {
        .post-list-mag .post-list-item:not(:nth-child(2n)){
          margin-right: 2.6%;
        }
      }

      @media (min-width: 768px) {
        #tab-1:checked ~ .tabBtn-mag li [for="tab-1"]:after,
        #tab-2:checked ~ .tabBtn-mag li [for="tab-2"]:after,
        #tab-3:checked ~ .tabBtn-mag li [for="tab-3"]:after,
        #tab-4:checked ~ .tabBtn-mag li [for="tab-4"]:after{
          border-top-color: #3b4675!important;
        }
        .tabBtn-mag label{
          border-bottom-color: #3b4675!important;
        }
      }

      #tab-1:checked ~ .tabBtn-mag li [for="tab-1"],
      #tab-2:checked ~ .tabBtn-mag li [for="tab-2"],
      #tab-3:checked ~ .tabBtn-mag li [for="tab-3"],
      #tab-4:checked ~ .tabBtn-mag li [for="tab-4"],
      #prev-next a.next:after,
      #prev-next a.prev:after,
      .more-cat-button a:hover span:before{
        background-color: #3b4675!important;
      }
      
  
      .swiper-slide .post-list-cat,
      .post-list-mag .post-list-cat,
      .post-list-mag3col .post-list-cat,
      .post-list-mag-sp1col .post-list-cat,
      .swiper-pagination-bullet-active,
      .pickup-cat,
      .post-list .post-list-cat,
      #breadcrumb .bcHome a:hover span:before,
      .popular-item:nth-child(1) .pop-num,
      .popular-item:nth-child(2) .pop-num,
      .popular-item:nth-child(3) .pop-num{
        background-color: #ffcd44!important;
      }
      .sidebar-btn a,
      .profile-sns-menu{
        background-color: #ffcd44!important;
      }
      .sp-sns-menu a,
      .pickup-contents-box a:hover .pickup-title{
        border-color: #3b4675!important;
        color: #3b4675!important;
      }
          .pro-line svg{
        fill: #3b4675!important;
      }
      .cps-post-cat a,
      .meta-cat,
      .popular-cat{
        background-color: #ffcd44!important;
        border-color: #ffcd44!important;
      }
      .tagicon,
      .tag-box a,
      #toc_container .toc_list > li,
      #toc_container .toc_title{
        color: #3b4675!important;
      }
      .widget_tag_cloud a::before{
        color: #3b4675!important;
      }
      .tag-box a,
      #toc_container:before{
        border-color: #3b4675!important;
      }
      .cps-post-cat a:hover{
        color: #008db7!important;
      }
      .pagination li:not([class*="current"]) a:hover,
      .widget_tag_cloud a:hover{
        background-color: #3b4675!important;
      }
      .pagination li:not([class*="current"]) a:hover{
        opacity: 0.5!important;
      }
      .pagination li.current a{
        background-color: #3b4675!important;
        border-color: #3b4675!important;
      }
      .nextpage a:hover span {
        color: #3b4675!important;
        border-color: #3b4675!important;
      }
      .cta-content:before{
        background-color: #6FBFCA!important;
      }
      .cta-text,
      .info-title{
        color: #fff!important;
      }
      #footer-widget-area.footer_style1 .widgettitle{
        border-color: #ffcd44!important;
      }
      .sidebar_style1 .widgettitle,
      .sidebar_style5 .widgettitle{
        border-color: #3b4675!important;
      }
      .sidebar_style2 .widgettitle,
      .sidebar_style4 .widgettitle,
      .sidebar_style6 .widgettitle,
      #home-bottom-widget .widgettitle,
      #home-top-widget .widgettitle,
      #post-bottom-widget .widgettitle,
      #post-top-widget .widgettitle{
        background-color: #3b4675!important;
      }
      #home-bottom-widget .widget_search .search-box input[type="submit"],
      #home-top-widget .widget_search .search-box input[type="submit"],
      #post-bottom-widget .widget_search .search-box input[type="submit"],
      #post-top-widget .widget_search .search-box input[type="submit"]{
        background-color: #ffcd44!important;
      }
      
      .tn-logo-size{
        font-size: 160%!important;
      }
      @media (min-width: 481px) {
      .tn-logo-size img{
        width: calc(160%*0.5)!important;
      }
      }
      @media (min-width: 768px) {
      .tn-logo-size img{
        width: calc(160%*2.2)!important;
      }
      }
      @media (min-width: 1200px) {
      .tn-logo-size img{
        width: 160%!important;
      }
      }
      .sp-logo-size{
        font-size: 100%!important;
      }
      .sp-logo-size img{
        width: 100%!important;
      }
          .cps-post-main ul > li:before,
      .cps-post-main ol > li:before{
        background-color: #ffcd44!important;
      }
      .profile-card .profile-title{
        background-color: #3b4675!important;
      }
      .profile-card{
        border-color: #3b4675!important;
      }
      .cps-post-main a{
        color:#008db7;
      }
      .cps-post-main .marker{
        background: -webkit-linear-gradient( transparent 60%, #ffcedb 0% ) ;
        background: linear-gradient( transparent 60%, #ffcedb 0% ) ;
      }
      .cps-post-main .marker2{
        background: -webkit-linear-gradient( transparent 60%, #a9eaf2 0% ) ;
        background: linear-gradient( transparent 60%, #a9eaf2 0% ) ;
      }
      .cps-post-main .jic-sc{
        color:#e9546b;
      }


      .innerlink-box1,
      .blog-card{
        border-color:#73bc9b!important;
      }
      .innerlink-box1-title{
        background-color:#73bc9b!important;
        border-color:#73bc9b!important;
      }
      .innerlink-box1:before,
      .blog-card-hl-box{
        background-color:#73bc9b!important;
      }
          
      .jin-ac-box01-title::after{
        color: #3b4675;
      }
      
      .color-button01 a,
      .color-button01 a:hover,
      .color-button01:before{
        background-color: #008db7!important;
      }
      .top-image-btn-color a,
      .top-image-btn-color a:hover,
      .top-image-btn-color:before{
        background-color: #ffcd44!important;
      }
      .color-button02 a,
      .color-button02 a:hover,
      .color-button02:before{
        background-color: #d9333f!important;
      }
      
      .color-button01-big a,
      .color-button01-big a:hover,
      .color-button01-big:before{
        background-color: #3296d1!important;
      }
      .color-button01-big a,
      .color-button01-big:before{
        border-radius: 5px!important;
      }
      .color-button01-big a{
        padding-top: 20px!important;
        padding-bottom: 20px!important;
      }
      
      .color-button02-big a,
      .color-button02-big a:hover,
      .color-button02-big:before{
        background-color: #83d159!important;
      }
      .color-button02-big a,
      .color-button02-big:before{
        border-radius: 5px!important;
      }
      .color-button02-big a{
        padding-top: 20px!important;
        padding-bottom: 20px!important;
      }
          .color-button01-big{
        width: 75%!important;
      }
      .color-button02-big{
        width: 75%!important;
      }
          
      
            .top-image-btn-color:before,
        .color-button01:before,
        .color-button02:before,
        .color-button01-big:before,
        .color-button02-big:before{
          bottom: -1px;
          left: -1px;
          width: 100%;
          height: 100%;
          border-radius: 6px;
          box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
          -webkit-transition: all .4s;
          transition: all .4s;
        }
        .top-image-btn-color a:hover,
        .color-button01 a:hover,
        .color-button02 a:hover,
        .color-button01-big a:hover,
        .color-button02-big a:hover{
          -webkit-transform: translateY(2px);
          transform: translateY(2px);
          -webkit-filter: brightness(0.95);
           filter: brightness(0.95);
        }
        .top-image-btn-color:hover:before,
        .color-button01:hover:before,
        .color-button02:hover:before,
        .color-button01-big:hover:before,
        .color-button02-big:hover:before{
          -webkit-transform: translateY(2px);
          transform: translateY(2px);
          box-shadow: none!important;
        }
          
      .h2-style01 h2,
      .h2-style02 h2:before,
      .h2-style03 h2,
      .h2-style04 h2:before,
      .h2-style05 h2,
      .h2-style07 h2:before,
      .h2-style07 h2:after,
      .h3-style03 h3:before,
      .h3-style02 h3:before,
      .h3-style05 h3:before,
      .h3-style07 h3:before,
      .h2-style08 h2:after,
      .h2-style10 h2:before,
      .h2-style10 h2:after,
      .h3-style02 h3:after,
      .h4-style02 h4:before{
        background-color: #3b4675!important;
      }
      .h3-style01 h3,
      .h3-style04 h3,
      .h3-style05 h3,
      .h3-style06 h3,
      .h4-style01 h4,
      .h2-style02 h2,
      .h2-style08 h2,
      .h2-style08 h2:before,
      .h2-style09 h2,
      .h4-style03 h4{
        border-color: #3b4675!important;
      }
      .h2-style05 h2:before{
        border-top-color: #3b4675!important;
      }
      .h2-style06 h2:before,
      .sidebar_style3 .widgettitle:after{
        background-image: linear-gradient(
          -45deg,
          transparent 25%,
          #3b4675 25%,
          #3b4675 50%,
          transparent 50%,
          transparent 75%,
          #3b4675 75%,
          #3b4675			);
      }

/* 新たに追加 */

  .new_top_area div {
   text-align: center;
  }

  .new-rank-inner {
    display: flex;
  }

  .new-rank_cardtype {
    display: flex;
    flex-wrap: wrap;
  }

@media screen and (min-width: 700px) {
  .cardtype_ul {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
  }

  .new-rank_cardtype .cardtype_ul li {
    padding: 5px;
    margin: 15px 1px !important;
    color: #fff;
    font-weight: bold;
  }

  .new-rank_dlt dl dt {
    background-color: #154b7c;
    color: #fff;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
  }

  .new-rank_dlt dl dd {
    color: #000;
    padding: 5px 0;
    border: 3px double #154b7c;
  }

  .new-rank_btn {
    margin: 30px 5%;
    display: flex;
  }


  
  .new_btn_s {
    text-align: left;
    margin-top: 1em;
    font-size: 1.5em;
    font-weight: bold;
    flex: 1;
    margin-bottom: 0 !important;
    align-content: center;
  }

  .box30 {
    max-width: 600px;
    margin: 0 auto !important;
  }

  .box30 .box-title {
    font-size: 1.2rem;
  }
  
  .ank {
    font-size: 1.0rem;
    padding-left: 100px;
  }

  .prf {
    gap: 30px;
  }
  
  .prf p {
    line-height: 1.8rem;
    font-size: 1.2rem;
  }

  .gray {
    font-size: 14px;
  }
  
  .kuchikomi {
    font-size: 1.1rem;
  }
  
  .line2 {
    border-bottom: solid 1px #eee;
    padding-top: -15px;
    margin-bottom: 20px;
  }
  
  .box1 .box1Body ul li {
    font-size: 1.9vw !important;
  }

  .button-rank-cv {
    position: relative;
    margin: 0 5%;
    border: 6px ridge #e55b3b;
    border-radius: 15px;
    background-color: #f1853d;
    font-weight: bold;
    font-size: 1.3em;
    text-decoration: none !important;
    color: #fff !important;
    width: 45%;
    padding: 10px;
    text-align: center;
    align-content: center;
    flex: 1.2;
    animation: poyoyon3 2.5s infinite;
    opacity: 1;
  }
  
  @keyframes poyoyon3 {
    0%, 40% {
      transform: skew(0deg, 0deg);
    }
    5% {
      transform: skew(5deg, 5deg);
    }
    10% {
      transform: skew(-4deg, -4deg);
    }
    15% {
      transform: skew(3deg, 3deg);
    }
    20% {
      transform: skew(-2deg, -2deg);
    }
    25% {
      transform: skew(1deg, 1deg);
    }
    30% {
      transform: skew(-0.6deg, -0.6deg);
    }
    35% {
      transform: skew(0.3deg, 0.3deg);
    }
  }

}

.ranking-tab {
  background-color: #5f9ea0;
  color: #fff;
  text-align: center;
  font-size: 1.8em;
  padding: 2%;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}

.tab_content {
  overflow: hidden;
}

.new-rank_cardtype p {
  padding: 2% 0;
  font-size: 1.3em;
  margin-bottom: 0 !important;
  width: 100%;
  text-align: center;
  border-bottom: 10px groove cadetblue;
}

.newrankbox-inner {
  padding: 1%;
  border: 5px dashed cadetblue;
  box-shadow: 0px 0px 10px cadetblue;
  margin-bottom: 2%;
}

.nanamemarker {
  background-image: repeating-linear-gradient(-45deg, #ffad9a 0, #ffad9a 3px, transparent 3px, transparent 6px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 30%;
}

.new-rank-subinner {
  padding-left: 1%;
}

.box1 {
  background-color: #fbfbfb;
  padding-bottom: 5vw;
}

.box1title {
  width: 80%;
  margin: 0 14%;
    margin-bottom: 0px;
  margin-bottom: 0px;
}

.box1Body {
  border: solid 2px #999;
  padding: 0 1em 0 2em;
  position: relative;
  background: white;
  text-align: center;
  margin: 0 auto;
}

/*文字、罫線の設定*/
.box1Body p {
  border-bottom: dashed 1px #ccc;
  line-height: 1.5;
  padding: 1.5em 0 1.5em 0.5em;
  margin: 0 !important;
  font-size: 1.3em;
}

.box1Body p:last-of-type {
  border-bottom: none;
}

/*ドットの設定*/
.box1Body::before {
  content: "";
  position: absolute;
  border-right: dotted 15px #ddd; /*ドットの大きさ、高さ*/
  height:90%;
  top:0.5em; /*位置*/
  left:0.5em; /*位置*/
}

.box1-subtitle {
  width: 70%;
  margin: 3% 15%;
    margin-bottom: 3%;
  margin-bottom: 0px;
}

.merit-box {
  margin: 1% 10%;
}

.meritbox {
  position: relative;
  padding: 1rem;
  color: #353535;
  transform: skewX(10deg);
  margin-bottom: 4%;
  background-image: linear-gradient(90deg, rgb(253, 236, 170), rgb(255, 174, 142));
}

.merit-box p {
  text-align: center;
  font-size: 1.3em;
}

.meritbox-body {
  padding: 1rem;
  border: 3px dashed #353535;
  color: #353535;
  background: white;
}

.merit-titlebox {
  display: flex;
  border-bottom: 6px dashed #ff9c4a;
  margin: auto 1%;
}

.merit1 {
  font-size: 1.3em;
  font-weight: bold;
}

.merit2 {
  font-size: 1.3em;
  font-weight: bold;
}

.merit3 {
  font-size: 1.3em;
  font-weight: bold;
}

.merit-title {
  margin-left: 3%;
  font-size: 1.2em;
}

.merit-text {
  margin: 1% 3%;
}

.meritbox p {
  line-height: 1.5;
}


.meritbox::before,
.meritbox::after {
  position: absolute;
  content: '';
}

.meritbox::before {
  top: 8px;
  left: -15px;
  width: 15px;
  height: 100%;
  background-color: #919191;
  transform: skewY(-45deg);
}

.meritbox::after {
  bottom: -15px;
  right: 8px;
  width: 100%;
  height: 15px;
  background-color: #636363;
  transform: skewX(-45deg);
}



.cyui-box {
  margin: 1% 10%;
}

.cyuibox {
  position: relative;
  padding: 1rem;
  background-color: #ffdede;
  color: #353535;
  transform: skewX(-10deg);
  margin-bottom: 4%;
  background-image: repeating-linear-gradient(45deg, #EBBB2F 0 5px, #333 5px 10px);
}

.cyui-box p {
  text-align: center;
  font-size: 1.3em;
}

.cyuibox-body {
  padding: 1rem;
  border: 3px dashed #353535;
  color: #353535;
  background: white;
}

.cyui-titlebox {
  display: flex;
  border-bottom: 6px dashed #ff4a4a;
  margin: auto 1%;
}

.cyui1 {
  font-size: 1.3em;
  font-weight: bold;
}

.cyui2 {
  font-size: 1.3em;
  font-weight: bold;
}

.cyui3 {
  font-size: 1.3em;
  font-weight: bold;
}

.cyui-title {
  margin-left: 3%;
  font-size: 1.2em;
}

.cyui-text {
  margin: 1% 3%;
}

.cyuibox p {
  line-height: 1.5;
}


.cyuibox::before,
.cyuibox::after {
  position: absolute;
  content: '';
}

.cyuibox::before {
  top: 8px;
  left: -15px;
  width: 15px;
  height: 100%;
  background-color: #919191;
  transform: skewY(-45deg);
}

.cyuibox::after {
  bottom: -15px;
  right: 8px;
  width: 100%;
  height: 15px;
  background-color: #636363;
  transform: skewX(-45deg);
}

.box4-bodytext {
  text-align: center;
  font-size: 1.3em;
}

.box4img {
  width: 80%;
  margin: 0 14%;
    margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
}

.box4-body {
  margin: 1% 10%;
}

.box4-innerbox {
  display: flex;
  margin-top: 3%;
}

.box4-innerbox-img {
  flex: 1;
}

.box4-innerbox-text {
  font-size: 1.3em;
  align-content: center;
  flex: 2;
}

.box4-innerbox-text p {
  margin-bottom: 5% !important;
  border-bottom: 4px dashed gray;
  padding-bottom: 2px;
}

.box5title {
  width: 80%;
  margin: 2% 14%;
    margin-bottom: 0px;
}

.box5 {
  background-color: #fffad0;
  overflow: hidden;
  padding-bottom: 2vw;
}

.step {
  margin: 1% 10%;
}

.step p {
  text-align: center;
  font-size: 1.3em;
}

.step-inner {
  display: flex;
  position: relative;
}

.step-inner:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -2rem;
  background-color: #f8bf3a;
  width: 60px;
  height: 24px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}


.step-inner:first-of-type::before {
  display: none;
}

.step-innertitle {
  width: 35%;
}

.step-innertext span {
  font-size: 1.5em;
  margin-right: 5%;
  font-weight: bold;
}

.step-innertext {
  margin-left: 4%;
  width: 100%;
  font-size: 1em;
  align-content: center;
}

.step-innertext p {
  text-align: left;
  margin-bottom: 2% !important;
  width: 75%;
}

.step-innertext .nanamemarker {
  padding-left: 2%;
  padding-right: 2%;
}

.step-text {
  margin-top: 2%;
  font-size: 1.15em;
}


.q\&a {
  background: #99cfd0;
  margin-bottom: 2.5%;
}

.accordion--1{
  --color : #ff2e71 ;
}
.accordion--2{
  --color : #00b1b9 ;
}
.accordion--3{
  --color : #ffa400 ;
}
.accordion--4{
  --color : #ff2e71 ;
}
.accordion--5{
  --color : #00b1b9 ;
}
.accordion--6{
  --color : #ffa400 ;
}
.accordion{
  position : relative ;
  width : 300px ;
  color : #443849 ;
}
.accordion__tab{
  display : flex ;
  align-items : flex-end ;
  justify-content : center ;
  position : relative ;
  z-index : 2 ;
  width : 96px ;
  height : 24px ;
  font-size : 16px ;
  border-radius : 12px 13px 0 0 ;
  background : #fff ;
  font-family: 'Barlow', sans-serif;
}
.accordion__tab::before{
  content : '' ;
  position : absolute ;
  z-index : 2 ;
  bottom : 0 ;
  right : -16px ;
  width : 0 ;
  height : 0 ;
  border-top : solid 20px transparent ;
  border-left : solid 20px #fff ;
  border-right : solid 0 transparent ;
  border-bottom : solid 0 transparent ;
}
.accordion__open,
.accordion__close{
  display : none ;
}
.accordion__wrapper{
  position : relative ;
  width : 100% ;
  height : 100% ;
  padding :  24px ;
  box-sizing : border-box ;
  background : #fff ;
  border-radius : 0 12px 12px 12px ;
  cursor : pointer ;
}
.accordion__box{
  margin : 0 ;
}
.accordion__patition{
  position : relative ;
  z-index : 2 ;
  box-sizing : border-box ;
  width : 100% ; 
  transition : all .2s ease ;
}
.accordion__number{
  position : absolute ;
  top : 0 ;
  left : 0 ;
  display : flex ;
  align-items : center ;
  width : 50px ;
  height : 40px ;
  margin-right : 16px ;
  font-size : 40px ;
  font-family: 'Barlow', sans-serif;
  color : var(--color) ;
}
.accordion__number::before{
  content : '' ;
  position : absolute ;
  bottom : 4px ;
  left : 72px ;
  width : 0 ;
  height : 40px ;
  background : var(--color) ;
}
.accordion__number::after{
  content : 'Frequently Asked Questions' ;
  position : absolute ;
  bottom : 4px ;
  left : 88px ;
  width : 0 ;
  height : 40px ;
  font-size : 15px ;
  line-height : 13px ;
  overflow : hidden ;
}
.accordion__title{
  display : flex ;
  align-items : center ;
  box-sizing : border-box ;
  padding-left : 56px ;
  font-size : 16px ;
  font-weight : bold ;
  line-height : 1.3 ;
  min-height : 40px ;
}
.accordion__title::before{
  content : '' ;
  position : absolute ;
  bottom : -12px ;
  right : 0 ;
  width : 0 ;
  height : 1px ;
  background : var(--color) ;
}
.accordion__text{
  position : relative ;
  z-index : 2 ;
  margin : 0 ;
  font-size : 14px ;
  line-height : 1.6 ;
  max-height : 0 ;
  overflow : hidden ;
  color : transparent ;
  transition : all .5s ease ;
}
.accordion__text::before{
  content : '' ;
  position : absolute ;
  top : 0 ;
  left : 0 ;
  right : auto ;
  width : 0 ;
  height : 100% ;
  background : var(--color) ;
}
.accordion__button{
  position : absolute ;
  z-index : 1 ;
  top : 4px ;
  left : 4px ;
  font-family: 'Barlow', sans-serif;
  font-size : 14px ;
  width : 0 ;
  height : 28px ;
  overflow : hidden ;
  transition : all .5s ease ;
  cursor : pointer ;
}
.accordion__button::before{
  content : '' ;
  position : absolute ;
  z-index : 1 ;
  bottom : 0 ;
  right : 0 ;
  width : 100% ;
  height : 100% ;
  transform-origin : bottom right ;
  transform : skew(30deg) ;
  border-radius : 0 6px 0 0 ;
  background : var(--color) ;
}
.accordion__buttonText{
  display : flex ;
  align-items : center ;
  justify-content : flex-end ;
  position : absolute ;
  z-index : 3 ;
  top : 0 ;
  left : 0 ;
  width : 100% ;
  height : 100% ;
  box-sizing : border-box ;
  padding-right : 40px ;
  color : #fff ;
}
.accordion__buttonText::before,
.accordion__buttonText::after{
  content : '' ;
  position : absolute ;
  top : 0 ;
  right : 24px ;
  bottom : 0 ;
  margin : auto 0 ;
  width : 12px ;
  height : 3px ;
  background : #fff ;
}
.accordion__buttonText::before{
  transform : rotate(45deg) ;
}
.accordion__buttonText::after{
  transform : rotate(-45deg) ;
}
.accordion__open:checked ~ .accordion__tab{
  animation : tab_height .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes tab_height{
  0%  { 
      height : 24px ;
      color : #443849 ;
  }
  100%{ 
      height : 32px ;
      color : var(--color) ;
  }
}
.accordion__close:checked ~ .accordion__tab{
  height : 32px ;
  animation : tab_height_rev .3s .3s ease ;
  animation-fill-mode : forwards ;
  color : var(--color) ;
}
@keyframes tab_height_rev{
  0%  { 
      height : 32px ;
      color : var(--color) ;
  }
  100%{ 
      height : 24px ;
      color : #443849 ;
  }
}
.accordion__open:checked ~ .accordion__tab::before{
  animation : tab_triangle .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes tab_triangle{
  0%  { 
      right : -16px ;
      border-top : solid 20px transparent ;
  }
  100%{ 
      right : -18px ;
      border-top : solid 26px transparent ;
  }
}
.accordion__close:checked ~ .accordion__tab::before{
  right : -18px ;
  border-top : solid 26px transparent ;
  animation : tab_triangle_rev .3s .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes tab_triangle_rev{
  0%  { 
      right : -18px ;
      border-top : solid 26px transparent ;
  }
  100%{ 
      right : -16px ;
      border-top : solid 20px transparent ;
  }
}
.accordion__open:checked ~ .accordion__wrapper{
  cursor : default ;
}
.accordion__open:checked ~ .accordion__wrapper .accordion__patition{
  margin-bottom : 24px ;
  animation : title_top .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes title_top{
  0%  { 
      padding-top : 0 ;
      margin-bottom : 0 ;
  }
  100%{ 
      padding-top : 64px ;
      margin-bottom : 24px ;        
  }
}
.accordion__close:checked ~ .accordion__wrapper .accordion__patition{
  padding-top : 64px ;
  margin-bottom : 24px ;
  animation : title_top_rev .3s .5s ease ;
  animation-fill-mode : forwards ;
}
@keyframes title_top_rev{
  0%  { 
      padding-top : 64px ;
      margin-bottom : 24px ;        
  }
  100%{ 
      padding-top : 0 ;
      margin-bottom : 0 ;
  }
}
.accordion__open:checked ~ .accordion__wrapper .accordion__number{
  animation : rotate 1s linear ;
  animation-fill-mode : forwards ;
}
@keyframes rotate{
  0%  { 
      transform : rotateY(0deg) scale(1);
      width : auto ;
  }
  20% { 
      transform : rotateY(360deg) scale(1.6);
      font-size : 56px ;
      height : 56px ;
  }
  60% { 
      transform : rotateY(360deg) scale(1.6);

  }
  70% { 
      transform : rotateY(360deg) scale(1);
      width : auto ;
  }
  84% { 
      transform : rotateY(360deg) scale(1);
      width : auto ;
  }
  85% { 
      transform : rotateY(360deg) scale(1);
      width : 100% ;
  }
  100%{ 
      transform : rotateY(360deg) scale(1);
      width : 100% ;
      font-size : 56px ;
      height : 56px ;
  }
}
.accordion__close:checked ~ .accordion__wrapper .accordion__number{
  font-size : 56px ;
  height : 56px ;
  animation : rotate_rev .2s .5s linear ;
  animation-fill-mode : forwards ;
}
@keyframes rotate_rev{
  0%  { 
      font-size : 56px ;
      height : 56px ;
  }
  100%{ 
      font-size : 40px ;
      height : 40px ;
  }
}
.accordion__open:checked ~ .accordion__wrapper .accordion__number::before{
  animation : num_line .3s .9s ease ;
  animation-fill-mode : forwards ;
}
@keyframes num_line{
  0%  { 
      width : 0 ;
  }
  100%{ 
      width : 5px ;
  }
}
.accordion__close:checked ~ .accordion__wrapper .accordion__number::before{
  animation : num_line_rev .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes num_line_rev{
  0%  { 
      width : 5px ;
  }
  100%{ 
      
      width : 0 ;
  }
}
.accordion__open:checked ~ .accordion__wrapper .accordion__number::after{
  animation : num_text .7s 1s ease ;
  animation-fill-mode : forwards ;
}
@keyframes num_text{
  0%  { 
      width : 0 ;
  }
  100%{ 
      width : 80px ;
  }
}
.accordion__close:checked ~ .accordion__wrapper .accordion__number::after{
  animation : num_text_rev .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes num_text_rev{
  0%  {
      width : 80px ;
  }
  100%{ 
      width : 0 ;
  }
}
.accordion__open:checked ~ .accordion__wrapper .accordion__title{
  animation : title_space .5s .9s ease ;
  animation-fill-mode : forwards ;
}
@keyframes title_space{
  0%  { 
      padding-left : 56px ;
  }
  100%{ 
      padding-left : 0 ;
  }
}
.accordion__close:checked ~ .accordion__wrapper .accordion__title{
  padding-left : 0 ;
  animation : title_space_rev .3s .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes title_space_rev{
  0%  { 
      padding-left : 0 ;
      
  }
  100%{ 
      padding-left : 56px ;
  }
}
.accordion__open:checked ~ .accordion__wrapper .accordion__title::before{
  animation : title_line .5s .9s ease ;
  animation-fill-mode : forwards ;
}
@keyframes title_line{
  0%  { 
      width : 0 ;
  }
  100%{ 
      width : 100% ;
  }
}
.accordion__close:checked ~ .accordion__wrapper .accordion__title::before{
  animation : title_line_rev .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes title_line_rev{
  0%  { 
      width : 100% ;
  }
  100%{ 
      width : 0 ;
  }
}

.accordion__open:checked ~ .accordion__wrapper .accordion__text{
  max-height : 200px ;
  animation : text_color .8s .9s ease ;
  animation-fill-mode : forwards ;
}
@keyframes text_color{
  0%   {
      color : transparent ;
  }
  49.9%{
      color : transparent ;
  }
  50%  {
      color : #443849 ;
  }
  100% {
      color : #443849 ;
  }
}
.accordion__close:checked ~ .accordion__wrapper .accordion__text{
  animation : text_color_rev .3s ease ;
  animation-fill-mode : forwards ;
}
@keyframes text_color_rev{
  0%   {
      color : #443849 ;
  }
  100% {
      color : transparent ;
  }
}
.accordion__open:checked ~ .accordion__wrapper .accordion__text::before{
  animation : text_blind .8s .9s ease ;
  animation-fill-mode : forwards ;
}
@keyframes text_blind{
  0%   {
      width : 0 ;
      left : 0 ;
      right : auto ;
  }
  45% {
      width : 100% ;
      left : 0 ;
      right : auto ;
  }
  49.9%{
      width : 100% ;
      left : 0 ;
      right : auto ;
  }
  50%  {
      width : 100% ;
      left : auto ;
      right : 0 ;
  }
  55%  {
      width : 100% ;
      left : auto ;
      right : 0 ;
  }
  100% {
      width : 0 ;
      left : auto ;
      right : 0 ;
  }
}
.accordion__open:checked ~  .accordion__button{
  animation : close_button .5s .9s ease-out ;
  animation-fill-mode : forwards ;
}
@keyframes close_button{
  0%  { 
      width : 0 ;
  }
  100%{ 
      width : calc(100% - 24px - 4px) ;
  }
}
.accordion__close:checked ~  .accordion__button{
  animation : close_button_rev .3s ease-in ;
  animation-fill-mode : forwards ;
}
@keyframes close_button_rev{
  0%  { 
      width : calc(100% - 24px - 4px) ;
  }
  100%{ 
      width : 0 ;
  }
}

.container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #99cfd0;
  padding: 3%;
}

.footer-inner {
  font-size: 0.5em;
}

footer {
  font-size: 1vw !important;
  padding-top: 1.5vw !important;
  background-color: #fbd6d0 !important;
  color: #e27695 !important;
}