#units {
    font-family: "メイリオ","Meiryo","ＭＳ ゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}
#units a:link {
    color: #007cb0;
    text-decoration: underline;
}
#units a:visited {
    color: #007cb0;
    text-decoration: underline;
}
#units a:hover {
    color: #007cb0;
    text-decoration: none;
}
#units a:active {
    color: #007cb0;
    text-decoration: none;
}
#units .PageHeader {
    border-radius: 0 0 10px 10px;
    display: table;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
    background-position: right 2.5rem;
    background-repeat: no-repeat;
    min-height: 124px;
}
#units .PageHeader a {
    display: block;
    position: absolute;
    right: 0;
    z-index: 100;
}
#units .PageHeader a img{
    margin: 5px 0;
}

#units .PageHeader a::after {
    background: url(/image/jp/channel/units/btn_return.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 30px;
    margin: 5px 15px 5px 0;
    width: 30px;
}

#units .PageHeader a:hover::after {
    opacity: 0.8;
}

#units h1 {
    background: none;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2rem;
    margin: 0;
    padding: 0 110px 0 20px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
#units h1 span {
    display: block;
    font-size: 1.6rem;
}
#units h2 {
    background: none;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8rem;
    margin: 0 0 10px;
    padding: 0 0 10px;
    position: relative;
    border-bottom: solid #000 1px;
}
#units h2 span {
}
#units .p_intro h1 {
    background: none;
    color: #fff;
    font-size: 0;
    font-weight: normal;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: relative;
}
#units sub, #units sup {
    font-size: 0.7rem;
    line-height: 100%;
    margin: auto 1px auto;
}
#units sub {
    vertical-align: -0.15em;
}
#units sup {
    vertical-align: 0.45em;
}
.SiteHeader {
    background: url(/image/global/channel/units/top_bg.png);
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: auto auto 15px;
    max-width: 100%;
    position: relative;
    z-index: 0;
    transition-property: margin;
}
.SiteHeader .Section {
    display: block;
    margin: auto;
    width: 965px;
}
.SiteHeader p {
}
.SiteHeader p img {
}
.SiteHeader h1 {
    margin: 10px auto 0;
}
.SiteHeader h1 img {
    display: block;
}
.SiteHeader h1 img:nth-child(1) {
    width: 528px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
}
.SiteHeader h1 img:nth-child(2) {
    width: 542px;
    max-width: 100%;
    margin-left: calc( 50% - 271px );
}
.SiteHeader.mini,
.SiteHeader.mini h1,
.SiteHeader.mini h1 img {
    transition-duration: 180ms;
    transition-timing-function: ease-out;
}
.SiteHeader.mini {
    margin-bottom: 0px;
}
@media screen and ( max-width : 790px ) {
    .SiteHeader.mini {
    }
}
@media screen and ( max-width : 579px ) {
    .SiteHeader.mini {
        margin-bottom: 0px;
    }
}
.SiteHeader.mini h1 {
    transition-property: margin-top;
    margin-top: -25px;
}
.SiteHeader.mini a {
    display: block;
}
.SiteHeader.mini h1 img {
    transition-property: width,margin,opacity;
}
.SiteHeader.mini h1 img:nth-child(1) {
    width: 0%;
    opacity: 0;
}
.SiteHeader.mini h1 img:nth-child(2) {
    position: relative;
    width: 10%;
    margin-left: 15px;
    top: 40px;
    margin-bottom: 0px;
}
@media screen and ( max-width : 995px ) {
    .SiteHeader.mini h1 img:nth-child(1) {
    }
}
@media screen and ( max-width : 579px ) {
    .SiteHeader h1,
    .SiteHeader.mini h1 {
        margin-top: 10px;
    }
    .SiteHeader h1 img:nth-child(2),
    .SiteHeader.mini h1 img:nth-child(2) {
        margin-left: auto;
        margin-right: auto;
    }
    .SiteHeader.mini h1 img:nth-child(2) {
        top: 0;
        width: 270px;
    }
}
.PageHeaderCategory {
    border: 1px solid #000;
    border-radius: 10px;
    box-sizing: border-box;
    margin: auto auto 20px;
    padding: 20px;
}
.PageHeaderCategory .TextStyleLead {
    margin-bottom: 0;
}
.Column_3rd_1 {
    float: left;
    margin: 0 0 0 16px;
    padding: 0;
    width: 311px;
}
.Column_3rd_2 {
    float: left;
    margin: 0 0 0 16px;
    padding: 0;
    width: 66%;
}
.Column_3rd_1 strong, .Column_3rd_2 strong {
    text-align: left;
}
.Column_3rd_1.FirstItem, .Column_3rd_2.FirstItem, .Column_3rd_1:first-child, .Column_3rd_2:first-child {
    margin: 0;
    padding: 0;
}
#units .Column_3rd_1 a:link {
    color: #505050;
    text-decoration: none;
}
#units .Column_3rd_1 a:visited {
    color: #505050;
    text-decoration: none;
}
#units .Column_3rd_1 a:hover {
    color: #505050;
    text-decoration: none;
}
#units .Column_3rd_1 a:active {
    color: #505050;
    text-decoration: none;
}
.ColumnBanner {
    margin-bottom: 50px;
    position: relative;
}
.ColumnBanner dl {
    border: solid 2px #505050;
    border-radius: 10px;
    display: block;
    min-height: 130px;
    padding: 10px;
    position: relative;
}
.ColumnBanner dt {
    background-color: #505050;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 10px;
    padding: 4px 0;
    text-align: center;
}
.ColumnBanner dd {
    font-size: 0.85rem;
}
.ColumnBanner .Inactive {
    border: solid 2px #b4b4b4;
}
.ColumnBanner .Inactive dt {
    background-color: #b4b4b4;
}
.ColumnBanner a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#units .Column1 {
    margin-bottom: 15px;
}
.Panel {
    position: relative;
}
.Panel dl {
background-color: #999999;
border-radius: 10px;
min-height: 230px;
}



.Panel dl:after {
        content: "";
        display: block;
        clear: both;
    }


.Panel dt {
            border-radius: 10px 10px 0 0 ;
}
.Panel img {
}
.Panel dd {
    font-size: 0.85rem;
    display: block;
    padding: 3px 10px;
    position: relative;
    text-align: center;
    font-weight: normal;
}
.Panel dd:first-of-type {
    font-size: 1.2rem;
    font-weight: bold;

}

