/*============================================================
* pages
*============================================================*/
.style-toppage .sttl-set .sttl
{
    font-size: 28px;
    font-size: 2.8rem;
}

.style-toppage .contents
{
    padding-top: 150px;
}

.style-toppage .side-bnr-block
{
    margin: 0 0 20px;
}

.style-toppage .side-btn-block
{
    margin: 15px 0 0;
}

.style-toppage .section-foot
{
    margin: 50px 0 0;
}

.style-toppage .top-view-area.first
{
    padding: 0 0 80px;
}
.style-toppage .top-view-area.first .column-wrap::after
{
    display: table; 
    clear: both;

    content: '';
}
.style-toppage .top-view-area.first .topic-column
{
    float: left; 

    width: 200px;
}
.style-toppage .top-view-area.first .base-column
{
    float: right;

    width: 760px;
    padding: 0;
}
.style-toppage .top-view-area.first .base-column .main
{
    width: 440px;
}
.style-toppage .top-view-area.first .base-column .main .article-ttl
{
    font-size: 18px;
    font-size: 1.8rem; 
    font-weight: bold;
}
.style-toppage .top-view-area.first .base-column .main .article-list.column2 .article-ttl
{
    font-size: 15px;
    font-size: 1.5rem;
}
.style-toppage .top-view-area.first .base-column .main,
.style-toppage .top-view-area.first .base-column .side
{
    padding-top: 0;
}

.style-toppage .top-view-area.second
{
    padding: 60px 0; 

    border-top: 1px solid #d6e0e9;
    background: #f8f8f8;
}

.style-toppage .top-view-area.third
{
    padding: 60px 0; 

    background: #606879;
}
.style-toppage .top-view-area.third .sttl-set
{
    border-top-color: #888e9c;
}
.style-toppage .top-view-area.third .sttl-set:before
{
    background-color: #fff;
}
.style-toppage .top-view-area.third .sttl-set .sttl
{
    color: #fff;
}

.style-toppage .top-view-area.fouth
{
    padding: 60px 0;
}

.style-toppage .top-view-area .article-card .card-body.card-topic .article-ttl
{
    font-size: 15px;
    font-size: 1.5rem;
}

.style-toppage .topic-block .topic-list .article-list-box
{
    padding: 10px 15px;
}

.style-toppage .topic-block .topic-list .article-ttl
{
    font-size: 13px;
    font-size: 1.3rem;
}

.style-toppage .article-card-set.column2 .article-card
{
    width: 475px;
    margin: 30px 0 0 0;
}
.style-toppage .article-card-set.column2 .article-card:nth-child(2n)
{
    margin-right: 0;
}

.style-toppage .article-card-set.column3 .article-card
{
    width: 300px;
    margin: 30px 40px 0 0;
}
.style-toppage .article-card-set.column3 .article-card:nth-child(3n)
{
    margin-right: 0;
}

.style-toppage .article-card-set.column4 .article-card
{
    width: 220px;
    margin: 30px 33px 0 0;
}
.style-toppage .article-card-set.column4 .article-card:nth-child(4n)
{
    margin-right: 0;
}

.style-toppage .pict-card-set,
.style-toppage .event-card-set
{
    width: 1010px;
}
.style-toppage .pict-card-set.slick-slider,
.style-toppage .event-card-set.slick-slider
{
    position: relative;
}
.style-toppage .pict-card-set.column4 .article-card,
.style-toppage .event-card-set.column4 .article-card
{
    margin: 30px 16px 0;
}
.style-toppage .pict-card-set.column4 .article-card:nth-child(4n),
.style-toppage .event-card-set.column4 .article-card:nth-child(4n)
{
    margin-right: 16px;
}

.tournament-unit
{
    margin-top: 40px;
}
.tournament-unit:first-child
{
    margin-top: 0;
}

.team-data
{
    float: right; 
    overflow: hidden;
}
.team-data dt
{
    float: left;

    margin: 0 5px 0 10px;
}
.team-data dd
{
    font-weight: bold; 

    float: left;
}

.school-hero .hero-desc
{
    font-weight: bold; 

    margin: 10px 0 0;
}

.team-member .team-direction
{
    margin: 0 0 0 1em;
}
.team-member .team-direction li
{
    list-style-type: disc;
}

