/**
Backnumber
**/
@-webkit-keyframes fadeIn{
   0%   { opacity: 0; }
   100% { opacity: 1; }
}
@keyframes fadeIn{
   0%   { opacity: 0; }
   100% { opacity: 1; }
}
.primary-container a.backnumber-list-item {
   color: #00BCD4;
   text-decoration: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   border-bottom: solid 1px #EEEEEE;
   text-decoration: none;
   color: rgba(0, 0, 0, 0.870588);
   position: relative;
}
.primary-container a.backnumber-list-item:last-child {
   border-bottom: none;
}
.primary-container a.backnumber-list-item:hover {
   background-color: #00BCD4;　/ *ホバーの色 */
   color: #fff;
}
.backnumber-list-item-index {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 48px;
}
.backnumber-list-item-content {
   padding: 16px 48px 16px 16px;
}
.backnumber-list-item-title {
   margin: 0;
}
.backnumber-list-item-subtitle {
   margin: 0;
   color: #455A64;
}
.primary-container a.backnumber-list-item:hover .backnumber-list-item-subtitle {
   color: #fff;
}
.primary-container a.backnumber-list-item:hover .backnumber-list-item-icon{
   fill: #fff;
}
.backnumber-list-item-icon {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto 16px auto auto;
   width: 24px;
   height: 24px;
   fill: #455A64;
}
.paging-container {
   overflow: auto;
   white-space: nowrap;
   height: 54px;
   margin: 16px 0;
}
.paging-container-inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   min-width: 100%;
   align-item: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   padding: 8px 0;
}
.paging-item {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } .paging-item.is-active {
   cursor: default;
}
.paging-item:not(.is-disabled):not(.is-active):hover  {
   background-color: #00BCD4;
   color: #fff !important;
}
.paging-item:not(.is-disabled):not(.is-active):hover > svg  {
   fill: #fff;
}
.paging-item-nav {
   padding: 6px;
}
.paging-item-nav > svg {
   height: 24px;
   width: 24px;
   fill: #455A64;
}
.paging-item-nav.is-disabled {
   cursor: default;
}
.paging-item-nav.is-disabled > svg {
   fill: #ddd;
}
.paging-item-number {
   text-decoration: none !important;
   color: #455A64 !important;
   padding: 6px;
   text-align: center;
}
.paging-item-number.is-active {
   color: #fff !important;
   background-color: #455A64;
   -webkit-animation: fadeIn 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
           animation: fadeIn 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } .backnumber-content {
   margin-top: 32px;
}
.backnumber-article-nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin: 0 16px;
   padding: 8px 0;
   border-top: 1px solid #CFD8DC;
   border-bottom: 1px solid #CFD8DC;
}
.backnumber-article-nav a {
   text-decoration: none !important;
}
.backnumber-article-back-to-list {
   color: #fff !important;
   padding: 8px 16px;
   line-height: 16px;
   border-radius: 24px;
   background-color: #455A64;
   font-weight: 500;
   -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } .backnumber-article-back-to-list:hover {
   background-color: #78909C;
}

.backnumber-article-nav-text {
   font-size: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #455A64 !important;
}
.backnumber-article-nav-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } .backnumber-article-nav-link > svg {
   width: 48px;
   height: 48px;
   fill: #455A64;
   -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } .backnumber-article-nav-link:hover .backnumber-article-nav-text {
   color: #78909C !important;
}
.backnumber-article-nav-link:hover > svg {
   fill: #78909C;
}
.backnumber-article-nav-blank {
   min-width: 88px;
}