#single-allwrap{
    padding: 130px 0 0;
    .section_block{
        min-height: 300px;
        flex-wrap: wrap;
    }
}
#allpost{
    
}
#surfing_lecture_info{
    img{
        width:100%;
        height:auto;
    }
}
.single-header{
    min-height: 260px;
    align-content: center;
    text-align:center;
    padding: 50px 0 30px;
    /* background: linear-gradient(180deg, #d9fffb, #caefffd6); */
    border-bottom: 1px solid #e6e6e6;
    /* box-shadow: inset 1px -2px 7px 0px #e1e1e1; */
    
    
    h2{
        font-size: 4rem;
    }
    h3{
        font-size:2rem;
        
    }
}

.flex-leftContent{
    flex:1;
}
.flex-rightContent{
    flex:5.8;
}



section#eventsection {
    background: #dbf2ff;
    box-shadow: inset 0 0 5px 0 #b8b8b8;
}

    .shop{
        border-radius: 15px;
        /* border:1px solid #eee; */
        margin: 3% 0;
        background: #fcfcfc;
        /* padding: 20px; */
        box-shadow: 0 0 17px 3px #e8e8e8;
    }
    .shop_link > div {
        width: 53px;
        display: flex;
    }

    .shop_link {
        margin: 10px;
    }
    .sns_link {
        /* padding:20px; */
        box-sizing: border-box;
        background: #ffffff;
        box-shadow: 0 0 4px 0 #b1abab;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        text-align: center;
        font-size: 2.5rem;
        display: block;
        /* font-weight: 600; */
        align-content: center;
        position: relative;
    }
    .sns_link i{
        position: absolute;
        left:0;
        right:0;
        bottom: 0;
        top: 5px;
        margin: auto;
    }

    
    .shop_h {
        font-size: 3rem;
        border-bottom: 1px solid #afafaf;
        padding:10px;
    }
    .shop_message{
        padding:10px;
    }
    .shop_flex_left {
        max-width: var(--liner-mini-width);
        padding: 20px;
        flex: 1;
        min-width: 250px;
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        .img_fit {
            height: auto;
            width: 82%;
            margin: auto;
            border-radius: 50%;
            overflow: hidden;
            aspect-ratio: 1 / 1;
        }
        .img_fit img{
            object-fit: cover;
            width: 100%;
            margin: auto;
            object-position: 25% 50%;
            height: 100%;
        }
    }
    .shop_flex_right{
        flex: 3;
        padding: 0 30px;
        min-width: 300px;
    }
.artist_section{
    background: #e6f8ff;
}


#timetable{

    .timetable_section_margin{
        margin-top: 4%;
    }
    .timetable_header_section {
        width: 2px;
        background: #7dbaef;
        /* margin: 50px 0 0 30px; */
    }
    .table-section {
        flex: 1;
        margin-left: 30px;
    }

    .timetable_header {
        position: absolute;
        top: 0px;
        font-size: 1.5rem;
        left: 18px;
        font-weight: 600;
        color: #00cde0;
    }


    .timetable_timesection{
        padding: 10px;
    }
    .schedule_day_frame{
        flex:1;
        padding: 0px 10px;
    }
    .schedule_info_frame{
        flex:7;
    }
    
    .schedule_day{
        border-radius: 30px;
        width:100%;
        padding: 5px 10px 8px;
        border:1px solid #333;
        text-align: center;
        font-weight: 600;
        background: #333;
        color: #fff;
    }
    .schedule_time_frame{
        flex: 0.8;
        margin:  auto;
        position: relative;
        display: flex;
        /* align-content: center; */
    }
    .schedule_time_frame::after{
        content:"";
        width: 70%;
        height: 1px;
        background: #d9d9d9;
        display: inline-block;
        /* position: absolute; */
        /* top: 50%; */
        /* left: 25%; */
        margin: auto 10px;
        /* flex: 1; */
    }
    .time_overframe{
        flex:2;
        margin: 0 0 0 auto;
    }
    .schedule_sl_frame{
        flex:2;
        margin: 0px 10px 0 0;
    }
    .schedule_fes_frame{
        flex: 3;
    }
    .schedule_time_frame.sl_only{
        display:flex;
        position:relative;
        flex: 3.7;
    }
    .schedule_time_frame.sl_only::after{
        display:flex;
        content:"";
        display: block;
        flex: 4;
        /* position:absolute; */
        /* right:0px; */
    }
    .schedule_sl_frame.sl_only{
        flex:5;
    }
    .schedule_section_btn_area{

        .schedule_section_btn{
            max-width: 260px;
            padding: 6px 50px 2px;
            border: 1px solid #333;
            border-radius: 60px;
        }
    }
    .schedule_section_btn_area::before{
        content:"";
        display:block;
        flex: 1.7;
    }
}

