*, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
      }

      body {
        font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        color: #333;
        font-size: 15px;
        line-height: 1.8;
        word-break: break-all;
        overflow-x: hidden;
      }

      a {
        color: #ff7200;
        text-decoration: none;
      }

      a:hover {
        text-decoration: underline;
      }

      a:hover img {
        text-decoration: none;
        opacity: 0.8;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        topics_title transition: all .3s;
      }

      img, video, object {
        max-width: 100%;
        height: auto;
        border: none;
        vertical-align: bottom;
      }
      /* ページトップへ */

      #page-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        font-size: 80%;
      }

      #page-top a {
        background: #666;
        text-decoration: none;
        color: #fff;
        width: 70px;
        padding: 20px 0;
        text-align: center;
        display: block;
        border-radius: 5px;
      }

      #page-top a:hover {
        text-decoration: none;
        background: #999;
      }
      
/*----------------------------------------------
　全体 （共通）
-----------------------------------------------*/

      .inner {
        max-width: 980px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        overflow-x: hidden;
        scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/  
        -ms-overflow-style: none;/*Internet Explore対応のスクロールバー非表示コード*/  
}

      .inner::-webkit-scrollbar {
    display:none;　/*Microsoft Edge対応のスクロールバー非表示コード*/
}

      .inner100p {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        overflow-x: hidden;
        background-color: #dcdcdc;
      }
      


      h3.title_en {
        font-family: 'Red Hat Display', sans-serif;
        font-size: 52px;
        line-height: 1.4em;
        font-weight: bold;
        margin: 0;
        padding: 0;
      }

      h3.title_jpBig {
        font-family: 'Red Hat Display', sans-serif;
        font-size: 26px;
        line-height: 1.4em;
        font-weight: bold;
        margin: 20px 0 20px 0;
        padding: 0;
      }

      h4.title_jp {
        font-size: 22px;
        line-height: 1.4em;
        font-weight: bold;
        margin: 0 0 20px 0;
        padding: 0;
      }
      
       h4.title_jpLink {
        font-size: 22px;
        color:#fff;
        line-height: 1.4em;
        font-weight: bold;
        padding: 0 0 10px 0;
      }
      /* PC:2コラム SP:1コラム */

      .two_column {
        width: 100%;
      }

      .two_column:after {
        content: "";
        display: block;
        clear: both
      }

      .two_column .col_01 {
        float: left;
        width: 48%;
        margin-left: 0;
      }

      .two_column .col_02 {
        float: left;
        width: 48%;
        margin-left: 4%;
      }
      
/*----------------------------------------------
　header
-----------------------------------------------*/

      #header {
        position: fixed;
        background-color: #ff9900;
        top: 0;
        left: 0;
        width: 100%;
        height: 43px;
        box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
        z-index: 500;
      }
      
       /*プリント時にヘッダーで隠れてしまう対策*/
   
  @media print {
  #header  {
    position: absolute;
  }
}

      #header .logo.pc {
        position: absolute;
        top: 9px;
        left: 14px;
      }

      #header .logo.tb {
        position: absolute;
        top: 9px;
        left: 9px;
      }

      #header .logo.sp {
        position: absolute;
        top: 10px;
        left: 10px;
      }
      
/*----------------------------------------------
　globalnavi グローバルナビ
-----------------------------------------------*/

      .gnav {
        background-color: #eee;
      }
      
/*----------------------------------------------
　visual メイン画像
-----------------------------------------------*/

      .visual {}

      .mainVisual {
        position: relative;
        margin: 0;
        padding: 0;
      }
      
