@charset "UTF-8";

/* ----------------------------
ここから追記分
----------------------------- */

section:first-of-type{padding-top: 0; padding-bottom:0;}
/*  アイコン  */
          header .member_type ul.memberType_navi li span.icon_red::before {
            background-image: url("../img/icon_memberType_01.svg");
            background-size: contain; }
          header .member_type ul.memberType_navi li span.icon_purple::before {
            background-image: url("../img/icon_memberType_02.svg");
            background-size: contain; }
          header .member_type ul.memberType_navi li span.icon_green::before {
            background-image: url("../img/icon_memberType_03.svg");
            background-size: contain; }
/*  flexbox  */
.flexwrap {
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
}
@media (max-width: 770px){
.flexbox {
display: flex;
flex-wrap: wrap;
}
/* .col-3{
    width: 50%;
} */
#category .inner .unit ~ .unit, #detail .inner .unit ~ .unit {
    margin-top: 0;
}
}
/*  mrgn  */
.mrgn_o{height:20px;}
.mrgn_l{height:40px;}
.mrgn_m{height:60px;}
.mrgn_s{height:80px;}
/*  テキスト  */
.txt-center {
        text-align: center; }
.txt-right {
        text-align: right; }
/*  サイドナビ  #detailトリ　*/
.wrap .rightNavi {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    right: 0; }
.wrap .rightNavi p.title {
      padding: 15px 15px;
      background: #7689b0;
      color: #fff;
      font-weight: bold;
      font-size: 110%; }
.wrap .rightNavi .naviBox {
      background: #e6e9f0;
      padding: 25px 20px; }
      #detail .wrap .rightNavi .naviBox ul li {
        padding: 8px;
        padding-left: .8em;
        text-indent: -.8em;
        line-height: 1.2em; }
        #detail .wrap .rightNavi .naviBox ul li a {
          color: #0B2D73; }
          #detail .wrap .rightNavi .naviBox ul li a:before {
            content: "\f105";
            font-family: "Font Awesome 5 Free";
            color: #0B2D73;
            margin-right: 0.5em;
            font-weight: 900;
            font-size: 18px;
            margin-right: .2em;
            vertical-align: middle; }
.wrap .rightNavi .naviBox ul li.active {
          margin-left: -.5em;
          margin-right: -.5em;
          padding-left: 1.3em;
          text-indent: -.8em;
          background: #7689b0; }
.wrap .rightNavi .naviBox ul li.active a {
            color: #fff; }
.wrap .rightNavi .naviBox ul li.active a:before {
              content: "\f105";
              font-family: "Font Awesome 5 Free";
              color: #fff;
              margin-right: 0.5em;
              font-weight: 900;
              margin-right: .2em; }
.wrap .rightNavi .naviBox ul li + ul li {
          margin-left: 1em; }
/*  サイドナビ  　*/
.wrap .rightNavi .naviBox ul li + ul li{ margin-left:0!important;}
.wrap .rightNavi .naviBox ul > ul{ margin-left:1em;}
.wrap .rightNavi .naviBox li.active {
            margin-left: 0;
            padding-left: 1.8em;
            text-indent: -.8em;
            background: #7689b0; }
p.title a { 
            color:#fff;
            display:block;
 }
/*  アンカーリンク高さ調整  */
/*
.anch {
  padding-top:240px;
  margin-top:-240px;
}
*/
.inner .contents .inner {padding:0 5px;}
/*  floatbox  */
.floatBox::after {
          content: "";
          clear: both;
          display: block; }