.Panel dd:last-of-type {
    font-weight: bold;

}
.Panel a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.TextStyleLead {
    margin-bottom: 15px;
}
.CatchCopyBigger {
    font-size: 1.35rem;
    margin-bottom: 15px;
    padding-bottom: 0;
}
#units .TextStyle1 {
    font-size: 1.0rem;
    line-height: 1.6;
}
.mgbL {
    margin-bottom: -30px;
}
.Pagination {
    margin-bottom: 50px;
}
.Pagination p {
    display: inline-block;
    margin: auto;
    min-width: 120px;
    text-align: center;
}
.Pagination p a {
    background-color: #3b5672;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 0.765rem;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-color: #e78b00;
}
#units .Pagination a:link {
    color: #fff;
    text-decoration: none;
}
#units .Pagination a:visited {
    color: #fff;
    text-decoration: none;
}
#units .Pagination a:hover {
    color: #fff;
    text-decoration: none;
}
#units .Pagination a:active {
    color: #fff;
    text-decoration: none;
}
#units .Pagination .Column_3rd_1 {
    text-align: center;
}
#units .Pagination .Column_3rd_1:first-of-type {
    text-align: left;
}
#units .Pagination .Column_3rd_1:last-of-type {
    text-align: right;
}
.Column_3rd_1 .PaginationPrev a {
    background-image: url(/image/global/channel/units/icon_prev.png);
    background-position: left center;
    padding-left: 38px;
}
.Column_3rd_1 .PaginationTop {
}
.Column_3rd_1 .PaginationTop a {
}
.Column_3rd_1 .PaginationNext {
}
.Column_3rd_1 .PaginationNext a {
    background-image: url(/image/global/channel/units/icon_next.png);
    background-position: right center;
    padding-right: 38px;
}
.PageHeader.p_c1_01, .PageHeader.p_c2_01, .PageHeader.p_c3_01, .PageHeader.p_c4_01, .PageHeader.p_c5_01 {
    background: url(/image/global/channel/units/title_c1.png);
    background-position: center center;
    background-color: #00bdf9;
}
#units .PageHeader.p_c1_01 h1, #units .PageHeader.p_c2_01 h1, #units .PageHeader.p_c3_01 h1, #units .PageHeader.p_c4_01 h1, #units .PageHeader.p_c5_01 h1 {
    color: #ffffff;
    text-align: center;
    line-height: 1.5;
    padding: 0;
}


@media screen and (max-width:994px) {
    .SiteHeader .Section {
        display: block;
        margin: auto;
        width: 100%;
    }
    .JS .ColumnSet {
        width: auto;
        margin: 0 0 0 -15px;
    }
    .Column_3rd_1 {
        float: left;
        margin-left: 16px;
        padding: 0;
        width: calc(33% - 16px);
    }
    .Column_3rd_1.FirstItem, .Column_3rd_2.FirstItem, .Column_3rd_1:first-child, .Column_3rd_2:first-child {
        margin: 0 0 0 16px;
        padding: 0;
    }
    .Column_3rd_2 {
        margin: 0 0 0 16px;
        width: 64%;
    }
}
@media screen and (max-width:767px) {


      .Panel dl {
        min-height: 165px;
    }

    .Panel dt {
        margin-bottom: 5px;
        float: left;
        margin-right: 30px;
    }
        .Panel dd {
            text-align: left;
    }
    .Panel dt:after {
        content: "";
        display: block;
        clear: both;
    }
    .PageHeaderCategory {
        margin: auto;
        width: 100%;
    }
}
@media screen and (max-width:579px) {
    #units .PageHeader {
        min-height: 140px;
    }
    #units .PageHeader a {
        margin: 0 auto;
        left: 0;
        text-align: center;
        width: 40%;
    }
    #units .PageHeader a img{
        width: 100%;
    }
    #units .PageHeader a::after {
        position: absolute;
        width: 15%;
        height: 75%;
    }
    #units .PageHeader a + h1, #units .PageHeader.p_c1_01 h1, #units .PageHeader.p_c2_01 h1, #units .PageHeader.p_c3_01 h1, #units .PageHeader.p_c4_01 h1, #units .PageHeader.p_c5_01 h1 {
        padding-top: 8%;
    }
    .Column_3rd_1 .PaginationPrev a, .Column_3rd_1 .PaginationNext a {
        padding: 5px 38px;
    }
    .Column_3rd_1.FirstItem, .Column_3rd_2.FirstItem, .Column_3rd_1:first-child, .Column_3rd_2:first-child {
        margin: 0 0 15px 16px;
        padding: 0;
    }
    .Column_3rd_1,
    .Column_3rd_2 {
        float: none;
        margin: 0 0 15px 16px;
        padding: 0;
        width: calc(100% - 15px);
    }
    .Pagination p {
        display: block;
        margin: auto;
        min-width: 120px;
        text-align: center;
    }
}


