.featurepage-sns-box {
    padding: 12px 0
}

#yearend {
    background: #eaeaea
}

#yearend .inner {
    width: 980px;
    margin: 0 auto
}

#yearend .block {
    padding: 3em 0
}

#yearend img {
    max-width: 100%
}

#yearend p {
    font-size: 1em;
    line-height: 1.6em;
    padding-bottom: 1em
}

#yearend a,
#yearend a:visited {
    -webkit-transition: 0.2s ease-out all;
    -moz-transition: 0.2s ease-out all;
    -o-transition: 0.2s ease-out all;
    transition: 0.2s ease-out all;
    color: #333
}

#yearend #headline {
    overflow: hidden;
    padding: 0;
    position: relative;
    background: #009FE8;
    background: -webkit-linear-gradient(#009FE8 30%, #3F51B5);
    background: -moz-linear-gradient(#009FE8 30%, #3F51B5);
    background: -o-linear-gradient(#009FE8 30%, #3F51B5);
    background: -ms-linear-gradient(#009FE8 30%, #3F51B5);
    background: linear-gradient(#009FE8 30%, #3F51B5)
}

#yearend #headline:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: ""
}

#yearend #headline .inner {
    min-height: 180px
}

#yearend #headline .inner:after {
    content: "";
    background-image: url(../images/headline/bg-illust.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 980px;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0
}

#yearend #headline .inner:before {
    content: "";
    background-image: url("../images/headline/bgx300.png");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite
}

#yearend .tit {
    z-index: 5;
    font-size: 3.4em;
    font-weight: 700;
    color: #FFF;
    line-height: 1em;
    margin: 0 0 1.3em;
    display: block;
    letter-spacing: 1px;
    text-align: center
}

#yearend .tit span {
    background-color: #C00;
    color: #fff;
    padding: 4px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1em
}

#yearend .Slc-title .inline {
    text-align: center;
    overflow: hidden;
    padding: 12px 24px 12px 0
}

#yearend .Slc-title .inline:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#yearend .Slc-title .inline:before {
    top: 0;
    left: 0
}

#yearend .Slc-title .icon {
    padding: 1em;
    display: block
}

#yearend .Slc-title .h3 {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    margin-top: 0;
    word-break: break-all;
    font-size: 42px;
    width: 42px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: inline
}

#yearend .Slc-data {
    margin-bottom: 24px
}

#yearend .Slc-data p {
    padding: 10px 18px 0;
    margin-bottom: 0
}

#yearend .Slc-data p:last-child {
    padding-bottom: 12px
}

.p_tit {
    font-weight: 700
}

.p_tit:before {
    content: '';
    width: 0%;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 12px;
    bottom: 0;
    -webkit-transition: 0.2s ease-out all;
    -moz-transition: 0.2s ease-out all;
    -o-transition: 0.2s ease-out all;
    transition: 0.2s ease-out all
}

#yearend .Slc-data .cap {
    line-height: 1.6em
}

#yearend .Slc-data a {
    background: #fff;
    width: 100%;
    display: inline-block;
    box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.05), 2px 2px 2px 2px rgba(0, 0, 0, 0.05), 4px 4px 4px 4px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.2s ease-out all;
    -moz-transition: 0.2s ease-out all;
    -o-transition: 0.2s ease-out all;
    transition: 0.2s ease-out all
}
.no_shadow .rslides{
    background-color: #fff;
}
.no_shadow a{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

/*#yearend .Slc-data a:hover {
    box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.05), 2px 2px 2px 2px rgba(0, 0, 0, 0.05), 4px 4px 4px 4px rgba(0, 0, 0, 0.05), 6px 6px 6px 6px rgba(0, 0, 0, 0.05), 8px 8px 8px 8px rgba(0, 0, 0, 0.05)
}*/
#yearend .Slc-data a:hover{
  color: #09f;
}

/*#yearend .Slc-data a:hover .p_tit:before {
    width: calc(100% - 24px)
}*/

#yearend #pickup {
    background-color: #ffabff;
    background-image: -webkit-linear-gradient(top left, #ffabff, #ff78ff);
    background-image: linear-gradient(to bottom right, #ffabff, #ff78ff)
}

#yearend #pickup .h2 {
    margin-top: 0;
    text-align: center;
    color: #fff;
    padding-bottom: .5em;
    font-size: 36px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.38);
    font-weight: 700
}

#yearend #pickup .h3 {
    text-align: center;
    color: #780078;
    font-weight: 700;
    padding-bottom: .5em
}

#yearend #pickup .Slc-data .p_tit:before {
    background: #ff12ff;
    background-image: -webkit-linear-gradient(left, #ff45ff, #ffdeff);
    background-image: linear-gradient(to right, #ff45ff, #ffdeff);
    height: 2px
}

#yearend #comedy span.tag {
    background: #ff6c00;
    border-radius: 50px;
    padding: 1px 12px;
    color: #fff
}

#yearend #comedy .Slc-title .inline .h3 {
    color: #ff6c00
}

#yearend #comedy .Slc-title .inline:before {
    border-top: 2px solid #ff6c00;
    border-left: 2px solid #ff6c00
}

#yearend #comedy .Slc-data .p_tit:before {
    background: #ff6c00
}