.min-text{
    font-size: 0.7rem;
}



#access_information{
    
    background: #f0f0f0;
}



.access_information{
    .left_content{
        flex:1.5;
        border: #bebebe 1px solid;
    }
     .access_list{
            border-bottom: 1px solid #bebebe;
            padding: 2px;
            height: 100%;
            text-align: left;
        }
        .left_content_main{
            padding: 5px 8px 8px;
            align-content: center;
            flex: 3;
        }
        .access_list:last-child{
            border-bottom: none;
        }
        .left_content_title{
            width: 150px;
            text-align: left;
            padding: 5px 8px 8px;
            border-right:1px solid #bebebe;
            align-content: center;
            min-width: 90px;
            flex: 1;
        }
    .right_content{
        flex:1.4;
        height: 305px;
        margin:0 0 0 50px;
    }
    .section_tile{
        margin:0;
    }
    #access_logo{
        background: #f0f0f0;
        transform: translate3d(0px,0px,1px);
        padding:0 10px 0 0;
    }
    .section_tile::before{
        width:100%;
        content:"";
        display: inline-block;
        border-bottom: #bebebe 1px solid;
        position: absolute;
        right:0;
        top:50px;
        height:1px;
    }
    .access_btn{
        width: auto;
        .link_btn{
            width: auto;
            padding:8px 15px 10px;
            background: #009cf0;
            color: #fff;
            margin: 10px 10px 0 0;
            min-width: 100px;
        }
    }
}

.poniter_text{
    color:#f33434;
}

.flex.st_atsuma_timewrap {
    flex-wrap: wrap;
}
#access_bus_bottom{
    .st_atsuma_timewrap{
        flex-wrap: wrap;
    }
    .bus_top_message{
        font-size:2rem;
        font-weight: 600;
        text-align: center;
        margin-bottom: 20px ;
    }
    .bus_point_area{
        padding:15px;
    }
    .bus_point_message {
        padding: 0 20px;
        align-items: center;
        align-content: center;
        font-size: 1rem;
    }
    img.bus_point {
        width: 50px;
    }
    .mini-text {
        font-size: 0.9rem;
    }
    .bus_return{
        .bus_header_departure{
            margin: 0px 0px 0 0;
            
        }
    }
    .bus_header_departure{
        margin: 0px 50px 0 0;
        position: relative;
        border-bottom: 1px solid #b5eeff;
        color: #0bd5d2;
    }
    .bus_header_arrow{
        position: relative;
        margin: 0 50px 0 0;
    }
    .bus_header_arrow::after {
        content: "";
        width: 17px;
        /* background: #333; */
        height: 17px;
        border-top: 5px solid #64e8ff;
        border-right: 5px solid #64e8ff;
        transform: rotate(45deg);
        display: flex;
        position: absolute;
        right: -30px;
        top: 3px;
        bottom: 0;
        margin: auto auto auto;
    }
    .bus_header_arrow_rev::after{
        transform: rotate(-130deg);
        right: -40px;
    }
    .bus_header {
        border-radius: 30px;
        background: #ffffff;
        border: 3px solid #0bd5d2;
        align-items: center;
        font-size: 1.6rem;
        margin: 0 0 23px;
        padding: 0px;
        color: #aaa;
    }

    .bus_time > div {
        margin: 0 10px;
    }

    .bus_header_left {
        background: #0bd5d2;
        border-radius: 30px 0 0 30px;
        padding: 5px 17px 7px;
        text-align: center;
        margin: 0px 0 0 -2px;
        color: #ffffff;
    }

    .bus_header_right.flex {
        color: #252525;
        padding: 0px 8px 0px;
    }


    .bus_time_wrap {
        border: 1px solid #ffffff;
        box-shadow: 0 0 3px 0px #dadada;
        border-radius: 10px;
        font-size: 1.2rem;
        font-weight: 600;
    }

    .bus_time_wrap_left {
        padding: 10px;
        border-right: 1px solid #e9e9e9;
        max-width: 100px;
    }

    .bus_time_wrap_right {
        padding: 10px 5px 10px 18px;
        font-size: 1.2rem;
    }

    .bus_time_wrap > div {
        border-bottom: 1px solid #eee;
    }
    .bus_time_inner > .bus_state{
        padding:10px;
        text-align: center;
        color: #000000;
    }

    .bus_time_wrap .bus_time_inner:nth-child(odd) {
        background: #f8f8f8;
    }
    .bus_time {
        padding: 30px 5px;
        border: 1px solid #ffffff;
        background: #ffffff;
        box-shadow: 0 0 3px 0px #aaa;
        border-radius: 10px;
    }
    .micro_bus,.basic_bus{
        padding: 0 0px 0 10px;
    }
    .micro_bus::before {
        content: "";
        width: 5px;
        height: 5px;
        background: #ed0000;
        position: absolute;
        border-radius: 50%;
        margin: auto 5px auto -10px;
        top: 0;
        bottom: 0;
    }
    .basic_bus::before {
        content: "";
        width: 5px;
        height: 5px;
        background: #00b7a8;
        position: absolute;
        border-radius: 50%;
        margin: auto 0 auto -10px;
        top: 0;
        bottom: 0;
    }
}


