/* CSS Document */
/* Appearance */


/* index.html */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
      font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  }
  
  .common_header_designated {
      display: none;
  }
  
  body {
      margin: 0;
      width: 100%;
  }
  
  .firstview {
      position: relative;
  }
  
  .firstview_sp {
      display: none;
  }
  
  .firstview img {
      width: 100%;
      height: auto;
  }
  
  .firstview p {
      color: #696C6F;
      font-size: 1.1vw;
      position: absolute;
      top: 70%;
      left: 10%;
      letter-spacing: 1px;
      display: none;
  }
  
  .section_space_nav {
      width: 82%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .toppage_nav_main {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 75px;
      box-shadow: 0 5px 10px -3px rgba(0,0,0,0.2);
      font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
      top: 0;
      z-index: 100;
      background-color: #fff;
  }
  
  .toppage_nav_main.fixed {
      position: fixed;
          top: 0;
          left: 0;
          right: 0;
  }
  
  .ham_box {
      display: none;
  }
  
  .humburger {
      display: none;
  }
  
  .toppage_nav_main .nav_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 75px;
  }
  
  .toppage_nav_main .nav_box .nav_box_left {
      
  }
  
  .toppage_nav_main .nav_box .nav_box_left a {
      width: 148px;
  }
  
  .toppage_nav_main .nav_box .nav_box_left img {
      width: 148px;
  }
  
  .toppage_nav_main .nav_box .nav_box_right  {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list {
      display: flex;
      margin-bottom: 0;
      padding-left: 0;
      list-style: none;
      height: 100%;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list > li {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 40px;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list > li > a {
      text-decoration: none;
      color: #ACACAC;
      font-weight: bold;
  }
  .toppage_nav_main .nav_box .nav_box_right .nav_list > li > a:hover {
      color: #292827;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list .menu_child {
      display: none;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list > li:nth-of-type(2) {
      flex-direction: column;
      position: relative;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list > li:nth-of-type(2):hover .menu_child {
      display: block;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list .menu_child { 
    position: absolute;
    left:-10px; /* absolute配置として、右からの距離です。 */
      top: 75px;
    text-align: left;
    padding:0px;
    background-color:#BC493F;
      width: 250px;
      z-index: 100;
  }
  .toppage_nav_main .nav_box .nav_box_right .nav_list .menu_child li {
   list-style: none;
    padding:15px 15px;
  }
  .toppage_nav_main .nav_box .nav_box_right .nav_list .menu_child li:not(:last-child) {
      border-bottom: solid 1px #fff;
  }
  .toppage_nav_main .nav_box .nav_box_right .nav_list .menu_child li a {
      color: #fff !important;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list li img {
      width: 158px;
  }
  
  .article {
      padding: 50px 0px;
      font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  }
  
  .article .article_box {
      display: flex;
      max-width: 1000px;
      width: 70%;
      margin: 0 auto;
      flex-wrap: wrap;
  }
  
  .article .article_box .article_box_child {
      width: 49%;
      height: 320px;
      box-shadow: 0 5px 10px -3px rgba(0,0,0,0.2);
      border-radius: 10px;
      position: relative;
      overflow: hidden;
      margin-right: 2%;
      margin-bottom: 2%;
  }
  
  .article .article_box .article_box_child:nth-child(2n) {
      margin-right: 0;
  }
  
  .article .article_box .article_box_child img {
      width: 100%;
      height: 65%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  
  .article .article_box .article_box_child .article_box_child_ad {
      position: absolute;
      background-color: #BC493F;
      top: 60%;
      left: 5%;
      color: #fff;
      font-size: 14px;
      padding: 4px 20px;
      font-weight: 600;
      border-radius: 30px;
  }
  
  .article_box_childs {
      padding: 25px;
      height: 35%;
  }
  
  .article_box_childs p {
      color: #B7B7B7;
      font-size: 12px;
      font-weight: 600;
      text-align: right;
      margin-top: 5px;
  }
  
  .article .article_box .article_box_childs img {
      width: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  
  .article_box_childs h2 {
      font-size: 17px;
      font-weight: 600;
      overflow: hidden;
      height: 53px;
      color: #22201F;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      margin-bottom: 0;
      line-height: 1.5;
  }
  
  .reccommend_product {
      margin-top: 50px;
  }
  
  .slick-arrow {
      margin: auto;
      font-size: 30px;
      cursor: pointer;
  }
  
  .reccommend_product .section_space {
      min-width: 900px;
      max-width: 1300px;
      margin: 0 auto;
  }
  
  .reccommend_product .headline {
      text-align: center;
      font-size: 25px;
      color: #BC493F;
      font-weight: 700;
      margin-bottom: 50px;
  }
  
  .reccommend_product .product_box {
      display: flex;
      justify-content: center;
      width: 810px;
      margin: 0 auto;
  }
  
  .reccommend_product .product_box .product_details {
      display: flex;
      width: 720px;
      height: 322px;
      background-color: #FFF;
      align-items: center;
      padding: 20px;
      justify-content: space-between;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      border-radius: 15px;
      position: relative;
      margin: 0 20px;
  }
  
  .reccommend_product .product_box .product_details .card {
      position: absolute;
      width: 116px;
      top: -35px;
      right: 10px;
      height: auto;
      border: none;
  }
  
  .reccommend_product .product_box .product_details img {
      width: 314px;
      height: 288px;
      object-fit: cover;
      object-position: 50% 50%;
  }
  
  .reccommend_product .product_box .product_details div {
      width: 320px;
  }
  
  .reccommend_product .product_box .product_details div p:nth-of-type(1) {
      color: #5F5F5F;
      font-size: 14px;
      font-weight: 400;
      margin: 0;
  }
  
  .reccommend_product .product_box .product_details h3 {
      color: #292827;
      font-size: 29px;
      font-weight: 700;
      margin-top: 10px;
      margin-bottom: 30px;
      letter-spacing: 2px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
  }
  
  .reccommend_product .product_box .product_details div p:nth-of-type(2) {
      color: #5F5F5F;
      font-size: 14px;
      font-weight: 400;
      margin: 0;
      line-height: 2em;
  }
  
  .greenback {
      width: 100%;
      height: 170px;
      background-color: #ECCECD;
      margin-top: 90px;
  }
  
  .link_card {
      margin-top: -130px;
  }
  
  .link_card .section_space {
      width: 1080px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
  }
  
  .link_card .link_card_box {
      width: 250px;
      text-align: center;
  }
  
  .link_card .link_card_box .box_childs {
      display: flex;
  }
  
  .link_card .link_card_box .box_childs .sns_card {
      width: 100%;
      height: auto;
  }
  
  .link_card .link_card_box .box_childs .sns_name {
      font-family: compact;
      font-weight: bold;
      font-size: 24px;
      transform: rotate(90deg);
      transform-origin:left bottom;
      position: absolute;
      top: -20px;
      left: 135px;
      white-space: nowrap;
  }
  
  .link_card .link_card_box a {
      color: #fff;
      background-color: #BC4A3F;
      font-size: 16px;
      font-weight: 600;
      padding: 7px 0px;
      border-radius: 20px;
      z-index: 5;
      margin-top: -35px;
      display: block;
      position: relative;
      width: 118px;
      margin-left: auto;
  }
  
  .link_card .box_childs .other_link_card {
      width: 250px;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .link_card .box_childs .other_link_card img {
      width: 100%;
      height: auto;
  }
  
  
  
  
  
  
  
  
  .news {
      margin-top: 100px;
      font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  }
  
  .news .section_space {
      width: 1106px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
  }
  
  .news .headline {
      color: #BC493F;
      font-size: 25px;
      font-weight: 700;
      text-align: center;
  }
  
  .news .news_box {
      width: 352px;
      height: 345px;
      display: flex;
      flex-direction: column;
      border-radius: 20px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      margin-top: 40px;
      margin-right: 25px;
  }
  
  .news .news_box:nth-child(3n) {
      margin-right: 0px;
  }
  
  .news .news_box_top {
      display: flex;
      padding: 15px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      border-radius: 20px;
      justify-content: space-between;
      height: 115px;
      align-items: center;
  }
  
  .news .news_box_top .mark_box {
      width: 50px;
  }
  
  .news .news_box_top .mark_box img {
      width: 100%;
  }
  
  .news .news_box_top .text_box {
      width: 275px;
  }
  
  .news .news_box_top .text_box h3 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      color: #22201F;
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 0;
  }
  
  .news .news_box_top .text_box .flex_box {
      display: flex;
      justify-content: space-between;
  }
  
  .news .news_box_top .text_box .flex_box p:nth-of-type(1) {
      margin-bottom: 10px;
      color: #B7B7B7;
      font-size: 12px;
      font-weight: 600;
  }
  
  .news .news_box_top .text_box .flex_box p:nth-of-type(2) {
      margin-bottom: 10px;
      color: #BC493F;
      font-size: 12px;
      font-weight: 600;
  }
  
  .news .news_box_under {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 230px;
      padding: 20px;
  }
  
  .news .news_box_under img {
      width: 100%;
      border-radius: 15px;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  
  .footer {
      background-color: #323C4B;
      margin-top: 100px;
      padding: 50px 0px 20px;
      font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  }
  
  .footer .section_space {
      width: 1088px;
      margin: 0 auto;
  }
  
  .footer .section_space .ranking {
      display: flex;
      justify-content: space-between;
      background-color: #91C1B6;
      padding: 20px;
      margin-bottom: 40px;
      border-radius: 10px;
  }
  
  .footer .ranking_box_left {
      width: 298px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  
  .footer .ranking_box_left .first_image {
      width: 100%;
      border-radius: 15px;
      margin-bottom: 25px;
      height: 180px;
      object-fit: cover;
      object-position: 50% 50%;
  }
  
  .footer .ranking_box_left .review {
      display: flex;
      justify-content: space-between;
      align-content: center;
      width: 93%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 8px;
      margin-bottom: 8px;
  }
  
  .footer .ranking_box_left .review p {
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      margin: 0;
  }
  
  .footer .ranking_box_left .review img {
      width: 110px;
      height: 100%;
  }
  
  .footer .ranking_box_left table {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border-radius: 15px;
      overflow: hidden;
      margin-top: 25px;
      border-collapse: collapse;
      border: 0;
  }
  
  .footer .ranking_box_left th {
      background-color: #50C98C;
      color: #fff;
      padding: 10px 0px;
  }
  
  .footer .ranking_box_left th:nth-of-type(1) {
      border-right: solid 1px #fff;
  }
  
  .footer .ranking_box_left td {
      background-color: #fff;
      padding: 20px 15px;
  }
  
  
  .footer .ranking_box_left td:nth-of-type(1) {
      border-right: solid 1px #50C98C;
  }
  
  .footer .ranking_box_right {
      width: 680px;
      display: flex;
      flex-direction: column;
  }
  
  .footer .ranking_box_right .review_box {
      display: none;
  }
  
  .footer .ranking_box_right table {
      display: none;
  }
  
  .footer .ranking_box_right .box_top {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_left {
      width: 90px;
      text-align: center;
  }
  
  .footer .ranking_box_right .box_top .box_childs_left img {
      width: 90px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_left p {
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.8em;
      margin-top: 20px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_left p span {
      font-size: 40px;
      letter-spacing: 1px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_center {
      width: 360px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_center p:nth-of-type(1) {
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 10px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_center h2 {
      font-size: 29px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 0;
      margin-top: 5px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_center p:nth-of-type(2) {
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 0;
      line-height: 1.8em;
      margin-top: 15px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right {
      width: 195px;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .commentary_button {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      width: 194px;
      height: 62px;
      background-color: #EFAF57;
      box-shadow: rgba(216, 126, 0, 1) 0px 3px 0px;
      border-radius: 10px;
      margin-bottom: 20px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .commentary_button p:nth-of-type(1) {
      margin-bottom: 0;
      font-size: 12px;
      font-weight: 600;
      text-align: center;
      margin-right: 20px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .commentary_button p:nth-of-type(1) span {
      font-size: 17px;
      font-weight: 700;
      letter-spacing: 1px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .commentary_button p:nth-of-type(2) {
      margin-bottom: 0;
      font-weight: 700;
      font-size: 20px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .registration_button {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      width: 194px;
      height: 62px;
      background-color: #50C98C;
      box-shadow: rgba(68, 167, 45, 1) 0px 3px 0px;
      border-radius: 10px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .registration_button p:nth-of-type(1) {
      margin-bottom: 0;
      font-size: 12px;
      font-weight: 600;
      text-align: center;
      margin-right: 20px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .registration_button p:nth-of-type(1) span {
      margin-bottom: 0;
      font-size: 17px;
      font-weight: 700;
      letter-spacing: 1px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .registration_button p:nth-of-type(2) {
      margin-bottom: 0;
      font-weight: 700;
      font-size: 20px;
  }
  
  .footer .box_under .headline {
      font-size: 12px;
      color: #fff;
      background-color: rgba(255, 255, 255, 0.21);
      border: solid 1px #707070;
      width: 75px;
      text-align: center;
      padding: 2px 0px;
      border-radius: 15px;
      margin-top: -5px;
      margin-bottom: 10px;
  }
  
  .footer .box_under .related_article {
      display: flex;
      justify-content: flex-start;
      margin-top: 0;
  }
  
  .footer .box_under .related_article a:first-child {
      margin-right: 16px;
  }
  
  .footer .box_under .news_box {
      width: 332px;
      height: 325px;
      display: flex;
      flex-direction: column;
      border-radius: 20px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      margin-top: 0px;
      background-color: #fff;
  }
  
  .footer .box_under .news_box_top {
      display: flex;
      padding: 15px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      border-radius: 20px;
      justify-content: space-between;
      height: 115px;
      align-items: center;
      background-color: #fff;
  }
  
  .footer .box_under .news_box_top .mark_box {
      width: 25px;
  }
  
  .footer .box_under .news_box_top .mark_box img {
      width: 100%;
  }
  
  .footer .box_under .news_box_top .text_box {
      width: 255px;
  }
  
  .footer .box_under .news_box_top .text_box div:nth-of-type(2) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      color: #22201F;
      font-size: 17px;
      font-weight: 600;
  }
  
  .footer .box_under .news_box_top .text_box .flex_box {
      display: flex;
      justify-content: space-between;
  }
  
  .footer .box_under .news_box_top .text_box .flex_box p:nth-of-type(1) {
      margin-bottom: 10px;
      color: #B7B7B7;
      font-size: 12px;
      font-weight: 600;
  }
  
  .footer .box_under .news_box_top .text_box .flex_box p:nth-of-type(2) {
      margin-bottom: 10px;
      color: #BC493F;
      font-size: 12px;
      font-weight: 600;
  }
  
  .footer .box_under .news_box_under {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 210px;
      padding: 20px;
  }
  
  .footer .box_under .news_box_under img {
      width: 100%;
      border-radius: 15px;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  
  .footer .link_box1 {
      margin-top: 0px;
  }
  
  .footer .link_box1 a {
      color: #fff;
      font-weight: bold;
      font-size: 16px;
      margin-right: 25px;
  }
  
  .footer .link_box2 {
      margin-top: 30px;
  }
  
  .footer .link_box2 a {
      color: #fff;
      font-size: 13px;
      margin-right: 25px;
  }
  
  .footer .other_link {
      text-align: right;
      margin-top: 0px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
  }
  
  .footer .other_link p {
      margin-bottom: 0;
      margin-right: 20px;
      color: #fff;
  }
  
  .footer .other_link .footer_link_other {
      margin-left: 15px;
  }
  
  .footer .copyright {
      text-align: center;
      color: #fff;
      font-size: 14px;
      margin-top: 20px;
      margin-bottom: 0px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media (max-width : 480px ){
      
      body {
          
      }
      
      .firstview {
          display: none;
      }
      
      .firstview_sp {
          display: block;
          position: relative;
      }
      
      .firstview_sp img {
          width: 100%;
      }
      
      .firstview_sp p {
          color: #696C6F;
          font-size: 12px;
          position: absolute;
          top: 33%;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          letter-spacing: 1px;
          text-align: center;
          white-space: nowrap;
          line-height: 1.8em;
		  display: none;
      }
      
      .section_space_nav {
          width: 90%;
      }
      
      .ham_box {
          position: absolute;
          display: block;
          right: 0px;
          top: 12.5px;
          z-index: 9;
          background-color: #BC493F;
          border-radius: 20px;
      }
      
      .ham {
          position: relative;
          width: 60px;
          height: 50px;
          cursor: pointer;
      }
      
      .ham_line {
          position: absolute;
          left: 15px;
          width: 30px;
          height: 3px;
          margin-top: 5px;
      }
      
      .ham span {
          transition: all .5s;
          box-sizing: border-box;
      }
      
      .ham span:nth-of-type(1) {
          top: 10px;
          background-color: #fff;
      }
      
      .ham span:nth-of-type(2) {
          top: 18px;
          background-color: #fff;
      }
      
      .ham span:nth-of-type(3) {
          top: 26px;
          background-color: #fff;
      }
          
      .humburger {
          display: flex;
          justify-content: center;
          align-items: center;
          position: fixed;
          top: 0px;
          left: 0px;
          bottom: 0px;
          width: 100%;
          transition: all .5s;
          z-index: 30;
          opacity: 0;
          visibility: hidden;
          background-color: #BC493F;
      }
      
      .humburger.open {
          top: 0;
          opacity: 1;
          visibility: visible;
      }
      
      .humburger .close_button {
          color: #fff;
          position: absolute;
          top: 0;
          right: 25px;
          font-size: 50px;
      }
      
      .humburger .humburger_menu {
          display: block;
          margin: 0;
          padding: 0;
          list-style: none;
          width: 100%;
      }
      
      .humburger .humburger_menu li {
          text-align: center;
          font-size: 25px;
          font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
          margin: 40px auto 0px;
          width: 70%;
          border-bottom: solid 1px #fff;
          padding-bottom: 10px;
      }
      .humburger .humburger_menu li:first-child {
          margin-top: 0px;
      }
      
      .humburger .humburger_menu li .humburger_menu_list {
          color: #fff;
      }
      
      
      
      
      
      
      
      .toppage_nav_main {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 75px;
      box-shadow: 0 5px 10px -3px rgba(0,0,0,0.2);
      font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
      top: 0;
      z-index: 100;
      background-color: #fff;
  }
      
      .toppage_nav_main.fixed {
      position: fixed;
          top: 0;
          left: 0;
          right: 0;
  }
  
  .toppage_nav_main .nav_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .toppage_nav_main .nav_box .nav_box_left {
      
  }
  
  .toppage_nav_main .nav_box .nav_box_left a {
      width: 148px;
  }
  
  .toppage_nav_main .nav_box .nav_box_left img {
      width: 148px;
  }
  
      .toppage_nav_main .nav_box .nav_box_right  {
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
      }
      
      .toppage_nav_main .nav_box .nav_box_right .nav_list {
          display: none;
      }
      
      .toppage_nav_main .nav_box .nav_box_right .nav_list li {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 40px;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list li a {
      text-decoration: none;
      color: #ACACAC;
      font-weight: bold;
  }
  
  .toppage_nav_main .nav_box .nav_box_right .nav_list li img {
      width: 158px;
  }
  
  .article {
      padding: 50px 0px;
      font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  }
  
      .article .article_box {
          width: 85%;
      }
  
      .article .article_box .article_box_child {
      width: 100%;
      box-shadow: 0 5px 10px -3px rgba(0,0,0,0.2);
      border-radius: 10px;
      position: relative;
      overflow: hidden;
          margin: 0;
  }
      .article .article_box .article_box_child:not(:last-child) {
          margin-bottom: 30px;
  }
      
      .article .article_box .article_box_child img {
          width: 100%;
  }
  
  .article .article_box .article_box_child .article_box_child_ad {
      position: absolute;
      background-color: #BC493F;
      top: 194px;
      left: 20px;
      color: #fff;
      font-size: 14px;
      padding: 3px 20px;
      font-weight: 600;
      border-radius: 30px;
  }
  
  .article_box_childs {
      padding: 25px;
  }
  
  .article_box_childs p {
      color: #B7B7B7;
      font-size: 12px;
      font-weight: 600;
      text-align: right;
      margin-top: 5px;
  }
  
  .article .article_box .article_box_childs img {
      width: 100%;
  }
  
  .article_box_childs h2 {
      font-size: 16px;
      font-weight: 600;
      overflow: hidden;
      height: 50px;
      color: #22201F;
  }
  
  .reccommend_product {
      margin-top: 50px;
  }
  
  .slick-arrow {
      margin: auto;
      font-size: 30px;
      cursor: pointer;
  }
  
      .reccommend_product .section_space {
          min-width: 0px;
          max-width: 480px;
      margin: 0 auto;
      }
  
      .reccommend_product .headline {
      text-align: center;
      font-size: 25px;
      color: #BC493F;
      font-weight: 700;
          margin-bottom: 0px;
  }
  
  .reccommend_product .product_box {
      display: flex;
      justify-content: center;
      width: 390px;
      margin: 0 auto;
  }
  
      .reccommend_product .product_box .product_details {
      display: flex;
          flex-direction: column;
          width: 391;
          height: 490px;
      background-color: #FFF;
      align-items: center;
      padding: 20px 20px 30px;
          justify-content: space-around;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      border-radius: 15px;
      position: relative;
      margin: 0 20px;
  }
  
      .reccommend_product .product_box .product_details .card {
      position: absolute;
      width: 106px;
          top: 195px;
      right: 0px;
      height: 128px;
      border: none;
          background-color: transparent;
  }
  
  .reccommend_product .product_box .product_details img {
      width: 314px;
      height: 288px;
  }
  
  .reccommend_product .product_box .product_details div {
      width: 300px;
  }
  
  .reccommend_product .product_box .product_details div p:nth-of-type(1) {
      color: #5F5F5F;
      font-size: 14px;
      font-weight: 400;
      margin: 30px 0px 0px 0px;
  }
  
      .reccommend_product .product_box .product_details h3 {
      color: #292827;
      font-size: 29px;
      font-weight: 700;
      margin-top: 0px;
          margin-bottom: 20px;
      letter-spacing: 2px;
  }
  
  .reccommend_product .product_box .product_details div p:nth-of-type(2) {
      color: #5F5F5F;
      font-size: 14px;
      font-weight: 400;
      margin: 0;
      line-height: 2em;
  }
  
  .greenback {
      width: 100%;
      height: 170px;
      background-color: #ECCECD;
      margin-top: 90px;
  }
  
  .link_card {
      margin-top: -130px;
  }
  
      .link_card .section_space {
          width: 85%;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
          flex-wrap: wrap;
  }
  
      .link_card .link_card_box {
          width: 50%;
      text-align: center;
          margin-bottom: 70px;
  }
  
      .link_card .link_card_box .box_childs {
      display: flex;
  }
  
      .link_card .link_card_box .box_childs .sns_card {
          width: 95%;
          height: auto;
  }
  
      .link_card .link_card_box .box_childs .sns_name {
      font-family: compact;
      font-weight: bold;
          font-size: 20px;
      position: absolute;
          top: -15px;
          left: 100px;
      white-space: nowrap;
  }
  
      .link_card .link_card_box a {
      color: #fff;
      background-color: #BC4A3F;
      font-size: 16px;
      font-weight: 600;
      padding: 3px 0px;
      border-radius: 20px;
      z-index: 5;
          margin-top: 20px;
      display: block;
      position: relative;
          width: 110px;
          margin-left: auto;
          margin-right: auto;
  }
  
      .link_card .box_childs .other_link_card {
          width: 100px;
          height: 150px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 15px;
      background-color: #fff;
      overflow: hidden;
  }
      
      .link_card .box_childs .other_link_card img {
          height: auto;
          width: 25px;
      }
  
  
  
  
  
  
  
  
      .news {
          margin-top: 20px;
      }
  
      .news .section_space {
          width: 90%;
          justify-content: center;     
  }
  
  .news .headline {
      color: #BC493F;
      font-size: 25px;
      font-weight: 700;
      text-align: center;
  }
  
  .news .news_box {
      width: 352px;
      height: 345px;
      display: flex;
      flex-direction: column;
      border-radius: 20px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      margin-top: 40px;
      margin-right: 0;
  }
  
  .news .news_box_top {
      display: flex;
      padding: 15px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      border-radius: 20px;
      justify-content: space-between;
      height: 115px;
      align-items: center;
  }
  
  .news .news_box_top .mark_box {
      width: 50px;
  }
  
  .news .news_box_top .mark_box img {
      width: 100%;
  }
  
  .news .news_box_top .text_box {
      width: 275px;
  }
  
  .news .news_box_top .text_box div:nth-of-type(2) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      color: #22201F;
      font-size: 17px;
      font-weight: 600;
  }
  
  .news .news_box_top .text_box .flex_box {
      display: flex;
      justify-content: space-between;
  }
  
  .news .news_box_top .text_box .flex_box p:nth-of-type(1) {
      margin-bottom: 10px;
      color: #B7B7B7;
      font-size: 12px;
      font-weight: 600;
  }
  
  .news .news_box_top .text_box .flex_box p:nth-of-type(2) {
      margin-bottom: 10px;
      color: #BC493F;
      font-size: 12px;
      font-weight: 600;
  }
  
  .news .news_box_under {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 230px;
      padding: 20px;
  }
  
  .news .news_box_under img {
      width: 100%;
      border-radius: 15px;
  }
  
  .footer {
      margin-top: 100px;
      padding: 50px 0px; 
  }
  
      .footer .section_space {
          width: 95%;
      margin: 0 auto;
  }
  
      .footer .section_space .ranking {
      display: flex;
          flex-direction: column;
      justify-content: space-between;
      background-color: #91C1B6;
      padding: 20px;
      margin-bottom: 40px;
      border-radius: 10px;
          
  }
  
      .footer .ranking_box_left {
          width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  
  .footer .ranking_box_left .first_image {
      width: 100%;
      border-radius: 15px;
      margin-bottom: 20px;
      height: 220px;
  }
  
      .footer .ranking_box_left .review {
          display: none;
      }
  
  .footer .ranking_box_left .review p {
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      margin: 0;
  }
  
  .footer .ranking_box_left .review img {
      width: 110px;
      height: 100%;
  }
  
      .footer .ranking_box_left table {
          display: none;
      }
  
  .footer .ranking_box_left th {
      background-color: #50C98C;
      color: #fff;
      padding: 10px 0px;
  }
  
  .footer .ranking_box_left th:nth-of-type(1) {
      border-right: solid 1px #fff;
  }
  
  .footer .ranking_box_left td {
      background-color: #fff;
      padding: 30px 0px;
  }
  
  .footer .ranking_box_left td:nth-of-type(1) {
      border-right: solid 1px #50C98C;
  }
  
  .footer .ranking_box_left th {
      background-color: #50C98C;
      color: #fff;
      padding: 10px 0px;
  }
  
  .footer .ranking_box_left th:nth-of-type(1) {
      border-right: solid 1px #fff;
  }
  
  .footer .ranking_box_left td {
      background-color: #fff;
      padding: 30px 0px;
  }
  
  .footer .ranking_box_left td:nth-of-type(1) {
      border-right: solid 1px #50C98C;
  }
      
      .footer .ranking_box_right .review_box {
          width: 100%;
          display: block;
          margin-top: 30px;
      }
      
      .footer .ranking_box_right .review {
      display: flex;
      justify-content: space-between;
      align-content: center;
          width: 75%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 8px;
      margin-bottom: 8px;
  }
  
  .footer .ranking_box_right .review p {
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      margin: 0;
  }
  
      .footer .ranking_box_right .review img {
      width: 90px;
      height: 100%;
          margin-top: 3px;
  }
  
      .footer .ranking_box_right table {
          width: 75%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border-radius: 15px;
      overflow: hidden;
      margin-top: 25px;
      border-collapse: collapse;
      border: 0;
          display: table;
          margin-bottom: 40px;
  }
      
      .footer .ranking_box_right th {
      background-color: #50C98C;
      color: #fff;
      padding: 10px 0px;
  }
  
  .footer .ranking_box_right th:nth-of-type(1) {
      border-right: solid 1px #fff;
  }
  
  .footer .ranking_box_right td {
      background-color: #fff;
      padding: 30px 0px;
  }
  
  .footer .ranking_box_right td:nth-of-type(1) {
      border-right: solid 1px #50C98C;
  }
  
  .footer .ranking_box_right th {
      background-color: #50C98C;
      color: #fff;
      padding: 10px 0px;
  }
  
  .footer .ranking_box_right th:nth-of-type(1) {
      border-right: solid 1px #fff;
  }
  
  .footer .ranking_box_right td {
      background-color: #fff;
      padding: 20px 15px;
  }
      
      .footer .ranking_box_right td img {
          width: 100%;
  }
  
  .footer .ranking_box_right td:nth-of-type(1) {
      border-right: solid 1px #50C98C;
  }
      
      
  
      .footer .ranking_box_right {
          width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  
      .footer .ranking_box_right .box_top {
      display: flex;
      justify-content: space-between;
          flex-wrap: wrap;
      }
  
      .footer .ranking_box_right .box_top .box_childs_left {
          width: 80px;
      text-align: center;
  }
  
      .footer .ranking_box_right .box_top .box_childs_left img {
          width: 80px;
      }
  
      .footer .ranking_box_right .box_top .box_childs_left p {
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.8em;
      margin-top: 20px;
  }
  
      .footer .ranking_box_right .box_top .box_childs_left p span {
          font-size: 38px;
      letter-spacing: 1px;
  }
  
      .footer .ranking_box_right .box_top .box_childs_center {
          width: 260px;
      }
  
  .footer .ranking_box_right .box_top .box_childs_center p:nth-of-type(1) {
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 10px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_center h2 {
      font-size: 29px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 0;
      margin-top: 5px;
  }
  
      .footer .ranking_box_right .box_top .box_childs_center p:nth-of-type(2) {
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 0;
      line-height: 1.8em;
      margin-top: 15px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
  }
  
      .footer .ranking_box_right .box_top .box_childs_right {
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: space-around;
          margin-top: 15px;
      }
  
      .footer .ranking_box_right .box_top .box_childs_right .commentary_button {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
          width: 170px;
          height: 54px;
      background-color: #EFAF57;
      box-shadow: rgba(216, 126, 0, 1) 0px 3px 0px;
      border-radius: 10px;
      margin-bottom: 20px;
  }
  
      .footer .ranking_box_right .box_top .box_childs_right .commentary_button p:nth-of-type(1) {
          font-size: 11px;
      margin-right: 20px;
  }
  
      .footer .ranking_box_right .box_top .box_childs_right .commentary_button p:nth-of-type(1) span {
          font-size: 15px;
      letter-spacing: 1px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .commentary_button p:nth-of-type(2) {
      margin-bottom: 0;
      font-weight: 700;
      font-size: 20px;
  }
  
      .footer .ranking_box_right .box_top .box_childs_right .registration_button {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
          width: 170px;
          height: 54px;
      background-color: #50C98C;
      box-shadow: rgba(68, 167, 45, 1) 0px 3px 0px;
      border-radius: 10px;
  }
  
      .footer .ranking_box_right .box_top .box_childs_right .registration_button p:nth-of-type(1) {
          font-size: 11px;
      margin-right: 20px;
  }
  
      .footer .ranking_box_right .box_top .box_childs_right .registration_button p:nth-of-type(1) span {
          font-size: 15px;
      letter-spacing: 1px;
  }
  
  .footer .ranking_box_right .box_top .box_childs_right .registration_button p:nth-of-type(2) {
      margin-bottom: 0;
      font-weight: 700;
      font-size: 20px;
  }
  
  .footer .box_under .headline {
      font-size: 12px;
      color: #fff;
      background-color: rgba(255, 255, 255, 0.21);
      border: solid 1px #707070;
      width: 75px;
      text-align: center;
      padding: 2px 0px;
      border-radius: 15px;
      margin-top: -5px;
      margin-bottom: 10px;
  }
  
      .footer .box_under .related_article {
      display: flex;
          flex-direction: column;
      justify-content: space-between;
          align-items: center;
  }
      
      .footer .box_under .related_article a:first-child {
      margin-right: 0px;
  }
  
      .footer .box_under .news_box {
      width: 332px;
      height: 325px;
      display: flex;
      flex-direction: column;
      border-radius: 20px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      margin-top: 0px;
      background-color: #fff;
          margin-bottom: 20px;
  }
  
  .footer .box_under .news_box_top {
      display: flex;
      padding: 15px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px;
      border-radius: 20px;
      justify-content: space-between;
      height: 115px;
      align-items: center;
      background-color: #fff;
  }
  
  .footer .box_under .news_box_top .mark_box {
      width: 25px;
  }
  
  .footer .box_under .news_box_top .mark_box img {
      width: 100%;
  }
  
  .footer .box_under .news_box_top .text_box {
      width: 255px;
  }
  
  .footer .box_under .news_box_top .text_box div:nth-of-type(2) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      color: #22201F;
      font-size: 17px;
      font-weight: 600;
  }
  
  .footer .box_under .news_box_top .text_box .flex_box {
      display: flex;
      justify-content: space-between;
  }
  
  .footer .box_under .news_box_top .text_box .flex_box p:nth-of-type(1) {
      margin-bottom: 10px;
      color: #B7B7B7;
      font-size: 12px;
      font-weight: 600;
  }
  
  .footer .box_under .news_box_top .text_box .flex_box p:nth-of-type(2) {
      margin-bottom: 10px;
      color: #BC493F;
      font-size: 12px;
      font-weight: 600;
  }
  
  .footer .box_under .news_box_under {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 210px;
      padding: 20px;
  }
  
  .footer .box_under .news_box_under img {
      width: 100%;
      border-radius: 15px;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  
      .footer .list_box {
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
      }
  
  .footer .list_box .list_box_childs {
      width: 352px;
      height: 267px;
      background-color: #91C1B6;
      padding: 20px 25px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius: 10px;
      margin-bottom: 15px;
      margin-right: 0;
  }
  
  .footer .list_box .list_box_childs .flex_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .footer .list_box .list_box_childs .flex_box p {
      color: #fff;
      font-size: 17px;
      font-weight: 700;
      margin-bottom: 0;
  }
  
  .footer .list_box .list_box_childs .flex_box img {
      width: 72px;
  }
  
  .footer .list_box .list_box_childs ul {
      padding-left: 20px;
      list-style: none;
      margin-bottom: 0;
      line-height: 2em;
  }
  
  .footer .list_box .list_box_childs ul li {
      position: relative;
  }
  
  .footer .list_box .list_box_childs ul li a {
      color: #fff;
      font-size: 16px;
  }
  
  .footer .list_box .list_box_childs ul li::after {
      display: block;
      content: '';
      position: absolute;
      top: .8em;
      left: -1.1em;
      width: 8px;
      height: 8px;
      border-right: 3px solid #fff;
      border-bottom: 3px solid #fff;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }
  
      .footer .link_box1 {
          margin-top: 50px;
          text-align: center;
      }
  
      .footer .link_box1 a {
          font-size: 14px;
          margin-right: 10px;
      }
  
      .footer .link_box2 {
          margin-top: 10px;
          text-align: center;
      }
  
  .footer .link_box2 a {
      color: #fff;
      font-size: 13px;
      margin-right: 25px;
  }
      
      .footer .other_link {
      text-align: center;
      margin-top: 20px;
          flex-direction: column;
          align-items: center;
          justify-content: center;
  }
  
  .footer .other_link p {
      margin-bottom: 10px;
      margin-right: 0px;
      color: #fff;
      text-align: center;
      margin-top: 10px;
  }
      
      .footer .other_link .footer_link_other {
      margin-left: 0px;
          margin-top: 10px
  }
  
      .footer .copyright {
      font-size: 14px;
          margin-top: 40px;
      }
      
  }