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

*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	zoom: 1;
	box-sizing: border-box;
	}

html, body{
	width:100%;
	height:auto;
	min-width:1000px;
	}

html{
	background: #DAEFBC;}

body{
	min-width:1200px;
	margin:0 auto;
	height:auto;
	}

#page{
	width:1200px;
	margin:0 auto;
	height:100%;
	background:#F4F4F4;
	display:flex; 
	flex-wrap:wrap;
	}
	
a{
	text-decoration:none;
	color:#0074FF;
	}

a:hover{
	transition: all 0.6s ease 0s;
	color:#8CBC08;
	}

a img{
	border:0 none;
	}


/*-----------------------------------　見出し*/

h1, h2, h3, h4, h5, h6, header a, header strong span, header p{
	font-family:"游ゴシック","Yu Gothic,YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear:both;
	}

.midashi01{
	color:#417F00;
	display:block;
	background:url(img/line.gif) repeat-x center;
	}

.midashi01 span{
	display:block;
	margin:0 auto;
	font-size:18px;
	background:#F4F4F4;
	width:70%;
	text-align:center;
	max-width:500px;
	}

.midashi01:before{
	content:" ";
	display:block;
	}

main .midashi01 span{
	background:#FFF;
	font-size:24px;
	padding:30px 0;
	margin:0 auto;
	}

.midashi02{
	border-bottom:#417F00 solid 2px;
	padding:10px 40px;
	font-size:30px;
	background:#00AA75;
	color:#FFF;
	}

.midashi03{
	padding:14px 20px;
	font-size:26px;
	margin:0 auto;
	border-left:16px solid #00AA75;
	border-bottom:4px solid #00AA75;
	}

.midashi04{
	padding:14px 40px 6px 40px;
	font-size:26px;
	margin:0 auto;
	color:#417F00;
	}
	
.midashi05{
	background:#F8FBEC;
	border-left:6px solid #BDD56C;
	padding:6px 30px;
	font-size:18px;
	clear:both;
	margin:10px 40px;
	}

.midashi06{
	padding:6px 40px;
	font-size:20px;
	clear:both;
	margin:10px 0;
	background:#F9F9F9;
	border-bottom:2px solid #00AA75;
	}

.midashi07{
	text-align:center;
	padding:10px 0;
	font-size:24px;
	clear:both;
	}
/*-----------------------------------　ボタン*/

.button1, .button2, .button7{
	width:90%;
	border:solid 4px;
	display:block;
	margin:10px auto;
	padding:6px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	max-width:320px;
	}

.button1{
	background:#00AA75;
	color:#FFF;
	border-color:#00AA75 #008200 #008200 #00AA75;
	}

.button1:hover{
	color:#FFF;
	background:#009966;
	border-color:#008200 #00AA75 #00AA75 #008200;
	}

.button2{
	background:#FFF;
	color:#474747;
	border-color:#00AA75 #008200 #008200 #00AA75;
	}

.button2:hover{
	color:#222;
	background:#F3F3F3;
	border-color:#008200 #00AA75 #00AA75 #008200;
	}

.button3{
	background:#666;
	color:#FFF;
	padding:0 14px;
	display:block;
	text-align:center;
	margin:2px auto;
	}

.button3:hover{
	background:#444;
	border-color:#333 #FFF #FFF #333;
	}

.button4{
	margin:0 auto;
	display:block;
	}

.button5{
	padding:6px 20px;
	font-size:18px;}

.button5:before{
	content:"▲";
	margin-right:6px;
	display:inline-block;
	transform: rotate(90deg);
	}

.button6{
	background:none;
	border:none;
	padding:8px 0;
	color:#06F;
	}

.button6:hover{
	color:#8CBC08;
	}

.button7{
	background:#0074FF;
	color:#FFF;
	border-color:#0074FF #039 #039 #0074FF;
	}

.button7:hover{
	background:#006AD3;
	border-color:#039 #0074FF #0074FF #039;
	color:#FFF;
	}

.delete-button{
	width:50px;
	}

/*-----------------------------------　パンくず　*/

#breadcrumb{
	width:100%;
	height:auto;
	line-height:2em;
	display:block;
	color:#666;
	background:#F8F8F8;
	}