#yearend #col3 span.tag {
    background: #03a9f4;
    border-radius: 50px;
    padding: 1px 12px;
    color: #fff
}

#yearend #col3 .Slc-title .inline .h3 {
    color: #03a9f4
}

#yearend #col3 .Slc-title .inline:before {
    border-top: 2px solid #03a9f4;
    border-left: 2px solid #03a9f4
}

#yearend #col3 .Slc-data .p_tit:before {
    background: #03a9f4
}

#yearend #adult .Slc-title .inline .h3 {
    color: #916ad2
}

#yearend #adult .Slc-title .inline:before {
    border-top: 2px solid #916ad2;
    border-left: 2px solid #916ad2
}

#yearend #adult .Slc-data .p_tit:before {
    background: #916ad2
}

#yearend #sport .Slc-title .inline .h3 {
    color: #c00
}

#yearend #sport .Slc-title .inline:before {
    border-top: 2px solid #c00;
    border-left: 2px solid #c00
}

#yearend #sport .Slc-data .p_tit:before {
    background: #c00
}

#yearend .rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

#yearend .rslides li {
    float: left;
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

#yearend .rslides li:first-child {
    position: relative;
    display: block;
    float: left
}

#yearend .rslides img {
    display: block;
    height: auto;
    /*float: left;*/
    width: 100%;
    border: 0
}

#yearend .arrow_box {
    position: relative;
    background: #88b7d5;
    border: 1px solid #c2e1f5
}

#yearend .arrow_box:after,
#yearend .arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#yearend .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #88b7d5;
    border-width: 12px;
    margin-top: -12px
}

#yearend .arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #c2e1f5;
    border-width: 13px;
    margin-top: -13px
}

@keyframes snow {
    0% {
        background-position: 0px 0px
    }

    100% {
        background-position: 0px -600px
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px
    }

    100% {
        background-position: 0px -600px
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px
    }

    100% {
        background-position: 0px -600px
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px
    }

    100% {
        background-position: 0px -600px
    }
}

#yearend #headline {
    overflow: hidden;
    padding: 0;
    position: relative;
    background: #6899d9;
    background: -webkit-linear-gradient(#6899d9 30%, #abf2fd);
    background: -moz-linear-gradient(#6899d9 30%, #abf2fd);
    background: -o-linear-gradient(#6899d9 30%, #abf2fd);
    background: -ms-linear-gradient(#6899d9 30%, #abf2fd);
    background: linear-gradient(#6899d9 30%, #abf2fd)
}

#yearend #headline .inner:before {
    background-image: url(../images/2018/snowdust.png);
    background-size: cover;
    animation-duration: 80s
}

#yearend #headline .inner:after {
    background-image: none;
}

#yearend #headline:after {
    content: '';
    background-image: url(../images/2018/snowfield.png);
    background-position: bottom;
    background-repeat: repeat no-repeat;
    width: 100%;
    ;
    background-size: contain;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0
}

#yearend .h6,
#yearend h6 {
    margin-bottom: 0
}

#yearend #pickup {
    background-color: #e4eef6;
    background-image: -webkit-linear-gradient(top left, #e4eef6, #ffffff);
    background-image: linear-gradient(to bottom right, #e4eef6, #ffffff);
}

#yearend #pickup .h2 {
    color: #3884e8;
    text-shadow: 0px 1px 5px rgba(6, 113, 245, 0.65)
}

@keyframes snow {
    0 {
        background-position: 0 0
    }

    to {
        background-position: 0 2168px
    }
}

@-moz-keyframes snow {
    0 {
        background-position: 0 0
    }

    to {
        background-position: 0 2168px
    }
}

@-webkit-keyframes snow {
    0 {
        background-position: 0 0
    }

    to {
        background-position: 0 2168px
    }
}

@-ms-keyframes snow {
    0 {
        background-position: 0 0
    }

    to {
        background-position: 0 2168px
    }
}

#yearend #pickup .Slc-data .p_tit:before {
    background: #03a9f4;
}




/*181214_追記*/
.tit img{
  margin: -2% 0 2% -10%;
  margin-top: -2%;
  margin-bottom: 2%;
}
#yearend  h3{
  font-size: 1.2em;
  font-weight: bold;
}
.col2{
 min-height: 367.88px;
}
.shadow{
  box-shadow: -2px -2px 5px 0px rgba(0, 0, 0, 0.05), 2px 2px 2px 2px rgba(0, 0, 0, 0.05), 4px 4px 4px 4px rgba(0, 0, 0, 0.05)
}
.inner_box li{
  border-bottom: 1px solid #d3d6db;
}
.inner_box li:last-child{
  border-bottom: none;
}
#yearend .Slc-data .inner_box li a{
  box-shadow: none;
}
.inner_box li a{
  height: 40px;
  padding: 13px 18px 12px;
}
/*右クリックで画像保存禁止*/
.cover {
  position: relative;
}
.cover span{
  position: absolute;
  width: 100%;
  height: 174.73px;
  z-index: 10;
}
/*SNS*/
.sns{
  width: 980px;
  margin: 0 0 45px 0;
  text-align: left;
  color: #fff;
}
.sns a{
  z-index: 100;
  font-size: 12px;
}