@charset "UTF-8";

@font-face {
font-family: 'gelatio';
src: url(/assets/font/Gelasio-Medium.woff2);
}
body {
margin: 0;
background-color:#111111;
font-size: 15px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
color: #f8f8f8;
}
main {
margin: auto;
padding: 20px 16px;
}
article {
margin: auto;
width: 100%;
max-width: 750px;
}
main a[href]:not([href*="#"]){
color:#f8f1dc;
text-decoration:none;
}
h1 {
color: #f8f8f8;
font-size: 1.3em;
margin-bottom: 10px;
border-bottom: 2px solid #f8f8f8;
padding-bottom: 0.2em;
text-align:center;
font-family: gelatio;
}
h1 span {
font-size: 0.74em;
}
.eye-catch {
width:100%;
max-width:750px;
margin:auto;
margin-bottom: -30px;
text-align: center;
}
.eye-catch img {
max-width:90%;
max-height:400px;
margin:auto;
}
h2 {
color: #f8f8f8;
font-size: 1.0em;
margin-top: 60px;
border-bottom: 2px solid #f8f8f8;
margin-bottom: 20px;
padding: 6px 0;
text-align: center;
}
h3 {
font-size: 0.9em;
}
.engtitle {
font-size: 1.2em;
margin-bottom: 12px;
font-family: Georgia;
text-align: center;
}
/*スマホ 767*/
@media screen and (max-width: 1023px) {
body {
width: 100%;
margin-top: 0px;
touch-action: pan-y;
}
.eye-catch img {
max-width:90%;
max-height:260px;
margin:auto;
}
}