body, ol, ul, li, h1, h2, h3, h4, h5, p, th, tr, td, dl, dt, dd, small {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Hiragino Maru Gothic ProN", Meiryo, fantasy;
  background: #FFFEE9;
}
#wrap {
  width: 800px;
  display: block;
  clear: both;
  margin: 0 auto;
  background: #FFF;
}
#wrap header {
  display: block;
  background-image: url(../images/bg_head.png);
}

@media screen and (min-width:741px) {
  nav#gnav, nav#fnav, .global-nav {
    width: 100%;
    margin: auto;
    display: block;
    clear: both;
  }
  nav#gnav ul, nav#fnav ul, .global-nav ul {
    list-style: none;
    border-radius: 0px;
  }
  /*nav#gnav ul li { float:left; width:25%; text-align:center; display:inline-block; background: #D8D8D8; border-left:1px #fff solid; margin-right:-1px; }
nav#gnav ul li.home { border-left:1px #D8D8D8 solid;}
nav#gnav ul li a { display:inline-block;   font-weight:bold;padding:0.72em 0; text-decoration:none}
*/
  nav#gnav ul li, .global-nav ul li {
    float: left;
    width: 20%;
    text-align: center;
  }
  nav#gnav li a, .global-nav li a {
    width: auto;
    color: #333;
    background: #DDD;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    text-decoration: none;
    /*  text-shadow: 0 1px 1px rgba(0,0,0,0.9);*/
    display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
  nav#gnav li.current a, .global-nav li.current a {
    width: auto;
    color: white;
    background: #009df4;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    text-decoration: none;
    /*  text-shadow: 0 1px 1px rgba(0,0,0,0.9);*/
    display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
  nav#gnav li:first-child a, .global-nav li:first-child a {
    border-left: 0px; /*  border-radius: 5px 0 0 5px;*/
  }
  nav#gnav li:last-child a, .global-nav li:last-child a {
    border-right: 0px; /*  border-radius: 0 5px 5px 0;*/
  }
  nav#gnav li a:hover, .global-nav li a:hover {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
  }
}
nav#fnav ul li {
  float: left;
  width: 33%;
  text-align: center;
  display: inline-block;
  padding: 0.72em 0;
}
nav#fnav ul li.current {}
nav#fnav ul li a {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  color: #555
}

nav#fnav2 ul {
  /* 親要素 (ul) に display: flex を指定 */
  display: flex;
  list-style: none; /* リストの点を非表示に */
  padding: 0; /* 不要な余白を削除 */
  margin: 0;
}

nav#fnav2 ul li {
  /* float: left; ← 不要なため削除 */
  /* width: 33%; ← 不要なため削除 */
  
  /* Flexboxで均等配置 */
  flex-grow: 1; /* 親要素の残りのスペースを均等に割り当てる */
  flex-basis: 0; /* flex-growとの組み合わせで幅を均等にする */

  text-align: center;
  /* display: inline-block; ← 不要なため削除 */
  padding: 0.72em 0;
}

nav#fnav2 ul li a {
  /* a要素は display: block にすると、li全体がクリック領域になり使いやすい */
  display: block; 
  font-weight: bold;
  text-decoration: none;
  color: #555
}

div .wrap, #toptext {
  text-align: center;
}
div#header_logo {
  display: block;
  float: left;
  width: 320px;
  margin: 15px 20px 5px;
}
div#header_info {
  display: block;
  float: right;
  margin: 20px 15px 15px;
}
div#topimage img { max-width: 800px;}
div#topthema {
  display: block;
  margin: -20px auto 0px;
  max-width: 740px;
  padding: 10px;
  color: #008CD6;
}
div#topthema th {
  font-size: 0.75em;
  width: 200px;
  padding-bottom: 10px;
}
div#topthema td {
  font-size: 0.9em;
  text-align: left;
  padding-bottom: 10px;
}

