@import url(https://fonts.googleapis.com/css?family=Molengo&effect=canvas-print|stonewash);

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-DemiLight.otf) format('opentype');
}

body {
	background-color: white;
	font-size: 1.0rem;
	font-family:'woff2','Noto Sans Japanese', serif;
	font-weight:100;
	color: #3e3e3e;
	text-rendering: optimizelegibility;

	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:100%; /*スマホ縦横自動調整機能無効*/
	-webkit-font-smoothing: antialiased;
	
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;
	
	-ms-tap-highlight-color:rgba(0,0,0,0); 
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased;
}
.body-section,.responsive{background:white;}

h1{
	margin-left:-30px;
	margin-bottom:50px;
}
.h1small{
	padding-right:20px;
	padding-left:20px;
	font-size:1.0rem;
}
@media (max-width: 800px) {
.b-wrapper,.footer {

	line-height:130%;
}
.h1{
	width:100%;
	float:left;
}
.h1small{
	width:80%;
	float:left;
	margin-top:20px;
}
}


a{
	text-decoration: none;
	color:blue;
}
a:hover{
	color:red;
}

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

.logo{
	text-align:center;
	width:40%;/*ロゴ箇所*/
	float:left;
	margin:10px 0 5px 10px;
	padding:0;
	font-size:1.7rem;
	color:#FF9933;
	font-weight:bold;
}
.logo2{
	display:none;
	padding-top:50px;
	padding-bottom:20px;
}
@media (max-width: 1000px) {
	.logo{font-size:1.5rem;}
	.logo-pc{display:none;}
}
@media (max-width: 1240px) {
.logo2{
	display:block;
	padding-top:50px;
	padding-bottom:20px;
}
}
/*footer.php------------------------------------------------------------------footer.php*/
.footer1{}
.footer1 a{color:#000000;}
.footer1 a:hover{color:red;}
.footer2{margin-top:100px; }
/*footer.php------------------------------------------------------------------footer.php*/

/*top.php------------------------------------------------------------------top.php*/
.top-con{
	width:100%;
	height:30px;
}
.top-left{
	text-align:left;
	float:left;
	padding:5px 0 0 5px;
	color:white;
}
@media (max-width: 800px) {
.top-left{font-size:70%;}
}
.top-right{
	text-align:right;
	padding:7px 5px 0 5px;
	font-size:0.9rem;
}
/*body------------------------------------------------------------------------body*/
.b-content, .b-sidebar {
	padding:10px 0 10px 0;
}

.b-container{
	max-width:960px;
	margin:0 auto;
}

.b-wrapper {
	float: left;
	width: 100%;
	margin-right: -304px;
}

.b-content {
	margin-legt:0;
	margin-right: 300px;
	text-align:left;
}

.b-sidebar {
	float: right;
	width: 300px;
}

.footer {clear: both; }
@media (max-width: 780px) {
.b-wrapper, .b-content, .b-sidebar {
	float: none;
	margin: 10px 0 0 0;
	width: auto;
	}
.logo{
	margin:10px 0 5px 10px;
	display:block;
	text-align:center;
	font-size:1.4rem;
	width:auto;
}
}

.body-section{
	font-size:16px;
	margin-bottom:50px;
}

/*.b-content-all-----------------------------------------------------.b-content-all*/
.event-con{
	margin-bottom:20px;
	text-align:left;
}
.b-content-all{
	width:100%;
	float:left;
	text-align:left;
}
.event-dl dl{
	width:99%;
	float:left;
	padding-right:5px;
	margin-top:20px;
}
.event-dl dt{
	width:60px;
	padding-left:5px;
	float:left;
}
.event-dl dl dd{
	width:100%;
	max-width:500px;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:1px black dotted;
}
.event-con-bottom{
	width:100%;
	float:left;
	margin-top:30px;
}
/*news------------------------------------------------------------------------news*/
.news-dl{
	width:90%;
	float:left;
	text-align:left;
	padding:0 0 0 4%;
}
#rss{width:100%;
margin:20px 0 0 0;}

dl{width:100%;
float:left;
	display: inline-block;
	margin:5px auto 5px auto;
	padding:0 0 5px 0;
	border-bottom: #ccc 1px dotted;}
dt {width:95%;
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
	float:left;
	vertical-align:text-top;
text-align:left;
}
dl .tittle{
	width:0;
	float:left;
	text-align: left;	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: $bg-color;
	line-height: $line-height;
}

dl .next{font-weight:bold;
	float:right;
	margin:0 0 3px 0;
	padding:3px 0 0 0;
	font-size:0.7rem;}
dl .next a{
text-decoration:none;
padding:5px;
background:#666666;
color:white;}
dl .next a:hover{
color:red;}

/*event-con-----------------------------------------------------------------event-con*/
.event-con{
	width:100%;
	float:left;
	margin:0 0 100px 0;
}
.event-con{padding:0 16px 0 20px;}
.event-con-in{padding:0 36px 0 0;}

.event-con h1{
	width:99%;
	float:left;
	padding:5px 5px 0 20px;
	border-radius: 20px;
	font-size:2rem;
	color:#d3ae53;
	background-repeat:no-repeat;
	background-position:bottom;
}

.event-con dl{
	width:95%;
	margin-left:50px;
	float:left;
}  
.event-con dt {
	color:#4b9133;
	float:left;  
	width:35%;   
	margin:0;
	padding-bottom:1em;
	clear:both;  
	font-weight:bold;  
}
.event-con dd {
	width:60%;
	float:left;
}

.event-con dt, .event-con dd {
	padding:1em 0 1em 0;
}

@media (max-width: 780px) {
.event-con dl{
	border-bottom:none;
	margin-left:-15px;
}  
.event-con dt {
	width:100%;
	margin-left:5px;  
	border-bottom:1px gray dotted;  
}
.event-con dd {
	width:100%;
	padding-left:10px;
}

.event-con ul li{
	list-style-type:none;
	padding:10px 5px 10px 5px;
	margin-left:5px;
}
}

/*ページTop*/
#pagetop{
	width:6.5%;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	padding:20px;
	position:fixed;
	bottom:82px;
	right:20px;
	z-index:255;
	}
#pageTop:hover{
	background:rgba(0,0,0,0.04);
	}
/*ページTop*/