/* style.css */
/* news */
/*--------------------------------------*/

#contents.news {
    padding:30px 0 150px;
}

/* title */
#title {
    height:250px;
    background-color:#000000;
}
#title h1 {
    bottom:28%;
    color:#ffffff;
}

#contents h2 {
    margin-left:5%;
    margin-bottom:40px;
    text-align:left;
    font-size:1.4em;
}



/* list */
#news_list {
    float:left;
    width:80%;
}
#news_list .anchor {
    margin-top:-100px;
    padding-top:100px;
}
#news_list .block {
    background:#efefef;
    margin-bottom:40px;
    padding:3% 5% 3%;
}
#news_list .block .image {
    float:right;
    width:34%;
}
#news_list .block .text {
    float:left;
    width:60%;
}
#contents #news_list .block .text h3 {
    text-align:left;
}
#contents #news_list .block .text p.date {
    margin-bottom:0;
}
#contents #news_list .block .text h4 {
    padding-top:1em;
    border-top:1px solid #cccccc;
    text-align:left;
}
ul.link {
    text-align:left;
}
ul.link li {
    margin-bottom:0.5em;
    padding-left:0.5em;
}
ul.link li a,
ul.link li a:visited {
    text-decoration:none;
}

ul.link li a:before {
    display:inline-block;
    margin-right:0.5em;
    font-size:0.9em;
    content:">";
}


/* navigation */
#news_nav {
    float:right;
    width:16%;
}
#news_nav .active {
    position:relative;
    margin-bottom:1px;
    text-align:left;
}
#news_nav .active span {
    display:block;
    background:#cccccc;
    padding:0.5em 1em;
    color:#000000;
}
#news_nav .active span:before {
    display:inline-block;
    margin-right:0.5em;
    font-size:0.9em;
    color:#000000;
    content:">";
}

#news_nav input {
    display:none;
}

#news_nav ul {
    text-align:left;
}
#news_nav ul li {
    margin-bottom:1px;
}
#news_nav ul li a,
#news_nav ul li a:visited {
    display:block;
    background:#b60005;
    padding:0.5em 1em;
    color:#ffffff;
    text-decoration:none;
}
#news_nav ul li a:hover,
#news_nav ul li a:active {
    background:#cccccc;
}
#news_nav ul li a:before {
    display:inline-block;
    margin-right:0.5em;
    font-size:0.9em;
    color:#ffffff;
    content:">";
    transition:color .3s ease;
}
#news_nav ul li a:hover:before,
#news_nav ul li a:active:before {
    color:#000000;
}




/* - 1200px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1200px) {


#contents.news {
    padding:30px 3% 150px;
}







}
/* - 1200px end */




/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {








}
/* - 768px end */




/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {

/* title */
#title {
    height:180px;
}
#title h1 {
    bottom:10%;
}


#contents.news {
    position:relative;
    padding:140px 0 100px;
}

#contents h2 {
    width:86%;
    margin:0 auto;
    margin-bottom:2em;
}



/* list */
#news_list {
    float:none;
    width:86%;
    margin:0 auto;
}
#news_list .block .image,
#news_list .block .text {
    float:none;
    width:100%;
}
ul.link {
    margin-bottom:1.5em;
}


/* navigation */
#news_nav {
    float:none;
    position:absolute;
    top:0;
    width:100%;
    font-size:1.1em;
}

#news_nav .active span {
    width:100%;
    background:#b60005;
    padding:0.5em 7%;
    color:#ffffff;
}
#news_nav .active span:before {
    color:#ffffff;
}

#news_nav ul li a,
#news_nav ul li a:visited {
    background:#cccccc;
    padding:0.5em 7%;
    color:#000000;
}
#news_nav ul li a:hover,
#news_nav ul li a:active {
    background:#b60005;
}
#news_nav ul li a:before {
    color:#000000;
}
#news_nav ul li a:hover:before,
#news_nav ul li a:active:before {
    color:#ffffff;
}


/* accordion */
#news_nav input {
    display:block;
    position:absolute;
    top:9px;
    right:3%;
    width:26px;
    height:26px;
    background:url("../images/news/icon_plus.png") no-repeat center center;
    margin:auto;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    outline:0;
    z-index:2;
    transition:all .3s ease;
}

#news_nav input:checked {
    background-image:url("../images/news/icon_minus.png");
}
ul.year {
    overflow:hidden;
    height:0;
    opacity:0;
    transition:all .5s ease;
}
#news_nav input:checked ~ ul.year {
    overflow:visible;
    height:auto;
    opacity:1;
}







}
/* - 750px end */




/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {








}
/* - 480px end */