.team-member .team-roll
{
    margin: 20px 0 0;
}
.team-member .team-roll .roll-name
{
    font-weight: bold;

    margin: 0 0 5px; 

    color: #256bb1;
}
.team-member .team-roll .member-list
{
    width: 100%;
}
.team-member .team-roll .member-list th,
.team-member .team-roll .member-list td
{
    padding: 5px 15px;

    text-align: center; 

    border: 1px solid #d6e0e9;
}
.team-member .team-roll .member-list th
{
    background: #f8f8f8;
}
.team-member .team-roll .member-list td:first-child,
.team-member .team-roll .member-list td:last-child
{
    text-align: left;
}
.team-member .team-roll .captain
{
    font-family: ubuntu;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    margin-right: 5px; 
    padding: 2px 8px;

    text-align: center;

    color: #fff;
    background: #949aa7;
}

.tournament-sheet
{
    position: relative;
}
.tournament-sheet .game-line-vertical
{
    position: absolute;
    top: 50%;
    left: 190px;

    width: 2px;
    height: 26%;
    margin-top: -5.1%; 

    background: #d6e0e9;
}
.tournament-sheet .game-line-vertical.win
{
    z-index: 1; 

    background: #fb973c;
}
.tournament-sheet .game-line-vertical.line-bottom
{
    top: auto;
    bottom: 50%;

    margin-top: 0;
    margin-bottom: -5%;
}
.tournament-sheet .game-champion
{
    font-size: 18px;
    font-size: 1.8rem;

    position: absolute;
    top: 50%;
    right: 0;

    width: 60px;
    height: 70px; 
    margin-top: -35px;
    padding: 10px;

    text-align: center;

    color: #fff;
    background: #fb973c;
}
.tournament-sheet .game-champion:before
{
    display: block;

    width: 17px;
    height: 22px;
    margin: 0 auto 5px;

    content: '';

    background: url(../images/parts/icon/icon_flag.png) no-repeat;
    -webkit-background-size: 17px auto;
       -moz-background-size: 17px auto;
            background-size: 17px auto; 

        -ms-background-size: 17px auto;
}
.tournament-sheet .game
{
    position: relative;
}
.tournament-sheet .game .game-date
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;

    position: absolute;
    top: 50%;
    left: 120px;

    margin-top: -1.2em;

    text-align: right;
}
.tournament-sheet .game:nth-child(2) > .game-score
{
    top: 50%; 
    bottom: auto;
}
.tournament-sheet .game.second > .game > .game-score
{
    left: 260px;
}
.tournament-sheet .game.second > .game-line
{
    left: 270px;
}
.tournament-sheet .game.second > .game-date
{
    left: 200px;
}
.tournament-sheet .game.second > .game-line-vertical
{
    left: 270px;

    height: 25%;
    margin-top: -10.1%;
}
.tournament-sheet .game.second > .game-line-vertical.line-bottom
{
    margin-bottom: -10.1%;
}
.tournament-sheet .game.third > .game > .game-score
{
    left: 340px;
}
.tournament-sheet .game.third > .game-line
{
    left: 350px;
}
.tournament-sheet .game.third > .game-date
{
    left: 280px;
}
.tournament-sheet .game.third > .game-line-vertical
{
    left: 350px;

    height: 25.1%; 
    margin-top: -20%;
}
.tournament-sheet .game.third > .game-line-vertical.line-bottom
{
    margin-bottom: -20%;
}
.tournament-sheet .game.fouth > .game > .game-score
{
    left: 420px;
}
.tournament-sheet .game.fouth > .game-line
{
    left: 430px;
}
.tournament-sheet .game.fouth > .game-date
{
    left: 360px;
}
.tournament-sheet .game.fouth > .game-line-vertical
{
    left: 430px;

    height: 25.2%;
    margin-top: -39.8%;
}
.tournament-sheet .game.fouth > .game-line-vertical.line-bottom
{
    margin-bottom: -39.8%;
}
.tournament-sheet .game.fifth > .game > .game-score
{
    left: 500px;
}
.tournament-sheet .game.fifth > .game-line
{
    left: 510px;
}
.tournament-sheet .game.fifth > .game-date
{
    left: 440px;
}
.tournament-sheet .game.fifth > .game-line-vertical
{
    left: 510px;

    height: 25.1%;
    margin-top: -79.5%;
}
.tournament-sheet .game.fifth > .game-line-vertical.line-bottom
{
    margin-bottom: -79.5%;
}
.tournament-sheet .game .game-score
{
    font-weight: bold;

    position: absolute;
    bottom: 50%;
    left: 260px;

    text-align: right;
}
.tournament-sheet .game .game-score.win
{
    color: #fb973c;
}
.tournament-sheet .game .game-line
{
    position: absolute;
    top: 50%;
    left: 190px;

    width: 80px;
    height: 2px;
    margin-top: -1px; 

    background: #d6e0e9;
}
.tournament-sheet .game .game-line.win
{
    background-color: #fb973c;
}
.tournament-sheet .team-box
{
    line-height: 1.2;

    position: relative;

    display: table;

    width: 110px; 
    padding: 4px 0;
}
.tournament-sheet .team-box.seed-box
{
    opacity: 0;
}
.tournament-sheet .team-box > div
{
    display: table-cell;

    text-align: center; 
    vertical-align: middle;
}
.tournament-sheet .team-box .team-box-inner
{
    padding: 10px 0; 

    border: 2px solid #d6e0e9;
}
.tournament-sheet .team-box .team-box-inner > span
{
    display: block;
}
.tournament-sheet .team-box .team-name
{
    font-weight: bold;
}
.tournament-sheet .team-box .team-area
{
    font-size: 12px;
    font-size: 1.2rem;
}
.tournament-sheet .team-box .game-score
{
    left: 180px;
}
.tournament-sheet .team-box .game-line
{
    left: 110px;
}
.tournament-sheet .team-box:nth-child(2) .game-score
{
    bottom: 0;
}

