body{
    background-image: url("../images/bg0.jpg");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-attachment: fixed;
    background-size: 1600px;
	width: 100%;
	font-family: notosans,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px; 
line-height:35px;
	color: #111;
}

a:hover{
opacity:0.9;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
a:hover img{
opacity:0.9;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
input[name="image"]:hover { opacity:0.9; filter:alpha(opacity=70); }


/*___________________ 文字 _____________________*/
.aka{
	font-weight: bold;
    color: #B20000;
}
.akanaka{
    font-weight: bold;
    text-align: center;
    color: #D80000;
    margin: 0px auto 10px;
    overflow: hidden;
    display: block;
}
.kiiro{
    background: linear-gradient(transparent 60%, #faf78e 60%);
	font-weight: bold;
}
.m{
    font-size:25px;
    font-weight: bold;
    line-height:40px; 
}
.naka{
    text-align: center;
   display: block;
}
.pc{
	display: none;
}
/*___________________ コンテンツ _____________________*/
#wrap{
    background-image: url("../images/bg01.png");
    background-repeat: repeat-y;
	background-position: center 0px;
	width: 100%;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}

#top{
	background-image: url("../images/top.jpg");
    background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 1600px;
	width: 100%;
    height: 360px;
	margin: 0px auto 30px;
	display: block;
}
.mokuji ul{
	width: 715px;
	padding-left: 25px;
	margin: 0px auto 40px;
	display: block;
}
.mokuji ul li{
	list-style-type: disc;
	list-style-position : outside;
	margin: 0px auto 10px;
}

/*.ul1{
	width: 705px;
	padding-left: 25px;
	margin: 0px auto 40px;
	display: block;
}
.ul1 li{
	list-style-type: disc;
	list-style-position : outside;
	margin: 0px auto 10px;
}*/

/*___________________ フォーム _____________________*/
/*.kome{
    background-color: #F0F0E1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"メイリオ", Meiryo,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 680px;
	height: 45px;
	font-size: 14px;
	line-height:  20px;
	color: #333;
	padding: 15px 30px;
	margin: 0 auto 30px;
	overflow-y: scroll;
-webkit-overflow-scrolling: touch;
transform: translateZ(0);
	display: block;
}*/
/*--------- フッター -----------*/

#foot{
	width: 750px;
	font-size: 17px;
	line-height: 27px;
	color: #1F1F1F;
	text-align: center;
	padding-top: 12px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
#foot ul{
	text-align: center;
	list-style-type: none;
	margin: 0 auto 0px;
	display: block;
}
#foot ul li{
	display: inline;
}
#foot ul li a{
	color: #1F1F1F;
	text-decoration: none;
}
#foot small{
	font-size: 16px;
}
/*___________________ トップ _____________________*/

#page-top {
	background-color: #333333;
	width: 80px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	opacity:0.8;
	color: #fff;
	padding: 3px 3px;
	border-radius: 5px;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 84px;
	text-align: center;
	display: block;
	border-radius: 10px;
	opacity:0.8;
	font-size:12px;
}
#page-top a:hover {
	text-decoration: none;
	opacity:0.5;
}


.btn_end {
	position: fixed;
    bottom: 10px;
	right: 10px;
    width: 400px;
	
	}/**/

/*.btn_end {
	position: fixed;
    bottom: 10px;
	right: 10px;
	width: 145px;
	}*/








	/* コメント欄 */

	.comment-box {
		width: 800px;
		margin: 0px auto 40px;
		overflow: hidden;
		display: block;
		font-size: 25px;
	}
	
	.comment-form-comment {
		display: flex;
		flex-direction:column;
	}
	
	.comment-form-comment textarea  {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 12px;
		font-size: 20px;
		line-height: 1.714285714;
		padding: 10px;
		padding: 0.714285714rem;
		width: 100%;
		border: 1px solid #ccc;
	}
	
	.comment-form-author {
		display: flex;
		flex-direction:column;
	}
	
	.comment-form-author input {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 12px;
		font-size: 20px;
		line-height: 1.714285714;
		padding: 10px;
		padding: 0.714285714rem;
		width: 100%;
		max-width: 400px;
		border: 1px solid #ccc;
	}
	
	.comment-form-email {
		display: flex;
		flex-direction:column;
	}
	
	.comment-form-email input  {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 12px;
		font-size: 0.857142857rem;
		line-height: 1.714285714;
		padding: 10px;
		padding: 0.714285714rem;
		width: 100%;
		max-width: 400px;
		border: 1px solid #ccc;
	}
	
	.comment-annotation {
		font-size: 14px;
	}
	
	.form-submit input {
		background-color: #00b16b;
		padding: 7px 12px;
		font-size: 25px;
		border: 1px solid #ccc;
		color: #ffffff;
		margin-top: 30px;
		margin-bottom: 30px;
		cursor: pointer;
		transition: 0.3s;
	}
	
	.form-submit input:hover {
		background-color: #02814e;
	}
	
	.comment-list {
		background-color: #eee;
		padding: 20px;
	}
	
	ul.children {
		margin-top: 30px;
	}
	
	.compost {
		list-style-type: none;
	}
	
	.compost:not(:last-child) {
		margin-bottom: 100px;
	}
	
	.comment-count {
		margin-bottom: 60px;
	}
	
	.comment__top-container {
		display: flex;
		/* margin-bottom: 20px; */
	}
	
	.comment__image-inner {
		height: 100%;
		margin-right: 50px;
	}
	
	.comment__image-inner img{
		height: 100%;
	}
	
	.cominfo {
		font-size: 20px;
		color: #5e5e5e;
	}
	
	.comment__author {
		display: inline-flex;
		align-items:center;
	}
	
	.comment__author-tag {
		font-size: 20px;
		background-color: #00b16b;
		font-size: 12px;
		padding: 0 5px;
		height: 25px;
		line-height: 25px;
		color: #ffffff;
		margin-left: 10px;
	}
	
	.reply {
		font-size: 16px;
	}
	
	.comment-reply-link {
		color: #686868;
	}
	
	.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
	}
	
	.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}