div#topthema2 {
  display: block;
  margin: -20px auto 0px;
  max-width: 740px;
  padding: 10px;
  color: #008CD6;
}
div#topthema2 th {
  font-size: 0.75em;
  width: 100px;
  padding-bottom: 10px;
}
div#topthema2 td {
  font-size: 0.9em;
  text-align: left;
  padding-bottom: 10px;
}
div#topthema3 {
  padding:2rem 0; 
  color: darkblue;  
}
div#toptext {
  margin-top: 0px;
}
div#toptext h2, div#toptext p {
  margin-bottom: 10px;
  line-height: 1.5em;
  font-size: 1em;
}
div#topinformation h3,
div#topstatement h3 {
  text-align: left;
  font-size: 1em;
  margin: 40px 120px 20px;
}
div#topinformation p,
div#topstatement p {
  text-align: left;
  font-size: 0.9em;
  margin: 0px 100px 40px;
}
#topsubtext {
  text-align: center;
  margin: 1em 0 2em;
}
img.bg {
  min-height: 240px;
  min-width: 640px;
  width: 100%;
  height: auto;
  position: relative;
  top: 280;
  left: 0
}
div .wrap, #conttext {
  text-align: center;
}
/*div #topimage { width:960px; height:640px; background-image:url(images/back_960.jpg); display:block; clear:both; margin:50px auto;}*/
div#conttext {
  margin-top: 0px;
}
/*div#conttext h1,*/ div#conttext p {
  margin-bottom: 10px;
  line-height: 1.5em;
  font-size: 0.9em;
}
div#conttext h1 {
  margin: 0px auto 10px;
  width: 720px;
}
div#conttext h1 img {
  padding-top: 30px;
}
#contsubtext {
  text-align: center;
  margin: 1em 0 2em;
  padding: 4em 0 0;
}
#conttext .contdata {
  display: block;
  width: 720px;
  clear: both;
  margin: 20px auto; /*	border: 1px dotted #ccc;*/
}
#conttext .contdata p {
  line-height: 1.6em;
}
#conttext .contdata th, #conttext .contdata td {
  text-align: left;
  font-size: 1.2em;
  padding: 1em;
  font-weight: normal;
  vertical-align: top;
  border-bottom: 1px dotted #00BDFF;
}
#conttext .contdata .leftphpto {
  float: left;
  margin: 5px 15px 200px 0;
}
#conttext .newsdata {
  display: block;
  width: 640px;
  clear: both;
  margin: 30px 80px;
  text-align: center;
}
#conttext .newsdata th {
  width: 15%
}
#conttext .newsdata td {
  width: 85%
}
#conttext .newsdata th, #conttext .newsdata td {
  text-align: left;
  /*	font-size:1.2em;*/
  line-height: 1.8em;
  padding: 0.8em 1em;
  font-weight: normal;
  vertical-align: top; /*	border-bottom: 1px dotted #00BDFF;*/
}
#conttext .accessdata, #conttext .linksdata, #conttext .infodata .messagedata {
  display: block;
  width: 640px;
  clear: both;
  margin: 30px auto;
}
#conttext .linksdata table {
  background-color: #FFFCDA;
  border-radius: 16px;
  max-width: 640px;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
#conttext .linksdata th {
  text-align: left;
  /*font-size: 1em;*/
  padding: 0.6em 12px 0.6em 16px;
  font-weight: normal;
}
#conttext .linksdata td {
  text-align: left;
  /*font-size: 0.75em;*/
  padding: 0.6em 1em;
  font-weight: normal;
}
#conttext .linksdata th a {
  text-decoration: none;
  color: #000;
}
#conttext .linksdata td a {
  text-decoration: none;
  color: #555;
}
#conttext .linksdata th a:hover, #conttext .linksdata td a:hover {
  text-decoration: underline;
  color: #00BDFF;
}
#conttext .accessdata b {
  display: inline-block;
  font-size: 0.9em;
  background: #999;
  color: #fff;
  line-height: 1.5em;
  margin-bottom: 10px;
  border-radius: 20px;
  width: 200px;
}
#conttext .linksdata .subttl_links {
  background: url(../images/subttl_bg.png) no-repeat;
  color: #F39700;
  font-size: 1.2em;
  text-align: center;
  letter-spacing: 0.3em;
}
#conttext .messagedata h2 {
  text-align: left;
  padding: 30px 80px 10px;
}
#conttext .messagedata h3 {
  text-align: left;
  padding: 2em 80px;
  font-size: 0.9em;
}
#conttext .messagedata h4 {
  text-align: right;
  padding: 0em 80px;
  font-size: 0.9em;
  font-weight: normal;
  margin-right: 1em;
}
#conttext .messagedata p {
  text-align: left;
  padding: 1em 80px
}
#toptext .messagelist ul,
#conttext .messagelist ul {
  margin: 40px 100px
}
#toptext .messagelist ul li,
#conttext .messagelist ul li {
  text-align: left;
  list-style-type: circle;
  padding: 0.5em 0 1em;
}
#toptext .messagelist ul li a,
#conttext .messagelist ul li a {
  text-decoration: none;
}
#toptext .messagelist ul li a:hover,
#conttext .messagelist ul li a:hover {
  text-decoration: underline;
}
#toptext .messagelist div.caption,
#conttext .messagelist div.caption {
  font-size: small;
  color: #555;
  line-height: 1.5em;
  padding: 0.5em
}

