@charset "utf-8";
/* CSS Document */


html, body{
	min-width:320px;
	}

input{
	max-width:100%;
	margin:4px auto;
	}

#page{
	width:100%; 
	display:block;}

/*-----------------------------------　画像　*/

.img-center{
	display:block;
	margin:0 auto;
	max-width:80%;
	width:100%;
	height:auto;
	}

img{
	max-width:100%;
	}

/*----------------------------------------------------*/

main .midashi01 span{
	font-size:20px;
	width:80%;
	}

.midashi04{
	padding:0;
	text-align:center;}

.midashi05{
	margin:10px 0;}

.delete-button{
	width:100%;
	}

.delete-button input[type="submit"]{
	display:block;
	margin:0 auto;
	text-align:center;
	width:200px;}

/*----------------------------------------------------*/


#logo{
	font-size:28px;
	padding:8px 10px 8px 20px;
	text-align:left;
	background:#F4F4F4;
	line-height:1;
	}

#logo span{
	color:#417F00;
	font-weight:normal;
	font-size:12px;
	padding-top:6px;
	}

#logo span strong{
	display:none;
	}

header{
	background:#F4F4F4;
	width:100%;
	height:auto;
	min-height:66px;
	}
	
.menu{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	}
  
.menu li{
	width:50%;
	display:block;
	height:auto;
	line-height:40px;
	padding:0;
	border:2px solid #F4F4F4;
	}

.menu li:last-child{
	width:100%;}

.menu li a{
	padding:8px 10px;
	line-height:1.5em;
	font-size:14px;
	text-align:center;
	
	display:block;
	height:100%;
	}

header .menu li a{
	background:#FFF;
	}

.menu li a:hover{
	background:#FFF;
	}

.menu li.on a{
	background:#CADD7A;
	}

nav{
	display:none;
	height:auto;
	}

nav .button1, nav .button2{
	width:48%;
	font-size:16px;
	display:inline-block;
	}

/*-----------------------------------　共通ボックス　*/

.box{
	padding:10px 0;
	}

.inbox{
	padding:4px;}

.inbox p{
	padding:10px 10px;}

.inbox ol, .inbox ul{
	padding:0px 20px;}


/*-----------------------------------　テーブル　*/


.shisetsu-main th, .shisetsu-main td, .step th, .step td, .menu-button2 td{
	display:block;
	}

.shisetsu-sub th{
	white-space:normal;
	}

.shisetsu-img tr{
	display:flex;
	flex-wrap:wrap;
	}
	
.shisetsu-img td{
	width:100%;
	display:block;
	border:none;
	border-bottom:1px solid #CCC;
	}

.list-table tbody td:last-child{
	white-space:normal;}


.tournament-calendar-header, .tournament-calendar-header tr, .tournament-calendar-header td, .tournament-calendar-footer, .tournament-calendar-footer tr, .tournament-calendar-footer tr td{
	display:block;
	width:100%;}

.tournament-calendar, .tournament-calendar tbody, .tournament-calendar tbody tr, .tournament-calendar thead{
	width:100%;
	display:block;
}

.tournament-calendar thead{
	border-bottom:1px solid #CCC;
	}

.tournament-calendar thead tr{
	display:table;
	margin:0 auto;
	}

.tournament-calendar tbody, .tournament-calendar tbody tr{
	border:none;
	}
	
.tournament-calendar thead th, .tournament-calendar thead td {
	text-align:center;
	padding:0;
	
}
.tournament-calendar thead th{
	width:60%;
	font-size:20px;}

.tournament-calendar thead td{
	width:20%;
	}
.tournament-calendar thead td a {
	display:block;
	font-size:30px;
	text-align:center;
}

.tournament-calendar tbody tr:first-child{
	display:none;
	}

.tournament-calendar tbody th, .tournament-calendar tbody td {
	display:block;
	width:100%;
	border:none;
	border-bottom:1px solid #CCC;
	padding:0;
}

.tournament-calendar tbody td{
	display:flex;
	flex-wrap: wrap;
	vertical-align:middle;
	}

