@charset "UTF-8";

/* 基本設定 */
body a {
	text-decoration: underline;
	color: #00A800;
	transition: .2s ease-in-out;
}

body a:hover {
	color: #CDF19D;
	text-decoration: none;
}

body a:visited {
	text-decoration: underline;
}

.base{
	width:100%;
	margin:0 auto;
}

/* headerの設定 top画像・スライドショー・menuの設定を掲載 */
/* top画像の設定 */
/*.header h1 .sp{
	display:block;
 	width:96%;
 	margin:15px 2%;
}*/

.header h1 .pc{
	display:block;
	width:96%;
	margin:15px 2%;
}

/* スライドショーの表示設定 */
.header .pc{
	display:block;
	z-index: 0;
	margin: none;
}

.header .sp{
	display:none;
}

/* menuの設定 */
.menu ul{
	width:90%;
	display:inline-flex;
	list-style: none;
	margin:0 5%;
	
	position: relative;
}

.menu .off{
	width:25%;
	font-size: 1.8rem;
	border:1px solid #ffffff;
	padding:12px 0;
	font-weight: bold;
	text-align: center;
	background-color: #00a800;
}

.menu .off a{
	color: #ffffff ;
	width:25%;
	text-decoration: none;
}

.menu .on{
	width:25%;
	font-size: 1.8rem;
	border:1px solid #ffffff;
	padding:12px 0;
	font-weight: bold;
	text-align: center;
	background-color: #00a800;
}

.menu .on a{
	color: #ffffff ;
	width:25%;
	text-decoration: none;
}

.menu .off .sub{
	display: none;
}

.menu .on .sub{
	display:block;
	list-style: none;
	z-index: 1;
	position:absolute;
	top:100%;
	left:25%;
}

.menu .on ol{
	width:25%;
	background-color:#ffff00;
}

.menu .on ol a{
	color:#000000;
	font-weight: normal;
}

.menu .on .off{
	font-size: 1.6rem;
	border-bottom:1px solid #00a800 ;
	border-top:0px;
	border-left:1px solid #ffffff ;
	border-right:1px solid #ffffff ;
	padding:8px 0;
	background-color: #ffffff;
	width:100%;
}

.menu .on .on {
	font-size: 1.6rem;
	display:block;
	background-color: #00a800;
	width:100%;
	padding:8px 0;
	
	border-top:0px;
}

.menu .on .on a{
	color:#ffffff;
}

/* ここからmainの設定 */
/* lead文の設定 */
.lead{
	width:90%;
	margin:-20px 5% 10px 5%;
	text-align:center;
}

.lead p{
	font-size: 1.6rem;
	line-height: 2rem;
}

.block{
	width:100%;
	display: -webkit-inline;
	list-style: none;
}

/* informationの設定 */

.info{
	border: 2px solid #00B0F0; 
	display:block;
	float:left;
	margin:20px 4% 20px 4%;
	/*width:50%;/* infotmationのネタが溜まってきたら、ここを60%に変光してください。 */
	width: 92%;
}

@media print, screen and (max-width: 949px) {
	.info{
		border: 2px solid #00B0F0; 
		display:block;
		float:left;
		margin:20px 1% 20px 4%;
		width:50%;
	}
}

.info h3{
	font-size:1.5rem;
	text-align: left;
	width: 100%;
	margin-bottom:10px;
	padding:10px;
	color:#FFFFFF;
	background-color:#00B0F0;
}

.info-main{
	overflow:scroll;
	height:500px;
	width:100%;
}


.info-main h4{
	font-size:1.3rem;
	padding:5px 0 3px 10px;
	color:#00B0F0;
	font-weight:bold;
	line-height:1.7rem;  
}

.info-main p{
	padding:0 15px 8px 15px;
	font-size:1.1rem;
	line-height:1.4rem;
}

.info-main p a{
    color:#00b0f0;
}

/* バナーの設定 */
.banner {
	/*	border: 2px solid #92D050; */
	margin: 20px 4% 20px 1%;
	float:right;
	width:40%;/* infotmationのネタが溜まってきたら、ここを30%に変光してください。 */
}

@media print, screen and (max-width: 949px) {
	.banner{
/*		border: 2px solid #92D050; */
		margin: 20px 4% 20px 1%;
		float:right;
		width:40%;
	}
}

.banner h3{
	background-color: #92D050;
	font-size:1.5rem;
	text-align: left;
	width: 100%;
	margin-bottom:10px;
	padding:10px;
	color:#FFFFFF;
}

.banner ul{
	display:block;
	list-style: none;
	background-color: #ffffff;
}

.banner li{
	width:100%;
	padding:1%;
	margin:0;
	float:center;
}

.banner a{
	display: block;
	position: relative;
}

.banner li .pc{
	float:center;
	display:block;
}

.banner li .sp{
	display:none;
}

/*Twitterの設定 */
.twitter{
	border:1px solid #ff7e79;
	width:92%;
	margin: 10px 4%;
}
.twitter h3{
	font-size:1.5rem;
	text-align: left;
	width: 100%;
	margin-bottom:10px;
	padding:10px;
	color:#FFFFFF;
	background-color:#ff7e79;
}

.twitter a,
.twitter a:hover{
	color:#ff7e79;
}

.twitter .twitter-hs{
	width:45%;
	margin:10px 1% 10px 4%;
	float: left;
}

.twitter .twitter-cs{
	width:45%;
	margin:10px 4% 10px 1%;
	float: right;
}

/*お問い合わせの設定 */
.contact{
	margin: 10px 4%;
	width:92%;
}

.contact h3{
	font-size:1.5rem;
	text-align: left;
	width: 100%;
	margin-bottom:10px;
	padding:10px;
	color:#FFFFFF;
	background-color:#FFC000;
}

.contact p{
	width:96%;
	margin:0 2%;
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.contact p span{
	color:#FFC000;
	font-weight: bold;
}

/* ここからはページのフッターの設定、適当に読み飛ばして*/
.copy{
	font-size:1.2rem;
	line-height: 1.7rem;
	text-align:right;
	margin:4px;
}
.copy a{
	text-decoration:none;
}
.p-copy{
	font-size:1.2rem;
	line-height: 1.7rem;
	text-align:right;
	margin:4px;
}