/*fontawesome ios表示*/
        /*ページ全体の構成*/
        body{
            width: 100%;
            color: #333;
            font-size: 14px;
            font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            margin: 0;
            -webkit-text-size-adjust: 100%;
        }
        a:link {
            color: #333;
            text-decoration: none;
        }
        a:visited {
            color: #333;
            text-decoration: none;
        }
        ul{
            padding: 0;
            margin: 0;
        }
        li{
            list-style: none;
        }
        .hover-option:hover{
            opacity: 0.7;
        }
        .button {
            width: 180px;
            border: 1px solid #ccc;
            text-align: center;
            line-height: 2;
        }
        .button a {
            color: #555;
            display: inline-block;
            line-height: 2;
        }
        /*header*/
        .header-nav {
            width: 980px;
            margin: 20px auto 10px;
        }
        .header-navList {
            display: flex;
            justify-content: space-around;
            align-items: flex-end;
            text-align: center;
        }
        .header-navList li{
            width: 120px;
        }
        .header-navList li a{
            display: flex;
            justify-content: center;
            align-items: flex-end;
            height: 70px;
        }
        .saiteName {/*サイトの名前*/
            font-size: 24px;
            font-weight: bold;
            line-height: 1.4;
        }
        /*1000px以下のときの表示*/
        @media screen and (max-width : 1000px){
            .saiteName {
                font-size: 2.2rem;
                line-height: 1.2;
                margin: 10px 0 10px 20px;
            }
        }
        /*about*/
        .about {
            margin: 0 0 80px;
            text-align: center;
            line-height: 2.5;
            color: #444;
        }
        .aboutText {
            padding: 0 10px 0;
        }
        .aboutTitle {
            font-size: 20px;
            font-weight: bold;
            margin: 0 0 10px 0;
        }
        /*ナビ960px以下の表示*/
        @media screen and (max-width : 1000px){
            .header{
                margin: 0;
            }
            .header-nav{
                display: none;
            }
        }
        /*ハンバーガーメニューの設定*/
        @media screen and (min-width : 999px){
            #nav-drawer {
                display: none;
            }
        }
        @media screen and (max-width : 1000px){
            #nav-drawer {
                display: flex;
                justify-content: space-between;
                margin: 0 auto 0 0;/*IE対策の右寄せ*/
            }
            .nav-unshown {/*チェックボックス等は非表示に*/
                display:none;
            }
            #nav-open{
                display: inline-block;
                width: 30px;
                height: 21px;
                cursor: pointer;
                position: absolute;
                top: 20px;
                right: 30px;
            }
            /*ハンバーガーアイコンをCSSだけで表現*/
            #nav-open span, #nav-open span:before, #nav-open span:after {
                position: absolute;
                height: 3px;/*線の太さ*/
                width: 30px;/*長さ*/
                background: #000;
                display: block;
                content: '';
                cursor: pointer;
            }
            #nav-open span:before {
                bottom: -8px;
            }
            #nav-open span:after {
                bottom: -16px;
            }
            /*閉じる用の薄黒カバー*/
            #nav-close {
                display: none;/*はじめは隠しておく*/
                position: fixed;
                z-index: 99;
                top: 0;/*全体に広がるように*/
                left: 0;
                width: 100%;
                height: 100%;
                background: black;
                opacity: 0;
                transition: .3s ease-in-out;
            }
            /*ハンバーガーメニュー展開後の中身*/
            #nav-content {
                overflow: auto;
                position: fixed;
                top: 0;
                left: 0;
                z-index: 9999;/*最前面に*/
                width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
                max-width: 330px;/*最大幅*/
                height: 100%;
                background: #fff;/*背景色*/
                transition: .3s ease-in-out;/*滑らかに表示*/
                -webkit-transform: translateX(-105%);
                transform: translateX(-105%);/*左に隠しておく*/
            }
            /*チェックが入った後の表示*/
            #nav-input:checked ~ #nav-close {
            display: block;/*カバーを表示*/
            opacity: .5;
            }
            #nav-input:checked ~ #nav-content {
                -webkit-transform: translateX(0%);
                transform: translateX(0%);/*中身を表示（右へスライド）*/
                box-shadow: 6px 0 25px rgba(0,0,0,.15);
            }
            /*展開後のリストのスタイル*/
            .nav-drawerList{
                list-style: none;
                text-align: left;
                margin: 50px auto 0;
                padding: 0 40px;
            }
            .nav-drawerList li {
                line-height: 2.5;
            }
            .nav-drawerList li a{
                display: block;
            }
            .wrapHeader-SNSTitle{
                margin: 20px 0 0;
                color: #4e5a64;
            }
            .snsIcon{
                width: 40px;
            margin: 20px 5px 5px;
            }
            .snsIcon img{
                width: 100%;
            }
        }
        /*スライドイメージ */
        .visual{
            margin-bottom: 80px;
        }
        /*スライドイメージ > スライダーの設定*/
        .slider{
        margin: 0 auto 80px;
        padding: 0;
        width: 100%;
        }
        .slider img{
            height: 100%;
            width: 100%;
            object-fit: cover;
            font-family: 'object-fit: cover;'; /*IE対策*/
        }
        .slick-initialized,
        .slick-slide{
            max-height: 500px !important;
        }
        .slick-next,
        .slick-prev{
            display: none !important;
        }
        /*画面サイズ600px以下のスライダースタイル*/
        @media screen and (max-width : 1000px){
            .visual{
                margin-bottom:0 ;
            }
            .slider img{
                height: auto;
                width: 100%;
                object-fit: cover;
                font-family: 'object-fit: cover;'; /*IE対策*/
            }
        }
        .wrap {/*main部分*/
            max-width: 980px;
            margin: 0 auto;
            display: flex;
        }
        /*注目コンテンツ*/
        .wrapMain-special {
            width: 680px;
            padding: 0 50px 0 0;
            margin: 0 0 80px;
        }
        .wrapMain-specialTitle {
            font-size: 20px;
            font-weight: bold;
            color: #444;
            border-bottom: 1px solid #ccc;
        }
        .wrapMain-specialSubittle {
            font-size: 12px;
            color: #ccc;
            margin: 0 0 25px;
        }
        .wrapMain-specialList {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .wrapMain-specialList-card {
            width: 320px;
            margin: 0 0 30px 0;
            padding: 0 10px 0;
        }
        .wrapMain-specialList-card a {
            display: block;
        }
        .wrapMain-specialList-cardImg {
            aspect-ratio: 4 / 3;
            overflow: hidden;
        }
       .wrapMain-specialList-cardImg img{
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center 10%;
         display: block;
       }
        .wrapMain-specialList-cardTitle {
            font-size: 16px;
            font-weight: bold;
            color: #666;
        }
        .wrapMain-specialList-cardText {
            font-size: 12px;
            color: #888;
            margin: 0 0 7px 0;
        }
        .wrapMain-specialList-cardDate {
            font-size: 12px;
            font-weight: bold;
            color: #9da99a;
        }
        .button {
            width: 180px;
            border: 1px solid #ccc;
            text-align: center;
            line-height: 2;
        }
        .button a{
            display: block;
        }
        .wrapMain-special .button {/*ボタンの設定*/
            max-width: 360px;
            font-weight: bold;
        }
        .wrapMain-special .button a {/*ボタンのリンクの設定*/
            display: block;
            line-height: 3;
        }
        /*イベント情報*/
        .wrapMain-event {
            max-width: 680px;
            padding: 0 50px 0 0;
            margin: 0 0 80px;
        }
        .wrapMain-eventlTitle {
            font-size: 20px;
            font-weight: bold;
            color: #444;
            border-bottom: 1px solid #ccc;
        }
        .wrapMain-eventSubittle {
            font-size: 12px;
            color: #ccc;
            margin: 0 0 25px;
        }
        .wrapMain-eventList {
            margin: 0 0 40px;
            width: 100%;
            display: inline-block;
        }
        .wrapMain-eventList-card {
            display: flex;
            margin: 0 0 15px;
            max-width: 800px;
        }
        .wrapMain-eventList-cardImg {
            max-width: 100%;
            width: 100px;
            height: 100px;
            margin: 0 10px 0 0;
            display: block;
        }
        .wrapMain-eventList-cardImg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            font-family: 'object-fit: cover;';
        }
        .wrapMain-eventList-cardItem {
            width: 100%;
            position: relative;
        }
        .wrapMain-eventList-cardItem a {
            display: block;
        }
        .wrapMain-eventList-cardItem-titel {
            font-size: 16px;
            font-weight: bold;
        }
        .wrapMain-eventList-cardItem-text {
            font-size: 13px;
            color: #888;
            display: inline-flex;
        }
        .wrapMain-eventList-cardItem-date {
            font-size: 12px;
            font-weight: bold;
            color: #9da99a;
            position: absolute;
            bottom: 7px;
        }
        .wrapMain-event .button {/*ボタンの設定*/
            max-width: 360px;
            font-weight: bold;
        }
        .wrapMain-event .button a {/*ボタンのリンクの設定*/
            width: 100%;
            display: block;
            line-height: 3;
        }
        @media screen and (max-width : 1000px){
            .wrapMain-event {
                padding: 0 20px 0;
            }
            .wrapMain-eventList-cardItem-text{
                max-width: 100%;
                font-size: 1em;
                word-wrap:break-word;
            }
            .wrapMain-eventList-cardItem-date{
                position: static;
                font-size: 0.7rem;
            }
            .wrapMain-event .button {
                margin: 0 auto 60px;
            }
        }
        
        /* ===== 新着情報（event）見た目＆重なり修正 ===== */
        .wrapMain-event{
            width: 100%;
        }
        .wrapMain-eventlTitle{
            font-size: 22px;
            font-weight: bold;
            margin: 0 0 6px;
            letter-spacing: .02em;
        }
        .wrapMain-eventSubittle{
            font-size: 12px;
            color: #9da99a;
            margin: 0 0 18px;
        }

        .wrapMain-eventList{
            width: 100%;
            max-width: 800px;
            margin: 0 0 40px;
            padding: 0;
        }
        .wrapMain-eventList-card{
            max-width: 800px;
            margin: 0;
            padding: 0;
        }
        .wrapMain-eventList-cardItem{
            width: 100%;
            position: static; /* absolute前提を解除 */
            padding: 14px 0;
            border-bottom: 1px solid #e6e6e6;
            display: flex;
            flex-direction: column;
            gap: 6px;
        }
        /* リンクがある行：カード全体をクリック可能に */
        .wrapMain-eventList-cardItem > a{
            display: flex;
            flex-direction: column;
            gap: 6px;
            color: inherit;
        }

        .wrapMain-eventList-cardItem-titel{
            font-size: 16px;
            font-weight: bold;
            line-height: 1.4;
            margin: 0;
        }
        .wrapMain-eventList-cardItem-text{
            font-size: 13px;
            line-height: 1.6;
            margin: 0;
            color: #555;
        }
        .wrapMain-eventList-cardItem-date{
            font-size: 12px;
            font-weight: normal;
            color: #9da99a;
            position: static;     /* ←重なりの原因を排除 */
            bottom: auto;
            align-self: flex-end; /* 右寄せ */
            margin-top: 2px;
        }

        /* hover（リンクがある場合だけ） */
        .wrapMain-eventList-cardItem > a:hover{
            opacity: .82;
        }

        @media (max-width: 767px){
            .wrapMain-eventlTitle{ font-size: 20px; }
            .wrapMain-eventList-cardItem{ padding: 12px 0; }
            .wrapMain-eventList-cardItem-titel{ font-size: 15px; }
        }
        /* ===== /新着情報（event） ===== */

