@charset "UTF-8";

@media screen and (max-width: 739px) {
}
/*
オレンジ
FF8C00
緑色
009E2E
------------------------*/
body {
	background-image:url(images/home_bg.png);
}
@media screen and (max-width: 1000px) {
	body {background:#FFFFFF url(images/home_bg2.png) top left no-repeat;}
}
@media screen and (max-width: 739px) {
	body {background:#FFF;}
}

/*mainimg
-----------------------------------------------------------------------------------------*/
#mainimg{
	margin-top:-5px;
}
#mainimg div.btn{
	float:left;
	width:540px;
}
#mainimg div.btn h2{
	font-size:27px;
	line-height:30px;
	letter-spacing:2px;
	color:#FFF;
	padding:25px 0 8px 3px;	
}
#mainimg div.btn h3{
	font-size:16px;
	line-height:20px;
	letter-spacing:1px;
	color:#FFF;
	padding:7px 0;	
}
#mainimg div.btn li{
	float:left;
	padding:5px;
}
#mainimg div.btn a{
	display:block;
	text-align:center;
	position:relative;
	box-shadow: 0 3px 0 #BBB;
	background:#FFF;
}
#mainimg div.btn a,#mainimg div.btn img{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#mainimg div.btn a:hover{
	opacity:0.8;
}
#mainimg div.btn .sikaku a{
	background:#FF8C00;
	box-shadow: 0 3px 0 #BA6000;
	height:60px;
	overflow:hidden;
}
#mainimg div.btn .sikaku img{
	height:70px;
	margin-top:-5px;
}
#mainimg div.btn .ban_btn a{
	display:block;
	background:#FFFF00;
	font-size:15px;
	line-height:40px;
	font-weight:bold;
	color:#333;
	border-radius:5px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.2);
	max-width:360px;
	margin:8px auto 12px auto;
}
#mainimg div.btn a:hover{
	box-shadow:none;
	top:2px;
}
#mainimg div.btn a span{font-size:10px;line-height:1.2;background:#CC0000;color:#FFF;position:absolute;right:-3px;top:-5px;padding:3px;width:auto;}
#mainimg div.img{
	float:right;
	width:415px;
}
@media print, screen and (min-width: 740px) {
	#mainimg div.btn .cat li{width:20%;}
	#mainimg div.btn .sikaku li{width:33.3%;}
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#mainimg{background:#009E2E url(images/bg_sp.png) bottom repeat-x;text-align:center;padding-bottom:10px;}
	#mainimg div.btn{float:none;width:auto;}
	#mainimg div.btn h2{font-size:16px;padding:10px 0 0 0;}
	#mainimg div.btn h3{font-size:14px;}
	#mainimg div.btn ul{max-width:540px;padding:0 5px;margin:0 auto;}
	#mainimg div.btn li{padding:4px;width:20%;}
	#mainimg div.btn ul.sikaku li{width:33.3%;}
	#mainimg div.img{display:none;}
}
@media screen and (max-width: 430px) {
	#mainimg div.btn h2{letter-spacing:0;}
	#mainimg div.btn .cat li{width:25%;}
	#mainimg div.btn .sikaku a{height:auto;}
	#mainimg div.btn .sikaku img{height:auto;margin:0;}
}
/*▲▲▲739px以下▲▲▲*/

/*メインバナー
-----------------------------------------------------------------------------------------*/
#mainban{
	margin:40px 0 0 0;
	text-align:center;
}
#mainban li{
	float:left;
	width:33.3%;
	padding:2px;
}
#mainban li span{
	display:block;
	width:100px;
	height:20px;
	background:url(images/fin.png) left no-repeat;
	text-indent:-9999em;
	margin:-5px 0 -15px 0;
	position:relative;
	z-index:1;
}
#mainban li span.ukemae{
	background:url(images/ukemae.png) left no-repeat;
}
#mainban li span.uke{
	background:url(images/uke.png) left no-repeat;
}
#mainban li span.uke0501{
	background:url(images/uke0501.png) left no-repeat;
}
#mainban li span.uke0601{
	background:url(images/uke0601.png) left no-repeat;
}
#mainban li span.junbi{
	background:url(images/junbi.png) left no-repeat;
}
#mainban li span.kikangai{
	background:url(images/kikangai.png) left no-repeat;
}
#mainban .banner_box{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
	padding-bottom:20px;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#mainban{margin:12px 8px;}
	#mainban li span{height:18px;width:auto;background-size:90px 18px;margin:-3px auto -15px auto;}
	#mainban .banner_box{gap:5px;padding-bottom:5px;}
	#mainban li{float:none;width:auto;max-width:470px;padding:3px 0px;margin:0 auto;}
}
/*▲▲▲739px以下▲▲▲*/

