/* reset */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;list-style:none;word-break:break-all;word-wrap:break-word}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#fff;text-decoration:none}ins,mark{color:#000}mark{background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:text-bottom}


/* clearfix */
.cf:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.cf{display:inline-block}* html .cf{height:1%}.cf{display:block}


/* basic */
html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	font-family:"ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"游ゴシック体","Yu Gothic","ＭＳ Ｐゴシック",'MS PGothic',Arial;
	color:#595757;
	line-height:1.75;
	background:#fff;
}
main {
	display:block;
}
a {
	outline:none;
	color:#1a0dab;
}
img,
iframe {
	max-width:100%;
	vertical-align:bottom;
}
#container {
	width:1080px;
	margin:0 auto;
	background:#FFE228 url(../images/bg_container.gif) center top no-repeat;
}
#header {
	padding:15px 20px;
	text-align:right;
	position:relative;
} 
#header:before {
	content:"";
	width:1080px;
	height:178px;
	background:url(../images/header_flag.png) center top no-repeat;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.header_logo {
	z-index:10;
	position:relative;
}
.fv_cont {
	padding:16px 70px 30px;
	position:relative;
}
.fv_cont h2 {
	float: right;
	margin-right: 18px;
	margin-bottom:10px;
}
.fv_cont p {
	float: right;
	font-size:18px;
	margin-bottom: 26px;
}
.fv_deko {
	position:absolute;
	top:-167px;
	left:75px;
	bottom:0;
}
#manga {
	padding:0 70px;
}
.mangaBox {
	margin:38px 0 25px;
	padding:25px 40px;
	border:4px solid #ED7700;
	background:#fff;
	-webkit-border-radius:26px;
	border-radius:26px;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}
.mangaBox ul {
	margin-left:38px;
	display:-webkit-flex;
	display:flex;
}
.mangaBox ul li {
	cursor:pointer;
}
.mangaBox ul li:not(:last-child) {
	margin-right:48px;
}
.mangaEmo {
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;
}
#about {
	margin-top:-35px;
	padding-top:145px;
	background:url(../images/about_flag.png) center top no-repeat;
}
.aboutCharm {
	padding:0 70px;
	position:relative;
}
.aboutCharm h3 {
	margin-bottom:15px;
}
.aboutCharm ol {
	width:570px;
	margin:50px 0;
}
.aboutCharm ol li:not(:last-child) {
	margin-bottom:35px;
}
.aboutCharm_schedule {
	position:absolute;
	top:-20px;
	right:58px;
}
.aboutNice {
	margin:50px 70px 0;
	background:#fff;
	border:5px solid #9DC814;
	-webkit-border-radius:20px;
	border-radius:20px;
	position:relative;
}
.aboutNice h3 {
	position:absolute;
	top:-24px;
	left:20px;
}
.aboutNice h4 {
	margin-bottom:15px;
}
.aboutNice_cont {
	padding:30px 20px 20px;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}
.aboutNice_cont > div:nth-child(1) {
	width:236px;
	margin-right:22px;
}
.aboutNice_cont > div:nth-child(2) {
	flex:1;
	font-size:18px;
}
#try {
	padding-top:80px;
	background:url(../images/try_flag.png) center -32px no-repeat;
	text-align:center;
}
#try h2 {
	margin-bottom:-18px;
	position:relative;
	z-index:2;
}
#try p {
	position:relative;
	z-index:1;
}
#footer {
	padding-bottom:25px;
	font-size:12px;
	text-align:center;
}


#manga01Link,
#manga02Link,
#manga03Link {
	cursor:pointer;
}
#manga01,
#manga02,
#manga03 {
	display:none;
	position:fixed;
	z-index:10;
}
.manga_cont {
	max-height:70vh;
	background:#fff;
	overflow-y:scroll;
	overflow-x:hidden;
}
.manga_cont img {
	padding:30px 60px;
}
.manga_close {
	width:310px;
	margin:20px auto 0;
	padding:35px 0;
	font-size:24px;
	background:#ED7700;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
#modal-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	z-index:5;
}