@charset "utf-8";

html {
    overflow: auto;
    font-size: 62.5%;
}

body {
    overflow: hidden;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 500;
    color: #363636;
    background: #f8f6ed;
}

img {
    width: 100%;
}

ul li {
    list-style: none;
}

a:link {
    text-decoration: none;
    color: #363636;
}

a:visited {
    color: #363636;
}

address {
    font-style: normal;
}

.max-width {
    width: 95%;
    max-width: 1300px;
}

/*---------- トップページ ----------*/

h1#top_h1 {
    display: none;
}

.top_mymainback #footstep_wrap {
    display: none;
    margin: 0 auto;
}

/*----- ヘッダー -----*/
#header {
    width: 100%;
    height: auto;
    position: relative;
}

#he_logo {
    position: relative;
}

#logo {
    width: 310px;
    margin-left: 30px;
    padding-top: 30px;
    position: absolute;
    z-index: 9;
}

#he_nav {
    width: 100%;
    height: 256px;
    background-image: url(/img/kankou/main_img_bottom.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: bottom; 
    position: absolute;
    bottom: -90px;
}

.he_nav_posi {
    position: absolute;
    bottom: -50px;
    right: 2%;
}

@media screen and (max-width:1800px) { /*ヘッダー(ロゴ・背景)*/
    #he_nav {
        background-size: cover;
    } 
}

@media screen and (max-width:1280px) { /*ヘッダー(ロゴ・背景)*/

    #logo {
        width: 20%;
        min-width: 120px;
    }

    #he_nav {
        height: 192px;
        background-size: contain;
        background-position: right;
    }

}

@media screen and (max-width:1200px) { /*ヘッダー(ロゴ・背景)*/
    #header {
        /* height: 90vh; */
    }
}

@media screen and (max-width:1000px) { /*ヘッダー(ロゴ・背景)*/
    #header {
        /* height: 80vh; */
    }
}

@media screen and (max-width:900px) { /*ヘッダー(ロゴ・背景)*/
    #header {
        /* height: 70vh; */
    }
}

@media screen and (max-width:700px) { /*ヘッダー(ロゴ・背景)*/
    #header {
        /* height: 50vh; */
    }

    #he_nav {
        height: 80px;
        bottom: -30px;
    }
}

@media screen and (max-width:580px) { /*ヘッダー(ロゴ・背景)*/
    #header {
        /* height: 45vh; */
    }
}

@media screen and (max-width:500px) { /*ヘッダー(ロゴ・背景)*/
    #header {
        /* height: 40vh; */
    }

    #he_nav {
        height: 60px;
    }
}

@media screen and (max-width:450px) { /*ヘッダー(ロゴ・背景)*/
    #header {
        /* height: 35vh; */
    }
}

@media screen and (max-width:350px) { /*ヘッダー(ロゴ・背景)*/
    #header {
        /* height: 30vh; */
    }
}

/*グローバルナビ 上*/
#he_nav_ue {
    display: flex;
    justify-content: end;
    align-items: center;
}

/*巡る・味わう・楽しむ（ナビゲーション）*/
ul#he_nav_btnlist {
    display: flex;
    padding-left: 0;
}

ul#he_nav_btnlist li a {
    width: 95px;
    height: 50px;
    background-color: #0f71a7;
    border-radius: 10px;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
    margin-right: 20px;
    position: relative;
}

ul#he_nav_btnlist li a::after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/img/kankou/more_arrow_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
}

ul#he_nav_btnlist li a:hover {
    width: 115px;
    box-sizing: border-box;
    background-color: #fff;
    border: 4px solid #0f71a7;
    color: #0f71a7;
}

ul#he_nav_btnlist li a:hover::after {
    background-image: url(/img/kankou/more_arrow_hover.png);
}


/*山元町メインサイトへ*/
.yamamoto_site a {
    width: 232px;
    height: 42px;
    background-color: #fff;
    border: solid 4px #006934;
    border-radius: 10px;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 30px;
    margin-right: 20px;
    position: relative;
}

.yamamoto_site a::after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/img/kankou/more_arrow_g.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
}

.yamamoto_site a:hover {
    background-color: #006934;
    color: #fff;
}

.yamamoto_site a:hover::after {
    background-image: url(/img/kankou/more_arrow_w.png);
}

/*検索ボックス*/
#top_search_keyword {
    display: block;
}

#cse-search-box {
    width: 270px;
    height: 50px;
    border: solid 4px #6BB9C2;
    background-color: #fff;
    border-radius: 12px;
    margin: 0 auto;
}

#tmp_query {
    width: calc(100% - 50px) !important;
    height: 40px !important;
    border-radius: 10px;
    margin-top: 2px;
}

#submit {
    background: #E0F1FB;
    border-radius: 5px;
    width: 43px;
    height: 36px;
    background-image: url(/img/kankou/icon_search.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    border-left: none;
}

/*グローバルナビ 下*/
#he_nav_sita_list {
    display: flex;
    justify-content: end;
    font-weight: bold;
}

/*メインナビゲーション*/
ul#mainnav {
    display: flex;
    padding-left: 0;
}

ul#mainnav li {
    margin-right: 30px;
    text-decoration: underline;
}

ul#mainnav li a {
    font-size: 2rem;
}

ul#mainnav li a:visited {
    text-decoration: none;
}

ul#mainnav li:hover {
    text-decoration: none;
}

/*SNSナビゲーション*/
ul#snsnav {
    display: flex;
    padding-left: 0;
    align-items: center;
}

ul#snsnav li {
    margin-left: 20px;
    transition: transform .3s ease;
}

ul#snsnav li:hover {
    transform: scale(1.1);
}

li#snsnav1 {
    width: 31.5px;
    height: 31.5px;
}
li#snsnav2 {
    width: 31.5px;
    height: 31.5px;
}
li#snsnav3 {
    width: 38.4px;
    height: 27px;
}

/*----- メイン（トップページ） -----*/
#mymainback {
    width: 100%;
    justify-content: center;
    margin-top: 160px;
}