/*サイドナビ*/
        .wrapSidenavi {
            max-width: 250px;
            padding: 0 5px 0;
        }
        .wrapSidenavi-topicsTitle {/*topics*/
            background: #c9e4c1;
            padding: 10px;
            font-size: 14px;
            font-weight: bold;
            color: #444;
            margin: 0 0 10px;
        }
        .wrapSienavi-topicsList {
            margin: 0 0 20px;
        }
        .wrapSidenavi-topicsList-item {
            margin: 0 0 10px;
            padding: 0 0 10px;
            border-bottom: 1px solid #eee;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
        .wrapSidenavi-topicsList-item i {
            margin: 0 20px 0 0;
            width: 22px;
            color: #9da99a;
            font-size: 22px;
        }
        .wrapSidenavi-topicsList-itemNavi {
            width: 100%;
        }
        .wrapSidenavi-topicsList-itemNavi a{
            width: 100%;
            display: block;
        }
        .wrapSidenavi-info {/*information*/
            margin: 0 0 30px 0;
        }
        .wrapSidenavi-infoTitle{/*information*/
            background: #c9e4c1;
            padding: 10px;
            font-size: 14px;
            font-weight: bold;
            color: #444;
            margin: 0 0 10px;
        }
        .wrapSienavi-infoList {
            margin: 0 0 20px;
        }
        .wrapSidenavi-infoList-item {
            padding: 10px 0 10px;
            border-bottom: 1px solid #eee;
        }
        .wrapSidenavi-infoList-item a {
            display: block;
        }
        .wrapSidenavi-infoList-itemDate {
            font-size: 12px;
            font-weight: bold;
            color: #9da99a;
        }
        .wrapSidenavi-infoList-itemTitle {
            font-weight: bold;
        }
        .wrapSidenavi-contactTitle{/*contact*/
            background: #c9e4c1;
            padding: 10px;
            font-size: 14px;
            font-weight: bold;
            color: #444;
            margin: 0 0 10px;
        }
        .wrapSidenavi-contactList {
            margin: 0 0 20px;
            color: #555;
        }
        .wrapSidenavi-contactList-name{
            font-weight: bold;
        }
        .wrapSidenavi-contactList li {
            margin: 6px 0 0 0;
        }
        .sns {
            display: flex;
        }
        .sns li {
            width: 30px;
            margin: 0 5px 5px;
        }
        .wrapSidenavi-contactButton {
            width: 180px;
            border: 1px solid #ccc;
            text-align: center;
            line-height: 3;
            border-radius: 45px;
        }
        .wrapSidenavi-contactButton a{
            display: block;
        }
        .wrapSidenavi-contactButton a:hover {
            opacity: 0.7;
        }
        /*1000px以下のときの表示*/
        @media screen and (max-width : 1000px){
            .wrap {
                max-width: 800px;
                margin: 0 auto;
                display: block;
            }
            .wrapMain-special {
                width: 100%;
                padding: 0;
                margin: 0;
            }
            .wrapMain-specialTitle {
                margin: 0 20px 0;
                text-align: center;
            }
            .wrapMain-specialSubittle {
                text-align: center;
            }
            .wrapMain-specialList {
                justify-content: space-around;
            }
            .wrapMain-special .button {
                max-width: 330px;
                margin: 0 auto 80px;
                font-weight: bold;
                line-height: 3;
            }
            .wrapMain-event {/*イベント*/
                padding: 0;
                margin: 0 20px 60px;
            }
            .wrapMain-eventlTitle,
            .wrapMain-eventSubittle {
                text-align: center;
            }
            .wrapSidenavi {
                display: none;
            }
            #nav-content .wrapSidenavi{
                display: block;
                margin: 0 auto 80px;
            }
            .wrapMain-event .button {/*ボタンの設定*/
                max-width: 360px;
                margin: 0 auto;
                font-weight: bold;
            }
        }
        /*注目エリア*/
        .hotplace {
            background: #edf1e8;
            margin: 0 0 80px;
        }
        .hotplaceWrap {
            max-width: 980px;
            margin: 0 auto;
            text-align: center;
            padding: 50px 10px;
        }
        .hotplaceWrap-title {
            font-size: 20px;
            font-weight: bold;
            color: #444;
            border-bottom: 1px solid #ccc;
        }
        .hotplaceWrap-subtitle {
            font-size: 12px;
            color: #ccc;
            margin: 0 0 25px;
        }
        .hotplaceWrap-listCord {
            margin: 0 10px 10px;
        }
        .hotplaceWrap-listCord-wrapImg {
            width: 300px;
            height: 180px;
        }
        .hotplaceWrap-listCord-wrapImg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            font-family: 'object-fit: cover;';
        }
        .hotplaceWrap-listCord-wrapTitle {
            background: #fff;
            text-align: left;
            padding: 5px 0 5px 20px;
        }
        /*スライドイメージ > スライダーの設定*/
        ul.slider-otherItem {
            margin: 0 auto;
            padding: 0px;
            max-width: 980px;
        }
        @media screen and (max-width : 1098px) {
            ul.slider-otherItem {
                max-width: 652px;
            }
        }
        @media screen and (max-width : 768px){
            ul.slider-otherItem {
                max-width: 100%;
            }
        }
        /*スライダー矢印の設定*/
        .slick-arrow {
            margin-top: -27px;
            width: 54px;
            height: 54px;
            border-radius: 50%;
            opacity: 0.6;
            border: none;
            position: absolute;
            top: 50%;
            cursor: pointer;
        }
        .slick-arrow:focus {
            outline: 0;
        }
        .prev-arrow {
            z-index: 9998;
            left: -38px;
        }
        .next-arrow {
            z-index: 9999;
            right: -21px;
        }
        @media(max-width: 898px){
            .prev-arrow{
                left:-44px;
            }
            .next-arrow{
                right:-44px;
            }
        }
        @media(max-width: 768px){
            .prev-arrow{
                left:10px;
            }
            .next-arrow{
                right:10px;
            }
        }
        .prev-arrow:before,
        .next-arrow:before {
            content: '';
            width: 11px;
            height: 11px;
            border: 0px;
            border-top: solid 2px #555;
            border-right: solid 2px #555;
            position: absolute;
            top: 50%;
            margin-top: -7px;
        }
        .prev-arrow:before {
            -ms-transform: rotate(225deg);
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
            right: 50%;
            margin-right: -10px;
        }
        .next-arrow:before {
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            right: 50%;
            margin-right: -4px;
        }
        /*スライダーアイテムの設定*/
        li.listItem {
            margin: 0px 16px;
            padding: 0;
            width: 300px;
            list-style: none;
            overflow: hidden;
        }
        li.listItem a {
            display: block;
            position: relative;
        }
        /*footer*/
        .footer {
            background: #777;
        }
        .footerWrap {
            max-width: 800px;
            padding: 50px 0;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        .footerWrap-sitename {
            color: #fff;
            font-size: 34px;
            font-weight: bold;
            line-height: 1.2;
        }
        .footerWrap-menu {
            display: flex;
        }
        .footerWrap-menu a {
            color: #fff;
        }
        .footerWrap-sitenameList-first{
            border-left: 1px solid #fff;
            padding: 0 0 0 15px;
        }
        .footerWrap-sitenameList {
            width: 120px;
            border-right: 1px solid #fff;
            margin: 0 10px 0;
        }
        .footerCopyright {
            padding: 20px 0;
            background: #444;
            color: #fff;
            text-align: center;
        }
        /*1000px以下のときの表示*/
        @media screen and (max-width : 1000px){
            .footerWrap{
                display: block;
            }
            .footerWrap-sitename {
                text-align: center;
                margin: 0 0 40px;
            }
            .footerWrap-menu {
                display: block;
            }
            .footerWrap-sitenameList {
                width: auto;
                border-left: 1px solid #fff;
                border-right: none;
                margin: 0 10px 10px;
                padding: 0 0 0 15px;
                display: flex;
                flex-wrap: wrap;
            }
            li.footerWrap-sitenameList-item {
                margin: 0 20px 10px 0;
            }
        }
.related-site {
  margin-top: 12px;
  font-size: 12px;
  color: #cfcfcf;
  text-align: center;
}

.related-site a {
  color: #e6e6e6;
  text-decoration: none;
  border-bottom: 1px dotted #bdbdbd;
}

.related-site a:hover {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

.related-site .sub {
  margin-left: 6px;
  color: #b0b0b0;
  }

/* ===== 追加：スマホのファーストビュー導線（トップ用） ===== */
.hero-cta{
  max-width: 980px;
  margin: 12px auto 0;
  padding: 0 12px 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.hero-card{
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  padding: 12px 12px;
  display: block;
}
.hero-card-title{
  font-weight: 900;
  font-size: 14px;
  margin-bottom: 4px;
}
.hero-card-text{
  font-size: 12px;
  color: #6b7280;
}
@media screen and (max-width: 1000px){
  .hero-cta{
    grid-template-columns: 1fr;
    padding: 0 16px 14px;
  }
}