.style-haiku .table-entry th
{
    width: 140px;
}

.style-haiku .senja-profile-area
{
    border: 1px solid #d6e0e9;
}
.style-haiku .senja-profile-area .senja-profile-card
{
    padding: 20px; 

    border-top: 1px solid #d6e0e9;
}
.style-haiku .senja-profile-area .senja-profile-card:first-child
{
    border: none;
}
.style-haiku .senja-profile-area .senja-profile-card .card-inner
{
    display: table;

    width: 100%;
}
.style-haiku .senja-profile-area .senja-profile-card .card-inner > div
{
    display: table-cell;

    vertical-align: top;
}
.style-haiku .senja-profile-area .senja-profile-card .card-inner .profile-image
{
    width: 170px;
}
.style-haiku .senja-profile-area .senja-profile-card .card-inner .profile-detail
{
    padding-left: 20px;
}
.style-haiku .senja-profile-area .senja-profile-card .profile-name
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    margin: 0 0 10px; 

    color: #256ab0;
}
.style-haiku .senja-profile-area .senja-profile-card .profile-name span
{
    font-size: 12px;
    font-size: 1.2rem;
}
.style-haiku .senja-profile-area .senja-profile-card .profile-url
{
    margin: 10px 0 0;
}
.style-haiku .senja-profile-area .senja-profile-card .site-url a
{
    color: #333;
}

.style-haiku .haiku-information
{
    position: relative;

    margin: 20px 0 0;
}
.style-haiku .haiku-information .haiku-selector
{
    font-size: 18px;
    font-size: 1.8rem; 
    font-weight: bold;
}
.style-haiku .haiku-information .archive-selector
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: table;
}
.style-haiku .haiku-information .archive-selector > div
{
    display: table-cell;

    vertical-align: middle;
}
.style-haiku .haiku-information .archive-selector .customSelect
{
    width: 11em;
}

.style-haiku .haiku-card-wrap
{
    padding: 20px;

    border: 1px solid #d6e0e9; 
    background: #f8f8f8;
}
.style-haiku .haiku-card-wrap .card-view-area
{
    display: none; 

    margin-top: 30px;
}
.style-haiku .haiku-card-wrap .card-view-area:first-child
{
    display: block; 

    margin-top: 0;
}

.style-haiku .haiku-accordion-action
{
    margin: 30px 0 0;
}
.style-haiku .haiku-accordion-action .btn
{
    background-color: #fff;
}

.style-haiku .haiku-card-list
{
    margin-top: -20px;
}
.style-haiku .haiku-card-list::after
{
    display: table; 
    clear: both;

    content: '';
}
.style-haiku .haiku-card-list li
{
    float: left;

    width: 300px;
    margin-top: 20px;
}
.style-haiku .haiku-card-list li:nth-child(2n)
{
    float: right;
}