@media screen and (max-width:800px) { /*メイン（トップページ）*/
    #mymainback {
        margin-top: 20px;
    }
}

@media screen and (max-width:670px) { /*メイン（トップページ）*/
    #mymainback {
        margin: 0 auto;
        margin-top: 50px;
    }
}

@media screen and (max-width:500px) { /*メイン（トップページ）*/
    #mymainback {
        margin-top: 40px;
    }
}

/*スライドショー(背景)*/

.slideshow {
    width: 100%;
    height: auto;
    max-height: 90vh;
    overflow: hidden;
    position: relative;
    top: 0;
}

.slideshow img {
    width: 100%;
    height: auto;
    max-height: 90vh;
    object-fit: cover;
    display: none;
}

.slideshow .slick-prev, 
.slideshow .slick-next {
    position: absolute;
    z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    height: 75px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: contain;
}

.slideshow .slick-prev {
    background-image: url(/img/kankou/slick_prev.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 20px;
}

.slideshow .slick-next {
    background-image: url(/img/kankou/slick_next.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 20px;
}

.slideshow .slick-dots {
    width: 30px;
    position: absolute;
    top: 55%;
    left: 20px;
    z-index: 3;
}

.slideshow .slick-dots li button {
    background: url(/img/kankou/slick_dots.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    color: unset;
}

.slideshow .slick-dots li.slick-active button {
    background: url(/img/kankou/slick_dots_active.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    color: unset;
    cursor: pointer;
}

.slideshow #tglBtn {
    width: 34px;
    height: 34px;
}

@media screen and (max-width:1200px) { /*スライドショー（背景）*/
    .slideshow .slick-prev, 
    .slideshow .slick-next {
        height: 45px;
        width: 15px;
    }

    ul.slick-dots li button {
        width: 12px;
        height: 12px;
    }
}

@media screen and (max-width:1000px) { /*スライドショー（背景）*/
    .slideshow .slick-prev, 
    .slideshow .slick-next {
        display: none !important;
    }

    .slideshow .slick-dots {
        top: 35%;
    }
}

@media screen and (max-width:500px) { /*スライドショー（背景）*/
    .slideshow .slick-dots {
        display: none !important;
    }
}

/*海あり山あり*/
#main_bg {
    text-align: center;
    position: relative;
}

span.bg_umi {
    display: block;
    width: 556px;
    height: 438px;
    background-image: url(/img/kankou/bg_umi.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -80px;
    left: -70px;
    z-index: -999;
}

span.bg_yama {
    display: block;
    width: 725px;
    height: 438px;
    background-image: url(/img/kankou/bg_yama.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -65px;
    right: -180px;
    z-index: -999;
}

#main_bg img {
    width: 650px;
}

#main_bg p {
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 10px;
}

@media screen and (max-width:1120px) { /*海あり山あり*/
    
    span.bg_umi {
        width: 417px;
        height: 328.5px;
    }

    span.bg_yama {
        width: 543.75px;
        height: 328.5px;
    }

}

@media screen and (max-width:800px) { /*海あり山あり*/

    #main_bg {
        padding-top: 60px;
    }

    #main_bg img {
        width: 75%;
    }

    #main_bg p {
        font-size: 2rem;
    }
    
    span.bg_umi {
        width: 278px;
        height: 219px;
        top: 60px;
        left: -60px;
    }

    span.bg_yama {
        width: 362.5px;
        height: 219px;
        top: 50px;
        right: -100px;
    }

}

@media screen and (max-width:500px) { /*海あり山あり*/

    #main_bg p {
        font-size: 1.6rem;
    }

    span.bg_umi {
        width: 222.4px;
        height: 175.2px;
        top: 0px;
        left: -45px;
    }

    span.bg_yama {
        width: 175px;
        height: 106px;
        top: 40px;
        right: 0;
        z-index: -9999;
    }

}

/*巡る・味わう・楽しむ（メインボタン）*/
#main_btn {
    margin: 0 auto;
    margin-top: 100px;
}

#main_btn ul {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
}

#main_btn ul li {
    width: 31%;
    height: auto;
    transition: transform .3s ease;
}

#main_btn ul li:hover {
    transform: scale(1.1);
}

#main_btn ul li img {
    width: 100%;
}

@media screen and (max-width:600px) { /*巡る・味わう・楽しむ（メインボタン）*/

    #main_btn {
        margin-top: 60px;
    }

    #main_btn ul {
        display: block;
    }

    #main_btn ul li {
        margin: 0 auto;
        width: 50%;
    }

}

/*新着情報*/
.section_information {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 100px;
    text-align: center;
    background: none;
    padding: 0;
}

h2#news_title {
    display: inline-block;
    width: 160px;
    height: 48px;
    margin-bottom: 40px;
}

.section_information_list .link_box {
    margin-top: 40px;
}

.section_information_list ul li {
    display: block;
    font-weight: bold;
    border-bottom: 3px dashed #0F71A7;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.section_information_list ul li span.article_date {
    text-align: left;
}

.section_information_list ul li:last-of-type {
    border-bottom: none;
}

.section_information_list ul li a {
    text-decoration: underline;
}

.section_information_list div.link_box span {
    width: 300px;
    height: 50px;
}

.section_information_list div.link_box span a {
    background: #0f71a7;
    color: #fff;
    padding: 12px 0;
    border-radius: 30px;
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
}

.section_information_list div.link_box span a::after {
    content: "";
    display: block;
    width: 24px;
    height: 23.39px;
    background-image: url(/img/kankou/more_arrow_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 25%;
    right: 20px;
}

img.icon_new {
    height: 1.6rem;
    width: auto;
}

@media screen and (max-width:800px) { /*新着情報*/
    .section_information {
        margin-top: 100px;
    }
}

@media screen and (max-width:670px) { /*新着情報*/

    .section_information {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    h2#news_title {
        margin-bottom: 10px;
    }

    .section_information_list ul {
        text-align: left;
    }

    .section_information_list ul li .article_title {
        font-size: 1.6rem;
    }

    .section_information_list ul li a {
        background: none;
        padding-right: 0;
    }

}

@media screen and (max-width:500px) { /*新着情報*/

    h2#news_title {
        width: 112px;
        height: 33.6px;
        margin-bottom: 0;
    }

    .section_information_list div.link_box span {
        width: 260px;
    }

    .section_information_list div.link_box span a {
        font-size: 1.6rem;
    }

    .section_information_list div.link_box span a::after {
        width: 12px;
        height: 12px;
        top: 35%;
    }

}

