@charset "UTF-8";
/*! Kite v0.2.0 | MIT License | github.com/kitecss */
.kite{display:table;width:100%;font-size:0!important}.kite__item{box-sizing:border-box;display:inline-block;font-size:medium;font-size:1rem;vertical-align:top}.kite--left{text-align:left!important}.kite--center{text-align:center!important}.kite--right{text-align:right!important}.kite--top>.kite__item{vertical-align:top!important}.kite--middle>.kite__item{vertical-align:middle!important}.kite--bottom>.kite__item{vertical-align:bottom!important}.kite__item--left{text-align:left!important}.kite__item--center{text-align:center!important}.kite__item--right{text-align:right!important}.kite__item--fifth{width:20%}.kite__item--fourth{width:25%}.kite__item--third{width:33.333%}.kite__item--half{width:50%}.kite__item--full{width:100%}.kite--justify{display:block;text-align:justify;text-justify:distribute-all-lines}.kite--justify:after{content:'';display:inline-block;width:100%}.kite--fill.is-equalize{table-layout:fixed}.kite--fill>.kite__item{display:table-cell}.kite--position{display:block;position:absolute;top:0;right:0;bottom:0;left:0;text-align:center}.kite--position.is-position-fixed{position:fixed}.kite--position:after{display:inline-block;content:"";height:100%;vertical-align:middle}.kite--position>.kite__item{vertical-align:middle;text-align:left}.kite--grid>.kite__item.is-1of12{width:8.33333%}.kite--grid>.kite__item.is-2of12{width:16.66667%}.kite--grid>.kite__item.is-3of12{width:25%}.kite--grid>.kite__item.is-4of12{width:33.33333%}.kite--grid>.kite__item.is-5of12{width:41.66667%}.kite--grid>.kite__item.is-6of12{width:50%}.kite--grid>.kite__item.is-7of12{width:58.33333%}.kite--grid>.kite__item.is-8of12{width:66.66667%}.kite--grid>.kite__item.is-9of12{width:75%}.kite--grid>.kite__item.is-10of12{width:83.33333%}.kite--grid>.kite__item.is-11of12{width:91.66667%}.kite--grid>.kite__item.is-12of12{width:100%}.kite--grid.has-gutter{display:block;width:auto;margin-left:-16px;margin-right:-16px}.kite--grid.has-gutter>.kite__item{padding-left:16px;padding-right:16px}[ng-cloak]{display:none!important}[ng-click]{cursor:pointer}@keyframes fadeIn { 
    0% { opacity: 0 }
    to { opacity: 1 }
}
.is-fadeIn { animation: 300ms fadeIn ease-out }
@keyframes fadeOut { 
    0% { opacity: 1 }
    to { opacity: 0 }
}
.is-fadeOut { animation: 500ms fadeOut }
html { font-family: sans-serif }
/*
body {
    margin: 0;
    font-family: "ヒラギノ角ゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meryo,"メイリオ",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
}
*/
article,
aside,
footer,
header,
main,
nav,
section { display: block }
audio,
canvas,
video {
    display: inline-block;
    vertical-align: baseline;
}
[hidden] { display: none }
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}
a:active,
a:hover { outline: 0 }
img {
    border: 0;
    vertical-align: middle;
}
dl,
ol,
ul {
    margin: 0;
    padding-left: 0;
}
li { list-style-type: none }
dd { margin-left: 0 }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th { padding: 0 }
hr {
    margin-top: 0;
    margin-bottom: 0;
}
.l-container {
    margin-left: auto;
    margin-right: auto;
}
.l-container::after,
.l-container::before {
    content: '';
    display: table;
}
.l-container::after { clear: both }
.l-container--xs { max-width: 772px }
.l-container--sm { width: 772px }
.l-container--md { width: 840px }
.l-container--lg { width: 1168px }
.l-container--xl { min-width: 1600px }
.l-content {
    padding-top: 48px;
    padding-bottom: 48px;
}
.l-content--col1>.l-main { float: none }
.l-content--col2>.l-main { float: left }
.l-content--col2>.l-sidebar { float: right }
.l-footer {
    padding-top: 44px;
    padding-bottom: 32px;
}
.l-header {
    padding: 0 30px;
    min-width: 1168px;
}
.l-header--default {
    height: 68px;
    line-height: 68px;
}
.l-header--large {
    height: 100px;
    line-height: 100px;
}
.l-header__container {
    margin: 0 auto;
    max-width: 1600px;
}
.l-main--sm { width: 772px }
.l-main--md { width: 840px }
.l-main--lg { width: 1168px }
.l-navigation { padding: 0 30px }
.l-navigation__container {
    margin: 0 auto;
    max-width: 1600px;
}
.l-information {
    height: 52px;
    padding: 0 30px;
}
.l-information__container {
    margin: 0 auto;
    max-width: 1600px;
}
.c-ajaRecommend .c-articleList__thumb,
.c-ajaRecommend .c-articleList__title { cursor: pointer }
.c-ameblo {
    background-color: #e6e6e6;
    border: 4px solid #e6e6e6;
}
.c-ameblo__amebloTopics { border-bottom: 4px solid #e6e6e6 }
.c-amebloTopics__title {
    margin: 0;
    padding: 0 8px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
}
.c-amebloTopics__body,
.c-talentRanking__tab.is-active>a:hover { background-color: #fff }
.c-amebloTopics__itemGroup { padding: 12px }
.c-amebloTopics__item { margin-bottom: 12px }
.c-amebloTopics__item:last-child { margin-bottom: 0 }
.c-amebloTopics__item>a {
    font-size: 14px;
    font-weight: 700;
    color: #666;
}
.c-amebloTopics__itemIcon {
    line-height: 14px!important;
    vertical-align: -10px;
    font-size: 32px;
    color: #f74;
}
.c-amebloTopics__moreBtn {
    margin: 0;
    padding: 0 8px;
    line-height: 44px;
    border-top: 1px solid #e6e6e6;
    text-align: right;
    font-size: 16px;
    color: #666;
}
.c-amebloTopics__moreIcon {
    margin-left: 4px;
    vertical-align: -1px;
}
.c-talentRanking__tab { color: #999 }
.c-talentRanking__tab.is-active {
    background-color: #fff;
    color: #333;
}
.c-talentRanking__tab>a {
    display: block;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
}
.c-talentRanking__tab>a:hover { background-color: #ddd }
.c-talentRanking__body { background-color: #fff }
.c-talentRanking__itemGroup { padding: 12px }
.c-talentRanking__items { margin-bottom: 24px }
.c-articleList__item:last-child,
.c-talentRanking__items:last-child { margin-bottom: 0 }
.c-talentRanking__thumb {
    margin-right: 16px;
    width: 48px;
    height: 48px;
}
.c-talentRanking__rank {
    margin: 0 0 8px;
    line-height: 1;
}
.c-talentRanking__mvp {
    padding: 4px;
    background-color: #49ae14;
    border-radius: 2px;
    font-size: 10px;
    color: #fff;
}
.c-talentRanking__rankCrown {
    margin-top: -4px;
    vertical-align: -4px;
    font-size: 24px;
    color: #d6a500;
}
.c-talentRanking__rankIcon { font-size: 14px }
.c-talentRanking__rankUpIcon { color: #ff5450 }
.c-talentRanking__rankEvenIcon { color: #aaa }
.c-talentRanking__rankDownIcon { color: #3fb0d4 }
.c-talentRanking__name {
    margin: 0;
    line-height: 1;
}
.c-talentRanking__name>a {
    font-size: 14px;
    color: #333;
}
.c-talentRanking__uptime { color: #e55d5d }
.c-talentRanking__text {
    margin: 0 0 8px;
    line-height: 1;
    font-size: 12px;
}
.c-talentRanking__text>a { color: #0081d4 }
.c-talentRanking__moreBtn {
    margin: 0;
    padding: 0 8px;
    line-height: 44px;
    border-top: 1px solid #e6e6e6;
    text-align: right;
    font-size: 16px;
    color: #666;
}
.c-talentRanking__moreBtn>a { display: inline-block }
.c-talentRanking__moreIcon {
    margin-left: 4px;
    vertical-align: -1px;
}
.c-articleItems { margin-bottom: -40px }
.c-articleItems::after,
.c-articleItems::before {
    content: '';
    display: table;
}
.c-articleItems::after { clear: both }
.c-articleItems__item { margin-bottom: 40px }
.c-articleItems__item>a { display: block }
.c-articleItems__thumb {
    position: relative;
    margin-bottom: 12px;
    width: 100%;
    height: 144px;
}
.c-articleItems__newLabel {
    position: absolute;
    top: 0;
    left: 0;
}
.c-articleItems__newLabel:before {
    position: absolute;
    padding: 2px 0 0 2px;
    font-size: 32px;
    color: #fff;
    z-index: 1;
}
.c-articleItems__newLabel:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    border-color: #ff4f4f;
    border-style: solid;
    border-width: 24px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    content: "";
}
.c-articleItems__movieIcon {
    position: absolute;
    left: 4px;
    bottom: 4px;
    font-size: 27px;
    color: rgba(255,255,255,.8);
}
.c-articleItems__prLabel {
    position: absolute;
    padding: 0 4px;
    bottom: 4px;
    right: 4px;
    line-height: 12px;
    background: rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 1px;
    font-size: 10px;
    color: #fff;
    z-index: 1;
}
.c-articleItems__title {
    margin: 0 0 8px;
    line-height: 24px;
}
.c-articleItems__title>a {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
.c-articleItems__title>a:hover,
.c-articleList__title>a:hover,
.c-articleList__title>span:hover { color: rgba(0,0,0,.5) }
.c-articleItems__description {
    margin: 0 0 8px;
    font-size: 12px;
    color: #999;
}
.c-articleItems__meta {
    line-height: 20px;
    font-size: 14px;
    color: #ccc;
}
.c-articleItems__meta>li,
.c-articleList__meta>li,
.c-categoryPickup__meta>li,
.c-rankingArticleList__meta>li {
    float: left;
    margin-right: 8px;
}
.c-articleList__item { margin-bottom: 32px }
.c-articleList__thumb { margin-right: 32px }
.c-articleList__rank {
    margin: 0;
    width: 52px;
    height: 52px;
}
.c-articleList__rank>span {
    position: relative;
    display: block;
    padding-top: 8px;
    width: 32px;
    line-height: 1;
    text-align: center;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    z-index: 2;
}
.c-articleList__rank::after {
    border-color: #fc0;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    border-width: 26px;
    content: '';
    z-index: 1;
}
.c-articleList__newLabel,
.c-articleList__rank,
.c-articleList__rank::after {
    position: absolute;
    top: 0;
    left: 0;
}
.c-articleList__newLabel::before {
    position: absolute;
    padding: 2px 0 0 2px;
    font-size: 32px;
    color: #fff;
    z-index: 1;
}
.c-articleList__newLabel::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    border-color: #ff4f4f;
    border-style: solid;
    border-width: 24px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    content: '';
}
.c-articleList__movieIcon {
    position: absolute;
    left: 4px;
    bottom: 4px;
    font-size: 27px;
    color: rgba(255,255,255,.8);
}
.c-articleList__prLabel {
    position: absolute;
    padding: 0 4px;
    bottom: 4px;
    right: 4px;
    line-height: 12px;
    background: rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 1px;
    font-size: 10px;
    color: #fff;
    z-index: 1;
}
.c-articleList__title { margin: 0 0 4px }
.c-articleList__title>a,
.c-articleList__title>span {
    display: inline-block;
    line-height: 28px;
    font-size: 20px;
    font-weight: 400;
    color: #000;
}
.c-articleList__description {
    margin: 0 0 8px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
}
.c-articleList__meta {
    line-height: 20px;
    font-size: 14px;
    color: #ccc;
}
.c-articleList__meta::after,
.c-articleList__meta::before {
    content: '';
    display: table;
}
.c-articleList__meta::after { clear: both }
.c-articleShareRanking { position: relative }
.c-articleShareRanking__bgCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background-color: #efefef;
}
.c-bottomShareBtns__item>a {
    display: block;
    color: #fff;
    cursor: pointer;
}
.c-bottomShareBtns__item>a:hover { opacity: .8 }
.c-bottomShareBtns__brand {
    float: left;
    display: block;
    width: 72px;
    height: 72px;
    line-height: 72px;
    background-color: rgba(0,0,0,.1);
    text-align: center;
}
.c-bottomShareBtns__icon {
    line-height: 72px!important;
    font-size: 32px;
}
.c-bottomShareBtns__text {
    display: block;
    line-height: 72px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
.c-categoryPickup { margin-bottom: -40px }
.c-categoryPickup__item { margin-bottom: 40px }
.c-categoryPickup__bar {
    display: block;
    width: 100%;
    height: 2px;
    content: '';
}
.c-categoryPickup__categoryName {
    margin: 0;
    line-height: 60px;
}
.c-categoryPickup__categoryName>a {
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
}
.c-categoryPickup__thumb {
    display: block;
    width: 100%;
    height: 186px;
}
.c-categoryPickup__articleTitle {
    margin: 16px 0 8px;
    line-height: 24px;
}
.c-categoryPickup__articleTitle>a {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
.c-categoryPickup__articleTitle>a:hover { color: rgba(0,0,0,.5) }
.c-categoryPickup__meta {
    line-height: 20px;
    font-size: 14px;
    color: #ccc;
}
@-webkit-keyframes ngdialog-fadeout { 
    0% { opacity: 1 }
    to { opacity: 0 }
}
@keyframes ngdialog-fadeout { 
    0% { opacity: 1 }
    to { opacity: 0 }
}
@-webkit-keyframes ngdialog-fadein { 
    0% { opacity: 0 }
    to { opacity: 1 }
}
@keyframes ngdialog-fadein { 
    0% { opacity: 0 }
    to { opacity: 1 }
}
.ngdialog { box-sizing: border-box }
.ngdialog *,
.ngdialog :after,
.ngdialog :before { box-sizing: inherit }
.ngdialog,
.ngdialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ngdialog {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
}
.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-content,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay {
    -webkit-animation: none!important;
    animation: none!important;
}
.ngdialog-overlay {
    background: rgba(0,0,0,.4);
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
}
.ngdialog-no-overlay { pointer-events: none }
.ngdialog-content,
.ngdialog.ngdialog-closing .ngdialog-content,
.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s;
}
.ngdialog-content {
    background: #fff;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
    pointer-events: all;
}
.ngdialog-close:before {
    font-family: 'Helvetica',Arial,sans-serif;
    content: '\00D7';
    cursor: pointer;
}
.c-dialog__inner,
body.ngdialog-open,
html.ngdialog-open { overflow: hidden }
.c-dialog .ngdialog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
}
.c-dialog .ngdialog-content {
    position: relative;
    margin: 32px auto 0;
    width: 772px;
    background-color: transparent;
}
.c-dialog__header {
    position: relative;
    text-align: center;
}
.c-dialog__title {
    margin: 0;
    line-height: 80px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.c-dialog__close {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: rgba(255,255,255,.5);
}
.c-dialog__body {
    padding: 24px 40px;
    min-height: 396px;
    background-color: #fff;
}
.c-dialog__message { padding: 126px 0 }
.c-goToTop {
    display: block;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,.1);
    text-align: center;
    cursor: pointer;
}
.c-goToTop__icon {
    line-height: 60px!important;
    font-size: 18px;
    color: #fff;
}
@keyframes circle-bounce-delay { 
    0%,
    80%,
    to { transform: scale() }
    40% { transform: scale(1) }
}
.c-loader {
    position: relative;
    margin: 100px auto;
    width: 40px;
    height: 40px;
}
.c-loader__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.c-loader__item::before {
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    animation: circle-bounce-delay 1.2s infinite ease-in-out both;
    content: '';
}
.c-loader--2 { transform: rotate(30deg) }
.c-loader--3 { transform: rotate(60deg) }
.c-loader--4 { transform: rotate(90deg) }
.c-loader--5 { transform: rotate(120deg) }
.c-loader--6 { transform: rotate(150deg) }
.c-loader--7 { transform: rotate(180deg) }
.c-loader--8 { transform: rotate(210deg) }
.c-loader--9 { transform: rotate(240deg) }
.c-loader--10 { transform: rotate(270deg) }
.c-loader--11 { transform: rotate(300deg) }
.c-loader--12 { transform: rotate(330deg) }
.c-loader--2:before { animation-delay: -1.1s }
.c-loader--3:before { animation-delay: -1s }
.c-loader--4:before { animation-delay: -.9s }
.c-loader--5:before { animation-delay: -.8s }
.c-loader--6:before { animation-delay: -.7s }
.c-loader--7:before { animation-delay: -.6s }
.c-loader--8:before { animation-delay: -.5s }
.c-loader--9:before { animation-delay: -.4s }
.c-loader--10:before { animation-delay: -.3s }
.c-loader--11:before { animation-delay: -.2s }
.c-loader--12:before { animation-delay: -.1s }
.c-pagerButton { min-width: 248px }
.c-pagination__item {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.c-pagination__item>a,
.c-pagination__item>span {
    display: block;
    min-width: 46px;
    line-height: 46px;
    background-color: #efefef;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    cursor: pointer;
}
.c-pagination__item>a:hover { background-color: rgba(239,239,239,.5) }
.c-pagination__item.is-active>a {
    background-color: #333;
    color: #fff;
    pointer-events: none;
}
.c-pickupMore {
    padding: 48px 8px 0 0;
    width: 100%;
    height: 240px;
    background: url(../img/pc/pickup-more/bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-align: center;
}
.c-pickupMore__headline {
    margin: 0 0 16px;
    font-family: "Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
    font-size: 26px;
    color: #fff;
}
.c-pickupMore__lead {
    margin: 0 0 32px;
    font-size: 15px;
    color: #fff;
}
.c-pickupMore__btn {
    display: inline-block;
    margin: 0;
}
.c-pickupMore__btn>a {
    display: block;
    padding: 0 16px;
    line-height: 40px;
    background-color: rgba(173,173,173,.6);
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
}
.c-pickupMore__btn>a:hover { background-color: rgba(173,173,173,.4) }
.c-rankingArticleList__rank {
    position: absolute;
    top: 0;
    left: -32px;
    width: 68px;
    line-height: 68px;
    background-color: #fc0;
    background: linear-gradient(135deg,#fc0 0%,#fc0 50%,#f3c200 50%,#f3c200 100%);
    text-align: center;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 34px;
    font-weight: 700;
    z-index: 2;
}
.c-rankingArticleList__rank::after {
    position: absolute;
    display: block;
    top: 68px;
    left: 0;
    border-color: #cba300;
    border-style: solid;
    border-width: 16px;
    border-left-color: transparent;
    border-bottom-color: transparent;
    content: '';
    z-index: 0;
}
.c-rankingArticleList__thumb {
    height: 400px;
    z-index: 1;
}
.c-rankingArticleList__thumb>img {
    background-color: #1a1a1a;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.c-rankingArticleList__thumb::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.5)100%);
    content: '';
    z-index: 1;
}
.c-rankingArticleList__body {
    position: absolute;
    padding: 20px 32px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.c-rankingArticleList__meta {
    margin-bottom: 12px;
    line-height: 1;
    font-size: 13px;
    font-style: italic;
    color: #ccc;
}
.c-rankingArticleList__meta::after,
.c-rankingArticleList__meta::before {
    content: '';
    display: table;
}
.c-rankingArticleList__meta::after { clear: both }
.c-rankingArticleList__title {
    margin: 0;
    line-height: 32px;
    color: #fff;
}
.c-rankingArticleList__msg {
    margin: 48px 0;
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    color: #999;
}
.c-rankingMenu { position: relative }
.c-rankingMenu__btn {
    position: relative;
    display: block;
    padding: 0 12px;
    width: 168px;
    line-height: 32px;
    background-color: #efefef;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
}
.c-rankingMenu__btn.u-bgColor--all {
    background-color: #efefef!important;
    color: #333;
}
.c-rankingMenu__icon {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 10px;
}
.c-rankingMenu__items {
    position: absolute;
    padding: 12px 16px;
    top: 40px;
    right: 0;
    width: 348px;
    background-color: rgba(0,0,0,.8);
    border-radius: 4px;
    z-index: 10;
}
.c-rankingMenu__item {
    float: left;
    width: 174px;
}
.c-rankingMenu__item>a {
    line-height: 32px;
    font-size: 13px;
    color: #fff;
}
.c-rankingMenu__item>a:hover { color: rgba(255,255,255,.5) }
.c-searchField,
.c-searchField__input {
    padding: 12px;
    width: 265px;
    height: 40px;
    box-sizing: border-box;
}
.c-searchField {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.c-searchField__input {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.4;
    border: none;
}
.c-searchField__input:focus { outline: none }
.c-searchField__icon {
    position: absolute;
    top: 12px;
    right: 12px;
}
.c-sideShareBtns {
    position: fixed;
    top: 20px;
    left: auto;
    opacity: 0;
}
.c-sideShareBtns.is-active {
    opacity: 1;
    animation: 300ms fadeIn ease-out;
}
.c-sideShareBtns__items {
    position: absolute;
    padding: 8px 0;
    top: 0;
    left: -130px;
    width: 108px;
    background-color: #efefef;
    border-radius: 4px;
    text-align: center;
    font-size: 0;
}
.c-sideShareBtns__item {
    position: relative;
    margin-bottom: 20px;
}
.c-sideArticleList__item:last-child,
.c-sideFeatureList__item:last-child,
.c-sideShareBtns__item:last-child { margin-bottom: 0 }
.c-sideArticleList__item { margin-bottom: 16px }
.c-sideArticleList__thumb {
    margin-right: 8px;
    width: 100px;
    height: 72px;
}
.c-sideArticleList__title {
    margin: 0;
    line-height: 18px;
}
.c-sideArticleList__title>a {
    display: inline-block;
    font-size: 14px;
    color: #333;
}
.c-sideArticleList__title>a:hover { color: rgba(51,51,51,.5) }
.c-sideArticleList__text {
    margin: 0;
    font-size: 12px;
    color: #ccc;
}
.c-sideArticleList__msg {
    margin: 40px 0;
    display: block;
    line-height: 1;
    text-align: center;
    font-size: 13px;
    color: #999;
}
.c-sideFeatureList__item {
    overflow: hidden;
    margin-bottom: 48px;
    height: 160px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.c-sideFeatureList__item>a {
    position: relative;
    display: block;
    height: 100%;
}
.c-sideFeatureList__label {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #ff4f4f;
    border-radius: 15px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    z-index: 2;
}
.c-sideFeatureList__text {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 2;
}
.c-sideFeatureList__text>p {
    margin: 0;
    padding: 8px 16px;
    line-height: 20px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.c-sideFeatureList__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.c-todaysSpotlight {
    position: relative;
    margin-bottom: 24px;
}
.c-todaysSpotlight__title {
    position: relative;
    margin: 0;
    line-height: 40px;
    font-size: 26px;
    color: #333;
}
.c-todaysSpotlight__title::after {
    position: absolute;
    display: block;
    left: 0;
    bottom: 8px;
    width: 92px;
    height: 2px;
    background-color: #fc0;
    z-index: -1;
    content: '';
}
.c-todaysSpotlight__date {
    position: absolute;
    top: 0;
    right: -28px;
    width: 88px;
    height: 88px;
    text-align: right;
    font-family: Helvetica,Arial,sans-serif;
    color: #ccc;
    z-index: -1;
}
.c-todaysSpotlight__date::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -32px;
    width: 68px;
    height: 68px;
    background: linear-gradient(135deg,transparent 0%,transparent 50%,#e5e5e5 50%,#e5e5e5 53%,transparent 53%,transparent 100%);
    color: #ccc;
    content: '';
}
.c-todaysSpotlight__month {
    position: absolute;
    top: 0;
    left: -20px;
    font-size: 20px;
}
.c-todaysSpotlight__day {
    position: absolute;
    top: 16px;
    right: 0;
    font-size: 80px;
}
.c-topShareBtns__item {
    margin-right: 8px;
    width: 112px;
}
.c-topShareBtns__item>a {
    display: block;
    width: 100%;
    height: 52px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.c-topShareBtns__item>a:hover { opacity: .8 }
.c-topShareBtns__icon {
    line-height: 52px!important;
    font-size: 32px;
}
.c-topShareBtns__likeBtn {
    display: block;
    padding-top: 12px;
    width: 168px;
    height: 52px;
    background-color: #efefef;
    box-sizing: border-box;
    text-align: center;
}
.c-topShareRanking {
    position: relative;
    min-height: 368px;
}
.c-topShareRanking__next,
.c-topShareRanking__prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    text-align: center;
    cursor: pointer;
}
.c-topShareRanking__next:hover,
.c-topShareRanking__prev:hover { background-color: rgba(255,255,255,.8) }
.c-topShareRanking__prev { right: 100% }
.c-topShareRanking__next { left: 100% }
.c-topShareRanking__icon {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    font-size: 24px;
    color: #999;
}
.c-topShareRanking__container {
    position: relative;
    overflow: hidden;
    height: 368px;
}
.c-topShareRanking__items { position: absolute }
.c-topShareRanking__items::after,
.c-topShareRanking__items::before {
    content: '';
    display: table;
}
.c-topShareRanking__items::after { clear: both }
.c-topShareRanking__item {
    float: left;
    background-color: #3b83a1;
}
.c-topShareRanking__item>a {
    display: block;
    width: 100%;
    height: 368px;
}
.c-topShareRanking__item.slide { transition: 300ms cubic-bezier(.25,.25,.75,.75)all }
.c-topShareRanking__thumb::before {
    position: absolute;
    display: block;
    top: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2)70%,rgba(0,0,0,.4)100%);
    z-index: 1;
    content: '';
}
.c-topShareRanking__body {
    position: relative;
    z-index: 1;
}
.c-topShareRanking__category,
.c-topShareRanking__rank {
    font-family: Helvetica,Arial,sans-serif;
    color: rgba(255,255,255,.6);
}
.c-topShareRanking__rank {
    position: absolute;
    top: -16px;
    left: 16px;
    font-size: 64px;
}
.c-topShareRanking__category {
    margin: 0;
    padding: 0 16px;
    text-align: right;
    font-size: 16px;
}
.c-topShareRanking__title {
    position: absolute;
    margin: 0;
    padding: 0 16px;
    top: 32px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.c-topicList { margin-bottom: -24px }
.c-topicList__item { margin-bottom: 24px }
.c-topicList__label {
    display: block;
    padding-bottom: 16px;
    line-height: 1;
    border-bottom: 1px solid #f0f0f0;
}
.c-btn,
.c-topicList__label>a {
    font-size: 16px;
    color: #333;
}
.c-shareRankingHeader__moreLink>a:hover,
.c-topicList__label>a:hover { color: rgba(51,51,51,.5) }
.c-btn {
    position: relative;
    display: inline-block;
    padding: 0 24px;
    line-height: 50px;
    vertical-align: middle;
    background-color: #e7e7e7;
    border: solid 1px #e7e7e7;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
}
.c-btn:active:after,
.c-btn:hover:after {
    position: absolute;
    margin: -1px;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.2);
    z-index: 100;
}
.c-btn--full { width: 100% }
.c-btn--dark {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
.c-btn--primary {
    background-color: #fc0;
    border-color: #fc0;
    color: #fff;
}
.c-btn--accent-1 {
    background-color: #0081d4;
    border-color: #0081d4;
    color: #fff;
}
.c-btn--accent-2 {
    background-color: #ff4f4f;
    border-color: #ff4f4f;
    color: #fff;
}
.c-btn--outline {
    background-color: #fff!important;
    color: #333;
}
.c-btn--outline.c-btn--dark { color: #333 }
.c-btn--outline.c-btn--primary { color: #fc0 }
.c-btn--outline.c-btn--accent-1 { color: #0081d4 }
.c-btn--outline.c-btn--accent-2,
.c-shareRankingTab__item.is-active>a,
.c-shareRankingTab__item>a:hover,
.c-tabNav__item.is-active>a,
.c-widget__tabItem.is-active>a,
.c-widget__tabItem>a:hover { color: #ff4f4f }
.c-btn--disabled {
    background-color: #efefef;
    border-color: #efefef;
    cursor: not-allowed;
    pointer-events: none;
    color: #ccc;
}
.c-btn--small {
    line-height: 44px;
    font-size: 12px;
}
.c-btn--large {
    line-height: 70px;
    font-size: 16px;
}
.c-btn--radius { border-radius: 4px }
.c-btn--round { border-radius: 25px }
.c-btn--round.c-btn--small { border-radius: 22px }
.c-btn--round.c-btn--large { border-radius: 35px }
.c-flag {
    position: relative;
    display: inline-block;
    padding: 0 12px 0 16px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.c-flag:after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: -20px;
    border-color: transparent;
    border-style: solid;
    border-width: 32px 20px;
    content: '';
}
.c-flag--pickup { background-color: #fc0 }
.c-flag--pickup:after { border-top-color: #fc0 }
.c-headline {
    position: relative;
    text-align: center;
}
.c-headline__text {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0 24px;
    height: 44px;
    line-height: 44px;
    background-color: #333;
    border-color: #333;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.c-headline__text::after {
    position: absolute;
    margin-left: -14px;
    content: '';
    top: 85%;
    left: 50%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: inherit;
}
@font-face{font-family:"symbols";src:url(../font/pc/symbols.eot);src:url(../font/pc/symbols.woff) format("woff"),url(../font/pc/symbols.ttf) format("truetype");font-weight:400;font-style:normal}.c-icon{display:inline-block;line-height:1;text-rendering:optimizeLegibility;font-family:"symbols";-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-style:normal;font-weight:400}.c-icon--abema::before{content:"\EA01"}.c-icon--ameba::before{content:"\EA02"}.c-icon--arrow-d-ranking::before{content:"\EA03"}.c-icon--arrow-d::before{content:"\EA04"}.c-icon--arrow-l::before{content:"\EA05"}.c-icon--arrow-r-ranking::before{content:"\EA06"}.c-icon--arrow-r::before{content:"\EA07"}.c-icon--arrow-topicpath::before{content:"\EA08"}.c-icon--arrow-u::before{content:"\EA09"}.c-icon--facebook::before{content:"\EA0B"}.c-icon--dialog-close::before{content:"\EA0A"}.c-icon--feedly::before{content:"\EA0D"}.c-icon--fb-square::before{content:"\EA0C"}.c-icon--hatena::before{content:"\EA0F"}.c-icon--google::before{content:"\EA0E"}.c-icon--logo::before{content:"\EA11"}.c-icon--movie::before{content:"\EA12"}.c-icon--line::before{content:"\EA10"}.c-icon--nanagogo::before{content:"\EA13"}.c-icon--new::before{content:"\EA14"}.c-icon--quote::before{content:"\EA16"}.c-icon--pocket::before{content:"\EA15"}.c-icon--rank-down::before{content:"\EA18"}.c-icon--rank-even::before{content:"\EA19"}.c-icon--rank-crown::before{content:"\EA17"}.c-icon--rank-new::before{content:"\EA1B"}.c-icon--rank-up::before{content:"\EA1C"}.c-icon--rank-hot::before{content:"\EA1A"}.c-icon--search::before{content:"\EA1D"}.c-icon--youtube::before{content:"\EA1F"}.c-icon--twitter::before{content:"\EA1E"}.c-media::after,.c-media::before{content:'';display:table}.c-media::after{clear:both}.c-media__image{float:left}.c-media__body{overflow:hidden}.c-message{margin:0;padding:48px 0;line-height:28px;text-align:center}.c-message__zero{font-size:20px;color:#999}.c-section+.c-section{margin-top:48px}.c-section__header{margin-bottom:20px}.c-section__title{margin:0;line-height:40px;font-size:26px;font-weight:700}.c-shareRankingHeader::after,.c-shareRankingHeader::before{content:'';display:table}.c-shareRankingHeader::after{clear:both}.c-shareRankingHeader__headline{float:left;margin:0 40px 0 0}.c-shareRankingHeader__tab{float:left;padding-top:20px}.c-shareRankingHeader__action{float:right;padding:4px 0}.c-shareRankingHeader__moreLink{line-height:32px;margin:0 0 0 4px;vertical-align:-1px}.c-shareRankingHeader__moreLink>a{font-size:14px;color:#333}.c-shareRankingTab__item{float:left;margin-right:32px;line-height:1;height:20px}.c-shareRankingTab__item>a{position:relative;vertical-align:2px;font-size:14px;color:#000}.c-shareRankingTab__item.is-active>a::after{position:absolute;display:block;top:18px;left:0;width:100%;height:2px;background-color:#ff4f4f;content:''}.c-tabNav{border-bottom:1px solid #f0f0f0}.c-tabNav__title{float:left;margin:0 48px 0 0;font-size:16px;font-weight:700}.c-tabNav__item{display:inline-block;margin-right:24px}.c-tabNav__item>a{position:relative;line-height:48px;font-size:16px}.c-tabNav__item.is-active>a::after{position:absolute;display:block;top:30px;left:0;width:100%;height:2px;background-color:#ff4f4f;content:""}.c-tweet::after,.c-tweet::before{content:'';display:table}.c-tweet::after{clear:both}.c-tweet>.twitter-tweet{float:left}.c-tweet__deleted{position:relative;color:#ccc;padding:58px 0;max-width:500px;font-size:16px;font-weight:700;line-height:1.25;text-align:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:4px;box-sizing:border-box}.c-tweet__icon{font-size:24px;position:absolute;top:15px;right:15px}.c-tweet__fallback{padding:20px 20px 12px;max-width:500px;background-color:#fff;border:1px solid #e1e8ed;border-radius:4px;box-sizing:border-box}.c-tweet__fullName{margin:0 0 4px;line-height:1;font-size:16px;font-weight:700;color:#1c2022}.c-tweet__userName{margin:0 0 12px;line-height:1;font-size:14px;color:#697882}.c-tweet__text{margin:0 0 8px;line-height:22px;font-size:16px;color:#1c2022}.c-tweet__createDate{margin:0;line-height:1;font-size:14px;color:#697882}.c-tweet__loading{position:relative;color:#ccc;padding:15px;max-width:500px;line-height:1;background-color:#fff;border:1px solid #dbdbdb;border-radius:4px;box-sizing:border-box}@keyframes placeHolderShimmer { 
    0% { background-position: -468px 0 }
    to { background-position: 468px 0 }
}
.c-tweet__loadThumbnail,
.c-tweet__loadUsername:after,
.c-tweet__loadUsername:before,
.placeholderAnimation { position: relative }
.c-tweet__loadText,
.c-tweet__loadText:after,
.c-tweet__loadText:before,
.c-tweet__loadThumbnail,
.c-tweet__loadUsername:after,
.c-tweet__loadUsername:before,
.placeholderAnimation {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f0f0f0;
    background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
    background-size: 900px 20px;
    max-width: 472px;
}
.c-tweet__loadThumbnail {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    vertical-align: middle;
}
.c-tweet__loadUsername {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.c-tweet__loadUsername:after,
.c-tweet__loadUsername:before {
    display: block;
    content: "";
    height: 9px;
}
.c-tweet__loadUsername:before {
    width: 158px;
    margin-bottom: 8px;
}
.c-tweet__loadUsername:after { width: 88px }
.c-tweet__loadText {
    position: relative;
    display: block;
    margin-top: 24px;
    margin-bottom: 16px;
    height: 9px;
}
.c-tweet__loadText:after,
.c-tweet__loadText:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 9px;
}
.c-tweet__loadText:before {
    bottom: 100%;
    margin-bottom: 8px;
}
.c-tweet__loadText:after {
    top: 100%;
    margin-top: 8px;
}
.c-thumbnail {
    overflow: hidden;
    position: relative;
    background-color: rgba(255,255,255,0);
    transition: .1s background-color;
}
.c-thumbnail>img {
    width: 100%;
    height: 100%;
    background-color: #1a1a1a;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.c-thumbnail:hover { background-color: rgba(255,255,255,.2) }
.c-thumbnail::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: inherit;
}
.c-typo--title { font-size: 26px }
.c-typo--subtitle { font-size: 14px }
.c-typo--subheadline { font-size: 22px }
.c-widget+.c-widget { margin-top: 48px }
.c-widget__header {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: solid 1px #f0f0f0;
}
.c-widget__header.has-tabs {
    padding-bottom: 0;
    border-bottom-width: 2px;
}
.c-widget__tabItems { margin-top: 16px }
.c-widget__tabItems::after,
.c-widget__tabItems::before {
    content: '';
    display: table;
}
.c-widget__tabItems::after { clear: both }
.c-widget__tabItem {
    float: left;
    margin-right: 32px;
    line-height: 1;
    height: 20px;
}
.c-widget__tabItem>a {
    position: relative;
    vertical-align: 2px;
    font-size: 14px;
    color: #000;
}
.c-widget__tabItem.is-active>a::after {
    position: absolute;
    display: block;
    top: 18px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff4f4f;
    content: '';
}
.c-widget__subtitle,
.c-widget__title {
    margin: 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
}
.c-widget__subtitle { margin: 8px 0 0 }
.c-widget__footer { padding-top: 16px }
.p-about__header {
    padding: 80px 0;
    text-align: center;
}
.p-about__title { margin-bottom: 40px }
.p-about__introduction {
    margin: 0 auto;
    width: 595px;
    line-height: 1.8;
    font-size: 18px;
}
.p-about__introduction span {
    margin-right: 10px;
    padding: 0 0 8px;
    border-bottom: 2px solid #000;
    font-size: 24px;
}
.p-about__section { padding: 60px 0 }
.p-about__section:nth-child(even) { background-color: #f7f7f7 }
.p-aboutSection__header { margin-bottom: 36px }
.p-aboutSection__title {
    margin: 0;
    text-align: center;
}
.p-aboutSection__body {
    margin: 0 auto;
    width: 1000px;
}
.p-aboutSection__article {
    width: 463px;
    box-sizing: content-box;
}
.p-aboutSection__article>a { display: block }
.p-aboutSection__article>a:hover { opacity: .7 }
.p-aboutSection__article:nth-child(2n) {
    padding-left: 18px;
    padding-right: 19px;
}
.p-aboutSection__article:nth-child(2n+1) {
    padding-left: 19px;
    padding-right: 18px;
}
.p-aboutSection__displayArticle {
    display: block;
    margin-bottom: 36px;
    text-align: center;
}
.p-aboutSection__displayArticle:hover { opacity: .7 }
.p-aboutShare {
    margin: 0 auto;
    padding: 50px 0;
    width: 580px;
    background-color: #fff;
    text-align: center;
}
.p-aboutShare__title { margin-bottom: 32px }
.p-aboutShare__btns {
    display: table;
    width: 100%;
}
.p-aboutShare__facebook,
.p-aboutShare__twitter {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
}
.p-allArticles__body { margin-bottom: 40px }
.p-allArticles__pager { text-align: center }
.p-anniversary {
    margin: 0 auto;
    width: 1020px;
}
.p-anniversaryBanner__item { margin-bottom: 16px }
.p-anniversaryBanner__item:last-child { margin-bottom: 0 }
.p-anniversaryBanner__item>a {
    position: relative;
    display: block;
}
.p-anniversaryBanner__item>a:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    content: '';
}
.p-anniversaryBanner__headline {
    position: absolute;
    margin-top: -18px;
    top: 50%;
    width: 100%;
    line-height: 18px;
    text-align: center;
    text-shadow: 2px 2px 1px rgba(0,0,0,.5);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    z-index: 1;
}
.p-anniversaryHeader {
    padding: 24px 0;
    background-color: #f7f7f7;
}
.p-anniversaryHeader__title {
    display: inline-block;
    margin: 0;
    line-height: 50px;
    font-size: 24px;
    font-weight: 700;
}
.p-anniversaryHeader__shareBtns { float: right }
.p-anniversaryHero__img {
    width: 100%;
    height: auto;
}
.p-anniversaryHero__introduction {
    margin-top: 48px;
    margin-bottom: 0;
    line-height: 1.8;
    text-align: center;
    font-size: 20px;
}
.p-anniversaryList__item { margin-bottom: 40px }
.p-anniversaryList__item>a {
    position: relative;
    display: block;
    padding-bottom: 44px;
}
.p-anniversaryList__media {
    width: 100%;
    height: 207px;
}
.p-anniversaryList__headline {
    position: absolute;
    margin: 0;
    padding: 8px;
    left: 8px;
    right: 8px;
    bottom: 0;
    background-color: #fff;
    box-shadow: 3px 4px 0 #e6e6e6;
    font-size: 16px;
    text-align: center;
}
.p-anniversaryShareBtns {
    padding: 12px;
    background-color: #fff;
    border: 2px solid #f0f0f0;
    box-sizing: border-box;
    text-align: center;
}
.p-anniversaryShareBtns__item {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    font-size: 0;
}
.p-anniversaryShareBtns__item:last-child { margin-right: 0 }
.p-article__main+.c-section { margin-top: 48px }
.p-article__items { margin: 40px 0 }
.p-article__writer { margin-bottom: 48px }
.p-article__social { margin-bottom: 12px }
.p-article__report {
    margin-top: 0;
    margin-bottom: 48px;
}
.p-articleBanner>a { display: block }
.p-articleBoard {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 200px;
    background-color: #333;
}
.p-articleBoard__image {
    display: table-cell;
    width: 386px;
}
.p-articleBoard__image>img {
    width: 100%;
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.p-articleBoard__like {
    display: table-cell;
    padding: 20px;
    vertical-align: middle;
    text-align: center;
}
.p-articleBoard__message {
    margin: 0 0 16px;
    font-size: 20px;
    color: #fff;
}
.p-articleBoard__likeBtn {
    margin-bottom: 16px;
    min-height: 24px;
}
.p-articleBoard__caption {
    margin: 0;
    font-size: 12px;
    color: #999;
}
.p-articleHero {
    position: relative;
    overflow: hidden;
    min-height: 280px;
    background-color: #333;
}
.p-articleHero__bgImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 385px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .3;
    transform: scale(1.1);
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
.p-articleHero__headline {
    position: relative;
    padding: 48px 0;
}
.p-articleHero__thumb { margin-right: 32px }
.p-articleHero__title {
    margin: 0 0 20px;
    line-height: 44px;
    font-size: 34px;
    font-weight: 400;
    color: #fff;
}
.p-articleHero__meta {
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.p-articleHero__item { display: inline-block }
.p-articleHero__item--abematvImg {
    position: relative;
    margin-right: 8px;
}
.p-articleHero__item--abematvImg:after {
    position: absolute;
    display: block;
    content: "";
    background-color: rgba(255,255,255,.5);
    right: 0;
    width: 1px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
}
.p-articleHero__officialImg {
    margin-right: 2px;
    vertical-align: -4px;
}
.p-articleHero__abematvImg {
    margin-right: 10px;
    vertical-align: -4px;
}
.p-articleReport { text-align: right }
.p-articleReport>a { color: #333 }
.p-articleReport>a:hover,
.p-articleWriter__moreLink:hover,
.p-articleWriter__username:hover { color: rgba(51,51,51,.5) }
.p-articleReport__arrowR {
    margin-left: 4px;
    font-size: 12px;
}
.p-articleShareRanking__header {
    margin-bottom: 32px;
    line-height: 32px;
}
.p-articleShareRanking__header::after,
.p-articleShareRanking__header::before {
    content: '';
    display: table;
}
.p-articleShareRanking__header::after { clear: both }
.p-articleShareRanking__title {
    float: left;
    margin: 0 40px 0 0;
}
.p-articleSocial__header { margin-bottom: 24px }
.p-articleSocial__title {
    margin: 0;
    line-height: 1;
    text-align: center;
    font-size: 16px;
}
.p-articleSocial__shareBtns { margin-bottom: 32px }
.p-articleSocial__logo {
    margin: 0 0 12px;
    height: 28px;
}
.p-articleSocial__logo>a { display: inline-block }
.p-articleSocial__logo>a:hover { opacity: .7 }
.p-articleSocial__subtitle {
    margin-left: 8px;
    font-size: 18px;
    font-weight: 400;
}
.p-articleSocial__subtitle::before {
    margin-right: 8px;
    content: '−';
}
.p-articleSocial__follow {
    margin-top: 20px;
    padding: 12px;
    background-color: #f7f7f7;
}
.p-articleSocial__followBtn {
    width: 368px;
    height: 96px;
    background-color: #fff;
    text-align: center;
}
.p-articleSocial__text {
    display: block;
    margin: 16px 0;
    font-size: 14px;
}
.p-articleWriter__header {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}
.p-articleWriter__title {
    margin: 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
}
.p-articleWriter__user::after,
.p-articleWriter__user::before {
    content: '';
    display: table;
}
.p-articleWriter__user::after { clear: both }
.p-articleWriter__avatar {
    float: left;
    display: block;
    margin-right: 16px;
    width: 64px;
    height: 64px;
}
.p-articleWriter__avatar>img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.p-articleWriter__body {
    padding-top: 14px;
    overflow: hidden;
}
.p-articleWriter__username {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    color: #333;
}
.p-articleWriter__moreLink {
    display: inline-block;
    margin-left: 32px;
    padding: 8px 16px;
    vertical-align: middle;
    background-color: #f7f7f7;
    border-radius: 18px;
    font-size: 13px;
    color: #333;
}
.p-articleWriter__arrowR {
    margin-left: 16px;
    vertical-align: -2px;
}
.p-articleWriter__introduction {
    margin: 16px 0 0;
    line-height: 20px;
    font-size: 14px;
    color: #333;
}
.p-articleWriter__introduction>a { color: #0081d4 }
.p-articleWriter__introduction>a:hover { color: rgba(0,129,212,.5) }
.p-articles__body { margin-bottom: 40px }
.p-banner { display: block }
.p-banner+.p-banner { margin-top: 40px }
.p-categoryArticles__headline { margin-bottom: 32px }
.p-categoryHero {
    padding: 30px 0;
    min-height: 238px;
}
.p-categoryHero__header { color: #fff }
.p-categoryHero__title {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: 700;
}
.p-categoryHero__subtitle {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 14px;
    color: rgba(255,255,255,.5);
}
.p-categoryHero__description {
    position: relative;
    margin: 20px 32px 0 0;
    padding-top: 20px;
    font-size: 13px;
}
.p-categoryHero__description::before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 44px;
    border-top: solid 1px rgba(255,255,255,.2);
    content: '';
}
.p-categoryHero__article>a {
    position: relative;
    display: block;
}
.p-categoryHero__article>a>img {
    width: 100%;
    height: 238px;
}
.p-categoryHero__article>a::before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65)100%);
    content: '';
}
.p-categoryHero__article:nth-child(2) { padding-right: 15px }
.p-categoryHero__article:nth-child(3) { padding-left: 15px }
.p-categoryHero__articleTitle {
    position: absolute;
    margin: 0;
    padding: 16px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}
.p-copyright {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Century Gothic',Helvetica,arial,sans-serif;
    font-size: 13px;
    color: #999;
}
.p-download {
    padding: 24px 0;
    border-bottom: 1px solid #dbdbdb;
}
.p-download__text {
    float: left;
    margin-top: 16px;
    width: 498px;
}
.p-download__badges {
    padding-top: 24px;
    padding-left: 92px;
}
.p-download__badge,
.p-download__badges { display: inline-block }
.p-download__badge>a { display: block }
.p-download__badge+.p-download__badge { margin-left: 12px }
.p-download__qr {
    float: right;
    margin: 0;
    width: 112px;
}
.p-downloadBanner { position: relative }
.p-downloadBanner__btn {
    position: absolute;
    display: block;
    z-index: 1;
}
.p-downloadBanner__appStore,
.p-downloadBanner__googlePlay {
    bottom: 66px;
    right: 12px;
    width: 148px;
    height: 44px;
}
.p-downloadBanner__googlePlay { bottom: 12px }
.p-downloadFooter {
    padding: 20px 0;
    font-size: 13px;
    color: #999;
}
.p-downloadFooter__copyright {
    float: left;
    margin: 0;
}
.p-downloadFooter__nav { float: right }
.p-downloadFooter__item {
    display: inline-block;
    margin-left: 12px;
}
.p-downloadFooter__item>a { color: #999 }
.p-downloadHero {
    padding: 32px 0 0;
    background-color: #fc0;
}
.p-downloadHero__logo { line-height: 40px }
.p-downloadHero__image { margin-top: 32px }
.p-downloadHero__image>img { margin-left: -17px }
.p-error {
    padding: 100px 0;
    text-align: center;
}
.p-error__headline {
    margin: 0 0 48px;
    font-size: 32px;
    font-weight: 700;
}
.p-error__description {
    margin: 0 0 80px;
    line-height: 32px;
    font-size: 18px;
}
.p-error__link {
    text-decoration: underline;
    color: #000;
}
.p-feature__header {
    position: relative;
    margin-bottom: 24px;
}
.p-feature__thumb { margin-right: 32px }
.p-feature__thumb>img {
    width: 268px;
    height: 136px;
}
.p-feature__title {
    margin: 0;
    line-height: 44px;
    font-size: 34px;
    font-weight: 400;
    color: #333;
}
.p-feature__description {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    color: #333;
}
.p-feature__sponsor {
    margin: 0;
    color: #999;
    font-size: 13px;
}
.p-feature__sponsorIcon {
    display: inline-block;
    color: #fff;
    background-color: #a6a6a6;
    border-radius: 1px;
    font-size: 10px;
    line-height: 1;
    margin-right: 4px;
    padding: 2px 4px;
}
.p-feature__shareBtns {
    margin-top: 16px;
    height: 21px;
    text-align: right;
    font-size: 0;
}
.p-feature__shareBtns>li {
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
}
.p-feature__body { margin-bottom: 40px }
.p-followUs::after,
.p-followUs::before {
    content: '';
    display: table;
}
.p-followUs::after { clear: both }
.p-followUs__item {
    float: left;
    margin-right: 8px;
}
.p-followUs__item>a {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-align: center;
}
.p-followUs__icon {
    line-height: 44px;
    font-size: 32px;
    color: #fff;
}
.p-footer {
    position: relative;
    background-color: #333;
}
.p-footer__goToTop {
    position: absolute;
    top: 0;
    right: 0;
}
.p-footer__menu { margin-bottom: 24px }
.p-footer__fbPagePlugin { margin-bottom: 20px }
.p-footer__divider {
    border-top: none;
    border-bottom: solid 1px #999;
}
.p-footer__nav {
    margin-top: 24px;
    margin-bottom: 24px;
}
.p-footerLink {
    line-height: 1;
    text-align: right;
}
.p-footerLink__item {
    display: inline-block;
    margin-left: 12px;
}
.p-footerLink__item>a {
    font-size: 12px;
    font-weight: 700;
    color: #999;
}
.p-footerLink__item>a:hover { color: rgba(153,153,153,.5) }
.p-footerLogo {
    margin-top: 1px;
    margin-bottom: 0;
    width: 79px;
    height: 20px;
}
.p-footerLogo>a {
    display: block;
    font-size: 0;
}
.p-footerLogo>a:hover { opacity: .5 }
.p-footerMenu__title {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.p-footerMenu__items { margin-bottom: -20px }
.p-footerMenu__items::after,
.p-footerMenu__items::before,
.p-logo>a::after,
.p-logo>a::before {
    content: '';
    display: table;
}
.p-footerMenu__items::after,
.p-logo>a::after { clear: both }
.p-footerMenu__item {
    float: left;
    margin-bottom: 20px;
    line-height: 1;
    width: 50%;
}
.p-footerMenu__item>a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}
.p-footerMenu__item>a:hover { color: rgba(255,255,255,.5) }
.p-footerSocial { line-height: 1 }
.p-footerSocial__item {
    display: inline-block;
    margin-right: 12px;
}
.p-footerSocial__item>a {
    font-size: 13px;
    font-weight: 700;
    color: #999;
}
.p-footerSocial__item>a:hover { color: rgba(153,153,153,.5) }
.p-footerSocial__icon {
    margin-right: 4px;
    vertical-align: -5px;
    font-size: 20px;
}
.p-header {
    overflow: hidden;
    background-color: #fc0;
}
.p-header__logo { float: left }
.p-header__siteNav { float: right }
.p-headline__title {
    margin: 0;
    line-height: 40px;
    font-size: 26px;
    color: #000;
}
.p-headline__subtitle {
    margin: 0;
    line-height: 24px;
    font-size: 14px;
}
.p-headline__title+.p-headline__subtitle { margin-top: 12px }
.p-item {
    overflow: hidden;
    padding: 20px 0;
}
.p-item a,
.p-item__cite>a { color: #0081d4 }
.p-item a:hover,
.p-item--link .p-item__title>a:hover { text-decoration: underline }
.p-item:first-child { padding-top: 0 }
.p-item:last-child { padding-bottom: 0 }
.p-item__title {
    margin: 0 0 8px;
    line-height: 32px;
    font-size: 20px;
    color: #333;
}
.p-item__text {
    line-height: 26px;
    font-size: 16px;
    color: #333;
}
.p-item__text>p { margin: 0 }
.p-item__text .td-size { line-height: 42px }
.p-item__video { font-size: 0 }
.p-item__desc {
    margin: 0;
    line-height: 16px;
    font-size: 12px;
    color: #333;
}
.p-item__cite {
    margin: 0;
    font-size: 10px;
    color: #999;
}
.p-item__cite>span { margin-right: 4px }
.p-item__comment {
    margin: 12px 0 0;
    line-height: 24px;
    font-size: 16px;
}
.p-item__comment .td-size,
.p-item__quote .td-size { line-height: 40px }
.p-item__quote {
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
}
.p-item__quote>p,
.p-item__quoteContent>p {
    margin: 0;
    line-height: 26px;
    font-size: 16px;
    color: #333;
}
.p-item__quoteContent { padding: 32px }
.p-item__linkBody { padding: 24px }
.p-item__button {
    margin: 0 auto;
    width: 368px;
}
.p-item__button>a { color: #fff }
.p-item__button>a:hover { text-decoration: none }
.p-item__tweet iframe { margin: 0!important }
.p-item__instagram {
    padding-left: 1px;
    max-width: 568px;
}
.p-item__nanagogo { max-width: 568px }
.p-item__nanagogo>iframe { box-sizing: border-box }
.p-item__amebafresh { font-size: 0 }
.p-item__playbuzz .pb_top_content_container { padding-bottom: 0!important }
.p-item--headline { padding-bottom: 0 }
.p-item--headline>.p-item__title {
    margin-bottom: 0;
    line-height: 40px;
    font-size: 26px;
}
.p-item--image .p-item__image>a { display: block }
.p-item--image .p-item__cite,
.p-item--video .p-item__cite { margin-top: 8px }
.p-item--image.is-iqon .p-item__image {
    display: inline-block;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
}
.p-item--image.is-iqon .p-item__image>img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.p-item__iqonSiteLink {
    font-size: 14px;
    line-height: 1;
    margin: 18px;
    text-align: center;
}
.p-item__flickerCite {
    margin: 4px 0 0;
    font-size: 10px;
}
.p-item__licenseIcon {
    vertical-align: 4px;
    font-size: 0;
}
.p-item__licenseIcon>img {
    width: auto;
    height: 13px;
}
.p-item__recipeBlogInfo {
    display: block;
    margin-bottom: 8px;
    line-height: 1;
    font-size: 12px;
}
.p-item__recipeBlogLogo {
    float: left;
    margin-right: 8px;
    vertical-align: -1px;
}
.p-item__recipeBlogCite {
    display: block;
    line-height: 1;
}
.p-item__recipeBlogCite>a,
.p-item__recipeBlogCite>span { margin-left: 4px }
.p-item--video .p-item__comment { margin: 12px 0 0 }
.p-item--quote .p-item__cite { margin-top: 8px }
.p-item--quote .p-item__comment { margin: 12px 0 0 }
.p-item--link .p-item__thumb {
    width: 158px;
    height: 158px;
}
.p-item--link .p-item__title { font-size: 20px }
.p-item--link .p-item__title>a { color: #0081d4 }
.p-item--link .p-item__cite,
.p-rules__section li { margin-bottom: 8px }
.p-item--link .p-item__desc { color: #999 }
.p-item--link .p-item__comment { margin: 12px 0 0 }
.p-item--instagram iframe { width: 99.375% }
.p-itemAmeblo {
    width: 500px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
}
.p-itemAmeblo__avatar,
.p-itemAmeblo__thumb { position: relative }
.p-itemAmeblo__avatar::after,
.p-itemAmeblo__thumb::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    content: '';
}
.p-itemAmeblo__header { padding: 16px }
.p-itemAmeblo__avatar { margin-right: 12px }
.p-itemAmeblo__subtitle {
    margin: 0 0 8px;
    line-height: 1;
    font-size: 14px;
}
.p-itemAmeblo__abemaIcon {
    vertical-align: -5px;
    font-size: 20px;
    color: #2d8c3c!important;
}
.p-itemAmeblo__name {
    margin-right: 12px;
    color: #2d8c3c!important;
}
.p-itemAmeblo__date { color: #999 }
.p-itemAmeblo__title { margin: 0 }
.p-itemAmeblo__title>a {
    font-size: 18px;
    font-weight: 400;
    color: #333;
}
.p-itemAmeblo__blogLink:hover,
.p-itemAmeblo__title>a:hover { text-decoration: underline }
.p-itemAmeblo__thumb { display: block }
.p-itemAmeblo__content {
    position: relative;
    padding: 16px 16px 16px 48px;
}
.p-itemAmeblo__quoteIcon {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 24px;
    color: #ccc;
}
.p-itemAmeblo__text {
    margin: 0;
    line-height: 28px;
    font-size: 18px;
    color: #333;
}
.p-itemAmeblo__footer {
    margin: 0 12px;
    border-top: 1px solid #dbdbdb;
}
.p-itemAmeblo__blogLink {
    display: block;
    padding: 16px 0;
    text-align: center;
    font-size: 13px;
    color: #0081d4;
}
.p-landingArticle { margin-bottom: 48px }
.p-landingArticle__header { margin-bottom: 24px }
.p-landingArticle__thumb {
    margin-right: 32px;
    width: 268px;
    height: 136px;
}
.p-landingArticle__title {
    margin: 0;
    line-height: 44px;
    font-size: 34px;
    font-weight: 400;
    color: #333;
}
.p-landingArticle__description {
    margin: 0 0 24px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
}
.p-landingArticle__banner,
.p-landingArticle__moreBtn {
    margin: 0 0 48px;
    text-align: center;
}
.p-landingArticle__moreBtn>a { width: 524px }
.p-landingArticleItems__headline { margin-bottom: 32px }
.p-logo { margin: 0 }
.p-logo>a {
    display: block;
    text-decoration: none;
    font-family: YuGothic,'游ゴシック',"ヒラギノ角ゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}
.p-logo--default { line-height: 68px }
.p-logo--default img {
    width: 160px;
    height: 32px;
}
.p-logo--large { line-height: 100px }
.p-logo--large img {
    width: 200px;
    height: 40px;
}
.p-logo__subtitle,
.p-logo__title { float: left }
.p-logo__title { color: #000 }
.p-logo__subtitle {
    padding-left: 12px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}
.p-navigation { background-color: #f7f7f7 }
.p-paging { text-align: center }
.p-paging__pager { margin-bottom: 24px }
.p-pickupTopic__header { margin-bottom: 20px }
.p-pickupTopic__flag {
    float: left;
    margin-right: 24px;
}
.p-pickupTopic__title {
    margin: 0 0 16px;
    padding-bottom: 16px;
    line-height: 32px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 20px;
}
.p-pickupTopic__caption {
    margin: 0;
    line-height: 20px;
    font-size: 13px;
}
.p-pickupTopic__body { margin-bottom: 40px }
.p-pinterest {
    width: 600px;
    border-radius: 4px;
    border: 1px solid #ddd;
}
.p-pinterest a { color: inherit }
.p-pinterest__pinit {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
}
.p-pinterest__thumbnail { position: relative }
.p-pinterest__thumbnailImage {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #d8d8d8;
    background-position: top center;
    background-size: cover;
    max-height: 1000px;
}
.p-pinterest__thumbnailImage:hover { opacity: .9 }
.p-pinterest__information {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}
.p-pinterest__information .u-truncate {
    margin: 0;
    vertical-align: middle;
}
.p-pinterest__counters {
    display: table;
    font-size: 10px;
    color: #b9b9b9;
    margin-top: 10px;
    line-height: 1;
}
.p-pinterest__counterItem {
    display: table-cell;
    vertical-align: middle;
}
.p-pinterest__counterItem>img { margin-right: 5px }
.p-pinterest__counterItem:not(:last-child) { padding-right: 10px }
.p-pinterest__zoomLink {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: block;
    line-height: 34px;
    height: 34px;
    font-size: 11px;
    font-weight: 700;
    background-color: rgba(255,255,255,.9);
}
.p-pinterest .p-pinterest__zoomLink { color: #666 }
.p-pinterest__logoLink {
    display: block;
    padding: 10px;
    text-align: center;
}
.p-pinterest__attributionIcon,
.p-pinterest__logo {
    display: inline-block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.p-pinterest__attributionIcon {
    margin-right: 5px;
    width: 10px;
    height: 10px;
}
.p-pinterest__logo {
    vertical-align: middle;
    width: 70px;
    height: 18px;
}
.p-recommendTopic { margin-bottom: -8px }
.p-recommendTopic::after,
.p-recommendTopic::before {
    content: '';
    display: table;
}
.p-recommendTopic::after { clear: both }
.p-recommendTopic__item {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}
.p-recommendTopic__item>a {
    display: block;
    padding: 12px;
    line-height: 1;
    background-color: #f7f7f7;
    font-size: 12px;
    color: #000;
}
.p-recommendTopic__item>a:hover { color: rgba(0,0,0,.5) }
.p-rules__title {
    margin: 0 0 32px;
    font-size: 24px;
    font-weight: 700;
}
.p-rules__section {
    margin-bottom: 40px;
    line-height: 24px;
}
.p-rules__section a { color: #5aa6bf }
.p-rules__section p { margin: 0 0 32px }
.p-rules__headline {
    margin: 0 0 32px;
    font-size: 18px;
    font-weight: 700;
}
.p-rules__listTitle {
    display: block;
    margin: 12px 0 8px;
}
.p-rules__listText {
    display: block;
    margin-bottom: 8px;
}
.p-rules__note { text-align: right }
.p-search__body,
.p-search__headline { margin-bottom: 40px }
.p-shareRanking__header { margin-bottom: 32px }
.p-shareRanking__body { margin-bottom: 40px }
.p-shareRankingHeader { line-height: 32px }
.p-shareRankingHeader::after,
.p-shareRankingHeader::before {
    content: '';
    display: table;
}
.p-shareRankingHeader::after { clear: both }
.p-shareRankingHeader__title {
    float: left;
    margin: 0 40px 0 0;
}
.p-shareRankingHeader__nav { float: left }
.p-shareRankingHeader__navItem {
    position: relative;
    float: left;
    margin-right: 12px;
}
.p-shareRankingHeader__navItem>a {
    display: block;
    font-size: 14px;
}
.p-shareRankingHeader__navItem.is-active>a { color: #ff4f4f }
.p-shareRankingHeader__navItem.is-active::after {
    position: absolute;
    display: block;
    top: 36px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff4f4f;
    content: '';
}
.p-shareRankingHeader__menu {
    position: relative;
    float: right;
}
.p-sideCategoryList__item {
    display: block;
    margin-bottom: 12px;
}
.p-sideCategoryList__item:last-child { margin-bottom: 0 }
.p-sideCategoryList__item>a {
    line-height: 1;
    font-size: 13px;
    color: #000;
}
.p-sideCategoryList__item>a:hover { color: rgba(0,0,0,.5) }
.p-siteNav__item>a {
    text-decoration: none;
    font-size: 13px;
    color: #000;
}
.p-siteNav__item+.p-siteNav__item { padding-left: 32px }
.p-topCategoryPickup { padding: 48px 0 }
.p-topCategoryPickup__headline { margin-bottom: 24px }
.p-topCategoryPickup__title {
    margin: 0;
    line-height: 32px;
}
.p-topHero {
	padding: 0 0 1px 0;
    height: 360px
    background-color: #000000;
}
.p-topHero__items {
    margin: 0 auto;
    max-width: 100%;
    /*min-width: 1140px;*/
}
.p-topHero__item>a {
    position: relative;
    display: block;
    transition: 300ms all ease-out;
}
.p-topHero__item>a:hover { opacity: .8 }
.p-topHero__item>a::after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.65)100%);
    content: '';
}
.p-topHero__thumb {
    width: 100%;
    /*height: 360px;*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.p-topHero__category,
.p-topHero__title {
    position: absolute;
    left: 0;
    color: #fff;
    z-index: 1;
}
.p-topHero__category {
    display: block;
    top: 0;
    padding: 8px 8px 8px 12px;
    line-height: 1;
    font-size: 16px;
}
.p-topHero__category::after {
    position: absolute;
    display: block;
    top: 0;
    right: -12px;
    width: 32px;
    height: 32px;
    background-color: inherit;
    z-index: -1;
    transform: skewX(-36deg);
    content: '';
}
.p-topHero__title {
    margin: 0;
    padding: 16px;
    right: 0;
    bottom: 0;
    line-height: 32px;
    font-size: 208%;
    font-weight: 400;
}
.p-topShareRanking {
    padding: 48px 0;
    line-height: 32px;
    background-color: #f7f7f7;
}
.p-topShareRanking__header,
.p-topicArticles__header,
.p-topicArticles__headline,
.p-topicArticles__pickupTopic { margin-bottom: 24px }
.p-topicArticles__body { margin-bottom: 40px }
.p-topicpath { line-height: 50px }
.p-topicpath__item {
    display: inline-block;
    font-size: 13px;
    color: #333;
}
.p-topicpath__item>a:hover,
.p-topicpath__subItem>a:hover { color: rgba(51,51,51,.5) }
.p-topicpath__arrow {
    min-width: 13px;
    line-height: 50px;
    vertical-align: -1px;
    text-align: center;
    color: #999;
}
.p-topicpath__arrow,
.p-topicpath__subItem,
.p-topicpath__subItems { display: inline-block }
.p-topicpath__subItem>a {
    display: block;
    padding: 4px;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    font-size: 13px;
    color: #333;
}
.p-topics__headline { margin-bottom: 48px }
.p-topics__body { margin-bottom: 40px }
.p-user__headline { margin-bottom: 24px }
.p-user__board { margin-bottom: 48px }
.p-user__listTitle { margin-bottom: 24px }
.p-user__body { margin-bottom: 40px }
.p-userBoard {
    padding: 24px;
    background-color: #f7f7f7;
}
.p-userBoard__avatar { margin-right: 24px }
.p-userBoard__avatar>img {
    width: 144px;
    height: 144px;
    border-radius: 144px;
}
.p-userBoard__body {
    display: table;
    min-height: 144px;
}
.p-userBoard__inner {
    display: table-cell;
    vertical-align: middle;
}
.p-userBoard__username {
    margin: 0 0 8px;
    line-height: 28px;
    font-size: 208%;
    font-weight: 700;
    color: #333;
}
.p-userBoard__introduction {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    color: #333;
}
.p-userBoard__introduction>a { color: #0081d4 }
.p-widgetMoreLink {
    margin: 0;
    line-height: 36px;
    text-align: right;
    font-size: 14px;
}
.p-widgetMoreLink>a { color: #000 }
.p-widgetMoreLink>a:hover { color: rgba(0,0,0,.5) }
.p-widgetMoreLink__icon {
    margin-left: 4px;
    vertical-align: -1px;
}
.p-writeButton {
    display: inline-block;
    padding: 1px 24px 0;
    line-height: 32px;
    border: 2px solid #fff;
    border-radius: 18px;
    box-shadow: 0 1px 0 #e5b700;
    text-align: center;
}
.p-information {
    background-color: #efefef;
    border-bottom: 1px solid #f0f0f0;
    line-height: 52px;
}
.p-information a {
    font-size: 14px;
    color: #0081d4;
}
.p-information a:hover { text-decoration: underline }
.p-information__icon {
    display: inline-block;
    background-color: #fc0;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    margin-right: 8px;
    padding: 0 6px;
}
.p-abemaTvBanner {
    margin-top: 0;
    margin-bottom: 40px;
}
.u-clearfix::after,
.u-clearfix::before {
    content: '';
    display: table;
}
.u-clearfix::after { clear: both }
.u-color--tw { color: #1b95e0!important }
.u-color--fb { color: #3b5998!important }
.u-color--feedly { color: #87c040!important }
.u-bgColor--accent { background-color: #ff4f4f!important }
.u-bgColor--tw { background-color: #1b95e0!important }
.u-bgColor--fb { background-color: #3b5998!important }
.u-bgColor--feedly { background-color: #87c040!important }
.u-bgColor--google { background-color: #db4437!important }
.u-bgColor--hatena { background-color: #0083d1!important }
.u-bgColor--pocket { background-color: #f13d53!important }
.u-bgColor--nanagogo { background-color: #fb4c42!important }
.u-bgColor--youtube { background-color: #cd201f!important }
.u-bgColor--trends { background-color: #ff6d8f!important }
.u-bgColor--culture { background-color: #00a5ce!important }
.u-bgColor--useful { background-color: #9eaf3d!important }
.u-bgColor--girls { background-color: #ff6f90!important }
.u-bgColor--emotion { background-color: #c64579!important }
.u-bgColor--person { background-color: #f0843b!important }
.u-bgColor--life { background-color: #41c196!important }
.u-bgColor--item { background-color: #d4af00!important }
.u-bgColor--official { background-color: #4dac26!important }
.u-bgColor--trip { background-color: #297c92!important }
.u-bgColor--car { background-color: #333!important }
.u-bgColor--recipe { background-color: #e28e02!important }
.u-bgColor--goods { background-color: #279a53!important }
.u-bgColor--animal { background-color: #41b8c6!important }
.u-bgColor--column { background-color: #c86fd7!important }
.u-bgColor--original { background-color: #B40404!important }/*#3180c9*/
.u-bgColor--all { background-color: #ce8a53!important }
.u-borderColor--accent { border-color: #ff4f4f!important }
.u-borderColor--trends { border-color: #ff6d8f!important }
.u-borderColor--culture { border-color: #00a5ce!important }
.u-borderColor--useful { border-color: #9eaf3d!important }
.u-borderColor--girls { border-color: #ff6f90!important }
.u-borderColor--emotion { border-color: #c64579!important }
.u-borderColor--person { border-color: #f0843b!important }
.u-borderColor--life { border-color: #41c196!important }
.u-borderColor--item { border-color: #d4af00!important }
.u-borderColor--official { border-color: #4dac26!important }
.u-borderColor--trip { border-color: #297c92!important }
.u-borderColor--car { border-color: #333!important }
.u-borderColor--recipe { border-color: #e28e02!important }
.u-borderColor--goods { border-color: #279a53!important }
.u-borderColor--animal { border-color: #41b8c6!important }
.u-borderColor--column { border-color: #c86fd7!important }
.u-borderColor--original { border-color: #3180c9!important }
.u-borderColor--all { border-color: #ce8a53!important }
.u-color--trends { color: #ff6d8f!important }
.u-color--culture { color: #00a5ce!important }
.u-color--useful { color: #9eaf3d!important }
.u-color--girls { color: #ff6f90!important }
.u-color--emotion { color: #c64579!important }
.u-color--person { color: #f0843b!important }
.u-color--life { color: #41c196!important }
.u-color--item { color: #d4af00!important }
.u-color--official { color: #4dac26!important }
.u-color--trip { color: #297c92!important }
.u-color--car { color: #333!important }
.u-color--recipe { color: #e28e02!important }
.u-color--goods { color: #279a53!important }
.u-color--animal { color: #41b8c6!important }
.u-color--column { color: #c86fd7!important }
.u-color--original { color: #3180c9!important }
.u-color--all { color: #ce8a53!important }
.u-font--myriad {
    font-family: "Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
    font-weight: 400;
}
.u-font--futura {
    font-family: "Futura",Arial,sans-serif;
    font-weight: 400;
}
.u-bold { font-weight: 700 }
.u-list--decimal>li { list-style: decimal inside }
.u-truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.u-wrap {
    -ms-word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}




.dw-search__hitword { font-weight: 700 }
.td-color { color: #ff4f4f }
.td-size { font-size: 24px }


.p-topHero h3 {
	font-size:300%;
	padding-left: 6%;
	padding-bottom:10px;
	color:#ffffff;
}

.p-topHero__category {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
@media (max-width: 1800px) {
	.p-topHero h3 {
		padding-left: 1%;
	}
}


@media (max-width: 1200px) {
	.p-topHero__title, .p-userBoard__username {
		font-size: 150%;
	}
	.p-topHero {
		/*padding: 20px 0 10px 0;*//*2016-2017 正月対応入れ替え*/
		padding: 0;
	}
	.p-topHero__items{
		margin: 0;
	}
}

@media (max-width: 1000px) {
	.p-topHero__title, .p-userBoard__username {
		font-size: 16px;
	}
	.p-topHero {
		padding: 0 0 10px 0;
	}
	.p-topHero__items{
		margin: 0;
	}
	.p-topHero__category {
		position: relative;
		top: 0;
	}
	.p-topHero__category::after {
		right: 0;
		transform: none;
		widht:0;
		height:0;
	}

	.p-topHero__title {
		position: relative;
		bottom: 0;
		padding: 5px 16px 5px 12px;
		line-height: 1.5;
	}
}




@media (max-width: 767px) {
	.p-topHero__title, .p-userBoard__username {
		font-size: 115%;
	}
	.p-topHero {
		padding: 0 0 10px 0;
	}
	.p-topHero__items{
		margin: 0;
	}
	.p-topHero__category {
		font-size: 16px;
		position: relative;
		top: 0;
		height:32px
	
	}
	.p-topHero__category::after {
		right: 0;
		transform: none;
	}
	.p-topHero__title {
		bottom: 0;
		position: relative;
	}
}

@media (max-width: 641px) {
	.p-userBoard__username {
		font-size: 115%;
	}
	.p-topHero {
		padding: 0 0 10px 0;
	}
	.p-topHero__items{
		margin: 0;
	}
	.p-topHero__category {
		font-size: 16px;
		position: relative;
		top: 0;
		height:32px
	}
	.p-topHero__category::after {
		right: 0;
		transform: none;
	}
	.p-topHero__title {
		bottom: 0;
		position: relative;
	}
}

div#webmagazone {
	border-top: 1px solid #000000;
}

.p-topHero__category {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

div#bingo_information {
	width:100%;
	padding:20px; 
	background-color: rgba(0,0,0,1); 
	z-index: 1; color:#fff;
	font-size:115%;
}
div#bingo_information section.ttl {
	width:61%; 
	padding:20px; 
	background-color: rgba(0,0,0,1); 
	z-index: 1; 
	color:#fff; 
	font-size:115%;  
	margin:0 auto; 
	line-height:200%;
	text-align: center;
}
div#bingo_information section.txt {
	width:60%; 
	padding:20px;
	padding-left: 100px;
	/*padding-left: 20%;*/
	background-color: rgba(0,0,0,1); 
	z-index: 1; 
	color:#fff; 
	font-size:115%; 
	margin:0 auto;
	line-height:1.4;
}
div#bingo_information section.txt ul{
	display: flex;
}
div#bingo_information section.txt ul li.daihyo{
	width:36%;
}
div#bingo_information section.txt ul li.sonota{
	width:45%;
}
div#bingo_information section.txt ul li.sonota_end{
	width:22%;
}

div#bingo_information section.txt ul li p.mb15px{
	margin-bottom:15px;
}
@media (max-width: 767px) {

	div#bingo_information section.ttl {
		width:85%;
		padding: 0;
		padding-right:30px;
	}
	div#bingo_information section.txt {
		width:85%;
		padding: 0;
		padding: 20px 0 20px 0;

	}
	div#bingo_information section.txt ul{
		display: block;
		content: ".";
		height: 0;
		height:100%;
		clear: both;
		overflow:hidden;

	}
	div#bingo_information section.txt ul li.daihyo{
		width:100%;
	}
	div#bingo_information section.txt ul li.sonota{
		float:left;
		width:50%;
	}
	div#bingo_information section.txt ul li.sonota_end{
		float:left;
		width:50%;
	}

}