/*-----------------------------------　画像　*/

.img-center{
	display:block;
	margin:0 auto;
	}


/*-----------------------------------　テキスト　*/

.cyuui{
	background:#CCC;
	padding:20px 40px;
	}
	
.cyuui p{
	background:#FFF;
	color:#F00;
	padding:20px 40px;
	font-size:16px;
	}

.moji01{
	color:#F00;}


.kome{
	color:#666;}

.text-box1{
	border-bottom:dashed 2px #CADD7A;
	padding-bottom:30px !important;
	margin-bottom:10px;}

.text-box2, .text-box2 a{
	text-align:center;
	font-size:18px;}

.text-box3{
	padding:4px 40px;}

.text-right{
	display:block;
	text-align:right;}

.text-center{
	text-align:center;
	display:block;
	}

.error{
	display:block;
	margin:10px auto;
	width:80%;
	height:auto;
	padding:10px 30px;
	border:2px solid #F00;
	color:#F00;
	min-width:310px;
	}

.hozon{
	display:block;
	margin:10px auto;
	width:80%;
	height:auto;
	padding:10px 30px;
	border:2px solid #096;
	color:#096;
	min-width:310px;
	text-align:center;
	font-size:16px;
	}

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

.box{
	background:#CADD7A;
	padding:20px;
	}

.inbox{
	background:#FFF;
	padding:20px;}

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

.inbox ol, .inbox ul{
	padding:10px 60px;}

.inbox li{
	padding:6px 0;}

.inbox strong{
	font-size:20px;}


/*Wordpressのお知らせ・ブログ記事*/
/*記事内*/

.kiji_box img{
	max-width:100%;
	height:auto;
	display:block;
	margin:10px auto;
	}

.kiji_box h1{
	font-size:24px;
	border-bottom:4px solid #00AA75;
	padding:10px 20px;
	background:#F4F4F4;
	margin:10px auto;
	}

.kiji_box h2{
	font-size:22px;
	border-left:6px solid #00AA75;
	padding:10px 20px;
	background:#F4F4F4;
	margin:10px auto;
	}

.kiji_box h3{
	font-size:20px;
	border-bottom:2px solid #CADD7A;
	padding:10px 20px;
	margin:10px auto;
	}

.kiji_box h4{
	font-size:18px;
	background:#CADD7A;
	color:#FFF;
	padding:10px 20px;
	margin:10px auto;
	}

.kiji_box h5{
	font-size:16px;
	color:#060;
	border-bottom:dashed 2px #E3EDC5;
	padding:10px 20px;
	margin:10px auto;
	}

.kiji_box h6{
	font-weight:bold;
	border-left:6px solid #00AA75;
	padding:10px 20px;
	margin:10px auto;
	}

.kiji_box pre{
	background:#F4F4F4;
	border:2px solid #CCC;
	display:block;
	margin:10px auto;
	width:90%;
	height:auto;
	padding:10px 20px;}

.kiji_box strong{
	color:#C00;}
	
.kiji_box em{
	font-style:normal;
	color:#F00;
	display:block;
	margin:10px auto;
	border:#F00 solid 2px;
	padding:10px 20px;
	}

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


.shisetsu-main, .shisetsu-sub, .shisetsu-img, .step{
	width:90%;
	border:#CCC solid 1px;
	border-collapse:collapse;
	margin:10px auto;
	}

.shisetsu-main th, .shisetsu-main td, .shisetsu-sub th, .shisetsu-sub td, .shisetsu-img td, .step th, .step td{
	border:#CCC solid 1px;
	border-collapse:collapse;
	padding:4px 20px;
	}

.shisetsu-main th,  .shisetsu-sub th{
	background:#EFEFEF;
	white-space:nowrap;
	}

.shisetsu-main input, .shisetsu-main textarea{
	max-width:100%;
	margin:4px 0;
	}

.shisetsu-main select{
	margin:4px 0;
	display:block;}

.shisetsu-main label{
	padding:0 10px;
	margin:0 10px 0 0;}


.shisetsu-main textarea{
	width:100%;}

.shisetsu-img{
	table-layout:fixed;
	}

.shisetsu-img td{
	width:30%;
	text-align:center;
	}

.shisetsu-img img{
	max-width:100%;
	height:auto;}

.step th{
	background:#00AA75;
	color:#FFF;
	font-size:20px;
	text-align:left;
	white-space:nowrap;
	}

.step td ol{
	padding:10px 20px;}

.list-table{
	border:solid 1px #CCC;
	border-collapse:collapse;
	width:100%;
	}

.list-table thead th{
	padding:8px 0;
	font-size:18px;
	background:#EFEFEF;
	border:solid 1px #CCC;
	border-collapse:collapse;
	}

.list-table tbody th, .list-table tbody td{
	border:solid 1px #CCC;
	border-collapse:collapse;
	padding:8px 12px;
	}

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

.list-table tbody tr:nth-child(even){
	background:#E7F1FE;
	}



/*-----------------------------------　ヘッダ　*/

header{
	width:320px;
	height:100%;
	display:block;
	font-weight:bold;
	}

#logo{
	color:#000;
	font-size:30px;
	padding-top:100px;
	text-align:center;
	display:block;
	background:url(img/logo.gif) no-repeat center top;
	}

#logo span{
	display:block;
	}

#logo span strong{
	display:block;
	color:#417F00;
	}