/*やまもとNOW・イベント*/
#now_event {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

/*やまもとNOW*/
#now_content {
    width: 47%;
    max-width: 600px;
    text-align: center;
}

h2#now_title {
    display: inline-block;
    width: 262px;
    height: 48px;
    margin-bottom: 30px;
}

#now_content .top_tab_detail_box2 {
    background-color: #fff;
    border-radius: 20px;
    min-height: 300px;
    position: relative;
}

#now_content #lettering {
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}

#now_content .lettering_box {
    display: flex;
    flex-direction: column;
}

#now_content .lettering_box .yamamotonow_flex {
    display: flex;
    /* justify-content: space-between; */
    gap: 2rem;
}

#now_content .lettering_box .yamamotonow_flex img {
  object-fit: cover;
}

#now_content .lettering_box_text {
    text-align: left;
}

#now_content .article_title_date {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    margin-bottom: 20px;
}

#now_content .lettering_box_text .article_title a {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0d59b7;
    text-decoration: underline;
}

#now_content .article_date {
    font-size: 1.4rem;
}

#now_content .lettering_detail {
    text-align: left;
    height: 80px;
    overflow: hidden;
}

#now_content .lettering_box>div {
    display: table-cell;
    vertical-align: top;
}

#now_content .link_box {
    width: 100%;
    height: 47px;
    bottom: 20px;
}

#now_content .link_ichiran a {
    background: #0F71A7;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 12px 80px 12px 60px;
    border-radius: 50px;
    position: relative;
}

#now_content .link_ichiran a::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/img/kankou/more_arrow_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    bottom: 12px;
}

@media screen and (max-width:500px) { /*やまもとNOW*/

    #now_content .lettering_box .yamamotonow_flex {
        display: block;
    }

}

/*イベント*/
#event_content {
    width: 47%;
    max-width: 600px;
    text-align: center;
}

h2#event_title {
    display: inline-block;
    width: 160px;
    height: 48px;
    margin-bottom: 30px;
}

#event_item .free_box {
    height: 300px;
    background: #fff;
    border-radius: 20px;
    position: relative;
}

#event_item .free_box img {
    height: 200px !important;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

#event_item .free_box p:nth-of-type(2),
#event_item .free_box p:nth-of-type(3) {
    text-align: left;
}

#event_item .free_box p:nth-of-type(2) {
    font-size: 1.4rem;
    position: absolute;
    bottom: 105px;
    left: 40px;
}

#event_item .free_box p:nth-of-type(3) {
    width: 80%;
    position: absolute;
    top: 185px;
    left: 40px;
}

#event_item .free_box p:nth-of-type(3) a {
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: underline;
    color: #0F71A7;
}

#event_item .free_box span {
    display: block;
    width: 90%;
    height: 70px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: 80px;
    left: 20px;
}

#event_more {
    width: 100%;
    position: absolute;
    bottom: 20px;
}

#event_more a {
    background: #0F71A7;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 12px 80px 12px 60px;
    border-radius: 50px;
    position: relative;
}

#event_more a::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/img/kankou/more_arrow_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    bottom: 12px;
}

@media screen and (max-width:1000px) { /*やまもとNOW・イベント*/
    
    #now_event {
        display: block;
    }

    #now_content, 
    #event_content {
        margin: 0 auto;
        width: 100%;
    }

    #now_content {
        margin-bottom: 80px;
    }

}

@media screen and (max-width:500px) { /*やまもとNOW・イベント*/

    #now_content {
        margin-bottom: 40px;
    }

    h2#now_title {
        display: inline-block;
        width: 183.4px;
        height: 33.6px;
        margin-bottom: 30px;
    }
    
    h2#event_title {
        width: 112px;
        height: 33.6px;
    }

}

@media screen and (max-width:670px) { /*やまもとNOW・イベント*/

    #now_event {
        display: block;
    }

    #event_content {
        margin: 0 auto;
    }    

}

@media screen and (max-width:400px) { /*やまもとNOW・イベント*/
    
    #event_more a {
        font-size: 1.6rem;
    }

    #event_more a::after {
        bottom: 10px;
    }

}

/*インスタグラム・ホッキーくん*/
#insta_hokki {
    display: flex;
    justify-content: space-evenly;
    margin-top: 230px;
    margin-bottom: 180px;
    background-image: url(/img/kankou/bg_insta_hokki.png);
    background-repeat: no-repeat;
    background-size: 100% 400px;
    background-position-y: 70px;
    position: relative;
}

#insta_hokki::before {
    content: "";
    width: 192.16px;
    height: 143px;
    background-image: url(/img/kankou/illust_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 80px;
    top: -120px;
}

/*インスタグラム*/
#insta_content {
    width: 30%;
}

h2#insta_title {
    width: 280px;
    height: 48px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 45px;
}

#eapps-instagram-feed-1 {
    margin: 0 auto;
}

#insta_content p {
    text-align: center;
    margin-top: 22px;
    margin-bottom: 0;
}

#insta_content p a {
    text-decoration: underline;
    font-size: 2.4rem;
    font-weight: bold;
    padding-right: 45px;
    position: relative;
}

#insta_content p a::after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/img/kankou/more_arrow_b.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 2px;
    transition: transform .3s ease;
}

#insta_content p a:hover::after {
    transform: scale(1.3);
}

/*ホッキーくん*/
#hokki_content {
    width: 30%;
}

h2#hokki_title {
    width: 240px;
    height: 74px;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 53px;
}

#insta_hokki::before {
    content: "";
    width: 192.16px;
    height: 143px;
    background-image: url(/img/kankou/illust_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 80px;
    top: -120px;
}

