/* CSS Document */

  /*color:#228B22; 薄い緑　メインカラー*/

html,body{margin:0px;padding:0px;}

body { /* 基本の文字色と背景色　ヘッダー以下の枠組み */
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ', 'sans-serif';
  padding: 0;
   margin: 0;
 }

    img {border: none;}

    #img img{
      width: 100%;
        height: auto;
    }

    .itembody img{
      width: 100%;
        height: auto;
    }

.top { color: #333333; font-size: 9pt; font-family: ＭＳ ゴシック, Osaka−等幅 ; line-height: 14px}
.menu1 { color: white; font-size: 10pt}
.menu2 { color: black; font-size: 10pt}
.text_9 { color: black; font-size: 9pt}
.text_12  { color: black; font-size: 12pt; font-family: ＭＳ ゴシック, Osaka−等幅 }
.text_10  { color: black; font-size: 10pt; font-family: ＭＳ ゴシック, Osaka−等幅 }
.text_no_family  { color: black; font-size: 11pt }
.text_no_family_10  { color: black; font-size: 10pt }
.text_link_title  { color: #3399CC; font-size: 11pt }
.text_B { color: blue; font-size: 9pt }
.tittle  { font-weight:bold; color: blue; font-size: 10pt; font-family: ＭＳ ゴシック, Osaka−等幅 }

    a:link { color:#228B22; text-decoration:none;}
    a:visited { color:#228B22; text-decoration:none;}
    a:active { color:#228B22; text-decoration:none;}
    a:hover{color:#FF9933; text-decoration: underline;}

.toka{filter:alpha(opacity=60); /* IE*/
    -moz-opacity:0.6; /* FireFox、Netscape*/
    opacity:0.6; /* OPERA・MAC・Safari*/
    }

.rec-bana{ margin-bottom:10px;}

@media print{
#leftcol{display:none;}
#foot{display:none;}
#head{display:none;}
#pagewidth{display:none;}
#rightcol{width:100%; float:none;}
}


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



#smt-body{
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

#smp-header{
	width: 100%;
  /*height: 70px;*/
	position: fixed;
	top:0;
	z-index: 999;
  overflow: hidden;
  /*border: 1px solid #ccc;*/
  /*テスト中*/

}

	#smp-header img{
		width: 100%;
	}

/*.top-margin{ height: 90px;}*/


#smp-wrapper{
  /*border: 1px solid #ccc;*/
	width: 94%;
	padding: 0 3% 0 3%;
  margin: 0;
	/*margin-top:80px;*/
  overflow: hidden;


}

	#smp-wrapper h1{
		width: 100%;
		height: 30px;
		background: #70BC1F;
		line-height: 2em;
		text-align: center;
		color: #fff;
    margin-top:80px;
		 }

     #smp-wrapper h2{
       width: 100%;
       height: 30px;
       /* height: auto; */
       vertical-align: middle;
       background: #70BC1F;
       line-height: 2em;
       text-align: center;
       color: #fff;
        margin-top:30px;
        }

      #smp-wrapper .title h2{
        height: 60px;
        margin-bottom: 15px;
        background-color: #fff;
        color: #70BC1F;
        line-height: 2em;
        text-align: left;
      }

   #smp-wrapper h2 img{
     /* display: none; */
   }

	#smp-wrapper .top-news-feed{
		padding: 10px;
		font-size: 13px;
		border:1px solid #70BC1F;
		margin-bottom: 20px;

	}

  #smp-wrapper .dantai-btn{

   text-align: center;
   border-radius: 5px;
 }

  #smp-wrapper .dantai-btn a{
   width: 160px;
   font-size: 12px;
   border-radius: 5px;
   padding: 10px;
   background-color: #70BC1F;
   text-align: center;
   color: #fff;
   font-weight: bold;

 }

   #smp-wrapper .dantai-btn a:hover{
   background-color: #ccc;
   text-decoration: none;
 }


	#smp-wrapper .fb-page{
		border:1px solid #ccc;

	}


  #smp-wrapper  .smp-txt{
    font-size: 11px;
  }



	#smp-wrapper .top-tile-menu{
		width: 100%;
		overflow: hidden;
		margin: 20px 0 10px 0;
	}


  /* 2019改変 */


  .topImg ul{
    width: 55%;
    /* border: 1px solid #ccc; */
    margin: 0 auto;
    margin-top: 10px;
    overflow: hidden;

  }

  .topImg ul li{
    float: left;
    width: 19%;
    padding: 0.5%;
  }

  .topImg ul li img{
    width: 100%;
  }



  .topNews{
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    overflow: hidden;
  }

  .topNews h2{
    width: 100%;
    margin: 0 auto;
    /* margin-top: 100px; */
    overflow: hidden;
    background-color: #060;
    color: #fff;
    height: 35px;
    font-size: 18px;
  }

  .topNews ul{
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
  }

  /* トップページニュース */

  .topTtl{
    font-size: 14px;
    color:#228B22;
    margin-bottom: 5px;
  }

  .topTxt{
    font-size: 13px;
    margin-bottom: 15px;
  }



