@charset "UTF-8";

.mainvisual ul > li:nth-child(2) {
	padding-bottom: 10px;
    background: url("../common/images/mv_line.png")repeat-x;
	background-size: 100px;
	background-position: bottom;
}

/* カテゴリータイトル
--------------------------------------------------------- */
.c_title::before {
	content: "News";
}
.article_title {
	color: #554444;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.main a {
	color: #B76969;
	text-decoration: none;
}.main a:hover{
	text-decoration: underline;
}
.btn_blue a {
	color: #fff;
}
.btn_blue a:hover{
	text-decoration: none;
}
.h2_title {
    max-width: 270px;
    width: 30%;
}
.corner p img {
	width: auto;
    max-width: 100%;
    height: auto;
	}

/* コーナー
--------------------------------------------------------- */
@media screen and (max-width:767px) {
	.corner {
		padding: 0 10px;
		margin-top: 15%;
	}
    /*ボタン*/
    .news_btn a {
        background: #c93 url(../common/images/arrow_w.png) no-repeat right 10px center;
        background-size: auto 14px;
        display: block;
        color: #fff;
        padding: 1em;
        text-align: center;
    }
}
@media screen and (min-width:768px) , print {
	.corner {
		margin: 0 auto;
		margin-top: 7%;
		max-width: 1000px;
		padding: 0em 20px 6em;
	}
    /*ボタン*/
    .news_btn {
        text-align: center;
    }
    .news_btn a {
        padding: .8em 12em .7em;
        color: #fff;
        display: inline-block;
        background: #c89533 url(../common/images/arrow_w.png) no-repeat 95% center;
        background-size: 7px auto;
    }
}
.corner h3 {
    margin: 0 0 30px;
	font-size: 160%;
	font-weight: bold;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: .4em 0;
	text-align: center;
}

/* お知らせ一覧
--------------------------------------------------------- */
@media screen and (max-width:767px) {
    .news h3 {
        margin: 0 auto 30px;
        letter-spacing: 3px;
        text-align: center;
        display: block;
        max-width: 600px;
        width: 100%;
        border-bottom: 1px solid #959595; 
    }
    .news_list {
        margin-bottom: 20px;
        text-align: left;
    }
    .news_list dt {
        padding-top: 10px;
        border-top: 1px solid #ccc;
        margin-bottom: 3px;
        color:#666;
        width:100%;/* 日付の幅を指定 */
    }
    .news_list dd {
        width: 100%;
        margin-bottom: 15px;
    }
    .news_list dd p {
        text-indent: -.7em;
        margin: 0 0 0 .7em;
    }
    .news_list dd p img {
        width: 6px;
        margin-bottom: 3px;
        margin-right: 4px;
    }
    .news_list dd a {
        color: #000;
    }
}
@media screen and (min-width:768px) , print {
    .news h3 {
        margin: 0 auto 30px;
        font-size: 180%;
        letter-spacing: 3px;
        text-align: center;
        display: block;
        max-width: 600px;
        width: 100%;
        border-bottom: 1px solid #959595; 
    }
    .news_list {
        margin:0 auto 40px;
        font-size:14px;
        width: 100%;
    }
    .news_list dt {
        color:#666;
        float:left;
        width:140px;/* 日付の幅を指定 */
    }
    .news_list dd {
        padding-left:150px;/* marginをpaddingに変更。日付の幅よりも多く取る */
        padding-bottom:9px;
        margin-left:0;/*ddのデフォルトCSSを解除 */
        margin-bottom:9px;
    }
    .news_list dd p {
        text-indent: -.7em;
        margin: 0 0 0 .7em;
    }
    .news_list dd p img {
        width: 7px;
        margin-bottom: 3px;
        margin-right: 4px;
    }
    .news_list dd a {
        color: #000;
    }
}

/* お知らせ詳細
--------------------------------------------------------- */
@media screen and (max-width:767px) {
	.corner h3.article_title {
		margin: 0 0 5px;
        line-height: 1.4;
	}
    .article {
        margin-bottom: 30px;
    }
    .article img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
    .article_date {
        margin-bottom: 10px;
        color: #aaa;
        text-align: center;
    }
    /*ダウンロード*/
    .download {
        margin: 40px 0 0;
        padding: 20px 0;
        border-top: 1px solid #CCC;
    }
    .download ul li {
        display: inline-table;
    }
    .download ul li a {
        margin-bottom: 1em;
        margin-right: 2em;
    }
    /* 外部サイト */
    .download ul li a[href^="http://"],
    .download ul li a[href^="https://"]{
        padding: 3px 0 3px 15px;
        background: url(../common/images/icon/icon_blank.png) no-repeat left center;
    }
    /* PDF */
    .download ul li a[href$=".pdf"]{
        padding: 3px 0 3px 18px;
        background: url(../common/images/icon/icon_pdf.png) no-repeat left center;
    }
    /*Word*/
    .download ul li a[href$='.doc'] ,
    .download ul li a[href$='.docx'] {
        padding: 3px 0 3px 18px;
        background: url(../common/images/icon/icon_doc.gif) no-repeat left center;
    }
    /*Exile*/
    .download ul li a[href$='.xls'] ,
    .download ul li a[href$='.xlsx'] {
        padding: 3px 0 3px 18px;
        background: url(../common/images/icon/icon_xls.gif) no-repeat left center;
    }
    /* mail */
    .download ul li a[href$="mailto:"]{
        padding: 3px 0 3px 15px;
        background: url(../common/images/icon/icon_mail.png) no-repeat left center;
    }

}
@media screen and (min-width:768px) , print {
	.corner h3.article_title {
		margin: 0 0 5px;
        line-height: 1.4;
	}
    .article {
        margin-bottom: 60px;
    }
    .article img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
    .article_date {
        margin-bottom: 30px;
        color: #aaa;
        text-align: center;
    }
    /*ダウンロード*/
    .download {
        margin: 15px 0 0;
        padding: 15px 0;
        border-top: 1px solid #CCC;
    }
    .download ul li {
        display: inline-table;
    }
    .download ul li a {
        margin-right: 2em;
    }
    /* 外部サイト */
    .download ul li a[href^="http://"],
    .download ul li a[href^="https://"]{
        padding: 3px 0 3px 15px;
        background: url(../common/images/icon/icon_blank.png) no-repeat left center;
    }
    /* PDF */
    .download ul li a[href$=".pdf"]{
        padding: 3px 0 3px 18px;
        background: url(../common/images/icon/icon_pdf.png) no-repeat left center;
    }
    /*Word*/
    .download ul li a[href$='.doc'] ,
    .download ul li a[href$='.docx'] {
        padding: 3px 0 3px 18px;
        background: url(../common/images/icon/icon_doc.gif) no-repeat left center;
    }
    /*Exile*/
    .download ul li a[href$='.xls'] ,
    .download ul li a[href$='.xlsx'] {
        padding: 3px 0 3px 18px;
        background: url(../common/images/icon/icon_xls.gif) no-repeat left center;
    }
    /* mail */
    .download ul li a[href$="mailto:"]{
        padding: 3px 0 3px 15px;
        background: url(../common/images/icon/icon_mail.png) no-repeat left center;
    }
}