.border-section{
    border:solid 1px #bebebe;
}
#access_bottom{
    
    .access_illust_map{
        width:80%;
        margin: auto;
    }

    
}

.table_left_header {
    font-weight: 600;
    flex: 2;
}

.table_right_main {flex: 8;width: 100%;}
.table_frame {
    padding: 5px;
    margin-right: 10px;
    display: flex;
    height: 50px;
}

.table_frame>.bus_header:first-child::after {
    content: "";
    width: 10px;
    /* background: #333; */
    height: 10px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg);
    display: flex;
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.table_frame>div:first-child::after {
    content: "";
    width: 10px;
    /* background: #333; */
    height: 10px;
    border-top: 3px solid #ccc;
    border-right: 3px solid #ccc;
    transform: rotate(45deg);
    display: flex;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.table_frame{
    border:1px solid #cccccc;
    padding: 10px 30px 10px 10px;
}

.bus_table_header{
    border:none;
    height: 64px;
    font-size: 1.5rem;
    border-left: 5px solid #19cdcd;
    padding: 10px;
    margin-bottom: 2rem;
    line-height: 1.2;
}
.bus_table_header div{height: 2rem;padding: 0;margin: 0px 0px 0 0px;}
.bus_table_header div:last-child{
    padding-left: 18px;
}
.table_inner_header {
    background: #007d91;
    color: #fff;
}
.table_frame_inner {
    padding: 0px 24px 0 0;
    text-align: center;
    min-width: 90px;
    margin: auto 10px auto 0px;
    /* flex: 1; */
    /* display: flex; */
    height: 23px;
    width: 100%;
    /* justify-content: center; */
    align-content: center;
}
.side_header {
    border-bottom: 1px dotted #eee;
    border-left: 3px solid var(--accent-color-op);
    margin: 4px;
    padding: 10px;
    color:var(--accent-color-op);
}
.side_header:hover {
    background: #f0f0f0;
    border-left: 3px solid #066091;
}
.side_header:hover a{
    color: #0b4486;
}
.side_header a{
    font-weight: 600;
    color:var(--accent-color-op);
}

.single_left_side{
    flex:1;
    margin: 0 15px 0 0px;
    position: relative;
}
.single_right{
    flex: 2;
    border-left: 1px solid #eaeaea;
    padding:5px 30px;
}
.bus_ret {
    background: #fbfbfb;
    padding: 2px 10px;
    border-left: 5px solid #f7caca;
    margin-bottom: 5px;
    font-size: 0.8rem;
    font-weight: 600;
}
.bus_timeschedule_frame{
    margin-right:1rem;
    width: 100%;
}
.atsuma_st{
    color: #009cf0;
}
.chitose_st{
    color: #0ba073;
}
.table_inner_wrap{
    margin-bottom: 5%;
}
section#food_list {
    background: #fbfbfb;
    .oneday{
        color: #ff6666;
    }
}