#conttext .newslist ul {
  margin: 40px 100px
}
#conttext .newslist ul li {
  text-align: left;
  list-style-type: circle;
  padding: 0.5em 0 1em;
}
#conttext .newslist ul li a {
  text-decoration: none;
}
#conttext .newslist ul li a:hover {
  text-decoration: underline;
}
#conttext .newslist ul li img {
  float: right; width: 150px; margin: -30px auto 10px ; border: 1px #ccc solid;
}
#conttext .newslist div.caption {
  font-size: small;
  color: #555;
  line-height: 1.5em;
  padding: 0.5em
}

#conttext .qandadata {text-align: left}
    
#conttext .qandadata >h3 {
    margin: 1em;
}

#conttext .qandadata dl {
    margin: 2em;
}

#conttext .qandadata dt {
    font-size: 1.1em;
    font-weight: bold;
    color: chocolate;
    margin: 0.5em 0.5em 0.5em 1em;
}

#conttext .qandadata dd {
    font-size: 0.9em;
    margin: 1em 3em 2.5em;
}




p.text0 {
  margin-bottom: 40px;
  font-size: 1em !important;
}
p.text1 {
  color: #F39700;
  font-size: 1.4em !important;
}
p.text2 {
  color: #F39700;
  font-size: 1em !important;
}
p.text3 {
  color: #F39700;
  margin-top: -10px;
  font-size: 0.75em !important;
}
p.text4 {
  text-align: left;
  font-size: 1em !important;
}
p.text5 {
  text-align: left;
  margin-top: 10px;
  font-size: 0.75em !important;
}
#conttext .historydata {
  display: block;
  width: 640px;
  clear: both;
  margin: 40px 80px;
  text-align: center;
}
#conttext .historydata table {
  margin-top: 30px;
}
#conttext .historydata th {
  width: 26%
}
#conttext .historydata td {
  width: 74%
}
#conttext .historydata th, #conttext .historydata td {
  text-align: left;
  font-size: 1em;
  line-height: 1.8em;
  padding: 0.1em 0 0.1em 1em;
  font-weight: normal;
  vertical-align: top; /*	border-bottom: 1px dotted #00BDFF;*/
}
/*　集会のご案内　*/
#conttext .infodata table {
  background-color: #FFFCDA;
  border-radius: 16px;
  width: 640px;
  padding-bottom: 10px;
  margin: 0 auto 40px;
}
#conttext .infodata th {
  text-align: left;
  font-size: 1em;
  padding: 1em 2em;
  font-weight: normal;
  width: 40%;
  vertical-align: top;
}
#conttext .infodata td {
  text-align: left;
  font-size: 1em;
  padding: 1em 1em;
  font-weight: normal;
  width: 60%;
  vertical-align: top;
}
#conttext .infodata th a {
  text-decoration: none;
  color: #000;
}
#conttext .infodata td a {
  text-decoration: none;
  color: #555;
}
#conttext .infodata th a:hover, #conttext .infodata td a:hover {
  text-decoration: underline;
  color: #00BDFF;
}
#conttext .infodata .subttl_info {
  background: url(../images/subttl_bg.png) no-repeat;
  color: #F39700;
  font-size: 1.2em;
  text-align: center;
  letter-spacing: 0.3em;
}
footer {
  background: url(../images/bg_footer.png) no-repeat;
  display: block;
  height: 180px;
}
footer #fnav ul li {
  margin-bottom: 20px;
  padding-top: 30px;
}
address {
  text-align: center;
  font-style: normal;
  font-size: 0.9em;
}
.messagedata #daystamp {
  float: right;
  font-size: 0.9em;
  display: inline;
}
.frame {
  display: block;
  margin: 0 auto;
  padding: 4px;
  background: #fff;
  border: 1px dotted #ccc;
}
.img_rt {
  float: right;
  margin: 0 0 10px 10px;
}
.alert-area {
  display: block;
  background-color: #FEF8A0;
  padding: 0.9em auto 0.6em;
  line-height: 2em;
  font-size: smaller;
}
.alert--text {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #008CD6;
}
.pc_br {
    display: none;
  }