.ttm-col1{ padding: 30px 0 0px 0; line-height: 1.3em;}
.ttm-col2{ padding: 23px 0 7px 0; line-height: 1.3em;}

	.top-tile-menu li{
		width: 48%;
		margin: 1%;
		height: 48px;
		float: left;
    font-weight: bold;
		background-color: #336633;
		text-align: center;
		color: #fff;
    font-size: 13px;
    border-radius: 5px;
    box-shadow:2px 2px 2px #555;
    text-shadow:0 -1px #1a6ea0;
    background: #299a0b; /* Old browsers */
    background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #299a0b 0%,#299a0b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #299a0b 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
	}

  .top-tile-menu a{color: #fff;}

    .itemtop{margin-top: 20px; text-align: center; border-bottom: 1px solid #336633;}

#smp-footer{
		width: 100%;
		background-color: #336633;
		color: #fff;
		font-size: 8px;
		padding: 5px;
		text-align: center;
	}

    #smp-footer a{color: #fff;}


#contents_back {margin: 0; padding: 0;}
#contents {margin: 0; padding: 0;}
#main{overflow: hidden;  margin: 0; padding: 0;}


/*コンテンツの画像タイトル*/
#main .cont-ttl{　
    width: 100% ;
    overflow: hidden;
     　}

    #main .cont-ttl img{width: 100%;}
    #main .smp-txt{text-align: left; font-size: 14px;}

#contents table{
    width: 100% !important;
    text-align: left;
     }


.home_top_info{
    /*width:460px;*/
    width: 100%;
    border-bottom:#060 solid 2px;
    margin-top:15px;
    margin-bottom:5px;
    padding-bottom:20px;
    font-size:12px;
    letter-spacing:0.1em;
    text-align: left;

}

.home_info{
    /*width:460px;*/
    width: 100%;
    border-top:#060 solid 2px;
    padding-top:20px;
    margin-top:20px;
    font-size:12px;
    letter-spacing:0.1em;


}

.toha-menu-btn{width: 100% !important;}

.home{font-size:13px;}
    .home img{width: 100px !important;}
    .home tr td{ padding:5px; }


/*団体一覧ページ*/

.pickup{text-align: left; padding:10px; font-size: 14px;}
    .pickup li{margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1);}
    .pickup li a{  color:#000;}

.title {
  text-align: left;
  font-size: 15px;
  line-height: 1.3em;
  margin: 5px;
  color: #336633;
  height: 60px;
  /* padding: 3px; */
  margin-bottom: 10px;
  /* background-color: #336633; */

}


/* ボランティア団体一覧詳細ページ */


    .dantaiImg ul{
      width: 100%;
      /* border: 3px solid #ccc; */
      overflow: hidden;
    }

    .dantaiImg li{
      float: left;
      width: 48%;
      /* height: 135px; */
      padding: 1%;
    }

    .dantaiImg li img{
      width: 100%;
      height: 110px;
        }


.dantai-shousai{
  font-size: 15px;

    /*font-size: 8px;*/
    /*width: 300px;*/
    /*border: 1px solid #CCC;*/
}

.dantai-syousai-ttl{
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
    color: #336633;
}


.dantai-kobetsu-title{
  text-align: left;
  font-size: 17px;
  margin-top: 20px;
  border-bottom: 1px solid #336633;
    color: #336633;
}


.dantai-kobetsu-catch{
  text-align: left;
  font-size: 11px;
  margin-top: 20px;
    color: #336633;
}

.dantai-kobetsu-furigana{
  text-align: left;
  font-size: 11px;
    color: #336633;
}



#dantai-kobetsu-body{
  padding: 25px;
  /*border:1px solid #ccc;*/
  /*border-bottom: 1px solid #336633;*/
}