/**/
.PageHeader.p_01_01 {background: url(/image/global/channel/units/badge_01_01.png);background-color: #5accf4;}#units .PageHeader.p_01_01 h1{color: #ffffff;}.Pagination .p_01_01 a,dl.p_01_01{background-color: #5accf4!important;color: #ffffff!important;}
.PageHeader.p_01_02 {background: url(/image/global/channel/units/badge_01_02.png);background-color: #fecb49;}#units .PageHeader.p_01_02 h1{color: #ffffff;}.Pagination .p_01_02 a,dl.p_01_02{background-color: #fecb49!important;color: #ffffff!important;}
.PageHeader.p_01_03 {background: url(/image/global/channel/units/badge_01_03.png);background-color: #5accf4;}#units .PageHeader.p_01_03 h1{color: #ffffff;}.Pagination .p_01_03 a,dl.p_01_03{background-color: #5accf4!important;color: #ffffff!important;}
.PageHeader.p_01_04 {background: url(/image/global/channel/units/badge_01_04.png);background-color: #fecb49;}#units .PageHeader.p_01_04 h1{color: #ffffff;}.Pagination .p_01_04 a,dl.p_01_04{background-color: #fecb49!important;color: #ffffff!important;}
.PageHeader.p_01_05 {background: url(/image/global/channel/units/badge_01_05.png);background-color: #00bdf9;}#units .PageHeader.p_01_05 h1{color: #ffffff;}.Pagination .p_01_05 a,dl.p_01_05{background-color: #00bdf9!important;color: #ffffff!important;}
.PageHeader.p_01_06 {background: url(/image/global/channel/units/badge_01_06.png);background-color: #4c4a62;}#units .PageHeader.p_01_06 h1{color: #ffffff;}.Pagination .p_01_06 a,dl.p_01_06{background-color: #4c4a62!important;color: #ffffff!important;}
.PageHeader.p_01_07 {background: url(/image/global/channel/units/badge_01_07.png);background-color: #d8fe4b;}#units .PageHeader.p_01_07 h1{color: #666666;}.Pagination .p_01_07 a,dl.p_01_07{background-color: #d8fe4b!important;color: #666666!important;}
.PageHeader.p_01_08 {background: url(/image/global/channel/units/badge_01_08.png);background-color: #00b95f;}#units .PageHeader.p_01_08 h1{color: #ffffff;}.Pagination .p_01_08 a,dl.p_01_08{background-color: #00b95f!important;color: #ffffff!important;}
.PageHeader.p_01_09 {background: url(/image/global/channel/units/badge_01_09.png);background-color: #fecb49;}#units .PageHeader.p_01_09 h1{color: #ffffff;}.Pagination .p_01_09 a,dl.p_01_09{background-color: #fecb49!important;color: #ffffff!important;}
.PageHeader.p_01_10 {background: url(/image/global/channel/units/badge_01_10.png);background-color: #00ba65;}#units .PageHeader.p_01_10 h1{color: #ffffff;}.Pagination .p_01_10 a,dl.p_01_10{background-color: #00ba65!important;color: #ffffff!important;}
.PageHeader.p_01_11 {background: url(/image/global/channel/units/badge_01_11.png);background-color: #fbed21;}#units .PageHeader.p_01_11 h1{color: #ffffff;}.Pagination .p_01_11 a,dl.p_01_11{background-color: #fbed21!important;color: #ffffff!important;}
.PageHeader.p_01_12 {background: url(/image/global/channel/units/badge_01_12.png);background-color: #00bdf9;}#units .PageHeader.p_01_12 h1{color: #ffffff;}.Pagination .p_01_12 a,dl.p_01_12{background-color: #00bdf9!important;color: #ffffff!important;}
.PageHeader.p_01_13 {background: url(/image/global/channel/units/badge_01_13.png);background-color: #187FC4;}#units .PageHeader.p_01_13 h1{color: #ffffff;}.Pagination .p_01_13 a,dl.p_01_13{background-color:#187FC4!important;color: #ffffff!important;}
.PageHeader.p_01_14 {background: url(/image/global/channel/units/badge_01_14.png);background-color: #00AFEC;}#units .PageHeader.p_01_14 h1{color: #ffffff;}.Pagination .p_01_14 a,dl.p_01_14{background-color:#00AFEC!important;color: #ffffff!important;}
.PageHeader.p_01_15 {background: url(/image/global/channel/units/badge_01_15.png);background-color: #00ADA9;}#units .PageHeader.p_01_15 h1{color: #ffffff;}.Pagination .p_01_15 a,dl.p_01_15{background-color:#00ADA9!important;color: #ffffff!important;}
.PageHeader.p_01_16 {background: url(/image/global/channel/units/badge_01_16.png);background-color: #00A95F;}#units .PageHeader.p_01_16 h1{color: #ffffff;}.Pagination .p_01_16 a,dl.p_01_16{background-color:#00A95F!important;color: #ffffff!important;}
.PageHeader.p_01_17 {background: url(/image/global/channel/units/badge_01_17.png);background-color: #AACF52;}#units .PageHeader.p_01_17 h1{color: #333333;}.Pagination .p_01_17 a,dl.p_01_17{background-color:#AACF52!important;color: #333333!important;}
.PageHeader.p_01_18 {background: url(/image/global/channel/units/badge_01_18.png);background-color: #FFF33F;}#units .PageHeader.p_01_18 h1{color: #333333;}.Pagination .p_01_18 a,dl.p_01_18{background-color:#FFF33F!important;color: #333333!important;}
.PageHeader.p_01_19 {background: url(/image/global/channel/units/badge_01_19.png);background-color: #F6AD3C;}#units .PageHeader.p_01_19 h1{color: #ffffff;}.Pagination .p_01_19 a,dl.p_01_19{background-color:#F6AD3C!important;color: #ffffff!important;}
.PageHeader.p_01_20 {background: url(/image/global/channel/units/badge_01_20.png);background-color: #EA5532;}#units .PageHeader.p_01_20 h1{color: #ffffff;}.Pagination .p_01_20 a,dl.p_01_20{background-color:#EA5532!important;color: #ffffff!important;}
.PageHeader.p_01_21 {background: url(/image/global/channel/units/badge_01_21.png);background-color: #E9546B;}#units .PageHeader.p_01_21 h1{color: #ffffff;}.Pagination .p_01_21 a,dl.p_01_21{background-color:#E9546B!important;color: #ffffff!important;}
.PageHeader.p_01_22 {background: url(/image/global/channel/units/badge_01_22.png);background-color: #E85298;}#units .PageHeader.p_01_22 h1{color: #ffffff;}.Pagination .p_01_22 a,dl.p_01_22{background-color:#E85298!important;color: #ffffff!important;}
.PageHeader.p_01_23 {background: url(/image/global/channel/units/badge_01_23.png);background-color: #A64A97;}#units .PageHeader.p_01_23 h1{color: #ffffff;}.Pagination .p_01_23 a,dl.p_01_23{background-color:#A64A97!important;color: #ffffff!important;}
.PageHeader.p_01_24 {background: url(/image/global/channel/units/badge_01_24.png);background-color: #4D4398;}#units .PageHeader.p_01_24 h1{color: #ffffff;}.Pagination .p_01_24 a,dl.p_01_24{background-color:#4D4398!important;color: #ffffff!important;}
.PageHeader.p_01_25 {background: url(/image/global/channel/units/badge_01_25.png);background-color: #187FC4;}#units .PageHeader.p_01_25 h1{color: #ffffff;}.Pagination .p_01_25 a,dl.p_01_25{background-color:#187FC4!important;color: #ffffff!important;}
.PageHeader.p_01_26 {background: url(/image/global/channel/units/badge_01_26.png);background-color: #00AFEC;}#units .PageHeader.p_01_26 h1{color: #ffffff;}.Pagination .p_01_26 a,dl.p_01_26{background-color:#00AFEC!important;color: #ffffff!important;}
.PageHeader.p_01_27 {background: url(/image/global/channel/units/badge_01_27.png);background-color: #00ADA9;}#units .PageHeader.p_01_27 h1{color: #ffffff;}.Pagination .p_01_27 a,dl.p_01_27{background-color:#00ADA9!important;color: #ffffff!important;}
.PageHeader.p_01_28 {background: url(/image/global/channel/units/badge_01_28.png);background-color: #00A95F;}#units .PageHeader.p_01_28 h1{color: #ffffff;}.Pagination .p_01_28 a,dl.p_01_28{background-color:#00A95F!important;color: #ffffff!important;}
.PageHeader.p_02_01 {background: url(/image/global/channel/units/badge_02_01.png);background-color: #AACF52;}#units .PageHeader.p_02_01 h1{color: #333333;}.Pagination .p_02_01 a,dl.p_02_01{background-color:#AACF52!important;color: #333333!important;}
.PageHeader.p_02_02 {background: url(/image/global/channel/units/badge_02_02.png);background-color: #FFF33F;}#units .PageHeader.p_02_02 h1{color: #333333;}.Pagination .p_02_02 a,dl.p_02_02{background-color:#FFF33F!important;color: #333333!important;}
.PageHeader.p_02_03 {background: url(/image/global/channel/units/badge_02_03.png);background-color: #F6AD3C;}#units .PageHeader.p_02_03 h1{color: #ffffff;}.Pagination .p_02_03 a,dl.p_02_03{background-color:#F6AD3C!important;color: #ffffff!important;}
.PageHeader.p_02_04 {background: url(/image/global/channel/units/badge_02_04.png);background-color: #EA5532;}#units .PageHeader.p_02_04 h1{color: #ffffff;}.Pagination .p_02_04 a,dl.p_02_04{background-color:#EA5532!important;color: #ffffff!important;}
.PageHeader.p_02_05 {background: url(/image/global/channel/units/badge_02_05.png);background-color: #E9546B;}#units .PageHeader.p_02_05 h1{color: #ffffff;}.Pagination .p_02_05 a,dl.p_02_05{background-color:#E9546B!important;color: #ffffff!important;}
.PageHeader.p_02_06 {background: url(/image/global/channel/units/badge_02_06.png);background-color: #E85298;}#units .PageHeader.p_02_06 h1{color: #ffffff;}.Pagination .p_02_06 a,dl.p_02_06{background-color:#E85298!important;color: #ffffff!important;}
.PageHeader.p_02_07 {background: url(/image/global/channel/units/badge_02_07.png);background-color: #A64A97;}#units .PageHeader.p_02_07 h1{color: #ffffff;}.Pagination .p_02_07 a,dl.p_02_07{background-color:#A64A97!important;color: #ffffff!important;}
.PageHeader.p_02_08 {background: url(/image/global/channel/units/badge_02_08.png);background-color: #4D4398;}#units .PageHeader.p_02_08 h1{color: #ffffff;}.Pagination .p_02_08 a,dl.p_02_08{background-color:#4D4398!important;color: #ffffff!important;}
.PageHeader.p_02_09 {background: url(/image/global/channel/units/badge_02_09.png);background-color: #187FC4;}#units .PageHeader.p_02_09 h1{color: #ffffff;}.Pagination .p_02_09 a,dl.p_02_09{background-color:#187FC4!important;color: #ffffff!important;}
.PageHeader.p_02_10 {background: url(/image/global/channel/units/badge_02_10.png);background-color: #00AFEC;}#units .PageHeader.p_02_10 h1{color: #ffffff;}.Pagination .p_02_10 a,dl.p_02_10{background-color:#00AFEC!important;color: #ffffff!important;}
.PageHeader.p_02_11 {background: url(/image/global/channel/units/badge_02_11.png);background-color: #00ADA9;}#units .PageHeader.p_02_11 h1{color: #ffffff;}.Pagination .p_02_11 a,dl.p_02_11{background-color:#00ADA9!important;color: #ffffff!important;}
.PageHeader.p_02_12 {background: url(/image/global/channel/units/badge_02_12.png);background-color: #00A95F;}#units .PageHeader.p_02_12 h1{color: #ffffff;}.Pagination .p_02_12 a,dl.p_02_12{background-color:#00A95F!important;color: #ffffff!important;}
.PageHeader.p_02_13 {background: url(/image/global/channel/units/badge_02_13.png);background-color: #AACF52;}#units .PageHeader.p_02_13 h1{color: #333333;}.Pagination .p_02_13 a,dl.p_02_13{background-color:#AACF52!important;color: #333333!important;}
.PageHeader.p_02_14 {background: url(/image/global/channel/units/badge_02_14.png);background-color: #FFF33F;}#units .PageHeader.p_02_14 h1{color: #333333;}.Pagination .p_02_14 a,dl.p_02_14{background-color:#FFF33F!important;color: #333333!important;}
.PageHeader.p_02_15 {background: url(/image/global/channel/units/badge_02_15.png);background-color: #F6AD3C;}#units .PageHeader.p_02_15 h1{color: #ffffff;}.Pagination .p_02_15 a,dl.p_02_15{background-color:#F6AD3C!important;color: #ffffff!important;}
.PageHeader.p_02_16 {background: url(/image/global/channel/units/badge_02_16.png);background-color: #EA5532;}#units .PageHeader.p_02_16 h1{color: #ffffff;}.Pagination .p_02_16 a,dl.p_02_16{background-color:#EA5532!important;color: #ffffff!important;}
.PageHeader.p_02_17 {background: url(/image/global/channel/units/badge_02_17.png);background-color: #E9546B;}#units .PageHeader.p_02_17 h1{color: #ffffff;}.Pagination .p_02_17 a,dl.p_02_17{background-color:#E9546B!important;color: #ffffff!important;}
.PageHeader.p_02_18 {background: url(/image/global/channel/units/badge_02_18.png);background-color: #E85298;}#units .PageHeader.p_02_18 h1{color: #ffffff;}.Pagination .p_02_18 a,dl.p_02_18{background-color:#E85298!important;color: #ffffff!important;}
.PageHeader.p_02_19 {background: url(/image/global/channel/units/badge_02_19.png);background-color: #A64A97;}#units .PageHeader.p_02_19 h1{color: #ffffff;}.Pagination .p_02_19 a,dl.p_02_19{background-color:#A64A97!important;color: #ffffff!important;}
.PageHeader.p_02_20 {background: url(/image/global/channel/units/badge_02_20.png);background-color: #4D4398;}#units .PageHeader.p_02_20 h1{color: #ffffff;}.Pagination .p_02_20 a,dl.p_02_20{background-color:#4D4398!important;color: #ffffff!important;}
.PageHeader.p_02_21 {background: url(/image/global/channel/units/badge_02_21.png);background-color: #187FC4;}#units .PageHeader.p_02_21 h1{color: #ffffff;}.Pagination .p_02_21 a,dl.p_02_21{background-color:#187FC4!important;color: #ffffff!important;}
.PageHeader.p_02_22 {background: url(/image/global/channel/units/badge_02_22.png);background-color: #00AFEC;}#units .PageHeader.p_02_22 h1{color: #ffffff;}.Pagination .p_02_22 a,dl.p_02_22{background-color:#00AFEC!important;color: #ffffff!important;}
.PageHeader.p_02_23 {background: url(/image/global/channel/units/badge_02_23.png);background-color: #00ADA9;}#units .PageHeader.p_02_23 h1{color: #ffffff;}.Pagination .p_02_23 a,dl.p_02_23{background-color:#00ADA9!important;color: #ffffff!important;}
.PageHeader.p_02_24 {background: url(/image/global/channel/units/badge_02_24.png);background-color: #00A95F;}#units .PageHeader.p_02_24 h1{color: #ffffff;}.Pagination .p_02_24 a,dl.p_02_24{background-color:#00A95F!important;color: #ffffff!important;}
.PageHeader.p_02_25 {background: url(/image/global/channel/units/badge_02_25.png);background-color: #AACF52;}#units .PageHeader.p_02_25 h1{color: #333333;}.Pagination .p_02_25 a,dl.p_02_25{background-color:#AACF52!important;color: #333333!important;}
.PageHeader.p_02_26 {background: url(/image/global/channel/units/badge_02_26.png);background-color: #FFF33F;}#units .PageHeader.p_02_26 h1{color: #333333;}.Pagination .p_02_26 a,dl.p_02_26{background-color:#FFF33F!important;color: #333333!important;}
.PageHeader.p_03_01 {background: url(/image/global/channel/units/badge_03_01.png);background-color: #F6AD3C;}#units .PageHeader.p_03_01 h1{color: #ffffff;}.Pagination .p_03_01 a,dl.p_03_01{background-color:#F6AD3C!important;color: #ffffff!important;}
.PageHeader.p_03_02 {background: url(/image/global/channel/units/badge_03_02.png);background-color: #EA5532;}#units .PageHeader.p_03_02 h1{color: #ffffff;}.Pagination .p_03_02 a,dl.p_03_02{background-color:#EA5532!important;color: #ffffff!important;}
.PageHeader.p_03_03 {background: url(/image/global/channel/units/badge_03_03.png);background-color: #E9546B;}#units .PageHeader.p_03_03 h1{color: #ffffff;}.Pagination .p_03_03 a,dl.p_03_03{background-color:#E9546B!important;color: #ffffff!important;}
.PageHeader.p_03_04 {background: url(/image/global/channel/units/badge_03_04.png);background-color: #E85298;}#units .PageHeader.p_03_04 h1{color: #ffffff;}.Pagination .p_03_04 a,dl.p_03_04{background-color:#E85298!important;color: #ffffff!important;}
.PageHeader.p_03_05 {background: url(/image/global/channel/units/badge_03_05.png);background-color: #A64A97;}#units .PageHeader.p_03_05 h1{color: #ffffff;}.Pagination .p_03_05 a,dl.p_03_05{background-color:#A64A97!important;color: #ffffff!important;}
.PageHeader.p_03_06 {background: url(/image/global/channel/units/badge_03_06.png);background-color: #4D4398;}#units .PageHeader.p_03_06 h1{color: #ffffff;}.Pagination .p_03_06 a,dl.p_03_06{background-color:#4D4398!important;color: #ffffff!important;}
.PageHeader.p_03_07 {background: url(/image/global/channel/units/badge_03_07.png);background-color: #187FC4;}#units .PageHeader.p_03_07 h1{color: #ffffff;}.Pagination .p_03_07 a,dl.p_03_07{background-color:#187FC4!important;color: #ffffff!important;}
.PageHeader.p_03_08 {background: url(/image/global/channel/units/badge_03_08.png);background-color: #00AFEC;}#units .PageHeader.p_03_08 h1{color: #ffffff;}.Pagination .p_03_08 a,dl.p_03_08{background-color:#00AFEC!important;color: #ffffff!important;}
.PageHeader.p_03_09 {background: url(/image/global/channel/units/badge_03_09.png);background-color: #00ADA9;}#units .PageHeader.p_03_09 h1{color: #ffffff;}.Pagination .p_03_09 a,dl.p_03_09{background-color:#00ADA9!important;color: #ffffff!important;}
.PageHeader.p_03_10 {background: url(/image/global/channel/units/badge_03_10.png);background-color: #00A95F;}#units .PageHeader.p_03_10 h1{color: #ffffff;}.Pagination .p_03_10 a,dl.p_03_10{background-color:#00A95F!important;color: #ffffff!important;}
.PageHeader.p_03_11 {background: url(/image/global/channel/units/badge_03_11.png);background-color: #AACF52;}#units .PageHeader.p_03_11 h1{color: #333333;}.Pagination .p_03_11 a,dl.p_03_11{background-color:#AACF52!important;color: #333333!important;}
.PageHeader.p_03_12 {background: url(/image/global/channel/units/badge_03_12.png);background-color: #FFF33F;}#units .PageHeader.p_03_12 h1{color: #333333;}.Pagination .p_03_12 a,dl.p_03_12{background-color:#FFF33F!important;color: #333333!important;}
.PageHeader.p_03_13 {background: url(/image/global/channel/units/badge_03_13.png);background-color: #F6AD3C;}#units .PageHeader.p_03_13 h1{color: #ffffff;}.Pagination .p_03_13 a,dl.p_03_13{background-color:#F6AD3C!important;color: #ffffff!important;}
.PageHeader.p_03_14 {background: url(/image/global/channel/units/badge_03_14.png);background-color: #EA5532;}#units .PageHeader.p_03_14 h1{color: #ffffff;}.Pagination .p_03_14 a,dl.p_03_14{background-color:#EA5532!important;color: #ffffff!important;}
.PageHeader.p_03_15 {background: url(/image/global/channel/units/badge_03_15.png);background-color: #E9546B;}#units .PageHeader.p_03_15 h1{color: #ffffff;}.Pagination .p_03_15 a,dl.p_03_15{background-color:#E9546B!important;color: #ffffff!important;}
.PageHeader.p_03_16 {background: url(/image/global/channel/units/badge_03_16.png);background-color: #E85298;}#units .PageHeader.p_03_16 h1{color: #ffffff;}.Pagination .p_03_16 a,dl.p_03_16{background-color:#E85298!important;color: #ffffff!important;}
.PageHeader.p_03_17 {background: url(/image/global/channel/units/badge_03_17.png);background-color: #A64A97;}#units .PageHeader.p_03_17 h1{color: #ffffff;}.Pagination .p_03_17 a,dl.p_03_17{background-color:#A64A97!important;color: #ffffff!important;}
.PageHeader.p_03_18 {background: url(/image/global/channel/units/badge_03_18.png);background-color: #4D4398;}#units .PageHeader.p_03_18 h1{color: #ffffff;}.Pagination .p_03_18 a,dl.p_03_18{background-color:#4D4398!important;color: #ffffff!important;}
.PageHeader.p_03_19 {background: url(/image/global/channel/units/badge_03_19.png);background-color: #187FC4;}#units .PageHeader.p_03_19 h1{color: #ffffff;}.Pagination .p_03_19 a,dl.p_03_19{background-color:#187FC4!important;color: #ffffff!important;}
.PageHeader.p_03_20 {background: url(/image/global/channel/units/badge_03_20.png);background-color: #00AFEC;}#units .PageHeader.p_03_20 h1{color: #ffffff;}.Pagination .p_03_20 a,dl.p_03_20{background-color:#00AFEC!important;color: #ffffff!important;}
.PageHeader.p_03_21 {background: url(/image/global/channel/units/badge_03_21.png);background-color: #00ADA9;}#units .PageHeader.p_03_21 h1{color: #ffffff;}.Pagination .p_03_21 a,dl.p_03_21{background-color:#00ADA9!important;color: #ffffff!important;}
.PageHeader.p_03_22 {background: url(/image/global/channel/units/badge_03_22.png);background-color: #00A95F;}#units .PageHeader.p_03_22 h1{color: #ffffff;}.Pagination .p_03_22 a,dl.p_03_22{background-color:#00A95F!important;color: #ffffff!important;}
.PageHeader.p_04_01 {background: url(/image/global/channel/units/badge_04_01.png);background-color: #AACF52;}#units .PageHeader.p_04_01 h1{color: #333333;}.Pagination .p_04_01 a,dl.p_04_01{background-color:#AACF52!important;color: #333333!important;}
.PageHeader.p_04_02 {background: url(/image/global/channel/units/badge_04_02.png);background-color: #FFF33F;}#units .PageHeader.p_04_02 h1{color: #333333;}.Pagination .p_04_02 a,dl.p_04_02{background-color:#FFF33F!important;color: #333333!important;}
.PageHeader.p_04_03 {background: url(/image/global/channel/units/badge_04_03.png);background-color: #F6AD3C;}#units .PageHeader.p_04_03 h1{color: #ffffff;}.Pagination .p_04_03 a,dl.p_04_03{background-color:#F6AD3C!important;color: #ffffff!important;}
.PageHeader.p_04_04 {background: url(/image/global/channel/units/badge_04_04.png);background-color: #EA5532;}#units .PageHeader.p_04_04 h1{color: #ffffff;}.Pagination .p_04_04 a,dl.p_04_04{background-color:#EA5532!important;color: #ffffff!important;}
.PageHeader.p_04_05 {background: url(/image/global/channel/units/badge_04_05.png);background-color: #E9546B;}#units .PageHeader.p_04_05 h1{color: #ffffff;}.Pagination .p_04_05 a,dl.p_04_05{background-color:#E9546B!important;color: #ffffff!important;}
.PageHeader.p_04_06 {background: url(/image/global/channel/units/badge_04_06.png);background-color: #E85298;}#units .PageHeader.p_04_06 h1{color: #ffffff;}.Pagination .p_04_06 a,dl.p_04_06{background-color:#E85298!important;color: #ffffff!important;}
.PageHeader.p_04_07 {background: url(/image/global/channel/units/badge_04_07.png);background-color: #A64A97;}#units .PageHeader.p_04_07 h1{color: #ffffff;}.Pagination .p_04_07 a,dl.p_04_07{background-color:#A64A97!important;color: #ffffff!important;}
.PageHeader.p_04_08 {background: url(/image/global/channel/units/badge_04_08.png);background-color: #4D4398;}#units .PageHeader.p_04_08 h1{color: #ffffff;}.Pagination .p_04_08 a,dl.p_04_08{background-color:#4D4398!important;color: #ffffff!important;}
.PageHeader.p_04_09 {background: url(/image/global/channel/units/badge_04_09.png);background-color: #187FC4;}#units .PageHeader.p_04_09 h1{color: #ffffff;}.Pagination .p_04_09 a,dl.p_04_09{background-color:#187FC4!important;color: #ffffff!important;}
.PageHeader.p_04_10 {background: url(/image/global/channel/units/badge_04_10.png);background-color: #00AFEC;}#units .PageHeader.p_04_10 h1{color: #ffffff;}.Pagination .p_04_10 a,dl.p_04_10{background-color:#00AFEC!important;color: #ffffff!important;}
.PageHeader.p_04_11 {background: url(/image/global/channel/units/badge_04_11.png);background-color: #00ADA9;}#units .PageHeader.p_04_11 h1{color: #ffffff;}.Pagination .p_04_11 a,dl.p_04_11{background-color:#00ADA9!important;color: #ffffff!important;}
.PageHeader.p_04_12 {background: url(/image/global/channel/units/badge_04_12.png);background-color: #00A95F;}#units .PageHeader.p_04_12 h1{color: #ffffff;}.Pagination .p_04_12 a,dl.p_04_12{background-color:#00A95F!important;color: #ffffff!important;}
.PageHeader.p_04_13 {background: url(/image/global/channel/units/badge_04_13.png);background-color: #AACF52;}#units .PageHeader.p_04_13 h1{color: #333333;}.Pagination .p_04_13 a,dl.p_04_13{background-color:#AACF52!important;color: #333333!important;}
.PageHeader.p_04_14 {background: url(/image/global/channel/units/badge_04_14.png);background-color: #FFF33F;}#units .PageHeader.p_04_14 h1{color: #333333;}.Pagination .p_04_14 a,dl.p_04_14{background-color:#FFF33F!important;color: #333333!important;}
.PageHeader.p_05_01 {background: url(/image/global/channel/units/badge_05_01.png);background-color: #F6AD3C;}#units .PageHeader.p_05_01 h1{color: #ffffff;}.Pagination .p_05_01 a,dl.p_05_01{background-color:#F6AD3C!important;color: #ffffff!important;}
.PageHeader.p_05_02 {background: url(/image/global/channel/units/badge_05_02.png);background-color: #EA5532;}#units .PageHeader.p_05_02 h1{color: #ffffff;}.Pagination .p_05_02 a,dl.p_05_02{background-color:#EA5532!important;color: #ffffff!important;}
.PageHeader.p_05_03 {background: url(/image/global/channel/units/badge_05_03.png);background-color: #E9546B;}#units .PageHeader.p_05_03 h1{color: #ffffff;}.Pagination .p_05_03 a,dl.p_05_03{background-color:#E9546B!important;color: #ffffff!important;}
.PageHeader.p_05_04 {background: url(/image/global/channel/units/badge_05_04.png);background-color: #E85298;}#units .PageHeader.p_05_04 h1{color: #ffffff;}.Pagination .p_05_04 a,dl.p_05_04{background-color:#E85298!important;color: #ffffff!important;}
.PageHeader.p_05_05 {background: url(/image/global/channel/units/badge_05_05.png);background-color: #A64A97;}#units .PageHeader.p_05_05 h1{color: #ffffff;}.Pagination .p_05_05 a,dl.p_05_05{background-color:#A64A97!important;color: #ffffff!important;}
.PageHeader.p_05_06 {background: url(/image/global/channel/units/badge_05_06.png);background-color: #4D4398;}#units .PageHeader.p_05_06 h1{color: #ffffff;}.Pagination .p_05_06 a,dl.p_05_06{background-color:#4D4398!important;color: #ffffff!important;}
.PageHeader.p_05_07 {background: url(/image/global/channel/units/badge_05_07.png);background-color: #187FC4;}#units .PageHeader.p_05_07 h1{color: #ffffff;}.Pagination .p_05_07 a,dl.p_05_07{background-color:#187FC4!important;color: #ffffff!important;}
.PageHeader.p_05_08 {background: url(/image/global/channel/units/badge_05_08.png);background-color: #00AFEC;}#units .PageHeader.p_05_08 h1{color: #ffffff;}.Pagination .p_05_08 a,dl.p_05_08{background-color:#00AFEC!important;color: #ffffff!important;}
.PageHeader.p_05_09 {background: url(/image/global/channel/units/badge_05_09.png);background-color: #00ADA9;}#units .PageHeader.p_05_09 h1{color: #ffffff;}.Pagination .p_05_09 a,dl.p_05_09{background-color:#00ADA9!important;color: #ffffff!important;}
.PageHeader.p_05_10 {background: url(/image/global/channel/units/badge_05_10.png);background-color: #00A95F;}#units .PageHeader.p_05_10 h1{color: #ffffff;}.Pagination .p_05_10 a,dl.p_05_10{background-color:#00A95F!important;color: #ffffff!important;}
.PageHeader.p_05_11 {background: url(/image/global/channel/units/badge_05_11.png);background-color: #AACF52;}#units .PageHeader.p_05_11 h1{color: #333333;}.Pagination .p_05_11 a,dl.p_05_11{background-color:#AACF52!important;color: #333333!important;}
.PageHeader.p_05_12 {background: url(/image/global/channel/units/badge_05_12.png);background-color: #FFF33F;}#units .PageHeader.p_05_12 h1{color: #333333;}.Pagination .p_05_12 a,dl.p_05_12{background-color:#FFF33F!important;color: #333333!important;}
.PageHeader.p_05_13 {background: url(/image/global/channel/units/badge_05_13.png);background-color: #F6AD3C;}#units .PageHeader.p_05_13 h1{color: #ffffff;}.Pagination .p_05_13 a,dl.p_05_13{background-color:#F6AD3C!important;color: #ffffff!important;}
.PageHeader.p_05_14 {background: url(/image/global/channel/units/badge_05_14.png);background-color: #EA5532;}#units .PageHeader.p_05_14 h1{color: #ffffff;}.Pagination .p_05_14 a,dl.p_05_14{background-color:#EA5532!important;color: #ffffff!important;}
.PageHeader.p_05_15 {background: url(/image/global/channel/units/badge_05_15.png);background-color: #E9546B;}#units .PageHeader.p_05_15 h1{color: #ffffff;}.Pagination .p_05_15 a,dl.p_05_15{background-color:#E9546B!important;color: #ffffff!important;}
.PageHeader.p_05_16 {background: url(/image/global/channel/units/badge_05_16.png);background-color: #E85298;}#units .PageHeader.p_05_16 h1{color: #ffffff;}.Pagination .p_05_16 a,dl.p_05_16{background-color:#E85298!important;color: #ffffff!important;}
.PageHeader.p_05_17 {background: url(/image/global/channel/units/badge_05_17.png);background-color: #A64A97;}#units .PageHeader.p_05_17 h1{color: #ffffff;}.Pagination .p_05_17 a,dl.p_05_17{background-color:#A64A97!important;color: #ffffff!important;}
.PageHeader.p_05_18 {background: url(/image/global/channel/units/badge_05_18.png);background-color: #4D4398;}#units .PageHeader.p_05_18 h1{color: #ffffff;}.Pagination .p_05_18 a,dl.p_05_18{background-color:#4D4398!important;color: #ffffff!important;}
.PageHeader.p_05_19 {background: url(/image/global/channel/units/badge_05_19.png);background-color: #187FC4;}#units .PageHeader.p_05_19 h1{color: #ffffff;}.Pagination .p_05_19 a,dl.p_05_19{background-color:#187FC4!important;color: #ffffff!important;}

/* Panel */

body {
    position: relative;
    overflow: hidden;
}
#panelBox {
    max-width: 965px;
    margin: 0 auto 30px;
}
#panelBox > section {
    display: none;
}
#panelBox > section > h1 {
    background: none;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2rem;
    margin: 10px 0 20px;
    padding: 20px 0 0;
    position: relative;
    color: #333333;
    display: block;
    border-bottom: solid #333 1px;
}
#panelBox > section > h2 {
    background: none;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.7rem;
    margin: 0 0 20px;
    padding: 20px 0 0;
    position: relative;
}
#panelBox > section > p {
    font-size: 1.0rem;
    line-height: 1.6;
}
#panelBox > section > p.panelBox_description {
    margin: 0 0 15px;
}
#panelBox > section > p.panelBox_columnBnr {
    margin:20px 0 0;
}
#panelBox > section > p.panelBox_columnBnr > a {
    position: relative;
    display: inline-block;
}
#panelBox > section > p.panelBox_columnBnr.new > a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 36px;
    height: 36px;
    background: url(/image/global/channel/units/icon_new@2x.png) no-repeat;
    background-size: cover;
}
#panelBox ul {
    display: flex;
    justify-content: flex-start;
    width: 965px;
    margin: 0 auto;
    flex-wrap: wrap;
}
#panelBox ul#panelBox_base {
    display: block;
    height: 0;
}
#panelBox .panel > a {
    transform-origin: center center;
    transition-property: width,height,margin-left,top,transform;
    transition-duration: 300ms,300ms,800ms,800ms,800ms;
    transition-timing-function: cubic-bezier(0,1,1,1),cubic-bezier(0,1,1,1),cubic-bezier(.07,.89,.24,1),cubic-bezier(.07,.89,.24,1),cubic-bezier(.07,.89,.24,1);
}
#panelBox.standby .panel > a {
    transition-duration: 0ms;
}
#panelBox .panel {
    margin: 0 15px 15px 0;
    overflow: visible;
}
#panelBox .panel,
#panelBox .panel > a {
    display: block;
    width: 230px;
    height: 230px;
}
#panelBox .panel.columnPanel,
#panelBox .panel.columnPanel > a {
    margin-right: 0!important;
}
#panelBox .panel.columnPanel:nth-child(4n+1),
#panelBox .panel.columnPanel:nth-child(4n+1) > a {
    width: 965px;
}
#panelBox .panel.columnPanel:nth-child(4n+2),
#panelBox .panel.columnPanel:nth-child(4n+2) > a {
    width: 720px;
}
#panelBox .panel.columnPanel:nth-child(4n+3),
#panelBox .panel.columnPanel:nth-child(4n+3) > a {
    width: 475px;
}
#panelBox .panel.columnPanel:nth-child(4n+4),
#panelBox .panel.columnPanel:nth-child(4n+4) > a {
    width: 230px;
}
#panelBox .panel.columnPanel > a img {
    display: block;
    margin: 0 auto;
    padding-bottom: 35px;
    max-width: 100%;
}
#panelBox .panel.columnPanel > a em {
  position: absolute;
  left: 8px;
  top: 10px;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
}
#panelBox .panel > a {
    position: absolute;
    left: 50%;
    text-decoration: none;
    z-index: 2;
    transform: scale(0);
}
#panelBox ul#panelBox_base .panel {
    height: 0px!important;
    margin: 0 auto!important;
}
#panelBox .panel > a div {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
#panelBox .panel.columnPanel > a div {
    display: flex;
    align-items: center;
    background-image: url("/image/global/channel/units/bg_column_panel.png");
    background-position: center;
    background-size: auto 260%;
}
#panelBox .panel > a p {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: 35%;
    text-align: center;
    transition-property: width,height;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0,1,1,1);
}
#panelBox .panel > a p > strong,
#panelBox .panel > a p > span {
    display: block;
    width: 100%;
    height: 20px;
    font-weight: bold;
    color: #ffffff;
    word-break: break-all;
}
#panelBox .panel > a p > strong {
    font-size: 1.2rem;
}
#panelBox .panel > a p > span {
    font-size: 0.85rem;
}
#panelBox .panel:nth-child(4n) {
    margin-right: 0;
}
#panelBox .panel > a div.new::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 36px;
    height: 36px;
    background: url(/image/global/channel/units/icon_new@2x.png) no-repeat;
    background-size: cover;
}
@media screen and ( max-width : 994px ) {
    #panelBox ul {
        width: 720px;
    }
    #panelBox .panel:nth-child(4n) {
        margin-right: 15px;
    }
    #panelBox .panel:nth-child(3n) {
        margin-right: 0;
    }
    #panelBox .panel.columnPanel:nth-child(3n+1),
    #panelBox .panel.columnPanel:nth-child(3n+1) > a {
        width: 720px;
    }
    #panelBox .panel.columnPanel:nth-child(3n+2),
    #panelBox .panel.columnPanel:nth-child(3n+2) > a {
        width: 475px;
    }
    #panelBox .panel.columnPanel:nth-child(3n+3),
    #panelBox .panel.columnPanel:nth-child(3n+3) > a {
        width: 230px;
    }
}
@media screen and ( max-width : 767px ) {
    #panelBox ul {
        width: 475px;
    }
    #panelBox .panel:nth-child(3n) {
        margin-right: 15px;
    }
    #panelBox .panel:nth-child(2n) {
        margin-right: 0;
    }
    #panelBox .panel.columnPanel:nth-child(2n+1),
    #panelBox .panel.columnPanel:nth-child(2n+1) > a {
        width: 475px;
    }
    #panelBox .panel.columnPanel:nth-child(2n+2),
    #panelBox .panel.columnPanel:nth-child(2n+2) > a {
        width: 230px;
    }
}
@media screen and ( max-width : 520px ) {
    #panelBox {
        margin-bottom: 30px;
    }
    #panelBox ul {
        display: block;
        width: auto;
    }
    #panelBox .panel:not(.columnPanel),
    #panelBox .panel:not(.columnPanel) > a {
        height: 160px;
    }
    #panelBox .panel,
    #panelBox .panel.columnPanel {
        width: 100%!important;
        margin: 0 0 15px;
    }
    #panelBox .panel > a,
    #panelBox .panel.columnPanel > a {
        width: calc( 100% - 30px )!important;
    }
    #panelBox ul#panelBox_base .panel,
    #panelBox ul#panelBox_base .panel.columnPanel {
        margin: 0px!important;
    }
    #panelBox ul#panelBox_base .panel > a,
    #panelBox ul#panelBox_base .panel.columnPanel > a {
        margin-left: calc( 15px - 50% )!important;
    }
    #panelBox .panel:not(.columnPanel) > a p {
        width: 50%;
        height: 100%;
        padding: 0 10px;
    }
    #panelBox .panel:not(.columnPanel) > a > div {
        align-items: center;
        display: flex;
    }
    #panelBox .panel:not(.columnPanel) > a > div > img {
        width: calc(50% - 20px);
    }
    #panelBox .panel.columnPanel > a div {
    }
    #panelBox .panel.columnPanel > a img {
    }
}
@media screen and ( max-width : 374px ) {
    #panelBox .panel > a > p > strong {
        font-size: 1rem;
    }
}

#panelBox a:hover div {
    opacity: 0.8;
    animation-name: yurayura;
    animation-duration: 2s;
    animation-delay: -1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes yurayura {
    from {
        transform: perspective(1000px) rotateY(-20deg);
    }
    to {
        transform: perspective(1000px) rotateY(20deg);
    }
}

#panelBox .columnPanel a:hover div {
    animation-name: tateyura;
}
@keyframes tateyura {
    from {
        transform: perspective(1000px) rotateX(20deg);
    }
    to {
        transform: perspective(1000px) rotateX(-20deg);
    }
}

#panelBox a.active:hover div,
#panelBox a.active div {
    opacity: 0.8;
    animation-name: kurukuru;
    animation-duration: 5s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.1,0,.06,1.57);
    animation-iteration-count: 1;
    animation-direction: normal;
}
@keyframes kurukuru {
    0% {
        top: 0px;
        opacity: 1;
        transform: perspective(1000px) rotateY(0deg);
    }
    2% {
        top: 0px;
    }
    100% {
        top: 0;
        opacity: 0;
        transform: perspective(1000px) rotateY(1000deg);
    }
}

#panelBox .columnPanel a.active:hover div,
#panelBox .columnPanel a.active div {
    animation-name: tatekuru;
}
@keyframes tatekuru {
    0% {
        top: 0px;
        opacity: 1;
        transform: perspective(1000px) rotateX(0deg);
    }
    2% {
        top: 0px;
    }
    100% {
        top: 0;
        opacity: 0;
        transform: perspective(1000px) rotateX(-1000deg);
    }
}

.ColumnBanner dl[data-panel-filter-btn] {
    cursor: pointer;
}
.ColumnBanner dl[data-panel-filter-btn]:hover {
    opacity: 0.8;
}
.ColumnBanner dl[data-panel-filter-btn].current {
    cursor: default;
    border-color: #007cb0;
    opacity: 1;
}
.ColumnBanner dl[data-panel-filter-btn].current dt {
    background: #007cb0;
}

.bnrSI {
    margin-bottom: 15px;
    text-align: center;
}

.bnrSI img {
    max-width: 100%;
}

[data-panel-section="column"] nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

[data-panel-section="column"] nav a {
  display: block;
  width: calc( 50% - 5px );
  margin-bottom: 10px;
}
@media screen and (max-width:579px) {
  [data-panel-section="column"] nav a {
    width: 100%;
  }
}

[data-panel-section="column"] nav img {
  width: 100%;
}


.PrimaryCategory * {
    box-sizing: border-box;
}
.PrimaryCategory {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    transition-duration: 180ms;
    transition-property: margin,width;
}
.PrimaryCategory.mini {
    justify-content: flex-end;
}
.PrimaryCategory > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% / 3) - 10px);
    word-break: keep-all;
    white-space: nowrap;
    border: 1px solid #007cb0;
    padding: 5px 0;
}
.PrimaryCategory.mini > span {
    width: calc( 29% - 10px );
    margin-left: 10px;
}
.SecondaryCategory {
    width: 100%;
    margin-top: -1px;
    order: 5;
}
.SecondaryCategory > div {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border: 1px solid #007cb0;
}
.SecondaryCategory > div > span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 20%;
    padding: 5px 0;
}
.SecondaryCategory > div > span > span {
    display: block;
    text-align: center;
}
@media screen and ( max-width : 790px ) and ( min-width: 580px ) {
    .PrimaryCategory {
        font-size: 1.6vw;
    }
}
@media screen and (max-width:579px) {
    .PrimaryCategory {
        display: block;
        width: 100%;
    }
    .PrimaryCategory.mini {
        justify-content: flex-end;
    }
    .PrimaryCategory > span,
    .PrimaryCategory.mini > span {
        width: 100%;
        margin-left: 0px;
    }
    .PrimaryCategory > span:not(:first-child) {
        margin-top: 10px;
    }
    .SecondaryCategory > div {
        display: block;
    }
    .SecondaryCategory > div > span {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .SecondaryCategory > div > span > span {
        display: block;
        text-align: center;
    }
}
.PrimaryCategory > span,
.SecondaryCategory > div > span {
    color: #b4b4b4;
}
.PrimaryCategory > span[data-panel-filter-btn],
.SecondaryCategory > div > span[data-panel-filter-btn] {
    color: #007cb0;
    background: #ffffff;
    text-decoration: underline;
    cursor: pointer;
}
.PrimaryCategory > span[data-panel-filter-btn]:hover,
.SecondaryCategory > div > span[data-panel-filter-btn]:hover {
    text-decoration: none;
}
.PrimaryCategory > span[data-panel-filter-btn].current,
.SecondaryCategory > div > span[data-panel-filter-btn].current {
    color: #ffffff;
    background: #007cb0;
    text-decoration: none;
    cursor: default;
}