/* クリック可能な要素にポインターを表示し、クリックできることを示します */
.accordion-trigger {
    cursor: pointer;
}

/* 初期状態では内容を非表示にします */
/* height: 0; と overflow: hidden; で内容を隠します */
/* opacity: 0; と transition; でアニメーションを滑らかにします */
.accordion-content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height 0.3s ease-out, opacity 0.3s ease-out; /* アニメーションの設定 */
}

/* クリックされて内容が表示される状態のクラス */
.accordion-content.is-open {
    /* JavaScriptでクリックされたときにこのクラスを追加します */
    height: auto; /* 内容を表示するために高さを自動に設定 */
    opacity: 1;
}

/* 高さautoでトランジションを滑らかにするための追加のCSS（詳細は後述） */
/* スタイルを適用しない例: .accordion-content.is-open { display: block; } */
/* このコードでは height/opacity のトランジションで対応しています。 */
#slideshow-container {
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  /* ここに高さを維持するプロパティを追加/変更 */
  /* スライドの縦横比を考慮したpadding-bottomで高さを確保 */
  /* 今回の画像が800px幅と仮定し、もしアスペクト比が16:9なら (9/16)*100 = 56.25% */
  /* もし画像のアスペクト比が不明な場合や固定したい場合は、画像を調べて適切な比率を設定してください */
  padding-bottom: 66.6667%; /* 例: 幅800pxで高さ450pxの場合のアスペクト比16:9 */
  height: 0; /* padding-bottomで高さを設定するのでheightは0にする */
  /*overflow: hidden;  コンテナからはみ出す要素を隠す */
    z-index: 1; /* 例として低い値を設定 */
}

.slides {
  position: absolute; /* 親要素の #slideshow-container に対して絶対配置 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* 親要素 #slideshow-container の高さいっぱいにする */

}

.slide-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden; /* 通常は非表示 */

  /* ★★★ 修正箇所 ★★★ */
  /* opacityは1.5秒かけて変化。
     visibilityは即座(0s)に切り替わるが、「非表示に戻る時」は1.5秒遅らせる */
  transition: opacity 1.5s ease-in-out, visibility 0s linear 1.5s;
}

/* 表示するスライドに適用するクラス */
.slide-item.is-active {
  opacity: 1;
  visibility: visible; /* アクティブ時は表示 */

  /* ★★★ 修正箇所 ★★★ */
  /* 「表示される時」は遅延させない(0s) */
  transition: opacity 1.5s ease-in-out, visibility 0s linear 0s;
}

/* JSがなくても最初の画像だけ表示する（JSで上書きされます） */
.slide-item:first-child {
    opacity: 1;
    visibility: visible;
    /* こちらも transition を .is-active と合わせておくと安全です */
    transition: opacity 1.5s ease-in-out, visibility 0s linear 0s;
}

.slide-item img {
  width: 100%;
  height: 100%; /* コンテナの高さに合わせる */
  object-fit: cover; /* 画像がコンテナに収まるようにトリミング（必要に応じて） */
}





@media screen and (min-width:741px) {
    
.sp_menu {
    display: none;
}
    
}

