#wrap{
		width:  100%;
		/* 基準値 */
		height: auto;
		margin: 0 auto;
		border: solid 1px #f9f9f9;
		position:relative;
		
	}

	#header0{
		width:100%;
		height:23px;
		background-color: #9FBB00;
		text-decoration: none;
	}

	#header{
		width:  100%;
		height: 100px;
	}

	#header-logo{
		width: 100%;
		height: 100px;
		background-image: url("images/main-logo.png");
		background-position:center;
		background-size:contain;
		background-repeat: no-repeat;
	}

	#header-login{
		width: 220px;
		height: 100%;
		float: right;
		text-align: right;
		posiion: relative;
	}

	#header-info{
		width: 100%;
		height: 60%;
		posiion: absolute;
		bottom: 0;
		line-height: 1.8em;

	}

	.header-btn1, .header-btn2{
		background-color: #FBC200;
		margin: 0 5px 0 15px;
		width: 90px;
		height: 30px;
		border-radius: 0.5em;
		float: left;
		
		display: inline-block;
		text-align: center;
		text-decoration: none;
		outline: none;
	}

	.header-btn2{
		background-color: #9FBB00;
	}




	#header-btn1:hover{
		background-color: #af8700;
		color: #fff;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	}

	#header-btn2:hover{
		background-color: #5e6f00;
		color: #fff;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	}

	#banner{
		background-color: #FBC200; 
		width: calc(100% - 2px);
		height: 200px;
	}

	#banner-inside{
		background-image: url("images/banner-art.png");
		background-position:center;
		background-size:cover;
		background-repeat: no-repeat;	

		width : calc(100% - 20px) ;
		height: calc(100% - 20px) ;
	}

	#banner-text{
		position: relative;
		left: 20%;
		background-color: #FBC200;
		width : 40%;
		height: 60%;
		padding: 10px;
		font: bold 10px sans-serif;
		border-radius: 1.2em;
	}

	#menu{
		width:  100%;
		
		height: auto;
	}

	#notification{
	display:none;
	}

	#Blog-news{
		border: solid 2px #9FBB00;
		margin-bottom: 4px;
		width: 100%;
		height: 600px;
		position: relative;
	}


	.content_image{ 
		width: 100%;
		height: 30%;
	}

.wp-post-image{
max-width: 100%;
width: auto;
height: 100%;
}


	.content_text{
		width: 100%;
		height: 65%;
		padding: 10pt 0 0 10px;
		background-color: white;
		line-height: 50%;
	}


.news-line{
	width: 100%;
	height: auto;
	padding: 1px;
	margin: 5px; 
	vertical-align: text-bottom;
	border-bottom: solid 1px #9FBB00;
}

.article-title{
	background-color: #fff;
	font-size: 0.8em;
	line-height: 1.1;
	width: auto;
}
	
.date-author{
	background-color: #fff; 
	font-size: 0.6em;
	font-weight: 800;
	line-height: 1.1;
	width: auto;
}


	.blog_title{
		width: 100%;
		height: 47px;
		border-bottom: solid 1px #000;
		padding: 1px 0 1px 0;
		margin: 0 0 3px 3px;
	}


	#showcase{
		border: solid 2px #9FBB00;
		margin-right: 2px;
		margin-bottom: 4px;
		width: 100%;
		height: 100vw;
		position: relative;

	}

	#sponsors{
		clear: both;
		margin-left: 2px;
		margin-bottom: 4px;
		width: 100%;
		height: calc(31vw * 4 + 30px);
	}

	#ad-sepalater{
		clear: both;
		background-image: url("images/sepalater.png");
		background-position:center center;
		background-size:contain;
		background-repeat: no-repeat;	
		width: 100%;
		height: 30px;
	}

	#footer{ 
		clear: both;
		width:  100%;
		height: auto;
		position: relative;
	}

	#footer-logo{
		width: 100%;
		height: 100px;
		background-image: url("images/footer-logo.png");
		background-position:center;
		background-size:contain;
		background-repeat: no-repeat;
	}

	#footer-contents{
		width: 100%;
		height: 100%;
		font-size: small;
		text-align: center;
		bottom: 0;
	}

	#footer-info{
		width: 100%;
		text-align: center;
	}

	.item_title{
		background-color: #FBC200; 
		width: 100%;
		height: 40px;
		text-align: center;
		font-size: 1.2em;
	}

	.ad{
		box-sizing: border-box;
		border: solid 2px #9FBB00;
		width: 100%;
		height: 31vw;	
	}
	.centering{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	}

	.content{
		width:calc(100% - 16pt);
		height: calc(100% - 45pt);
		position: absolute;
		bottom: 3pt;

	}

	#showcase-pic{
		background-image: url("images/rabbit.png");
		background-position:top center;
		background-size:contain;
		background-repeat: no-repeat;
	}

	#ad1 {
		margin: 2px 4px 2px 4px;
		background-image: url("images/ministry.png");
		background-position:center;
		background-size:contain;
		background-repeat: no-repeat;
	}

	#ad2 {
		margin: 2px 4px 2px 4px;
		background-image: url("images/awww.png");
		background-position:center;
		background-size:contain;
		background-repeat: no-repeat;
	}

	#ad3 {
		margin: 2px 4px 2px 4px;
		background-image: url("images/browncoffee.png");
		background-position:center;
		background-size:contain;
		background-repeat: no-repeat;
	}

	#ad4 {
		margin: 2px 4px 2px 4px;
		background-image: url("images/stayathome.png");
		background-position:center;
		background-size:contain;
		background-repeat: no-repeat;
		
	}

	h1, h2, h3, h4, h5, h6{
		margin: 0;
		padding: 0;
	}

	h5{
		line-height: 1em;
	}

	li{
		display:inline-block;
	}

	li h3{
		margin: 10px;
	}

	li h3 a{
		margin: 10px;
		color: #9FBB00;
	}

	a{
		color: black;
	}
}