#hokki_content p {
    width: 326.25px;
    margin: 0 auto;
}

#hokki_content p {
    text-align: center;
    margin-top: 22px;
    margin-bottom: 0;
}

#hokki_content p a {
    text-decoration: underline;
    font-size: 2rem;
    font-weight: bold;
    padding-right: 45px;
    position: relative;
}

#hokki_content p a::after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/img/kankou/more_arrow_b.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: -2px;
    transition: transform .3s ease;
}

#hokki_content p a:hover::after {
    transform: scale(1.3);
}

@media screen and (max-width:1000px) { /*インスタグラム・ホッキーくん*/
    
    #insta_hokki::before {
        width: 96.08px;
        height: 71.5px;
        left: 30px;
        top: -80px;
    }

}

@media screen and (max-width:1030px) { /*インスタグラム・ホッキーくん*/
    
    #insta_hokki {
        display: block;
        background-size: cover;
        background-position: center;
    }

    #insta_content {
        width: 100%;
    }

    #hokki_content {
        width: 100%;
        margin-top: 120px;
    }
}

@media screen and (max-width:500px) { /*インスタグラム・ホッキーくん*/
    
    h2#insta_title {
        width: 196px;
        height: 33.6px;
        margin-bottom: 35px;
    }

    h2#hokki_title {
        width: 168px;
        height: 51.8px;
        margin-bottom: 35px;
    }

    #insta_content p a {
        font-size: 1.6rem;
    }

    #insta_content p a::after {
        top: -4px;
    }

    #hokki_content p {
        width: 60%;
    }

    #hokki_content p:nth-of-type(2) {
        width: 250px;
    }

    #hokki_content p a {
        font-size: 1.4rem;
    }

    #hokki_content p a::after {
        top: -5px;
    }

    #insta_hokki {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    #insta_hokki::before {
        content: unset;
    }

}

/*特産品・やまほど、やまもと。*/
#tokusan_yamahodo {
    text-align: center;
    margin: 0 auto;
}

/*特産品*/
#tokusan {
    position: relative;
    margin-bottom: 100px;
}

#tokusan::before {
    content: "";
    width: 247.98px;
    height: 135.05px;
    background-image: url(/img/kankou/illust_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    bottom: -36px;
}

h2#tokusan_title {
    width: 120px;
    height: 48px;
    margin: 0 auto;
    margin-bottom: 40px;
}

#tokusan a img {
    width: 80%;
    box-shadow: 6px 6px 0px rgba(0,0,0,.2);
    transition: transform .3s ease;
}

#tokusan a:hover img {
    transform: scale(1.1);
}

/*やまほど、やまもと。*/
h2#yamahodo_title {
    width: 400px;
    height: 48px;
    margin: 0 auto;
    margin-bottom: 40px;
}

#yamahodo {
    margin-bottom: 100px;
}

#yamahodo p {
    margin-top: 0;
    margin-bottom: 36px;
    font-size: 1.8rem;
}

#yamahodo a img {
    width: 80%;
    box-shadow: 6px 6px 0px rgba(0,0,0,.2);
    transition: transform .3s ease;
}

#yamahodo a:hover img {
    transform: scale(1.1);
}

@media screen and (max-width:1000px) { /*インスタグラム・ホッキーくん*/
    
    #tokusan::before {
        width: 123.99px;
        height: 67.525px;
        bottom: 45px
    }

}

@media screen and (max-width:500px) { /*特産品・やまほど、やまもと。*/

    #tokusan {
        margin-bottom: 60px;
    }
    
    h2#tokusan_title {
        width: 84px;
        height: 33.6px;
        margin-bottom: 30px;
    }

    #yamahodo {
        margin-bottom: 80px;
    }

    h2#yamahodo_title {
        width: 280px;
        height: 33.6px;
        margin-bottom: 30px;
    }

    #yamahodo p {
        width: 80%;
        margin: 0 auto;
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    #tokusan::before {
        content: unset;
    }

}

/*パンフレット*/
#book_content {
    margin: 0 auto;
    margin-bottom: 150px;
}

h2#book_title {
    width: 240px;
    height: 48px;
    margin: 0 auto;
    margin-bottom: 54px;
}

#book_content ul {
    display: flex;
    justify-content: center;
    padding-left: 0;
}

#book_content ul li {
    width: 340px;
    height: 340px;
    border-radius: 10px;
    box-shadow: 5px 5px 0 rgba(145,145,145,.45);
    text-align: center;
    transition: transform .3s ease;
}

#book_content ul li:hover {
    transform: scale(1.1);
}

#book_content ul li a {
    display: inline-block;
    width: 100%;
    height: 340px;
}

#book_content ul li a p {
    margin: 0;
    margin-bottom: 10px;
}

#book_content ul li a p.book_title {
    font-size: 2rem;
    font-weight: bold;
    padding-top: 220px;
}

#book_content ul li a p.book_text {
    font-weight: 500;
}

#book_list1 {
    background-image: url(/img/kankou/btn_book_1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#book_list2 {
    background-image: url(/img/kankou/btn_book_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#book_list3 {
    background-image: url(/img/kankou/btn_book_3.png);
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width:1100px) { /*パンフレット*/
    
    #book_content ul {
        display: block;
    }

    #book_content ul li {
        width: 400px;
        height: 211px;
        border-radius: 20px;
        margin: 0 auto;
    }

    #book_content ul li a {
        height: 211px;
    }

    #book_content ul li a p.book_title {
        padding-top: 25px;
    }

    #book_content ul li a p.book_text {
        margin-left: 140px;
        margin-top: 30px;
        font-size: 1.4rem;
    }

    #book_list1 {
        background-image: url(/img/kankou/btn_book_sp_1.png);
    }

    #book_list2 {
        background-image: url(/img/kankou/btn_book_sp_2.png);
    }

    #book_list3 {
        background-image: url(/img/kankou/btn_book_sp_3.png);
    }

}

