@charset "utf-8";
/*==================
 ▼ブレイクポイントのルール▼
 -スマホを基本設計にする-
 *～479px：SP縦
 *480px～：SP横
 *600px～タブレット
 *960px～小型PC
 *1280px～大型PC
==================*/
.font300{font-size:300%;}
.font200{font-size:200%;}
.font150{font-size:150%;}
.font120{font-size:120%;}
.mgn_btm{margin-bottom:30px;}
.mgn_btm20{margin-bottom:20px;}
.mgn_top20{margin-top:20px;}
.top10{margin-top:10px;}
/*  画面サイズが480pxまで  */
body{background-color:#0000cd;color:#ffffff;padding:0 5px;}
div.header_inner{margin-bottom:25px;}
h1.title_name{text-align:center;font-size:25px;font-weight:bolder;line-height:1.3;}
h1.title_name a{color:#ffffff;}
h2{background-color:#ffffff;color:#0000cd;line-height:400%;font-size:30px;margin:0 0 50px 0;border-radius:10px;}
h2.title{padding:2px 10px 0;line-height:200%; border-radius:10px;margin-bottom:30px;font-size:150%;}
h3.h3_1{font-size:150%;text-align:center;line-height:1.3; margin-bottom:30px;}
h4.h4_1{font-size:120%;font-weight:bolder;border-bottom:1px solid #ffffff;text-align:center;}
nav.navigation{clear:both;}
nav.navigation ul{border-top:1px solid #ffffff;margin-top:20px;}
nav.navigation ul li a{color:#ffffff; display:block;float:left;width:50%;padding:10px 0;font-size:150%;text-align:center;border-bottom:1px solid #ffffff;}
nav.navigation ul li a:hover{background-color:#ffffff;color:#0000cd;}
.text1{font-size:120%;}
div.tel1 p{font-weight:bolder;font-size:110%;text-align:center;}
div.tel1 p a{color:#ffffff;}

/* TOPお知らせ部分 */
dl.oshirase{font-size:120%;}
dl.oshirase dt{margin:0 0 5px 0;}
dl.oshirase dt a.cate1,dt a.cate2,dt a.cate3{background-color:#ffffff;color:#0000cd;padding:0 5px;border-radius:5px;}
dl.oshirase dd{margin:0 0 20px 0;}
dl.oshirase dd a{color:#ffffff;}
dl.oshirase dd a:hover{background-color:#bfefdf;color:#0000cd;}


@media screen and (max-width:600px){
/* 情報公開ページ600px以下 */
table.info{width:100%;padding:0;border-spacing:0;}
table.info tr th,table.info tr td{font-size:120%; width:100%;display:block;border:1px solid #ffffff;}
table.info tr th{padding:5px 0;color:#ffffff;}
table.info tr td{padding:0;color:#0000cd;background-color:#ffffff;}
table.info tr td a{display:block;text-align:center;padding:0;margin:0;color:#0000cd;}
}


/* activity.php */
dl.dl1{margin:0;}
dl.dl1 dt{font-weight:bolder;font-size:150%;text-align:center;}
dl.dl1 dd{margin:0 auto;font-size:120%;}
table.table1{width:100%; border-collapse:collapse; border-spacing:0;}
table.table1 th,table.table1 td{border:1px solid silver;text-align:center;padding:10px 0;}
table.table1 th{vertical-align:middle; font-weight:normal;font-weight:bolder;font-size:150%;}
table.table1 td dl{width:70%;margin:5px auto;border:1px solid #ffffff;padding:10px 0;}
table.table1 td dl dd{margin:0;}
/* facility.php */
dl.dl2{margin:0;}
dl.dl2 dt{font-weight:bolder;font-size:150%;text-align:center;}
dl.dl2 dd{margin:0 auto;font-size:120%;}
dl.dl2 dd a{color:#ffffff;}
.map1{width:100%;height:250px;}
/* corporation.php */
dl.corp2{font-size:120%;border-top:1px dotted #ffffff;}
dl.corp2 dt{font-weight:bolder;text-align:center;padding-top:15px;}
dl.corp2 dd{margin:0;border-bottom:1px dotted #ffffff;text-align:left;padding-bottom:15px;}

/* blog&お知らせ */
img.blogimg1,img.blogimg2{display:block;width:100%;margin:10px auto;}

/* pagelist */
ul.pagelist{width:80%;margin:0 auto;}
ul.pagelist li a{width:14.2%; display:block;float:left;padding:10px 15px;text-align:center;font-size:120%;color:#ffffff;border-left:1px solid #ffffff;}
ul.pagelist li a:hover{background-color:#afeeee;}
ul.pagelist li:last-child a{border-right:1px solid #ffffff;}

p.pageblog a{display:block;font-size:120%;color:#ffffff;padding:5px 0;}
a.back{float:left;}
a.next{float:right;}
/* enrollment */
div.kakomi p a{color:#ffffff;}

/* link.php */
ul.link li a{color:#ffffff;line-height:200%;}

/* footer.php */
footer{border-top:1px solid #ffffff;padding:20px 0 0 0;}
/* pagetopへボタン */
a#pagetopBtn img {position:fixed; bottom:10px; right:3px;}
div.subnav{width:100%;}
ul.footerlist1{width:50%;float:left;}
ul.footerlist1 li a{display:block;color:#ffffff;text-align:center;font-size:120%;line-height:200%;}
div.footercom{margin:20px 0 20px 0;}


@media screen and (min-width:480px){
/* activity.php */
dl.dl1 dt{text-align:left;}
dl.dl2 dt{text-align:left;}
div.pagelist ul{width:70%;}
}

/* 競輪リンク */
div.keirin1 p{margin:0 0 10px 0;text-align:center;}


@media screen and (min-width:600px){
h1.title_name{float:left;text-align:left;width:70%;}
div.tel1 {width:30%;float:right;border:2px solid #ffffff;padding:5px;border-radius:10px;}
nav.navigation ul li a{width:33.3%;}

.text1 img.kouchi{float:left; margin:0 15px 15px 0; max-width:35%;border:2px solid #ffffff;}

table.info {width:100%; border-collapse:collapse; border-spacing:0;}
table.info th{vertical-align:middle; border:1px solid #ffffff;font-size:120%;font-weight:bolder;width:30%;}
table.info td {font-size:120%;vertical-align:middle; border-right:1px solid #0000cd; border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
table.info td:last-child{border-right:none;}
table.info td a{display:block;padding:10px 0;text-align:center;background-color:#ffffff;color:#0000cd;}

/* facility.php */
div.address{width:50%;float:left;}
div.mapadd{width:45%;float:right;}
dl.corp2 dt{text-align:left;}
/* pagelist */
ul.pagelist{width:60%;}
/* blog&お知らせ */
img.blogimg1{max-width:640px;}
img.blogimg2{display:block;width:49%;float:left;margin:0.5%;}
/* enrollment */
div.kakomi{width:90%;margin:0 auto;border:1px solid #ffffff;border-radius:10px;padding:10px;}
/* footer.php */
div.footercom{float:left;width:50%;margin:0 0 0 0;}
div.subnav{float:right;width:50%;}

/* 競輪リンク */
div.keirin1 p{width:50%;float:left;}
div.keirin1 p a{display:block;width:90%;margin:0 auto;}

}

@media screen and (min-width:960px){
body{padding:0;}
div.header_inner{max-width:80%;margin:0 auto 15px;}
h1.title_name{font-size:40px;}
div.contents{max-width:80%;margin:0 auto;}
section{max-width:80%;margin:0 auto 50px;}
nav.navigation ul li a{width:14.285%;}
div.tel1 {width:30%;}
table.info th {width:30%;}
/* blog&お知らせ */
img.blogimg2{display:block;width:48%;float:left;margin:1%;}
/* enrollment */
div.kakomi{width:80%;margin:0 auto;border:1px solid #ffffff;border-radius:10px;padding:10px;}
/* footer.php */
footer{width:80%;margin:0 auto;}



}

@media screen and (min-width:1280px) {
table.info th {width:28%;}
div.tel1 {width:20%;}
}