@charset "UTF-8";








/* ＝＝＝＝＝＝＝＝＝＝＝＝　 お知らせページのお知らせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝　 お知らせページのお知らせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝　 お知らせページのお知らせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:420px) {
.news {
    width: 94%;
    height: auto;
    float: left;
    clear: both;
    font-size: 95%;
    line-height: 25px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
    padding-left: 3%;
    padding-right: 3%;
}
.titleWrap {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}
.date {
    width: 100%;
    float: left;
    color: #000000;
    margin-bottom: 5px;
    line-height: 23px;
    clear: left;
}
.news_title{
    width: 100%;
    float: right;
    line-height: 23px;
    margin-top: 0px;
    margin-bottom: 20px;
}
}

@media only screen and (min-width:421px)  and (max-width:650px){
.news {
    width: 94%;
    height: auto;
    float: left;
    clear: both;
    font-size: 95%;
    line-height: 25px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
    padding-left: 3%;
    padding-right: 3%;
}
.titleWrap {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}
.date {
    width: 100%;
    float: left;
    color: #000000;
    margin-bottom: 5px;
    line-height: 23px;
    clear: left;
}
.date_3l {
    width: 100%;
    float: left;
    color: #000000;
    margin-bottom: 5px;
    line-height: 23px;
    clear: left;
}
.news_title{
    width: 100%;
    float: right;
    line-height: 23px;
    margin-top: 0px;
    margin-bottom: 20px;
}
}
	
@media only screen and (min-width:651px)  and (max-width:800px){
.news {
    width: 94%;
    height: auto;
    float: left;
    clear: both;
    font-size: 95%;
    line-height: 25px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
    padding-left: 3%;
    padding-right: 3%;
}
.titleWrap {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}
.date {
    width: 100%;
    float: left;
    color: #000000;
    margin-bottom: 5px;
    line-height: 23px;
    clear: left;
}
.date_3l {
    width: 100%;
    float: left;
    color: #000000;
    margin-bottom: 5px;
    line-height: 23px;
    clear: left;
}
.news_title{
    width: 100%;
    float: right;
    line-height: 23px;
    margin-top: 0px;
    margin-bottom: 20px;
}
}

@media only screen and (min-width:801px)  and (max-width:950px){
.news {
    width: 94%;
    height: auto;
    float: left;
    clear: both;
    font-size: 95%;
    line-height: 25px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
    padding-left: 3%;
    padding-right: 3%;
}
.titleWrap {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}
.date {
    width: 23%;
    float: left;
    color: #000000;
    margin-bottom: 8px;
    line-height: 23px;
    clear: left;
}
.date_3l {
    width: 23%;
    float: left;
    color: #000000;
    margin-bottom: 100px;
    line-height: 23px;
    clear: left;
}
.news_title{
    width: 72%;
    float: right;
    line-height: 23px;
    margin-top: 0px;
    margin-bottom: 5px;
}
}
	
@media only screen and (min-width:951px)  and (max-width:1300px){
.news {
    width: 94%;
    height: auto;
    float: left;
    clear: both;
    font-size: 95%;
    line-height: 25px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
    padding-left: 3%;
    padding-right: 3%;
}
.titleWrap {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}
.date {
    width: 18%;
    float: left;
    color: #000000;
    margin-bottom: 8px;
    line-height: 23px;
    clear: left;
}
.date_3l {
    width: 18%;
    float: left;
    color: #000000;
    margin-bottom: 50px;
    line-height: 23px;
    clear: left;
}
.news_title{
    width: 80%;
    float: right;
    line-height: 23px;
    margin-top: 0px;
    margin-bottom: 5px;
}
}

@media only screen and (min-width:1300px) {
.news {
    width: 90%;
    height: auto;
    float: left;
    clear: both;
    font-size: 95%;
    line-height: 25px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
    padding-left: 5%;
    padding-right: 5%;
}
.titleWrap {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}
.date {
    width: 19%;
    float: left;
    color: #000000;
    margin-bottom: 8px;
    line-height: 23px;
    clear: left;
}
.date_3l {
    width: 19%;
    float: left;
    color: #000000;
    margin-bottom: 50px;
    line-height: 23px;
    clear: left;
}
.news_title{
    width: 80%;
    float: right;
    line-height: 23px;
    margin-top: 0px;
    margin-bottom: 5px;
}
}

.news_title a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 102%;
    font-weight: bold;
    color: #000000;
}

.news_title a:hover,
.news_title a:focus {
    color: #5574b3;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝　 お知らせページのお知らせ　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝　 お知らせページのお知らせ　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝　 お知らせページのお知らせ　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝ */





.previous {
    width: 40%;
    float: left;
    text-align: left;
    font-size: 100%;
}
.next {
    width: 40%;
    float: right;
    clear: right;
    text-align: right;
}







@media only screen and (max-width:421px) {
.bt_waku01_info{
    width: 100%;
    float: left;
}
}

@media only screen and (min-width:420px) and (max-width:650px){
.bt_waku01_info{
    width: 100%;
    float: left;
}
}


@media only screen and (min-width:651px) and (max-width:850px){
.bt_waku01_info{
    width: 100%;
    float: left;
}
}

@media only screen and (min-width:851px) and (max-width:1300px){
.bt_waku01_info{
    width: 100%;
    float: left;
}
}

@media only screen and (min-width:1301px) {
.bt_waku01_info{
    width: 100%;
    float: left;
}
}