.menu li{
	width: 100%;
	z-index:999;
	display:block;
	border-bottom:dotted 2px #CCC;
	}

.on{
	background:url(img/menu-on.png) no-repeat left center, #CADD7A;
	}


.menu li a{
	  padding:12px 50px;
	  display:block;
	  color:#000;
	  font-size:16px;
	  font-weight:bold;
	  }

.menu li a:hover{
	color:#417F00;
	background:url(img/menu-on2.png) no-repeat left center, #FFF;
	transition: all 1s ease 0s;}
 
nav p{
	 padding:10px 20px;
	 font-size:16px;
	 font-weight:bold;
	 }

/*定休日カレンダー（ミニ）*/

.teikyu-calendar-mini{
	width:90%;
	background:#FFF;
	margin:0 auto;
	text-align:center;
	border-collapse:collapse;
	}

.teikyu-calendar-mini p{
	font-size:20px;
	font-weight:bold;
	}

.teikyu-calendar-mini thead td:first-child a, .day-manu td:first-child a, #teikyu-calendar td:first-child a, .aki-calendar thead td:first-child a{
	transform: rotate(-90deg);
	display:block;
	}

.teikyu-calendar-mini thead td:last-child a, .day-manu td:last-child a, #teikyu-calendar td:last-child a, .aki-calendar thead td:last-child a{
	transform: rotate(90deg);
	display:block;}

.teikyu-calendar-mini tbody tr:first-child td{
	height:20px;}

.teikyu-calendar-mini tbody td{
	width:38px;
	height:40px;
	vertical-align:top;
	border:#CCC solid 1px;
	border-collapse:collapse;
	}

.teikyu-calendar-mini tbody td:nth-child(7n){
	background:#E4EDF7;
	color:#0000E3;
	}

.teikyu-calendar-mini tbody td:first-child{
	background:#FFF4F3;
	color:#D10000;
	}

.teikyu-calendar-mini tbody td span{
	display:block;
	}

.holiday{
	background:#E2E2E2;}

.taikai a{
	background:#06F;
	color:#FFF;
	display:block;
	border-radius:4px;
	margin:2px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.taikai a:hover{
	background:#F66;
	}



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

.calendar-box{
	width:196px;
	min-height:330px;
	height:auto;
	margin:0 auto;
	display:inline-block;
	}

.calendar-box .teikyu-calendar-mini p{
	font-size:16px !important;
	padding:6px 0 !important;
	}

.calendar-box .taikai a{
	font-size:10px;
	}

/*ドラぷら*/

#drpr{
	display:block;
	width:158px;
	margin:10px auto;}


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


main{
	background:#FFF;
	display:block;
	width:880px;
	}

main p{
	padding:0 40px;
	line-height:2em;}



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

/*------------------スライドショー*/

#top-visual{
	position:relative;
	width:100%;
	/*height:470px;*/
	display:block;
	margin:0 auto;
	z-index:1;
	}

.slide{
	width:100%;
	/*height:470px;*/
	display:block;
	margin:0 auto;
	max-width:1500px;
	overflow:hidden;
	}

