/* COMPASS
 * ----------------------------------------------- */
/* BASE
 * ----------------------------------------------- */
/* MEDIA QUERIES
 * ----------------------------------------------- */
/* PAGES
 * ----------------------------------------------- */

	
 .section-articlehead .articlehead-title{
        font-size: 66px;
        font-weight: bold;
}

.section-articlehead .date{
        font-weight: bold;
}

.section-articlehead .date span{
color: #00a7a1;

}
.article-header{
width: 100%;
height: 448px;
background: url("../img/common/header_pc.png") top center/1920px 448px no-repeat;
z-index: -100;

}
.header-fitlogo{
text-align: center;
padding-top: 33px;
}
.section-articlehead{
        width: 1000px;
        margin:  -255px auto 0;
}

.section-articlehead .date{
        font-size: 21px;
        margin: 45px 10px;
}

.section-articlehead .articlehead-title{
        font-size: 66px;	
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 25px;
        margin: 0 10px;
        letter-spacing: 3px;
        line-height: 110px;
}

.section-articlebody{
        width: 1000px;
        margin: 90px auto 0;
}

.section-articlebody .sample-image{
        margin-top: 15px;
}

.section-articlebody a{
        cursor: pointer;
}

.section-articlebody p{
        font-size: 20px;
        line-height: 43px;
        margin-top: 30px;
        letter-spacing: 0.01px;
}

.section-articlebody h2{
        font-weight: bold;
        font-size: 37px;
        line-height: 55px;
        margin-top: 65px;
        margin-bottom: 10px;
        color: #f98b00;
}

.section-articlebody h4{
        font-weight: bold;
        font-size: 28px;
        line-height: 41px;
        margin-top: 50px;
        margin-bottom: 30px;
        color: #00a7a1;
}

.palaline{
        width: 100%;
        border-bottom: solid 1px #000;
        padding-top: 70px;
}

.pre-registration{
        font-size: 40px;
        text-align: center;
}

.dl-apple{
        display: inline-block;
        width: 27.1%;
        margin-right: 1%
}

.dl-android{
        display: inline-block;
        width: 34.3%;
}

.sample-image{
        text-align: center;
}

.sample-image img{
        display:inline-block;
        width: 230px;
        margin: 8px;
}

@media print, (min-width: 1400px) {
.section-top-keyvisual {
max-width: 1920px;
height: 824px;
background-size: 1920px 824px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1399px) {
.section-articlehead .articlehead-title{
        font-size: 0.66rem;
        font-weight: bold;
}
.article-header{
width: 100%;
height: 4.48rem;
background: url("../img/common/header_pc.png") top center/19.2rem 4.48rem no-repeat;
z-index: -100;

}
.header-fitlogo{
text-align: center;
padding-top: 0.33rem;
}
.header-fitlogo img{
width: 2.97rem;
        height: 1.19rem;
}
.section-articlehead{
        width: 10rem;
        margin:  -2.55rem auto 0;
}

.section-articlehead .date{
        font-size: 0.21rem;
        margin: 0.45rem 0.1rem;
}

.section-articlehead .articlehead-title{
        font-size: 0.66rem;	
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 0.25rem;
        margin: 0 0.1rem;
        letter-spacing: 0.03rem;
        line-height: 1.10rem;
}

.section-articlebody{
        width: 10rem;
        margin: 0.90rem auto 0;
}

.section-articlebody .sample-image{
        margin-top: 0.15rem;
}

.section-articlebody p{
        font-size: 0.20rem;
        line-height: 0.43rem;
        margin-top: 0.30rem;
        letter-spacing: 0.1em;
}

.section-articlebody h2{
        font-weight: bold;
        font-size: 0.37rem;
        line-height: 0.55rem;
        margin-top: 0.65rem;
        margin-bottom: 0.10rem;
        color: #f98b00;
}

.section-articlebody h4{
        font-weight: bold;
        font-size: 0.28rem;
        line-height: 0.41rem;
        margin-top: 0.50rem;
        margin-bottom: 0.30rem;
        color: #00a7a1;
}

.palaline{
        width: 100%;
        border-bottom: solid 1px #000;
        padding-top: 0.70rem;
}

.pre-registration{
        font-size: 4%;
        text-align: center;
}

.sample-image img{
        display:inline-block;
        width: 23%;
        margin:0.8%;
}

}
@media print, (min-width: 751px) {

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}
@media only screen and (min-width: 751px)  {
.sp{
        display: none;
}
}
@media only screen and (min-width: 751px) and (max-width: 1099px) {
body {
        font-size: 0.19rem;
}
}
@media only screen and (max-width: 750px) {
.pc{
        display: none;
}
.article-header{
        width: 100%;
        height: 3.13rem;
        background: url("../img/common/header_sp.png") top center/7.5rem 3.13rem no-repeat;
        z-index: -100;
}

.section-articlehead{
        width: 6.4rem;
        margin:  -1.25rem auto 0;
}

        .header-fitlogo{
        text-align: center;
        padding-top: 0.33rem;
}
.header-fitlogo img{
        width: 2.97rem;
        height: 1.19rem;
}
.section-articlehead .date{
        font-size: 0.21rem;
        margin: 0.45rem 0.1rem;
}

.section-articlehead .articlehead-title{
        font-size: 0.66rem;	
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 0.25rem;
        margin: 0rem 0.1rem;
        letter-spacing: 0.03rem;
        line-height: 1.1rem;
}

.section-articlebody{
        width: 6.4rem;
        margin: 0.9rem auto 0;
}

.section-articlebody .sample-image{
        margin-top: 0.3rem;
}

.section-articlebody p{
        font-size: 0.26rem;
        line-height: 0.49rem;
        margin-top: 0.6rem;
        letter-spacing: 0.01rem;
}

.section-articlebody h2{
        font-weight: bold;
        font-size: 0.37rem;
        line-height: 0.55rem;
        margin-top: 0.65rem;
        margin-bottom: -0.3rem;
        color: #f98b00;
}

.section-articlebody h4{
        font-weight: bold;
        font-size: 0.28rem;
        line-height: 0.41rem;
        margin-top: 0.5rem;
        margin-bottom: -0.3rem;
        color: #00a7a1;
}

.palaline{
        width: 100%;
        border-bottom: solid 1px #000;
        padding-top: 0.1rem;
}
        
.section-top-keyvisual {
        height: 7.5rem;
        background: url("../img/dlc/sp/keyvisual_bg.png") top center/7.5rem 6.86rem no-repeat;
}

.pre-registration{
        text-align: center;
        font-size: 4%;
}

.dl-apple{
        display: inline-block;
        width: 39.5%;
        margin-right: 1%
}

.dl-android{
        display: inline-block;
        width: 50%;
}

.sample-image img{
        display:inline-block;
        width: 40%;
        margin:2%;
}

}
@media only screen and (max-width: 374px) {
.section-top-keyvisual .keyvisual-news {
font-size: 0.26rem;
}

}

/*# sourceMappingURL=top.css.map */