/*----------------------------------------
** ヒックとドラゴン
** hicdragon
** style
----------------------------------------*/


img {
	max-width: 100%;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
img[src$=".svg"] {
	max-width: 100%;
	width: 100%; /* IE対応 */
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.__min {
	font-family: YakuHanMP,'Noto Serif JP','游明朝','Yu Mincho','游明朝体','YuMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.__goth {
	font-family: YakuHanJP,'Noto Sans JP','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
}
#wrapper {
	width: 100%;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-width: 1200px;
	margin: 0 auto;
}
section {
	width: 100%;
	position: relative;
}
.__inner {
	max-width: 1000px;
	width: 97%;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:768px) {
	#wrapper {
		min-width: 100%;
	}
}

/*-----------------------------------------
** #contents
-----------------------------------------*/
#contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	min-width: 1200px;
	/*min-height: 1000px;*/
}
#contents header {
	width: 250px;
	background: #e40012;
}
#contents .__main {
	width: calc(100% - 250px);
	background-color: #fff;
	position: relative;
}
@media screen and (max-width:768px) {
	#contents {
		display: block;
		min-width: 100%;
		min-height: auto;
	}
	#contents header {
		width: 100%;
		background: #e40012;
	}
	#contents .__main {
		margin-top: 50px;
		width: 100%;
		background-color: #fff;
		position: relative;
	}
}

/*-----------------------------------------
** header
-----------------------------------------*/
header {
	color: #fff;
}
header .__head-inner {
	width: 250px;
	padding: 25px;
	top: 0;
	left: 0;
	z-index: 10;
}
header h1 {
	width: 100%;
	margin: 0 auto 25px;
}
header h2 {
	/* width: 100px; */
	width: 148px;
	margin: 0 auto 25px;
}
header h1 img {
	max-width: 100%;
	height: auto;
}
.fixedsticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
}
@media screen and (max-width:768px) {
	header {
		position: fixed;
		width: 100%;
		height: 50px;
		top: 0;
		left: 0;
		z-index: 50;
		/*transition: 0.4s all;*/
	}
	header .__head-inner {
		width: 100%;
		height: 100vh;
		padding: 60px 25px 25px;
		top: 0;
		left: -100.2%;
		z-index: 100;
		position: fixed;
		background: #e40012;
		transition: 0.4s all;
	}
	.__head-inner.__open {
		top: 0;
		left: 0;
	
		overflow: scroll;
	}
	header h1 {
		width: 60%;
		margin: 0 auto 15px;
	}
	header h2 {
		width: 120px;
		margin: 0 auto 15px;
	}
}

/*-----------------------------------------
** HEADER > SNS
-----------------------------------------*/
.__ic-sns {
	display: flex;
	align-items: center;
	justify-content: center;
	/*position: absolute;
	right: 2%;
	top: 2%;
	opacity: 0;*/
}
.__ic-sns > div {
	width: 30px;
	margin: 0 10px;
}
.__ic-sns > div a {
	display: block;
}
.__ic-sns > div a img {
	transition: 0.3s all;
}
.__ic-sns > div a:hover img {
	transform: scale(1.2);
}

@media screen and (max-width:768px) {
	.__ic-sns {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 10px;
		left: 10px;
		z-index: 70;
	}
}


/*-----------------------------------------
** BANNERS
-----------------------------------------*/
.__banners {
	background: #fff;
	padding: 40px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.__banners > div {
	max-width: 190px;
	margin: 0 10px 10px 10px;
}
.__banners > div img {
	transition: 0.3s all;
}
.__banners > div img:hover {
	transform: scale(1.1) rotate(8deg);
	filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-webkit-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-moz-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
}
.__banners > div a {
	display: block;
}
.__banners > div img {
	max-width: inherit;
	width: auto;
	height: 53px;
}
/*.__banners > div:not(:last-child) img {
	max-width: inherit;
	width: auto;
	height: 53px;
}*/
@media screen and (max-width:768px) {
	.__banners > div {
		width: 200px;
		margin: 0 10px 20px;
		text-align: center;
	}
	.__banners > div:last-child {
		margin-bottom: 0;
	}
	.__banners > div:not(:last-child) img {
		max-width: 200px;
		height: auto;
	}
}


/*-----------------------------------------
** COPYRIGHTS
-----------------------------------------*/
.__copyrights {
	background: #fff;
	color: #000;
	padding: 10px 0;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 0.8rem;
}
@media screen and (max-width:768px) {
		font-size: 0.666rem;
	}
}