@charset "UTF-8";
/* CSS Document */

/* 共通 */
html , body {
	margin:0;
	padding:0;
	color:#333;
}
a{
	color:#333;
}
a:hover{
	text-decoration: none;
	color:#ea5504;
	transition: 0.3s all;
}
img{
	width:100%;
}
.text-right{
	font-size:0.9em;
}
/* header */
header{
	background:linear-gradient( #ffe55f , #fffcdb );
}
.hd_flame{
	display:flex;
	display:-webkit-flex;
}
h1{
	width:30%;
	padding:20px 5%;
	margin:0;
}
.hd_flame p{
	font-weight:bold;
	color:#ea5504;
	font-size:1.5em;
	padding:30px 0 0 0;
	margin-bottom:0;
}
.navbar-expand-md .navbar-collapse{
	justify-content: flex-end;
}
.top_menu{
	justify-content: flex-end;
	justify-content: -webkit-flex-end;
	width:100%;
}
.top_menu li{
	text-align: center;
	border-right:solid 1px #333;
	min-width:9%;
}
.top_menu li:first-child{
	border-left:solid 1px #333;
}
.navbar-light .navbar-nav .nav-link{
	display:block;
	color:#333;
}
.navbar-light .navbar-nav .nav-link:hover{
	color:#ea5504;
}
.top_menu .chara_img_sp{
	display:none;
}
.navbar-light .navbar-toggler{
	background-color:#fff;
}
/* side */
.slide_menu ul{
	list-style: none;
	text-align:center;
	margin-top:10px;
	padding:0;
}
.slide_menu li{
	background:url("../img/menu_bg.jpg") no-repeat center center;
	margin-bottom:10px;
}
.slide_menu li a{
	display: block;
	font-weight:bold;
	font-size:1.2em;
	padding:10px 0;
}
.slide_menu p{
	margin-top:30px;
	text-align: center;
}
.slide_menu p img{
	width:70%;
}
/* content */
.top_img{
	margin-top:10px;
}
/* archive */
.archive{
	display:flex;
	display: -webkit-flex;
	margin:2em 0 1em 0;
}
.archive_item{
	margin:0 5px;
	text-align: center;
}
.archive_item h2{
	font-size:1.2em;
	font-weight:bold;
	color:#fff100;
	background-color:#eb6c00;
	padding:10px 0;
	border-radius: 10px;
	margin:0;
}
.ar_img{
	display: inline-block;
	position: relative;
}
.ar_img:after{
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba( 255, 255 , 255 , 0.1);
	box-shadow: 
	  inset 0 0 10px #fff /* 背景色と同じ色 */,
	  inset 0 0 10px #fff,
	  inset 0 0 10px #fff,
	  inset 0 0 10px #fff;
}
/* section */
section h3{
	margin:50px 0 30px 0;
	color:#eb6c00;
	font-weight:bold;
	font-size:1.5em;
	padding:0 0 10px 20px;
	border-bottom:dotted 5px #eb6c00;
}
h4{
	font-weight:bold;
	text-align: center;
	font-size:1.4em;
	margin-bottom:30px;
}
.sec_l , .sec_r{
	display: flex;
	display:-webkit-flex;
	align-items:flex-start;
	align-items:-webkit-flex-start;
	padding:0 50px;
}
.sec_sp{
		display: flex;
		display: -webkit-flex;
		width:60%;
	}
.sec_l img , .sec_r img{
	padding:0 5px;
	width:50%;
	height:100%;
}
.sec_l p , .sec_r p{
	width:40%;
	text-indent:1em;
}
.sec_r p{
	padding-left:20px;
}
.sec_l p{
	padding-right:10px;
}
.text_flame{
	margin:10px 50px;
	padding:25px 40px;
	background-color:#fdd000;
	border-radius:15px;
}
.text_flame h4{
	text-align: center;
	margin-bottom:15px;
}
.text_flame img{
	width:65%;
}
.text_flame p{
	margin:0;
}
/* fotter */
footer{
	margin-top:50px;
	border-top:solid 3px #333;
}
footer > p{
	margin:10px 0;
}
.f_flame{
	display: flex;
	display:-webkit-flex;
}
.f_flame h3{
	color:#eb6c00;
	font-weight:bold;
	font-size:1.5em;
	padding:0 0 10px 20px;
}
.f_flame p{
	padding-left:50px;
	font-weight:bold;
}
@media screen and (max-width:1400px){	
	section > h4{
		padding:0 20px;
	}
}
@media screen and (max-width:1050px){	
	.archive_item h2{
		font-size:1em;
	}
	.sec_l , .sec_r{
	padding:0 30px;
	}
	.hd_flame p{
		font-size:1.2em;
	}
	section > h4{
		font-size:1em;
		padding:0;
	}
	section h3 , .f_flame h3{
		font-size:1.3em;
	}
	.text_flame img{
		width:90%;
	}

}
@media screen and (max-width:800px){
	h1{
		width:30%;
		padding:20px;
	}
	.hd_flame p{
		font-size:1em;
		padding-left:20px;
	}
	.slide_menu ul{
		font-size:0.9em;
	}
	.archive{
		flex-wrap:wrap;
		flex-wrap:-webkit-wrap;
	}
	.archive_item{
		margin:0;
		width:50%;
		padding:0 5px;
		margin-bottom:10px;
	}
	section h3{
		margin:30px 0;
	}
	section > h4{
		padding:0 10px;
	}
	.sec_l , .sec_r{
		flex-wrap:wrap;
		flex-wrap:-webkit-wrap;
	}
	.sec_sp{
		width:100%;
	}
	.sec_l p , .sec_r p{
		width:100%;
	}
	.sec_r p{
		padding:20px 0 0 0;
	}
	.sec_l p{
		padding-right:10px;
	}
	.text_flame{
		margin:10px;
		padding:25px;
	}
	.text_flame img{
		width:95%;
	}
	.f_flame{
		flex-wrap:wrap;
		flex-wrap:-webkit-wrap;
	}
	.f_flame h3{
		padding:0 0 0 20px;
	}
}
@media screen and (max-width:767px){
	.hd_flame{
		flex-wrap:wrap;
		flex-wrap:-webkit-wrap;
	}
	.hd_flame h1{
		width:100%;
		padding:10px 15%;
	}
	.hd_flame p{
		padding:0 30px;
		text-align: center;
	}
	.top_menu li{
		text-align: center;
		border-right:none;
		min-width:100%;
		border-bottom:dotted 1px #666;
	}
	.top_menu li:first-child{
		border-left:none;
	}
	.slide_menu{
		display:none;
	}
	.col-md-9{
		padding:0;
	}
	.archive{
		margin:1em 0.5em 0 0.5em;
	}
	.archive_item h2{
		font-size:0.9em;
	}
	.text_flame img{
		width:100%;
	}
	.sec_l p{
		padding-right:0;
	}
	section > h4{
		padding:0 20px;
	}
	section h3 , .f_flame h3{
		font-size:1.2em;
	}
	footer{
		margin-top:30px;
	}
	.f_flame p{
		width:100%;
		padding:0 10px 30px 20px;
	}
}