/*----------------------------------------------
　dateplace 日程・場所
-----------------------------------------------*/

      .dateplace {
        background-color: #000;
        color: #FFF;
        padding: 30px 0;
        text-align: center;
        font-size: 18px;
      }

      .date dt, .place dt {
        color: #ff9900;
        font-size: 20px;
      }

      .date p.datetime {
        font-size: 20px;
        font-weight: bold;
      }
      .date p.datetime span {
        font-size:0.8em;
      }

      .place p.name {
        font-size: 32px;
        font-weight: bold;
      }

   /*----------------------------------------------
　caution　岸辺祭 参加にあたって
-----------------------------------------------*/

      .caution {
  
        background-color: #fdd900;
        padding: 50px 0;
        text-align: center;
      }


      .caution_detail{
      text-align:left;
      
      }
      
      .caution_detail h5{
      color:#3366cc;
      font-size:1.2em;
      }
      
      ul.list_caution{
      list-style-type:disc!important;
        padding-left:25px;
        text-align:left;
      }
         
         
  .btn_registration {
  display: inline-block;
  background-color: #3361b3;
  border: 3px solid #3361b3;
  color: #fff;
  letter-spacing: 0.05em;
  padding: 5px;
  margin: 15px 0;
  width: 50%;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.btn_registration:hover {
  background-color: #fff;
  border: 3px solid #3361b3;
  color: #3361b3;
}

@media screen and (max-width: 768px) {
  .btn_registration {
    width: 100%;
  }
}


   /*----------------------------------------------
　report　開催終了のお知らせ
-----------------------------------------------*/

      .report {
        background-color: #dcdcdc;
        padding: 50px 0 30px;
        text-align: center;
      }
      
      .rep_title{
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 20px 0;
        color: #ff9900;
      }
      .rep_title02{
        font-size: 30px;
        font-weight: bold;
        margin: 0 0 20px 0;
        color: #ff3366;
        line-height:1.4em;
      }
      .rep_text{
      font-size: 16px;
      margin: 0 0 20px 0;
      }
      
      .rep_text02{
      font-size: 20px;
      margin: 0 0 20px 0;
        line-height:1.4em;

      }
      
/*----------------------------------------------
　gallery スライドショー
-----------------------------------------------*/

      .gallery {
        text-align: center;
      }
      

 /*----------------------------------------------
　news ニュース
-----------------------------------------------*/

      .news {
        background-color: #fff;
        padding: 30px 0;
        text-align: center;
      }

      dl.newslist {}
      
       dl.newslist .newslist_item {
       border-top:2px dotted #ff3366;
       padding:10px 5px 5px 5px;
       }
       
        dl.newslist .newslist_item:last-child {
       border-bottom:2px dotted #ff3366;
       }
       

      dl.newslist dt {
        color: #666;
        font-weight: bold;
        line-height: 1.5em;
      }

      dl.newslist dd {
        margin-bottom: 10px;
        line-height: 1.5em;
        font-weight: bold;
        font-size: 16px;
        color: #ff7200;
      }
      
      ul.news_sns{
      margin: 20px auto;
      display:flex;
      background-color: #dcdcdc;
      justify-content:space-around;
      }
      
      ul.news_sns li{
      margin: 30px auto;
      }
      
      
/*----------------------------------------------
　about　岸辺祭について
-----------------------------------------------*/

      .about {
        background-color: #ff3366;
        padding: 50px 0;
        text-align: center;
      }

      .title_about {
        color: #FFF;
        font-weight: bold;
        text-align: center;
        font-size: 22px;
        padding-bottom: 5px;
        border-bottom: 2px dotted #ddd;
      }

      .text_about {
        color: #FFF;
        margin-top: 12px;
        margin-bottom: 10px;
        text-align: left;
      }

      .text_about02 {
        color: #FFF;
        margin-top: 12px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .text_about02 p {
        padding-top: 1em;
        text-align: left;
      }

      .text_about02 img {
        width: 80%;
      }
      
/*----------------------------------------------
　event　イベント
-----------------------------------------------*/

      .event {
        background-color: #dcdcdc;
        padding: 50px 0;
        text-align: center;
      }

      ul .eventlist {}

      ul.eventlist li {
        width: 100%;
        margin-bottom: 25px;
        background-color: #000;
      }

      .event p.lead {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 25px;
        color: #ff7200;
      }
      
 /*----------------------------------------------
　新型コロナウイルス感染拡大防止への取り組みについて
-----------------------------------------------*/

      .covid19 {
        background-color: #fdd900;
        padding: 50px 0;
        text-align: center;
      }

      ul.covid_list {
        text-align: left;
        list-style: disc;
        margin: 10px;
      }

      ul.covid_icon {
        display: flex;
        justify-content: center;
        margin-bottom:40px;
      }

      ul.covid_icon li {
        padding-left: 20px;
        padding-right: 20px;
      }

      ul.covid_icon li img {
        width: 80%;
      }
      
/*----------------------------------------------
　link　関連ページリンク
-----------------------------------------------*/

      .link {
        background-color: #3399ff;
        padding: 50px 0;
        text-align: center;
      }
      
      .kishibe_sns {
        margin: auto;
        padding-top:10px;
        padding-bottom:20px;
        width: 40%;
      }

      .kishibe_sns li {
        float: left;
        width: 50%;
        margin-left: 0;
      }

      .kishibe_sns:after {
        content: "";
        display: block;
        clear: both
      }

      .kishibe_sns a {
        color: #ff9900;
        text-decoration: none;
      }

      .kishibe_sns a:hover {
        color: #000;
      }
 

      .ogu_sns {
        margin: auto;
        padding-top:10px;
        padding-bottom:20px;
        width: 40%;

      }

      .ogu_sns li {
        float: left;
        width: 25%;
        margin-left: 0;
      }

      .ogu_sns:after {
        content: "";
        display: block;
        clear: both
      }

      .ogu_sns a {
        color: #112197;
        text-decoration: none;
      }

      .ogu_sns a:hover {
        color: #000;
      }
      
/*----------------------------------------------
　access　アクセス
-----------------------------------------------*/

      .access {
        background-color: #333;
        padding: 50px 0;
        text-align: center;
      }

      dl.accesslist {
        font-weight: bold;
        color:#fff;
      }

      dl.accesslist dt {
        font-size: 18px;
      }

      .access .ogu_access {}

      .access .warning {
        margin-bottom: 20px;
        color: #ffCC00;
        font-weight: bold;
      }
      
/*---メモ：OC2019からコピー-------*/

      .access-map {
        width: 100%;
        height: 53.33333vw;
      }

      @media screen and (min-width: 768px), print {
        .access-map {
          width: 70vw;
          height: 33.33333vw;
          margin: 0 auto;
        }
      }

      @media screen and (min-width: 1200px) {
        .access-map {
          width: 840px;
          height: 400px;
        }
      }

      .access-map iframe {
        width: 100%;
        height: 100%;
      }
      
 /*----------------------------------------------
  Footer
-----------------------------------------------*/

      #footer {
        background-color: #ff9900;
        text-align: center;
        color: #FFF;
        padding: 35px 0;
      }

      .footer_title {
        font-size: 120%;
        margin-bottom: 3px;
      }

      .footer_name {
        font-size: 150%;
        line-height: 1.3em;
        margin-bottom: 5px;
      }

      .footer_tel {
        font-size: 100%;
        line-height: 1.3em;
      }

      .footer_tel a {
        color: #FFF;
      }

      .copyright {
        color: #000;
        font-size: 80%;
        margin-top: 5px;
      }

      .jikko_sns {
        margin: 20px auto;
        width: 200px;
      }

      .jikko_sns li {
        float: left;
        width: 50%;
        margin-left: 0;
      }

      .jikko_sns:after {
        content: "";
        display: block;
        clear: both
      }

      .jikko_sns a {
        color: #000;
        text-decoration: none;
      }

      .jikko_sns a:hover {
        color: #3399ff;
      }
      
/*----------------------------------------------
 PARTS
-----------------------------------------------*/
　　　.white{
　　　 color: #fff;
　　　}

      .textLeft {
        text-align: left;
      }

      .textCenter {
        text-align: center;
      }

      .textBold {
        font-weight: bold;
      }
      
      .textBig120 {
 
        font-size:120%;
      }
      
      .textUnderline{
      text-decoration:underline;
      }

      .mb5 {
        margin-bottom: 5px;
      }

      .mb10 {
        margin-bottom: 10px;
      }

      .mb15 {
        margin-bottom: 15px;
      }

      .mb20 {
        margin-bottom: 20px;
      }

      .mb25 {
        margin-bottom: 25px;
      }

      .mb30 {
        margin-bottom: 30px;
      }

      .mb35 {
        margin-bottom: 35px;
      }

      .mb40 {
        margin-bottom: 40px;
      }

      .mt5 {
        margin-top: 5px;
      }

      .mt10 {
        margin-top: 10px;
      }

      .mt15 {
        margin-top: 15px;
      }

      .mt20 {
        margin-top: 20px;
      }

      .mt25 {
        margin-top: 25px;
      }

      .mt30 {
        margin-top: 30px;
      }

      .mt35 {
        margin-top: 35px;
      }
      /*-------PCのみ表示 ------*/

      .pc {
        display: block !important;
      }
      

      .sp {
        display: none !important;
      }
      
/*=====================================================

                     スマホ用設定
 
=====================================================*/

      @media screen and (max-width: 767px) {
        body {
          font-size: 13px;
        }
        
/*----------------------------------------------
　全体 （共通）
-----------------------------------------------*/
        .inner {
          width: 100%;
          padding: 0 15px;
        }
        .inner100p {
          max-width: 100%;
          width: 100%;
          margin: 0 auto;
          padding: 0;
          text-align: center;
        }
        h3.title_en {
          font-size: 35px;
          line-height: 1em;
          margin-bottom: 5px;
          padding: 0;
        }
        h3.title_jpBig {
          font-size: 22px;
        }
        h4.title_jp {
          font-size: 20px;
        }
         h4.title_jpLink {
          font-size: 20px;
        }
        /* PC:2コラム SP:1コラム */
        .two_column {
          width: 100%;
        }
        .two_column:after {
          content: "";
          display: block;
          clear: both
        }
        .two_column .col_01 {
          width: 100%;
          margin: 0;
          padding: 0;
        }
        .two_column .col_02 {
          width: 100%;
          margin: 0;
          padding: 0;
        }
        
/*----------------------------------------------
　header
-----------------------------------------------*/
        #header {
          height: 43px;
        }
        
 /*----------------------------------------------
　visual メイン画像
-----------------------------------------------*/
        .mainVisual img {
          width: 100%;
          height: auto;
        }
        
 /*----------------------------------------------
　news ニュース
-----------------------------------------------*/


      ul.news_sns{
      display:flex;
      flex-direction:column;
      }
      
      ul.news_sns li{
      margin: 10px 30px;
      }
      
/*----------------------------------------------
　about　
-----------------------------------------------*/
        .about {
          padding: 30px 0;
        }
        .about_title {
          padding-top: 30px;
        }
        .about_lead {
          font-size: 120%;
          text-align: left;
        }
        
/*----------------------------------------------
　dateplace 日程・場所
-----------------------------------------------*/
        .dateplace {
          font-size: 16px;
        }
        .date p.datetime {
          margin-bottom: 20px;
        }
        .place p.name {
          font-size: 28px;
          font-weight: bold;
        }
 
    /*----------------------------------------------
　report　開催終了のお知らせ
-----------------------------------------------*/

      .rep_text{
      text-align:left;
      font-size: 14px;
      }
      
      
      
       .rep_text02{
      font-size: 18px;
      }
      
/*----------------------------------------------
　link　関連ページリンク
-----------------------------------------------*/
        .kishibe_sns {
        width: 80%;
      }
        
        .ogu_sns {
          margin: auto;
          width: 100%;
        }
        
 /*--------------------------------
  Footer
---------------------------------*/
        #footer {
          padding: 25px 0;
        }
        .footer_name {
          font-size: 120%;
        }
        .copyright {
          font-size: 80%;
        }
        
/*-------スマホのみ表示 ------*/
        .pc {
          display: none !important;
        }
        .sp {
          display: inline-block !important;
        }
        
/*-------スマホのみ表示させない ------*/
        .sp_nodisplay {
          display: none !important;
        }
        
        ｝