@media screen and (max-width:740px) {
  #wrap header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-image: url(../images/bg_head.png);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    z-index: 1000;  
  }
  
  .global-nav {
    position: fixed;
    right: -320px; /* これで隠れる */
    top: 0;
    width: 300px; /* スマホに収まるくらい */
    height: 100vh;
    padding-top: 40px;
    background-color: skyblue;
    transition: all .6s;
    z-index: 200;
    overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  }
  .hamburger {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
    height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
    cursor: pointer;
    z-index: 300;
  }
  .global-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .global-nav__item {
    text-align: center;
    padding: 0 14px;
  }
  .global-nav__item a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #111;
  }
  .global-nav__item a:hover {
    background-color: #eee;
  }
  .hamburger__line {
    position: absolute;
    left: 2px;
    width: 30px; /*18px;*/
    height: 2px;
    background-color: #fff;
    transition: all .6s;
  }
  .hamburger__line--1 {
    top: 14px;
  }
  .hamburger__line--2 {
    top: 24px; /*20px;*/
  }
  .hamburger__line--3 {
    top: 34px; /*26px;*/
  }
  .black-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    cursor: pointer;
  }
  /* 表示された時用のCSS */
  .nav-open .global-nav {
    right: 0;
  }
  .nav-open .black-bg {
    opacity: .8;
    visibility: visible;
  }
  .nav-open .hamburger__line--1 {
    transform: rotate(45deg);
    top: 20px;
  }
  .nav-open .hamburger__line--2 {
    width: 0;
    left: 50%;
  }
  .nav-open .hamburger__line--3 {
    transform: rotate(-45deg);
    top: 20px;
  }
  /**/
  #wrap {
    width: 100%;
  }
  #wrap main {
    margin-top: 90px;
  }
  div#header_logo img {
    width: 300px;
  }
  div#header_info {
    display: none;
  }
  nav#gnav ul li {
    font-size: 0.8em;
  }
  img.bg {
    left: 50%;
    margin-left: -320px
  }
  .sp_br {
    display: none;
  }
  .pc_br {
        display: initial;
    }    
#wrap .wrap{
        width: 100%
    }      
    
  #topimage img {
    width: 100%;
  }
  #topthema,#topthema2  {width: 100%;}   
  #topthema th,#topthema2 th {
    display: block;
    margin-left: -1em;
  }
  #topthema td,#topthema2 td {
    display: block;
    width: 100%;
  }
  #toptext h2 img {
    width: 100%;
  }
  #toptext p {
    text-align: left;
    margin: 2em
  }
div#topinformation,    
  div#topstatement {
    margin: 2em 1em;
  }
div#topinformation h3,    
  div#topstatement h3 {
    text-align: left;
    font-size: 1em;
    margin: 1em;
  }
div#topinformation p,    
  div#topstatement p {
    text-align: left;
    font-size: 0.9em;
    margin: 1em;
  }
    
#toptext .messagelist ul {
    margin: 0 1em 2em 2em;
  }    