/*イベント
-----------------------------------------------------------------------------------------*/
#event{
	background:#F0F0EB;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:50px 30px;
	margin:30px 0;
}
#event h2{
	font-size:25px;
	line-height:60px;
	color:#009E2E;
	margin:-20px 0 0 15px;
}
#event h2 img{
	margin-right:15px;
}
#event h2 br{
	display:none;
}
#event p.btn{
	float:right;
	background:#C77E00;
	margin:-50px 20px 10px 0;
}
#event p.btn a{
	display:block;
	font-size:16px;
	line-height:40px;
	text-align:center;
	letter-spacing:1px;
	font-weight:bold;
	color:#FFF;
	width:200px;
	height:40px;
	background:#FF8C00;
	margin:-2px 0 3px 0;
}
#event p.btn a,#event p.btn{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#event p.btn a:hover{
	margin:0 0 1px 0;
}
/*-------------------------カレンダー*/
#event div.cal{
	width:50%;
	float:left;
	padding:0 20px;
	margin:10px 0 -3px 0;
}
#event .cal h3{
	text-align:center;
	background:#009E2E url(images/cal.png) no-repeat;
	font-size:24px;
	line-height:50px;
	text-align:center;
	letter-spacing:2px;
	color:#FFF;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
}
#event .cal table{
	width:100%;
	background:#FFF;
	border-bottom:3px solid #CCCCCC;
}
#event .cal th{
	text-align:center;
	padding:15px 0 5px 0;
	border-bottom:1px solid #C8C8C8;
}
#event .cal td{
	text-align:center;
	font-size:21px;
	line-height:50px;
	font-weight:bold;
	color:#000;
	font-family:arial;
	border-bottom:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
}
#event .cal tr td:first-child{
	border-left:none;
}
/*
#event .cal tr th:nth-child(6),#event .cal tr td:nth-child(6),#event .cal tr td:nth-child(6) a{
	color:#1E7EC1;
}
*/

#event .cal tr th:first-child,#event .cal tr td:first-child,#event .cal tr td:first-child a{
	color:#F1434A;
}
#event .cal tr th:last-child,#event .cal tr td:last-child,#event .cal tr td:last-child a{
	/*color:#F1434A;*/
	color:#1E7EC1;
}
#event .cal td a{
	display:block;
	height:50px;
	font-weight:bold;
	color:#000;
	background:url(images/cal_check.png) center center no-repeat;
}
#event .cal td a:hover{
	background-color:#E6E6E6;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#event{padding:10px 10px 80px 10px;margin:0;position:relative;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
	#event h2{font-size:17px;line-height:50px;margin:10px 5px 0 5px;}
	#event h2 img{margin:0;float:right;width:100px;}
	#event p.btn{float:none;position:absolute;bottom:20px;left:50%;padding-bottom:3px;margin:0 0 0 -100px;}
	#event p.btn a,#event p.btn a:hover{font-size:14px;width:200px;margin:0;}
	#event div.cal{padding:0 5px;}
	#event .cal h3{font-size:16px;line-height:34px;}
	#event .cal table{border-bottom:2px solid #CCCCCC;}
	#event .cal th{padding:5px 0 3px 0;font-size:10px;line-height:1;}
	#event .cal td{font-size:14px;line-height:35px;}
	#event .cal td a{height:35px;background-size:30px;}
}
@media screen and (max-width: 535px) {
	#event div.cal{width:auto;float:none;padding:0 10px;}
	#event h2{font-size:17px;line-height:25px;}
	#event h2 br{display:inline;}
}
@media screen and (max-width: 465px) {
}
/*▲▲▲739px以下▲▲▲*/

/*お知らせ
-----------------------------------------------------------------------------------------*/
#topics{
	background:#009E2E url(images/topics_title.png) left top no-repeat;;
	padding:10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#topics h2{
	font-size:18px;
	line-height:27px;
	font-weight:bold;
	letter-spacing:2px;
	padding-left:35px;
	color:#FFF;
}
#topics ul{
	margin-top:8px;
	background:#FFF;
}
#topics li{
	border-top:2px solid #CCCCCC;
	padding:14px;
}
#topics li .date{
	display:block;
	float:left;
	font-weight:bold;
	color:#009E2E;
	font-family:arial;
	letter-spacing:1px;
}
#topics li .title{
	display:block;
	margin-left:90px;
}
#topics li a:hover{
	text-decoration:underline;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#topics{width:auto;float:none;padding:0 0 2px 0;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
	#topics h2{padding:10px 0 0px 45px;}
	#topics li{padding:10px;}
	#topics li .date{font-size:12px;float:none;}
	#topics li .title{margin-left:0px;}
}
/*▲▲▲739px以下▲▲▲*/

/*バナー
-----------------------------------------------------------------------------------------*/
#banner{
	float:right;
}
#banner li{
	float:left;
	background:#CCC;
	margin-left:8px;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#banner{float:none;margin:10px;position:relative;overflow:hidden;}
	#banner ul {position:relative;left:50%;float:left;}
	#banner li {position:relative;left:-50%;float:left;}
	#banner li img{width:120px;}
}
/*▲▲▲739px以下▲▲▲*/