.cf7-cf-turnstile {
    margin: auto;
}
#surfing_lecture_info{
    .surfing_lecture_section{
        flex-wrap: wrap;
        .surfing_lecture_poster{
            min-width: 300px;
            width:100%;
            flex: 1;
            display: flex;
            margin: auto;
            padding:10px;
            border:1px solid #eaeaea;
            img{
                width:100%;
            }
        }

        .surfing_lecture_text{
            flex:2;
            align-content: center;
            align-items: center;
            justify-content: center;

            .surfing_lecture_inner{
                width:80%;
            
                h3{
                    color: #3ab6f0;
                    padding: 10px;
                    border-bottom: 2px solid #eaeaea;
                    width:100%;
                    display: block;
                    font-size: 2rem;
                }
            }
            .surfing_lecture_inner_main{
                padding: 10px;
                width:80%;;
                min-width: 300px;
            }
            .surfing_lecture_bottom{
                margin:30px 0 0;

            }
            .surfing_lecture_formlink{
                width:200px;
                background: #007d91;
                color: #fff;
                text-align: center;
                border-radius: 30px;
                padding:10px 20px;
                text-decoration: none;
            }
        }

    }

}

#access_jr{
    
    .st_atsuma {
        padding: 10px;
        /* width: 100%; */
        min-width: 300px;
        flex: 1;
    }

    .st_atsuma_time {
        padding: 10px;
        font-weight: 600;
        border: 1px solid #ccc;
    }
    .access_st_header{
        background: #007d91;
        color: #fff;
    }
}
#about_message{
    .sawakami_sleague_logo_area{
        width:100%;
        display: flex;
    }
    .sawakami_sleague_logo{
        max-width: 500px;
        width:90%;
        margin: auto;
        border: 1px solid #b7b7b7;
        padding: 10px;
        min-width: 300px;
        justify-content: center;
    }
    .about_right_message {
        min-width: 300px;
        align-items: center;
        align-content: center;
        font-weight: 600;
        padding: 2rem;
    }
}




.second_column_main_frame{
    margin:0 0 50px;
    background: #fff;
    padding:2%;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 #d7d7d7;
}



.second_column_header {
    font-size: 1.8rem;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.second_column_main {
    padding: 10px;
    min-height: 200px;
}

.single_left_side_container {
    position: sticky;
    top: 80px;
}

.align-cont-center{
    align-content: center;
}
.spacing_margin{
    margin-top:6%;
}

.time_table_main_section {
    flex: 1;
    margin: 20px;
    height: auto;
    /* min-width: 309px; */
}
.timetable_wrap_rows {
    flex-wrap: wrap;
    min-width: 300px;
    padding: 12px;
}
.time_table_header {
    padding: 10px 20px;
    margin: 0 0 15px 0;
    background: #00aab7;
    color: #fff;
    border-radius: 30px;
    align-items: center;
    font-size: 1.4rem;
    width: 161px;
    display: flex;
}
.time_table_header i{
 font-size:2rem;
 margin: 0px 10px -2px -1px;
}
.time_table_mian_time {
    flex: 1;
    padding: 10px;
    /* margin: 5px; */
    font-weight: 600;
    font-size: 1.2rem;
    background: #efefef;
    color: #3d3d3d;
    min-height: 70px;
    min-width: 140px;
}
.time_table_mian_event a {
    color: #00afd2;
    text-decoration: underline;
}

.time_table_mian_event .mini-text {
    font-size: 0.8rem;
}
.time_table_mian_event {
    flex: 3;
    font-size: 1.2rem;
}

.time_table_main:last-child {
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0 0 10px 10px;
}



.time_table_main {
    /* padding: 10px; */
    border: 1px solid #d6d6d6;
    border-bottom: none;
    align-items: stretch;
    height: 100%;
}

.time_table_mian_event div {
    padding: 10px;
    /* margin: 5px; */
}

#section_x4{
    width:100%;
    padding: 2% 0 2%;
    
    
    
    
    
    
    
    .section_x4_header_area{
        width:40vw;
        min-width: 250px;
        margin-left: 20vw;
        margin-right: auto;
    }
    
    
    .left_img_s1{
        width:20vw;
        max-width: 330px;
        min-width: 150px;
        height: 60vh;
        overflow: hidden;
        position: absolute;
        min-height: 150px;
        top: -70%;
        max-height: 520px;
    }
    .left_img_s1 img{
        object-fit: cover;
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom: 0;
        margin: auto;
        width:30vw;
        height: 41vh;
    }
    #image_frame_x1{
        overflow: hidden;
        height: 374px;
        position: absolute;
        top: 0px;
        width: 100%;
        clip-path: polygon(0% 83%, 0% 31%, 100% 18%, 100% 66%);
    }
    div#image_frame_x2 {
        position: absolute;
        bottom: 0px;
        height: 300px;
        width: 100%;
        clip-path: polygon(0% 83%, 0% 36%, 100% 14%, 100% 66%);
    }
    .section_x4_header_image{
        display: flex;
    }
    #section_x4_header{
        max-width: 500px;
        margin: 20px auto;
    }
}


