/*
Theme Name: SchatzRacing ver.1.0
Theme URI:
Author: SHOKODO Co.,Ltd
Description: SP Like
Version: 1.0
-----------------------------------------

    Mobile // Smartphone + landscape
    max-width: 559px;

/*===========================================================
	Base
============================================================*/
.wrap {
    width: 100%;
}
.link-btn {
    width: 80%;
}
/*------------------------------------------------------------
    Header
------------------------------------------------------------*/
header {
    width: 100%;
}
.logo-area {
    width: 250px;
    max-width: 250px;
}

nav#nav-content ul {
    flex-direction: column;
}
/*------------------------------------------------------------
    Slider
------------------------------------------------------------*/
.slider {
    height: 180px;
}
/*------------------------------------------------------------
	PageToTOP
------------------------------------------------------------*/
/*リンクの形状*/
#page-top a {
    transform: scale(.8);
}
/*リンクを右下に固定*/
#page-top {
	right: 10px;
}
/*------------------------------------------------------------
    Footer
------------------------------------------------------------*/
#foot-content {
    width: 100%;
    height: 100%;
}
    #foot-contact {
        width: 100%;
    }
    #tel-area {
        width: 90%;
    }
        .tel-no {
            font-size: 1.35em;
        }
        .comment {
            width: 100%;
            margin: 0 0 0 0;
        }

    #foot-bottom-area {
        flex-direction: column;
    }
    #add-area {
        width: 90%;
    }
    #foot-nav ul {
        width: 90%;
    }
       #foot-nav ul li {
            padding: 0.5em 0.5em;
        }
#copyright {
    height: 70px;
}
/*------------------------------------------------------------
	Top
------------------------------------------------------------*/
    #main-btn-area {
        width: 80%;
        height: 250px;
        margin: 0 auto;
    }
        #main-btn-area .btn-left,
        #main-btn-area .btn-right {
            width: 100%;
            height: auto;
            margin-bottom: 1em;
        }
/*------------------------------------------------------------
    Concept // Top
------------------------------------------------------------*/
        #concept-area img {
            margin: -45px 0 0 -25px;
        }
        #concept-txt {
            top: -20px;
            left: 0;
            width: 100%;
        }
            #concept-txt h1,
            #concept-txt span,
            #lineup h1,
            #gallery-area h1 {
                width: 100%;
            }
            #concept-txt h1,
            #lineup-title-area h1,
            #gallery-area h1 {
                font-size: 1.8em;
            }
                #gallery-area h1 {
                    position: absolute;
                    top: 0;
                    left: 0;
                }
            #concept-txt span {
                display: block;
                margin: 0 auto 1em auto;
                font-size: 0.8em;
                text-shadow: #000 5px 0 5px;
            }
            .concept-btn {
                width: 75%;
            }
/*------------------------------------------------------------
    LineUP　ふわっと表示 // Top
------------------------------------------------------------*/
#lineup {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin: 0;
    width: 90%;
    margin: 0 auto;
}
#lineup-title-area {
    grid-column: 1 / 3;
    height: 200px;
}
    #lineup-title-area .title-txt {
        top: 75%;
        right: 5%;
        width: 90%;
    }
    #lineup .link-btn {
        grid-column: 1 / 3;
        line-height: 30px;
    }
/*------------------------------------------------------------
    Gallery//Top
------------------------------------------------------------*/
    #gallery-bn-area h1 {
        left: 30%;
    }
    #gallery-bn-area img {
        height: 200px;
    }
/*------------------------------------------------------------
    News//Top
------------------------------------------------------------*/
#news {
    width: 90%;
}
    .news-slide .slick-slide {
        transform: scale(1);
    }
.slick-dotted .slick-slider {
margin-bottom: 40px !important;
}
.slick-next {
right: 0 !important;
}
.slick-prev {
left: 0 !important;
}
.news-slide .news-txt span {
    font-size: 130%;
}
    .news-slide img {
        width:100vw;
    }
/*===========================================================
    Contents
============================================================*/

/*===========================================================
    Lower
============================================================*/
#container-lower {
    padding: 0 2em;
}
.home_btn {
    width: 90%;
}
/*----------------------------------------------------------
    ページ毎ヘッダー画像変更
-----------------------------------------------------------*/
#race-reserve-header,
#contact-header,
#concept-header,
#news-header,
#race-report-header,
#gallery-header,
#lineup-header,
#post-header {
    height: 200px;
    text-align: center;
    padding: 0 1em 0 1em;
}
#race-reserve-header h1,
#contact-header h1,
#concept-header h1,
#news-header h1,
#race-report-header h1,
#gallery-header h1,
#lineup-header h1,
#post-header h1 {
    padding: 0 0 0 0;
}
#race-reserve-header {
    background-position: bottom 0 right 0;
}
#contact-header {
    background-position: bottom 0 right 0;
}
#concept-header {
    background-position: bottom 0 right -80px;
}
#lineup-header {
    background-position: center;
}
#gallery-header,
#race-report-header {
    background-position: center;
}
#news-header,
#post-header {
    background-position: bottom 0 right 0;
}
/*----------------------------------------------------------
    Archive | News // 1カラム
-----------------------------------------------------------*/
.arch-2column .archive-box {
    width: 100%;
}
.arc-excerpt {
    padding: 0 0;
    font-size: 0.9em;
}
.flex2column div:first-child {
    flex-basis: 75%;
    margin-right: 1em;
}
/*----------------------------------------------------------
    Archive | Race Report + Gallary + Lineup // 3カラム
-----------------------------------------------------------*/
.rr-archive-box {
    width: 100%;
}
/*----------------------------------------------------------
    concept // page
-----------------------------------------------------------*/
.thum-head-txt {
    width: 98%;
    margin: 0 1%;
}