@media screen and (max-width:1100px) { /*パンフレット*/

    #book_content ul li {
        width: 300px;
        height: 158px;
        border-radius: 10px;
        margin: 0 auto;
    }

    #book_content ul li a {
        height: 158px;
    }

    #book_content ul li a p.book_title {
        padding-top: 15px;
        margin-left: 0;
        font-size: 1.8rem;
    }

    #book_content ul li a p.book_text {
        margin-left: 100px;
        margin-top: 20px;
        font-size: 1.3rem;
    }

    #book_list1 {
        background-image: url(/img/kankou/btn_book_sp_1.png);
    }

    #book_list2 {
        background-image: url(/img/kankou/btn_book_sp_2.png);
    }

    #book_list3 {
        background-image: url(/img/kankou/btn_book_sp_3.png);
    }

}

@media screen and (max-width:500px) { /*パンフレット*/
    
    #book_content {
        margin-bottom: 80px;
    }

    h2#book_title {
        width: 168px;
        height: 33.6px;
        margin-bottom: 30px;
    }

}

/*関連リンク*/
#link_content {
    position: relative;
}

#link_content::before {
    content: "";
    width: 260px;
    height: 141.24px;
    background-image: url(/img/kankou/illust_3.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50px;
    top: -36px;
}

h2#link_title {
    width: 200px;
    height: 48px;
    margin: 0 auto;
    margin-bottom: 50px;
}

#link_bg {
    width: 100%;
    height: 230px;
    background-image: url(/img/kankou/bg_link.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#top_banner_pr .slick-list.draggable {
    width: 85%;
    margin: 0 auto;
    padding: 0 !important;
}

#top_banner_pr {
    margin: 0 auto;
    padding-top: 50px;
}

#top_banner_pr .free_box.slick-slide p img {
    margin: 0 auto;
}

/*矢印*/
#top_banner_pr .slick-arrow_prev.slick-arrow,
#top_banner_pr .slick-arrow_next.slick-arrow {
    width: 22px;
    cursor: pointer;
    position: absolute;
    top: 80px;
    z-index: 1;
}

#top_banner_pr .slick-arrow_prev.slick-arrow {
    left: 0;
}

#top_banner_pr .slick-arrow_next.slick-arrow {
    right: 0;
}

/*ドット・再生停止ボタン*/
#top_banner_pr ul.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 35px;
    align-items: center;
}

#top_banner_pr ul.slick-dots li {
    height: 24px;
    margin: 0px 10px;
    padding: 0;
}

/*ドット*/
#top_banner_pr ul.slick-dots li button {
    background: url(/img/kankou/slick_dots.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    color: unset;
}

#top_banner_pr ul.slick-dots li.slick-active button {
    background: url(/img/kankou/slick_dots_active.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    color: unset;
    cursor: pointer;
}

/*再生停止ボタン*/
#tglBtn {
    width: 35px;
    height: 35px;
}

@media screen and (max-width:1000px) { /*関連リンク*/
    
    #link_content::before {
        width: 130px;
        height: 70.62px;
        background-image: url(/img/kankou/illust_3.png);
        top: 30px;
    }

}

@media screen and (max-width:500px) { /*関連リンク*/
    
    h2#link_title {
        width: 140px;
        height: 33.6px;
        margin-bottom: 20px;
    }

    #link_content::before {
        content: unset;
    }

}

@media screen and (max-width:320px) { /*関連リンク*/

    #top_banner_pr .slick-arrow_prev.slick-arrow,
    #top_banner_pr .slick-arrow_next.slick-arrow {
        display: none;
    }

}

/*----- フッター -----*/
#footer {
    margin-top: 40px;
    background: none;
}

#footer_content {
    height: 670px;
    background-image: url(/img/kankou/bg_footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    display: flex;
    position: relative;
}

#footer_item {
    width: 450px;
    position: absolute;
    right: 4%;
    bottom: 90px;
}

#footer_logo  {
    width: 258px;
    height: 82px;
    margin-bottom: 32px;
}

#footer_btn {
    display: flex;
    margin-bottom: 20px;
}

.footer_access a {
    width: 140px;
    height: 42px;
    background-color: #fff;
    border: solid 4px #006934;
    border-radius: 10px;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
    margin-right: 30px;
    position: relative;
}

.footer_access a::after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/img/kankou/more_arrow_g.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
}

.footer_access a:hover {
    background-color: #006934;
    color: #fff;
}

.footer_access a:hover::after {
    background-image: url(/img/kankou/more_arrow_w.png);
}

#footer_btn .yamamoto_site a {
    margin-right: 0;
}

address {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 30px;
}

#footer_contact a {
    display: inline-block;
    text-align: center;
    width: 256px;
    background: #006934;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding-right: 44px;
    padding-top: 16px;
    padding-bottom: 15px;
    border-radius: 30px;
    position: relative;
}

#footer_contact a::after {
    content: "";
    width: 24px;
    height: 23.39px;
    background-image: url(/img/kankou/more_arrow_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 28%;
}

#footer_contact a:hover {
    background-color: #fff;
    color: #006934;
}

#footer_contact a:hover::after {
    background-image: url(/img/kankou/more_arrow_g.png);
}

#copyright {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-bottom: 20px;
}

#copyright p {
    text-align: center;
}

@media screen and (max-width:1000px) { /*フッター*/

    #footer_content {
        background-image: url(/img/kankou/bg_footer_sp.png);
        background-size: cover;
        background-position: right;
    }

    #footer_item {
        width: 80%;
        left: 4%;
    }

    .footer_access a {
        margin-bottom: 10px;
    }

}

@media screen and (max-width:600px) { /*フッター*/

    #footer_logo {
        width: 154.8px;
        height: 49.2px;
    }

    #footer_btn {
        display: block;
    }

}

@media screen and (max-width:670px) { /*フッター*/

    .footer_access a {
        width: 112px;
        height: 33.6px;
        font-size: 1.6rem;
    }

    #footer .yamamoto_site a {
        width: 185.6px;
        height: 33.6px;
        font-size: 1.6rem;
    }

    #footer_contact a {
        width: 204.8px;
        font-size: 1.6rem;
    }

}