#top-visual img, #canvas0_1{
	width:100%;
	}

#master0, #canvas0_0{
	width:100% !important;
	height:auto;
	position:relative !important;}

#canvas0_0{
	padding:0;
	margin:0;
	max-height:470px;}

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


.rifle-menu{
	width:100%;
	height:280px;
	margin:-50px auto 10px auto;
	position:relative;
	z-index:99;
	display:flex;
	flex-wrap:wrap;
	}

.rifle-menu li{
	display:block;
	width:200px;
	height:280px;
	background:#F4F4F4;
	margin-left:8px;
	}

.rifle-menu li:hover{
	background:#FFF;}

.rifle-menu li:hover h2{
	background:#8CBC08;}

.rifle-menu li:hover span{
	background:#999;
	}

.rifle-menu li a{
	display:block;
	width:100%;
	height:100%;}

.rifle-menu li a h2{
	color:#FFF;
	background:#417F00;
	text-align:center;
	font-size:18px;
	padding:4px 0;
	}

.rifle-menu li a p{
	text-align:center;
	color:#000;
	font-weight:bold;
	padding:10px 0;
	}

.rifle-menu li a span{
	background:#474747;
	color:#FFF;
	text-align:center;
	display:block;
	font-weight:bold;
	padding:4px 0;
	}

.rifle-menu li img{
	display:block;
	margin:0 auto;
	}

/*トップお知らせ*/

.top-news{
	display:block;
	width:100%;
	height:auto;
	padding:20px;
	margin:10px 0;
	background:#FFF;
	}

.top-news li{
	padding:6px 10px;
	display:block;
	border-bottom:dotted 1px #CCC;
	}

.top-news li a{
	text-decoration:underline;
	font-weight:bold;
	padding:0 10px;
	}


/*トップ　予約の空き状況などのバナーメニュー*/

.baner-list{
	width:100%;
	height:auto;
	display:block;
	padding:14px 0;
	}

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

.baner-list a{
	width:210px;
	margin-left:8px;
	height:100px;
	display:block;
	float:left;
	}

.baner-list a img{
	width:100%;
	height:auto;
	}
/*トップ*/

.top-contents{
	width:100%;
	height:350px;
	background:url(img/top-text.jpg) bottom center no-repeat;
	padding:0 20px;
	}
.top-contents p{
	line-height:2em;
	letter-spacing:1px;}

.top-contents h3{
	padding:6px 40px;}
	

.shisetsu-list{
	width:100%;
	height:390px;
	margin:10px auto;
	display:flex;
	flex-wrap:wrap;
	}

.shisetsu-list li{
	display:block;
	width:200px;
	height:390px;
	background:#FFF;
	margin-left:8px;
	border-bottom:solid 2px #417F00;
	}

.shisetsu-list li:hover{
	background:#FFF;
	border-bottom:solid 2px #8CBC08;}

.shisetsu-list li:hover h2{
	background:#8CBC08;}

.shisetsu-list li:hover span{
	background:#999;
	}

.shisetsu-list li a{
	display:block;
	width:100%;
	height:100%;}

.shisetsu-list li a h2{
	color:#FFF;
	background:#417F00;
	text-align:center;
	font-size:18px;
	padding:4px 0;
	}

.shisetsu-list li a p{
	color:#000;
	padding:10px;
	}

.shisetsu-list li a span{
	background:#474747;
	color:#FFF;
	text-align:center;
	display:block;
	font-weight:bold;
	padding:4px 0;
	}
.shisetsu-list li img{
	display:block;}

.shisetsu-list li:hover img{
	opacity:0.6;
	}

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

.menu-button{
	width:100%;
	max-width:862px;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	margin:10px auto;
	padding:0 !important;
	}

.menu-button li{
	display:block;
	width:auto;
	height:40px;
	margin:0 2px;
	text-align:center;
	}

.menu-button li a{
	background:#417F00;
	color:#FFF;
	display:block;
	padding:8px 18px;
	}

.menu-button li a:hover{
	background:#00AA75;}


	
.menu-button2{
	width:100%;
	height:auto;
	border:none;}

.menu-button2 a{
	width:300px;}


/*--------------教習射撃教習*/

.flow li{
	list-style:none;
	padding:0;
	}

.flow li p{
	padding:10px 30px;
	border-radius:10px;
	border:2px solid #00AA75;
	margin:0 10px;
	}

.flow li:after{
	content:url(img/arrow.gif);
	display:block;
	margin:0 auto;
	width:30px;
	height:30px;
	}

.flow li:last-child:after{
	content:"";}

.flow li strong{
	color:#00AA75;
	display:block;
	margin-bottom:10px;
	}


/*--------------サイトマップ*/

.sitemap li{
	display:block;
	}

.sitemap li a{
	font-size:20px;
	font-weight:bold;
	color:#039;
	}

.sitemap a:hover{
	padding-left:40px;
	color:#090;
	text-decoration:underline;
	}

.sitemap li a:before{
	content:"▲";
	margin-right:10px;
	display:inline-block;
	transform: rotate(90deg);
	}

.sitemap li ul li a{
	font-size:16px;
	font-weight:bold;
	color:#0074FF;
	}

.sitemap li ul li ul li a{
	font-size:14px;
	font-weight:normal;
	color:#09F;
	}

/*--------------ページ送り*/

.page{
	text-align:center;
	}

.page span{
	padding:2px 8px;}

.page a{
	padding:2px 8px;
	border:1px solid #06F;
	margin:0 4px;
	}

.page a:hover{
	border-color:#D2DBFF;
	}

	

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

.backtotop{
    position:fixed;
    right:0;
    bottom:100px;
    z-index: 9000;
    display: none;
	background:url(img/pagetop.png) no-repeat center;
	width:60px;
	height:60px;
	}    
 
.backtotop a {
    display: block;
    margin: 0;
	padding:20px;
	color:#FFF;
	}

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

footer{
	clear:both;
	width:100%;
	color:#FFF;
	}

footer p{
	color:#FFF;
	}

footer .menu{
	width:100%;
	height:60px;
	background:#417F00;
	border-bottom:2px solid #8CBC08;
	}

footer .menu li{
	width:11.1%;
	float:left;
	padding:0;
	border:0;
	border-left:1px solid #8CBC08;
	}

footer .menu li a{
	display:block;
	font-size:14px;
	color:#FFF;
	padding:18px 0;
	text-align:center;
	}

footer .menu li a:hover{
	background:#8CBC08;
	color:#FFF;
	}

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

#logo2{
	background:url(img/logo2.gif) no-repeat center;
	width:650px;
	height:150px;
	display:block;
	margin:0 auto;
	}

footer table{
	max-width:800px;
	width:100%;
	margin:0 auto;
	color:#FFF;
	}

.contact-banner{
	background:#090;
	display:block;
	margin:0;
	width:320px;
	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;
	}

.copyright{
	width:100%;
	height:auto;
	padding:6px 0;
	text-align:center;
	background:#FFF;
	color:#666;
	}

/*--- 画面サイズが横1300以下 ---*/

@media screen and (max-width:1200px){

html, body{
	min-width:100%;
	}

body{
	width:100%;}

main{
	width:70%;
	}

header{
	width:30%;}

.rifle-menu{
	width:100%;
	height:auto;
	position: relative;
	z-index: 99;
	}

.rifle-menu li, .shisetsu-list li{
	display:block;
	width:23%;
	}

.rifle-menu li img, .shisetsu-list li img{
	width:100%;
	height:auto;
	}

.baner-list a{
	width:23%;
	}


.slide, #top-visual{
	height:440px;
	}


}


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


.menu li a{
	padding:12px 50px 6px 50px;
	  }
	  
header .button1, header .button2{
	padding:12px 6px 6px 6px;
	}

main .button1, main .button2{
	padding:4px 6px 6px 6px;
	}

.rifle-menu li a h2{
	padding:6px 0 2px 0;
	}

.midashi02{
	padding:10px 40px 0 40px;
	}
	  
	}

/*-----------------------------------*/
.mobile{
	display:none;
	}


.mobile-menu{
	display:none;}


@media screen and (max-width:1000px){

.rifle-menu{
	margin:0;
	height:300px;
	}


.slide{
	height:440px;
	}


}