.style-haiku .haiku-card
{
    position: relative; 

    border: 2px solid #256ab0;
}
.style-haiku .haiku-card:before
{
    position: absolute;
    top: -2px; 
    right: -2px;

    display: block;

    content: '';

    border: 8px solid #fff;
    border-bottom-color: #256ab0;
    border-left-color: #256ab0;
}
.style-haiku .haiku-card .haiku-data
{
    padding: 15px;

    background: #fff;
}
.style-haiku .haiku-card .haiku-data .haiku
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    margin: 0 0 10px; 

    color: #256ab0;
}
.style-haiku .haiku-card .haiku-data .review
{
    position: relative;
}
.style-haiku .haiku-card .haiku-data .review .review-tooltip
{
    font-weight: bold;

    position: absolute;
    bottom: 115%;

    display: none; 

    padding: 10px;

    color: #fff;
    background: #f69853;
}
.style-haiku .haiku-card .haiku-data .review .review-tooltip:before
{
    position: absolute;
    bottom: -16px;
    left: 50%;

    display: block;

    margin-left: -8px; 

    content: '';

    border: 8px solid transparent;
    border-top-color: #f69853;
}
.style-haiku .haiku-card .haiku-data .review-btn-block
{
    font-weight: bold;

    padding: 10px;

    cursor: pointer; 
    text-align: center;

    border: 1px solid #f69853;
    background: #fefbda;
}
.style-haiku .haiku-card .haiku-data .review-btn-block span
{
    position: relative; 

    display: inline-block;
}
.style-haiku .haiku-card .haiku-data .review-btn-block span:before
{
    position: absolute;
    top: 50%;
    left: -30px;

    display: block;

    width: 22px;
    height: 21px;
    margin-top: -10.5px;

    content: '';

    background: url(../images/parts/icon/icon_review.png) no-repeat 0 0;
    -webkit-background-size: 22px auto;
       -moz-background-size: 22px auto;
            background-size: 22px auto; 

        -ms-background-size: 22px auto;
}
.style-haiku .haiku-card .haiku-editor
{
    padding: 5px 10px; 

    color: #fff;
    background: #256ab0;
}

.style-haiku .haiku-section
{
    margin: 40px 0 0;
}
.style-haiku .haiku-section .ssttl-set
{
    margin: 0;
}

.style-oze .oze-relation-links
{
    margin: -25px 0 0;

    border: 1px solid #d6e0e9;
}
.style-oze .oze-relation-links .link-group
{
    padding: 15px;

    border-top: 1px solid #d6e0e9;
}
.style-oze .oze-relation-links .link-group:first-child
{
    border-top: none;
}
.style-oze .oze-relation-links .link-caption
{
    font-family: ubuntu; 
    font-weight: bold;
}

.style-photo .contents
{
    background: #60687a;
}

.style-photo .section
{
    margin-top: 50px;
}
.style-photo .section:first-child
{
    margin-top: 0;
}
.style-photo .section:last-child
{
    margin-bottom: 50px;
}

.style-photo .ssttl
{
    font-family: ubuntu;
}

.style-photo .pttl
{
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;

    position: relative;

    width: 980px;
    margin: 30px auto;
    padding: 10px 0;

    color: #256bb1;
    color: #fff; 
    border-top: 4px solid #888e9c;
}
.style-photo .pttl:before
{
    position: absolute;
    top: -4px; 
    left: 0;

    display: block;

    width: 240px;
    height: 4px;

    content: '';

    background: #fff;
}

.style-photo .base-column
{
    display: table;

    padding: 0; 

    background: none;
}
.style-photo .base-column > div
{
    display: table-cell;
    float: none;

    padding: 0; 

    vertical-align: top;
}
.style-photo .base-column .main
{
    width: 760px;
    padding-right: 30px; 

    background: none;
}
.style-photo .base-column .side
{
    width: 220px;

    background: #242a3a;
}
.style-photo .base-column .side .side-section
{
    margin: 0;
    padding: 25px 15px;

    border-top: 1px solid #606879;
}
.style-photo .base-column .side .side-section:first-child
{
    border-top: none;
}

.style-photo .side-gallery-list li
{
    font-weight: bold; 

    margin-top: 1px;
}
.style-photo .side-gallery-list li:first-child
{
    margin-top: 0;
}