@media screen and (max-width:500px) { /*フッター*/

    address {
        font-size: 1.4rem;
    }

    #copyright {
        font-size: 1.1rem;
    }

}

@media screen and (max-width:400px) { /*フッター*/

    #footer_item {
        bottom: 120px;
    }

    #copyright p {
        width: 80%;
        margin: 0 auto;
    }

}

/*----- 上部へ戻る -----*/

#footer_link_pagetop.kankou_totop {
    width: unset;
    position: fixed;
    bottom: 20px;
    right: 10px;
}

#footer_link_pagetop.kankou_totop a {
    display: block;
    width: 12rem 
}

#footer_link_pagetop, 
#footer_link_pagetop img {
    height: auto !important;
}

@media screen and (max-width:500px) { /*上部へ戻る*/

    #footer_link_pagetop.kankou_totop {
        bottom: 0;
    }

    #footer_link_pagetop.kankou_totop a {
        width: 8rem;
    }
}

/*----- ハンバーガーメニュー -----*/

#overlay-button {
    display: none;
}

input[type=checkbox] {
    display: none; 
}

@media screen and (max-width:1280px) { /*ハンバーガーメニュー*/

    @keyframes bugfix {
        from {
            padding: 0;
        }
        to {
            padding: 0;
        }
    }

    @-webkit-keyframes bugfix {
        from {
        padding: 0;
        }
        to {
        padding: 0;
        }
    }

    #overlay-button {
        display: block;
        position: fixed;
        width: 100px;
        height: 68.31px;
        right: 50px;
        top: 30px;
        z-index: 5;
        cursor: pointer;
    }

    #overlay-button span {
        height: 68.31px;
        width: 100px;
        background-image: url(/img/kankou/btn_menu.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
    }
    
    input[type=checkbox]:checked ~ #overlay {
        visibility: visible; 
    }

    input[type=checkbox]:checked ~ #overlay-button {
        top: 30px;
    }

    input[type=checkbox]:checked ~ #overlay-button span {
        height: 136.68px;
        background-image: url(/img/kankou/btn_close.png);
    
    }

    /*開いた時のstyle*/
    #overlay {
        height: auto;
        max-height: 600px;
        background: #fff;
        z-index: 4;
        visibility: hidden;
        position: fixed;
        top: 100px;
        text-align: center;
        padding-top: 20px;
        border-radius: 20px;
        border: 4px solid #0f71a7;
        overflow-y: scroll;
    }

    #overlay #he_nav_ue {
        display: block;
    }

    #overlay #he_nav_btnlist {
        justify-content: center;
    }

    #overlay #he_nav_btnlist li:last-of-type a {
        margin-right: 0;
    }

    #overlay .yamamoto_site a {
        margin: 0 auto;
        margin-bottom: 16px;
    }

    #overlay #he_nav_sita_list {
        display: block;
        width: 320px;
        margin: 0 auto;
    }

    #overlay #mainnav {
        display: block;

    }

    #overlay #mainnav li {
        margin-right: 0;
        margin-bottom: 16px;
    }

    #overlay #snsnav {
        margin-left: 25px;
        padding-bottom: 20px;
    }

    #overlay #snsnav li:first-of-type {
        margin-left: 0;
    }

}

@media screen and (max-width:720px) { /*ハンバーガーメニュー*/

    #overlay-button {
        right: 10px;
        top: 30px;
    }

    #overlay-button {
        width: 70px;
        height: 48.31px;
    }

    #overlay-button span {
        width: 70px;
        height: 48.31px;
    }

    input[type=checkbox]:checked ~ #overlay-button span {
        height: 96.68px;
    }

    ul#he_nav_btnlist {
        display: block;
    }

    ul#he_nav_btnlist li a {
        width: 250px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    ul#he_nav_btnlist li a:hover {
        width: 270px;
    }

    #overlay #he_nav_btnlist li:last-of-type a {
        margin: 0 auto;
    }

    #overlay #mainnav {
        text-align: left;
        
    }

    #overlay #mainnav li {
        width: 270px;
        margin: 0 auto;
    }
}

@media screen and (max-width:500px) { /*ハンバーガーメニュー*/
    /* #overlay-button {
        width: 56px;
        height: 39px;
    } */

    /* #overlay-button span {
        width: 56px;
        height: 39px;
    } */
}

/*---------- ナビゲーション部(下層) ----------*/

#kaso_header {
    width: 100%;
    height: 210px;
    position: relative;
}

#kaso_header #logo {
    width: 180px;
    padding-top: 20px;
}

#kaso_header #he_nav {
    height: 210px;
    bottom: unset;
    background-image: none;
}

#kaso_header .he_nav_posi {
    bottom: unset;
}

@media screen and (max-width: 1280px) {
    #kaso_header {
        height: 109px;
    }
}

@media screen and (max-width: 1800px) {
    #kaso_header #he_nav {
        background-size: contain;
    }
}

/*---------- サイドバー・メイン(下層) ----------*/

#container {
    min-width: unset;
}

#container.kaso_container {
    min-width: unset;
    background-image: url(/img/kankou/bg_page_nav.png);
    background-position: top;
    background-size: 1530px 218px;
    background-repeat: repeat-x;
}

#mymainback.kaso_mymainback {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 30px;
    background-color: unset;
    background-image: none;
    padding-bottom: 0;
}

@media screen and (max-width:1280px) {
    #container.kaso_container {
        background-size: 765px 109px;
    }
}

/*パンくず*/
#pankuzu_wrap {
    width: 100%;
    background: unset;
    margin-bottom: 26px;
}

#pankuzu_wrap .pankuzu {
    position: relative;
    width: 100%;
    padding: 8px 0 8px 8.5rem;
}

.pankuzu:first-child .icon_current {
    width: 7rem;
    height: 40px;
    padding-top: 12.5px;
    background: #006934;
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

#pankuzu_wrap #footstep_wrap {
    width: 100%;
}

#footstep {
    padding: 8px 0 8px 8.5rem;
}

