html{
    font-size: 62.5%;
    Overflow-x: hidden;
}
body {
    font-size: 62.5%;
    overflow-x: clip;
}

a {
    color: #000;
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

img {
}

p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.ls {
    letter-spacing: 0.1em;
}

h1,
h2,
h3 {
    margin: 0;
}

.text {
    transform: rotate(0.05deg);
  }

/* googlefont関係 */
.m-plus-1p-thin {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.m-plus-1p-light {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.m-plus-1p-regular {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.m-plus-1p-medium {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.m-plus-1p-bold {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.m-plus-1p-extrabold {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.m-plus-1p-black {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 900;
    font-style: normal;
}


.m-plus-rounded-1c-thin {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.m-plus-rounded-1c-light {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.m-plus-rounded-1c-regular {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.m-plus-rounded-1c-medium {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.m-plus-rounded-1c-bold {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 700;
    font-style: normal;
}
  
.m-plus-rounded-1c-extrabold {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 800;
    font-style: normal;
}
  
.m-plus-rounded-1c-black {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 900;
    font-style: normal;
}


.fugaz-one-regular {
    font-family: "Fugaz One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.modak-regular {
    font-family: "Modak", system-ui;
    font-weight: 400;
    font-style: normal;
}

/* end - googlefont関係 */



.container{
    width: 100vw;
    height: auto;
}

.body_wrap{
    width: 100%;
    height: 100%;
    padding: 1px 0 125px 0;
    position: relative;
    z-index: 0;
}
.body_wrap::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #d9edde;
    position: absolute;
    top: 0;
    z-index: -10;
}

.pc_only{
    display: block;
}

.sp_only{
    display: none;
}
    
.sp_none{
    display: none;
}
    

h1{
    display: block;
    margin: auto 0;
}
h1 img{
    width: auto;
    height: 65px;
}


/* ヘッダー */
.header_wrap{
    width: 100vw;
    max-width: 1200px;
    height: 100px;
    display: flex;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
}

/* ヘッダーメニュー */
.menu{
    display: flex;
    flex-direction: column;
    margin: 25px 0 0 auto;
}

.contents{
    display: contents;
    margin: 0 auto;
}

.contents li+li{
    margin-left: 30px;
}

.main_menu{
    font: 700 1.6rem/1.6rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #333333;
    display: flex;
    margin:10px 0 50px 0;
    list-style: none;
}

.main_menu li a,
.footer_navi_main li a{
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #333;
}
/*背景の設定*/
.main_menu li a,
.footer_navi_main li a{
    position: relative;
}

/*  */
/* セキネ スポーツ トップページ */
/* TOP */

.top_hero_wrap{
    width: 90%;
    height: 650px;
    min-width: 800px;
    margin: 0 auto;
    position: relative;
}
.catch{
    width: 100%;
    margin: 75px auto 0;
}
.catch img{
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    z-index: 1;
}
.hero{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.hero li{
    height: 650px;
}
.slideritem01{
    background:url(../img/20241023-bonfire.jpg);
    border-radius: 30px;
}
.slideritem{
    width: 100%;
    height: 75vh;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover ;
}

.what_sekinesports{
    width: 90%;
    height: auto;
    margin: 75px auto 0;
    text-align: center;
}
.what_sekinesports_title{
    font-size: 2.8rem;
    line-height: 5.8rem;
}
.what_sekinesports_caption{
    font-size: 1.6rem;
    line-height: 3.5rem;
}

.news_wrap{
    width: 90%;
    margin: 0 auto;
}
.news{
    width: 90%;
    display: flex;
    margin: 75px auto 0;
}
.news_text_pc{
    width: 220px;
    font-size: 4rem;
    color: #000;
    display: flex;
    place-items: center;
}
.news_triangle{
    font-size: 3rem;
}
.news_text_list{
    width: 100%;
    height: auto;
    margin: 0 0 0 25px;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 20px 40px;
    background-color: #ffffff;
}

.news_flex{
    display: flex;

}
.news_date{
    font-size: 1.5rem;
    line-height: 3rem;
    display: inline-block;
    margin-top: 1px;
}
.news_contents{
    font-size: 1.8rem;
    line-height: 3rem;
}

.sns_wrap{
    width: 100%;
    max-width: 1040px;
    height: auto;
    margin: 75px auto;
    font: 700 2.2rem / 3.7rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #333333;
    text-align: center;
}
.insta_wrap{
    margin: 0 0 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sns_wrap img {
    width: 25px;
    margin: 0 10px;
}
.sns_wrap p {
}

.top_card_flex{
    width: 85%;
    margin: 105px auto 0;
}
.top_card_flex ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_card_flex li+li{
    margin-left: 5%;
}

.event_link_wrap,
.rentalspace_link_wrap,
.camp_link_wrap{
    height: auto;
    position: relative;
}
.event_link_wrap img,
.rentalspace_link_wrap img,
.camp_link_wrap img{
    width: 25vw;
}

.event_title_warp,
.rentalspace_title_warp,
.camp_title_warp{
    width: 25vw;
    position: absolute;
    top: -45px;
    transform: rotate(-5deg);
}

.event_info,
.rentalspace_info,
.canp_info{
    /* display: flex; */
    margin: 25px 0;
}
.event_info a:hover{
    opacity: 0.6;
    transition: opacity 1s;
}
.top_ph img{
    width: 25vw;
    height: 25vw;
    object-fit: cover;
    border-radius: 25px;
}

.gopage{
    width: 25vw;
    height: 40px;
    margin: 15px auto;
    border: 2px solid #008000;
    border-radius: 20px;
    text-align: center;
    transition: background-color 0.5s;
    position: absolute;
}

.gopage p{
    font-size: 2rem;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
}
.gopage:hover{
    background-color: #008000;
    color: #fff;

}

.contentlink{
    display: inline-block;
    margin-top: 13px;
    font-size: 2rem;
}


/*  */
/* セキネ スポーツ イベントページ */
/* EVENT */
.event_body_wrap{
    width: 100%;
    height: 100%;
    padding: 75px 0;
    position: relative;
    z-index: 0;

}
.event_body_wrap::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #d9edde;
    position: absolute;
    top: 0;
    z-index: -10;
}
.event-title-wrap{
    text-align: center;
}
.allevent-title{
    font-size: 3.2rem;
    line-height: 4.2rem;

}
.allevent-caption{
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin: 25px 0 0 ;
}

.event-paginate{
    margin: 55px 0 0 ;
    text-align: center;
}
.event-paginate a{
    text-decoration: underline;
    color: #0044CC;
}
.page-numbers{
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin: 0 15px;
}

/*  */
/* セキネ スポーツ イベントページ */
/* EVENT */
.eventtop_body_wrap{
    width: 100%;
    height: 100%;
    padding: 75px 0 25px;
    position: relative;
    z-index: 0;
}
.eventtop_body_wrap::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #d9edde;
    position: absolute;
    top: 0;
    z-index: -10;
}

.event_top_wrap{
    width: 100%;
    height: 420px;
    position: relative;
}
.event_hero{
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.event_hero li+li{
    margin-left: 55px;
}

.event_hero li img{
    width: 268px;
    height: 357px;
    border-radius: 40px;
}
.event_hero li:nth-child(1){
    transform: rotate(-10deg);
    margin-top: 100px;
}
.event_hero li:nth-child(2){
    transform: rotate(0deg);
    margin-top: 60px;
}
.event_hero li:nth-child(3){
    transform: rotate(10deg);
    margin-top: 100px;
}

.sekinesports_event_caption{
    width: 90%;
    height: auto;
    margin: 50px auto 0;
    text-align: center;
    font-size: 1.6rem;
    line-height: 3.1rem;
}

/* カレンダー調整開始 */
    /* 幅・高さ */
    .eo-fullcalendar{
        width: calc(100% - 100px);
        max-width: 1200px;
        margin: 50px auto 0;
        height: auto;
        padding: 10px;
        background: #bfdfc7;
    }
    
    /*****土曜日*****/
    /*見出しの背景色*/
    .eo-fullcalendar .fc-day-header.fc-sat {
        background: #98E7FD;
    }

    /*枠の背景色*/
    .eo-fullcalendar .fc-bg .fc-sat {
        background: #EBFAFD;
    }

    /*****日曜日*****/
    /*見出しの背景色*/
    .eo-fullcalendar .fc-day-header.fc-sun {
        background: #FDA4A7;
    }

    /*枠の背景色*/
    .eo-fullcalendar .fc-bg .fc-sun {
        background: #FDEDEE;
    }

    /* カレンダー見出し年月 */
    .fc-left > h2{
        margin: 0 0 10px 10px !important;
        font-size: 2.5rem !important;
    }
    /* prev/nextボタンデザイン */
    .fc-button{
        font-size: 1.5rem !important;
        top: 0rem !important;
        border-radius: 10px !important;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    } 
    /* 年月日、prev/nextの文字調整 */
    .fc-toolbar{
        height: 20px !important;
        text-align: left !important;
        font-size: 2rem !important;
        font-family: "M PLUS Rounded 1c", sans-serif !important;
        font-weight: 500 !important;
        line-height: 3.1rem !important;
        transform: rotate(0.05deg);
    }
    /* 曜日行調整 */
    .fc-row {
        text-align: left !important;
        font-size: 2rem !important;
        font-family: "M PLUS Rounded 1c", sans-serif !important;
        font-weight: 500 !important;
        line-height: 3.1rem !important;
        transform: rotate(0.05deg);
    }
    /* 行高さ調整 */
    .fc-week{
        min-height: 4.5em !important;
    }

    /* 曜日行高さ調整 */
    .fc-unthemed thead{
        height: 30px !important;
    }
    /* 日付左にスペース */
    .eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead
    .fc-day-number
    {
        padding: 0 0 0 5px !important;
    }
    /* 日付文字調整 */
    .fc-day-number{
        height: 20px !important;
        text-align: left !important;
        font-size: 2rem !important;
        font-family: "M PLUS Rounded 1c", sans-serif !important;
        font-weight: 500 !important;
        line-height: 3.1rem !important;
        transform: rotate(0.05deg);
    }
    .fc-event-container td{
        height: 50px;
    }
    
    /* アイコンに丸みをつける */
    .eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody td .fc-day-grid-event {
        display: block;
        margin-bottom: 5px;
        padding: 0 5px;
        height: 20px;
        line-height: 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size: 12px;
        font-feature-settings: "palt";
        text-decoration: none;
        letter-spacing: 0;
        overflow: hidden;
    }
    /* アイコン内時間非表示 */
    .fc-time{
        display: none;
    }

/* カレンダー調整end */

.upcoming_events{
    width: calc(100% - 200px);
    margin: 100px auto 0px;
    text-align: center;
}
.upcoming_events > p{
    font-size: 2.8rem;
    line-height: 3rem;
}

.event_grid{
    width: calc(100% - 200px);
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}

.evnet_main_wrap{
    width: 100%;
}
.event_list{
    margin-top: 75px;
}

.event_card{
    width: 330px;
    height: 600px;
    margin: 50px auto 0;
    background-color: #ffffff;
    border-radius: 40px;
    display: block;
    box-sizing: border-box;
    padding: 35px;
}

.event-thumbnail {
    width: 246px; /* 画像をレスポンシブにする */
    height: auto; /* 高さを自動で調整 */
    margin: 0px auto;
    box-sizing: border-box;
}
.event-thumbnail:hover {
    opacity: 0.6;
    transition: opacity 1s;
}
.event-thumbnail img {
    /* オンにしたときに */
    width: 246px;
    height: auto; /* 高さを自動で調整 */
}
.none-thumbnail{
    margin-left: 25px;
}

.event_info{
    width: 100%;
    position: relative;
}
.event_info a{
    font-size: 2.4rem;
    font-weight: 500;
}

.event_date{
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
}
.event_date img{
    width: 20px;
    margin-top: 10px;
}


.event_line{
    width: 100%;
    border: 1px solid #c0c0c0;
    margin-top: 10px;
}

.event_caption{
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 500;
}
.event_caption a{
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-decoration: underline;
    color: #0044CC;
}

.event_learnmore{
    width: 470px;
    height: 40px;
    background-color: #008000;
    border-radius: 20px;
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
}

.event_learnmore p{
    font-size: 1.6rem;
    font-weight: 500;
    color: #ffffff;
}

.past_events{
    width: 100%;
    height: auto;
    text-align: center;
    margin: 100px 0;
}
.past_events a{
    display: inline;
    width: 50px;
}

.past_events p{
    font-size: 1.6rem;
    color: #000000;
}

.event-details-wrap{
    width: calc(100% - 100px);
    height: auto;
    margin: 75px auto 0;
}

.event-details-content{
    display: flex;
    width: fit-content;
    max-width: 1200px;
    margin: 50px auto 0;
}

.event-thumbnail-big {
    width: 30vw;
    margin-right: 25px;
}

.event-thumbnail-big img {
    width: 100%;
    height: auto;
    border-radius: 50px;
}

.post-87{
    width: 48vw;
}

.entry-header{
    font-size: 3.5rem;
    line-height: 4.5rem;
}

.entry-content p{
    font: 500 2rem / 2.5rem "M PLUS Rounded 1c", sans-serif;
    margin: 10px;
}

.entry-content p a{
    color: #0000ff;
    text-decoration: underline;
}

.event_datail{
    width: 100%;
    height: auto;
}
.event_datail h4{
    font: 500 2.5rem / 4.5rem "M PLUS Rounded 1c", sans-serif;
    color: #ffffff;
    position: relative;
    top: 5px;
    left: 10px;
    z-index: 0;
}
.event_datail h4::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #008000;
    top: 0 ;
    left: -10px;
    z-index: -1;
}
.event-id{
    display: none;
}
.eo-venue-map{
    display: none;
}
.venue-address{
    font: 700 1.8rem / 2.2rem "M PLUS Rounded 1c", sans-serif;
    margin: -10px 10px 20px;
}


.event_datail_date{
    font: 500 2.5rem / 4.5rem "M PLUS Rounded 1c", sans-serif;
    margin: 10px 0 0 10px;
}
.event_datail_venue{
    font: 500 2.5rem / 4.5rem "M PLUS Rounded 1c", sans-serif;
}

.entry-meta{
    display: none;
}

/*  */
/* セキネ スポーツ ニュース詳細ページ */
/* NEWS detail */
.news-detail-wrap{
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    padding: 50px 0 50px;
}

.news-detail-wrap::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #d9edde;
    position: absolute;
    top: 0;
    z-index: -10;
}
.news-detail-bg{
    width: 900px;
    height: auto;
    margin: 50px auto;
    background-color: #ffffff;
    border-radius: 50px;
    box-sizing: border-box;
    padding: 100px;

}
.news-detail-title{
    font-size: 2.8rem;
    line-height: 4.8rem;
    color: #008000;
}
.news-detail-date{
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.news-detail-line{
    border: 4px solid #aaa;
    margin: 25px 0;
}
.news-detail-content{
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.news-detail-content h3{
    font-size: 2.4rem;
    line-height: 4.4rem;
    margin: 25px 0 0 0;
}
.wp-block-image{
    text-align: center;
    margin: 10px auto;
}

.paginate{
    width: calc(100% - 50px);
    margin: 50px auto 0;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .paginate a{
    font-size: 1.8rem;
    line-height: 2.0rem;
    color: #333;
    margin: 5px 15px;
    display: block;
    position: relative;
    z-index: 1;
  }
  .paginate a:hover{
    color: #fff;
  }
    .paginate_next a::after,
    .paginate_list a::after,
    .paginate_prev a::after{
        content: '';
        /*絶対配置で線の位置を決める*/
        position: absolute;
        z-index: -1;
        left: 0;
        /*背景の形状*/
        width: 100%;
        height: 0%;
        background:#0b470a;
        /*アニメーションの指定*/
        transition:all .2s;
        opacity: 0;/*はじめは透過0*/
    } 
    .paginate_next a:hover::after,
    .paginate_list a:hover::after,
    .paginate_prev a:hover::after {
        /*背景の形状*/
        height: 120%;
        opacity: 1;/*不透明に*/
    }   
  
  .paginate_next,
  .paginate_list,
  .paginate_prev{
    width: 150px;
    margin: 0 10px;
  }



/*  */
/* セキネ スポーツ レンタルスペース */
/* rentalspace */

/* 線の変化 */
.main_menu li a::after,
.footer_navi_main li a::after{
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    /*背景の形状*/
    width: 100%;
    height: 0%;
    background:#0b470a;
    /*アニメーションの指定*/
    transition:all .2s;
    opacity: 0;/*はじめは透過0*/
}

/*現在地とhoverの設定*/
.main_menu li a:hover::after,
.footer_navi_main li a:hover::after{
    /*背景の形状*/
    height: 100%;
    opacity: 1;/*不透明に*/
}

.main_menu li a:hover,
.footer_navi_main li a:hover{
    color: #fff;
}

.sub_menu{
    font: 700 1.4rem/1.4rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #888888;
    display: flex;
    margin: 0 0 0 auto;
}
/* メニューの前後入れ替え */
.menu1{
    order:2;
}
.menu2{
    order:1;
}

/* ヒーローの設定 */
.hero_wrap{
    width: 100%;
    position: relative;
}

.hero_img_text{
    width: 1040px;
    height: 0;
    margin: 0 auto;
    position: relative;
}
.hero_img_text p {
    font: 700 2.5rem / 4.1rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #2a8528;
    z-index: 1;
    position: absolute;
    top: 120px;
    left: 30px;
}

.play_ill_1{
    /* position: relative; */
}
.play_ill_1 img{
    width: 30vw;
    position: absolute;
    top: 210px;
    right: 70px;
}
.play_ill_2{
    /* position: relative; */
}
.play_ill_2 img{
    width: 30vw;
    position: absolute;
    left: 90px;
    bottom: 0px;
}

.anim-box.zoomin.is-animated {
    animation: zoomIn 3.0s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }
   
  @keyframes zoomIn {
    0% {
      transform: scale(0.8);
      opacity: 0;
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
   


.mask {
    width: 100vw;
    height: 100vh; 
}   

.mask image {
    width: 100%;
    mask-image: url(#customMask);
    mask-size: cover;
    mask-position: center;
}

.mask path {
    fill: #ffffff;
}

.grass_position{
    width: 100%;
    margin-top: -200px;
    position: relative;
    z-index: -1;
}

.rentalspace_hero_text{
    width: calc(100% - 40px);
    height: 0;
    margin: 0 auto;
    position: relative;
}
.rentalspace_hero_text p {
    font: 700 2.4rem / 3.9rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #2a8528;
    z-index: 10;
    position: absolute;
    top: 100px;
    left: 150px;
}

.slider{
    width:100%;
    margin:0 auto;
}
.slider img{
    width:268px;
    border-radius: 50px;
}
.slider .slick-slide{
    height:auto!important;
}
.odd{
    margin-top: 50px;
}

/* slickの高さ調整 */
.slick-list{
    margin-top: -315px;
}

.access_wrap{
    width: 100%;
    height: auto;
    margin: 65px auto 0;
    padding: 70px;
    box-sizing: border-box;
    background-color: #D7D3C6; 
    font: 700 2.2rem / 3.7rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #333333;
    text-align: center;
}
.access_wrap p {
    display: inline-block;
    margin: 0px auto 30px;
}
.map{
    width: calc(100% - 100px);
    height: 600px;
    margin: 0 auto;
}
.map_radius{
    border-radius: 40px;
}

/*  */
/* 公式line */
/* LINE */
.bus_operator{
    width: 100vw;
    height: auto;
}
.bus_operator_inner{
    width: calc(100% - 200px);
    margin: 0 auto;
    padding: 50px;
}
.bus_operator_headwrap{
    width: 760px;
    display: flex;
    margin: 0px auto;
    padding: 50px 0 ;
}
.bus_operator_text{
    display: block;
    height: auto;
    margin: 25px 0 0 0;
}

.bus_operator_maintext{
    width: 540px; 
    text-align: center;
    font: 900 4.0rem / 5.0rem "Noto Sans Jp", sans-serif;
    margin: 15px;
}
.bus_operator_subtext{
    text-align: center;
    font: 500 2.5rem / 2.5rem "Noto Sans Jp", sans-serif;
}
.bus_operator_qr{
    width: calc(100% - 100px);
    margin: 25px;
    text-align: center;
}
.bus_operator_qr img{
    width: 170px;
    height: 170px;
}

.bus_operator_title{
    width: calc(100% - 300px);
    margin: 0 auto;
    text-align: center;
    font: 700 3.0rem / 3.0rem "Noto Sans Jp", sans-serif;
    position: relative;
}
.bus_operator_title::before{
    content: '';
    width: 350px;
    height: 4px;
    display: inline-block;
    background-color: #008000;
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% + 160px);
}
.bus_operator_title::after{
    content: '';
    width: 350px;
    height: 4px;
    display: inline-block;
    background-color: #008000;
    position: absolute;
    top: calc(50% - 2px);
    right: calc(50% + 160px);
}
.bus_operator_ill{
    display: flex;
    width: 1000px;
    margin: 50px auto;
}
.bus_operator_ill li+li{
    margin-left: 50px;
}
.bus_operator_ill li {
    text-align: center;
    font: 500 1.8rem / 2.3rem "Noto Sans Jp", sans-serif;
}
.bus_operator_ill li img{
    width: 300px;
    height: auto;
}


/*  */
/* 角渕キャンプ場・バーベーキュー場管理事務所情報 */
/* camp/bbq */
.camp_wrap {
    width: 100%;
    height: auto;
    position: relative;
}
.camp_main_view {
    width: 100%;
    height: 625px;
    background-image: url(../img/camp_headerph.jpg);
    background-position: center;
    position: relative;
}
.camp_logo {
    max-width: 1000px;
}
.camp_logo_img {
    width: auto;
    height: 370px;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-115%)
}
.camp_caption{
    width: 100%;
    height: 120px;
    line-height: 10px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 10px;
    background-color: #898619;
}
.camp_caption p{
    font: 700 2rem/3.3rem "Noto Sans Jp", sans-serif;
    color: #ffffff;
}
.subtitle_line {
    text-align: center;
}
.subtitle_line::after {
    content: "";
    width: 1025px;
    margin: 0 auto;
    display: block;
    height: 10px;
    background: linear-gradient(to right, #3d6932 0%, #a0c860 50%, #fafe86 100%);
}
.subtitle_wrap{
    max-width: 900px;
    width: 100vw;
    height: 160px;
    display: flex;
    margin: 0 auto;
    font: 700 2.2rem / 3.2rem "Noto Sans Jp", sans-serif;
    
}
.subtitle {
    max-width: 1000px;
    width: 50vw;
    text-align: center;
    margin: auto 0;
}
  
.subtitle > a{
    color: #0044CC;
}
  
  /* 管理事務所情報 */
.office_information{
    width: 950px;
    height: auto;
    margin: 50px auto 0;
    display: flex;
}
.office_information_left{
    display: block;
    width: 475px;
    height: auto;
    text-align: center;
    margin: 15px 0 auto 0;
    position: relative;
}
.detailed_list{
    margin-top: 15px;
    margin-left: 15px;
    display: flex;
    text-align: left;
}
.detailed_list ul+ul{
    margin-left: 15px;
}
.detailed_list_title{
    font: 900 1.6rem / 3.2rem "Noto Sans Jp", sans-serif;
}
.detailed_list_text{
    font: 500 1.6rem / 3.2rem "Noto Sans Jp", sans-serif;
}
  
.office_information_title{
    font: 700 3.5rem/4.5rem "Noto Sans Jp", sans-serif;
    color:#468228;
}
.office_information_title_en{
    font: 700 2rem/2.4rem "Arial", "Noto Sans Jp", sans-serif;
    color:#b3e89d;
}
.office_information_title_line,
.usage_flow_title_line{
    margin-top: -10px;
    margin-bottom: 10px;
    border: 7px , solid,#b3e89d;
}

.office_information_ph{
    width: 950px;
    margin: 25px auto 0;
    display: flex;
}
.office_information_ph li+li{
    margin-left: auto;
}

.office_ph_tag{
    display: block;
    margin-top: -40px;
}

.office_information_ph >li > p{
    font: 700 1.6rem / 2.4rem "Noto Sans Jp", sans-serif;
    color: #333333;
    display: block;
    margin: -30px 0 0 70px;
}

.office_information_mainph{
    width: 480px;
    height: 320px;
    object-fit: cover;
}
  
/* 管理事務所情報 地図情報 */
.camp_map_wrap {
    width: 100%;
    height: auto;
    background-color:  #f5f5f5;
    margin-top: 70px;
    padding: 90px;
    box-sizing: border-box;
}
  
.camp_map_inner{
    width: 1000px;
    margin: 0 auto;
}

.camp_map_img {
    display: flex;
}

.camp_map_downlode {
    display: flex;
    margin: 90px auto 0;
}
.camp_map_downlode:hover {
    opacity: 0.7; 
}

.youtube > iframe{
    width: 475px;
    height: 270px;
}
  
/* 管理事務所情報 ご利用の流れ */
.usage_flow{
    width: 950px;
    height: auto;
    margin: 50px auto 0;
    display: flex;
}
.usage_flow_left{
    display: block;
    width: 475px;
    height: auto;
    text-align: center;
    margin: 15px 0 auto 0;
    position: relative;
}
.usage_flow_text{
    margin: 20px 15px 0;
    /* display: flex; */
    text-align: left;
    font: 500 1.6rem / 3.2rem "Noto Sans Jp", sans-serif;
}
.usage_flow_text > .ph{
    width: 475px;
    height: 280px;
}
.usage_flow_text > p > a{
    color: #0044CC;
}

.text_red {
    color: #fd2c2c;
}
  
.usage_flow_title{
    font: 700 3.5rem/4.5rem "Noto Sans Jp", sans-serif;
    color:#468228;
}
.usage_flow_title_en{
    font: 700 2rem/2.4rem "Arial", "Noto Sans Jp", sans-serif;
    color:#b3e89d;
}

.usage_flow_ph{
    width: 950px;
    margin: 25px auto 0;
    display: flex;
}

.office_ph_tag{
    display: block;
    margin-top: -40px;
}

.office_information_ph >li > p{
    font: 700 1.6rem / 2.4rem "Noto Sans Jp", sans-serif;
    color: #333333;
    display: block;
    margin: -30px 0 0 70px;
}

.usage_flow_step_wrap{
    width: 1000px;
    height: auto;
    margin: 0 auto;
}
.flow_line{
    width: 100%;
    display: flex;
    margin-top: 100px;
}
.flow_line div+div{
    margin-left: auto;
}
.flow_line_2nd{
    width: 100%;
    display: flex;
}
.flow_line_2nd div+div{
    margin-left: auto;
}

.usage_flow_step{
    width: 300px;
    height: 500px;
    background-color: #ffffff;
    display: flex;
}
/* 2行目のmarginを操作 */
.line_adjust_2nd{
    margin-top: 50px;
}
/* 3行目のmarginを操作 */
.line_adjust_3nd{
    margin-top: 100px;
}

/* 管理事務所情報 ご利用の流れ 文言 */
.step{
    width: 94px;
    height: 110px;
    text-align: center;
    margin-top: -10px;
    font: 700 1.6em / 2.4rem "Noto Sans Jp", sans-serif;
}
/* タイトル1行 */
.step_word1{
    display: inline-block;
    width: 200px;
    height: 30px;
    margin: -15px 0 0 10px;
    font: 700 2.2rem / 3rem "Noto Sans Jp", sans-serif;
}
/* タイトル2行 */
.step_word2{
    display: inline-block;
    width: 200px;
    height: 60px;
    margin: -30px 0 0 10px;
    font: 700 2.2rem / 3rem "Noto Sans Jp", sans-serif;
}
/* タイトル赤 */
.word_red{
    color:#ff2d2d;
}

/* 吹き出し */
.bubble_wrap{
    height: auto;
    font: 700 1.6em / 2.4rem "Noto Sans Jp", sans-serif;
    position: relative;
    background-color: #ffffff;
}
.bubble_wrap::before{
    content: '';
    position: absolute;
    top: 10px;
    right: -10px;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(-45deg, #78c878 0px, #78c878 5px, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 2%);
    z-index: -10;
}

.bubble_wrap_cancel{
    height: auto;
    font: 700 1.6em / 2.4rem "Noto Sans Jp", sans-serif;
    position: relative;
    background-color: #ffffff;
}
.bubble_wrap_cancel::before{
    content: '';
    position: absolute;
    top: 10px;
    right: -10px;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(-45deg, #ff7887 0px, #ff7887 5px, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 2%);
    z-index: -10;
    overflow: hidden;
}


.bubble_wrap_title{
    height: auto;
    font: 700 1.6em / 2.4rem "Noto Sans Jp", sans-serif;
}
.bubble_step{
    display: flex;
    position: relative;
}

.bubble{
    position: absolute;
      top: -45px;
      left: -5px;
    text-align: center;
}

.step_content{
    margin-top: -40px;
}
.step_explain{
    width: 100%;
    height: auto;
    padding: 5px 25px;
    box-sizing: border-box;
    font: 500 1.6em / 2.8rem "Noto Sans Jp", sans-serif;
}
.step_explain > a{
    color: #0044CC;
}

.step_explain_bold{
    font: 700 1.1em / 2.8rem "Noto Sans Jp", sans-serif
}

.box{
    width: 260px;
    height: 70px;
    margin: 0 auto;
    padding: 4px 10px;
    box-sizing: border-box;
    border: solid 0.1em #333333;
    font: 500 2rem / 2.8rem "Noto Sans Jp", sans-serif;    
    text-align: center;
}

/* 管理事務所情報 下段 */
.bottom_information_wrap{
    width: 100%;
    height: auto;
    margin-top: 100px;
    background-color: #dcf0b4;
    padding: 45px;
    box-sizing: border-box;
}
.bottom_information{
    width: 950px;
    height: auto;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
    background-color: #ffffff;
    text-align: center;
}
.bottom_information_title{
    font: 700 3.5rem/4rem "Noto Sans Jp", sans-serif;
    color:#468228;
}
.bottom_information_title_line{
}
.bottom_detailed_list{
    width: 950px;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}
.detailed_text{
    text-align: center;
    font: 500 1.8rem / 3.2rem "Noto Sans Jp", sans-serif;
}
.detailed_text_adjust{
    font: 500 1.4rem / 3.2rem "Noto Sans Jp", sans-serif;
}
/* 管理事務所情報　薪販売 */
.bottom_information_firewood_wrap{
    width: 850px;
    height: 535px; 
    border: solid 10px #d4ac7b;
    margin: 50px auto 25px;
    display: flex;
    position: relative;
}
.bottom_information_firewood_left{
    width: 470px;
    height: auto;
    padding: 25px;
    box-sizing: border-box;
}
.bottom_information_firewood_tittle{
    font: 700 3rem / 3.5rem "Noto Sans Jp", sans-serif;
    color: #b36d15;
    margin: 0 auto 10px;
}
.bottom_information_firewood_explain{
    font: 700 1.6rem / 2.8rem "Noto Sans Jp", sans-serif;
    color: #333333;
    text-align: left;
}
.bottom_information_firewood_explain > a{
    color: #0044CC;
}
.information_paypay{
    width: 275px;
    margin: 10px auto 0;
    font: 700 2rem / 2.5rem "Noto Sans Jp", sans-serif;
    color: #333333;
    display: flex;
    align-items: center;
}
.office_internal{
    margin: 20px auto 0;
}
.information_paypay img{
    height: 48px;
}
.bottom_information_firewood_right{
    position: absolute;
    top: -50px;
    right: -65px;
}


/*  */
/* セキネ スポーツ フッター */
/* footer */

.footer_wrap{
    width: 100%;
    height: 150px;
    margin: 70px auto 0;
    background-color: #D9D9D9;
    padding: 35px;
    box-sizing: border-box;
    position: absolute;
    z-index: -10;
}
.footer_inner{
    width: 1040px;
    height: auto;
    margin: 0 auto;
    display: flex;
}

.footer_logo img{
    width: auto;
    height: 50px;
}
.footer_logo_text{
    font: 900 3.8rem / 3.8rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #B0B0B0;
}

.footer_copylight{
    font: 700 1rem / 1.2rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #555555;
    margin-top: 10px;
}

.footer_navi{
    margin: 10px 0 0 auto;
    text-align: right;
}
.footer_navi li+li{
    margin-left: 30px;
}

.footer_navi_main{
    font: 700 1.6rem / 1.6rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #333333;
    display: flex;
    list-style: none;
}
.footer_navi_sub{
    font: 700 1.4rem / 1.4rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #888888;
    display: inline-flex;
    margin: 15px 0 0 auto;
}