/* サイト毎に定義するスタイル */



	/* 共通
	------------------------------------------------------------------------ */
	html {
		height: 100%;
		font-size: 62.5%;
	  }
	  body {
		height: 100%;
		font-family: 'Helvetica Neue', Arial, Roboto, 'Droid Sans','ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
		font-size: 14px;
		font-size: 1.4em;
		line-height: 1.6;
		color:#333333;
		-webkit-font-smoothing: antialiased;
    background-color: #fff;
	  }
	  /*body.s {font-size: 13px;font-size: 1.3em;}*/
  
	  /* リンク設定 */
	  a          {color: #1d3994;}
	  a:visited   {color: #1d3994;}
	  a:hover     {color: #1d3994;}
	  a:focus     {color: #212121;}
  
	  a,a:hover,a:visited,a:focus {
		text-decoration: none;
		outline: none;
	  }
	  a:hover {text-decoration: none;}
	  .btn:hover,a:hover {opacity: 0.7;}
  
	  .serif {font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
  
	  h1,h2,h3,h4,h5,h6{font-weight:bold;}
	  p {line-height:1.6;}
  
  
	  *, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	   }
  
  
  
	  /* レイアウト
	  ------------------------------------------------------------------------ */
  
	  .header {
		position: relative;
		height: auto;
		margin: 0 auto;
	  }
  
	  .wrap{width: 1140px;}
	  .wrap--main{width: 1010px;}
	  .wrap,
	  .wrap--main {
		margin: 0 auto;
		position: relative;
    width: 100%;
    background-color: #fff;
	  }
	  .s .wrap,
	  .s .wrap--main {
		width: 100%;
		padding: 0;
		border-top:none;
	  }
  
  
	  /* コンテンツ
	  ------------------------------------------------------------------------ */
	  /* 汎用 */
  
	  .box__ttl {
		margin: 0 auto 30px;
		text-align: center;
	  }
	  .box__ttl img {
		width: 640px;
		height: auto;
	  }
	  .s .box__ttl img {
		width: 100%;
		max-width: 640px;
	  }
	  .box__body {
		background: #fff;
		color: #333333;
	  }
	  .s .box__body {
		padding:0;
		background: #eee;
	  }
    .pl_contentBlockA02{
      max-width: 1030px;
      margin: 0 auto;
      padding: 30px 10px 0 10px;
    }
    .s .pl_contentBlockA02{
      padding: 30px 0 0 0;
    }
  
  
  
	  /* 動画
	  ------------------------------------------------------------------------ */
	  /* movie */
	  .movie {
		width: 95%;
		width: 100%;
		margin: 0 auto 10px;
		position: relative;
		height: 0;
		padding: 0 0 56.25%;
	  }
	  .movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	  }
  
  
  
	  /* フッター
	  ------------------------------------------------------------------------ */
	  .copyright {
		float: left;
		width: 321px;
	  }
	  .s .copyright {
		float: none;
		width: 160px;
		margin: 0 auto;
	  }
	  .scrollTop {
		position: fixed;
		bottom: 32px;
		right: 32px;
		z-index: 99;
		border: 1px solid #eee;
	  }
	  .s .scrollTop {
		width: 32px;
		bottom: 10px;
		right: 10px;
	  }
  
  
  
	  /* 汎用
	  ------------------------------------------------------------------------ */
	  .wrapper {
		overflow:hidden;
	  }
  
	  #GeneralPage .box {
		margin-bottom: 30px;
	  }
	  .s #GeneralPage .box {
		margin-bottom: 0;
		width:100%;
	  }
	  #GeneralPage .side-box {
		margin-bottom: 30px;
		position: static;
		width:180px;
		float:left;
		background:#006298;
	  }
	  .s #GeneralPage .side-box {
		display:none;
	  }
	  .s #GeneralPage .main{
		background:none;
	  }
	  #GeneralPage .pl_btnBlock01_side>*:first-child {
		margin: 0;
	  }
	  #GeneralPage .pl_btnBlock01_side {
		text-align:center;
		margin-bottom:20px;
	  }
	  #GeneralPage .pl_btnBlock01_side a {
		width: 160px;
		padding: 10px 5px 9px;
		font-size: 1.4rem;
	  }
	  #GeneralPage .pl_btnT01_side {
		border: 1px solid #ccc;
		padding: 2px 5px;
		text-align: center;
		background: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 1px;
		-webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 1px;
		-moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 1px;
	  }
	  #GeneralPage .pl_btnT01_side {
		display: inline-block;
		font-size: 1.3rem;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	  }
	  #GeneralPage .pl_btnT01_side {
		display: inline-block;
		font-size: 1.3rem;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	  }
	  .s #GeneralPage .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_3 {
		width: 50%!important;
	  }
	  #GeneralPage .ex_content {
		width: 1010px;
		margin: 0 auto; 
	  }
	  .s #GeneralPage .ex_content {
		width: 100%;
	  }
	  #GeneralPage #pl_navWrap>nav[role="navigation"]>ul>li a.pl_active {
		background: #ccb67a;
		color: #fff!important;
	  }
	  #GeneralPage .pl_linkList01>li>a, .pl_linkList07>li>a, .pl_stepList01>li>a {
		position: relative;
		padding: 17px 25px 17px 10px;
	  }
	  #GeneralPage #pl_content .pl_linkList01 {
		margin-bottom: 40px;
		font-weight: bold;
	  }
	  #GeneralPage #pl_content .pl_linkList01>li {
		width: 100%;
	  }
	  #GeneralPage #pl_content .pl_linkList01>li {
		float: left;
		margin-right: 5px;
	  }
	  #GeneralPage header[role="banner"] #pl_utility {
		position: absolute;
		top: 0;
		right: 0;
		width: 180px;
		background: #000;
	  }
	  #GeneralPage header[role="banner"] #pl_headerInner_sp #pl_headerLogo_sp {
		padding: 7px 0px 6px 8px;
	  }
	  .s #GeneralPage #pl_headerInner_sp {
		background: #006298;
		text-align: center;
		padding: 5px 0;
	  }
	  .s #GeneralPage #pl_headerInner_sp img {
		width: 232px;
	  }
	  .s #GeneralPage .pl_contentBlockA02 {
		border-bottom: 1px solid #ccc;
		background: #fff !important;
	  }
	  #GeneralPage .pl_linkMore02>span {
		position: relative;
		padding-right: 15px;
		font-size: 1.3rem;
		font-weight: bold;
	  }
	  #GeneralPage .pl_linkMore02>span:before {
		content: url(../img/ico_arrow_right01.png);
		top: 50%;
		right: 0;
		margin-top: -0.5em;
	  }
	  #GeneralPage .frame-member {
		border:1px solid #937e45;
	  }
	  #GeneralPage .text-title1 {
		color:#937e45;
		padding-top:21%
	  }
	  .s #GeneralPage .text-title1 {
		padding-top:8%
	  }
	  #GeneralPage .text-title2 {
		color:#937e45;
		padding-top:30%
	  }
	  .s #GeneralPage .text-title2 {
		padding-top:8%
	  }
	  #GeneralPage .text-player {
		font-size:14px;
	  }
	  .s #GeneralPage .text-player {
		font-size:11px;
	  }
	  #GeneralPage .text-player>span {
		position: relative;
		display: block;
		padding-right: 15px;
		font-weight: bold;
	  }
	  #GeneralPage .text-player>span:before {
		content: url(../img/ico/ico_arrow_right02.png);
		top: .9em;
		right: 0;
		margin-top: -0.5em;
		display: block;
		position: absolute;
		line-height: 1;
	  }
	  #GeneralPage .text-adjust {
		width:239px;
	  }
	  .s #GeneralPage .text-adjust {
	   width:75%;
	  }
	  #GeneralPage .img-adjust {
		margin-left:-79px;
	  }
	  .s #GeneralPage .img-adjust {
		margin-left:-11%;
	  }
	  .s #GeneralPage .info-list {
		padding-left:0; padding-right:0;
	  }
  
  
	  #GeneralPage .info-list .-bg {
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:1px solid #ccc;
	  }
  
	  #GeneralPage .info-list .-date {
		color: #212121;
	  }
  
	  #GeneralPage .info-list a .-date:hover {
		opacity: 1;
	  }
  
	  .s #GeneralPage .info-list .-bg {
		background-image: url(../img/ico_arrow_right02_sp.png);
		background-position: 97% 45%;
		background-repeat: no-repeat;
		background-size: 10px;
		padding:0 30px 10px 5px;
		margin-bottom:10px;
	  }
  
	  #GeneralPage .info-list .-text {
		float:right; width:86%;
		font-weight:bold;
		padding:0 10px;
	  }
	  .s #GeneralPage .info-list .-text {
		width:100%;
	  }
	  #GeneralPage .bg-white {
		background:#fff;
	  }
	  #GeneralPage .bg-gray {
		background:#eee;
	  }
	  #GeneralPage .text-gold {
		color:#937e45;
	  }
	  #GeneralPage .text-blue {
		color:#09518c;
	  }
	  #GeneralPage .text-white {
		color:#fff;
	  }
	  footer {
		border-top: none;
	  }
	  .s #GeneralPage footer {
		border-top: 1px solid #ccc;
	  }

    /* メニュー */
	  /* #GeneralPage .pl_table179 tr>* {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:12px 20px 12px 10px;
		vertical-align: middle;
		border-bottom: 1px solid #ccc;
	  }
	  #GeneralPage .pl_table179 tr:last-child {
		border-bottom:none;
	  }
	  #GeneralPage .pl_table179 td {
		font-weight: bold;
		width: 50%;
		border-right:1px solid #ccc;
	  }
	  #GeneralPage .pl_table179 td:last-child {
		border-right:none;
	  }
	  #GeneralPage .pl_table179{
		width:100%;
		background:#fff;
		font-size:1.4rem;
		line-height:1.3;
    border: 1px #ccc solid;
    max-width: 1010px;
    margin: 0 auto;
	  }
	  #GeneralPage .pl_table179 a {
		display:table;
		width:100%;-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px 20px 10px 10px;
		font-weight:bold;color:#000;
		position:relative
	  }
	  #GeneralPage .pl_table179 a:after {
		display:block;
		position:absolute;
		line-height:1
	  }
	  #GeneralPage .pl_table179 a:after {
		content:"";
		top:50%;
		right:-10px;
		width:10px;
		height:15px;
		margin-top:-0.5em;
		background-image:url(../img/ico_arrow_right03.png);
		background-position:0 0;
		background-repeat:no-repeat;
		background-size:100% auto
	  }
	  #GeneralPage .pl_table179 a:after {
		width:10px
	  } */
    /* メニュー 2023リニューアル */
    .footstepMenu {
      display: flex;
      justify-content: space-evenly;
    }
    .footstepMenu li {
      display: inline-block;
      width: 30%;
    }
    .footstepMenu li a {
      display: block;
      position: relative;
      width: 100%;
      text-align: center;
      line-height: 2;
      border: 2px solid #016299;
      border-radius: 5px;
      font-weight: bold;
      font-size: 1.6rem;
    }
    .footstepMenu li a::after {
      display:block;
      position:absolute;
      line-height:1;
      content:"";
      top:50%;
      right:10px;
      width:10px;
      height:15px;
      transform: translateY(-50%);
      background-image:url(../img/ico_arrow_right02.png);
      background-position:0 0;
      background-repeat:no-repeat;
      background-size:100% auto
    }
    .s .footstepMenu {
      flex-wrap: wrap;
      gap: 2rem;
    }
    .s .footstepMenu li {
      width: 100%;
    }
  
	  #GeneralPage .sns-list {
		font-size: 0;
		padding: 30px 0 20px;
		font-weight: bold;
		text-align: center;
	  }
	  .s #GeneralPage .sns-list {
		padding: 20px 0;
	  }
  
	  #GeneralPage .sns-list>li {
		display: inline-block;
		vertical-align: middle;
		padding:0 5px;
	  }
  
  
  
	  .s *[class*="pl_h2Title"] {
		background: #006298;
		padding: 12px 15px 11px 10px;
		color: #fff;
	  }
  
  
  
	  /* SP用　リスト */
	  .s .pl_h2Title01 {margin-bottom: 0;}
  
	  .s .pl_linkList01, .s .pl_linkList07, .s .pl_stepList01 {
		border-top: 1px solid #ccc;
	  }
  
	  .s .pl_linkList01>li, .s .pl_linkList07>li, .s .pl_stepList01>li {
		background: #fff;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		width: 100%;
	  }
  
	  .s .pl_linkList01>li>a, .s .pl_linkList07>li>a, .s .pl_stepList01>li>a {
		position: relative;
		padding: 17px 25px 17px 10px;
	  }
  
	  .s .pl_linkList01>li>a, .s .pl_linkList07>li>a, .s .pl_stepList01>li>a, .s .pl_linkList01>li>span, .s .pl_linkList07>li>span, .s .pl_stepList01>li>span {
		display: table;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 1.1;
	  }
  
	  .s .pl_linkList01 a, .s .pl_linkList07 a, .s .pl_stepList01 a, .s .pl_linkList05 a, .s .pl_linkList04 a {
		color: #333;
	  }
  
	  .s .pl_linkList01>li>a>*, .s .pl_linkList07>li>a>*, .s .pl_stepList01>li>a>*, .s .pl_linkList01>li>span>*, .s .pl_linkList07>li>span>*, .s .pl_stepList01>li>span>* {
		display: table-cell;
		vertical-align: middle;
	  }
  
	  .s .pl_linkList01>li>a:after, .s .pl_linkList07>li>a:after, .s .pl_stepList01>li>a:after {
		content: "";
		top: 50%;
		right: 10px;
		width: 10px;
		height: 15px;
		margin-top: -0.5em;
		background-image: url(../../img/ico_arrow_right02.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
	  }
	  .s .pl_linkList01>li>a:after, .s .pl_linkList07>li>a:after, .s .pl_stepList01>li>a:after {
		display: block;
		position: absolute;
		line-height: 1;
	  }
  
  
  
	  /* ウォーキングクラブ
	  ------------------------------------------------------------------------ */
	  /* フォトギャラリー */
	  .gallery {
		margin-left: 10px;
	  }
	  .gallery li {
		margin-bottom: 10px;
		padding-right: 10px;
		float: left;
	  }
	  .l .gallery li,
	  .m .gallery li {
		width: 20%;
	  }
	  .s .gallery li {
		width: 33.333333333333%;
	  }
  
	  /* 参加者の声 */
	  .voice li {
		margin-bottom: 10px;
		border: #ccc 2px solid;
		padding: 15px;
		border-radius: 10px;
		box-sizing: content-box;
	  }
	  .l .voice,
	  .m .voice {
		margin-left: 10px;
	  }
	  .l .voice li,
	  .m .voice li {
		background: #fff url(../../gallery/img/voice.png) no-repeat 90% 100%;
		float: left;
		width: 196px;
		margin-right: 10px;
		padding: 15px 15px 100px;
		position: relative;
	  }
  
	  /* これまでのあしあと */
	  .s .historytable .s-none {
		display: none!important;
	  }
  
	  /* ボタン追加スタイル */
	  a.pl_btnT01,
	  span.pl_btnT03 {
		padding: 10px 5px;
	  }
	  span.pl_btnT03 {
		color: #fff !important;
	  }
	  .pl_btnBlock01 a.pl_btnT01,
	  .pl_btnBlock01 span.pl_btnT03 {
		width: 305px;
		padding: 10px 5px 9px;
		font-size: 1.4rem;
	  }
  
  
  
	  /* 追加 2019/05/15 */
  
	  .footstep-history-table {
		margin-top: 0;
	  }
	  .s .footstep-history-table {
		margin-top: -5px;
	  }
  
  
  
	  .footstep-history-table th {
		width: 22%;
	  }
	  .s .footstep-history-table th {
		width: 100%;
	  }
  
	  .footstep-history-table td {
		width: 28%;
	  }
	  .s .footstep-history-table td {
		width: 100%;
	  }
  
  
  
  
  
	  .footstep-schedule-h3 h3 {
	   margin-top: 10px;
	  }
  
  
  
	  /* 追加 2019/06/04 */
  
	  .p51 {
		width: 51%;
	  }
  
	  .p9 {
		width: 9%;
	  }
  
	  .s .s-p18 {
		width: 18%;
	  }
  
  
  
  
	  /* 追加 2019/06/08 */
  
	  .p8 {
		width: 8%;
	  }
  
  
  
  
	  /* 追加 2019/06/08 */
	  .s .walking-goodsimage {
		text-align: center;
	  }
  
  
  
  
	  /* 追加 2019/06/16 */
  .footstep-history-column th {
	  width: 115px;
  }
  .s .footstep-history-column th {
	  width: 100%;
  }
  
	  /* 追加 2019/07/12 */
  .footstep-schedule-guest_double_column {
   width: 220px;
  }
  .s .footstep-schedule-guest_double_column{
   width: 62%;
  }

/* 追加 2023/06/22 */
/* スライダー */
.main_gallery{
  height: 35vh;
  display: flex;
  overflow: hidden;
}
.s .main_gallery{
  height: 244.5px;
}

.slider{
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: 100%;
}
.slider div{
  flex: 0 0 auto;
  width: auto;
  height: 100%;
}
.slider img{
  width: auto;
  height: 100%;
}

.main_gallery .slider.__active:nth-child(1){
  animation: roop1 60s -30s infinite linear;
}
.main_gallery .slider.__active:nth-child(2){
  animation: roop2 60s infinite linear;
}

@keyframes roop1 {
  0%{transform: translateX(100%);}
  to{transform: translateX(-100%);}
}
@keyframes roop2 {
  0%{transform: translateX(0%);}
  to{transform: translateX(-200%);}
}

/* MVテキスト */
.activity_card{
  display: flex;
  justify-content: center;
  column-gap: 40px;
  width: 100%;
}
.s .activity_card{
  flex-wrap: wrap;
}

.card_img{
  width: 25%;
  margin: auto 0;
}
.s .card_img{
  width: 40%;
  margin: 0 auto;
}

.card_img img{
  width: 100%;
}

.card_content{
  width: 75%;
}
.s .card_content{
  width: 95%;
  margin: 20px auto;
}

.card_content h3{
  font-size: 24px;
}
.s .card_content h3{
  font-size: 20px;
}

/* タグ */
.tag{
  display: flex;
  justify-content: flex-start;
  column-gap: 6px;
  margin-top: 10px;
}
.s .tag{
  column-gap: 3px;
}

.tag_name{
  font-size: 12px;
  font-weight: bold;
  border: 2px solid;
  border-radius: 4px;
  padding: 1px 4px;
}
.s .tag_name{
  border: 1px solid;
  padding: 0 2px;
}

#tag_01{
  color: #616161;
  border-color: #dadada;
}
#tag_02{
  color: #006298;
}