#footstep_ttl {
    width: 7rem;
    height: 40px;
    padding-top: 12.5px;
    background: #fff;
    border: 3px solid #006934;
    font-size: 1.6rem;
    color: #006934;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

#clear_footstep {
    width: 30px;
    height: 30px;
    background: url(/img/common/icon_clear.png) no-repeat center center #006934;
    position: absolute;
    right: 0;
}

/*下層ページのカラム*/

#main_column {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.side1 #main {
    width: calc(100% - 300px);
}

.side1 #main_a {
    padding-left: 0;
    max-width: unset;
}

@media screen and (max-width:1000px) { /*下層ページのカラム*/

    #main_column {
        display: block;
    }

    .side1 #main {
        width: 100%;
    }

}

/*メイン部分*/

#main_body {
    background: #fff;
    min-height: 400px;
    border-radius: 20px;
    position: relative;
}

#main p.no_data {
    text-align: center;
    padding-top: 180px;
}

/*サイドバー*/

#sidebar1 {
    width: 250px;
    background: #fff;
    border-radius: 20px;
}

#subsite_menu_wrap {
    padding: 40px 15px;
}

.subsite_menu {
    background: #fff;
}

.subsite_menu_ttl {
    /* width: 100%; */
    background: #0F71A7;
    color: #fff;
    border-radius: 5px;
    border: none;
    text-align: left;
    position: relative;
}

span.icon--toggle {
    position: absolute;
    right: 10px;
}

#subsite_menu_wrap .subsite_menu_list ul li {
    position: relative;
}

#subsite_menu_wrap .subsite_menu_list ul li::before {
    width: 5px;
    height: 24px;
    background: url(/img/kankou/liststyle_side.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 37%;
}

.subsite_menu_list ul li a {
    color: #0F71A7;
    font-weight: 500;
}

.subsite_menu_list a:hover {
    text-decoration: underline;
}

#side_banner ul {
    padding-left: 0;
}

#side_banner ul li {footer_step
    margin-top: 10px;
}

.subsite_menu_list div.link_ichiran a {
    text-align: left;
    background: #fff;
    border-radius: 10px;
    font-weight: bold;
    color: #0F71A7;
    border: 2px solid #0F71A7;
}

@media screen and (max-width:1000px) { /*サイドバー*/

    #sidebar1 {
        width: 100%;
        margin-top: 50px;
    }

    #side_banner ul {
        display: flex;
        flex-wrap: wrap;
    }

    #side_banner ul li {
        width: 30%;
        min-width: 220px;
        margin-right: 10px;
    }

}

@media screen and (max-width:1000px) { /*サイドバー*/

    .subsite_menu_list ul li a {
        padding-right: 0;
        background: none;
    }

    .subsite_menu_list ul li {
        border-bottom: none;
    }

}

/*---------- 大メニュー ----------*/

#mymainback.kaso_mymainback .dai_main #main_body::after {
    content: "";
    display: block;
    width: 140px;
    height: 90px;
    background-image: url(/img/kankou/list_dai_item.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 80px;
}

#mymainback.kaso_mymainback .dai_main .info_list {
    padding: 50px 60px 100px 60px;
}

#mymainback.kaso_mymainback .dai_main .info_list ul {
    font-size: 2rem;
    font-weight: 500;
}

#mymainback.kaso_mymainback .dai_main .info_list ul li {
    list-style: url(/img/kankou/liststyle_dai.png);
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: dashed 1px #C8C8C8;
    margin-bottom: 20px;
}

/*---------- 小メニュー ----------*/

#mymainback.kaso_mymainback .sho_main #main_body::before {
    content: "";
    display: block;
    width: 280px;
    height: 47px;
    background-image: url(/img/kankou/list_syo_item_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -20px;
    right: 40px;
}

#mymainback.kaso_mymainback .sho_main #main_body::after {
    content: "";
    display: block;
    width: 280px;
    height: 47px;
    background-image: url(/img/kankou/list_syo_item_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -20px;
    left: 40px;
}

#mymainback.kaso_mymainback .sho_main .info_list {
    padding: 60px 60px 100px 60px;
}

#mymainback.kaso_mymainback .sho_main .info_list ul li {
    margin-bottom: 30px;
    border-bottom: none;
}

#mymainback.kaso_mymainback .sho_main .list_pack .article_txt {
    vertical-align: middle;
}

#mymainback.kaso_mymainback .sho_main .list_pack .article_img {
    width: 150px;
    padding-right: 30px;
}

#mymainback.kaso_mymainback .sho_main .list_pack .article_img img {
    object-fit: cover;
    margin: 0;
}

#mymainback.kaso_mymainback .list_pack .article_img span {
    border-radius: 50%;
    border: unset;
}

#mymainback.kaso_mymainback .list_pack .article_img span:empty {
    height: 150px;
    background: url(/img/kankou/noimage.png) no-repeat center center;
    background-size: contain;
}

#mymainback.kaso_mymainback .sho_main .list_pack .article_txt .article_title a {
    font-size: 2.2rem;
    font-weight: bold;
    text-decoration: underline;
    color: #0F71A7;
}

#mymainback.kaso_mymainback .sho_main .list_pack .article_txt .article_date {
    font-weight: 500;
}

@media screen and (max-width:760px) { /*小メニュー*/

    #mymainback.kaso_mymainback .sho_main #main_body::before {
        width: 210px;
        height: 35.25px;
    }
    
    #mymainback.kaso_mymainback .sho_main #main_body::after {
        width: 210px;
        height: 35.25px;
    }

}

@media screen and (max-width:670px) { /*小メニュー*/

    #mymainback.kaso_mymainback .sho_main .list_pack {
        display: grid;
        text-align: center;
    }

    #mymainback.kaso_mymainback .sho_main .info_list ul li {
        border-bottom: none;
    }

    #mymainback.kaso_mymainback .sho_main .info_list ul li a {
        padding-right: 0;
        background: unset;
    }

    #mymainback.kaso_mymainback .sho_main .list_pack .article_img span {
        height: 150px;
    }

    #mymainback.kaso_mymainback .sho_main .list_pack .article_img {
        padding-right: 0;
        margin: 0 auto;
    }

}

