@media screen and (min-width: 768px) {
  .pc {
    display :block;
  }
  .sp {
    display :none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display :none !important;
  }
  .sp {
    display :block;
  }
}

body.modal-Open_notsc {
  overflow :hidden;
  width :100%;
  height :100%;
  left :0;
  position :fixed;
}

.btn {
  max-width :320px;
  width :100%;
  height :60px;
  margin :40px auto 0;
}
.btn a {
  position :relative;
  text-align :center;
  width :100%;
  height :100%;
  line-height :60px;
  color :#fff;
  background :#a77625;
  font-size :16rem;
  font-weight :bold;
}
.btn a:after {
  content :"";
  display :block;
  position :absolute;
  top :calc(50% - 5px);
  right :12px;
  width :8.5px;
  height :8.5px;
  border-top :2px solid #fff;
  border-right :2px solid #fff;
  -webkit-transform :rotate(45deg);
      -ms-transform :rotate(45deg);
          transform :rotate(45deg);
}
.btn a:hover {
  opacity :.9;
}
.btn.large {
  height :80px;
}
.btn.large a {
  line-height :80px;
  font-size :18rem;
}
.btn.large a:after {
  right :16px;
}

.contents_wide {
  width :100%;
}

.footer_top {
  color :#fff;
  background-color :#080c42;
}

