@charset utf-8;

/* デフォルト：980px以上用（PC用）の記述 */
@media screen and (min-width: 769px) {

  #primary{
    width: 960px;
    /* margin: 88px auto 0; */
    /* コロナのお知らせのため一時的に上部マージン解除してます */
    margin: 0 auto 0;
    /* width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%); */
  }

  /* パンくずリスト */
  .breadcrumb{
      margin-left: 0;
      margin: 0 auto;
      padding: 25px;
      /* background-color: #999;
      width: 100vw;
      position: relative;
      left: 50%;
      transform: translateX(-50%); */
  }

  .breadcrumb:after{
    clear: both;
    content: "";
    display: table;
  }

  .breadcrumb li{
    float: left;
    font-size: 15px;
  }

  .breadcrumb li a{
    text-decoration: underline;
  }

  .breadcrumb li a:hover{
    text-decoration: none;
  }

  .breadcrumb li:first-child:after{
    content: '>';
    margin: 0 15px;
  }

  /* 枠線 */
  .border-flame{
    border: 2px solid #ccc;
    padding: 35px ;
    margin-top: 70px;
  }
.border-flame-title{
    text-align:center;
   }
  .border-flame .border-flame-title{
    font-size: 20px;
    border-bottom: 1px solid #4d4d4d;
    margin-bottom: 28px;
  }

  .border-flame .border-flame-title2{
    font-size: 15px;
    font-weight: bold;
    color: #4d4d4d;
    margin-bottom: 5px;
  }

  .border-flame .border-flame-text{
    font-size: 14px;
    line-height: 26px;
  }

  .border-flame .border-flame-list{
    list-style: decimal;
    padding: 0;
    margin: 30px 0 0 1.2em;
  }

  /* 枠線の中の枠線 */
  .border-flame.flame-red{
    border-color: #F00;
  }
  .border-flame.border-flame-inner{
    margin-top: 10px;
    padding: 1em;
  }

  .border-flame.border-flame-inner .border-flame-title{
    border: none;
    margin-bottom: 8px;
  }
　

  /* 2カラム */
  .box .box-inner{
    float: left;
  }

  .box.col-two .box-inner{
    width: 50%;
  }

  /*  */
  .content article{
    width: 840px;
    margin: 0 auto;
  }

  .content section{
    margin: 60px 0;
  }

  .content section img{
    width: initial;
    max-width: 100%;
  }

  .content .content-title {
    text-align: center;
  }

  .content .content-title.text{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 27px;
    color: #333;
    border-bottom: 2px solid #b3b3b3;
    border-top: 2px solid #b3b3b3;
    margin:128px 50px 50px 50px;
  }

  .content .content-h2{
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px;
  }

  /* 遺伝子博士とは */
  .content-hakase .border-flame .border-flame-title{
    font-size: 16px;
    font-weight: bold;
  }

  .content-hakase .point{
    border-top: 1px solid #ccc;
  }

  .content-hakase .point .point-title{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    font-size: 24px;
    margin-top: 80px;
    margin-bottom: 50px;
  }

  .content-hakase .point .point-text{
    text-align: center;
    margin-bottom: 50px;
  }

  .content-hakase a:hover{
    text-decoration: underline;
  }

  .content-hakase .point li{
    position: relative;
  }

  .content-hakase .point .point-anchor{
    position: absolute;
    top: -100px;
  }

  .content-hakase .point-anchor{
    /*position: absolute;*/
    top: -10px;
  }

  /* 定期購入 */
  .content-regular{
    width: 851px;
    margin: 0 auto;
  }

  .content-regular .content-regular-title{
    font-size: 24px;
    margin: 0 0 30px 0;
  }

  .content-regular .content-regular-inner{
    padding: 0 20px;
  }

  .content-regular .content-regular-text{
    font-size: 15px;
    line-height: 26px;
  }

  .content-regular .subscriptions{
    border-top: 1px solid #4d4d4d;
    padding-top: 80px;
  }

  .content-regular .subscriptions .subscriptions-point{
    text-align: center;
  }

  /* faq */

 .faq {
   width: 100% !important;
    background-color: #3287D31A;
  }

  .faq h1 {
    color: #075BA2;
  }

  .faq .h1-top {
    font-size: 40px;
    font-family: serif;
  }

  .faq .h1-bottom {
    font-size: 16px;
    font-weight: normal;
  }

  .faq-tab-menu ul{
    width: 840px;
    margin: 0 auto;
    padding: 0;
  }

  .faq-tab-menu li{
    float: left;
    cursor: pointer;
    margin-right: 13px;
    max-width: 270px;
  }

  .faq-tab-menu li:last-child{
    margin-right: 0;
  }

  .faq-tab-menu li a.viewPc{
    display: block;
    background-repeat: no-repeat;
    width: 270px;
    height: 81px;
  }

  .faq-tab-menu .faq-tab-menu-kit a{
    background-image: url(/wp-content/uploads/faq/pc/btn_kit_off_pc.png);
  }

  .faq-tab-menu .faq-tab-menu-kit a:hover,
  .faq-tab-menu .faq-tab-menu-kit.on a{
    background-image: url(/wp-content/uploads/faq/pc/btn_kit_on_pc.png);
  }

  .faq-tab-menu .faq-tab-menu-skalp a{
    background-image: url(/wp-content/uploads/faq/pc/btn_shampoo_off_pc.png);
  }

  .faq-tab-menu .faq-tab-menu-skalp a:hover,
  .faq-tab-menu .faq-tab-menu-skalp.on a{
    background-image: url(/wp-content/uploads/faq/pc/btn_shampoo_on_pc.png);
  }

  .faq-tab-menu .faq-tab-menu-supple a{
    background-image: url(/wp-content/uploads/faq/pc/btn_supple_off_pc.png);
  }

  .faq-tab-menu .faq-tab-menu-supple a:hover,
  .faq-tab-menu .faq-tab-menu-supple.on a{
    background-image: url(/wp-content/uploads/faq/pc/btn_supple_on_pc.png);
  }

  .faq-tab-menu .faq-tab-menu-gene a{
    background-image: url(/wp-content/uploads/faq/pc/btn_gene_off_pc.svg);
    background-size: contain;
  }

  .faq-tab-menu .faq-tab-menu-gene a:hover,
  .faq-tab-menu .faq-tab-menu-gene.on a{
    background-image: url(/wp-content/uploads/faq/pc/btn_gene_on_pc.svg);
    background-size: contain;
  }


  .faq-tab-menu .faq-tab-menu-flora a{
    background-image: url(/wp-content/uploads/faq/pc/btn_flora_off_pc.svg);
    background-size: contain;
  }

  .faq-tab-menu .faq-tab-menu-flora a:hover,
  .faq-tab-menu .faq-tab-menu-flora.on a{
    background-image: url(/wp-content/uploads/faq/pc/btn_flora_on_pc.svg);
    background-size: contain;
  }

  .faq-tab-menu .faq-tab-menu-goods a{
    background-image: url(/wp-content/uploads/faq/pc/btn_goods_off_pc.svg);
    background-size: contain;
  }

  .faq-tab-menu .faq-tab-menu-goods a:hover,
  .faq-tab-menu .faq-tab-menu-goods.on a{
    background-image: url(/wp-content/uploads/faq/pc/btn_goods_on_pc.svg);
    background-size: contain;
  }



  .content-faq{
    margin-top: 60px;
  }

  .content-faq section:nth-child(n+2){
    display: none;
  }

  .section-faq .achordion{

  }

  .section-faq .achordion dt{
    position: relative;
    cursor: pointer;
    font-size: 18px;
    background-color: #3287D31A;
    color: #3287D3;
    border-bottom: 1px solid #fff;
    padding: 7px;
    margin: 0;
  }

  .section-faq .achordion dt:after{
    content: url(/wp-content/uploads/faq/pc/arrow_down_pc.png);
    position: absolute;
    right: 7px;
  }

  .section-faq .achordion dt.open:after{
    content: url(/wp-content/uploads/faq/pc/arrow_up_pc.png);
  }

  .section-faq .achordion dd{
    font-size: 17px;
    display: none;
    margin: 10px 17px;
  }

  /* お問い合わせ */
  .contact-main{
    width: 850px;
    margin: 0 auto 80px;
  }

  .content-form section{
    margin: 0 40px;
  }

  .content-form dd{
    margin: 0 0 20px 0;
  }

  .content-form .name-area div{
    float: left;
    margin-right: 20px;
  }

  .content-form-type{
    height: 30px;
  }

  .btn-area-form{
    margin-top: 60px;
  }

  .btn-area-confirm{
    width: 620px;
    margin: 0 auto;
  }

  .btn-area-confirm p{
    float: left;
  }

  .btn-area-confirm p:first-child{
    margin-right: 10px;
  }

  .btn-area-confirm p:last-child{
    margin-left: 10px;
  }

  .btn-confirm{
    display: block;
    width: 370px;
    height: 55px;
    background-image: url(/wp-content/uploads/form/pc/btn_ok1_pc.png);
    background-repeat: none;
    -webkit-background-size: 370px 55px;
         -o-background-size: 370px 55px;
            background-size: 370px 55px;
    border: none;
    margin: 0 auto;
  }

  .btn-back,
  .btn-send{
    display: block;
    width: 300px;
    height: 55px;
    background-repeat: none;
    -webkit-background-size: 300px 55px;
         -o-background-size: 300px 55px;
            background-size: 300px 55px;
    border: none;
    margin: 0 auto;
  }

  .btn-send{
    background-image: url(/wp-content/uploads/form/pc/btn_ok2_pc.png);
  }

  .btn-back{
    background-image: url(/wp-content/uploads/form/pc/btn_no_pc.png);
  }

  .rest-reason.off{
    display: none;
  }

  .content-of-inquiry.off{
    display: none;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview{
    width: 620px;
    margin: 0 auto;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .confirm-caution{
    margin-bottom: 60px;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dl{
    border: 1px solid #999;
    border-radius: 5px;
    padding: 1.0em;
    margin: 0 auto 40px;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dt{
    clear: left;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dt,
  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dd{
    float: left;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dt:before{
    content: '■';
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dt:after{
    content: ' : ';
    margin-right: 1.0em;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .required{
    display: none;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .confirm-none{
    display: none;
  }

  .only-confirm{
    display: none;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .only-confirm{
    display: block;
  }

  .contact-description{
    width: 100%;
    word-wrap: break-word;
  }

  /* ガイド */
  .sub-nav-guide{
    width: 840px;
    margin: 0 auto;
  }

  .sub-nav-guide ul,
  .sub-nav-guide li{
    padding: 0;
    margin: 0;
  }

  .sub-nav-guide a:hover{
    text-decoration: underline;
  }

  .content-guide .content-guide-inner{
    margin: 15px;
  }

  .content-guide section{
    position: relative;
  }

  .content-guide #payment-method,
  .content-guide #delivery,
  .content-guide #returned
  {
    position: absolute;
    top: -100px;
  }

  .content-guide .content-guide-inner > h4,
  .content-guide .content-guide-inner > p,
  .content-guide .content-guide-inner > div,
  .content-guide .content-guide-inner > table{
    margin: 0 20px;
  }

  .content-guide .content-guide-inner .title-band{
    margin-top: 0;
    margin-bottom: 30px;
  }

  .content-guide .content-guide-inner h3.title-h3-guide{
    font-size: 18px;
    color: #8CA8DA;
  }

  .content-guide .content-guide-inner h4.title-h4-guide{
    color: #333;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .content-guide .content-guide-inner p.guide-text{
    margin-left: 35px;
    margin-bottom: 30px;
  }

  .content-guide .content-guide-inner p.guide-caution{
    font-size: 14px;
  }

  .content-guide .content-guide-inner .border-flame{
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .content-guide .content-guide-inner table.cash{
    width: 440px;
    margin-left: 50px;
    margin-bottom: 50px;
  }

  table.cash caption{
    text-align: left;
  }

  table.cash tr,
  table.cash th,
  table.cash td{
    text-align: center;
    border: 1px solid #4d4d4d;
  }

  table.cash td{
    padding: 3px 0;
  }

  table.cash td.price{
    background-color: #F2F2F2;
  }

  ul.guide-list{
    padding: 0 10px;
  }

  ul.border-flame-text.guide-list{
    margin: 20px;
  }

  ul.guide-list li{
    list-style-type: disc;
  }

  /* ニュース */
  .news-content{
    margin-bottom: 30px;
  }

  .news-title{
    font-size: 20px;
    color: #333;
    margin-bottom: 25px;
  }

  .news-date{
    margin-right: 16px;
  }

  /* ページネーション */
  .pagenation{
    text-align: center;
    font-size: 15px;
    margin-bottom: 90px;
  }

  .pagenation a:hover{
    text-decoration: underline;
  }

  .pagenation .page-numbers.current{
    color: #8ca8da;
  }

  .page-template-content-column-list .pagenation .page-numbers {
      margin: 0 4px;
      width: 36px;
      height: 36px;
      display: inline-block;
      border-radius: 20px;
      line-height: 36px;
      border: 1px solid #4d4d4d;
  }

  .page-template-content-column-list .pagenation .page-numbers.prev,
  .page-template-content-column-list .pagenation .page-numbers.next {
      width: 100px;
  }

  .page-template-content-column-list .pagenation .page-numbers.current {
      color: #fff;
      width: 36px;
      height: 36px;
      display: inline-block;
      border-radius: 20px;
      background: #005FA3;
      line-height: 36px;
  }

  .pagenation .page-numbers{
      margin-right: 20px;
  }

  .pagenation .page-numbers.next {
      margin-right: 0;
  }

  .page-template-content-column-detail .pagenation .page-numbers.prev,
  .page-template-content-column-detail .pagenation .page-numbers.next {
      color: #fff;
      color: #005FA3;
      font-weight: bold;
      padding: 10px 20px;
      border-radius: 40px;
      border: 2px solid #005FA3;
  }

  /* デフォルトテンプレート */
  .content-default{
    margin: 80px;
  }

  /* コラム */
  /* コラム一覧と記事詳細ページでレスポンシブ */
  .page-template-content-column-list #primary,
  .page-template-content-column-detail #primary
   {
      width: 100%;
      max-width: 1000px;
  }

  .page-template-content-column-list .content-title,
  .page-template-content-column-detail .content-title {
      margin: 0 auto 30px;
      max-width: 890px;
      font-family: "marugame";
      color: #005FA3;
      line-height: 1.4;
  }

  .page-template-content-column-list .content-title img,
  .page-template-content-column-detail .content-title img {
      vertical-align: middle;
  }

  .page-template-content-column-list .content-title-s,
  .page-template-content-column-detail .content-title-s {
      display: block;
      font-size: 15px;
  }

  .page-template-content-column-list .content article,
  .page-template-content-column-detail .content article {
      width: 100%;
      max-width: 930px;
  }

  .page-template-content-column-list .privacymark,
  .page-template-content-column-detail .privacymark {
      margin: 0;
  }

  .page-template-content-column-list .site-footer,
  .page-template-content-column-detail .site-footer {
      margin: 80px auto 0;
      width: 1000px;
  }

  .column-sub-menu ul{
    width: 800px;
    padding: 0;
    margin: 0 auto;
  }

  .column-sub-menu li{
    float: left;
    width: 20%;
    font-size: 20px;
    line-height: 56px;
  }

  /* .column-sub-menu  */
  .column-sub-menu .column-sub-btn a{
    display: block;
    background-repeat: no-repeat;
    width: 156px;
    height: 56px;
    border: 1px solid #999;
    text-align: center;
    border-radius: 5px;
    font-weight: normal;
  }

  /* .column-sub-menu .column-sub-btn.all.on a{
    color: #fff;
    background: #005FA3;
  }
  .column-sub-menu .column-sub-btn.all.off a{
    background-image: url(/wp-content/uploads/column/pc/btn_all_off_pc.png);
  }

  .column-sub-menu .column-sub-btn.eat.on a{
    background-image: url(/wp-content/uploads/column/pc/btn_eat_on_pc.png);
  }
  .column-sub-menu .column-sub-btn.eat.off a{
    background-image: url(/wp-content/uploads/column/pc/btn_eat_off_pc.png);
  }

  .column-sub-menu .column-sub-btn.look.on a{
    background-image: url(/wp-content/uploads/column/pc/btn_look_on_pc.png);
  }
  .column-sub-menu .column-sub-btn.look.off a{
    background-image: url(/wp-content/uploads/column/pc/btn_look_off_pc.png);
  }

  .column-sub-menu .column-sub-btn.person.on a{
    background-image: url(/wp-content/uploads/column/pc/btn_person_on_pc.png);
  }
  .column-sub-menu .column-sub-btn.person.off a{
    background-image: url(/wp-content/uploads/column/pc/btn_person_off_pc.png);
  }

  .column-sub-menu .column-sub-btn.other.on a{
    background-image: url(/wp-content/uploads/column/pc/btn_other_on_pc.png);

  }
  .column-sub-menu .column-sub-btn.other.off a{
    background-image: url(/wp-content/uploads/column/pc/btn_other_off_pc.png);
  } */

  .column-sub-menu .column-sub-btn.on a{
    color: #fff;
    background: #005FA3;
  }

  .column .column-list{
    padding: 0 20px;
    margin: 0 0 40px 0;
    max-width: 970px;
  }

  .column .column-list:nth-last-of-type(1){
    border-bottom: none;
  }

  .column .column-list li{
    float: left;
    padding: 0 15px 10px;
  }

  .column .column-list li:first-child{
  }

  .column .column-list li:last-child{
  }

  .column .column-list.main li{
    width: 100%;
    border: 1px solid #036EB7;
    border-left: 5px solid #036EB7;
  }

  .column .column-list.main li img {
      width: 40%;
      float: right;
      margin: 0 0 0 10px;
      object-fit: cover;
      height: 200px;
  }

  .column .column-list.main .content {
      height: 120px;
      overflow: hidden;
  }

  .column-list .date-category-wrap {
      margin: 0 0 10px;
      padding: 4px 0;
      display: block;
      border-bottom: 1px solid #036EB7;
  }

  .article-first .date {
      display: inline-block;
      color: #036EB7;
      line-height: 32px;
  }

  .column-list .category {
      width: 90px;
      margin: 2px 0;
      padding: 3px 0;
      float: right;
      background: #036EB7;
      color: #fff;
      text-align: center;
      font-size: 14px;
  }

  .article-first .title {
      padding: 10px 0;
      width: 56%;
      display: inline-block;
      color: #036EB7;
      font-size: 24px;
      line-height: 1.4;
  }

  .article-first .description {
      padding: 10px 0;
      width: 58%;
      /* display: inline-block; */
      font-size: 16px;
      line-height: 1.6;
  }

  .column .column-list.sub {
      display: flex;
  }

  .column .column-list.sub li{
      padding: 0 1% 10px;
      margin: 10px 2% 0 0;
      width: 32%;
      border: 1px solid #036EB7;
      border-top: 5px solid #036EB7;
  }

  .column .column-list a:hover {
      opacity: .8;
      display: block;
  }

  .column .column-list.sub li:last-child {
      margin: 10px 0 0 0;
  }

  .column .column-list.sub .date {
      display: inline-block;
      color: #036EB7;
      line-height: 32px;
  }

  .column .column-list.sub .title {
      padding: 0 0 10px;
      color: #036EB7;
      font-size: 16px;
      line-height: 1.4;
      min-height: 80px;
  }

  .column .column-list.sub .img {
      height: 176px;
      width: 100%;
      object-fit: cover;
  }

  .column .column-list.sub .description {
      padding: 10px 0;
      display: inline-block;
      font-size: 14px;
      line-height: 1.6;
      text-align: justify;
  }

  .column .column-detail {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
  }

  .column .column-detail .thumb {
    text-align: center;
    margin-bottom: 30px;
  }

  /* コラム詳細記事 */
  .column-detail .date-category-wrap-wrap {
      margin: 0 0 10px;
      overflow: hidden;
      display: inline-flex;
        -ms-flex-line-pack: center;
       align-content: center;
       width: 800px;
  }

  .column-detail .date-category-wrap {
      width: 260px;
      flex-basis: 260px;
      box-sizing: border-box;
      padding: 4px 20px;
      background: #005FA3;
      color: #fff;
      text-align: center;
      font-size: 20px;
      -webkit-flex-basis: 260px;
      -ms-flex-basis    : 260px;
      flex-basis        : 260px;
      align-items: center;
      display: inline-grid;
  }

  .column-detail .date {
      border-bottom: 1px solid #fff;
      line-height: 1.8;
      font-size: 20px;
  }

  .column-detail .category {
      line-height: 1.8;
      font-size: 22px;
  }

  .title-wrap {
      width: 100%;
      width: calc(100% - 260px);
      flex-basis: auto;
      background: #EEEEEF;
      -ms-flex-line-pack: center;
      align-content: center;
      display: inline-grid;
  }

  .column .column-detail .title {
      padding: 10px 20px;
      box-sizing: border-box;
      flex-basis: auto;
      font-size: 25px;
      color: #3E3A39;
      background: #EEEEEF;
      overflow: hidden;
      align-items: center;
      display: inline-block;
      vertical-align: text-top;
  }

  .content-wrap {
      padding: 30px 3%;
      background: #EBF4F7;
  }

   /* コラム詳細記事下　新着一覧 */
   /* .columnを.latest-boxで上書き */
   .latest-box {
       text-align: center;
       width: 100%;
   }

   .latest-box .column-list.sub {
       padding: 0;
       margin: 50px 0 80px;
   }

   .latest-box .sub-title {
       margin: 0;
       font-size: 26px;
       color: #005FA3;
       border-top: 3px solid #005FA3;
       border-bottom: 3px solid #005FA3;
       letter-spacing: .6em;
       line-height: 2;
   }

   .column .column-list.sub {
       /* display: block; */
       display: flex;
       flex-wrap: wrap;
   }

   .latest-box .column-list.sub {
       justify-content: space-between;
   }

   .latest-box .column-list.sub li {
       display: inline-block;
       margin: 0 1.36% 20px 0;
       width: 23.95%;
       padding: 0;
       border: 1px solid #036EB7;
       background: #daedf2;
   }

   .latest-box .column-list.sub li:nth-child(4n) {
       margin: 0 0 20px 0;
   }

   .latest-box .column-list.sub li a:hover {
       opacity: .7;
       display: block;
   }

   .latest-box .column-list.sub li img {
       vertical-align: bottom;
       width: 100%;
       height: 144px;
       object-fit: cover;
   }

   .latest-box .date-category-wrap {
       margin: 0;
       text-align: center;
       background: #005FA3;
   }

   .latest-box .column-list.sub .date {
       color: #fff;
   }

   .latest-box .column-list.sub .title {
       width: inherit;
       padding: 20px 10px;
       background: #daedf2;
       text-align: left;
   }

  /* コラム詳細ページSNSシェア */
  .colum-sns-box {
      margin: 60px 0 0 0;
      display: flex;
      text-align: center;
      justify-content: space-between;
  }

  .colum-sns-box .sns-share-twitter,
  .colum-sns-box .sns-share-facebook,
  .colum-sns-box .sns-share-hatena
  {
      width: 32.4%;
      line-height: 78px;
      height: 78px;
      text-align: center;
  }

  .colum-sns-box .sns-share-twitter a,
  .colum-sns-box .sns-share-facebook a {
      display: block;
      width: 100%;
      font-size: 46px;
      border-radius: 5px;
  }

  .sns-share-twitter a {
      background: #61BDF7;
  }

  .sns-share-facebook a {
      background: #3C579E;
  }

  .fa-facebook-f,
  .fa-twitter {
      color: #fff;
  }

  .sns-share-hatena {
      width: 30px;
      height: 30px;
      display: inline-block;
      background: #008FDE;
      border-radius: 4px;
      vertical-align: middle;
  }

  .sns-share-hatena a {
      display: block;
  }

  .sns-share-hatena img {
      height: 78px !important;
      object-fit: cover;
  }

  .category-list-box {
      margin: 0 0 80px;
      text-align: center;
      border-bottom: 3px solid #005FA3;
  }

  .category-list-box .column-sub-menu {
      margin: 20px 0 40px;
  }

  .icon_gene {
      width: 70px;
      vertical-align: bottom;
  }

  .category-list-box .sub-title {
      margin: 0;
      font-size: 26px;
      color: #005FA3;
      border-top: 3px solid #005FA3;
      line-height: 2;
  }

  .category-list-box .category-list {
      margin: 40px auto;
      padding: 0;
      max-width: 860px;
      overflow: hidden;
  }

   .category-list-box .category-list li {
       margin: 0 1%;
       width: 23%;
       line-height: 80px;
       float: left;
   }

   .category-list-box .category-list a {
       display: block;
       font-size: 34px;
       color: #fff;
       background: #005FA3;
   }

   .category-list-box .category-list a:hover {
       opacity: .8;
   }

   .sns-wrap {
       margin: 0 auto;
       max-width: 760px;
   }

   .twitter-timeline {
       margin: 0 0 0 2%;
       float: right;
       border: 1px solid #ccc !important;
   }

   .mylife-box {
       margin: 80px 0 0;
       text-align: center;
   }

   .mylife-box .sub-title {
       margin: 0;
       font-size: 26px;
       color: #005FA3;
       border-top: 3px solid #005FA3;
       border-bottom: 3px solid #005FA3;
       line-height: 2;
   }

   .mylife-box .btn-buy {
       display: inline-block;
       margin: 38px 0;
       padding: 0 40px;
       background: #005FA3;
       color: #fff;
       font-size: 34px;
       line-height: 110px;
   }

   .mylife-box .btn-buy:hover {
       opacity: .8;
   }

   /* プライバシーマーク　*/
   .privacymark {
    background: #fff;
    padding: 30px 10%;
    overflow: hidden;
   }

   .privacymark p {
    width: 65%;
    margin-left: 30px;
    color: #3287D3;
    font-size: 12px;
    float: left;
    line-height: 2;
   }

   .privacymark img {
    width: 7%;
    float: left;
   }

  /*　                     */
  /*　    お客様の声　       */
  /*　                     */
  .review-inner {
    width: 800px;
    margin: 0 auto;
  }

  .review-inner .content-title {
      font-family: "marugame";
      color: #005fa3;
      line-height: 1.2;
  }

  .tab-large-wrap {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 5px solid #777777;
  }

  .tab-large:first-child {
    margin-right: .5%;
  }

  .tab-large:last-child {
    margin-left: .5%;
  }

  .tab-large {
    width: 49.5%;
    float: left;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    border-radius: 5px 5px 0 0;
  }

  .diet-inner .tab-on {
    color: #697ea3;
    background-color: #dce5f4;
  }

  .aging-inner .tab-on {
    color: #c0456d;
    background-color: #f4d0dc;
  }

  .tab-off {
    background-color: #e6e6e6;
  }

  .tab-off a {
    display: block;
    color: #999;
  }

  .tab-midium-wrap {
    display: block;
    margin: 10px 0 20px;
    padding: 0;
    border: 1px solid #4d4d4d;
    text-align: center;
  }

  .tab-midium {
    padding: 0 3%;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
  }

  .tab-midium a {
    padding: 0 0 0 30px;
  }

  .tab-midium a:visited,
  .tab-midium a:focus {
    color: #4d4d4d;
    outline: none;
  }

  .tab-arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
  }

  .tab-arrow::before,
  .tab-arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-top: 3px solid #8ca8da;
    border-right: 3px solid #8ca8da;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .ui-tabs-anchor:hover {
    opacity: .7;
  }

  .ui-state-active a {
    text-decoration: underline;
  }

  .content-subtitle {
    font-size: 26px;
    text-align: center;
    line-height: 1.6;
    border-radius: 30px;
    color: #fff;
    font-weight: normal;
  }

  .diet-inner .content-subtitle {
      background-color: #005fa3;
  }

  .aging-inner .content-subtitle {
      background-color: #ed2063;
  }

  /* 画像一覧　*/
  .review-img-wrap {
    margin: 0 0 70px 0;
    padding: 0;
    overflow: hidden;
  }

  .review-img-wrap li {
    padding: 30px 3% 40px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #888;
  }

  .review-img-wrap > li:nth-child(odd) {
      background: #F4F4F4;
  }

  .review-img-wrap > li:nth-child(even) {
      background: #EDF7F5;
  }

  .review-text {
      width: 60%;
      display: inline-block;
      margin: 0 4% 0 0;
      font-size: 18px;
      color: #595757;
      line-height: 1.7;
      font-family: "marugame";
  }

  .review-img {
      /* width: 39%; */
      vertical-align: top;
      width: 250px;
      height: 180px;
  }

  .review-user {
      margin: 0;
      padding: 0;
      font-size: 20px;
      color: #005FA3;
      overflow: hidden;
  }

  .review-user li {
      margin: 20px 3% 0 0;
      padding: 0;
      width: inherit;
      text-align: left;
      border-bottom: none;
  }

  .review-item {
      margin: 20px 0 0;
  }

  .review-item dt img {
      margin: 0 0 4px;
      width: 200px;
      height: 40px;
      display: inline-block;
  }

  .review-item dd {
      margin: 4px 0;
  }

  .review-item .item-name {
      color: #005FA3;
      /* text-decoration: underline; */
      border-bottom: 1px solid #005FA3;
  }

   .review-item .btn-item-page {
       margin: 0 0 0 10px;
       padding: 6px 8px;
       border-radius: 3px;
       background: #005FA3;
       color: #fff;
   }

   .item-name:hover,
   .btn-item-page:hover {
       opacity: .8;
   }

   .item-name-big {
       font-size: 22px;
       font-weight: bold;
       text-decoration: none;
       line-height: 1;
   }

  /*　ページャー　*/
  .page_navigation {
      text-align: center;
      margin: 0 0 50px 0;
  }

  .page_link,
  .previous_link,
  .next_link
   {
    margin: 0 .5em;
  }

  .page_link:hover,
  .previous_link:hover,
  .next_link:hover {
    text-decoration: none;
    opacity: .8;
  }

  .page_navigation .page_link,
  .page_navigation .previous_link,
  .page_navigation .next_link {
      width: 48px;
      height: 48px;
      display: inline-block;
      font-size: 18px;
      color: #fff;
      background: #005FA3;
      border: 1px solid #888;
      line-height: 48px;
  }

  .page_navigation .active_page {
      width: 48px;
      height: 48px;
      display: inline-block;
      color: #888;
      background: #fff;
      border: 1px solid #888;
      line-height: 48px;
  }

  /* １ページの目の時は「前へ」、最後のページの時は「次へ」ボタンを表示しない */
  .page_navigation .previous_link.no_more,
  .page_navigation .next_link.no_more
  {
      display: none;
  }

  /* 「次のページ」ボタン用のページネーションカスタム */
  .page_navigation.next-page {
      margin: 0 0 20px;
  }

  .page_navigation.next-page .ellipse.less,
  .page_navigation.next-page .ellipse.more,
  .page_navigation.next-page .c {
      display: none !important;
  }

  .page_navigation .ellipse.less,
  .page_navigation .ellipse.more,
  .page_navigation .c {
      display: none !important;
  }

  .page_navigation.next-page .page_link,
  .page_navigation.next-page .previous_link {
      display: none !important;
  }

  .page_navigation .page_link {
      display: inline-block !important;
  }

  .page_navigation.next-page .next_link {
      width: 660px;
      height: 56px;
      line-height: 56px;
      font-size: 26px;
      color: #005FA3;
  }

  .page_navigation.next-page .next_link::after {
      content: '次のページ';
      color: #fff;
      margin: 0 0 0 -1em;
  }


  /* シェアボタン */
  .sns-box {
      /* margin: 0 auto;
      display: inline-block;
      width: 400px; */
      margin: 0 0 50px;
      text-align: center;
  }

  .sns-twitter,
  .sns-fb,
  .sns-hatena {
      margin: 0 1%;
      display: inline-block;
      vertical-align: baseline;
  }

  .fa-twitter-square {
      color: #333;
      font-size: 70px;
  }

  .fa-facebook-square {
      color: #333;
      font-size: 70px;
  }

  .sns-hatena {
    margin: 0 1%;
    height: 63px;
    display: inline-block;
    background: #333;
    border-radius: 8px;
    vertical-align: sub;
}


/* 外部からアクセスした際の表示位置調整　*/
  #kit,
  #supple,
  #book,
  #skin,
  #scalp
   {
    margin-top:-400px;
    padding-top:400px;
  }

  /* 解析遅延のお知らせ */
  .analysis-delay{
    //margin:75px auto 0 auto;
    margin:75px auto 0 auto;
    width: 50%;
  }

  .analysis-support {
    margin:0 auto;
    width: 50%;
    text-align: center;
    padding: 10px;
  }

  .contact-main .analysis-support {
    width: 90%;
    padding: 35px;
  }

}

@media screen and (min-width: 769px) and ( max-width: 979px) {


}

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

  /* パンくずリスト */
  .breadcrumb{
    margin-left: 0;
    padding-left: 5px;
    margin-top: 5px;
  }

  .breadcrumb:after{
    clear: both;
    content: "";
    display: table;
  }

  .breadcrumb li{
    float: left;
    font-size: 15px;
  }

  .breadcrumb li a{
    text-decoration: underline;
  }

  .breadcrumb li:first-child:after{
    content: '>';
    margin: 0 15px;
  }


  /* 枠線 */
  .border-flame{
    width: 98%;
    max-width: 570px;
    border: 2px solid #ccc;
    padding: 20px 10px;
    margin: 35px auto 0;
  }

  .border-flame .border-flame-title{
    font-size: 12px;
    margin-bottom: 20px;
  }
 .border-flame-title{
	text-align:center;
  }
  

  .border-flame .border-flame-title2{
    font-size: 12px;
    font-weight: bold;
    color: #4d4d4d;
  }

  .border-flame .border-flame-text{
    font-size: 10px;
    line-height: 22px;
  }

  .border-flame .border-flame-list{
    font-size: 12px;
    line-height: 22px;
    list-style: decimal;
    padding: 0;
    margin: 20px 0 0 1.2em;
  }

  /* 枠線の中の枠線 */
  .border-flame.flame-red{
    border-color: #F00;
  }

  /* h1 */
  .content-title{
    text-align: center;
  }

  .page-template-content-column-list .content-title, .page-template-content-column-detail .content-title {
    font-family: "marugame";
    color: #005FA3;
    line-height: 1.4;
    text-align: center;
  }

 .page-template-content-column-list .icon_gene-title,
 .page-template-content-column-detail .icon_gene-title {
     width: 60px;
     display: block;
     margin: auto;
 }

 .page-template-content-column-list .content-title-l,
 .page-template-content-column-detail .content-title-l {
   display: block;
   font-size: 20px;
   border-top: 2px solid;
 }

  .page-template-content-column-list .content-title-s,
  .page-template-content-column-detail .content-title-s {
    display: block;
    font-size: 15px;
  }

  /* 2カラム */
  .box .box-inner{
    margin-bottom: 30px;
  }

  .box.col-two .box-inner{
  }

  /*  */
  .content .content-title.text{
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 15px;
    color: #333;
    border-bottom: 2px solid #b3b3b3;
    border-top: 2px solid #b3b3b3;
    margin: 128px 10px 50px 10px;
  }

  .content article{
    width: 98%;
    margin: 0 auto;
  }

  .content section{
    margin: 30px 0;
  }

  .page-template-content-column-detail .content section {
    margin: 10px 0 30px;
  }

  .content section img{
    width: initial;
    max-width: 100%;
  }

  .content .content-h2{
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
  }

  /* 遺伝子博士とは */
  .content-hakase .border-flame .border-flame-title{
    font-size: 14px;
    font-weight: bold;
  }

  .content-hakase .point{
    border-top: 1px solid #ccc;
  }

  .content-hakase .point ul{
    padding: 0;
    margin: 0;
  }

  .content-hakase .point ul li{
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
  }

  .content-hakase .point ul li:last-child{
    border-bottom: none;
  }

  .content-hakase .point .point-title{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    font-size: 24px;
    margin-top: 80px;
    margin-bottom: 50px;
  }

  .content-hakase .point .point-text{
    text-align: center;
    margin-bottom: 50px;
  }

  /* 定期購入 */
  .content-regular section{
    margin: 30px 0;
  }

  .content-regular .content-regular-title{
    text-align: center;
    font-size: 24px;
    margin: 0 0 30px 0;
  }

  .content-regular .content-regular-text{
    font-size: 12px;
    line-height: 24px;
  }

  .content-regular .content-regular-inner{
    padding: 0 1%;
  }

  .content-regular .subscriptions{
    border-top: 1px solid #4d4d4d;
    padding-top: 40px;
  }

  .content-regular .subscriptions .subscriptions-point{
    text-align: center;
    margin: 0 1%;
  }

  /* FAQ */
  .faq-tab-menu ul{
    padding: 0;
    margin: 0;
  }

  .faq-tab-menu li{
    float: left;
    width: 33%;
  }

  .faq-tab-menu li:nth-child(2){
    margin: 0 0.5%;
  }

  .faq-tab-menu li a.viewSp{
    display: block;
    background-color: #dce5f4;
    font-size: 13px;
    color: #4d4d4d;
    text-align: center;
    background-color: #f0f0f0;
    line-height: 40px;
  }

  .faq-tab-menu li.on a{
    background-color: #dce5f4;
  }

  .content-faq{
    margin-top: 60px;
  }

  .content-faq section:nth-child(n+2){
    display: none;
  }

  .section-faq .achordion{

  }

  .section-faq .achordion dt{
    position: relative;
    cursor: pointer;
    font-size: 18px;
    background-color: #DCE5F4;
    border-bottom: 1px solid #fff;
    padding: 7px;
    margin: 0;
  }

  .section-faq .achordion dt:after{
    content: url(/wp-content/uploads/faq/pc/arrow_down_pc.png);
    position: absolute;
    right: 7px;
  }

  .section-faq .achordion dt.open:after{
    content: url(/wp-content/uploads/faq/pc/arrow_up_pc.png);
  }

  .section-faq .achordion dd{
    font-size: 17px;
    display: none;
    margin: 10px 17px;
  }

  /* お問い合わせ */
  .mw_wp_form input,
  .mw_wp_form textarea{
    width: 100%;
  }

  .mw_wp_form input[type="radio"]{
    width: inherit;
  }

  .contact-main{
    width: 100%;
    margin: 0 auto 40px;
  }

  .content-form section{
    margin: 0 1%;
  }

  .content-form dd{
    margin: 0 0 10px 0;
  }

  .content-form .name-area div{
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
  }

  .content-form-type{
    height: 26px;
  }

  .btn-area-form{
    margin-top: 30px;
  }

  .btn-area-confirm{
    width: 100%;
    margin: 0 auto;
    display: flex;
  }

  .btn-area-confirm p{
    float: left;
    width: calc(50% - 5px);
  }

  .btn-area-confirm p:first-child{
    margin-right: 10px;
  }

  .btn-area-confirm p:last-child{
    margin-left: 10px;
  }

  .btn-confirm{
    display: block;

    width: 90%;
    height: 0;
    padding-top: 13%;

    background-color: transparent;
    background-image: url(/wp-content/uploads/form/pc/btn_ok1_pc.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    border: none;
    margin: 0 auto;
  }

  .btn-back,
  .btn-send{
    display: block;
    width: 100%;
    height: 0;
    padding-top: 16.8%;
    background-color: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    border: none;
    margin: 0 auto;
  }

  .btn-send{
    background-image: url(/wp-content/uploads/form/pc/btn_ok2_pc.png);
  }

  .btn-back{
    background-image: url(/wp-content/uploads/form/pc/btn_no_pc.png);
  }

  .rest-reason.off{
    display: none;
  }

  .content-of-inquiry.off{
    display: none;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview{
    width: 100%;
    margin: 0 auto;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .confirm-caution{
    margin-bottom: 20px;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .name-area div{
    width: initial;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dl{
    border: 1px solid #999;
    border-radius: 5px;
    padding: 1.0em;
    margin: 0 auto 40px;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dt{
    clear: left;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dt,
  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dd{
    float: left;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dt:before{
    content: '■';
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dt:after{
    content: ' : ';
    margin-right: 1.0em;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .required{
    display: none;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .confirm-none{
    display: none;
  }

  .only-confirm{
    display: none;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .only-confirm{
    display: block;
  }

  .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .privacypolicy{
    text-align: center;
  }

  .contact-description{
    width: 100%;
    word-wrap: break-word;
  }

  /* ガイド */
  .sub-nav-guide{
    width: 100%;
    margin: 0 auto;
  }

  .sub-nav-guide ul,
  .sub-nav-guide li{
    padding: 0;
    margin: 0;
  }

  .sub-nav-guide li{
    text-align: center;
    border-right: 1px solid #4d4d4d;
  }

  .sub-nav-guide li:last-child{
    border-right: 1px solid;
  }

  .sub-nav-guide a:hover{
    text-decoration: underline;
  }

  .content-guide .content-guide-inner{
    margin: 10px;
  }

  .content-guide .content-guide-inner .title-band{
    margin-top: 0;
    margin-bottom: 40px;
  }

  .content-guide .content-guide-inner h3.title-h3-guide{
    font-size: 12px;
    color: #8CA8DA;
  }

  .content-guide .content-guide-inner h4.title-h4-guide{
    color: #333;
    font-size: 12px;
    margin-bottom: 15px;
  }

  .content-guide .content-guide-inner p.guide-text{
    margin-left: 12px;
    margin-bottom: 30px;
  }

  .content-guide .content-guide-inner p.guide-caution{
    font-size: 10px;
  }

  .content-guide .content-guide-inner .border-flame{
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 50px;
  }

  .content-guide .content-guide-inner table.cash{
    width: 100%;
    margin-bottom: 50px;
  }

  table.cash caption{
    text-align: left;
  }

  table.cash tr,
  table.cash th,
  table.cash td{
    text-align: center;
    border: 1px solid #4d4d4d;
  }

  table.cash td{
    padding: 3px 0;
  }

  table.cash td.price{
    background-color: #F2F2F2;
  }

  ul.guide-list{
    padding: 0 10px;
    margin-left: 10px;
  }

  ul.border-flame-text.guide-list{
    margin: 20px;
  }

  ul.guide-list li{
    list-style-type: disc;
  }

  /* ページネーション */
  .pagenation{
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
  }

  .pagenation a:hover{
    text-decoration: underline;
  }

  .pagenation .page-numbers.current{
    color: #8ca8da;
  }

  .page-template-content-column-list .pagenation .page-numbers {
      margin: 0 .3%;
      width: 30px;
      height: 30px;
      display: inline-block;
      border-radius: 20px;
      line-height: 30px;
      border: 1px solid #4d4d4d;
  }

  .page-template-content-column-list .pagenation .page-numbers.prev,
  .page-template-content-column-list .pagenation .page-numbers.next {
      width: 60px;
  }

  .page-template-content-column-list .pagenation .page-numbers.current {
      color: #fff;
      width: 30px;
      height: 30px;
      display: inline-block;
      border-radius: 20px;
      background: #005FA3;
      line-height: 30px;
  }

  .pagenation .page-numbers{
    margin-right: 20px;
  }

  .pagenation .page-numbers.next {
      margin-right: 0;
  }

  .pagenation .page-numbers.hr {
      display: none;
  }

  .page-template-content-column-detail .pagenation .page-numbers.prev,
  .page-template-content-column-detail .pagenation .page-numbers.next {
      color: #fff;
      color: #005FA3;
      font-weight: bold;
      padding: 10px 20px;
      border-radius: 40px;
      border: 2px solid #005FA3;
  }


  /* デフォルトテンプレート */
  .content-default{
    margin: 40px;
  }

  /* コラム */
  .page-template-content-column-list .site-content,
  .page-template-content-column-detail .site-content {
      overflow: hidden;
  }

  .page-template-content-column-list .content article {
      width: 100%;
  }

  .column-sub-menu ul{
    width: ;
    padding: 0;
    margin: 0 auto;
  }

  .column-sub-menu li{
    float: left;
    width: 20%;
  }

  .column-sub-menu .column-sub-btn a{
    display: block;
    color: #4d4d4d;
    text-align: center;
    background-color: #f0f0f0;
    line-height: 40px;
  }

  .column-sub-menu .column-sub-btn.on a{
    background-color: #036EB7;
    color: #fff;
  }

  .column .column-list{
    padding: 0 2%;
    margin: 0;
  }

  .column .column-list:nth-last-of-type(1){
    border-bottom: none;
  }

  .column .column-list li{
      margin: 0 0 10px;
      padding: 0 2.4% 15px;
    clear: left;
    border: 1px solid #036EB7;
    border-left: 4px solid #036EB7;
  }

  .column .column-list li a{
    display: block;
  }

  .column .column-list li a img{
    margin: 0 0 0 2%;
    width: 48%;
    height: 120px;
    object-fit: cover;
    float: right;
  }

  .column-list .date-category-wrap {
      margin: 0 0 10px;
      padding: 2px 0;
      display: block;
      border-bottom: 1px solid #036EB7;
  }

  .column-list .date {
      display: inline-block;
      color: #036EB7;
      line-height: 20px;
  }

  .column-list .category {
      width: 90px;
      margin: 2px 0;
      padding: 2px 0;
      float: right;
      background: #036EB7;
      color: #fff;
      text-align: center;
      font-size: 11px;
  }

  .column .column-list .title {
      display: inline-block;
      padding: 0 0 6px;
      color: #036EB7;
      font-size: 14px;
      line-height: 1.4;
  }

  /* コラム記事詳細 */
  .column .column-detail{
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
  }

  .column .column-detail .thumb{
    text-align: center;
    /* margin-bottom: 30px; */
  }

  .column .column-detail .thumb img {
      vertical-align: bottom;
  }

  .column .column-detail .title{
    font-size: 22px;
    line-height: 1.2;
    color: #333;
    /* margin-bottom: 30px; */
  }

  .column .column-detail .content{
    line-height: 1.5;
  }

  .column .column-detail .content-wrap {
      padding: 30px 3%;
      background: #EBF4F7;
  }

  .column-detail .date-category-wrap-wrap {
      margin: 0 0 4px;
      overflow: hidden;
      display: inline-flex;
        -ms-flex-line-pack: center;
       align-content: center;
       width: 100%;
  }

  .column-detail .date-category-wrap {
      width: 110px;
      flex-basis: 110px;
      box-sizing: border-box;
      padding: 4px 2%;
      background: #005FA3;
      color: #fff;
      text-align: center;
      font-size: 20px;
      -webkit-flex-basis: 110px;
      -ms-flex-basis    : 110px;
      flex-basis        : 110px;
      align-items: center;
      /* display: inline-grid; */
      display: inline-block;
  }

  .column-detail .date {
      border-bottom: 1px solid #fff;
      line-height: 2;
      font-size: 10px;
      display: inline-block;
vertical-align: sub;
  }

  .column-detail .category {
      line-height: 1.8;
      font-size: 11px;
      display: inline-block;
    vertical-align: super;
  }

  .title-wrap {
      width: 100%;
      width: calc(100% - 110px);
      flex-basis: auto;
      background: #EEEEEF;
      -ms-flex-line-pack: center;
      align-content: center;
      display: inline-grid;
  }

  .column .column-detail .title {
      padding: 10px 20px;
      box-sizing: border-box;
      flex-basis: auto;
      font-size: 14px;
      line-height: 1.6;
      color: #3E3A39;
      background: #EEEEEF;
      overflow: hidden;
      align-items: center;
      display: inline-block;
      vertical-align: text-top;
  }

  .colum-sns-box {
      margin: 60px 0 0 0;
      display: flex;
      text-align: center;
      justify-content: space-between;
  }

  .colum-sns-box .sns-share-twitter,
  .colum-sns-box .sns-share-facebook,
  .colum-sns-box .sns-share-hatena
  {
      width: 32.4%;
      line-height: 60px;
      height: 60px;
      text-align: center;
  }

  .colum-sns-box .sns-share-twitter a,
  .colum-sns-box .sns-share-facebook a {
      display: block;
      width: 100%;
      font-size: 30px;
      border-radius: 5px;
  }

  .sns-share-twitter a {
      background: #61BDF7;
  }

  .sns-share-facebook a {
      background: #3C579E;
  }

  .fa-facebook-f,
  .fa-twitter {
      color: #fff;
  }

  .sns-share-hatena {
      width: 30px;
      height: 30px;
      display: inline-block;
      background: #008FDE;
      border-radius: 4px;
      vertical-align: middle;
  }

  .sns-share-hatena a {
      display: block;
  }

  .sns-share-hatena img {
      height: 56px !important;
      object-fit: cover;
  }

  /* コラム詳細記事下　新着一覧 */
  /* .columnを.latest-boxで上書き */
  .latest-box {
      margin: 0 5%;
      text-align: center;
  }

  .latest-box .column-list.sub {
      padding: 0;
      margin: 0;
      /* width: 100%; */
  }

  .latest-box .sub-title {
      margin: 0 0 20px;
      font-size: 18px;
      color: #005FA3;
      border-top: 3px solid #005FA3;
      border-bottom: 3px solid #005FA3;
      line-height: 2;
  }

  .page-template-content-column-detail .column .column-list {
      margin: 0 0 40px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-content: stretch;
  }

  .latest-box .column-list li {
      margin: 0 2% 10px 0;
      padding: 0;
      border: 1px solid #036EB7;
      background: #daedf2;
      width: 48.8%;
      box-sizing: border-box;

  }

  .latest-box .column-list li:nth-child(2n) {
      margin: 0 0 10px;
      box-sizing: border-box;
  }

  .latest-box .column-list.sub li img {
      vertical-align: bottom;
      width: 100%;
      height: 144px;
      object-fit: cover;
  }

  .latest-box .date-category-wrap {
      margin: 0;
      text-align: center;
      background: #005FA3;
  }

  .latest-box .column-list.sub .date {
      color: #fff;
  }

  .latest-box .column-list.sub .title {
      padding: 10px;
      background: #daedf2;
      text-align: left;
  }



  /* カテゴリ一覧 */
  .icon_gene {
      width: 70px;
      vertical-align: bottom;
  }

  .category-list-box .sub-title {
      margin: 0;
      font-size: 18px;
      color: #005FA3;
      border-top: 3px solid #005FA3;
      border-bottom: 3px solid #005FA3;
      line-height: 2;
  }

  .category-list-box {
      margin: 50px 3% 60px;
      text-align: center;
      border-bottom: 3px solid #005FA3;
  }

  .category-list-box .category-list {
      margin: 14px 0 20px;
      padding: 0;
      overflow: hidden;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }

  .category-list-box .category-list li {
      width: 48%;
      margin: 0 0 10px;
      line-height: 50px;
      float: left;
  }

  .category-list-box .category-list li:nth-child(odd) {
      margin: 0 3% 0 0;
  }

  .category-list-box .category-list a {
      display: block;
      font-size: 16px;
      color: #fff;
      background: #005FA3;
  }

  /* SNS */
  .fb-page {
      margin: 0 5%;
      width: 90%;
  }

  .twitter-timeline {
      width: 90% !important;
      margin: 40px 5% !important;
      border: 1px solid #ccc !important;
  }

  /* マイライフ */
  .mylife-box {
      margin: 0 3%;
      text-align: center;
  }

  .mylife-box .sub-title {
      margin: 0;
      font-size: 18px;
      color: #005FA3;
      border-top: 3px solid #005FA3;
      border-bottom: 3px solid #005FA3;
      line-height: 2;
  }

  .mylife-box .btn-buy {
      width: 100%;
      display: inline-block;
      margin: 20px 0 30px;
      background: #005FA3;
      color: #fff;
      font-size: 24px;
      line-height: 60px;
  }

  /* プライバシーマーク　*/
  .privacymark {
      margin: 30px 0 0;
      padding: 20px 3%;
      background: #e9e9e9;
      overflow: hidden;
  }

  .privacymark p {
      width: 70%;
      color: #4d4d4d;
      float: left;
      font-size: 11px;
      line-height: 1.8;
  }

  .privacymark img {
      width: 28%;
      float: right;
  }



 /*　                     */
/*　    お客様の声　       */
/*　                     */
.review-inner {

  width: 100%;
  margin: 0 auto;
}

.tab-large-wrap {
  margin: 0 5%;
  padding: 0;
  overflow: hidden;
  border-bottom: 5px solid #777777;
}

.tab-large:first-child {
  margin-right: .5%;
}

.tab-large:last-child {
  margin-left: .5%;
}

.tab-large {
  width: 49.5%;
  float: left;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  border-radius: 5px 5px 0 0;
}

.diet-inner .tab-on {
  color: #697ea3;
  background-color: #dce5f4;
}

.aging-inner .tab-on {
  color: #c0456d;
  background-color: #f4d0dc;
}

.tab-off {
  background-color: #e6e6e6;
}

.tab-off a {
  display: block;
  color: #999;
}

.tab-midium-wrap {
  display: block;
  margin: 10px 5% 30px;
  padding: 0;
  border: 1px solid #4d4d4d;
}

.tab-midium {
  display: block;
  padding: 0 6%;
  font-size: 16px;
  line-height: 40px;
}

.tab-midium a {
  display: block;
  padding: 0 0 0 28px;
  border-bottom: 1px dotted #999;
}

.tab-midium a:visited,
.tab-midium a:focus {
  color: #4d4d4d;
  text-decoration: none;
  outline: none;
}

.review-inner .content-title {
  margin: 0.67em 5% 20px;
  width: 90%;
  font-family: "marugame";
  color: #005fa3;
  line-height: 1.2;
  font-weight: normal;
}

.review-inner .content-title img {
  /* width: 33%; */
}

.tab-arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}

.tab-arrow::before,
.tab-arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 3px solid #8ca8da;
  border-right: 3px solid #8ca8da;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-tabs-active .ui-state-active .tab-arrow {
  text-decoration: underline !important;
}

.content-subtitle {
  margin: 0 3% 14px;
  width: 94%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 2;
  border-radius: 23px;
}

.diet-inner .content-subtitle {
    background-color: #005fa3;
}

.aging-inner .content-subtitle {
    background-color: #ed2063;
}

.diet-inner.content-subtitle {
    background-color: #005fa3;
}

.aging-inner.content-subtitle {
    background-color: #ed2063;
}

.review-img-wrap {
  margin: 0 0 30px 0;
  padding: 0;
  overflow: hidden;
}

.review-img-wrap li {
    display: block;
    margin: 0;
    padding: 20px 6%;
    overflow: hidden;
    border-bottom: 1px solid #888;
}

.review-img-wrap li img {
    margin: 10px 0 0;
    width: 40%;
}

.review-box {
    display: inline;
}

.review-img-wrap > li:nth-child(even) {
    background: #EDF7F5;
}

.review-img-wrap > li:nth-child(odd) {
    background: #F4F4F4;
}

.review-text {
    display: inline-block;
    font-size: 13px;
    color: #595757;
    line-height: 1.7;
    font-family: "marugame";
}

.review-user {
    margin: 10px 0 0 3%;
    padding: 0;
    width: 54%;
    font-size: 20px;
    color: #005FA3;
    float: right;
}

.review-user li {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: left;
    border-bottom: none;
}

.review-item dt img {
    width: 50%;
}

.review-item dd {
    margin: 0;
}

.review-item .item-name {
    font-size: 14px;
    color: #005FA3;
    display: block;
    text-decoration: underline;
}

.review-item .btn-item-page {
    margin: 6px 0 0;
    padding: 4px 10px;
    border-radius: 3px;
    float: right;
    display: block;
    color: #fff;
    background: #005FA3;
}

/*　ページャー　*/
.page_navigation {
    text-align: center;
    margin: 0 0 30px 0;
}

.page_link,
.previous_link,
.next_link
 {
  margin: 0 .2em;
}

.page_link:hover,
.previous_link:hover,
.next_link:hover {
  text-decoration: underline;
}

.page_navigation .active_page {
    color:#8ca8da;
    font-weight: bold;
}

.page_navigation .page_link,
.page_navigation .previous_link,
.page_navigation .next_link {
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #005FA3;
    border: 1px solid #888;
    line-height: 40px;
}

.page_navigation .active_page {
    width: 40px;
    height: 40px;
    display: inline-block;
    color: #888;
    background: #fff;
    border: 1px solid #888;
    line-height: 40px;
}

/* １ページの目の時は「前へ」、最後のページの時は「次へ」ボタンを表示しない */
.page_navigation .previous_link.no_more,
.page_navigation .next_link.no_more
{
    display: none;
}

/* 「次のページ」ボタン用のページネーションカスタム */
.page_navigation.next-page {
    margin: 0 0 20px;
}

.page_navigation.next-page .ellipse.less,
.page_navigation.next-page .ellipse.more,
.page_navigation.next-page .c {
    display: none !important;
}

.page_navigation .ellipse.less,
.page_navigation .ellipse.more,
.page_navigation .c {
    display: none !important;
}

.page_navigation.next-page .page_link,
.page_navigation.next-page .previous_link {
    display: none !important;
}

.page_navigation .page_link {
    display: inline-block !important;
}

.page_navigation.next-page .next_link {
    width: 90%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #005FA3;
}

.page_navigation.next-page .next_link::after {
    content: '次のページ';
    color: #fff;
    margin: 0 0 0 -1em;
}

/* SNSシェアボタン */
    .sns-box {
        margin: 0 auto 40px;
        text-align: center;
    }

    .fa-twitter-square {
        color: #333;
        font-size: 70px;
    }

    .fa-facebook-square {
        color: #333;
        font-size: 70px;
    }

    .sns-fb,
    .sns-twitter {
        margin: 0 1%;
        display: inline-block;
        vertical-align: bottom;
    }

    .sns-hatena {
        margin: 0 1%;
        display: inline-block;
        background: #333;
        border-radius: 8px;
        vertical-align: sub;
    }

    /* 解析遅延のお知らせ */
    .analysis-delay{
      margin:10px auto 0 auto;
      width: 90%;
      padding: 10px;
    }

    /* プレスリリース */
    .press-release-empty {
      text-align: center;
      padding: 60px 0 90px;
      color: #9D9D9D;
      font-size: 16px;
    }

}