@charset "utf-8";


/*トップページお知らせ
---------------------------------------------------------------------------*/

/*各ボックスの設定*/

.news {
    width:95%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;/*上の線の幅、線種、色*/
    padding: 15px;/*ボックス内の余白*/
    background-color: #F2F2F2;
}


/*ボックス内のh4（見出し）タグ*/

.news figure img {
    height:140px;
    width:140px;
    margin-bottom:0px;
}

.news h4 {
    font-size: 130%;
    /*文字サイズ*/
    color: #9F81F7;
    /*文字色*/
}


/*ボックス内のp（段落）タグ*/

.news p {
    padding: 0px 0px 10px  !important;
}


/*btn1
---------------------------------------------------------------------------*/

/*btn1共通*/

.news a.btn1 {
    text-decoration: none;
    display: inline-block;
    background: #9F81F7 url(../images/arrow1.png) no-repeat 15px center;
    /*古いブラウザ用*/
    background: #9F81F7 url(../images/arrow1.png) no-repeat 15px center / 6px;
    /*背景色、背景の矢印画像の読み込み、左から15pxの場所に配置。幅を6pxに。*/
    color: #FFF !important;
    border: 1px solid #9F81F7;/*枠線の幅、線種、色*/
    border-radius: 2px;/*角丸のサイズ。ほんの少しだけ角を丸くしています。*/
    margin-top:10px;
}
.news a.btn1_or {
    background-color: #ff962c; 
    border: 1px solid #ff962c;
}
#contents a.btn1_or {
    background-color: #ff962c; 
}
#contents a.btn1_or:hover {
    background-color: #ffb66d; 
}


/*マウスオン時*/

.news a.btn1:hover {
    background: #BA98D6 url(../images/arrow1.png) no-repeat 15px center / 6px;
}
.news a.btn1_or:hover {
    background-color: #ffb66d; 

}


/*contents内のbtn1。主にinfo.htmlやservice.htmlで使っています。*/

#contents a.btn1 {
    padding: 0px 35px 0px 50px;
    /*上、右、下、左へのボックス内の余白*/
    letter-spacing: 0.2em;
    /*文字間隔を広くとる設定*/
}


/*お知らせ一覧ページ
---------------------------------------------------------------------------*/

.newslist .topic{
    max-width: 1000px;
	margin: 0 auto 20px;
    border-bottom: 1px solid #A4A4A4;/*枠線の幅、線種、色*/
}


.newslist h4 a{
    font-size: 100%;/*文字サイズ*/
    color: #9F81F7; /*文字色*/
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-left:10px;
}

/*h4タグの左側のアクセント*/
.newslist h4::first-letter {
	border-left: 3px solid #816691;	/*左の線の幅、線種、色*/
	padding-left: 10px;	/*線とテキストとの距離*/
}



/*お知らせ各ページ
---------------------------------------------------------------------------*/


.newspage h4 {
    font-size: 140%;/*文字サイズ*/
    color: #9F81F7; /*文字色*/
    font-weight: bold;
}

.news_contents {
    max-width: 1000px;
    margin: 0 auto;
}
.news_contents img {
    max-width: 600px;
}

@media screen and (max-width: 480px)  {
    .news_contents img {
        width: 90%;
    }
}

/* 追記 */
.category_day {
    margin-left: 1em;
    padding: 0.2em 0.3em 0;
    border: 1px solid #ff962c; 
    border-radius: 10px;
}
.category_tokuyo {
    margin-left: 1em;
    padding: 0.2em 0.3em 0;
    border: 1px solid #9F81F7;
    border-radius: 10px;
}
@media screen and (max-width: 480px) {
    .category_day {
        margin-left: 1em;
        padding: 0.2em 0.3em 0;
        border: 1px solid #ff962c; 
        border-radius: 5px;
        font-size: 14px;
    }
    .category_tokuyo {
        margin-left: 1em;
        padding: 0.2em 0.3em 0;
        border: 1px solid #9F81F7;
        border-radius: 5px;
        font-size: 14px;
    }
    .fl {

    }
    .news figure img {
        height: 80px;
        width: 80px;
    }
    .news {
        padding: 10px;
    }
    .news a.btn1 {
        margin: 0 auto 0 30px;
    }
}