@charset "UTF-8";
/* 芽室町で遊ぶ */

.mainvis { width: 100%; }
.mainvis_inner { width: 100%; max-width: 1366px; margin: 0 auto; padding-bottom: 600px; position: relative; overflow: hidden; }
.mainvis_inner::after { content: ''; display: block; width: 1500px; height: 600px; background: url("../../administration/gaiyou/images/play/main_vis.jpg") no-repeat center center; border-radius: 0 0 1000px 1000px/ 0 0 250px 250px; position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%); }
.page_ttl { width: 460px; height: 140px; background: rgba(255,255,255,.75); display: flex; -ms-align-items: center; align-items: center; justify-content: center; border-radius: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.page_ttl_img {  }

.sect_block { width: 100%; position: relative; }
.sect_block_inner { max-width: 1140px; margin: 0 auto; }
.sect_block_ttl { width: 100%; padding: 5px 30px; margin-bottom: 30px; font-size: 32px; font-weight: bold; text-align: center; position: relative; background: #e6e6d7; }
.sect_block_ttl::before,
.sect_block_ttl::after { content: ""; width: 27px; height: 100%; display: block; position: absolute; top: 0; }
.sect_block_ttl::before { background: linear-gradient(to right, #64a00a 0, #64a00a 10px, #fff 10px, #fff 21px, #9BC88C 21px, #9BC88C 27px); left: 0; }
.sect_block_ttl::after { background: linear-gradient(to left, #64a00a 0, #64a00a 10px, #fff 10px, #fff 21px, #9BC88C 21px, #9BC88C 27px); right: 0; }

.intro { margin-top: -85px; }
.intro .sect_block_inner { width: 952px; }
.intro_point { width: 100%; display: flex; justify-content: space-between; }
.intro_point_item { width: 240px; font-size: 20px; font-weight: bold; text-align: center; }
.intro_point_item_img_wrap { width: 100%; padding-bottom: 20px; background: url("../../administration/gaiyou/images/play/point_img_shadow.png") center bottom no-repeat; }
.intro_point_item_img { width: 100%; display: block; }
.intro_txt { margin: 35px auto 60px; text-align: center; line-height: 1.8; }
.intro_btn_block { width: 100%; display: flex; justify-content: center; }
.intro_btn_item { width: 250px; height: 50px; margin: 0 13px; }
.intro_btn_link { width: 100%; height: 100%; display: flex; justify-content: center; -ms-align-items: center; align-items: center; background: #64a00a; border-radius: 4px; position: relative; text-align: center; line-height: 1.4; transition: all .3s; }
.intro_btn_link:hover { opacity: .7; }
.intro_btn_link::before { content: ''; display: inline-block; margin-right: 3px; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 13px; border-color: transparent transparent transparent #fff; position: relative; top: 0px; }
.intro_btn_link[target="_blank"]::after { content: ''; display: inline-block; width: 19px; height: 18px; margin-left: 3px; background: url("../../administration/gaiyou/images/play/icon_blank.png") no-repeat center center/100% auto; position: relative; top: -1px; }
.intro_btn_txt { font-weight: bold; color: #fff; }

.news { margin-top: 68px; }
.news .sect_block_inner { width: 846px; }
.sect_ttl_news { padding: 10px 50px 15px; position: relative; border-bottom: 1px solid #534741; }
.sect_ttl_news::before { content: ''; display: block; width: 16px; height: 47px; background: linear-gradient( to right, #64A00A 0, #64A00A 9px, #9BC88C 10px, #9BC88C 16px); position: absolute; left: 9px; top: -4px; transform: skewX(-13deg); }
.news_list { margin-top: 5px; }
.news_list_item { width: 100%; border-bottom: 1px dashed #494848; }
.news_item_link { display: flex; flex-wrap: wrap; -ms-align-items: flex-start; align-items: flex-start; width: 100%; height: 100%; padding: 10px 5px; color: #534741; }
.news_item_date { width: 90px; }
.news_item_tag { width: 66px; padding: 4px 3px 3px 3px; margin: 0 35px 0 15px; font-size: 14px; text-align: center; line-height: 1; color: #fff; background: #64A00A; }
.news_item_ttl { width: calc(100% - 206px); }
.news_item_link:hover > .news_item_ttl{ text-decoration: underline; }
.news_more { margin-top: 10px; text-align: right; }
.news_more_link { padding-right: 20px; color: #534741; position: relative; }
.news_more_link:hover { text-decoration: underline; }
.news_more_link::before { content: ""; width: 15px; height: 15px; display: block; position: absolute; right: 0; top: 0; background: #534741; }
.news_more_link::after { content: ""; width: 0; height: 0; display: block; position: absolute; top: 3px; right: 4px; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff;  }

.calendar { margin-top: 68px; }
.calender_system_block { width: 100%; }
.calender_system_block > img { display: block; width: 100%; }

.related { margin-top: 44px; }
.related_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.related_item { width: 240px; margin: 0 23px 0 0; box-shadow: 1px 1px 2px rgba(0,0,0,.3); }
.related_item:last-child { margin-right: 0; }
.related_item_link { display: block; transition: all 0.3s; }
.related_item_link:hover { opacity: 0.7; }
.related_item_img { display: block; }
.related_item_txt { display: inline-block; width: 100%; padding: 10px; text-align: center; line-height: 1.3; }
.calender_system_block iframe {border:none;width:100%;}

@media (max-width: 991px) {
    .sect_block {  }
    .sect_block_inner { width: 100%; padding: 0 20px; }
    .sect_block_ttl {}
    .sect_block_ttl::before,
    .sect_block_ttl::after {}
    .sect_block_ttl::before {}
    .sect_block_ttl::after {}
    
    .intro {}
    .intro .sect_block_inner { width: 100%; padding: 0 20px; }
    .intro_point {  }
    .intro_point_item { width: 25.2101%; font-size: 18px; }
    .intro_point_item_img_wrap {}
    .intro_point_item_img {}
    .intro_txt {}
    .intro_btn_block {}
    .intro_btn_item {}
    .intro_btn_link {}
    .intro_btn_link:hover {}
    .intro_btn_link::before {}
    .intro_btn_link[target="_blank"]::after {}
    .intro_btn_txt {}

    .news {}
    .news .sect_block_inner { width: 100%; padding: 0 20px; }
    .sect_ttl_news {  }
    .sect_ttl_news::before {}
    .news_list {  }
    .news_list_item {}
    .news_item_link {}
    .news_item_date {}
    .news_item_tag {}
    .news_item_ttl { }
    .news_item_link:hover > .news_item_ttl{}
    .news_more {}
    .news_more_link {}
    .news_more_link:hover {}
    .news_more_link::before {}
    .news_more_link::after {}

    .calendar {}
    .calender_system_block {}
    .calender_system_block > img {}

    .related {}
    .related_list {}
    .related_item { width: 31.3725%; margin-right: 2.94125%; }
    .related_item:last-child {}
    .related_item_link {}
    .related_item_link:hover {}
    .related_item_img { display: block; width: 100%; }
    .related_item_txt {}
}
@media (max-width: 767px) {
    .mainvis { width: 100%; }
    .mainvis_inner { width: 100%; height: auto; padding-bottom: 53.9239%; }
    .mainvis_inner::after { width: 120%; height: auto; padding-bottom: 53.9239%; -webkit-background-size: 100%; background-size: 100%; }
    .page_ttl { width: 90%; height: 50%; }
    .page_ttl_img { display: block; width: 70%; }
    
    .sect_block { width: 100%; }
    .sect_block_inner { width: 98.6667%; margin: 0 auto; padding: 0; }
    .sect_block_ttl { font-size: 16px; }
    .sect_block_ttl::before,
    .sect_block_ttl::after {}
    .sect_block_ttl::before {}
    .sect_block_ttl::after {}
    
    .intro { margin-top: 50px; }
    .intro .sect_block_inner { width: 98.6667%; margin: 0 auto; padding: 0; }
    .intro_point { flex-direction: column; -ms-align-items: center; align-items: center; }
    .intro_point_item { width: 100%; max-width: 240px; margin-bottom: 30px; font-size: 16px; }
    .intro_point_item:last-child { margin-bottom: 0; }
    .intro_point_item_img_wrap {  }
    .intro_point_item_img {}
    .intro_txt { margin: 20px 30px; font-size: 14px; }
    .intro_btn_block { width: 100%; flex-direction: column; }
    .intro_btn_item { width: 100%; margin: 0 0 15px 0; }
    .intro_btn_link { font-size: 14px; }
    .intro_btn_link:hover {}
    .intro_btn_link::before {}
    .intro_btn_link[target="_blank"]::after {}
    .intro_btn_txt {}

    .news { margin-top: 50px; }
    .news .sect_block_inner { width: 98.6667%; margin: 0 auto; padding: 0; }
    .sect_ttl_news { padding: 7px 50px 10px; font-size: 16px; }
    .sect_ttl_news::before { height: 35px; top: 0; }
    .news_list {}
    .news_list_item {}
    .news_item_link { font-size: 14px; }
    .news_item_link > span[class^="news_item_"] {}
    .news_item_date { width: 75px; }
    .news_item_tag { margin: 0 0 0 10px; font-size: 12px; }
    .news_item_ttl { display: block; width: 100%; margin-top: 5px; }
    .news_item_link:hover > .news_item_ttl{}
    .news_more {}
    .news_more_link { font-size: 14px; }
    .news_more_link:hover {}
    .news_more_link::before {}
    .news_more_link::after {}

    .calendar { margin-top: 50px; }
    .calender_system_block {}
    .calender_system_block > img {}

    .related { margin-top: 50px; }
    .related_list { flex-direction: column; -ms-align-items: center; align-items: center; }
    .related_item { width: 100%; max-width: 240px; margin: 0 0 15px ; }
    .related_item:last-child { margin-bottom: 0; }
    .related_item_link { font-size: 14px; }
    .related_item_link:hover {}
    .related_item_img {}
    .related_item_txt {}
}