@media (min-width: 768px) {
  .footer_logo {
    width :150px;
    text-align :center;
    margin-right :40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
  .footer_logo {
    margin-right :30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .footer_logo {
    margin :0 auto 30px;
  }
}

@media (min-width: 768px) {
  .footer_logo_txt {
    font-size :10rem;
    margin-bottom :10px;
    display :block;
  }
}

@media (min-width: 768px) {
  .footer_inner {
    width :90%;
    max-width :1200px;
    padding :30px 0 37px;
    margin :auto;
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .footer_inner {
    -webkit-box-orient :vertical;
    -webkit-box-direction :normal;
    -webkit-flex-direction :column;
        -ms-flex-direction :column;
            flex-direction :column;
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
  }
}

.footer_main {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}
@media (min-width: 768px) {
  .footer_main li {
    margin :0 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
  .footer_main li {
    margin :0 15px;
  }
}
@media (max-width: 767px) {
  .footer_main li {
    width :50%;
    border-bottom :1px solid #353858;
  }
}
@media (max-width: 767px) {
  .footer_main li:nth-child(odd) {
    border-right :1px solid #353858;
  }
}
@media (min-width: 768px) {
  .footer_main li a {
    font-size :16rem;
    font-weight :bold;
  }
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
  .footer_main li a {
    font-size :15rem;
  }
}
@media (max-width: 767px) {
  .footer_main li a {
    font-size :14rem;
    padding :13px 20px;
  }
}
.footer_main li:first-child {
  margin-left :0;
}
.footer_main li:last-child {
  margin-right :0;
}

@media (min-width: 768px) {
  .footer_other {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    margin-top :27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .footer_other {
    -webkit-box-pack :center;
    -webkit-justify-content :center;
    -ms-flex-pack :center;
            justify-content :center;
  }
}

.footer_other_list {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
}
@media (max-width: 767px) {
  .footer_other_list {
    color :#8e8e8e;
    font-weight :normal;
  }
}
@media (min-width: 768px) {
  .footer_other_list li {
    font-size :12rem;
    padding :0 20px;
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
    position :relative;
  }
}
@media (min-width: 768px) {
  .footer_other_list li:first-child {
    padding-left :0;
  }
}
@media (min-width: 768px) {
  .footer_other_list li:last-child {
    padding-right :0;
  }
}
@media (min-width: 768px) {
  .footer_other_list li:last-child:after {
    display :none;
  }
}
@media (min-width: 768px) {
  .footer_other_list li:after {
    content :"|";
    display :block;
    position :absolute;
    right :0;
    top :0;
    color :#8e8e8e;
  }
}
.footer_other_list li a {
  color :#8e8e8e;
}

@media (min-width: 768px) {
  .footer_nav {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-pack :justify;
    -webkit-justify-content :space-between;
    -ms-flex-pack :justify;
            justify-content :space-between;
    width :84%;
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .footer_nav {
    width :auto;
    -webkit-box-orient :vertical;
    -webkit-box-direction :normal;
    -webkit-flex-direction :column;
        -ms-flex-direction :column;
            flex-direction :column;
  }
}

@media (max-width: 767px) {
  .footer_btn {
    margin :auto;
    width :90%;
    padding :20px 0;
  }
}

.footer_btn ul {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .footer_btn ul {
    margin-top :30px;
  }
}
@media (max-width: 767px) {
  .footer_btn ul {
    -webkit-box-pack :justify;
    -webkit-justify-content :space-between;
    -ms-flex-pack :justify;
            justify-content :space-between;
  }
}

@media (min-width: 768px) {
  .footer_btn li {
    font-size :13rem;
  }
}

@media (max-width: 767px) {
  .footer_btn li {
    width :100%;
    font-size :16rem;
  }
}

@media (min-width: 768px) {
  .footer_btn li:first-child {
    margin-bottom :20px;
    margin-right :20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
  .footer_btn li:first-child {
    margin-right :10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .footer_btn li:first-child {
    margin-bottom :0;
  }
}

.footer_btn li a {
  font-weight :bold;
  color :#fff;
  background-color :#a77625;
}
@media (min-width: 768px) {
  .footer_btn li a {
    padding :16px 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
  .footer_btn li a {
    padding :16px 25px;
  }
}
@media (max-width: 767px) {
  .footer_btn li a {
    width :100%;
    text-align :center;
    padding :15px 0;

  }
}

.footer_bottom {
  color :#2b2b2b;
  background-color :#f2f2f2;
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :center;
  -webkit-justify-content :center;
  -ms-flex-pack :center;
          justify-content :center;
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
  padding :20px 0;
}
@media (min-width: 768px) {
  .footer_bottom_logo {
    width :96px;
    margin-right :30px;
  }
}
@media (max-width: 767px) {
  .footer_bottom_logo {
    max-width :70px;
    margin :0 15px;
  }
}
.footer_bottom_line {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
}
.footer_bottom_line li {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
  position :relative;
}
@media (min-width: 768px) {
  .footer_bottom_line li {
    font-size :14rem;
    padding :0 20px;
  }
}
@media (max-width: 767px) {
  .footer_bottom_line li {
    font-size :12rem;
    padding :0 20px;
  }
}
.footer_bottom_line li:first-child {
  padding-left :0;
}
.footer_bottom_line li:last-child {
  padding-right :0;
}
.footer_bottom_line li:last-child:after {
  display :none;
}
.footer_bottom_line li:after {
  content :"|";
  display :block;
  position :absolute;
  right :0;
  top :0;
  color :#8e8e8e;
}

.footer_copy {
  font-size :10rem;
}

#header {
  width :100%;
  position :fixed;
  top :0;
  background-color :#fff;
  z-index :9999;
}
@media (min-width: 768px) {
  #header {
    height :140px;
    -webkit-box-shadow :0px 3px 6px rgba(0, 0, 0, .16);
            box-shadow :0px 3px 6px rgba(0, 0, 0, .16);
  }
}
@media (max-width: 767px) {
  #header {
    height :67px;
  }
}

@media (min-width: 768px) {
  .header_logo {
    width :8%;
    max-width :150px;
    margin :10px 0 30px 40px;
  }
}

@media (max-width: 1100px) {
  .header_logo {
    width :12%;
    max-width :150px;
    margin :10px 0 30px 10px;
  }
}

@media (min-width: 1101px) {
  .header_logo {
    width :12%;
    max-width :150px;
    margin :38px 0 30px 40px;
  }
}

@media (max-width: 767px) {
  .header_logo {
    width :100%;
    margin :0;
    max-width :196px;
  }
}

.header_logo_txt {
  display :block;
  font-size :10rem;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .header_logo_txt {
    text-align :center;
    margin-bottom :10px;
  }
}
@media (max-width: 767px) {
  .header_logo_txt {
    margin-bottom :2px;
  }
}
@media (max-width: 767px) {
  .header_logo_item img{
    height: 30px;
  }
}

@media (min-width: 768px) {
  .header_nav {
    min-width: 920px;
    position :fixed;
    z-index :9999;
    top :0;
    right :0;
  }
}

@media (max-width: 767px) {
  .header_nav {
    height :calc(100% - 67px);
    max-height :600px;
    position :fixed;
    top :67px;
    right :0;
    background-color :#fff;
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-orient :vertical;
    -webkit-box-direction :normal;
    -webkit-flex-direction :column;
        -ms-flex-direction :column;
            flex-direction :column;
    -webkit-transform :translateX(200%);
        -ms-transform :translateX(200%);
            transform :translateX(200%);
    -webkit-transition :.5s;
            transition :.5s;
    overflow-y :scroll;
    z-index :9998;
  }
}







.header_nav.open {
  -webkit-transform :translateX(0);
      -ms-transform :translateX(0);
          transform :translateX(0);
}

@media (min-width: 768px) {
  .header_inner {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-pack :justify;
    -webkit-justify-content :space-between;
    -ms-flex-pack :justify;
            justify-content :space-between;
  }
}

@media (max-width: 767px) {
  .header_inner {
    padding :10px;
    -webkit-box-shadow :0px 3px 6px rgba(0, 0, 0, .16);
            box-shadow :0px 3px 6px rgba(0, 0, 0, .16);
    z-index :9999;
    position :relative;
  }
}

@media (min-width: 768px) {
  .header_other {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
    -webkit-box-pack :end;
    -webkit-justify-content :flex-end;
    -ms-flex-pack :end;
            justify-content :flex-end;
  }
}

@media (max-width: 767px) {
  .header_other {
    -webkit-box-ordinal-group :3;
    -webkit-order :2;
    -ms-flex-order :2;
            order :2;
  }
}

@media (min-width: 768px) {
  .header_other_list {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    margin-top: 7px;
  }
}

@media (min-width: 768px) {
  .header_other_list li {
    font-size :12rem;
    padding :0 20px;
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
    position :relative;
  }
}

@media (max-width: 767px) {
  .header_other_list li {
    font-size :13rem;
  }
}

@media (max-width: 767px) {
  .header_other_list li {
    border-bottom :1px solid #b2b2b2;
  }
}

@media (min-width: 768px) {
  .header_other_list li:first-child {
    padding-left :0;
  }
}

@media (min-width: 768px) {
  .header_other_list li:last-child {
    padding-right :0;
  }
}

@media (min-width: 768px) {
  .header_other_list li:last-child:after {
    display :none;
  }
  .header_other_list li:nth-child(3):after {
    display :none;
  }

  .header_other_list li:nth-child(3) {
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .header_other_list li:after {
    content :"|";
    display :block;
    position :absolute;
    right :0;
  }

  .header_other_list .head_search_area li:after {
    content :""!important;
  }

}

.header_other_list li a {
  color :#707070;
}
@media (max-width: 767px) {
  .header_other_list li a {
    padding :20px;
  }
}

.header_btn {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
}
@media (min-width: 768px) {
  .header_btn li {
    font-size :13rem;
  }
}
@media (max-width: 767px) {
  .header_btn li {
    font-size :17rem;
    width :100%;
  }
}

/* メルマガ */
.header_btn li a {
  background-color :#a77625;
}

.header_btn li a {
  font-weight :bold;
  color :#fff;
}
@media (min-width: 768px) {
  .header_btn li a {
    padding :16px 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .header_btn li a {
    padding :16px 20px;
  }
}
@media (max-width: 767px) {
  .header_btn li a {
    text-align :center;
    padding :35px 0 38px;
  }
}

@media (min-width: 768px) {
  .header_main {
    margin-top :28px;
    margin-right :40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 840px) {
  .header_main {
    margin-right :30px;
  }
}

@media (max-width: 767px) {
  .header_main {
    -webkit-box-ordinal-group :2;
    -webkit-order :1;
    -ms-flex-order :1;
            order :1;
  }
}

@media (min-width: 768px) {
  .header_main_list {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-pack :end;
    -webkit-justify-content :flex-end;
    -ms-flex-pack :end;
            justify-content :flex-end;
  }
}

@media (min-width: 768px) {
  .header_main_item {
    margin :0 18px;
  }


}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .header_main_item {
    margin :0 7px;
  }
}



@media (max-width: 767px) {
  .header_main_item {
    border-bottom :1px solid #b2b2b2;
  }
}

@media (min-width: 768px) {
  .header_main_item:first-child {
    margin-left :0;
  }
}

@media (min-width: 768px) {
  .header_main_item:last-child {
    margin-right :0;
  }
}

.header_main_item span {
  display :block;
  text-align :center;
  letter-spacing :1.1px;
}
.header_main_item span:first-child {
  font-weight :bold;
  font-size :16rem;
}
@media (min-width: 768px) {
  .header_main_item span:first-child {
    margin-bottom :4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 840px) {
  .header_main_item span:first-child {
    font-size :15rem;
  }
}
@media (max-width: 767px) {
  .header_main_item span:first-child {
    margin-right :10px;
  }
}
.header_main_item span:last-child {
  font-weight :bold;
  font-size :11rem;
}

@media (max-width: 767px) {
  .header_main_item a {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
    padding :15px;
  }
}

@media (min-width: 768px) {
  .header_main_item a:after {
    content :"";
    display :block;
    width :100%;
    height :5px;
    display :block;
    margin :12px auto 0;
    display :none;
  }
}

@media (min-width: 768px) {
  .header_active a:after {
    display :block;
  }
}

.header_home a,.header_whatsnew a {
  color :#080c42;
}
.header_home a:after,.header_whatsnew a:after {
  background-color :#080c42;
}
.header_monthly a {
  color :#d2691e;
}
.header_monthly a:after {
  background-color :#d2691e;
}

.header_column a {
  color :#388fe6;
}
.header_column a:after {
  background-color :#388fe6;
}

.header_interview a {
  color :#0aaf94;
}
.header_interview a:after {
  background-color :#0aaf94;
}

.header_newsflash a {
  color :#95922d;
}
.header_newsflash a:after {
  background-color :#95922d;
}

.hover_opa {
  -webkit-transition :.2s;
          transition :.2s;
}
.hover_opa:hover {
  opacity :.8;
}

.registration_wrap {
  background-color :#f2f2f2;
}
@media (min-width: 768px) {
  .registration_wrap {
    max-width :830px;
    padding :54px 0 60px;
    margin :60px auto 0;
  }
}
@media (max-width: 767px) {
  .registration_wrap {
    padding :40px 0 60px;
    margin :40px 10px 0;
  }
}

.registration_ttl {
  color :#080c42;
  font-weight :bold;
  text-align :center;
}
@media (min-width: 768px) {
  .registration_ttl {
    font-size :28rem;
    margin-bottom :16px;
  }
}
@media (max-width: 767px) {
  .registration_ttl {
    font-size :20rem;
    margin-bottom :21px;
  }
}

.registration_tx {
  font-size :16rem;
  text-align :center;
}
@media (min-width: 768px) {
  .registration_tx {
    margin-bottom :40px;
  }
}
@media (max-width: 767px) {
  .registration_tx {
    margin-bottom :24px;
  }
}

.registration_note {
  font-size :16rem;
  text-align :center;
  line-height :2;
}
@media (min-width: 768px) {
  .registration_note {
    margin-top :28px;
  }
}
@media (max-width: 767px) {
  .registration_note {
    margin-top :16px;
  }
}
.registration_note a {
  font-weight :bold;
  display :inline;
  color :#1d39d5;
  border-bottom :solid 1px;
}

.returnbtn {
  max-width :320px;
  width :100%;
  height :40px;
  margin :50px auto 0;
}
.returnbtn a {
  position :relative;
  text-align :center;
  width :100%;
  height :100%;
  line-height :40px;
  color :#fff;
  background-color :#777;
  font-size :16rem;
  font-weight :bold;
}
.returnbtn a:before {
  content :"";
  display :block;
  position :absolute;
  top :calc(50% - 5px);
  left :12px;
  width :8.5px;
  height :8.5px;
  border-bottom :2px solid #fff;
  border-left :2px solid #fff;
  -webkit-transform :rotate(45deg);
      -ms-transform :rotate(45deg);
          transform :rotate(45deg);
}
.returnbtn a:hover {
  opacity :.9;
}

.spnav_btn {
  width :30px;
  height :25px;
  position :absolute;
  top :50%;
  right :20px;
  -webkit-transform :translateY(-50%);
      -ms-transform :translateY(-50%);
          transform :translateY(-50%);
}
.spnav_btn span {
  display :block;
  position :absolute;
  top :10px;
  width :100%;
  height :3px;
  background-color :#00008b;
  -webkit-transition :.3s;
          transition :.3s;
  -webkit-transform-origin :center;
      -ms-transform-origin :center;
          transform-origin :center;
}
@media (max-width: 767px) {
  .spnav_btn span:before,.spnav_btn span:after {
    content :"";
    display :block;
    position :absolute;
    right :0;
    width :100%;
    height :3px;
    background-color :#00008b;
    -webkit-transition :.3s;
            transition :.3s;
    -webkit-transform-origin :center;
        -ms-transform-origin :center;
            transform-origin :center;
  }
}
@media (max-width: 767px) {
  .spnav_btn span:before {
    top :-11px;
  }
}
@media (max-width: 767px) {
  .spnav_btn span:after {
    bottom :-11px;
  }
}
.spnav_btn.on span {
  background-color :transparent;
}
.spnav_btn.on span:before {
  top :0;
  -webkit-transform :rotate(45deg);
      -ms-transform :rotate(45deg);
          transform :rotate(45deg);
}
.spnav_btn.on span:after {
  top :0;
  -webkit-transform :rotate(-45deg);
      -ms-transform :rotate(-45deg);
          transform :rotate(-45deg);
}

.spnav_overlay {
  display :none;
  width :100%;
  height :100%;
  position :fixed;
  top :0;
  z-index :999;
  background-color :rgba(43, 43, 43, .6);
}

.tag_wrap {
  background-color :#f2f2f2;
}
@media (min-width: 768px) {
  .tag_wrap {
    padding :24px 15px 18px;
    margin-bottom :50px;
  }
}
@media (max-width: 767px) {
  .tag_wrap {
    padding :20px 16px 18px;
    margin :20px 10px 24px;
  }
}

.tag_ttl {
  text-align :center;
  font-weight :bold;
}
@media (min-width: 768px) {
  .tag_ttl {
    font-size :18rem;
    margin-bottom :22px;
  }
}
@media (max-width: 767px) {
  .tag_ttl {
    font-size :16rem;
    margin-bottom :20px;
  }
}

.tag_list {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
  -webkit-box-pack :center;
  -webkit-justify-content :center;
  -ms-flex-pack :center;
          justify-content :center;
}
@media (min-width: 768px) {
  .tag_list {
    -webkit-box-pack :center;
    -webkit-justify-content :center;
    -ms-flex-pack :center;
            justify-content :center;
  }
}
@media (min-width: 768px) {
  .tag_list li {
    margin :0 8px 16px;
  }
}
@media (max-width: 767px) {
  .tag_list li {
    margin :0 4px 12px;
  }
}
.tag_list a {
  font-weight :bold;
  background-color :#fff;
  color :#080c42;
}
@media (min-width: 768px) {
  .tag_list a {
    font-size :14rem;
    padding :10px 30px;
  }
}
@media (max-width: 767px) {
  .tag_list a {
    font-size :12rem;
    padding :6px 12px;
  }
}

@media (min-width: 768px) {
  .topicpath {
    padding :11px 0;
  }
}

@media (max-width: 767px) {
  .topicpath {
    padding :5px 0;
  }
}

.topicpath_list {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}
@media (min-width: 768px) {
  .topicpath_list {
    margin-left :80px;
  }
}
@media (max-width: 767px) {
  .topicpath_list {
    margin-left :10px;
  }
}
.topicpath_list a {
  font-weight :bold;
}
.topicpath_list li {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
}
@media (min-width: 768px) {
  .topicpath_list li {
    font-size :12rem;
  }
}
@media (max-width: 767px) {
  .topicpath_list li {
    font-size :10rem;
  }
}
.topicpath_list li:after {
  content :">";
  margin :0 3px;
}
.topicpath_list li:last-child:after {
  display :none;
}

.lowerpage_head .topicpath {
  width :100%;
  position :absolute;
  top :0;
  background-color :rgba(8, 37, 66, .5);
}
.lowerpage_head .topicpath a,.lowerpage_head .topicpath span {
  color :#fff;
}
.lowerpage_head .topicpath li:after {
  color :#fff;
}

.detail .topicpath {
  width :100%;
  background-color :#fafafa;
}

.whatsnew_archive {
  background-color :#f2f2f2;
}
@media (max-width: 767px) {
  .whatsnew_archive {
    width :94.67%;
    margin :20px auto;
  }
}

.whatsnew_list {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :center;
  -webkit-justify-content :center;
  -ms-flex-pack :center;
          justify-content :center;
}
@media (min-width: 768px) {
  .whatsnew_list {
    padding :20px 0;
  }
}
@media (max-width: 767px) {
  .whatsnew_list {
    -webkit-flex-wrap :wrap;
        -ms-flex-wrap :wrap;
            flex-wrap :wrap;
    padding :24px 0;
  }
}
.whatsnew_list li {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
}
.whatsnew_list li:after {
  content :"|";
  display :block;
}
.whatsnew_list li:first-child:before {
  content :"|";
  display :block;
}
.whatsnew_list a,.whatsnew_list span {
  font-size :18rem;
  padding :0 13px;
}
.whatsnew_list a {
  color :#1d39d5;
  font-weight :bold;
  text-decoration :underline;
}

@media (min-width: 768px) {
  .whatsnew_wrap {
    margin-top :10px;
  }
}

@media (max-width: 767px) {
  .whatsnew_wrap {
    width :94.67%;
    margin :0 auto;
  }
}

.whatsnew_group {
  border-bottom :1px solid #b2b2b2;
}
@media (min-width: 768px) {
  .whatsnew_group {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
    padding :20px 15px;
  }
}
@media (max-width: 767px) {
  .whatsnew_group {
    padding :16px 15px;
  }
}

.whatsnew_date {
  font-size :12rem;
}
@media (max-width: 767px) {
  .whatsnew_date {
    margin-bottom :9px;
  }
}
.whatsnew_date .new {
  font-weight :bold;
  margin-left :8px;
}

@media (min-width: 768px) {
  .whatsnew_txt {
    margin-left :18px;
  }
}

.whatsnew_txt a {
  color :#1d39d5;
  font-weight :bold;
  text-decoration :underline;
}
@media (min-width: 768px) {
  .whatsnew_txt a {
    font-size :18rem;
  }
}
@media (max-width: 767px) {
  .whatsnew_txt a {
    font-size :16rem;
  }
}

@media (min-width: 768px) {
  #wrapper {
    padding-top :140px;
  }
}

@media (max-width: 767px) {
  #wrapper {
    padding-top :67px;
  }
}


/****/
/* h9 追加css */
/****/

/ 右エリア */

/* マンスリー特集 */

.monthly_box {
  margin-bottom :50px;
  border :2px solid #f2f2f2;
}

.monthly_box .monthly_list {
  padding :0 10px;
}

.monthly_box .monthly_list li {
  margin-bottom :10px;
  padding-top :15px;
}

.monthly_box .monthly_list li + li {
  border-top :1px solid #b2b2b2;
}

.monthly_box .monthly_list li .new_date {
  font-weight :bold;
  font-size :12rem;
}

.monthly_box .monthly_list li .new_ttl {
  margin-top :5px;
  font-size :14rem;
}

/* 人気記事ランキング */
.side_article_list .icon_rank{
  margin-top: -6px;
}

.populer_ranking_box .side_article_date{
  padding-top: 6px;
}


/* 注目のキーワード */
.monthly_box .kyeword_list{
  margin-top:10px;
  padding: 0;
}


/* 最新の特集 */
 .new_special{
  position: relative;
}

 .monthly_box img{
  width: 100%;
}


 .new_special p{
  position: absolute;
  background: #fff;
}

 .new_special .sp_date{
  left:10px;
  bottom: 10px;
  text-align: center;
  padding:5px 10px 3px 10px;
  line-height: 180%;
}

.new_special .sp_date span.md_year{
  font-size: 14rem;
  display: block;
}

 .new_special .sp_date span.md_month{
  font-size: 40rem;
}

 .new_special .sp_title{
  left:75px;
  bottom: 10px;
  font-size: 20rem;
  padding: 6px 10px 6px 10px;
  max-width: 235px;
  line-height: 140%;
  font-weight: bold;
}

.right_box  .new_special .sp_title{
  left:10px;
}



/ トップへ戻るボタン */

#pagetop{
  display: none;
	position: fixed;
	bottom: 18px;
	right: 20px;
	z-index:500;
}