@charset "utf-8";

html {
  /*overflow-x: hidden;*/
}

body.special.special-top {
  color: #553e2b;
}

.special-top .wrapper a,
.special-top main a {
  color: #553e2b;
}
.special-top .wrapper a:hover,
.special-top main a:hover {
  opacity: .7;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #553e2b;
}

/*---------- common ----------*/
/* inner */
.inner_1440{max-width:1440px;margin:auto}
.inner_1340{max-width:1340px;margin:auto}
.inner_480{max-width:480px;margin:auto}

/* btn */
.special a.btn-special-top{display:block;padding:20px 0;margin:auto;text-align:center;color:#fff;background:#ffa800;position:relative;font-size:16px;border-radius:30px;}
.special a.btn-special-top:hover{opacity:.7;color:#fff;}

/* clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}

/* slick */
.slick_container{position:relative}
.slick-slide{margin:0 10px;outline:none}
.slick-slide.slick-cloned{/*margin-right:0*/}
.slick-slide.slick-current{}
.slick-prev,.slick-next{position:absolute;display:block;width:76px;height:76px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;margin-top:-80px;padding:0;border:none;outline:none;}
.slick-prev:before,.slick-next:before{content:"";display:block;width:76px;height:76px;}
.slick-next{right:-40px}
.slick-prev{left:-40px}
.slick-next:before{background:url(/common/images/bunshun/v1/into-the-polar-night/ico_arrow_r@2x.png);background-size:cover;}
.slick-prev:before{background:url(/common/images/bunshun/v1/into-the-polar-night/ico_arrow_l@2x.png);background-size:cover;}
.slick-disabled{opacity:0}
.slick-dots{display:block;width:100%;padding:0;list-style:none;text-align:center;}
.slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:10px;height:10px;text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;border-radius:50%;content:""}
.slick-dots li.slick-active button:before{opacity:.75;color:black;}


/*---------- main ----------*/
/* header */
.special .header {
  border-bottom: 0px;
  background: none;
  min-width: auto;
  position: static;
}

@media only screen and (max-width: 767px) {
  .special .header {
    /* height: 55px; */
    /* padding: 15px 10px; */
    /* position: relative; */
    /* overflow: hidden; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100px;
    transition: .3s;
    z-index: 999;
    max-width: 100vw;
  }
  .special .header .logo-svg {
    display: block;
    width: 122px;
    /* height: 55px; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* margin: 18px auto; */
    margin: auto;
  }
  .special .header .logo-svg a {
    display: block;
    position: relative;
    height: auto;
    top: 17px;
  }
  .special .header .logo-svg a img {
    display: block;
    width: 100%;
    /* position: absolute; */
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

/* footer */
.special footer {
  min-width: auto;
}

/* wrapper */
.special-top .wrapper {
  background: linear-gradient(to bottom, #FFAA00, #FFDA71);
  top: 0;
}
.special-top .wrapper .inner {
  padding: 30px 0 60px;
  max-width: 100%;
  text-align: center;
}
.special-top .wrapper p.ttl-bunshun {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 26px;
  color: #fff;
}
.special-top .wrapper h1.ttl {
  font-size: 64px;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1;
  color: #fff;
}
.special-top .wrapper p.lead {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  line-height: 1.875;
}

@media only screen and (max-width: 767px) {
  .special-top .wrapper .inner {
    padding: 100px 20px 50px;
  }
  .special-top .wrapper p.ttl-bunshun {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .special-top .wrapper h1.ttl {
    font-size: 40px;
    margin-bottom: 20px;
    font-feature-settings: 'palt' 1;
  }
  .special-top .wrapper p.lead {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .special-top .wrapper p.logo {
    width: 214px;
    margin: auto;
  }
}

/* gnav */
.gnav{background:#ffa800;color:#fff;text-align:center;}
.gnav ul{display:table;text-align:center;width:100%;}
.gnav ul li{list-style-type:none;display:table-cell;font-size:20px;}
.gnav ul li span{font-size:15px;}
.gnav ul li a{width:100%;display:block;background:#ffa800;color:#fff;padding:27px 0;}
.gnav ul li a:hover{opacity:.5;color:#fff}

@media only screen and (max-width: 767px) {
  .gnav ul li{font-size:14px}
  .gnav ul li span{font-size:10px}
  .gnav ul li a{padding:14px 0}
}

@media only screen and (max-width: 375px) {
  .gnav ul li{font-size:12px;}
  .gnav ul li span{font-size:8px;}
}

@media only screen and (max-width: 320px) {
  .gnav ul li{font-size:10px;}
  .gnav ul li span{font-size:6px;}
}

/* special-backnumber */
@media only screen and (min-width: 768px) {
  .special-backnumber {
    margin-bottom: 90px;
  }
  .special-backnumber ul {
    margin-bottom: 60px;
  }
  .special-backnumber ul li {
    width: 50%;
    float: left;
    position: relative;
  }
  .special-backnumber ul li:hover {
    opacity: .7;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .special-backnumber ul li .img_wrap {
    height: 300px;
    width: 66.666666666%;
    object-fit: cover;
  }
  .special-backnumber ul li:nth-child(1) .img_wrap,
  .special-backnumber ul li:nth-child(2) .img_wrap,
  .special-backnumber ul li:nth-child(5) .img_wrap,
  .special-backnumber ul li:nth-child(6) .img_wrap,
  .special-backnumber ul li:nth-child(9) .img_wrap,
  .special-backnumber ul li:nth-child(10) .img_wrap {
    float: left;
  }
  .special-backnumber ul li:nth-child(3) .img_wrap,
  .special-backnumber ul li:nth-child(4) .img_wrap,
  .special-backnumber ul li:nth-child(7) .img_wrap,
  .special-backnumber ul li:nth-child(8) .img_wrap {
    float: right;
  }
  .special-backnumber ul li .txt_box {
    padding: 40px 2.777777777% 0;
    width: 33.333333333%;
    float: left;
    position: relative;
  }
  .special-backnumber ul li .txt_box p.category_name {
    color: #ffa800;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 30px;
  }
  .special-backnumber ul li .txt_box h2 {
    font-size: 16px;
    line-height: 1.875;
  }
}

@media only screen and (max-width: 767px) {
  .special-backnumber {
    margin-bottom: 60px;
  }
  .special-backnumber ul {
    margin-bottom: 40px;
  }
  .special-backnumber ul li {
    position: relative;
    clear: both;
    overflow: hidden;
    height: 150px;
    border-bottom: 1px solid #ffe18d
  }
  .special-backnumber ul li:hover {
    opacity: .7;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .special-backnumber ul li .img_wrap {
    height: 150px;
    width: 150px;
    position: absolute;
    top: 0
  }
  .special-backnumber ul li:nth-child(odd) .img_wrap {
    float: left;
    left: 0
  }
  .special-backnumber ul li:nth-child(even) .img_wrap {
    float: right;
    right: 0
  }
  .special-backnumber ul li .txt_box {
    padding: 28px 2.777777777% 0;
    float: left;
    position: relative;
  }
  .special-backnumber ul li:nth-child(odd) .txt_box {
    margin-left: 150px
  }
  .special-backnumber ul li:nth-child(even) .txt_box {
    /* margin-right: 150px; */
    width: 100%;
    padding: 0 150px 0 0;
    padding: 28px 150px 0 2.777777777%;
  }
  .special-backnumber ul li .txt_box p.category_name {
    color: #ffa800;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 20px;
  }
  .special-backnumber ul li .txt_box h2 {
    font-size: 14px;
    line-height: 1.714;
  }
}

/* lifenet */
.special-backnumber ul li.lifenet .txt_box {
  background: url(/common/images/bunshun/v1/medical-201712/bg_lifenet@2x.png) top right no-repeat;
  background-size: 60px 60px;
}
.special-backnumber ul li.lifenet p.category_name {
  color: #8fc31f;
}
.logo_lifenet {
  position: absolute;
  bottom: 20px;
  right: 10px;
}
@media only screen and (max-width: 767px) {
  .special-backnumber ul li.lifenet .txt_box {
    background: url(/common/images/bunshun/v1/medical-201712/bg_lifenet@2x.png) top right 150px no-repeat;
    background-size: 60px 60px;
  }

  .logo_lifenet {
    bottom: 10px;
    right: 170px;
  }
}

/* btn */
.btn_link {
  padding: 0 20px
}

/* fm-block */
@media only screen and (min-width: 768px) {
  .fm-block {
    padding: 52px 50px 58px;
  }
  .special .fm-block .btn-special-top {
    max-width: 310px;
    margin: initial;
  }
  .fm-block-1,
  .fm-block-3 {
    background: #ffe18d;
  }
  .fm-block .txt_box {
    width: 25.925925925%;
  }
  .fm-block-1 .txt_box,
  .fm-block-3 .txt_box {
    float: left;
  }
  .fm-block-2 .txt_box,
  .fm-block-4 .txt_box {
    float: right;
  }
  .fm-block .txt_box p.category_name {
    font-size: 16px;
    color: #ffa800;
    margin-bottom: 1em;
    line-height: 1;
  }
  .fm-block .txt_box h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 1em;
    font-weight: bold;
  }
  .fm-block .txt_box p.lead {
    font-size: 16px;
    line-height: 1.875;
    margin-bottom: 36px;
  }
  .fm-block ul.fm-post-wrap {
    width: 65.925925925%;
  }
  .fm-block.fm-block-1 ul.fm-post-wrap,
  .fm-block.fm-block-3 ul.fm-post-wrap {
    float: right;
  }
  .fm-block.fm-block-2 ul.fm-post-wrap,
  .fm-block.fm-block-4 ul.fm-post-wrap {
    float: left;
  }
  .fm-block ul.fm-post-wrap li {
    width: 30.337078651%;
    float: left;
    margin-right: 4.494382022%;
  }
  .fm-block ul.fm-post-wrap li a {
    color: #553e2b;
  }
  .fm-block ul.fm-post-wrap li:hover {
    opacity: .7;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .fm-block ul.fm-post-wrap li:last-child {
    margin-right: 0;
  }
  .fm-block ul.fm-post-wrap li .thumbnail {
    margin-bottom: 20px;
  }
  .fm-block ul.fm-post-wrap li h3 {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .fm-block ul.fm-post-wrap li .post_meta {
    font-size: 12px
  }
}

@media only screen and (max-width: 767px) {
  .fm-block {
    padding: 50px 20px 60px;
  }
  .special .fm-block .btn-special-top {
    max-width: 310px;
    margin: auto;
  }
  .fm-block-1,
  .fm-block-3 {
    background: #ffe18d;
  }
  .fm-block .txt_box {
  }
  .fm-block-1 .txt_box,
  .fm-block-3 .txt_box {
  }
  .fm-block-2 .txt_box,
  .fm-block-4 .txt_box {
  }
  .fm-block .txt_box p.category_name {
    font-size: 16px;
    color: #ffa800;
    margin-bottom: 30px;
    line-height: 1;
  }
  .fm-block .txt_box h2 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 30px;
    font-weight: bold;
  }
  .fm-block .txt_box p.lead {
    font-size: 15px;
    line-height: 1.875;
    margin-bottom: 36px;
  }
  .fm-block ul.fm-post-wrap {
  }
  .fm-block.fm-block-1 ul.fm-post-wrap,
  .fm-block.fm-block-3 ul.fm-post-wrap {
  }
  .fm-block.fm-block-2 ul.fm-post-wrap,
  .fm-block.fm-block-4 ul.fm-post-wrap {
  }
  .fm-block ul.fm-post-wrap li {
    width: 100%;
    margin-bottom: 40px;
  }
  .fm-block ul.fm-post-wrap li a {
    color: #553e2b;
  }
  .fm-block ul.fm-post-wrap li:hover {
    opacity: .7;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .fm-block ul.fm-post-wrap li:last-child {
    margin-right: 0;
  }

  .fm-block ul.fm-post-wrap li .thumbnail {
    margin-bottom: 20px;
  }
  .fm-block ul.fm-post-wrap li .thumbnail img {
    width: 100%
  }
  .fm-block ul.fm-post-wrap li h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
  }
  .fm-block ul.fm-post-wrap li .post_meta {
    font-size: 14px
  }
}


/* contributor */
.contributor {
  text-align: center;
  background: #ffe18d;
  padding: 40px 0 0;
  height: 360px;
}
.contributor h3 {
  font-size: 24px;
  font-weight: bold;
  color: #ffa800;
  line-height: 1;
  margin-bottom: 60px;
}
.contributor ul li {
  position: relative;
  margin: 0 30px;
}
.contributor ul li .thumbnail {
  margin-bottom: 20px;
  display: block;
}
.contributor ul li h4 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
}
.contributor ul li .post_meta {
  font-size: 12px;
  max-width: 140px;
}
.contributor ul li .article-header-author-icon {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin: auto;
  border-radius: 50%;
}
.contributor .slick-next, .contributor .slick-prev {
  z-index: 1;
  margin-top: -65px
}

.contributor .slick-next {
  right: 40px
}

.contributor .slick-prev {
  left: 40px
}

.contributor .slick-next:before {
  background: url(/common/images/bunshun/v1/medical-201712/ico_arrow_w_r@2x.png);
  background-size: cover;
}

.contributor .slick-prev:before {
  background: url(/common/images/bunshun/v1/medical-201712/ico_arrow_w_l@2x.png);
  background-size: cover;
}


/* share */
.share {
  text-align: center;
  background: url(/common/images/bunshun/v1/medical-201712/bg_share.png);
  background-size: cover;
  padding: 100px 0 0;
  height: 380px;
}
.share h3 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  margin-bottom: 60px;
}
.share ul.share-list {
  text-align: center;
}
.share ul.share-list li {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 35px
}
.share ul.share-list li a {
  width: 50px;
  height: 50px;
  display: block;
}
.share ul.share-list li img {
  width: 100%;
  height: auto;
}


/*---------- media query ----------*/
@media only screen and (min-width: 768px) {
  .show_pc{display:block}
  .show_sp{display:none}
}

@media only screen and (max-width: 767px) {
  .show_pc{display:none}
  .show_sp{display:block}
}

/* 記事ページのCSS */
.medical-2017 a{
  color:#333;
}
.medical-2017 .article-tags a {
  color: #2379ca;
}
.medical-2017 a.header-panel__kws__link{
  color: #fff;
}
.medical-2017 a:hover{
  color: #F73B3B;
  opacity:1;
}
.medical-2017 .article-kanban .cat-title a{background-color:rgba(255,168,0,0.8);color:#fff;font-size:20px;padding:10px 30px;display:block;}

.medical-2017-logo{text-align:right;margin-bottom:20px;}
.medical-2017-logo .small{font-size:12px;margin-right:10px;line-height:30px;}
.medical-2017-logo img{width:80px;vertical-align:top;}

.medical-2017 .article.special{margin-bottom:40px;border-style:none;padding-top:0;}
.medical-2017 .article.special .heading .sub{display:block;font-size:12px;letter-spacing:.05em;margin-bottom:5px;}
.medical-2017 .article.special .heading .main{display:block;font-size:32px;font-weight:bold;letter-spacing:-1px;}

.medical-2017 .article{padding-top:20px;border-top:solid 1px #ccc;}
.medical-2017 .article .heading{margin-bottom:20px;font-size:18px;}
.medical-2017 .article ul li{margin-bottom:25px;}
.medical-2017 .article ul li .icon{display:block;margin-bottom:10px;}
.medical-2017 .article ul li .icon img{width:300px;}
.medical-2017 .article ul li .title{display:block;line-height:1.4;}

.sub-column.medical-2017 a{color:#333;}
.sub-column.medical-2017 .more{display:block;margin-top:20px;}
.sub-column.medical-2017 .more a{display:block;background:#ffa800;color:#fff;text-align:center;border-radius:30px;padding:20px 0;line-height:1;}