/************************************* スマホ用設定 *******************************/
/*トップページ用非表示*/
/*#smp-top-wrapper{padding-top: 200px;}*/

#mid{
  border: 0px solid #000000;
  background-color:#FFF;
  width:100%;
}

table .side{vertical-align:top;}






.closed-btn{
  padding: 10px;
  background-color: #336633;
  width: 200px;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  border-radius: 10px;
}

.closed-btn a{ color: #fff;}

/*SIDEMENU JS*/

.top_menu_space{
    padding-bottom:3px;
    margin-top:5px;
    text-decoration: none;
}

.menu_space{
    padding-bottom:3px;
    text-decoration: none;
}

.applemenu{
    margin:  15px auto;
    padding: 0;
    width: 200px; /*width of menu*/
    border: 0px solid #9A9A9A;
}

    .applemenu div.silverheader a{
        font: normal 10px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
        color: white;
        display: block;
        position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
        width: auto;
        padding-left: 0px;
        padding-bottom:3px;
        text-decoration: none;
    }


    .applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{color: white;}
    .applemenu div.selected a, .applemenu div.silverheader a:hover{color: white;}
    .applemenu div.submenu{ background: white; padding: 5px; height: 50px; font-size:13px;}



#foot{

  border: 0px solid #000000;
  background-color:#FFF;
  width:100%;

}

#under_line{

  border-top: 1px solid #000000;
  background-color:#FFF;
  width:100%;
  height:30px;

}

table .news{

	border: 3px solid #70BC1F;
	float:right;
	background-color:#FFF;

	}

table .news2{

	border: 3px solid #70BC1F;
	float:right;
	background-color:#70BC1F;
	text-align:left;
	color:#FFF;
	padding-left:15px;
	padding-top:5px;
	font-size:18px;
	font-weight:bold;


	}

table .main{
	background-repeat:no-repeat;
	background-position:100% 0%;
	margin-top:15px;
}

table.dg{
	border:none;

	}

table.dg td{
	margin-top:2px;
	vertical-align:top;
	padding-top:5px;
  text-align: center;
  font-size: 12px;

	}

  table.dg td img{
  	width: 90%;
    height: 90%;
  	}




  .dougu-list{

      font-size: 11px;

    	}

/*005道具管理要項ページ      */


.smp-dougu-kanri-txt{
  width: 100%;
  text-align: left;
  font-size: 13px;
}

dl#kanri{ padding:0px; margin:0px; }
dl#kanri dt{ float: left; width:35px; clear : both;/* フロートの解除 */   }
dl#kanri dd{ margin-bottom: 10px;}

/*005道具の貸し出しページ*/

table.dg-kashidashi{

  text-align: center;
  color: #fff;
  background-color: #009900;
  font-size: 8px;
}

  table.dg-kashidashi tr td{
    text-align: center;
  }

  table.dg-kashidashi .dg01{width: 40px; }
    table.dg-kashidashi .dg02{width: 130px; }
      table.dg-kashidashi .dg03{width: 20px; }
        table.dg-kashidashi .dg04{width: 35px; }
          table.dg-kashidashi .dg05{width: 35px; }
            table.dg-kashidashi .dg06{width: 38px; }
              table.dg-kashidashi .dg07{width: 38px; }
                table.dg-kashidashi .dg08{width: 25px;}


table.dg-kashidashi2{font-size: 8px;}

