@charset "utf-8";

@font-face {
   font-family: Noto Sans JP;
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Light.otf') format("opentype");
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Black.otf') format("opentype");
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Medium.otf') format("opentype");
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Bold.otf') format("opentype");
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Regular.otf') format("opentype");
}

/*===============================================
●画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
body{
	margin: 0;
	padding: 0;
    font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

hr{
	border-top: 1px dashed #8c8b8b;  margin:2px 10px 2px 0;
}

table.news{
	width: 700px;
margin-top:0;
padding:5px 0px 0 0px;
}

table.news td{
	line-height:180%;
vertical-align: top;
}


table.news td.bn{
width:190px;
	padding:4px 0px 2px 0px;
text-align:left;
font-size:15px;
vertical-align: top;
}

table.bn3{margin:0;}

img.title{margin: 0 auto 5px auto;}

td.bn2{padding:0px 0px 5px 0px;}

table.news td.date{
width:90px;
	padding:2px 4px 0 28px;
text-align:left;
font-weight:bold;
font-size:15px;
line-height:190%;
vertical-align: top;
}


table.news td.contents{
	font-size:16px;
padding:0px 6px 15px 15px;
line-height:190%;
}

table.news td.bor{
	width: 20px;
background : url(news_arrow.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent; background-repeat:no-repeat;
}

table.news th{
	width:100px;
font-size:15px;
text-align: left;
padding:0px 0 15px 25px;
vertical-align: top;
}
}


/*===============================================
● 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

body{
	margin: 0;
	padding: 0;
    font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

hr{
	border-top: 1px dashed #8c8b8b; margin:2px 10px 2px 0;
}

table.news{
	width: 98%;
margin-top:0;
padding:5px 0px 0 0px;
}

table.news td{
	font-size:12px;
line-height:180%;
vertical-align: top;
}

table.news td.date{
	
font-size:14px;
padding:0px 4px 0 8px;
width:15%;
text-align:left;
vertical-align: top;
}


table.news td.contents{
	font-size:16px;
padding:0px 6px 15px 15px;
line-height:190%;
}

table.news td.bor{
	width:6%;
background : url(news_arrow.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent; background-repeat:no-repeat;
}

table.news th{
	width:100px;
font-size:15px;
text-align: left;
padding:0px 0 15px 25px;
vertical-align: top;
}

img{
	max-width:98%;
	height:auto;
}

}


/*===============================================
● 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

body{
	margin: 0;
	padding: 0;
    font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

hr{
	border-top: 1px dashed #8c8b8b; margin:2px 10px 2px 0;
}

.eventnews{
	border:solid 1px #333;
}

table.news{
	width: 98%;
margin-top:0;
padding:5px 0px 0 0px;
}

table.news td{
	font-size:12px;
line-height:180%;
vertical-align: top;
}
table.news td.bn{
display:none;
}

img.title{display:none;}

table.news td.date{
	font-weight:bold;
padding:2px 2px 0 12px;
font-size:12px;
width:3%;
text-align:left;
vertical-align: top;
}

table.news td.contents{
	font-size:16px;
padding:0px 4px 15px 15px;
line-height:190%;
}

table.news td.bor{
	display:none;
background : url(news_arrow.gif)  0% 0% / auto auto repeat scroll padding-box border-box transparent; background-repeat:no-repeat;
}

table.news th{
	width:100px;
font-size:14px;
text-align: left;
padding:0px 0 15px 25px;
vertical-align: top;
}

img{
	max-width:98%;
	height:auto;
}
}


.text{
	font-size:14px;
}




/* 画像のリンクに枠線をつけない */
img{
	border-style:none;
} 

a img{
	border-style:none;
} 


/* リンク色 */
a:link{
	color:#333333;
}

a:hover{
	color:#0000ff;
}

a:visited{
	color:#999999;
}

a:active{
	color:#009900; text-decoration: underline;
}


/* メインメニュー */
*{
	margin:0;
	padding:0;
	list-style-type:none;
}


/* フォント関連 */
p{
 font-weight : bold; line-height : 110%; color : black;
}

.text{
	font-size: 81.25%; line-height: 1.5em; padding: 5px 10px 5px 10px; letter-spacing: 0.1em;
}
}

img{width:100%;}