#toptext .messagelist ul li {
  text-align: left;
  list-style-type: circle;
  padding: 0.5em 0em 1em;
}    
  div#conttext h1 {
    width: 100%;
  }
  div#conttext h1 img {
    width: 100%;
  }
  #contsubtext {}
  #conttext .contdata {
    width: 100%;
  }
  #conttext .contdata p {}
  #conttext .contdata th, #conttext .contdata td {
    text-align: left;
    font-size: 1em; /*1.2em;*/
    padding: 1em;
    font-weight: normal;
    vertical-align: top;
    border-bottom: 1px dotted #00BDFF;
  }
  #conttext .newsdata {
    display: block;
    width: 95%;
    clear: both;
    margin: 30px 0px;
    text-align: center;
  }
  #conttext .newsdata th {
    display: block;
    float: left;
    width: 100%
  }
  #conttext .newsdata td {
    display: block;
    float: left;
    width: 100%
  }
  #conttext .accessdata {
    display: block;
    margin-top: 20px;
    width: 100%;
  }
  #conttext .accessdata p {
    font-size: 1em;
  }
  #conttext .accessdata img {
    width: 100%;
  }
  #conttext .linksdata .subttl_links {
    background-image: none;
    color: #F39700;
    font-size: 1em;
    text-align: left;
    letter-spacing: 0.3em;
  }
  #conttext .historydata {
    display: block;
    width: 100%;
    margin: 20px 0px;
    text-align: center;
  }
  #conttext .historydata h2 img {
    width: 100%;
  }
  #conttext .historydata table {
    margin-top: 30px;
  }
  #conttext .historydata th {
    display: block;
    width: 100%;
    margin: 0;
    font-size: 0.9em;
  }
  #conttext .historydata td {
    display: block;
    width: 100%;
    margin: -0.4em 0 0.8em;
  }
  #conttext .messagelist ul {
    margin: 0 1em 2em 2em
  }
  #conttext .newslist ul {
    margin: 0 1em 2em 2em
  }    
  p.text0 {
    text-align: left;
    margin: 1em;
  }
  p.text1 {
    font-size: 1.2em !important;
  }
  #conttext .contdata .leftphpto {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    /*    float:left; margin:5px 15px 200px 0;*/
  }
  p.text4 {
    margin: auto 1.4em;
    text-align: left;
    font-size: 1em !important;
  }
  p.text5 {
    text-align: left;
    margin: 10px 1.4em;
    font-size: 0.75em !important;
  }
  /*　集会のご案内　*/
  #conttext .infodata table {
    width: 100%;
    padding-bottom: 10px;
    margin: 0 auto 10px;
    border-radius: 0px;
  }
  #conttext .infodata th {
    display: block;
    padding: 1em 1em 0.2em;
    font-weight: bold;
    width: 100%;
  }
  #conttext .infodata td {
    display: block;
    padding: 0.5em 2em 2em;
    width: 100%;
  }
  #conttext .infodata th a {
    text-decoration: none;
    color: #000;
  }
  #conttext .infodata td a {
    text-decoration: none;
    color: #555;
  }
  #conttext .infodata th a:hover, #conttext .infodata td a:hover {
    text-decoration: underline;
    color: #00BDFF;
  }
  #conttext .infodata .subttl_info {
    background-image: none;
    color: #F39700;
    font-size: 1.2em;
    text-align: left;
    letter-spacing: 0.3em;
  }
  #conttext .infodata p {
    text-align: left;
    margin: 2em;
  }
  #conttext .messagedata h2 {
    text-align: left;
    padding: 30px 20px 10px;
  }
  #conttext .messagedata h3 {
    text-align: left;
    padding: 2em 20px;
    font-size: 0.9em;
  }
  #conttext .messagedata h4 {
    text-align: right;
    padding: 0em 20px;
    font-size: 0.9em;
    font-weight: normal;
    margin-right: 1em;
  }
  #conttext .messagedata p {
    text-align: left;
    padding: 1em 20px
  }
  .messagedata #daystamp {
    float: left;
    font-size: 0.9em;
    display: block;
    width: 100%;
  }
  #conttext .linksdata, #conttext .infodata .messagedata {
    display: block;
    width: 100%;
  }
  #conttext .linksdata table {
    background-color: #FFFCDA;
    border-radius: 0px;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #conttext .linksdata th {
    display: block;
    width: 100%;
    padding: 0.6em 0.5em 0em 1em;
  }
  #conttext .linksdata td {
    display: block;
    width: 98%;
    padding: 0em 1.1em 0.6em;
  }
  #conttext .linksdata th a {
    font-size: 0.9em;
  }
  #conttext .linksdata td a {
    font-size: 0.75em;
  }
}
@media screen and (max-width:480px) {
  #conttext .newsdata td img {
    width: 100%
  }
  #conttext .linksdata th {
    font-size: 0.9em;
  }
  #conttext .linksdata td {
    font-size: 0.75em;
  }
}
@media screen and (max-width:321px) {
  #header_logo a img {
    width: 240px;
  }
  footer {
    font-size: 0.8em;
  }
}

span.indent-1 { display: block;
padding-left:1em;
text-indent:-1em;
}

@media screen and (max-width: 560px) {
  .iframe-responsive {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
  }
  .iframe-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.video-container {
  /* コンテナを相対位置指定にする */
  position: relative;
  /* 高さの基準となるパディングを設定（16:9の場合 9/16 * 100 = 56.25%） */
  padding-bottom: 56.25%; 
  /* 実際の高さをゼロにする */
  height: 0;
  /* 幅いっぱいに表示 */
  width: 100%;
  /* コンテナからはみ出す要素を隠す */
  overflow: hidden;
}

.video-container iframe {
  /* iframeをコンテナ内で絶対位置指定にする */
  position: absolute;
  /* 上下にピタッと合わせる */
  top: 0;
  left: 0;
  /* コンテナの幅と高さいっぱいにする */
  width: 100%;
  height: 100%;
}