@charset "utf-8";

/* CSS Document */


/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が750px以下の場合*/

@media only screen and (max-width: 750px) {
    @charset "utf-8";
    /* CSS Document */
    .event .greyArea .year .date,
    .event .year .date {
        width: 100%;
    }
    .event .greyArea .year .title,
    .event .year .title {
        width: 100%;
    }
    .head05 {
        border-bottom: 1px dotted #b0b0b0 !important;
        color: #6c5a8c;
        margin-bottom: 0 !important;
    }
    #newsBlock {
        padding-top: 0 !important;
    }
    #newsBlock li {
        overflow: hidden;
        zoom: 1;
    }
    #newsBlock li a {
        border-bottom: 1px dotted #b0b0b0;
        display: block;
        padding: 10px 0 12px;
    }
    #newsBlock li .cnt {
        width: 100%;
    }
    #newsBlock li .data {
        color: #6c5a8c !important;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        margin-right: 20px;
        vertical-align: middle;
        width: 80px;
    }
    #newsHead .cat01,
    #newsHead .cat02,
    #newsHead .cat03,
    #newsBlock .cat01,
    #newsBlock .cat02,
    #newsBlock .cat03 {
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        margin: 0 20px;
        padding: 2px 5px;
        text-align: center;
        vertical-align: middle;
        width: 100px;
    }
    #newsBlock .cat01 {
        background: #0065AD;
    }
    #newsBlock .cat02 {
        background: #e83d64;
    }
    #newsBlock .cat03 {
        background: #00a29a;
    }
    #newsBlock .cat04 {
        background: #74328a;
    }
    #newsBlock .title {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0 !important;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        /* Safari */
        -o-text-overflow: ellipsis;
        /* Opera */
    }
    #newsHead {
        border-bottom: 1px dotted #ccc;
        box-sizing: border-box;
        margin-bottom: 55px;
        padding: 40px 20px;
    }
    #newsHead .data {
        color: #0065AD !important;
        font-size: 14px;
        font-weight: bold;
    }
    #newsHead .cat01,
    #newsHead .cat02,
    #newsHead .cat03 {
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        margin-left: 0 !important;
        padding: 2px 5px;
        text-align: center;
        vertical-align: middle;
        width: 100px;
    }
    #newsHead .data {
        color: #6c5a8c !important;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        margin-right: 20px !important;
        vertical-align: middle;
        width: 80px;
    }
    #newsHead .title {
        display: inherit;
        font-weight: bold;
        text-overflow: inherit !important;
        white-space: inherit !important;
        width: 100% !important;
    }
    .listBtn {
        text-align: center;
    }
    .listBtn a {
        background: url(../img/icon_arr3.gif) 90% center no-repeat #30b69e;
        color: #FFF;
        border-radius: 5px;
        font-size: 18px;
        display: inline-block;
        padding: 10px 50px;
    }
    .listBtn a:hover {
        text-decoration: none;
        opacity: 0.7!important;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
    }
    .editor {
        box-sizing: border-box;
        padding: 0 20px;
    }
    .editor img {
        max-width: 100% !important;
        height: auto !important;
    }
    .pager {
        margin-top: 50px;
        text-align: center;
    }
    .pager a {
        background: #cccccc none repeat scroll 0 0;
        color: #fff;
        margin: 0 2px 2px;
        padding: 3px 0;
        width: 30px;
    }
    .pager a:hover,
    .pager a.current {
        background: #0065AD none repeat scroll 0 0;
    }
    .pager.pDetail a {
        background-color: #fff !important;
        color: #6c5a8c;
        margin: 0 30px;
        width: 60px;
    }
}