@media(max-width : 670px){

     body{
         /* font-size: 0.6rem; */
         font-size: 0.9rem;
     }

     .pc{
          display: none;
     }

     .sp{
          display: block;
     }

     .container{
          width: 100%;
          margin: 0 auto;
     }
 
     /* HEADER **********/

     header .container{
          position: relative;
          background: #fff;
          height: 58px;
          width: 100%;
          padding: 0 10px;
          z-index: 200;
     }

     .header-logo{
          margin-right: 0;
     }
     

     .header-logo img{
          width: calc(187*0.7px);
          height:calc(66*0.7px);
     }

     /* humberger *****/
     .menu-icon{
          width: 48px;
          margin-left:auto;
          background: #fff;
     }

     .material-icons{
          font-size: 48px;
          color: #174490;
        /*  vertical-align: top; */
          vertical-align: bottom;
     }

     .material-icons.close{
          color: #ccc;
     }

      /* モーダルCSS */
   .modalArea {
     display: none;
     position: fixed;
     z-index: 300; 
     top: 0;
     left: 0;
     width: 100%;
     height: 90%; /* 下にマージンを持たせる */
     -webkit-overflow-scrolling: touch;
   }
   
   .modalBg {
     width: 100%;
     background-color: rgba(30,30,30,0.9);
   }
   
   .modalWrapper {
     position: absolute;
     top: 0;
     left: 0;
     /* transform:translate(-50%,-50%); */
     width: 100%;
     height: 100%;  

     /* max-width: 500px; */
     padding: 50px 0 50px 0;
     /* background-color: #4D6595; */
     background: #4D6595;
     overflow:hidden;
     overflow-y:scroll;
   }
   
   .closeModal {
     position: absolute;
     top: 0.5rem;
     right: 1rem;
     cursor: pointer;
   }


     .modalWrapper .sp-menu ul {
       list-style: none;
     }

     .modalWrapper .sp-menu a {
       text-decoration: none;
     }
     
     .modalWrapper .sp-menu li p{
         /* font-size: 22px; */
          font-size: 20px;
          font-weight: bold;
          line-height: 1.8em;
         padding-left: 0;         
         padding-top: 5px;
         margin-top: 0;
         margin-bottom: 0;
          color:#99CCCC;
          border-top: 1px solid #ccc;           
    }

    .modalWrapper .sp-menu li a{
         /* font-size: 22px; */
          font-size: 20px;
          font-weight: bold;
          line-height: 2em;
          color: #FABB45;
          /* padding-left: 30px; */
          display: block;
          border-top: 1px solid #ccc;          
         /* border-bottom: 1px solid #ccc; */
     }
     
     .modalWrapper .sp-menu li  li a{
        /*  padding-left: 30px; */
          margin-left: -0.5em;  
        /*  padding-left: 0px; */
     }




     /* TOP-IMAGE *******/
     .top-image{
       margin-bottom: 16px;
     }


     /* slider **/
     .carousel-item  h5{
          /* font-size:80px; */
          font-size:20px;
          color:#000066;
          font-family: serif;
     }
     
     .carousel-item  p{
          font-size:14px;
          color:#000066;
          font-weight: bold;
          font-family: serif;
     }

     .carousel-caption {
          top: 8px;
          left: 20px;
          /* background: #ff0000; */
      }
     

   /* main **/

     main .container{
          padding: 0 10px;
          width: 100%!important;
          display: block;
          /* 2021/01/09 ***/
          /* max-width: 670px; */
          min-width: 0px;
          /* background: #dfdfdf; */
     }

     /* left-side **/
     .left-side{
          display: none;
     }

     /* right-side **/
     .right-side{
          /* width: 356px; */
          /* background: #ffffcc; */
          width: 100%;
     }

     /* top-wrapper **/
     .top_wrapper{
          width: 100%;
          height: auto;
          padding: 16px;
          text-align: left;
          border-radius: 6px;
          margin-bottom: 36px;
      }

      .top_wrapper h2{
          margin-top: 0;
          margin-bottom:20px;
          font-size: 19px;
          font-weight: bold;
          text-align: center;
     }

     .top_wrapper p{
          margin-bottom:12px;
          font-size: 16px;
          line-height: 1.6;
          font-weight: bold;
     }

     /*****************/

     .right_title p{
          /* font-size: 28px; */
          font-size: 1.6rem;
     }

     /* houshi shinboku **/

     .right_katsudou{
          margin-bottom: 36px;
     }
     

     .katsudou_items{
          justify-content: center;
     }
     
     .katsudou_item .item_title{
          font-size: 1rem;
     }

     /* schedule   ******/
     .schedule{
          margin-bottom: 36px;
     }

     .schedule_table{
          margin-bottom: 0;
     }

     .schedule_table th{
          font-size: 24px;
     }

     .schedule_table table td{
          font-size: 18px;
          display:block;
          text-align: left;
     }

     .schedule_table td:nth-of-type(1){
          display:inline-block;
          background: #D9E7F2;
          position: relative;
          width: 100%;
      }

      .schedule_table td:nth-of-type(1):after{
          position:absolute;
          display:block;
          top: 3px;
          right: 6px;
          content:attr(data-no);
          margin-left: 16px;
          border: none;
        }
  
      .schedule_table table td:nth-of-type(2){
          display: none;
        }
    

     .schedule_table table td:nth-of-type(3n){
          border-bottom:2px solid #5892c4;
     }
     

      /* access   ******/

     .access{
          margin-bottom: 36px;
     } 

     .map_wrapper{
          width: 100%;
     }

     /* sp MyRotary ***/
     .myrotary_logo{
          width: 48%;
     }

     .myrotary_logo img{
          width: 100%;
     }

     .touroku{
          width: 48%;
     }

     .myrotary p a{
          background:#A47D1E;
          display: block;
          font-size: 5.2vw;
          font-weight:bold;
          line-height: 1.5em;
          padding:20px 0;
          color: #fff;
          text-align: center;
          margin-top: 15px;
     }

     .myrotary > div:nth-of-type(1){
          display:flex;
          justify-content: space-between;
          margin-bottom:15px;
     }



     .myrotary p a.login_btn{
          width: 46%;
          border-radius: 20px;
          line-height: 1.8em;
          padding:1px 4px;
          font-size: 3.2vw;
          margin: 0 auto;
          display: block;
          background: linear-gradient(to bottom, #FF6600,#FF9D5B, #FF7E28);
     }

     .fb{
          width: 50%;
     }

     .fb img{
          width: 44%;
          display:block;
          margin:0 auto;
     }

     .myrotary > div:nth-of-type(2) p{
          width: 50%;
          align-self:flex-end;
     }

     .myrotary > div:nth-of-type(2){
          display:flex;
          justify-content:center;
          margin-bottom:15px;
     }


 
     
     /* FOOTER *****/
     footer{
          height:auto;
          width: 100%;
          padding: 30px 0;
     }

     .footer_logo{
          width: 100%;
          margin: 0 auto;
          margin-top: 20px;
          /* display: flex;  */
          /* align-items: center; */
          display:block;
          text-align: center;
          margin-top: 0;
     }

     .footer_logo img{
          width:36px;
          margin-right: 0.04rem;;
     }

     .footer_logo p{
          /* font-size:1.2rem; */
          font-size: 5.2vw;
          line-height: 20px;
          letter-spacing: 0.01rem;
          display: inline-block;
     }
     
 /*******************************************/
 /******   SUB       ****************************/
 /*******************************************/
  /* syuhou  ******/
  .syuhou_item{
    /* width: 48%; */
     width: 100%;
     text-align:center;
  }

  .syuhou_item p{
   /*  font-size: 19px; */
     font-size: 14px;
  }

  .syuhou_item img{
     width: 100%;
  }

    
 /* houshi ******/

     .houshi_item{
          margin-top:30px;
     }


     .houshi_date{
          font-size:22px;
     }

     .houshi_title{
          font-size: 22px;
          line-height: 1.5;
     }

     .houshi_item .caption{
          margin:20px 0;
          font-size: 20px;
          line-height: 1.6;
     }

     .houshi_image p{
          font-size: 16px;
          margin-bottom: 30px;
     }

     .houshi_image img{
          height:233px;
          /* height:128px; */
          margin-right: 10px;
     }

     /* HOUAHI PAGE-LINK ***/

     .page_links{
          font-size: 0;
          text-align: left;
          margin-top: 30px;
          margin-bottom: 50px;
     }

     .page_links a {
          font-size: 20px;
          width: 50%;
          line-height: 2.4em;
          transition: 0.7s;
     }


     /* MODAL *************/
     #graydisplay img {
          max-width: 98%;
          max-height: 98%;
     }



/**************************************/
 /* about ******/

     .about > div:not(:nth-child(1)){
          font-size: 22px;
     }

/* 四つのテスト */

     .four_test{
          padding: 10px;
          border: 1px solid #dfdfdf;
          margin-top: 30px;
     }

     .four_test span{
          margin-bottom: 10px;
     }

     .child_container{
          padding: 8px 0;
          background: #fff7d8;
     }

/**************************************/
 /*access ******/

     .access p{
          font-size: 22px;
     }

     .access div span{
          font-size: 20px;
     }

/**************************************/
 /* join  ******/

     .join > div:not(:nth-child(1)){
          font-size: 22px;
     }

     .join .merit h3{
          font-size: 22px;
     }

/**************************************/
 /* inpuiry  ******/

     .inpuiry p{
          font-size: 22px;
     }

     .inpuiry div span{
          font-size: 20px;
     }

/**************************************/
 /* attraction ******/

 .attraction > div:not(:nth-child(1)){
     font-size: 20px;
}

 /**************************************/
 /* greeting  ******/

     .greeting section{
          margin-top: 30px;
          margin-bottom: 60px;
     }

     .greeting_title{
          font-size: 16px;
     }

     .greeting_title01,
     .greeting_title02{
         font-size: 16px;
         text-align: left;
      }

      .greeting_title01{
          margin-right: 0;
     }
   
   
     .greeting_title02{
        font-size: 18px;
        margin-bottom: 30px;
        text-align: center;
   }
   
       
     .greeting section div p{
          line-height: 1.5;
          font-size: 18px;
     }
   
     .greeting ul{
          font-size: 18px;
     }
   

     .kaityou_image{
         width: 50%;
         float: none;
         display: block;
         margin: 0 auto;
         margin-bottom: 20px;
     }
 
     .remarks{
          font-size: 20px;
     }

 /**************************************/
 /* overview  ******/

     .overview table th{
          width: 100%;
          background: #EBF1FF;
     }


     .overview table th,
     .overview table td{
          display: block;
          font-size: 20px;
          padding: 10px 10px;
     }

     .overview table tr td{
          background: #FFF;
          padding-bottom: 30px;
     }


 /**************************************/
 /* member  ******/

     .member p{
          font-size: 18px;
     }

     .member ul li{
          padding: 10px 0;
          width: 25%;
          font-size: 16px;
          text-align: center;
     }

 /**************************************/
 /* 会員  ******/
      .kaiin table td{
          font-size: 14px;
        /*  padding: 10px 20px; */
        /*  background: #FFF; */
     }
     
 /**************************************/
 /* privacy  ******/

     .privacy p{
          font-size: 18px;
     }

     .privacy ul li{
          font-size: 18px;
     }

     .privacy_tbl td{
     font-size: 18px;
     line-height: 1.5;
          padding: 4px 12px;
          background: #fff;
     }


 /**************************************/
     /* sitemap  ******/
     .sitemap ul{
          margin-left: 10px;
     }

     .sitemap li{
          width: 60%;
     }

     .sitemap li.title{
          font-size: 18px;
     }

 /**************************************/
 /* link  ******/

     .link table.tbl01{
          width: 100%;
     }

     .link table.tbl01 td{
          font-size: 18px;
          padding: 10px 20px;
          background: #FFF;
     }
  
     .kinrin{
          width: 100%;
          /* margin: 30px auto; */
     }

     .kinrin table th{
          padding-bottom: 20px;
          padding-left: 10px;
     }


     .kinrin table th,
     .kinrin table td{
          font-size: 18px;
          background: #FFF;
          display: block;
     }

     .kinrin table td:first-child{
          width: 100%;
          border-bottom: 1px solid #777;
          font-weight: bold;
     }
     


   
  








 /*****************************/

}