/**
   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 {
   font-size: 15px!important;
   color: #fff !important;
   padding: 4px 8px;
   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: 14px;
   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: 90px;
   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;
}


/*IPG蟆主�蜑�*/
@media only screen and (min-width: 979px) {

.backnumber-list-item-title {
width:600px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

} /*繝�ヰ繧､繧ｹ縺ｮ讓ｪ蟷�′979px莉･荳翫�蝣ｴ蜷�*/

@media only screen and (min-width: 768px) and (max-width: 978px) {

.backnumber-list-item-title {
width:600px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

} /*繝�ヰ繧､繧ｹ縺ｮ讓ｪ蟷�′768莉･荳�978莉･荳九�蝣ｴ蜷�*/

@media only screen and (min-width: 321px) and (max-width: 767px) {

.backnumber-list-item-title {
width:300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

} /*繝�ヰ繧､繧ｹ縺ｮ讓ｪ蟷�′321莉･荳�768莉･荳九�蝣ｴ蜷�*/

@media only screen and (max-width: 320px) {

.backnumber-list-item-title {
width:200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

} /* 繝�ヰ繧､繧ｹ縺ｮ讓ｪ蟷�′320px莉･荳九�蝣ｴ蜷� */
/*IPG蟆主�蜑�*/

/*.item-container-image{
justify-content: left!important;
}
*/


.item-container-image .item-image{
	text-align: left;
}

.bn-center{text-align:center!important;}


/*.backnumber-img {
display: block;
position: relative;
height: 0;
}

.backnumber-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}*/

.backnumber-img img,
.backnumber-img1 img,
.backnumber-img2 img {
position: absolute;
top: 0;
left: 0;
}

.device-type-desktop .backnumber-img {
display: block;
position: relative;
height: 0;
padding-bottom: 357px!important;
}
.device-type-mobile .backnumber-img {
display: block;
position: relative;
height: 0;
padding-bottom: 47.75%!important;
}

.device-type-desktop .backnumber-img1,
.device-type-desktop .backnumber-img2 {
display: block;
position: relative;
height: 0;
padding-bottom: 270px!important;
}
.device-type-mobile .backnumber-img1,
.device-type-mobile .backnumber-img2 {
display: block;
position: relative;
height: 0;
padding-bottom: 56.25%!important;
}