.style-photo .side-gallery-list a
{
    display: block;

    padding: 10px 15px;
    padding-left: 45px;

    color: #fff;
    background: url(../images/parts/arrow/arrow_circle_medium_white.png) no-repeat 15px .8em;
    background-color: #606879;
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto; 

        -ms-background-size: 20px auto;
}
.style-photo .side-gallery-list a:hover,
.style-photo .side-gallery-list a.is-current
{
    opacity: 1; 
    background-color: #1d7eeb;
}

.style-photo .article-card-set.column3 .article-card
{
    width: 223px;
    margin-right: 30px;
}
.style-photo .article-card-set.column3 .article-card:nth-child(3n)
{
    margin-right: 0;
}

.style-photo .article-card-set.column3 .pict-card .thumb-box
{
    overflow: hidden; 

    height: 140px;
}

.style-photo .article-card-set.column3 .movie-card a:hover
{
    opacity: .8;
}
.style-photo .article-card-set.column3 .movie-card a:hover .article-thumb img
{
    opacity: 1;
}
.style-photo .article-card-set.column3 .movie-card a:hover .movie-overlay:before
{
    background: rgba(0, 0, 0, .5);
}

.style-photo .modal-card
{
    margin-top: 0;
}

.style-photo .oze-relation-links
{
    margin: -25px 0 0;

    border: 1px solid #d6e0e9;
}
.style-photo .oze-relation-links .link-group
{
    padding: 15px;

    border-top: 1px solid #d6e0e9;
}
.style-photo .oze-relation-links .link-group:first-child
{
    border-top: none;
}
.style-photo .oze-relation-links .link-caption
{
    font-family: ubuntu; 
    font-weight: bold;
}

.style-photo .article-controls .slick-arrow
{
    position: absolute;
    z-index: 3;
    top: 50%;

    overflow: hidden;

    width: 50px;
    height: 130px;
    margin-top: -50px;

    text-indent: -9999px;

    background-color: #fff;
    background-image: url(../images/parts/slide/slide_controls_darkblue_prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 30px auto;
       -moz-background-size: 30px auto;
            background-size: 30px auto; 

        -ms-background-size: 30px auto;
}
.style-photo .article-controls .slick-arrow.slick-prev
{
    left: 0; 

    background-image: url(../images/parts/slide/slide_controls_darkblue_prev.png);
}
.style-photo .article-controls .slick-arrow.slick-next
{
    right: 0; 

    background-image: url(../images/parts/slide/slide_controls_darkblue_next.png);
}

.style-photo .modal-card
{
    width: 640px;
}
.style-photo .modal-card .article-detail
{
    padding: 20px 40px;
}
.style-photo .modal-card .article-ttl
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;

    color: #334d8c;
}
.style-photo .modal-card .article-text
{
    margin: 10px 0 0;

    color: #333;
}
.style-photo .modal-card .article-relation-link
{
    font-weight: bold;

    margin: 20px 0 0; 

    text-align: right;
}
.style-photo .modal-card .article-relation-link a
{
    display: inline-block;
}
.style-photo .modal-card .article-relation-link a:hover
{
    opacity: .8;
}

.style-photo .article-controls
{
    display: table;

    width: 100%;

    color: #263f57;
    border-top: 1px solid #d6e0e9; 
    background: #f2f9ff;
}
.style-photo .article-controls > div
{
    font-weight: bold;

    position: relative;

    display: table-cell;

    width: 50%;
    padding: 10px 25px;

    cursor: pointer;
    transition: all .3s linear; 
    vertical-align: middle;
}
.style-photo .article-controls > div:hover
{
    background: #fff;
}
.style-photo .article-controls > div:first-child
{
    border-right: 1px solid #d6e0e9;
}
.style-photo .article-controls > div:before
{
    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 14px;
    margin-top: -7px;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 30px auto;
       -moz-background-size: 30px auto;
            background-size: 30px auto; 

        -ms-background-size: 30px auto;
}
.style-photo .article-controls > div.article-prev:before
{
    left: 25px; 

    background-image: url(../images/parts/slide/slide_controls_darkblue_prev.png);
}
.style-photo .article-controls > div.article-next:before
{
    right: 25px; 

    background-image: url(../images/parts/slide/slide_controls_darkblue_next.png);
}
.style-photo .article-controls .article-prev
{
    padding-left: 60px; 

    text-align: left;
}
.style-photo .article-controls .article-next
{
    padding-right: 60px; 

    text-align: right;
}

