@charset "utf-8";
#header_title { max-width: 2400px; min-width: 1400px; margin: 0 auto;}
/*.head_img_area { display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; background: url("../../img/top_sub_img.jpg") no-repeat center bottom / cover; overflow: hidden;}*/
.head_title { display: inline-block; font-size: 30px; color: #088f5e; line-height: 110px; padding: 0 50px; background: #fff;}
/*キャラクター*/
#character { margin-top: 100px;}
.character_area { padding-top: 80px; padding-bottom: 80px; background: #e2f2ec;}
.character_area dl { display: flex; gap: 65px;}
.character_area dt { font-size: 16px; font-weight: 500; text-align: center;}
.character_area dt img { margin-bottom: 15px;}
.character_area dd { display: flex; flex-direction: column; justify-content: center;}
.character_area dd h4 { color: #001661; font-size: 24px;line-height: 120%; border-left: solid 9px #001661; padding: 6px 0 8px 15px;}
.character_area dd p { font-size: 16px; line-height: 180%; font-weight: 500; margin-top: 25px;}
.chara_image_area { display: flex; flex-wrap: wrap; justify-content: center; gap: 63px; font-size: 16px; font-weight: 500; text-align: center; margin-top: 60px; align-items:flex-end; }
.chara_image_area img {margin-bottom: 15px;}
/*4コマリンク*/
#manga { margin-top: 100px; margin-bottom: 100px;}
/**/
.btn_manga1 { margin-top: 30px;}
.btn_manga1 a { display: block; width: 820px; font-size: 23px; line-height: 70px; padding-left: 100px; font-weight: 600; text-decoration: none; color: #fff; background-color: #001661; background-image: url("../../img/btn_book.png") , url("../img/btn_trash01.png"); background-size: 50px 50px , 58px 58px ; background-repeat: no-repeat , no-repeat; background-position: right 12px center , left 25px center; border-radius: 50px; margin: 0 auto 0; transition: background-color .5s;}
.btn_manga1 a:hover { background-color: #4D66AD;}
.btn_manga1 img { vertical-align: middle; margin-right: 20px; margin-bottom: 5px;}
/**/
.btn_manga2 { margin-top: 30px;}
.btn_manga2 a { display: block; width: 820px; font-size: 23px; line-height: 70px; padding-left: 100px; font-weight: 600; text-decoration: none; color: #fff; background-color: #001661; background-image: url("../../img/btn_book.png") , url("../img/btn_trash02.png"); background-size: 50px 50px , 58px 58px ; background-repeat: no-repeat , no-repeat; background-position: right 12px center , left 25px center; border-radius: 50px; margin: 0 auto 0; transition: background-color .5s;}
.btn_manga2 a:hover { background-color: #4D66AD;}
.btn_manga2 img { vertical-align: middle; margin-right: 20px; margin-bottom: 5px;}
/**/
.btn_manga3 { margin-top: 30px;}
.btn_manga3 a { display: block; width: 820px; font-size: 23px; line-height: 70px; padding-left: 100px; font-weight: 600; text-decoration: none; color: #fff; background-color: #001661; background-image: url("../../img/btn_book.png") , url("../img/btn_trash03.png"); background-size: 50px 50px , 58px 58px ; background-repeat: no-repeat , no-repeat; background-position: right 12px center , left 25px center; border-radius: 50px; margin: 0 auto 0; transition: background-color .5s;}
.btn_manga3 a:hover { background-color: #4D66AD;}
.btn_manga3 img { vertical-align: middle; margin-right: 20px; margin-bottom: 5px;}








/* ComingSoon */
.commingsoon { display: flex; justify-content: center; align-items: center; height: 300px; }
.fluffy { width: 300px; hanging-punctuation: 163px;}
.fluffy img {width: 100%; height: auto; animation: fluffy 3s ease-in-out infinite alternate-reverse;}
@keyframes fluffy {
	0% {
		transform: translateY(-5%);
	}
	100% {
		transform: translateY(5%);
		}
}


@media screen and (max-width: 768px) {
	#header_title { max-width: none; min-width: auto; margin: 0;}
/*	.head_img_area { width: 100%; height: 400px; background: url("../../img/top_sub_img.jpg") no-repeat center bottom / cover;}*/
	.head_title { font-size: 25px; line-height: 120%; padding: 25px 30px; }
	/*キャラクター*/
	#character { margin-top: 50px; }
	.character_area { padding: 50px 5%; }
	.character_area dl { flex-direction: column; gap: 25px;}
	.character_area dt {max-width: 320px; width: 100%; min-width: 300px; margin: 0 auto;}
	.character_area dt img { width: 100%; height: auto; margin-bottom: 15px;}
	.character_area dd { }
	.character_area dd h4 span { display: inline-block;}
	.chara_image_area { gap: 30px 65px;}
	/*4コマリンク*/
	#manga { margin-top: 50px; margin-bottom: 50px;}
	/**/
	.btn_manga1 { margin-top: 20px;}
	.btn_manga1 span { display: inline-block;}
	.btn_manga1 a { max-width: 400px; min-width: 340px; width: 100%; font-size: 14px; line-height: 135%;  background-size: 35px 35px , 45px 45px; background-position: right 10px center , left 6.5% center;  margin: 0 auto; padding: 15px 0 15px 18%; }
	.btn_manga1 img { vertical-align: middle; margin-right: 5px; margin-bottom: 5px;}
	/**/
	.btn_manga2 { margin-top: 20px;}
	.btn_manga2 span { display: inline-block;}
	.btn_manga2 a { max-width: 400px; min-width: 340px; width: 100%; font-size: 14px; line-height: 135%;  background-size: 35px 35px , 45px 45px; background-position: right 10px center , left 6.5% center; margin: 0 auto; padding: 15px 0 15px 18%; }
	.btn_manga2 img { vertical-align: middle; margin-right: 5px; margin-bottom: 5px;}
	/**/
	.btn_manga3 { margin-top: 20px;}
	.btn_manga3 span { display: inline-block;}
	.btn_manga3 a { max-width: 400px; min-width: 340px; width: 100%; font-size: 14px; line-height: 135%;  background-size: 35px 35px , 45px 45px; background-position: right 10px center , left 6.5% center; margin: 0 auto 0; padding: 15px 0 15px 18%; }
	.btn_manga3 img { vertical-align: middle; margin-right: 5px; margin-bottom: 5px;}
	
	
	
/* ComingSoon */
	.commingsoon { display: flex; justify-content: center; align-items: center; height: 200px; }
.fluffy { width: 250px; hanging-punctuation: 136px;}

}