/*---------- 記事ページ ----------*/

/*印刷ページ・更新日　ここから*/

.content_header_wrap {
    margin: 0 0 0 auto;
}

#content_header {
    display: flex;
    margin: 0px 40px 10px auto;
}

#content_header .link_print {
    margin-right: 20px;
}

#content_header .link_print a {
    color: #0F71A7;
    font-weight: 600;
}

#content_header .date {
    font-weight: 500;
}

/*印刷ページ・更新日　ここまで*/

#mymainback.kaso_mymainback .kiji_main #main_body .detail_free,
#mymainback.kaso_mymainback .kiji_main #main_body .detail_map {
    padding: 30px 30px 60px 30px;
}

#mymainback.kaso_mymainback .kiji_main #section_footer {
    display: none;
}

#mymainback.kaso_mymainback .kiji_main #content_footer {
    display: none;
}

/*---------- 見出し等 ----------*/

/*h1*/

#mymainback.kaso_mymainback #main_header {
    width: 100%;
    background: none;
}

#mymainback.kaso_mymainback #main_header h1 {
    background: #0F71A7;
    border-radius: 10px;
    border-bottom: none;
    color: #fff;
    padding: 26px 30px;
    margin-top: 70px;
    margin-bottom: 20px;
    position: relative;
}

#mymainback.kaso_mymainback #main_header h1::before {
    content: "";
    width: 230px;
    height: 60px;
    background-image: url(/img/kankou/h1_item.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -70px;
    left: 50px;
}

/*h2*/

#mymainback.kaso_mymainback .kiji_main #main_body h2 {
    background: #fff;
    border: solid 3px #0F71A7;
    border-radius: 10px;
    font-size: 2.4rem;
    margin-bottom: 40px;
    color: #363636;
    position: relative;
}

#mymainback.kaso_mymainback .kiji_main #main_body h2::after {
    content: "";
    width: 42px;
    height: 44px;
    background-image: url(/img/kankou/h2_item.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -25px;
    left: 10px;
}

/*h3*/

#mymainback.kaso_mymainback .kiji_main #main_body h3 {
    background: #fff;
    border: solid 3px #03506F;
    border-radius: 5px;
    color: #363636;
    position: relative;
}

#mymainback.kaso_mymainback .kiji_main #main_body h3::before {
    content: "";
    width: 3px;
    height: 50%;
    background: #5D7ADB;
    position: absolute;
    bottom: 25%;
    left: 15px;
}

@media screen and (max-width:700px) {
    #mymainback.kaso_mymainback .kiji_main #main_body h3 {
        padding: 16px 20px 16px 30px;
    }
}

/*h4*/

#mymainback.kaso_mymainback .kiji_main #main_body h4 {
    background: #fff;
    border: solid 2px #BBBBBB;
    border-radius: 5px;
    color: #363636;
    position: relative;
}

#mymainback.kaso_mymainback .kiji_main #main_body h4::before {
    content: "";
    width: 12px;
    height: 10px;
    background-image: url(/img/kankou/h4_item.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 43%;
    left: 10px;
}

@media screen and (max-width:700px) {
    #mymainback.kaso_mymainback .kiji_main #main_body h4 {
        padding: 16px 20px 16px 30px;
    }
}


/*h5*/

#mymainback.kaso_mymainback .kiji_main #main_body h5 {
    font-size: 1.6rem;
    border-bottom: solid 2px #C8648B;
    color: #363636;
    padding-bottom: 8px;
    background: none;
}

@media screen and (max-width:700px) {
    #mymainback.kaso_mymainback .kiji_main #main_body h5 {
        padding: 16px 20px 16px 30px;
    }
}

/*a*/

#mymainback.kaso_mymainback .kiji_main #main_body a {
    color: #006934;
    text-decoration: underline;
}

/*ulリスト*/

#mymainback.kaso_mymainback .kiji_main #main_body ul li {
    position: relative;
}

#mymainback.kaso_mymainback .kiji_main #main_body ul li::before {
    width: 12px;
    height: 12px;
    background: url(/img/kankou/liststyle_kiji.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 16px;
    top: 5px;
}

/*olリスト*/



/*表*/

#mymainback.kaso_mymainback .kiji_main #main_body table {
    border-color: #BBBBBB;
    border-width: 2px;
}

#mymainback.kaso_mymainback .kiji_main #main_body th {
    background: #C6EBFF;
    border-color: #8B8B8B;
}

#mymainback.kaso_mymainback .kiji_main #main_body td {
    border-color: #8B8B8B;
}

/* 2024.04.08 アコーディオンメニュー */
.js-ac2 .js-ac-trigger {
    cursor: pointer;
    align-items: center;
    position: relative;
}

.js-ac2 .js-ac-trigger:after {
    content: "";
    width: 12px;
    height: 7px;
    background: url(/img/kankou/btn_tenkai.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
}

.js-ac2 .js-ac-target {
    display: none;
}

.js-ac2.is-active .js-ac-trigger:after {
    content: "";
    width: 12px;
    height: 7px;
    background: url(/img/kankou/btn_tojiru.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
}

.js-ac2.is-active .js-ac-target {
    display: block;
}

.listIchiran.js-ac-trigger {
    display: none;
}

@media only screen and (max-width: 600px) {
    .js-ac .js-ac-trigger {
        cursor: pointer;
    }

    .js-ac .js-ac-trigger:after {
        content: "";
        width: 12px;
        height: 7px;
        background: url(/img/kankou/btn_tenkai.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 10px;
        top: 50%;
    }

    .js-ac .js-ac-target {
        display: none;
    }

    .js-ac.is-active .js-ac-trigger:after {
        background: url(/img/kankou/btn_tojiru.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 10px;
        top: 50%;
    }

    .js-ac.is-active .js-ac-target {
        display: flex;
    }

    /* 分類でさがす用に追加 */
    .listIchiran.js-ac-trigger {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-bottom: 14px;
    }

    .bunruiSearch .bunruiWaku ul {
        flex-direction: column;
    }
}