.style-photo #colorbox,
.style-photo #cboxOverlay,
.style-photo #cboxWrapper
{
    overflow: visible;
}

.style-photo #cboxClose
{
    top: 0;
    right: -70px;

    width: 70px;
    height: 70px;

    transition: all .3s linear; 
    text-indent: 0;

    color: #263f57;
    background: #fff;
}
.style-photo #cboxClose:hover
{
    opacity: .8;
}
.style-photo #cboxClose .icon-box
{
    position: absolute;
    top: 10px;
    left: 50%;

    display: block;

    width: 24px;
    height: 20px;
    margin-left: -12px;
}
.style-photo #cboxClose .line
{
    position: absolute;

    display: block;

    width: 24px;
    height: 2px;

    transition: all .4s; 

    background: #263f57;
}
.style-photo #cboxClose .line:first-child
{
    top: 0;

    transform: translateY(9px) rotate(45deg);
}
.style-photo #cboxClose .line:nth-child(2)
{
    top: 50%;

    margin-top: -1.5px;

    opacity: 0;
}
.style-photo #cboxClose .line:nth-child(3)
{
    bottom: 0;

    transform: translateY(-9px) rotate(-45deg);
}
.style-photo #cboxClose .btn-caption
{
    font-size: 14px;
    font-size: 1.4rem; 
    font-weight: bold;

    position: absolute;
    bottom: 10px;
    left: 0;

    width: 100%;
}

.style-photo #cboxOverlay
{
    background: #000;
}

.style-photo #cboxContent
{
    margin-top: 0;
}

.style-photo #cboxLoadedContent
{
    padding: 0;
}

.event-article-block{
	min-height: 300px;
}

.style-event.style-article .sttl-set
{
    margin-bottom: 15px; 
    padding-bottom: 20px;

    border-bottom: 1px solid #d6e0e9;
}

.style-event.style-event-search .section
{
    margin: 0;
}
.style-event.style-event-search .section:first-child
{
    padding: 30px 0 70px;
}

.style-event.style-event-search .event-search
{
    padding: 50px 0; 

    border-top: 1px solid #d6e0e9;
}

.style-event.style-event-index .section
{
    margin: 0;
    padding: 50px 0;
}
.style-event.style-event-index .section.news-others
{
    padding: 0;
}

.style-event .section.news-others
{
    margin-top: 40px;
}

.style-event .ssttl
{
    font-family: ubuntu;
}

.style-event .pttl
{
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;

    position: relative;

    width: 980px;
    margin: 30px auto;
    padding: 10px 0;

    color: #256bb1; 
    border-top: 4px solid #c7daec;
}
.style-event .pttl:before
{
    position: absolute;
    top: -4px; 
    left: 0;

    display: block;

    width: 240px;
    height: 4px;

    content: '';

    background: #256bb1;
}

.style-event .sttl-set-event
{
    padding-top: 50px;

    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: 42px auto;
       -moz-background-size: 42px auto;
            background-size: 42px auto; 

        -ms-background-size: 42px auto;
}
.style-event .sttl-set-event.search
{
    background-image: url(../images/parts/icon/icon_event_search.png);
}
.style-event .sttl-set-event.pickup
{
    color: #fff; 
    background-image: url(../images/parts/icon/icon_event_pickup.png);
}
.style-event .sttl-set-event.index
{
    background-image: url(../images/parts/icon/icon_event_index.png);
}
.style-event .sttl-set-event .sttl
{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;

    position: relative;

    margin: 0 0 25px; 

    text-align: center;
}
.style-event .sttl-set-event .sttl:before
{
    position: absolute;
    top: 50%;
    left: 0; 

    display: block;

    width: 100%;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background: #bcd2e8;
}
.style-event .sttl-set-event .sttl span
{
    position: relative;

    display: inline-block;

    padding: 0 15px; 

    background: #fff;
}

.style-event .event-pickup
{
    background: url(../images/parts/bg/bg_line_patern.png) repeat 0 0;
}
.style-event .event-pickup .sttl-set-event .sttl span
{
    background: url(../images/parts/bg/bg_line_patern.png) repeat center center;
}