.card_text{
  margin-top: 10px;
}
.card_text p{
  margin-top: 5px;
}

/* 下層ページタイトル */
.underlayerTitle{
  display: flex;
  justify-content: flex-start;
  column-gap: 20px;
  width: 100%;
  padding: 15px 20px;
  align-items: center;
}
.underlayersubTitle{
  font-size: 28px;
  padding: 7px 20px;
  border-top: 2px #0074af solid;
}
.underlayerTitle div:first-of-type{
  width: 120px;
}
.underlayerTitle div:first-of-type img{
  width: 100%;
}
.underlayerTitle div:last-of-type{
  font-size: 28px;
}

/* 過去見るボタン */
.more-btn__wrapper {
  text-align: center;
}
.more-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  width: 220px;
  height: 36px;
  background-color: #000;
  cursor: pointer;
  font-family: 'Noto Sans JP', sans-serif;
  border-radius: 7px;
  transition: .3s;
  border: none;
}
.s .more-btn{
  width: 180px;
  height: 30px;
  margin-top: 23px;
}

.more-btn:hover {
  background-color: #006298;
  border-color: #006298;
  transition: .3s;
}

.more-btn span{
  font-size: 14px;
  color: #fff;
} 

.accordion-btn {
  position: relative;
}
.accordion-btn::after {
  border-right: solid 2px #fff; 
  border-top: solid 2px #fff; 
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 15px;
  top: 11px;
  transform: rotate(135deg);
  width: 8px;
}
.s .accordion-btn::after {
  height: 7px;
  right: 15px;
  top: 9px;
  width: 7px;
}

.accordion-btn._isopen::after{
  top: 45%; 
  transform: rotate(-45deg);
}