table.dg-kashidashi2 .dg01{width: 40px; }
  table.dg-kashidashi2 .dg02{width: 130px;}
    table.dg-kashidashi2 .dg03{width: 20px;}
      table.dg-kashidashi2 .dg04{width: 35px;}
        table.dg-kashidashi2 .dg05{width: 35px;}
          table.dg-kashidashi2 .dg06{width: 38px;}
            table.dg-kashidashi2 .dg07{width: 38px;}
              table.dg-kashidashi2 .dg08{width: 25px;}

/*007フィールド登録フォームページ      */

#mailform{

  width: 100%;
  font-size: 11px;
}

#mailform table td{padding: 10px 0 10px 0;}

#mailform th{width: 300px; font-size: 11px;}
/*#mailform tr{padding-bottom: 10px;}*/
#mailform input{width: 130px;}
#mailform .checkbox{width: 15px;}
#mailform .radio{width: 15px;}
#mailform .submit{margin: 10px;}
#mailform textarea{width: 200px;}

.f-submit{width: 20px; margin-bottom: 20px;border: 1px solid #ccc;}


/*団体登録フォーム*/

  .dantai-form{}
  /*.dantai-form table{ border:1px solid #000; }*/
  .dantai-form tr td{ padding: 10px; border-bottom: 1px solid #fff;}

  .dantai-form textarea{width: 250px;}
    .dan-tbl-ttl{background-color:  #009900; color: #fff; text-align: center; vertical-align: middle; font-size: 12px; width: 80px;}
    .dan-inp-ttl{background-color: #FFFFCC; font-size: 12px;}
    .dan-submit{text-align: center;}

    /*002団体登録一覧ページ*/

  /*2017追記*/

  .dantai-cat-no{
    width: 100%;
    margin: 20px 0 0px 0;
    /*padding-top: 30px;*/
    padding: 5px 5px 5px 15px;
    clear: both;
    font-size: 15px;
    /*background-color: #ccc;*/
    border-radius: 5px;
  }

  .kumamoto-map{
    width: 100%;
    margin: 20px 0 20px 0;
    text-align: center;
  }

    .kumamoto-map img{
      width: 300px;
    }


    .clear{clear: both;}

      .c01{background-color: #ffcc33;}
      .c02{background-color: #99cc66;}
      .c03{background-color: #6699cc;}
      .c04{background-color: #ffcc99;}
      .c05{background-color: #cc9966; opacity: 0.7;}
      .c06{background-color: #ffcc33;}
      .c07{background-color: #ccccff;}
      .c08{background-color: #9999cc;}
      .c09{background-color: #ffcc99;}
      .c10{background-color: #66ccff;}
      .c11{background-color: #99cc66;}







/*013過去の相談フォーム*/

.smp-qaform tr td{
  padding: 10px;
  border: 1px solid #ccc;
}

/*014アドバイザー便り　BLOG*/

.smp-blog-txt{
  width: 100%;
  text-align: left;
}

.smp-blog-txt img{margin: 0 auto;}

#main .smp-blog-txt .itembody {
  width: 87%;
  padding: 5%;
  text-align:left;
  border:2px solid #8B5A2B;
  line-height: 170%;
  white-space: normal;
  word-break: break-all;
  background-color:#FFE7BA ;
 }


/*015リンクページ*/

#main .smp-link-txt{
  width: 100%;
  text-align: center;
  font-size: 15px;
  color:#228B22;
}

#main .smp-link-txt tr td{
  padding: 5px;
}

#main .smp-link-txt img{
  margin-bottom: 20px;
}

#main .smp-link-txt　a:link{color:#228B22;}


/*メールフォーム*/

#smp-mailform{
  width: 100%;
  /*border: 1px solid #000;*/
  margin: 0 auto;
  overflow: hidden;
}

#smp-mailform table{
  width: 100%;
  /*border:1px solid #ccc;*/
  margin: 0;


}

#smp-mailform img{width: 100% !important;}

/*スマホ用ハンバーガーメニュー*/


/**********************************
    ヘッダー
**********************************/
header {
    /* メニューを開いた時に
    オーバーレイの上に来るように絶対指定 */
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 68px;/*元サイズ78px*/
    color:#fff;
    text-align:center;
    background:#fff	; /*通常時背景色*/
    z-index:9999; /* 最前面に来るように */
    position: fixed;
    background-image: url(../image/top_bar_smp01.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    /*border-bottom: 10px solid #ccc;*/
    margin: 0,auto;

}

    header h1 {font-size:2.5em;}
    header h1 br {display:none;}
    header h1 img{width: 70%;}

/**********************************
    メニュー
**********************************/

/*#smart-menu{border:1px solid #999; background-color: red; height: 0;}*/
#smart-menu h1{font-size: 18px; width: 100%; text-align: center;}
#smart-menu img{/*スマホ用ロゴ*/}

.menu {
    overflow-y:auto;
    /* 縦方向のみスクロール */
    /*overflow: scroll;*/
    position: absolute;
    top:0;
    left:0;
    width: 75%; /*変更　元30%*/
    max-width:320px; /* 横に広がり過ぎないように */
    color: #fff;
    font-size:12px;
    background: #70BC1F;　/*メニュー開閉後の背景*/
    text-align:left;
    z-index:9999;

    /* アニメーション */
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
}
.menu ul li a {
    display:block;
    padding: 10px;
    color:#fff;
    font-weight:300;
    text-shadow:none;
    text-decoration:none;
    border-bottom: 1px solid #fff;
    text-align: left;
    list-style: none;
}
.menu ul li a:hover {
    color:#fff;
    background:#336633; /*メニュー開閉時のhover背景*/
}

/* メニューON/OFF */
.menuOff {
    -webkit-transform:translate3d(-100%, 0, 0);
    -moz-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    z-index:9999; /* 最前面に来るように */
}
.menuOn {
    box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}
.ie .menuOff {
    left:-100%; /* IE向け */
}
.ie .menuOn {
    left: 0; /* IE向け */
}


/* ナビゲーション以外固定 */
.fixed {
    position:fixed;
    top:0;
    left:0;
    width:100%;
}

/* オーバーレイ */
.overlay {
    position:fixed;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
    z-index:999;
}

/**********************************
    ナビゲーションアイコン
**********************************/
.navBtn {
    position:absolute;
    top:0.2em;
    left:1em;
}

    .navBtn span{color: #336633; font-size: 15px; }

.navBtn p{
	/*margin:0 5px 0 5px;*/
	/*border: 1px solid #ccc;*/
	text-align: center;
	font-size: 15px;
	color: #336633; /*ハンバーガー下の文字*/
	text-decoration: none;
}
/* IE8以下はアイコン位置調整 */
#ie8 .navBtn,
#ie7 .navBtn,
#ie6 .navBtn {
    top:30px;
}

/*ハンバーガーメニューの外枠*/
.navBtn button {
	margin: 0 0 0 0;
    display: block;
    border: none;
    background: none;
    outline: 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    −moz−tap-highlight-color:rgba(0,0,0,0);
    tap-highlight-color:rgba(0,0,0,0);
    background-color: none;
}
.navIcon {
    /*padding: 2rem 1rem;*/
    padding:25px 5px 15px 5px;  /*ハンバーガーアイコンの位置*/
    cursor: pointer;
    background-color: #fff;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}

 /*アイコンの色*/
/* アイコンレイヤー */
.iconLayer {
    position: relative;
    display: block;
    width: 50px;
    height: 7px;
    background:#336633;
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.iconLayer:before, .iconLayer:after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: inherit;
    height: 7px;
    background: inherit;
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.iconLayer:before {
    bottom: 200%;
}
.iconLayer:after {
    top: 200%;
}

/**********************************
    ナビアイコン：矢印
**********************************/
.arrow {
    -webkit-animation-name: navIconSlide;
    -moz-animation-name: navIconSlide;
    animation-name: navIconSlide;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes navIconSlide {
    0% {
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@-moz-keyframes navIconSlide {
    0% {
    }
    100% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes navIconSlide {
    0% {
    }
    100% {
        transform: rotate(180deg);
    }
}

/* ナビアイコン：矢印:before */
.arrow:before {
    -webkit-animation-name: navIconSlideBefore;
    -moz-animation-name: navIconSlideBefore;
    animation-name: navIconSlideBefore;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes navIconSlideBefore {
    0% {
    }
    100% {
        margin: 0% 31%;
        width: 75%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
@-moz-keyframes navIconSlideBefore {
    0% {
    }
    100% {
        margin: 0% 31%;
        width: 75%;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
@keyframes navIconSlideBefore {
    0% {
    }
    100% {
        margin: 0% 31%;
        width: 75%;
        transform: rotate(45deg);
    }
}

/* ナビアイコン：矢印:after */
.arrow:after {
    -webkit-animation-name: navIconSlideAfter;
    -moz-animation-name: navIconSlideAfter;
    animation-name: navIconSlideAfter;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes navIconSlideAfter {
    0% {
    }
    100% {
        margin: 0% 31%;
        width: 75%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
@-moz-keyframes navIconSlideAfter {
    0% {
    }
    100% {
        margin: 0% 31%;
        width: 75%;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
@keyframes navIconSlideAfter {
    0% {
    }
    100% {
        margin: 0% 31%;
        width: 75%;
        transform: rotate(-45deg);
    }
}

/**********************************
    ナビアイコン：ハンバーガー
**********************************/
.hamburger {
    -webkit-animation-name: navIconSlideFrom;
    -moz-animation-name: navIconSlideFrom;
    animation-name: navIconSlideFrom;
}
@-webkit-keyframes navIconSlideFrom {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
    }
}
@-moz-keyframes navIconSlideFrom {
    0% {
        -moz-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
    }
}
@keyframes navIconSlideFrom {
    0% {
        transform: rotate(-180deg);
    }
    100% {
    }
}

/* ナビアイコン：ハンバーガー:before */
.hamburger:before {
    -webkit-animation-name: navIconSlideBeforeFrom;
    -moz-animation-name: navIconSlideBeforeFrom;
    animation-name: navIconSlideBeforeFrom;
}
@-webkit-keyframes navIconSlideBeforeFrom {
    0% {
        margin: 3% 37%;
        width: 50%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    100% {
    }
}
@-moz-keyframes navIconSlideBeforeFrom {
    0% {
        margin: 3% 37%;
        width: 50%;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    100% {
    }
}
@keyframes navIconSlideBeforeFrom {
    0% {
        margin: 3% 37%;
        width: 75%;
        transform: rotate(45deg);
    }
    100% {
    }
}

/* ナビアイコン：ハンバーガー:after */
.hamburger:after {
    -webkit-animation-name: navIconSlideAfterFrom;
    -moz-animation-name: navIconSlideAfterFrom;
    animation-name: navIconSlideAfterFrom;
}
@-webkit-keyframes navIconSlideAfterFrom {
    0% {
        margin: 3% 37%;
        width: 75%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    100% {
    }
}
@-moz-keyframes navIconSlideAfterFrom {
    0% {
        margin: 3% 37%;
        width: 75%;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    100% {
    }
}
@keyframes navIconSlideAfterFrom {
    0% {
        margin: 3% 37%;
        width: 75%;
        transform: rotate(-45deg);
    }
    100% {
    }
}



/* 20210811追加 */
.snsmenu{
  overflow: hidden;
}

.snsmenu li{
  width: 46%;
  padding: 2%;
  float: left;
}

.snsmenu li img{
  width: 100%;
  border-radius: 10px;
}






/* PC用CSS スマホ用非表示*/

#header {display: none;}
#side{display: none;}
#footer{display: none;}
/*トップページ用非表示*/
#pc-top-wrapper{display: none;}
#header_back{display: none;}

.side_menu{
  display: none;

	width:205px;
	margin-left:20px;
	margin-right:20px;
	margin:0 auto;
	border:0px solid #666;
	height:400px;
	vertical-align:top;
	}

.inpage_side_menu{
  display: none;

	width:205px;
	margin-left:20px;
	margin-right:20px;
	margin:0 auto;
	margin-top:5px;
	border:0px solid #666;
	height:400px;
	vertical-align:top;
	}


/* 2020フィールド */

.fieldTbl{
  font-size: 12px;
  text-align: center;
}