.style-event .event-news
{
    border-bottom: 1px solid #d6e0e9; 
    background: #f8f8f8;
}

.style-event .search-action
{
    display: table;

    width: 810px;
    margin: 0 auto;
}
.style-event .search-action > div
{
    display: table-cell;

    height: 56px; 

    vertical-align: middle;
}
.style-event .search-action .input-area input
{
    font-size: 18px;
    font-size: 1.8rem;

    width: 100%;
    height: 56px;
    padding: 5px 10px;

    border: 1px solid #d6e0e9; 
    background: #f8f8f8;
}
.style-event .search-action .button-box
{
    width: 220px;
}
.style-event .search-action .btn-search
{
    font-size: 18px;
    font-size: 1.8rem; 
    font-weight: bold;

    position: relative;

    display: block;

    width: 100%;
    height: 56px;
    padding-left: 25px;

    color: #fff;
    border: none;
    background: url(../images/parts/icon/icon_search_large.png) no-repeat 30px center #256bb1;
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto;

        -ms-background-size: 20px auto;
}

.style-event .side-card .search-action
{
    display: block;

    width: auto;
    padding: 15px;

    background: #f8f8f8;
}
.style-event .side-card .search-action > div
{
    display: block;

    height: auto;
}
.style-event .side-card .search-action .input-area input
{
    font-size: 15px;
    font-size: 1.5rem;

    height: auto;

    background: #fff;
}
.style-event .side-card .search-action .button-box
{
    width: auto;
    margin: 15px 0 0;

    text-align: center;
}
.style-event .side-card .search-action .btn-search
{
    font-size: 15px;
    font-size: 1.5rem; 
    font-weight: bold;

    position: relative;

    display: inline-block;

    width: auto;
    height: 40px;
    padding: 5px 10px;
    padding-left: 30px;

    color: #fff;
    border: none;
    background: url(../images/parts/icon/icon_search.png) no-repeat 10px center #256bb1;
    -webkit-background-size: 14px auto;
       -moz-background-size: 14px auto;
            background-size: 14px auto;

        -ms-background-size: 14px auto;
}

.style-event .pickup-block
{
    padding-left: 340px;
}
.style-event .pickup-block .pickup-card
{
    position: relative; 

    padding: 60px 30px;
    padding-left: 170px;

    background: #fff;
}
.style-event .pickup-block .pickup-card .card-ttl
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    padding: 0 0 10px; 

    color: #256ab0;
    border-bottom: 1px solid #bcd2e8;
}
.style-event .pickup-block .pickup-card .card-text
{
    padding: 20px 0; 

    border-bottom: 1px solid #bcd2e8;
}
.style-event .pickup-block .pickup-card .card-link
{
    font-weight: bold;

    margin: 10px 0 0; 

    text-align: right;
}
.style-event .pickup-block .pickup-card .card-image
{
    position: absolute;
    top: 50%;
    left: -340px;

    margin-top: -135px;
}

.style-event .news-unit-block
{
    overflow: hidden;
}
.style-event .news-unit-block .news-unit
{
    float: left;

    width: 470px;
}
.style-event .news-unit-block .news-unit:nth-child(2n)
{
    float: right;
}
.style-event .news-unit-block .news-caption-set
{
    display: table;

    width: 100%;
    padding: 5px 0 10px;

    border-bottom: 1px solid #d6e0e9;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 41px auto;
       -moz-background-size: 41px auto;
            background-size: 41px auto; 

        -ms-background-size: 41px auto;
}
.style-event .news-unit-block .news-caption-set > div
{
    display: table-cell;

    vertical-align: middle;
}
.style-event .news-unit-block .news-caption-set.newrelease
{
    background-image: url(../images/parts/icon/icon_event_newrelease.png);
}
.style-event .news-unit-block .news-caption-set.eventnews
{
    background-image: url(../images/parts/icon/icon_event_news.png);
}
.style-event .news-unit-block .news-caption-set .caption
{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;

    padding-left: 50px;
}
.style-event .news-unit-block .news-caption-set .side-link
{
    font-weight: bold; 

    text-align: right;
}

.style-event .event-news-set
{
    margin-top: 0;
}
.style-event .event-news-set .article-list
{
    margin-top: 10px;
}
.style-event .event-news-set .article-list:first-child
{
    margin-top: 0;
}

.style-event .table-event-detail th
{
    width: 140px;
}