.tournament-calendar tbody td .day{
	padding:2px 10px;
	margin:auto 0;
	width:100%;
	}

.tournament-calendar tbody td ul{
	width:100%;}

.tournament-calendar tbody td .day small{
	display:block;
	font-weight:normal;
	}

.tournament-calendar tbody .teikyuu span{
	padding:14px 0;
	text-align:center;
	display:block;
	width:100%;
	}

/*----------------------------------------------------　メイン　*/

main{
	width:100%;}

main p{
	padding:0 20px;}

/*-------　トップ　*/


#top-visual, .slide, #top-visual img, #master0, #canvas0_0, #canvas0_1{
	width:100%;
	height:auto;
	}

.rifle-menu{
	height:auto;
	margin:4px auto 4px auto;
	}

.rifle-menu li{
	display:block;
	width:48%;
	height:auto;
	margin:0 auto 10px;
	float:none;
	}

.rifle-menu li img{
	width:80px;
	height:auto;
	margin:14px auto;
	background:#F4F4F4;
	border-radius:40px;
	}

.top-news li a{
	display:block;
	}

.baner-list{
	display:inline-block;
	width:100%;
	height:auto;
	}

.baner-list a{
	width:49%;
	margin-left:2px;
	height:auto;
	display:block;
	float:left;
	}

.baner-list a img{
	width:100%;
	height:auto;
	}

.top-contents{
	height:auto;
	padding-bottom:170px;
	}


/*-----------年間カレンダー*/

.calendar-box{
	width:100%;
	display:block;
	}

.calendar-box:nth-child(1), .calendar-box:nth-child(14), .calendar-box:nth-child(15), .calendar-box:nth-child(16){
	background:#FFF;
	}

/*--------------施設案内*/

.shisetsu-list{
	height:auto;
	}

.shisetsu-list li{
	width:48%;
	height:auto;
	background:#FFF;
	margin:0px auto 10px;
	float:none;
	padding:10px 0;
	}
.shisetsu-list li img{
	display:block;
	border-radius:100px;
	margin:0px auto 10px;
	max-width:200px;
	}

.menu-button{
	height:auto;
	}

.menu-button li{
	width:90%;
	float:none;
	margin:2px auto;
	}


/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/


/*-----------------------------------------ページスクロール*/

.backtotop{
    position:relative;
    right:auto;
    bottom:auto;
	background:url(../../img/pagetop.png) no-repeat center, #417F00;
	border-bottom:1px solid #FFF;
	width:100%;
	}    


/*------------------------------------フッター*/

footer .menu{
	display:inline-block;
	height:auto;
	}

footer .menu li{
	width:100%;
	border-bottom:1px solid #CADD7A;
	}

footer .menu li a{
	padding:8px 0;
	}

footer .contents{
	background:#515151;
	display:block;
	padding:10px 0;
	}

#logo2{
	background:url(../../img/logo2.gif) no-repeat center;
	background-size:contain;
	width:100%;
	height:60px;
	}

footer table{
	max-width:800px;
	width:90%;
	margin:0 auto;
	}

footer table td{
	display:block;
	}

.contact-banner{
	background:#090;
	display:block;
	margin:0;
	width:300px;
	height:70px;
	border-radius:8px;
	border:2px solid;
	border-color:#090 #060 #060 #090;
	}

.contact-banner:hover{
	background:#F90;
	border-color:#F90 #C60 #C60 #F90;
	}



/*----------------------------------------------------*/

.mobile{
	display:block;
	}


.mobile-menu{
	display:block;
	position:absolute;
	top:0;
	right:0;
	}

@media all and (-ms-high-contrast:none) {

#logo{
	width:100%;
	position:absolute;
	top:0;
	}

.shisetsu-list li a h2{
	padding:6px 0 0;
	}

header .menu:not(:target) {
	margin-top:60px;
	}


}

@media screen and (min-width:480px){

#logo{
	padding-left:100px;
	background:url(../../img/logo-sp.gif) no-repeat center left, #F4F4F4;
	}
	
.shisetsu-img td{
	width:33%;
	display:block;
	border:none;
	border-bottom:1px solid #CCC;
	}

}