.spacing_padding{
    padding:10px;
}

.surf_left_area{
    padding: 10px;
}
.surf_right_area{
    padding:10px;
}



.surf_img_1{
    height:100%;
    margin:10% 10px 0;
    /* width: 100%; */
    /* flex: 1; */
}
.surf_img_2{
    height:100%;
    margin:0 10px 10%;
}





.mailform{
    .req .min-text{
        color:#ff6666;
    }
    .formsection{
        padding:10px;
    }
    .form_left{
        flex:1;
        min-width: 150px;
    }
    .form_right{
        flex:2;
    }
    input,textarea{
        background:#fff;
        border-radius: 10px;
        padding: 5px 10px 9px;
        width: 100%;
    }
    textarea{
        min-height: 150px;
    }
    .wpcf7-submit{
        width:200px;
        color:#fff;
        align-content: center;
        margin: auto;
        background: linear-gradient(70deg, #5ae4ff, #00b5ff);
        border:1px solid #fff;
    }
    .wpcf7-submit:hover{
        background: linear-gradient(70deg, #00b5ff, #5ae4ff);
    }
    .send_area p{
        width:100%;
        display: flex;
    }
}

.wpcf7 form .wpcf7-response-output {
    border: none;
}

.section_inner_head{
    font-size: 1.5rem;
    margin-bottom: 40px;
}


#fm_north_wave_main{
    #sutedora_img{
        margin:0 auto 5%;
    }
    #sutedora_img_area{
        display: flex;
    }
    .radio_frame{
        width:70%;
    }
    .link_area{
        display: flex;
        margin:5% auto 3%;
        text-align: center;
    }
    .radio_info_header {
        margin: 5% 0 3%;
        border-bottom: 1px solid #efefef;
    }

    p.spot_text {
        font-size: 1.2rem;
    }

    span.mini-text {
        font-size: 0.7rem;
    }

    .radio_info {
        padding: 20px;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .radio_info::after {
        width: 90%;
        height: 90%;
        content: "";
        display: block;
        right: 7%;
        background: #fff6c8;
        position: absolute;
    }
    .radio_info::before {
        width: 90%;
        height: 90%;
        content: "";
        right: 5%;
        display: block;
        border: 1px solid #a4a4a4;
        position: absolute;
        background: none;
        top: 0%;
        z-index: 2;
    }

    .radio_info_inner {
        position: relative;
        padding: 5% 9% 5% 5%;
        line-height: 2rem;
        z-index: 2;
    }
}


#single_post{
    background: #f8f8f8;
}


#single_post{
    .main_text{
        margin: auto;
        padding: 3%;
        width:80%;
        background: #fff;
        margin-bottom: 5%;
    }
    .post_text{
        min-height: 300px;
        p{
            padding:5px;
            line-height:2;
        }
    }
}


#allpost{
    a{
        color:#333;
        padding:15px;
        display:block;
        
    }
    .main_text{
        padding:15px;
        color:#333;
        box-shadow: 0 0 7px 0 #aaa;
        margin: 12px 0;
        border-radius: 10px;
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        h2{
            font-size: 1.8rem;
            color:#009cf0;
        }
    }
}