@charset "UTF-8";
/*スタイルリセット*/
/*透過*/
/*ぼかし*/
/*clearfix*/
/*インラインブロック*/
@import 'reset.css';
.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*文字数超過の時に....をつける*/
/*アスペクト比を保って拡大縮小*/
/*
ボックスサイジング
padding と border の幅を要素の幅と高さに含める
*/
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*シャドウ*/
/*角丸処理*/
/*--------------------------------------------------------------------------------------------------
アニメーション：animation

@easing: ease、linear、ease-in、ease-out　など
@delay: アニメーションが開始するまでの遅延時間
@roop: アニメーションのループ回数、infiniteを指定すると無限ループ
@direction:アニメーションの再生方向
	　normal : アニメーションを通常再生する。(0% → 100%)
	　reverse : アニメーションを逆再生する。(100% → 0%)
	　alternate : アニメーションを通常再生。ループの場合、通常再生(0% → 100%) → 逆再生(100% → 0%) といった繰り返し順で再生
	　alternate-reverse : アニメーションを逆再生。ループの場合、逆再生(100% → 0%)  → 通常再生(0% → 100%)といった繰り返し順で再生
@fillmode : キーフレームアニメーションで指定したプロパティをアニメーション開始前、終了後に適用するかどうかを指定

----使用例----

a:hover i.move{
	.animation("move-arrow",0.2s);
}

@keyframes move-arrow{
	0% {.transform(@translateX:0px);}
	100% {.transform(@translateX:5px);}
}

*/
/*--------------------------------------------------------------------------------------------------
アニメーション：transition

*/
/*-------------------------------------------------*/
/*Flexbox*/
.flexbox {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
/*-------------------------------------------------*/
/*斜線*/
/*グラデーション*/
/*縦のグラデ*/
/*横のグラデ*/
/*縦のグラデ（３色 50%）*/
/*横のグラデ（３色 50%）*/
/*文字太い下線*/
/*選択無効*/
.noSelect {
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer */
  -khtml-user-select: none;
  /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none;
  /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none;
  /* Disable Android and iOS callouts*/
}
/*-------------------*/
/*マージン*/
/*-------------------*/
/*トップ*/
.marginT0 {
  clear: both;
  margin-top: 0px !important;
}
.marginT5 {
  clear: both;
  margin-top: 5px;
}
.marginT10 {
  clear: both;
  margin-top: 10px;
}
.marginT15 {
  clear: both;
  margin-top: 20px;
}
.marginT20 {
  clear: both;
  margin-top: 20px;
}
.marginT30 {
  clear: both;
  margin-top: 30px;
}
.marginT40 {
  clear: both;
  margin-top: 40px;
}
.marginT50 {
  clear: both;
  margin-top: 50px;
}
.marginT60 {
  clear: both;
  margin-top: 60px;
}
.marginT70 {
  clear: both;
  margin-top: 70px;
}
.marginT80 {
  clear: both;
  margin-top: 80px;
}
.marginT90 {
  clear: both;
  margin-top: 90px;
}
.marginT100 {
  clear: both;
  margin-top: 100px;
}
/*ボトム*/
.marginB0 {
  clear: both;
  margin-bottom: 0px !important;
}
.marginB5 {
  clear: both;
  margin-bottom: 5px;
}
.marginB10 {
  clear: both;
  margin-bottom: 10px;
}
.marginB15 {
  clear: both;
  margin-bottom: 15px;
}
.marginB20 {
  clear: both;
  margin-bottom: 20px;
}
.marginB30 {
  clear: both;
  margin-bottom: 30px;
}
.marginB40 {
  clear: both;
  margin-bottom: 40px;
}
.marginB50 {
  clear: both;
  margin-bottom: 50px;
}
.marginB60 {
  clear: both;
  margin-bottom: 60px;
}
.marginB70 {
  clear: both;
  margin-bottom: 70px;
}
.marginB80 {
  clear: both;
  margin-bottom: 80px;
}
.marginB90 {
  clear: both;
  margin-bottom: 90px;
}
.marginB100 {
  clear: both;
  margin-bottom: 100px;
}
/*レフト*/
.marginL0 {
  clear: both;
  margin-left: 0px !important;
}
.marginL5 {
  clear: both;
  margin-left: 5px;
}
.marginL10 {
  clear: both;
  margin-left: 10px;
}
.marginL15 {
  clear: both;
  margin-left: 20px;
}
.marginL20 {
  clear: both;
  margin-left: 20px;
}
.marginL30 {
  clear: both;
  margin-left: 30px;
}
.marginL40 {
  clear: both;
  margin-left: 40px;
}
.marginL50 {
  clear: both;
  margin-left: 50px;
}
.marginL60 {
  clear: both;
  margin-left: 60px;
}
.marginL70 {
  clear: both;
  margin-left: 70px;
}
.marginL80 {
  clear: both;
  margin-left: 80px;
}
.marginL90 {
  clear: both;
  margin-left: 90px;
}
.marginL100 {
  clear: both;
  margin-left: 100px;
}
/*ライト*/
.marginR0 {
  clear: both;
  margin-right: 0px !important;
}
.marginR5 {
  clear: both;
  margin-right: 5px;
}
.marginR10 {
  clear: both;
  margin-right: 10px;
}
.marginR15 {
  clear: both;
  margin-right: 15px;
}
.marginR20 {
  clear: both;
  margin-right: 20px;
}
.marginR30 {
  clear: both;
  margin-right: 30px;
}
.marginR40 {
  clear: both;
  margin-right: 40px;
}
.marginR50 {
  clear: both;
  margin-right: 50px;
}
.marginR60 {
  clear: both;
  margin-right: 60px;
}
.marginR70 {
  clear: both;
  margin-right: 70px;
}
.marginR80 {
  clear: both;
  margin-right: 80px;
}
.marginR90 {
  clear: both;
  margin-right: 90px;
}
.marginR100 {
  clear: both;
  margin-right: 100px;
}
/*トップ&ボトム*/
.marginTB0 {
  clear: both;
  margin: 0px 0px !important;
}
.marginTB5 {
  clear: both;
  margin: 5px 0px;
}
.marginTB10 {
  clear: both;
  margin: 10px 0px;
}
.marginTB15 {
  clear: both;
  margin: 15px 0px;
}
.marginTB20 {
  clear: both;
  margin: 20px 0px;
}
.marginTB30 {
  clear: both;
  margin: 30px 0px;
}
.marginTB40 {
  clear: both;
  margin: 40px 0px;
}
.marginTB50 {
  clear: both;
  margin: 50px 0px;
}
.marginTB60 {
  clear: both;
  margin: 60px 0px;
}
.marginTB70 {
  clear: both;
  margin: 70px 0px;
}
.marginTB80 {
  clear: both;
  margin: 80px 0px;
}
.marginTB90 {
  clear: both;
  margin: 90px 0px;
}
.marginTB100 {
  clear: both;
  margin: 100px 0px;
}
/*レフト&ライト*/
.marginLR0 {
  clear: both;
  margin: 0px 0px !important;
}
.marginLR5 {
  clear: both;
  margin: 0px 5px;
}
.marginLR10 {
  clear: both;
  margin: 0px 10px;
}
.marginLR15 {
  clear: both;
  margin: 0px 15px;
}
.marginLR20 {
  clear: both;
  margin: 0px 20px;
}
.marginLR30 {
  clear: both;
  margin: 0px 30px;
}
.marginLR40 {
  clear: both;
  margin: 0px 40px;
}
.marginLR50 {
  clear: both;
  margin: 0px 50px;
}
.marginLR60 {
  clear: both;
  margin: 0px 60px;
}
.marginLR70 {
  clear: both;
  margin: 0px 70px;
}
.marginLR80 {
  clear: both;
  margin: 0px 80px;
}
.marginLR90 {
  clear: both;
  margin: 0px 90px;
}
.marginLR100 {
  clear: both;
  margin: 0px 100px;
}
/*全方向*/
.marginTBLR0 {
  clear: both;
  margin: 0px !important;
}
.marginTBLR5 {
  clear: both;
  margin: 5px;
}
.marginTBLR10 {
  clear: both;
  margin: 10px;
}
.marginTBLR15 {
  clear: both;
  margin: 20px;
}
.marginTBLR20 {
  clear: both;
  margin: 20px;
}
.marginTBLR30 {
  clear: both;
  margin: 30px;
}
.marginTBLR40 {
  clear: both;
  margin: 40px;
}
.marginTBLR50 {
  clear: both;
  margin: 50px;
}
.marginTBLR60 {
  clear: both;
  margin: 60px;
}
.marginTBLR70 {
  clear: both;
  margin: 70px;
}
.marginTBLR80 {
  clear: both;
  margin: 80px;
}
.marginTBLR90 {
  clear: both;
  margin: 90px;
}
.marginTBLR100 {
  clear: both;
  margin: 100px;
}
/*-------------------*/
/*パディング*/
/*-------------------*/
/*トップ*/
.paddingT0 {
  clear: both;
  padding-top: 0px !important;
}
.paddingT5 {
  clear: both;
  padding-top: 5px;
}
.paddingT10 {
  clear: both;
  padding-top: 10px;
}
.paddingT15 {
  clear: both;
  padding-top: 20px;
}
.paddingT20 {
  clear: both;
  padding-top: 20px;
}
.paddingT30 {
  clear: both;
  padding-top: 30px;
}
.paddingT40 {
  clear: both;
  padding-top: 40px;
}
.paddingT50 {
  clear: both;
  padding-top: 50px;
}
.paddingT60 {
  clear: both;
  padding-top: 60px;
}
.paddingT70 {
  clear: both;
  padding-top: 70px;
}
.paddingT80 {
  clear: both;
  padding-top: 80px;
}
.paddingT90 {
  clear: both;
  padding-top: 90px;
}
.paddingT100 {
  clear: both;
  padding-top: 100px;
}
/*ボトム*/
.paddingB0 {
  clear: both;
  padding-bottom: 0px !important;
}
.paddingB5 {
  clear: both;
  padding-bottom: 5px;
}
.paddingB10 {
  clear: both;
  padding-bottom: 10px;
}
.paddingB15 {
  clear: both;
  padding-bottom: 15px;
}
.paddingB20 {
  clear: both;
  padding-bottom: 20px;
}
.paddingB30 {
  clear: both;
  padding-bottom: 30px;
}
.paddingB40 {
  clear: both;
  padding-bottom: 40px;
}
.paddingB50 {
  clear: both;
  padding-bottom: 50px;
}
.paddingB60 {
  clear: both;
  padding-bottom: 60px;
}
.paddingB70 {
  clear: both;
  padding-bottom: 70px;
}
.paddingB80 {
  clear: both;
  padding-bottom: 80px;
}
.paddingB90 {
  clear: both;
  padding-bottom: 90px;
}
.paddingB100 {
  clear: both;
  padding-bottom: 100px;
}
/*レフト*/
.paddingL0 {
  clear: both;
  padding-left: 0px !important;
}
.paddingL5 {
  clear: both;
  padding-left: 5px;
}
.paddingL10 {
  clear: both;
  padding-left: 10px;
}
.paddingL15 {
  clear: both;
  padding-left: 20px;
}
.paddingL20 {
  clear: both;
  padding-left: 20px;
}
.paddingL30 {
  clear: both;
  padding-left: 30px;
}
.paddingL40 {
  clear: both;
  padding-left: 40px;
}
.paddingL50 {
  clear: both;
  padding-left: 50px;
}
.paddingL60 {
  clear: both;
  padding-left: 60px;
}
.paddingL70 {
  clear: both;
  padding-left: 70px;
}
.paddingL80 {
  clear: both;
  padding-left: 80px;
}
.paddingL90 {
  clear: both;
  padding-left: 90px;
}
.paddingL100 {
  clear: both;
  padding-left: 100px;
}
/*ライト*/
.paddingR0 {
  clear: both;
  padding-right: 0px !important;
}
.paddingR5 {
  clear: both;
  padding-right: 5px;
}
.paddingR10 {
  clear: both;
  padding-right: 10px;
}
.paddingR15 {
  clear: both;
  padding-right: 15px;
}
.paddingR20 {
  clear: both;
  padding-right: 20px;
}
.paddingR30 {
  clear: both;
  padding-right: 30px;
}
.paddingR40 {
  clear: both;
  padding-right: 40px;
}
.paddingR50 {
  clear: both;
  padding-right: 50px;
}
.paddingR60 {
  clear: both;
  padding-right: 60px;
}
.paddingR70 {
  clear: both;
  padding-right: 70px;
}
.paddingR80 {
  clear: both;
  padding-right: 80px;
}
.paddingR90 {
  clear: both;
  padding-right: 90px;
}
.paddingR100 {
  clear: both;
  padding-right: 100px;
}
/*トップ&ボトム*/
.paddingTB0 {
  clear: both;
  padding: 0px 0px !important;
}
.paddingTB5 {
  clear: both;
  padding: 5px 0px;
}
.paddingTB10 {
  clear: both;
  padding: 10px 0px;
}
.paddingTB15 {
  clear: both;
  padding: 15px 0px;
}
.paddingTB20 {
  clear: both;
  padding: 20px 0px;
}
.paddingTB30 {
  clear: both;
  padding: 30px 0px;
}
.paddingTB40 {
  clear: both;
  padding: 40px 0px;
}
.paddingTB50 {
  clear: both;
  padding: 50px 0px;
}
.paddingTB60 {
  clear: both;
  padding: 60px 0px;
}
.paddingTB70 {
  clear: both;
  padding: 70px 0px;
}
.paddingTB80 {
  clear: both;
  padding: 80px 0px;
}
.paddingTB90 {
  clear: both;
  padding: 90px 0px;
}
.paddingTB100 {
  clear: both;
  padding: 100px 0px;
}
/*レフト&ライト*/
.paddingLR0 {
  clear: both;
  padding: 0px 0px !important;
}
.paddingLR5 {
  clear: both;
  padding: 0px 5px;
}
.paddingLR10 {
  clear: both;
  padding: 0px 10px;
}
.paddingLR15 {
  clear: both;
  padding: 0px 15px;
}
.paddingLR20 {
  clear: both;
  padding: 0px 20px;
}
.paddingLR30 {
  clear: both;
  padding: 0px 30px;
}
.paddingLR40 {
  clear: both;
  padding: 0px 40px;
}
.paddingLR50 {
  clear: both;
  padding: 0px 50px;
}
.paddingLR60 {
  clear: both;
  padding: 0px 60px;
}
.paddingLR70 {
  clear: both;
  padding: 0px 70px;
}
.paddingLR80 {
  clear: both;
  padding: 0px 80px;
}
.paddingLR90 {
  clear: both;
  padding: 0px 90px;
}
.paddingLR100 {
  clear: both;
  padding: 0px 100px;
}
/*全方向*/
.paddingTBLR0 {
  clear: both;
  padding: 0px !important;
}
.paddingTBLR5 {
  clear: both;
  padding: 5px;
}
.paddingTBLR10 {
  clear: both;
  padding: 10px;
}
.paddingTBLR15 {
  clear: both;
  padding: 20px;
}
.paddingTBLR20 {
  clear: both;
  padding: 20px;
}
.paddingTBLR30 {
  clear: both;
  padding: 30px;
}
.paddingTBLR40 {
  clear: both;
  padding: 40px;
}
.paddingTBLR50 {
  clear: both;
  padding: 50px;
}
.paddingTBLR60 {
  clear: both;
  padding: 60px;
}
.paddingTBLR70 {
  clear: both;
  padding: 70px;
}
.paddingTBLR80 {
  clear: both;
  padding: 80px;
}
.paddingTBLR90 {
  clear: both;
  padding: 90px;
}
.paddingTBLR100 {
  clear: both;
  padding: 100px;
}
/*----------------------------------------*/
/*less　変数設定                       
/*----------------------------------------*/
/*共通トップカレンダー*/
/*イベント*/
/*公開講座*/
/*同日開催*/
/*下層トップカレンダー*/
/*研修会*/
/*都市会*/
/*ブロック*/
/*新人教育*/
/*他団体*/
/*マウスオーバーアニメーション*/
/* ----------------------------------------------
マウスオーバーでサムネル画像にアニメーション追加
参考：http://gop.co.jp
<a href=""><img src=""></a>
*/
/*Zoom*/
/*Zoom & Rotation*/
/*----------------------------------------------*/
/*---------------------------*/
/*---------------------------*/
/*基本スタイル*/
.mv {
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
}
.mv.move:nth-child(2) {
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
}
.mv.move:nth-child(3) {
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
}
.mv.move:nth-child(4) {
  transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
}
.mv.move:nth-child(5) {
  transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
}
.mv.move:nth-child(6) {
  transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
}
.mv.move:nth-child(7) {
  transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
}
.mv.move:nth-child(8) {
  transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  -ms-transition-delay: 0.7s;
}
.mv.move:nth-child(9) {
  transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -ms-transition-delay: 0.8s;
}
.mv.move:nth-child(10) {
  transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
}
/*フェード*/
.mv_fade {
  opacity: 0;
}
.mv_fade.move {
  opacity: 1;
}
/*上移動*/
.mv_top {
  transform: translateX(0) translateY(30px);
  -webkit-transform: translateX(0) translateY(30px);
  -moz-transform: translateX(0) translateY(30px);
  -ms-transform: translateX(0) translateY(30px);
}
.mv_top.move {
  transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
}
/*下移動*/
.mv_bottom {
  transform: translateX(0) translateY(-30px);
  -webkit-transform: translateX(0) translateY(-30px);
  -moz-transform: translateX(0) translateY(-30px);
  -ms-transform: translateX(0) translateY(-30px);
}
.mv_bottom.move {
  transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
}
/*左移動*/
.mv_left {
  opacity: 0;
  transform: translateX(30px) translateY(0px);
  -webkit-transform: translateX(30px) translateY(0px);
  -moz-transform: translateX(30px) translateY(0px);
  -ms-transform: translateX(30px) translateY(0px);
}
.mv_left.move {
  transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  opacity: 1;
}
/*右移動*/
.mv_right {
  transform: translateX(-30px) translateY(0px);
  -webkit-transform: translateX(-30px) translateY(0px);
  -moz-transform: translateX(-30px) translateY(0px);
  -ms-transform: translateX(-30px) translateY(0px);
}
.mv_right.move {
  transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
}
/*ちょっと縮小*/
.mv_min {
  transform: scaleX(1.1) scaleY(1.1);
  -webkit-transform: scaleX(1.1) scaleY(1.1);
  -moz-transform: scaleX(1.1) scaleY(1.1);
  -ms-transform: scaleX(1.1) scaleY(1.1);
}
.mv_min.move {
  transform: scaleX(1) scaleY(1);
  -webkit-transform: scaleX(1) scaleY(1);
  -moz-transform: scaleX(1) scaleY(1);
  -ms-transform: scaleX(1) scaleY(1);
}
/*ちょっと拡大*/
.mv_mag {
  transform: scaleX(0.9) scaleY(0.9);
  -webkit-transform: scaleX(0.9) scaleY(0.9);
  -moz-transform: scaleX(0.9) scaleY(0.9);
  -ms-transform: scaleX(0.9) scaleY(0.9);
}
.mv_mag.move {
  transform: scaleX(1) scaleY(1);
  -webkit-transform: scaleX(1) scaleY(1);
  -moz-transform: scaleX(1) scaleY(1);
  -ms-transform: scaleX(1) scaleY(1);
}
/*----------------------------------------*/
/*less　TOPカレンダー設定                       
/*----------------------------------------*/
#index,
.index.info {
  /*main*/
}
#index main,
.index.info main {
  /*article*/
}
#index main article,
.index.info main article {
  /*.calendar*/
}
#index main article section.calendar,
.index.info main article section.calendar {
  position: relative;
  /*カレンダーカテゴリー*/
  /*ul.eventCat*/
  /*.hasDatepicker*/
  /*吹き出しイベント*/
  /*.eventDate*/
}
#index main article section.calendar ul.eventCat,
.index.info main article section.calendar ul.eventCat {
  padding: 20px 0;
  text-align: center;
  /*li*/
}
#index main article section.calendar ul.eventCat li,
.index.info main article section.calendar ul.eventCat li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 5px;
  font-size: 0.9em;
  font-weight: bold;
}
#index main article section.calendar ul.eventCat li.catKouza i,
.index.info main article section.calendar ul.eventCat li.catKouza i {
  color: #87d57f;
}
#index main article section.calendar ul.eventCat li.catEvent i,
.index.info main article section.calendar ul.eventCat li.catEvent i {
  color: #d5a97f;
}
#index main article section.calendar ul.eventCat li.catMix i,
.index.info main article section.calendar ul.eventCat li.catMix i {
  color: #d681b9;
}
#index main article section.calendar ul.eventCat li:last-child,
.index.info main article section.calendar ul.eventCat li:last-child {
  margin-right: 0;
}
#index main article section.calendar .hasDatepicker,
.index.info main article section.calendar .hasDatepicker {
  /*カレンダー全体*/
  /*ui-datepicker*/
}
#index main article section.calendar .hasDatepicker .ui-datepicker,
.index.info main article section.calendar .hasDatepicker .ui-datepicker {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 100%;
  padding: 15px;
  text-align: center;
  background: #fff;
  /*カレンダーヘッダー部分*/
  /*.ui-datepicker-header*/
  /*カレンダー曜日部分*/
  /*table.ui-datepicker-calendar*/
}
#index main article section.calendar .hasDatepicker .ui-datepicker a,
.index.info main article section.calendar .hasDatepicker .ui-datepicker a {
  color: #333;
}
#index main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header,
.index.info main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header {
  padding: 0 0 20px !important;
  margin-bottom: 11px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #005bac;
  /*何年何月*/
  /*右*/
  /*左*/
}
#index main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.index.info main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  clear: both;
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
#index main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.index.info main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  float: left;
  cursor: pointer;
  margin-left: 6px;
}
#index main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.index.info main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}
#index main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.index.info main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
#index main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.index.info main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  color: #005bac;
  font-weight: bold;
  font-size: 15px;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar {
  width: 100%;
  /*td*/
  /*日曜日*/
  /*td.days_blue*/
  /*土曜日*/
  /*td.days_blue*/
  /*イベント個別設定*/
  /*td.valid_date a.ui-state-active*/
  /*td.event_event a.ui-state-active*/
  /*複数イベントの時*/
  /*td.event_event a.ui-state-active*/
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar thead th,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar thead th {
  padding: 10px;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar th,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar th,
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td {
  font-size: 15px;
  color: #666;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td {
  /*a*/
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td span,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 3px;
  color: #666;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td a,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0;
  background: #fff;
  color: #fff;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.days_red span,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.days_red span {
  color: #e65c5c;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.days_blue span,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.days_blue span {
  color: #5cc1e6;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today span,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today span {
  background: #ddd !important;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_kouza a,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_kouza a {
  background-color: #87d57f !important;
  color: #fff;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_kouza a.ui-state-active,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_kouza a.ui-state-active {
  /*background-color:#e7f7e5 !important;
									color: @topKouzaColor !important;
									font-weight:bold;*/
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_event a,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_event a {
  background-color: #d5a97f !important;
  color: #fff;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_event a.ui-state-active,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_event a.ui-state-active {
  /*background-color:#f3e6d9 !important;
									color: @topEventColor !important;
									font-weight:bold;*/
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.eventn a,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.eventn a {
  background-color: #d681b9 !important;
  color: #fff;
}
#index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.eventn a.ui-state-active,
.index.info main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.eventn a.ui-state-active {
  /*background-color:#f3d9ea !important;
									color: @catMix !important;
									font-weight:bold;*/
}
#index main article section.calendar .eventDate,
.index.info main article section.calendar .eventDate {
  position: absolute;
  left: 0;
  right: 0;
  width: 96%;
  margin: auto;
  z-index: 9999999;
  /*.eventswindow.eventn*/
  /*.eventswindow*/
}
#index main article section.calendar .eventDate .eventswindow.eventn,
.index.info main article section.calendar .eventDate .eventswindow.eventn {
  background: #fff;
  /*吹き出しアイコン*/
  /*.arrow_icon*/
}
#index main article section.calendar .eventDate .eventswindow.eventn .arrow_icon,
.index.info main article section.calendar .eventDate .eventswindow.eventn .arrow_icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../img/common/icon_calendar_arrow.png) no-repeat;
  background-size: 21px;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 21px;
  height: 15px;
}
#index main article section.calendar .eventDate .eventswindow,
.index.info main article section.calendar .eventDate .eventswindow {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 12px 10px 10px;
  position: relative;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  /*閉じるアイコン*/
  /*.close_window*/
  /*イベントの日にち*/
  /*.calendar_subtitle*/
  /*ご希望のコースをクリックしてお申し込みください*/
  /*.info_txt*/
  /*イベント詳細*/
  /*.event_box*/
}
#index main article section.calendar .eventDate .eventswindow .close_window,
.index.info main article section.calendar .eventDate .eventswindow .close_window {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  top: 10px;
  right: 13px;
  cursor: pointer;
}
#index main article section.calendar .eventDate .eventswindow .calendar_subtitle,
.index.info main article section.calendar .eventDate .eventswindow .calendar_subtitle {
  margin-bottom: 10px;
  font-size: 20px;
  color: #666;
  font-weight: bold;
}
#index main article section.calendar .eventDate .eventswindow .info_txt,
.index.info main article section.calendar .eventDate .eventswindow .info_txt {
  margin-bottom: 4px;
  font-size: 12px;
  color: #fff;
}
#index main article section.calendar .eventDate .eventswindow .event_box,
.index.info main article section.calendar .eventDate .eventswindow .event_box {
  /*.eventDateBtn*/
  /*イベント*/
  /*公開講座*/
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn {
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 100%;
  margin-bottom: 1px;
  background: #fff;
  color: #fff;
  /*a*/
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a {
  padding: 15px 45px 15px 15px;
  display: block;
  /*h2*/
  /*ul*/
  /*p*/
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a h2,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a h2 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #fff;
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a ul,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a ul {
  margin-bottom: 5px;
  line-height: 1;
  color: #fff;
  /*li*/
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a ul li,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
  font-size: 15px;
  font-weight: bold;
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a p,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a p {
  font-size: 14px;
  color: #fff;
  line-height: 1.4em;
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn i.fa,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn i.fa {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -15px;
  font-size: 20px;
  color: #fff;
}
#index main article section.calendar .eventDate .eventswindow .event_box p.eventDateBtn:last-child,
.index.info main article section.calendar .eventDate .eventswindow .event_box p.eventDateBtn:last-child {
  margin-bottom: 0;
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_event,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_event {
  background: #d5a97f;
}
#index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_kouza,
.index.info main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_kouza {
  background: #87d57f;
}
/*#index*/
/*----------------------------------------*/
/*less　下層ページカレンダー設定                       
/*----------------------------------------*/
#snd {
  /*main*/
}
#snd main {
  /*article*/
}
#snd main article {
  /*.calendar*/
}
#snd main article section.calendar {
  position: relative;
  text-align: center;
  /*カレンダーカテゴリー*/
  /*ul.eventCat*/
  /*.hasDatepicker*/
  /*吹き出しイベント*/
  /*.eventDate*/
}
#snd main article section.calendar ul.eventCat {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  width: 90% !important;
  padding: 0 20px;
  background: #ebf2f8;
  text-align: center;
  /*li*/
}
#snd main article section.calendar ul.eventCat li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 7px 0;
  margin-right: 5px;
  font-size: 0.9em;
  font-weight: bold;
}
#snd main article section.calendar ul.eventCat li i {
  line-height: 1;
}
#snd main article section.calendar ul.eventCat li.catKenshu i {
  color: #d5a97f;
}
#snd main article section.calendar ul.eventCat li.catToshikai i {
  color: #c3c677;
}
#snd main article section.calendar ul.eventCat li.catBlock i {
  color: #87d57f;
}
#snd main article section.calendar ul.eventCat li.catShinjin i {
  color: #81bad6;
}
#snd main article section.calendar ul.eventCat li.catOther i {
  color: #818fd6;
}
#snd main article section.calendar ul.eventCat li.catMix i {
  color: #d681b9;
}
#snd main article section.calendar ul.eventCat li:last-child {
  margin-right: 0;
}
#snd main article section.calendar .hasDatepicker {
  /*カレンダー全体*/
  /*ui-datepicker*/
}
#snd main article section.calendar .hasDatepicker .ui-datepicker {
  overflow: hidden;
  zoom: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 100% !important;
  padding: 30px 20px 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  /*カレンダーヘッダー部分*/
  /*.ui-datepicker-header*/
  /*カレンダー曜日部分*/
  /*table.ui-datepicker-calendar*/
}
#snd main article section.calendar .hasDatepicker .ui-datepicker a {
  color: #333;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-group {
  width: 31.5%;
  float: left;
  margin-left: 16.8px;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-group-first {
  margin-left: 0;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-row-break {
  display: none;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header {
  padding: 0 0 10px !important;
  margin-bottom: 5px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
  /*何年何月*/
  /*右*/
  /*左*/
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  clear: both;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  /*.ui-datepicker-year{
										margin-bottom:4px;
										font-size:12px;
										display:block;
										line-height:1;
									}*/
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  display: block;
  font-size: 25px;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 20px;
  background: url(../img/snd/icon_cal_left.png) no-repeat left center;
  background-size: 11px;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 20px;
  background: url(../img/snd/icon_cal_right.png) no-repeat right center;
  background-size: 11px;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
#snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 40px;
  width: 20px;
  height: 40px;
  text-indent: -999999px;
  cursor: pointer;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar {
  width: 100%;
  /*td*/
  /*日曜日*/
  /*td.days_blue*/
  /*土曜日*/
  /*td.days_blue*/
  /*イベント個別設定*/
  /*複数イベントの時*/
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar thead th {
  padding: 0;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar th,
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td {
  font-size: 11px;
  color: #666;
  text-align: center;
  font-weight: bold;
  padding: 2px 0;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td {
  /*a*/
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-bottom: 0;
  color: #666;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0;
  background: #fff;
  color: #fff;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.days_red span {
  color: #e65c5c;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.days_blue span {
  color: #5cc1e6;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today span {
  background: #ddd !important;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_kenshu a {
  background-color: #d5a97f !important;
  color: #fff;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_toshikai a {
  background-color: #c3c677 !important;
  color: #fff;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_block a {
  background-color: #87d57f !important;
  color: #fff;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_shinjin a {
  background-color: #81bad6 !important;
  color: #fff;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.event_other a {
  background-color: #818fd6 !important;
  color: #fff;
}
#snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td.valid_date.eventn a {
  background-color: #d681b9 !important;
  color: #fff;
}
#snd main article section.calendar .eventDate {
  position: absolute;
  left: 0;
  right: 0;
  width: 96%;
  margin: auto;
  z-index: 9999999;
  /*.eventswindow.eventn*/
  /*.eventswindow*/
}
#snd main article section.calendar .eventDate .eventswindow.eventn {
  background: #fff;
  text-align: left;
  /*吹き出しアイコン*/
  /*.arrow_icon*/
}
#snd main article section.calendar .eventDate .eventswindow.eventn .arrow_icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../img/common/icon_calendar_arrow.png) no-repeat;
  background-size: 21px;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 21px;
  height: 15px;
}
#snd main article section.calendar .eventDate .eventswindow {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 12px 10px 10px;
  position: relative;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  /*閉じるアイコン*/
  /*.close_window*/
  /*イベントの日にち*/
  /*.calendar_subtitle*/
  /*ご希望のコースをクリックしてお申し込みください*/
  /*.info_txt*/
  /*イベント詳細*/
  /*.event_box*/
}
#snd main article section.calendar .eventDate .eventswindow .close_window {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  top: 10px;
  right: 13px;
  cursor: pointer;
}
#snd main article section.calendar .eventDate .eventswindow .calendar_subtitle {
  margin-bottom: 10px;
  font-size: 20px;
  color: #666;
  font-weight: bold;
}
#snd main article section.calendar .eventDate .eventswindow .info_txt {
  margin-bottom: 4px;
  font-size: 12px;
  color: #fff;
}
#snd main article section.calendar .eventDate .eventswindow .event_box {
  /*.eventDateBtn*/
  /*研修会*/
  /*都市会*/
  /*ブロック*/
  /*新人*/
  /*その他*/
  /*イベント*/
  /*公開講座*/
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn {
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 100%;
  margin-bottom: 1px;
  background: #fff;
  color: #fff;
  /*a*/
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a {
  padding: 15px 45px 15px 15px;
  display: block;
  /*h2*/
  /*ul*/
  /*p*/
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a h2 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #fff;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a ul {
  margin-bottom: 5px;
  line-height: 1;
  color: #fff;
  /*li*/
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
  font-size: 15px;
  font-weight: bold;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a p {
  font-size: 14px;
  color: #fff;
  line-height: 1.4em;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn i.fa {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -15px;
  font-size: 20px;
  color: #fff;
}
#snd main article section.calendar .eventDate .eventswindow .event_box p.eventDateBtn:last-child {
  margin-bottom: 0;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_kenshu {
  background: #d5a97f;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_toshikai {
  background: #c3c677;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_block {
  background: #87d57f;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_shinjin {
  background: #81bad6;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_other {
  background: #818fd6;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_event {
  background: #d5a97f;
}
#snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn.envent_kouza {
  background: #87d57f;
}
/*#snd*/
/*----------------------------------------*/
/*スマホ　TOPカレンダー
/*----------------------------------------*/
@media screen and (max-width: 767px) {
  /*----------------------------------------*/
  /*less　TOPカレンダー設定                       
/*----------------------------------------*/
  #index {
    /*main*/
  }
  #index main {
    /*article*/
  }
  #index main article {
    /*.calendar*/
  }
  #index main article section.calendar {
    position: relative;
    /*カレンダーカテゴリー*/
    /*ul.eventCat*/
    /*カレンダー全体*/
    /*.hasDatepicker*/
    /*吹き出しイベント*/
    /*.eventDate*/
  }
  #index main article section.calendar ul.eventCat {
    width: 92%;
    margin: 0 auto;
    padding: 14px 0 6px;
    text-align: center;
    /*li*/
  }
  #index main article section.calendar ul.eventCat li {
    margin-right: 10px;
    font-size: 0.8em;
  }
  #index main article section.calendar .hasDatepicker {
    /*ui-datepicker*/
  }
  #index main article section.calendar .hasDatepicker .ui-datepicker {
    width: 92%;
    padding: 15px 5px 15px;
    margin: 0 auto;
    /*カレンダーヘッダー部分*/
    /*.ui-datepicker-header*/
    /*カレンダー曜日部分*/
    /*table.ui-datepicker-calendar*/
  }
  #index main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header {
    padding: 0 0 10px !important;
  }
  #index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar {
    width: 100%;
    /*td*/
  }
  #index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar thead th {
    padding: 10px;
  }
  #index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar th,
  #index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td {
    font-size: 14px;
    padding: 0;
  }
  #index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td {
    /*a*/
  }
  #index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td span {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-bottom: 5px;
  }
  #index main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td a {
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  #index main article section.calendar .eventDate {
    width: 95%;
    /*.eventswindow*/
  }
  #index main article section.calendar .eventDate .eventswindow {
    padding: 12px 14px 14px;
    /*閉じるアイコン*/
    /*.close_window*/
    /*イベントの日にち*/
    /*.calendar_subtitle*/
    /*ご希望のコースをクリックしてお申し込みください*/
    /*.info_txt*/
    /*イベント詳細*/
    /*.event_box*/
  }
  #index main article section.calendar .eventDate .eventswindow .close_window {
    top: 8px;
  }
  #index main article section.calendar .eventDate .eventswindow .calendar_subtitle {
    font-size: 14px;
  }
  #index main article section.calendar .eventDate .eventswindow .info_txt {
    margin-bottom: 4px;
    font-size: 12px;
    color: #fff;
  }
  #index main article section.calendar .eventDate .eventswindow .event_box {
    /*.eventDateBtn*/
  }
  #index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn {
    /*a*/
  }
  #index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a {
    padding: 15px 35px 15px 15px;
    /*h2*/
    /*ul*/
  }
  #index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a h2 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1.3;
  }
  #index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a ul li {
    font-size: 14px;
  }
  #index main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a p {
    font-size: 13px;
    line-height: 1.3;
  }
  /*#index*/
  /*----------------------------------------*/
  /*less　下層ページカレンダー設定                       
/*----------------------------------------*/
  #snd {
    /*main*/
  }
  #snd main {
    /*article*/
  }
  #snd main article {
    /*.calendar*/
  }
  #snd main article section.calendar {
    /*カレンダーカテゴリー*/
    /*ul.eventCat*/
    /*カレンダー全体*/
    /*.hasDatepicker*/
    /*吹き出しイベント*/
    /*.eventDate*/
  }
  #snd main article section.calendar ul.eventCat {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    width: 250px !important;
    padding: 6px 10px 8px;
    line-height: 1.3;
    /*li*/
  }
  #snd main article section.calendar ul.eventCat li {
    padding: 0;
    margin-right: 4px;
    font-size: 0.8em;
    line-height: 1;
  }
  #snd main article section.calendar ul.eventCat li i {
    line-height: 1;
  }
  #snd main article section.calendar .hasDatepicker {
    /*ui-datepicker*/
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker {
    width: 92%;
    padding: 40px 5px 15px;
    margin: 0 auto;
    /*カレンダーヘッダー部分*/
    /*.ui-datepicker-header*/
    /*カレンダー曜日部分*/
    /*table.ui-datepicker-calendar*/
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-group {
    display: none;
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-group-first {
    display: block;
    width: 100%;
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
  #snd main article section.calendar .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    top: 50px;
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar {
    width: 100%;
    /*td*/
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar thead th {
    padding: 10px;
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar th,
  #snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td {
    font-size: 14px;
    padding: 0;
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td {
    /*a*/
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td span {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-bottom: 5px;
  }
  #snd main article section.calendar .hasDatepicker .ui-datepicker table.ui-datepicker-calendar td a {
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  #snd main article section.calendar .eventDate {
    width: 95%;
    /*.eventswindow*/
  }
  #snd main article section.calendar .eventDate .eventswindow {
    padding: 12px 14px 14px;
    /*閉じるアイコン*/
    /*.close_window*/
    /*イベントの日にち*/
    /*.calendar_subtitle*/
    /*ご希望のコースをクリックしてお申し込みください*/
    /*.info_txt*/
    /*イベント詳細*/
    /*.event_box*/
  }
  #snd main article section.calendar .eventDate .eventswindow .close_window {
    top: 8px;
  }
  #snd main article section.calendar .eventDate .eventswindow .calendar_subtitle {
    font-size: 14px;
  }
  #snd main article section.calendar .eventDate .eventswindow .info_txt {
    margin-bottom: 4px;
    font-size: 12px;
    color: #fff;
  }
  #snd main article section.calendar .eventDate .eventswindow .event_box {
    /*.eventDateBtn*/
  }
  #snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn {
    /*a*/
  }
  #snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a {
    padding: 15px 35px 15px 15px;
    /*h2*/
    /*ul*/
  }
  #snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a h2 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1.3;
  }
  #snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a ul li {
    font-size: 14px;
  }
  #snd main article section.calendar .eventDate .eventswindow .event_box .eventDateBtn a p {
    font-size: 13px;
    line-height: 1.3;
  }
  /*#index*/
}
/*@media*/
/*----------------------------------------*/
/*ページ基礎                         
/*----------------------------------------*/
body {
  font-family: "游ゴシック", YuGothic, 'Yu Gothic', "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
  *font-family: "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #333;
  position: relative;
}
/*アンカー*/
a:link,
a:visited {
  color: #005bac;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/*PC表示*/
.smp {
  display: none;
}
.pc {
  display: block;
}
/*アイコンフォント関連*/
i.fa {
  position: relative;
  top: 0.5px;
  font-size: 120%;
  line-height: 1.5;
}
i.fa.L {
  padding-right: 0.3em;
}
i.fa.R {
  padding-left: 0.3em;
}
i.fa.LR {
  padding: 0 0.3em;
}
/*遅延ロード関連*/
.lazyload,
.lazyloading {
  position: relative;
  opacity: 0.3;
  background-color: #f1f1f1 !important;
}
.lazyloader {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}
.lazyloaded {
  position: relative;
  opacity: 1;
  transition: opacity 1000ms;
}
.lazyloaded .lazyloader {
  opacity: 0;
}
h1.seo {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99999;
  text-align: center;
  font-size: 11px;
  line-height: 1;
  width: 960px;
  margin: auto;
}
h1.seo::before,
h1.seo::after {
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 13%;
  height: 1px;
  margin: auto;
  background: #ccc;
}
h1.seo::before {
  right: 0;
}
h1.seo::after {
  left: 0;
}
.wrapper {
  width: 960px;
  margin: 0 auto;
}
/*.wrapper*/
/*----------------------------------------*/
/*ヘッダー                        
/*----------------------------------------*/
header {
  position: relative;
  /*#headtool*/
  /*#glnavi*/
}
header #headtool {
  overflow: hidden;
  zoom: 1;
  position: relative;
  padding: 18px 0;
  /*.left*/
  /*.right*/
  /*.search*/
}
header #headtool .left {
  float: left;
}
header #headtool .right {
  overflow: hidden;
  zoom: 1;
  float: right;
  margin-top: 3px;
  /*p*/
  /*ul*/
}
header #headtool .right p.tel {
  float: left;
  padding-top: 3px;
  font-size: 14px;
  line-height: 1;
  text-align: right;
  font-weight: bold;
  /*span*/
}
header #headtool .right p.tel span {
  display: block;
  padding-top: 5px;
  font-size: 26px;
  /*i*/
}
header #headtool .right p.tel span i {
  font-size: 100%;
  line-height: 1;
}
header #headtool .right ul {
  float: right;
  font-size: 0;
  margin-left: 10px;
  /*li*/
}
header #headtool .right ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 5px;
  font-size: 14px;
}
header #headtool .right ul li a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: block;
  padding: 10px 14px;
  background: #d57fa0;
  color: #fff;
  line-height: 1;
}
header #headtool .search_smp {
  display: none;
}
header #headtool .search {
  position: absolute;
  top: 29px;
  left: 320px;
}
header #headtool .search input[type="text"] {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 30px;
  width: 180px;
  padding: 0 10px;
  border: 1px solid #bbb;
  background: #efefef;
}
header #headtool .search input[type="image"] {
  width: 25px;
  margin-left: 4px;
}
header #headtool .search input[type="image"] img {
  width: 100%;
  height: auto;
}
header #glnavi {
  position: relative;
  background: rgba(179, 211, 239, 0.4);
  z-index: 99999;
  width: 100%;
  border-bottom: 5px solid #2d77b9;
  /*ol*/
}
header #glnavi ol {
  text-align: center;
  font-size: 0;
  line-height: 1;
  border-top: 1px solid #e6e6e6;
  /*li:hover*/
  /*a.gnB::after*/
  /*a.gnB::after*/
  /*a.gnB::after*/
  /*a.gnB::after*/
  /*.menu*/
}
header #glnavi ol li.gn1,
header #glnavi ol li.gn2,
header #glnavi ol li.gn3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 320px;
  font-size: 20px;
  font-weight: bold;
  background: #fff;
}
header #glnavi ol li.gn1 a.gnB,
header #glnavi ol li.gn2 a.gnB,
header #glnavi ol li.gn3 a.gnB {
  position: relative;
  display: block;
  padding: 20px 0 35px;
}
header #glnavi ol li.gn1 a.gnB::after,
header #glnavi ol li.gn2 a.gnB::after,
header #glnavi ol li.gn3 a.gnB::after {
  content: "　";
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 0;
  width: 13%;
  height: 4px;
  margin: auto;
  background: #2d77b9;
}
header #glnavi ol li.pcHover:hover {
  background-color: #4c8bc3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4c8bc3), to(#2d77b9));
  background-image: -webkit-linear-gradient(top, #4c8bc3, #2d77b9);
  background-image: -moz-linear-gradient(top, #4c8bc3, #2d77b9);
  background-image: -ms-linear-gradient(top, #4c8bc3, #2d77b9);
  background-image: -o-linear-gradient(top, #4c8bc3, #2d77b9);
  /*a.gnB::after*/
}
header #glnavi ol li.pcHover:hover a.gnB {
  color: #fff;
  opacity: 1;
}
header #glnavi ol li.pcHover:hover a.gnB::after {
  background: #fff;
}
header #glnavi ol li.pcHover:hover .menu {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  max-height: 9999px;
  opacity: 1;
  -webkit-box-shadow: 0 4px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 3px 0px rgba(0, 0, 0, 0.2);
}
header #glnavi ol li.pcHover.gn1:hover::after,
header #glnavi ol li.pcHover.gn2:hover::after,
header #glnavi ol li.pcHover.gn3:hover::after {
  content: "　";
  width: 100%;
  height: 9px;
  background: url(../img/common/mega_arrow.png) no-repeat 50% bottom;
  background-size: 20px;
  position: absolute;
  bottom: -14px;
  margin: auto;
  z-index: 99999999;
}
header #glnavi ol li.pcHover.gn1:hover::after li:hover::after,
header #glnavi ol li.pcHover.gn2:hover::after li:hover::after,
header #glnavi ol li.pcHover.gn3:hover::after li:hover::after {
  display: none;
}
header #glnavi ol li.pcHover.gn1:hover::after {
  left: -320px;
}
header #glnavi ol li.pcHover.gn2:hover::after {
  left: 0;
}
header #glnavi ol li.pcHover.gn3:hover::after {
  left: 320px;
}
header #glnavi ol li.gn1 a.gnB {
  border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
}
header #glnavi ol li.gn2 {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
header #glnavi ol li.gn3 a.gnB {
  border-radius: 0 4px 0 0;
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
}
header #glnavi ol .menu {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  max-height: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  width: 100%;
  background: url(../img/common/megaLine.gif) top repeat-x rgba(255, 255, 255, 0.9);
  background-size: 2px;
  overflow: hidden;
  z-index: 9999;
  /*ul.menu_inner*/
}
header #glnavi ol .menu ul.menu_inner {
  padding: 40px 0 15px;
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  /*li*/
}
header #glnavi ol .menu ul.menu_inner li {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 230px;
  margin-left: 13px;
  margin-bottom: 25px;
  /*a*/
}
header #glnavi ol .menu ul.menu_inner li a {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: block;
  position: relative;
  overflow: hidden;
  height: 130px;
  /*img*/
  /*p*/
}
header #glnavi ol .menu ul.menu_inner li a img {
  width: 100%;
  height: auto;
}
header #glnavi ol .menu ul.menu_inner li a p {
  background-color: rgba(111, 169, 220, 0.75);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 169, 220, 0.75)), to(rgba(86, 154, 214, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -moz-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -ms-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -o-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 16px 2px;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.1em;
  /*i*/
}
header #glnavi ol .menu ul.menu_inner li a p i {
  line-height: 0.8;
}
header #glnavi ol .menu ul.menu_inner li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
header #glnavi ol .menu ul.menu_inner li:nth-child(4n-3) {
  margin-left: 0;
}
/*header*/
body {
  /*#footerBanner*/
}
body #footerBanner {
  padding: 40px 0 70px;
  background: url(../img/common/bannerBg.gif);
  background-size: 8px;
  /*ul*/
}
body #footerBanner ul {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.08);
  padding: 30px 25px 10px;
  background: #fff;
  /*li*/
}
body #footerBanner ul li {
  width: 213px;
  margin: 0 0 20px 19.3px;
  /*a*/
}
body #footerBanner ul li a {
  display: block;
  /*img*/
}
body #footerBanner ul li a img {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #d9d9d9;
  width: 100%;
  height: auto;
}
body #footerBanner ul li:nth-child(4n-3) {
  margin-left: 0;
}
/*body*/
/*----------------------------------------*/
/*フッター                        
/*----------------------------------------*/
footer {
  position: relative;
  padding: 0 0 60px;
  border-top: 5px solid #005bac;
  /*.sitemap*/
  /*.subFooter*/
  /*address*/
}
footer .sitemap {
  position: relative;
  padding: 45px 0 70px;
  /*.pageTop*/
  /*.wrap*/
}
footer .sitemap .pageTop {
  position: absolute;
  top: -49px;
  right: 0;
  /*a*/
}
footer .sitemap .pageTop a {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  display: block;
  padding: 12px 35px;
  background: #005bac;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  /*i*/
}
footer .sitemap .pageTop a i {
  line-height: 1;
}
footer .sitemap .wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  /*dl*/
  /*ul*/
}
footer .sitemap .wrap dl {
  /*dt*/
  /*dd*/
}
footer .sitemap .wrap dl dt {
  margin-bottom: 4px;
  /*a*/
}
footer .sitemap .wrap dl dt a {
  font-weight: bold;
  color: #333;
  font-size: 15px;
}
footer .sitemap .wrap dl dd {
  line-height: 30px;
  /*a*/
}
footer .sitemap .wrap dl dd a {
  color: #333;
}
footer .sitemap .wrap ul {
  /*li*/
}
footer .sitemap .wrap ul li {
  margin-bottom: 14px;
}
footer .sitemap .wrap ul li a {
  font-weight: bold;
  color: #333;
  font-size: 15px;
  /*i*/
}
footer .sitemap .wrap ul li a i {
  line-height: 1;
}
footer .sitemap .wrap dl.f1 {
  width: 230px;
}
footer .sitemap .wrap dl.f2 {
  width: 240px;
}
footer .sitemap .wrap dl.f3 {
  width: 180px;
}
footer .subFooter {
  /*.wrap*/
}
footer .subFooter .wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  padding: 35px 200px 50px;
  /*p#footerLogo*/
  /*p.tel*/
  /*dl*/
}
footer .subFooter .wrap p.tel {
  text-align: right;
  font-weight: bold;
  /*span*/
}
footer .subFooter .wrap p.tel span a {
  display: block;
  padding-top: 3px;
  font-size: 30px;
  color: #333;
  /*i*/
}
footer .subFooter .wrap p.tel span a i {
  line-height: 1;
  font-size: 100%;
}
footer .subFooter .wrap dl {
  width: 226px;
  font-weight: bold;
  /*dd*/
}
footer .subFooter .wrap dl dd {
  font-size: 12px;
  line-height: 1.4;
}
footer address {
  text-align: center;
  font-size: 10px;
}
/*fotter*/
/* CSS Document */
/*----------------------------------------*/
/*       総合トップページ             
/*----------------------------------------*/
#index {
  /*h1.contentsTitle*/
  /*スライダー*/
  /*#slide*/
  /*#about*/
  /*カレンダー＆新着日程*/
  /*#eventDay*/
  /*報告*/
  /*#eventHoukoku*/
  /*一般のみなさまへ*/
  /*#info*/
}
#index h1.contentsTitle {
  position: relative;
  width: 960px;
  margin: 0 auto 50px;
  text-align: center;
  color: #005bac;
  font-size: 28px;
  /*span*/
}
#index h1.contentsTitle span {
  display: block;
  padding-bottom: 6px;
  font-size: 14px;
}
#index h1.contentsTitle::before,
#index h1.contentsTitle::after {
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40%;
  height: 1px;
  margin: auto;
  background: #005bac;
}
#index h1.contentsTitle::before {
  right: 0;
}
#index h1.contentsTitle::after {
  left: 0;
}
#index #slide {
  /*.bx-wrapper*/
}
#index #slide .bx-wrapper {
  /*.bxslider*/
  /*.bx-default-pager*/
}
#index #slide .bx-wrapper .smp {
  display: none;
}
#index #slide .bx-wrapper .bxslider {
  /*img*/
}
#index #slide .bx-wrapper .bxslider img {
  width: 100%;
  height: auto;
}
#index #slide .bx-wrapper .bx-default-pager {
  /*a*/
}
#index #about {
  padding: 70px 0;
  background: #fff;
}
#index #about h1.contentsTitle {
  margin-bottom: 40px;
}
#index #about h1.contentsTitle::before,
#index #about h1.contentsTitle::after {
  width: 28%;
}
#index #about .wrapper {
  text-align: center;
  /*dl*/
}
#index #about .wrapper dl {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 35px 30px;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.07);
}
#index #about .wrapper dl dt {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}
#index #about .wrapper dl dd {
  font-size: 14px;
  line-height: 1.5;
}
#index #eventDay {
  padding: 40px 0 75px;
  background: #f5faff;
  /*.eventDayTitle*/
  /*共通*/
  /*カレンダー*/
  /*.calendar*/
  /*最新日程*/
  /*.eventList*/
}
#index #eventDay h1.eventDayTitle {
  position: relative;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  background-color: #9dc0df;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9dc0df), to(#7fadd5));
  background-image: -webkit-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -moz-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -ms-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -o-linear-gradient(top, #9dc0df, #7fadd5);
  text-align: center;
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  /*span*/
}
#index #eventDay h1.eventDayTitle span {
  display: block;
  padding: 15px 0;
}
#index #eventDay .calendar,
#index #eventDay .eventList {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  width: 48.5%;
  background: #fff;
}
#index #eventDay .calendar {
  float: left;
  /*.eventDayTitle*/
}
#index #eventDay .calendar h1.eventDayTitle {
  /*span*/
}
#index #eventDay .calendar h1.eventDayTitle span {
  background: url(../img/top/icon_calendar.png) no-repeat 0px -10px;
  background-size: 95px;
}
#index #eventDay .eventList {
  float: right;
  padding-bottom: 18px;
  /*.eventDayTitle*/
  /*ul*/
  /*.linkBtn*/
}
#index #eventDay .eventList h1.eventDayTitle {
  /*span*/
}
#index #eventDay .eventList h1.eventDayTitle span {
  background: url(../img/top/icon_eventList.png) no-repeat 0px -6px;
  background-size: 93px;
}
#index #eventDay .eventList ul {
  padding: 0 15px 20px;
  /*li*/
  /*イベント*/
  /*li.event*/
  /*講座*/
  /*li.kouza*/
}
#index #eventDay .eventList ul li {
  position: relative;
  background: url(../img/common/eventList_dotted.gif) repeat-x left bottom;
  background-size: 8px;
  /*a*/
  /*i*/
}
#index #eventDay .eventList ul li a {
  overflow: hidden;
  zoom: 1;
  position: relative;
  display: block;
  padding: 20px 0;
  /*.left_photo*/
  /*left_photo*/
}
#index #eventDay .eventList ul li a .left_photo {
  float: left;
  width: 115px;
}
#index #eventDay .eventList ul li a .right_txt {
  float: right;
  width: 310px;
  padding-right: 20px;
  /*p.day*/
  /*p.txt*/
}
#index #eventDay .eventList ul li a .right_txt p.day {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1;
  font-weight: bold;
  /*span*/
}
#index #eventDay .eventList ul li a .right_txt p.day span {
  padding: 3px 15px;
  margin-right: 8px;
  font-size: 13px;
  color: #fff;
  vertical-align: 0;
}
#index #eventDay .eventList ul li a .right_txt p.txt {
  height: 50px;
  font-size: 15px;
  color: #333;
  font-weight: bold;
}
#index #eventDay .eventList ul li i {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 30px;
  font-size: 30px;
  line-height: 1;
}
#index #eventDay .eventList ul li.event {
  /*a*/
  /*i*/
}
#index #eventDay .eventList ul li.event a {
  /*.left_photo*/
  /*left_photo*/
}
#index #eventDay .eventList ul li.event a .left_photo img {
  border: 1px solid #d5a97f;
}
#index #eventDay .eventList ul li.event a .right_txt {
  /*p.day*/
}
#index #eventDay .eventList ul li.event a .right_txt p.day {
  color: #d5a97f;
  /*span*/
}
#index #eventDay .eventList ul li.event a .right_txt p.day span {
  background: #d5a97f;
}
#index #eventDay .eventList ul li.event i {
  color: #d5a97f;
}
#index #eventDay .eventList ul li.kouza {
  /*a*/
  /*i*/
}
#index #eventDay .eventList ul li.kouza a {
  /*.left_photo*/
  /*left_photo*/
}
#index #eventDay .eventList ul li.kouza a .left_photo img {
  border: 1px solid #87d57f;
}
#index #eventDay .eventList ul li.kouza a .right_txt {
  /*p.day*/
}
#index #eventDay .eventList ul li.kouza a .right_txt p.day {
  color: #87d57f;
  /*span*/
}
#index #eventDay .eventList ul li.kouza a .right_txt p.day span {
  background: #87d57f;
}
#index #eventDay .eventList ul li.kouza i {
  color: #87d57f;
}
#index #eventDay .eventList .linkBtn {
  width: 190px;
  margin: 0 auto;
  text-align: center;
  /*a*/
}
#index #eventDay .eventList .linkBtn a {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #1f6fb6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1f6fb6), to(#005bac));
  background-image: -webkit-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -moz-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -ms-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -o-linear-gradient(top, #1f6fb6, #005bac);
  display: block;
  padding: 8px 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
#index #eventHoukoku {
  padding: 75px 0;
  background: url(../img/top/houkokuBg.jpg) no-repeat fixed bottom;
  background-size: cover;
  /*ul*/
  /*.linkBtn*/
}
#index #eventHoukoku ul {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 50px;
  /*li*/
  /*イベント*/
  /*li.event*/
  /*公開講座*/
  /*li.kouza*/
}
#index #eventHoukoku ul li {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 226px;
  margin-left: 20px;
  /*a*/
}
#index #eventHoukoku ul li a {
  /*.photo*/
  /*dl*/
}
#index #eventHoukoku ul li a .photo {
  position: relative;
  /*img*/
  /*p*/
}
#index #eventHoukoku ul li a .photo img {
  width: 100%;
  height: auto;
}
#index #eventHoukoku ul li a .photo p {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
#index #eventHoukoku ul li a dl {
  padding: 19px 12px;
  background: #fff;
  /*dt*/
  /*dd*/
}
#index #eventHoukoku ul li a dl dt {
  height: 65px;
  color: #ff0000;
  font-weight: bold;
  /*span*/
}
#index #eventHoukoku ul li a dl dt span {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  color: #333;
}
#index #eventHoukoku ul li a dl dd {
  margin-top: 12px;
  padding-top: 12px;
  background: url(../img/common/eventList_dotted.gif) repeat-x top left;
  background-size: 8px;
  text-align: center;
  color: #333;
  font-weight: bold;
  line-height: 1;
}
#index #eventHoukoku ul li a dl dd i {
  line-height: 1;
}
#index #eventHoukoku ul li.event {
  /*a*/
}
#index #eventHoukoku ul li.event a {
  /*.photo*/
  /*dl*/
}
#index #eventHoukoku ul li.event a .photo {
  /*p*/
}
#index #eventHoukoku ul li.event a .photo p {
  background: #d5a97f;
}
#index #eventHoukoku ul li.event a dl {
  /*dt*/
}
#index #eventHoukoku ul li.event a dl dt {
  color: #d5a97f;
}
#index #eventHoukoku ul li.kouza {
  /*a*/
}
#index #eventHoukoku ul li.kouza a {
  /*.photo*/
  /*dl*/
}
#index #eventHoukoku ul li.kouza a .photo {
  /*p*/
}
#index #eventHoukoku ul li.kouza a .photo p {
  background: #87d57f;
}
#index #eventHoukoku ul li.kouza a dl {
  /*dt*/
}
#index #eventHoukoku ul li.kouza a dl dt {
  color: #87d57f;
}
#index #eventHoukoku ul li:first-child {
  margin-left: 0;
}
#index #eventHoukoku .linkBtn {
  width: 190px;
  margin: 0 auto;
  text-align: center;
  /*a*/
}
#index #eventHoukoku .linkBtn a {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #1f6fb6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1f6fb6), to(#005bac));
  background-image: -webkit-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -moz-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -ms-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -o-linear-gradient(top, #1f6fb6, #005bac);
  display: block;
  padding: 8px 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
#index #info {
  padding: 50px 0;
  /*ul*/
}
#index #info h1.contentsTitle::before,
#index #info h1.contentsTitle::after {
  width: 32%;
}
#index #info ul {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  /*li*/
}
#index #info ul li {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 312px;
  /*a*/
}
#index #info ul li a {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: block;
  position: relative;
  overflow: hidden;
  /*img*/
  /*p*/
}
#index #info ul li a img {
  width: 100%;
  height: auto;
}
#index #info ul li a p {
  background-color: rgba(111, 169, 220, 0.75);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 169, 220, 0.75)), to(rgba(86, 154, 214, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -moz-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -ms-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -o-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 16px 0;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 15px;
  font-weight: bold;
  /*i*/
}
#index #info ul li a p i {
  line-height: 0.8;
}
/*#index*/
/* CSS Document */
/*----------------------------------------*/
/*          下層ページ共通
/*----------------------------------------*/
#snd {
  /*ヘッダー画像*/
  /*#pagePhoto*/
  /*.mainContents*/
  /*左コンテンツ*/
  /*.leftContent*/
  /*右コンテンツ*/
  /*.rightContent*/
}
#snd #pagePhoto {
  margin-bottom: 50px;
  /*img*/
}
#snd #pagePhoto img {
  width: 100%;
  height: auto;
}
#snd .mainContents {
  position: relative;
}
#snd .leftContent {
  position: relative;
  top: -152px;
  float: left;
  width: 267px;
  /*h1.leftTitle*/
  /*左ナビ*/
  /*ul.leftNavi*/
  /*左バナー*/
  /*ul.leftBanner*/
  /*左バナー*/
  /*div.leftContact*/
}
#snd .leftContent h1.leftTitle {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  background-color: #9dc0df;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9dc0df), to(#7fadd5));
  background-image: -webkit-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -moz-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -ms-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -o-linear-gradient(top, #9dc0df, #7fadd5);
  padding: 35px 0 22px;
  text-align: center;
  font-size: 23px;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  /*span*/
}
#snd .leftContent h1.leftTitle span {
  display: block;
  padding-top: 10px;
  font-size: 12px;
}
#snd .leftContent ul.leftNavi {
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  margin-bottom: 40px;
  background: #f0f3f5;
  /*li*/
}
#snd .leftContent ul.leftNavi li {
  border-bottom: 1px solid #d4d5d6;
  -webkit-box-shadow: 0 1px 0px 0px #ffffff;
  -moz-box-shadow: 0 1px 0px 0px #ffffff;
  box-shadow: 0 1px 0px 0px #ffffff;
  /*a*/
}
#snd .leftContent ul.leftNavi li a {
  display: block;
  padding: 25px 10px 25px 20px;
  color: #333;
  letter-spacing: -0.05em;
  line-height: 1;
  /*i*/
}
#snd .leftContent ul.leftNavi li a i {
  line-height: 1;
}
#snd .leftContent ul.leftNavi li:last-child {
  border-bottom: none;
}
#snd .leftContent ul.leftBanner {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 25px;
  background: #f5f5f5;
  /*li*/
}
#snd .leftContent ul.leftBanner li {
  margin-bottom: 6px;
  /*a*/
}
#snd .leftContent ul.leftBanner li a {
  display: block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  overflow: hidden;
  /*img*/
}
#snd .leftContent ul.leftBanner li a img {
  width: 100%;
  height: auto;
}
#snd .leftContent div.leftContact {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-bottom: 30px;
  border: 1px solid #e6e6e6;
  /*h2*/
  /*.wrap*/
}
#snd .leftContent div.leftContact h2 {
  padding: 45px 0 70px 15px;
  font-size: 19px;
  color: #005bac;
  background: url(../img/common/contactBg.png) 115px 45px no-repeat #e9edf2;
  background-size: 135px auto;
}
#snd .leftContent div.leftContact .wrap {
  padding: 25px 20px;
  /*dl*/
}
#snd .leftContent div.leftContact .wrap p {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  margin-bottom: 20px;
  padding: 8px 0;
  background: #f5f5f5;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
}
#snd .leftContent div.leftContact .wrap dl {
  /*dt*/
  /*dd.ad*/
  /*dd.number*/
  /*dd.email*/
}
#snd .leftContent div.leftContact .wrap dl dt {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
#snd .leftContent div.leftContact .wrap dl dd.ad {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.3;
}
#snd .leftContent div.leftContact .wrap dl dd.number {
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
}
#snd .leftContent div.leftContact .wrap dl dd.email {
  font-size: 15px;
  font-weight: bold;
}
#snd .rightContent {
  float: right;
  width: 655px;
  margin-bottom: 100px;
  /*h1.contentsTitle*/
  /*----------------------------------------*/
  /*          投稿コンテンツ内部
			/*----------------------------------------*/
  /*.wrap*/
  /*最新日程*/
  /*#oshiraseList*/
  /*お知らせ*/
  /*#news*/
  /*カレンダー*/
  /*#eventDay*/
  /*一般のみなさまへ*/
  /*#info*/
}
#snd .rightContent h1.contentsTitle {
  position: relative;
  margin: 0 auto 25px;
  text-align: center;
  color: #005bac;
  font-size: 20px;
  /*span*/
}
#snd .rightContent h1.contentsTitle span {
  display: block;
  padding-bottom: 6px;
  font-size: 14px;
}
#snd .rightContent h1.contentsTitle::before,
#snd .rightContent h1.contentsTitle::after {
  content: "　";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20%;
  height: 1px;
  margin: auto;
  background: #005bac;
}
#snd .rightContent h1.contentsTitle::before {
  right: 0;
}
#snd .rightContent h1.contentsTitle::after {
  left: 0;
}
#snd .rightContent .wrap {
  /*h4*/
  /*h5*/
  /*h5*/
  /*.singlettl*/
  /*.singlettl::after*/
  /*サイトマップ*/
  /*.sitemap*/
  /*研修会・講習会*/
  /*ol.eventnavi*/
  /*table*/
  /*局部委員会*/
  /*.form_pass*/
  /*ul*/
}
#snd .rightContent .wrap h1.head1 {
  position: relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #9dc0df;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9dc0df), to(#7fadd5));
  background-image: -webkit-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -moz-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -ms-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -o-linear-gradient(top, #9dc0df, #7fadd5);
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  /*span*/
}
#snd .rightContent .wrap h1.head1 span {
  display: block;
  padding: 15px 0;
  /*img*/
}
#snd .rightContent .wrap h1.head1 span img {
  margin-right: 4px;
}
#snd .rightContent .wrap h1 + p {
  margin-bottom: 20px;
}
#snd .rightContent .wrap h2 {
  margin-bottom: 20px;
  padding: 4px 0;
  text-align: center;
  background: #005bac;
  color: #fff;
  font-size: 16px;
}
#snd .rightContent .wrap h3 {
  padding-left: 12px;
  margin-bottom: 15px;
  font-size: 18px;
  border-left: 5px solid #333;
}
#snd .rightContent .wrap h4 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: linear-gradient(transparent 40%, #ebf2f8 0%);
  background: -webkit-linear-gradient(transparent 40%, #ebf2f8 0%);
  background: -moz-linear-gradient(transparent 40%, #ebf2f8 0%);
  background-image: -ms-linear-gradient(transparent 40%, #ebf2f8 0%);
  background-image: -o-linear-gradient(transparent 40%, #ebf2f8 0%);
  margin: 15px 0 8px;
  line-height: 1.5;
  font-size: 16px;
  color: #005bac;
}
#snd .rightContent .wrap h5 {
  position: relative;
  padding: 0 1em 0 1.5em;
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 15px;
}
#snd .rightContent .wrap h5::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  width: 14px;
  height: 14px;
  border: 4px solid #333;
  border-radius: 100%;
}
#snd .rightContent .wrap .singlettl {
  position: relative;
  margin-bottom: 10px;
  text-align: center;
  /*p.title*/
}
#snd .rightContent .wrap .singlettl p.title {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 20px;
  background: #fff;
  color: #005bac;
  font-weight: bold;
  font-size: 16px;
  z-index: 2;
}
#snd .rightContent .wrap .singlettl::after {
  content: "　";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #005bac;
  z-index: 1;
}
#snd .rightContent .wrap a {
  word-break: break-all;
}
#snd .rightContent .wrap a.txt_link {
  display: block;
  position: relative;
  padding: 0 0 0 12px;
  margin-bottom: 5px;
}
#snd .rightContent .wrap a.txt_link::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5px;
  height: 8px;
  background: url("http://www.pttokyo.net/common/img/common/arrow_right_blue.png") no-repeat left top / 5px auto;
}
#snd .rightContent .wrap .sitemap {
  /*p*/
  /*ul*/
}
#snd .rightContent .wrap .sitemap p {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #999;
}
#snd .rightContent .wrap .sitemap ul {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
  /*li*/
}
#snd .rightContent .wrap .sitemap ul li {
  width: 30%;
  margin-left: 32px;
  margin-bottom: 30px;
  line-height: 1.3;
  border-bottom: 1px dotted #999;
  /*a*/
}
#snd .rightContent .wrap .sitemap ul li a {
  display: block;
}
#snd .rightContent .wrap .sitemap ul li a.txt_link::after {
  top: 5px;
  bottom: auto;
}
#snd .rightContent .wrap .sitemap ul li:nth-child(3n-2) {
  margin-left: 0;
}
#snd .rightContent .wrap ol.eventnavi {
  /*li*/
}
#snd .rightContent .wrap ol.eventnavi li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /*a*/
}
#snd .rightContent .wrap ol.eventnavi li a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: block;
  padding: 5px 12px;
  border: 1px solid #005bac;
  color: #005bac;
  font-weight: bold;
}
#snd .rightContent .wrap ol.eventnavi li.act a {
  background: #005bac;
  color: #fff;
}
#snd .rightContent .wrap img.size-full {
  width: 100%;
  height: auto;
}
#snd .rightContent .wrap table.default {
  /*tbody*/
}
#snd .rightContent .wrap table.default tbody {
  /*tr*/
}
#snd .rightContent .wrap table.default tbody tr th,
#snd .rightContent .wrap table.default tbody tr td {
  padding: 10px 10px;
  border: 1px solid #b9b9b9;
}
#snd .rightContent .wrap table.default tbody tr th {
  text-align: center;
  background: #efefef;
}
#snd .rightContent .wrap .mt_5 {
  margin-top: 5px;
}
#snd .rightContent .wrap .mt_10 {
  margin-top: 10px;
}
#snd .rightContent .wrap .mt_15 {
  margin-top: 15px;
}
#snd .rightContent .wrap .mt_20 {
  margin-top: 20px;
}
#snd .rightContent .wrap .mb_15 {
  margin-bottom: 15px;
}
#snd .rightContent .wrap .mb_40 {
  margin-bottom: 40px;
}
#snd .rightContent .wrap .form_pass {
  /*p*/
  /*スマホにデザイン反映*/
  /*form*/
}
#snd .rightContent .wrap .form_pass p {
  margin-bottom: 10px;
  font-weight: bold;
}
#snd .rightContent .wrap .form_pass input[type="password"],
#snd .rightContent .wrap .form_pass input[type="submit"] {
  -webkit-appearance: none;
}
#snd .rightContent .wrap .form_pass form input[type="password"] {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 40%;
  margin: 0 5px 0 0;
  padding: 6px 10px;
  border: 1px solid #d4d4d4;
  font-weight: bold;
  font-size: 14px;
}
#snd .rightContent .wrap .form_pass form input[type="submit"] {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 15%;
  margin: 0;
  padding: 6px 10px;
  font-weight: bold;
  color: #fff;
  border: 1px solid #005bac;
  background: #005bac;
  font-size: 14px;
  cursor: pointer;
}
#snd .rightContent .wrap ul.kyokubu {
  margin-top: 20px;
  /*li*/
}
#snd .rightContent .wrap ul.kyokubu li {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 20px;
  margin-bottom: 5px;
  background: #f9f9f9;
  /*dl*/
}
#snd .rightContent .wrap ul.kyokubu li dl {
  /*dt*/
  /*dd*/
}
#snd .rightContent .wrap ul.kyokubu li dl dt {
  display: table-cell;
  width: 480px;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: bold;
}
#snd .rightContent .wrap ul.kyokubu li dl dd {
  display: table-cell;
  vertical-align: middle;
}
#snd .rightContent .wrap ul.kyokubu li dl dd a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px 20px;
  background: #005bac;
  color: #fff;
}
#snd .rightContent #oshiraseList {
  margin-bottom: 70px;
  /*.oshiraseTitle*/
  /*div.wrap*/
}
#snd .rightContent #oshiraseList h1.oshiraseTitle {
  position: relative;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  background-color: #9dc0df;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9dc0df), to(#7fadd5));
  background-image: -webkit-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -moz-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -ms-linear-gradient(top, #9dc0df, #7fadd5);
  background-image: -o-linear-gradient(top, #9dc0df, #7fadd5);
  text-align: center;
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  /*span*/
}
#snd .rightContent #oshiraseList h1.oshiraseTitle span {
  display: block;
  padding: 15px 0;
  /*img*/
}
#snd .rightContent #oshiraseList h1.oshiraseTitle span img {
  margin-right: 4px;
}
#snd .rightContent #oshiraseList div.wrap {
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  padding: 22px 30px;
  border: 1px solid #7fadd5;
  /*dl*/
}
#snd .rightContent #oshiraseList div.wrap dl {
  padding-bottom: 12px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
  /*dt*/
  /*dd*/
}
#snd .rightContent #oshiraseList div.wrap dl dt {
  margin-bottom: 5px;
  font-weight: bold;
  color: #005bac;
  line-height: 1;
}
#snd .rightContent #oshiraseList div.wrap dl dd {
  font-weight: bold;
  font-size: 15px;
}
#snd .rightContent #oshiraseList div.wrap dl dd a {
  text-decoration: underline;
}
#snd .rightContent #oshiraseList div.wrap dl:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
#snd .rightContent #news {
  /*.wrap*/
}
#snd .rightContent #news .wrap {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  /*ul*/
}
#snd .rightContent #news .wrap ul {
  height: 365px;
  padding: 10px 20px 0;
  overflow: scroll;
  overflow-x: hidden;
  background: #fff;
  /*li*/
}
#snd .rightContent #news .wrap ul li {
  border-bottom: 1px solid #e6e6e6;
}
#snd .rightContent #news .wrap ul li a {
  overflow: hidden;
  zoom: 1;
  position: relative;
  display: block;
  padding: 15px 20px 15px 0;
  color: #000;
  font-weight: bold;
  /*table*/
}
#snd .rightContent #news .wrap ul li a table {
  /*tr*/
}
#snd .rightContent #news .wrap ul li a table tr {
  position: relative;
  /*td.icon*/
}
#snd .rightContent #news .wrap ul li a table tr th {
  width: 7.6em;
  white-space: nowrap;
  color: #005bac;
}
#snd .rightContent #news .wrap ul li a table tr td.line {
  padding: 0 10px;
}
#snd .rightContent #news .wrap ul li a table tr td.icon i {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 18px;
  line-height: 1;
}
#snd .rightContent #news .wrap ul li:last-child {
  border-bottom: none;
}
#snd .rightContent #eventDay {
  margin-top: 60px;
}
#snd .rightContent #eventDay h1.contentsTitle {
  margin-bottom: 40px;
}
#snd .rightContent .wrap ul#ippanInfoArchives {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
#snd .rightContent .wrap ul#ippanInfoArchives li {
  width: 31%;
  margin-left: calc(7% / 2);
}
#snd .rightContent .wrap ul#ippanInfoArchives li a {
  display: block;
}
#snd .rightContent .wrap ul#ippanInfoArchives li a figure {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
#snd .rightContent .wrap ul#ippanInfoArchives li a figure::before {
  content: "";
  display: block;
  padding-top: 60%;
}
#snd .rightContent .wrap ul#ippanInfoArchives li a figure img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#snd .rightContent .wrap ul#ippanInfoArchives li a dl dt span {
  display: block;
  font-size: 80%;
  font-weight: normal;
  color: #333;
}
#snd .rightContent .wrap ul#ippanInfoArchives li a dl dt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 3em;
  line-height: 1.5em;
  color: #333;
  font-weight: bold;
}
#snd .rightContent .wrap ul#ippanInfoArchives li a dl dd {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid #ddd;
  color: #333;
  text-align: center;
  font-size: 12px;
}
#snd .rightContent .wrap ul#ippanInfoArchives li:nth-child(3n-2) {
  margin-left: 0;
}
#snd .rightContent .wrap ul#ippanInfoArchives li:nth-child(n + 4) {
  margin-top: 30px;
}
#snd .rightContent #info {
  padding: 70px 0 0;
  /*ul*/
}
#snd .rightContent #info h1.contentsTitle::before,
#snd .rightContent #info h1.contentsTitle::after {
  width: 35%;
}
#snd .rightContent #info ul {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  /*li*/
}
#snd .rightContent #info ul li {
  width: 32.4%;
  margin-left: 1.4%;
  margin-bottom: 30px;
  /*a*/
}
#snd .rightContent #info ul li a {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: block;
  position: relative;
  overflow: hidden;
  /*img*/
  /*p*/
}
#snd .rightContent #info ul li a img {
  width: 100%;
  height: auto;
}
#snd .rightContent #info ul li a p {
  background-color: rgba(111, 169, 220, 0.75);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 169, 220, 0.75)), to(rgba(86, 154, 214, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -moz-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -ms-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  background-image: -o-linear-gradient(top, rgba(111, 169, 220, 0.75), rgba(86, 154, 214, 0.75));
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.05em;
  /*i*/
}
#snd .rightContent #info ul li a p i {
  line-height: 0.8;
}
#snd .rightContent #info ul li:nth-child(3n-2) {
  margin-left: 0;
}
#snd .rightContent #news {
  margin-top: 60px;
}
#snd footer {
  margin-top: 0;
}
#snd.kensyu,
#snd.other,
#snd.new,
#snd.newblock,
#snd.toshikai {
  /*.rightContent*/
}
#snd.kensyu .rightContent,
#snd.other .rightContent,
#snd.new .rightContent,
#snd.newblock .rightContent,
#snd.toshikai .rightContent {
  /*#news*/
}
#snd.kensyu .rightContent #news,
#snd.other .rightContent #news,
#snd.new .rightContent #news,
#snd.newblock .rightContent #news,
#snd.toshikai .rightContent #news {
  margin-top: 20px;
}
/*報告一覧*/
#snd.archive {
  /*.rightContent*/
}
#snd.archive .rightContent {
  /*最新日程*/
  /*#eventHoukoku*/
}
#snd.archive .rightContent #eventHoukoku {
  /*ul*/
  /*.linkBtn*/
}
#snd.archive .rightContent #eventHoukoku ul {
  -js-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
  /*li*/
  /*イベント*/
  /*li.event*/
  /*公開講座*/
  /*li.kouza*/
}
#snd.archive .rightContent #eventHoukoku ul li {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 205px;
  margin-left: 20px;
  margin-bottom: 30px;
  /*a*/
}
#snd.archive .rightContent #eventHoukoku ul li a {
  /*.photo*/
  /*dl*/
}
#snd.archive .rightContent #eventHoukoku ul li a .photo {
  position: relative;
  /*img*/
  /*p*/
}
#snd.archive .rightContent #eventHoukoku ul li a .photo img {
  width: 100%;
  height: auto;
}
#snd.archive .rightContent #eventHoukoku ul li a .photo p {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
#snd.archive .rightContent #eventHoukoku ul li a dl {
  padding: 19px 12px;
  background: #fff;
  /*dt*/
  /*dd*/
}
#snd.archive .rightContent #eventHoukoku ul li a dl dt {
  height: 65px;
  color: #ff0000;
  font-weight: bold;
  /*span*/
}
#snd.archive .rightContent #eventHoukoku ul li a dl dt span {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  color: #333;
}
#snd.archive .rightContent #eventHoukoku ul li a dl dd {
  margin-top: 12px;
  padding-top: 12px;
  background: url(../img/common/eventList_dotted.gif) repeat-x top left;
  background-size: 8px;
  text-align: center;
  color: #333;
  font-weight: bold;
  line-height: 1;
}
#snd.archive .rightContent #eventHoukoku ul li a dl dd i {
  line-height: 1;
}
#snd.archive .rightContent #eventHoukoku ul li.event {
  /*a*/
}
#snd.archive .rightContent #eventHoukoku ul li.event a {
  /*.photo*/
  /*dl*/
}
#snd.archive .rightContent #eventHoukoku ul li.event a .photo {
  /*p*/
}
#snd.archive .rightContent #eventHoukoku ul li.event a .photo p {
  background: #d5a97f;
}
#snd.archive .rightContent #eventHoukoku ul li.event a dl {
  /*dt*/
}
#snd.archive .rightContent #eventHoukoku ul li.event a dl dt {
  color: #d5a97f;
}
#snd.archive .rightContent #eventHoukoku ul li.kouza {
  /*a*/
}
#snd.archive .rightContent #eventHoukoku ul li.kouza a {
  /*.photo*/
  /*dl*/
}
#snd.archive .rightContent #eventHoukoku ul li.kouza a .photo {
  /*p*/
}
#snd.archive .rightContent #eventHoukoku ul li.kouza a .photo p {
  background: #87d57f;
}
#snd.archive .rightContent #eventHoukoku ul li.kouza a dl {
  /*dt*/
}
#snd.archive .rightContent #eventHoukoku ul li.kouza a dl dt {
  color: #87d57f;
}
#snd.archive .rightContent #eventHoukoku ul li:nth-child(3n-2) {
  margin-left: 0;
}
#snd.archive .rightContent #eventHoukoku .linkBtn {
  width: 190px;
  margin: 0 auto;
  text-align: center;
  /*a*/
}
#snd.archive .rightContent #eventHoukoku .linkBtn a {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #1f6fb6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1f6fb6), to(#005bac));
  background-image: -webkit-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -moz-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -ms-linear-gradient(top, #1f6fb6, #005bac);
  background-image: -o-linear-gradient(top, #1f6fb6, #005bac);
  display: block;
  padding: 8px 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
/*検索ページ*/
#snd .rightContent .wrap .search_content {
  /*h2*/
  /*ul*/
}
#snd .rightContent .wrap .search_content h2 {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  margin-bottom: 30px;
  padding: 10px 0;
  background: #005bac;
  line-height: 1.4;
}
#snd .rightContent .wrap .search_content p.text {
  text-align: center;
}
#snd .rightContent .wrap .search_content ul {
  /*li*/
}
#snd .rightContent .wrap .search_content ul li {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px dotted #d4d5d6;
  /*a*/
}
#snd .rightContent .wrap .search_content ul li a {
  position: relative;
  display: block;
  padding-right: 30px;
  /*h3*/
  /*p*/
}
#snd .rightContent .wrap .search_content ul li a h3 {
  padding-left: 0;
  margin-bottom: 10px;
  font-size: 16px;
  border: none;
}
#snd .rightContent .wrap .search_content ul li a p {
  color: #333;
  line-height: 1.4;
}
#snd .rightContent .wrap .search_content ul li a i {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 18px;
  line-height: 1;
}
#snd .rightContent .wrap .search_content ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.wp-pagenavi {
  margin-top: 40px;
  text-align: center;
  /*その他、必要があれば以下のクラスにcssを指定する*/
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi span.extend {
  display: inline-block;
  vertical-align: -0.6em;
}
.wp-pagenavi span.current,
.wp-pagenavi a {
  /*数字部分の共通CSS　大きさなど*/
  display: inline-block;
  margin: 2px;
  padding: 6px 8px;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  text-decoration: none;
  background: #005bac;
  border: 1px solid #005bac !important;
}
.wp-pagenavi span.current.current,
.wp-pagenavi a.current,
.wp-pagenavi span.current:hover,
.wp-pagenavi a:hover {
  /*現在のページ*/
  color: #005bac;
  background: #fff;
}
/*----------------------------------------*/
/*フォームスタイル共通
/*----------------------------------------*/
form {
  /*.err_area*/
  /*dd,td*/
  /*#subumit*/
  /*スマホにデザイン反映*/
}
form .err_area {
  padding: 10px;
  background: #bc6464;
  color: #fff;
}
form .err_area span {
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}
form dl {
  /*dt、ddのfloatキャンセル*/
  overflow: hidden;
  zoom: 1;
}
form dd input,
form td input,
form dd textarea,
form td textarea {
  padding: 5px 0;
  font-size: 18px;
  line-height: 1.5em;
  color: #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #bbb;
  background: #f9f9f9;
}
form dd input.name,
form td input.name,
form dd input.kana,
form td input.kana {
  width: 25%;
}
form dd input.w100,
form td input.w100,
form dd input.address,
form td input.address,
form dd input.email,
form td input.email,
form dd textarea.content,
form td textarea.content {
  width: 99%;
}
form dd select,
form td select {
  font-size: 18px;
}
form dd label,
form td label {
  margin: 0 1.5em 0 0.3em;
}
form #submit {
  text-align: center;
}
form #submit input {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-style: none;
  background-color: #5483da;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  line-height: 3em;
  height: 3em;
  text-align: center;
  width: 150px;
}
form #submit input.no {
  background-color: #b93a38;
}
form #submit input:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
form input[type="submit"],
form input[type="reset"],
form input[type="button"] {
  -webkit-appearance: none;
}
/*form*/
@media handheld, only screen and (max-width: 767px) {
  form dd input,
  form td input,
  form dd textarea,
  form td textarea {
    padding: 3px 0 !important;
    font-size: 14px !important;
    line-height: 1.5em;
  }
  form dd select,
  form td select {
    font-size: 14px;
  }
  /*form*/
}
/*スマホ表示*/
@media screen and (max-width: 767px) {
  .smp {
    display: block;
  }
  .pc {
    display: none;
  }
  * {
    -webkit-overflow-scrolling: touch;
  }
  /*アンカー*/
  a {
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer */
    -khtml-user-select: none;
    /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none;
    /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none;
    /* Disable Android and iOS callouts*/
  }
  a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  h1.seo {
    display: none;
  }
  .wrapper {
    width: 100%;
  }
  /*.wrapper*/
  /*----------------------------------------*/
  /*header                        
/*----------------------------------------*/
  header {
    /*#headtool*/
    /*smpmenu*/
    /*.smpmenu.active*/
    /*#glnavi*/
  }
  header #headtool {
    border-bottom: 1px solid #efefef;
    padding: 10px 0;
    /*.left*/
    /*.right*/
    /*虫眼鏡*/
    /*.icon_search*/
    /*検索欄*/
    /*.search_smp*/
  }
  header #headtool .left {
    float: none;
    width: 200px;
    margin-left: 10px;
    /*img*/
  }
  header #headtool .left img {
    width: 100%;
    height: auto;
  }
  header #headtool .right {
    display: none;
  }
  header #headtool .icon_search {
    position: absolute;
    width: 25px;
    top: 18px;
    right: 60px;
  }
  header #headtool .icon_search img {
    width: 100%;
    height: auto;
  }
  header #headtool .icon_search .icon_act {
    display: block;
  }
  header #headtool .icon_search .icon_close {
    display: none;
  }
  header #headtool .icon_search.open .icon_act {
    display: none;
  }
  header #headtool .icon_search.open .icon_close {
    display: block;
  }
  header #headtool .search_pc {
    display: none;
  }
  header #headtool .search_smp {
    display: none;
  }
  header #headtool .search_smp {
    position: relative;
    top: 10px;
    left: 0;
    right: 0;
    padding: 0;
    line-height: 6;
    background: #ccc;
    text-align: center;
    z-index: 9999;
    /*.search*/
  }
  header #headtool .search_smp input[type="text"] {
    border: none;
    background: #fff;
  }
  header #headtool .search_smp input[type="submit"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 15px;
    margin: 0;
    line-height: 1;
    height: 30px;
    background: #005bac;
    color: #fff;
    font-weight: bold;
    border: none;
    box-shadow: none;
  }
  header #headtool .search_smp input[type="submit"],
  header #headtool .search_smp input[type="button"] {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    box-sizing: border-box;
  }
  header #headtool .search_smp input[type="submit"]::-webkit-search-decoration,
  header #headtool .search_smp input[type="button"]::-webkit-search-decoration {
    display: none;
  }
  header #headtool .search_smp input[type="submit"]::focus,
  header #headtool .search_smp input[type="button"]::focus {
    outline-offset: -2px;
  }
  header #headtool .search_smp .search input[type="text"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }
  header #headtool .search_smp .search input[type="image"] {
    width: 25px;
    margin-left: 4px;
  }
  header #headtool .search_smp .search input[type="image"] img {
    width: 100%;
    height: auto;
  }
  header .smpmenu {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 12px;
    right: 3%;
    cursor: pointer;
    /*span*/
  }
  header .smpmenu span {
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    position: absolute;
    display: block;
    width: 25px;
    height: 3px;
    background: #005bac;
  }
  header .smpmenu span:first-child {
    top: 5px;
  }
  header .smpmenu span:nth-child(2) {
    top: 50%;
    margin-top: -1.5px;
  }
  header .smpmenu span:last-child {
    bottom: 5px;
  }
  header .smpmenu.active span:first-child {
    transform: translateX(0) translateY(11px) scaleX(1) scaleY(1) rotate(135deg);
    -webkit-transform: translateX(0) translateY(11px) scaleX(1) scaleY(1) rotate(135deg);
    -moz-transform: translateX(0) translateY(11px) scaleX(1) scaleY(1) rotate(135deg);
    -ms-transform: translateX(0) translateY(11px) scaleX(1) scaleY(1) rotate(135deg);
  }
  header .smpmenu.active span:nth-child(2) {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(0px) translateY(0) scaleX(1) scaleY(1) rotate(0);
    -webkit-transform: translateX(0px) translateY(0) scaleX(1) scaleY(1) rotate(0);
    -moz-transform: translateX(0px) translateY(0) scaleX(1) scaleY(1) rotate(0);
    -ms-transform: translateX(0px) translateY(0) scaleX(1) scaleY(1) rotate(0);
  }
  header .smpmenu.active span:last-child {
    transform: translateX(0) translateY(-11px) scaleX(1) scaleY(1) rotate(-135deg);
    -webkit-transform: translateX(0) translateY(-11px) scaleX(1) scaleY(1) rotate(-135deg);
    -moz-transform: translateX(0) translateY(-11px) scaleX(1) scaleY(1) rotate(-135deg);
    -ms-transform: translateX(0) translateY(-11px) scaleX(1) scaleY(1) rotate(-135deg);
  }
  header #glnavi {
    display: none;
    border: none;
    /*ol*/
    /*ul*/
  }
  header #glnavi ol {
    border-top: none;
  }
  header #glnavi ol li:last-child {
    border: none;
  }
  header #glnavi ol li.gn1,
  header #glnavi ol li.gn2,
  header #glnavi ol li.gn3 {
    width: 100% !important;
    font-size: 16px;
    border-bottom: 1px solid #efefef;
    line-height: 1;
  }
  header #glnavi ol li.gn1 a.gnB,
  header #glnavi ol li.gn2 a.gnB,
  header #glnavi ol li.gn3 a.gnB {
    padding: 20px 0;
  }
  header #glnavi ol li.gn1 a.gnB span,
  header #glnavi ol li.gn2 a.gnB span,
  header #glnavi ol li.gn3 a.gnB span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    height: 30px;
    margin: auto;
  }
  header #glnavi ol li.gn1 a.gnB::after,
  header #glnavi ol li.gn2 a.gnB::after,
  header #glnavi ol li.gn3 a.gnB::after {
    display: none;
  }
  header #glnavi ol li:hover {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
  }
  header #glnavi ol li:hover .menu {
    max-height: 0;
  }
  header #glnavi ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    padding: 20px 10px;
    border-bottom: 5px solid #2d77b9;
    background: #fff;
    /*li*/
  }
  header #glnavi ul li {
    width: 30%;
    margin: 0 2px;
    text-align: center;
    /*a*/
  }
  header #glnavi ul li a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    padding: 6px 0 4px;
    background: #005bac;
    color: #fff;
    font-size: 12px;
    /*i*/
  }
  header #glnavi ul li a i {
    display: block;
    line-height: 1;
  }
  /*header*/
  body {
    /*#footerBanner*/
  }
  body #footerBanner {
    padding: 40px 0 80px;
    /*ul*/
  }
  body #footerBanner ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 94%;
    margin: 0 auto;
    padding: 15px;
    /*li*/
  }
  body #footerBanner ul li {
    width: 49%;
    margin: 0 0 10px 2%;
    /*a*/
  }
  body #footerBanner ul li a {
    display: block;
    /*img*/
  }
  body #footerBanner ul li a img {
    border: 1px solid #efefef;
  }
  body #footerBanner ul li:nth-child(2n-1) {
    margin-left: 0;
  }
  /*body*/
  /*----------------------------------------*/
  /*フッター                        
/*----------------------------------------*/
  footer {
    padding: 0 0 40px;
    /*.sitemap*/
    /*.subFooter*/
    /*address*/
  }
  footer .sitemap {
    padding: 0;
    /*.pageTop*/
    /*.wrap*/
  }
  footer .sitemap .pageTop {
    right: 0;
    left: 0;
    margin: auto;
    width: 50%;
    text-align: center;
    /*a*/
  }
  footer .sitemap .pageTop a {
    padding: 12px 0;
  }
  footer .sitemap .wrap {
    display: none;
  }
  footer .subFooter {
    /*.wrap*/
  }
  footer .subFooter .wrap {
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 35px 0 0 0;
    /*p#footerLogo*/
    /*p.tel*/
    /*dl*/
  }
  footer .subFooter .wrap p#footerLogo {
    width: 100%;
    margin: 0 auto 12px;
  }
  footer .subFooter .wrap p#footerLogo img {
    width: 100%;
    height: auto;
  }
  footer .subFooter .wrap p.tel {
    margin-bottom: 12px;
    text-align: center;
    /*span*/
  }
  footer .subFooter .wrap p.tel span a {
    padding-top: 3px;
    font-size: 25px;
  }
  footer .subFooter .wrap dl {
    width: auto;
    margin-bottom: 20px;
    text-align: center;
    /*dd*/
  }
  footer .subFooter .wrap dl dd {
    font-size: 10px;
  }
  footer address {
    font-size: 9px;
  }
  /*fotter*/
  /*footer*/
}
/* CSS Document */
/*----------------------------------------*/
/*スマホ                      
/*----------------------------------------*/
@media screen and (max-width: 767px) {
  #index {
    /*h1.contentsTitle*/
    /*スライダー*/
    /*#slide*/
    /*#about*/
    /*カレンダー＆新着日程*/
    /*#eventDay*/
    /*報告*/
    /*#eventHoukoku*/
    /*一般のみなさまへ*/
    /*#info*/
  }
  #index h1.contentsTitle {
    width: 94%;
    margin: 0 auto 30px;
    font-size: 22px;
    /*span*/
  }
  #index h1.contentsTitle span {
    padding-bottom: 2px;
    font-size: 12px;
  }
  #index h1.contentsTitle::before,
  #index h1.contentsTitle::after {
    width: 20%;
  }
  #index #slide {
    /*.bx-wrapper*/
    /*.bxslider*/
    /*.bx-pager*/
    /*左右矢印*/
    /*.bx-controls-direction*/
  }
  #index #slide .bx-wrapper .pc {
    display: none;
  }
  #index #slide .bx-wrapper .smp {
    display: block;
  }
  #index #slide .bxslider {
    /*img*/
  }
  #index #slide .bxslider img {
    width: 100%;
    height: auto;
  }
  #index #slide .bx-pager {
    bottom: 8px;
    line-height: 1;
  }
  #index #slide .bx-controls-direction {
    display: none;
  }
  #index #about {
    padding: 40px 0;
    background: #f7f7f7;
  }
  #index #about h1.contentsTitle {
    margin-bottom: 20px;
  }
  #index #about h1.contentsTitle::before,
  #index #about h1.contentsTitle::after {
    width: 6%;
  }
  #index #about .wrapper {
    text-align: left;
    /*dl*/
  }
  #index #about .wrapper dl {
    width: 94%;
    margin: 0 auto;
    padding: 20px;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
  }
  #index #about .wrapper dl dt {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.4;
  }
  #index #about .wrapper dl dd {
    font-size: 13px;
    line-height: 1.4;
  }
  #index #eventDay {
    padding: 40px 0;
    /*共通*/
    /*カレンダー*/
    /*.calendar*/
    /*最新日程*/
    /*.eventList*/
  }
  #index #eventDay .calendar,
  #index #eventDay .eventList {
    width: 94%;
    margin: 0 auto;
  }
  #index #eventDay .calendar {
    float: none;
    margin-bottom: 20px;
  }
  #index #eventDay .eventList {
    float: none;
    padding-bottom: 25px;
    /*ul*/
    /*.linkBtn*/
  }
  #index #eventDay .eventList ul {
    padding: 0 10px 20px;
    /*li*/
    /*イベント*/
    /*li.event*/
    /*講座*/
    /*li.kouza*/
  }
  #index #eventDay .eventList ul li {
    /*a*/
    /*i*/
  }
  #index #eventDay .eventList ul li a {
    padding: 20px 0;
    /*.left_photo*/
    /*left_photo*/
  }
  #index #eventDay .eventList ul li a .left_photo {
    width: 29%;
    /*img*/
  }
  #index #eventDay .eventList ul li a .left_photo img {
    width: 100%;
    height: auto;
  }
  #index #eventDay .eventList ul li a .right_txt {
    width: 71%;
    padding: 0 18px 0 8px;
    margin-top: 0.25em;
    /*p.day*/
    /*p.txt*/
  }
  #index #eventDay .eventList ul li a .right_txt p.day {
    margin-bottom: 8px;
    font-size: 12px;
    /*span*/
  }
  #index #eventDay .eventList ul li a .right_txt p.day span {
    padding: 3px 6px;
    margin-right: 5px;
    font-size: 10px;
    vertical-align: 0.05em;
  }
  #index #eventDay .eventList ul li a .right_txt p.txt {
    height: 38px;
    font-size: 14px;
    line-height: 1.4;
  }
  #index #eventDay .eventList ul li i {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 30px;
    font-size: 30px;
    line-height: 1;
  }
  #index #eventDay .eventList ul li.event {
    /*a*/
    /*i*/
  }
  #index #eventDay .eventList ul li.event a {
    /*.left_photo*/
    /*left_photo*/
  }
  #index #eventDay .eventList ul li.event a .right_txt {
    /*p.day*/
  }
  #index #eventDay .eventList ul li.event a .right_txt p.day {
    color: #d5a97f;
    /*span*/
  }
  #index #eventDay .eventList ul li.event a .right_txt p.day span {
    background: #d5a97f;
  }
  #index #eventDay .eventList ul li.event i {
    color: #d5a97f;
  }
  #index #eventDay .eventList ul li.kouza {
    /*a*/
    /*i*/
  }
  #index #eventDay .eventList ul li.kouza a {
    /*.left_photo*/
    /*left_photo*/
  }
  #index #eventDay .eventList ul li.kouza a .right_txt {
    /*p.day*/
  }
  #index #eventDay .eventList ul li.kouza a .right_txt p.day {
    color: #87d57f;
    /*span*/
  }
  #index #eventDay .eventList ul li.kouza a .right_txt p.day span {
    background: #87d57f;
  }
  #index #eventDay .eventList ul li.kouza i {
    color: #87d57f;
  }
  #index #eventDay .eventList .linkBtn {
    width: 50%;
  }
  #index #eventHoukoku {
    padding: 40px 0;
    background: none;
    /*ul*/
    /*.linkBtn*/
  }
  #index #eventHoukoku ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 94%;
    margin: 0 auto;
    /*li*/
  }
  #index #eventHoukoku ul li {
    width: 49%;
    margin: 0 0 20px 2%;
    /*a*/
  }
  #index #eventHoukoku ul li a {
    display: block;
    /*dl*/
  }
  #index #eventHoukoku ul li a dl {
    padding: 8px 12px 10px;
    /*dt*/
    /*dd*/
  }
  #index #eventHoukoku ul li a dl dt {
    height: 65px;
    /*span*/
  }
  #index #eventHoukoku ul li a dl dt span {
    margin-bottom: 0;
  }
  #index #eventHoukoku ul li a dl dd {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 12px;
  }
  #index #eventHoukoku ul li:nth-child(2n-1) {
    margin-left: 0;
  }
  #index #eventHoukoku .linkBtn {
    width: 50%;
  }
  #index #info {
    width: 94%;
    margin: 0 auto;
    padding: 20px 0 40px;
    /*ul*/
  }
  #index #info h1.contentsTitle {
    width: 100%;
  }
  #index #info h1.contentsTitle::before,
  #index #info h1.contentsTitle::after {
    width: 16%;
  }
  #index #info ul {
    display: block;
    /*li*/
  }
  #index #info ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #efefef;
    /*a*/
  }
  #index #info ul li a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    display: table;
    padding: 0 10px 0 0;
    /*img*/
    /*p*/
  }
  #index #info ul li a img {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: auto;
  }
  #index #info ul li a p {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    position: static;
    width: 70%;
    padding: 0 0 0 10px;
    color: #005bac;
    text-align: left;
    background: #fff;
    font-size: 12px;
    /*i*/
  }
  #index #info ul li a p i {
    position: absolute;
    top: 0;
    right: 0%;
    bottom: 0;
    margin: auto;
    height: 12px;
    line-height: 1;
  }
  #index #info ul li:first-child {
    border-top: 1px solid #efefef;
  }
  /*#index*/
}
/* CSS Document */
/*----------------------------------------*/
/*スマホ                      
/*----------------------------------------*/
@media screen and (max-width: 767px) {
  #snd {
    /*ヘッダー画像*/
    /*#pagePhoto*/
    /*左コンテンツ*/
    /*.leftContent*/
    /*右コンテンツ*/
    /*.rightContent*/
  }
  #snd #pagePhoto {
    margin-bottom: 15px;
  }
  #snd .leftContent {
    position: static;
    float: none;
    width: 94%;
    margin: 0 auto;
    /*h1.leftTitle*/
    /*ul.leftNavi*/
    /*左バナー*/
    /*ul.leftBanner*/
  }
  #snd .leftContent h1.leftTitle {
    display: none;
    /*span*/
  }
  #snd .leftContent h1.leftTitle span {
    display: none;
  }
  #snd .leftContent ul.leftNavi {
    overflow: hidden;
    zoom: 1;
    border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    text-align: center;
    font-size: 0;
    background: none;
    /*li*/
  }
  #snd .leftContent ul.leftNavi li {
    display: block;
    float: left;
    border: none;
    box-shadow: none;
    width: 49.82%;
    margin: 0 0 1px 1px;
    vertical-align: top;
    /*a*/
  }
  #snd .leftContent ul.leftNavi li a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    text-align: center;
    font-size: 10px;
    line-height: 1.3;
    background: #f0f3f5;
    font-weight: bold;
    letter-spacing: 0;
  }
  #snd .leftContent ul.leftNavi li a span {
    display: table;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #snd .leftContent ul.leftNavi li a i {
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
  }
  #snd .leftContent ul.leftNavi li:nth-child(2n-1) {
    margin: 0 0 1px 0;
  }
  #snd .leftContent ul.leftNavi li.act a {
    background: #005bac;
    color: #fff;
  }
  #snd .leftContent ul.leftBanner {
    display: none;
  }
  #snd .rightContent {
    float: none;
    width: 94%;
    margin: 0 auto 100px;
    /*.wrap*/
    /*最新日程*/
    /*#oshiraseList*/
    /*お知らせ*/
    /*#news*/
    /*会員の方へのお知らせ*/
    /*#news*/
    /*カレンダー*/
    /*#eventDay*/
    /*一般のみなさまへ*/
    /*会員のみなさまへ*/
    /*#info*/
  }
  #snd .rightContent .wrap {
    /*h4*/
    /*h5*/
    /*.singlettl*/
    /*.singlettl::after*/
    /*研修会・講習会*/
    /*ol.eventnavi*/
    /*局部委員会*/
    /*.form_pass*/
    /*ul*/
    /*サイトマップ*/
    /*.sitemap*/
  }
  #snd .rightContent .wrap h1.head1 {
    margin-bottom: 20px;
    font-size: 14px;
    /*span*/
  }
  #snd .rightContent .wrap h1.head1 span {
    padding: 10px 0;
  }
  #snd .rightContent .wrap h3 {
    margin-bottom: 12px;
    font-size: 15px;
  }
  #snd .rightContent .wrap h4 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    padding: 10px;
    background: #ebf2f8;
    background: linear-gradient(transparent 0%, #ebf2f8 0%);
    background: -webkit-linear-gradient(transparent 0%, #ebf2f8 0%);
    background: -moz-linear-gradient(transparent 0%, #ebf2f8 0%);
    background-image: -ms-linear-gradient(transparent 0%, #ebf2f8 0%);
    background-image: -o-linear-gradient(transparent 0%, #ebf2f8 0%);
    margin: 15px 0 8px;
    line-height: 1.3;
    font-size: 14px;
  }
  #snd .rightContent .wrap h5 {
    padding: 0 1em 0 1.5em;
    line-height: 1.3;
    font-size: 14px;
  }
  #snd .rightContent .wrap .singlettl {
    text-align: left;
    /*p.title*/
  }
  #snd .rightContent .wrap .singlettl p.title {
    position: relative;
    display: block;
    padding: 0;
    background: #fff;
    color: #005bac;
    font-weight: bold;
    font-size: 15px;
    z-index: 2;
  }
  #snd .rightContent .wrap .singlettl::after {
    display: none;
  }
  #snd .rightContent .wrap ol.eventnavi {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    /*li*/
  }
  #snd .rightContent .wrap ol.eventnavi li {
    width: 49.5%;
    display: block;
    margin-bottom: 5px;
    /*a*/
  }
  #snd .rightContent .wrap ol.eventnavi li a {
    text-align: center;
  }
  #snd .rightContent .wrap .form_pass {
    /*スマホにデザイン反映*/
    /*form*/
  }
  #snd .rightContent .wrap .form_pass input[type="password"],
  #snd .rightContent .wrap .form_pass input[type="submit"] {
    -webkit-appearance: none;
  }
  #snd .rightContent .wrap .form_pass form input[type="password"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 50%;
    margin: 0 10px 0 0;
    border: 1px solid #d4d4d4;
    line-height: 1;
    font-weight: normal;
  }
  #snd .rightContent .wrap .form_pass form input[type="submit"] {
    width: 20%;
    border: none;
    font-size: 12px;
  }
  #snd .rightContent .wrap ul.kyokubu {
    margin-top: 20px;
    /*li*/
  }
  #snd .rightContent .wrap ul.kyokubu li {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 20px;
    margin-bottom: 5px;
    background: #f6f6f6;
    /*dl*/
  }
  #snd .rightContent .wrap ul.kyokubu li dl {
    /*dt*/
    /*dd*/
  }
  #snd .rightContent .wrap ul.kyokubu li dl dt {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-right: 0;
    line-height: 1.5;
  }
  #snd .rightContent .wrap ul.kyokubu li dl dd {
    display: block;
  }
  #snd .rightContent .wrap ul.kyokubu li dl dd a {
    display: block;
    text-align: center;
  }
  #snd .rightContent .wrap .sitemap {
    /*p*/
    /*ul*/
  }
  #snd .rightContent .wrap .sitemap p {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #999;
  }
  #snd .rightContent .wrap .sitemap ul {
    display: block;
    margin-bottom: 40px;
    /*li*/
  }
  #snd .rightContent .wrap .sitemap ul li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
    line-height: 1.3;
    border: none;
    /*a*/
  }
  #snd .rightContent .wrap .sitemap ul li a {
    display: block;
  }
  #snd .rightContent .wrap .sitemap ul li a.txt_link::after {
    top: 0;
    bottom: 0;
  }
  #snd .rightContent .wrap .sitemap ul li:nth-child(3n-2) {
    margin-left: 0;
  }
  #snd .rightContent #oshiraseList {
    margin-bottom: 50px;
    /*div.wrap*/
  }
  #snd .rightContent #oshiraseList div.wrap {
    padding: 10px 15px;
    /*dl*/
  }
  #snd .rightContent #oshiraseList div.wrap dl {
    padding-bottom: 10px;
    margin-bottom: 13px;
    /*dd*/
  }
  #snd .rightContent #oshiraseList div.wrap dl dt {
    font-size: 12px;
  }
  #snd .rightContent #oshiraseList div.wrap dl dd {
    font-size: 13px;
    line-height: 1.4;
  }
  #snd .rightContent #news {
    /*.wrap*/
  }
  #snd .rightContent #news .wrap {
    /*ul*/
  }
  #snd .rightContent #news .wrap ul {
    /*li*/
  }
  #snd .rightContent #news .wrap ul li {
    /*a*/
  }
  #snd .rightContent #news .wrap ul li a {
    /*table*/
  }
  #snd .rightContent #news .wrap ul li a table {
    /*tr*/
  }
  #snd .rightContent #news .wrap ul li a table tr th {
    display: block;
    width: 100%;
  }
  #snd .rightContent #news .wrap ul li a table tr td.line {
    display: none;
  }
  #snd .rightContent #news .wrap ul li a table tr td.title {
    display: block;
  }
  #snd .rightContent #news .wrap ul li:last-child {
    border-bottom: none;
  }
  #snd .rightContent #news {
    margin-bottom: 50px;
    /*.wrap*/
  }
  #snd .rightContent #news h1.contentsTitle::before,
  #snd .rightContent #news h1.contentsTitle::after {
    width: 10%;
  }
  #snd .rightContent #news .wrap {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px;
    /*ul*/
  }
  #snd .rightContent #news .wrap ul {
    height: 200px;
    padding: 0 10px;
    /*li*/
  }
  #snd .rightContent #news .wrap ul li a {
    padding: 10px 15px 10px 0;
    font-size: 13px;
    line-height: 1.4;
    /*span*/
    /*span::after*/
  }
  #snd .rightContent #news .wrap ul li a span.day {
    display: block;
    width: auto;
    padding-bottom: 4px;
    font-size: 12px;
  }
  #snd .rightContent #news .wrap ul li a span.title::before {
    display: none;
  }
  #snd .rightContent #eventDay h1.contentsTitle {
    margin-bottom: 30px;
  }
  #snd .rightContent #eventDay h1.contentsTitle::before,
  #snd .rightContent #eventDay h1.contentsTitle::after {
    width: 10%;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li {
    width: 47.5%;
    margin-left: 5%;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li a {
    display: block;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li a figure {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ddd;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li a figure::before {
    content: "";
    display: block;
    padding-top: 60%;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li a figure img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li a dl dt span {
    display: block;
    font-size: 80%;
    font-weight: normal;
    color: #333;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li a dl dt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 3em;
    line-height: 1.5em;
    color: #333;
    font-weight: bold;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li a dl dd {
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: 1px solid #ddd;
    color: #333;
    text-align: center;
    font-size: 12px;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li:nth-child(3n-2) {
    margin-left: 5%;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li:nth-child(n + 3) {
    margin-top: 30px;
  }
  #snd .rightContent .wrap ul#ippanInfoArchives li:nth-child(2n-1) {
    margin-left: 0;
  }
  #snd .rightContent #info {
    padding: 50px 0 100px;
    /*ul*/
  }
  #snd .rightContent #info h1.contentsTitle::before,
  #snd .rightContent #info h1.contentsTitle::after {
    width: 16%;
  }
  #snd .rightContent #info ul {
    display: block;
    /*li*/
  }
  #snd .rightContent #info ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #efefef;
    /*a*/
  }
  #snd .rightContent #info ul li a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    display: table;
    padding: 0 10px 0 0;
    /*img*/
    /*p*/
  }
  #snd .rightContent #info ul li a img {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: auto;
  }
  #snd .rightContent #info ul li a p {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    position: static;
    width: 70%;
    padding: 0 0 0 10px;
    color: #005bac;
    text-align: left;
    background: #fff;
    font-size: 12px;
    /*i*/
  }
  #snd .rightContent #info ul li a p i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    line-height: 1;
  }
  #snd .rightContent #info ul li:first-child {
    border-top: 1px solid #efefef;
  }
  /*#snd*/
  /*報告一覧*/
  #snd.archive {
    /*.rightContent*/
  }
  #snd.archive .rightContent {
    /*報告*/
    /*#eventHoukoku*/
  }
  #snd.archive .rightContent #eventHoukoku {
    padding: 0;
    background: none;
    /*ul*/
    /*.linkBtn*/
  }
  #snd.archive .rightContent #eventHoukoku ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*
	●水平方向の揃え方
	space-between：初期値。均等に間隔を空ける
	space-around：「space-between」と同じく均等に間隔を空ける。違うのは、左右の端のFlexアイテムにも半分ずつ間隔を空けてるところ。
	flex-start：横配置の場合、「左揃え」、縦配置の場合、「上揃え」になります。
	flex-end：横配置の場合「右揃え」、縦配置の場合「下揃え」になります。
	center：「中央揃え」です。
	*/
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    /*
	●子要素の折り返し設定
	wrap:初期値。折り返しを許可、「複数行」。
	nowrap:折り返しなし、つまり「単一行」。
	wrap-reverse:「wrap」と同じで、ただ、折り返し地点が逆になります。
	*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    /*li*/
  }
  #snd.archive .rightContent #eventHoukoku ul li {
    width: 49%;
    margin: 0 0 20px 2%;
    /*a*/
  }
  #snd.archive .rightContent #eventHoukoku ul li a {
    display: block;
    /*dl*/
  }
  #snd.archive .rightContent #eventHoukoku ul li a dl {
    padding: 8px 12px 10px;
    /*dt*/
    /*dd*/
  }
  #snd.archive .rightContent #eventHoukoku ul li a dl dt {
    height: 65px;
    /*span*/
  }
  #snd.archive .rightContent #eventHoukoku ul li a dl dt span {
    margin-bottom: 0;
  }
  #snd.archive .rightContent #eventHoukoku ul li a dl dd {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 12px;
  }
  #snd.archive .rightContent #eventHoukoku ul li:nth-child(3n-2) {
    margin: 0 0 20px 2%;
  }
  #snd.archive .rightContent #eventHoukoku ul li:nth-child(2n-1) {
    margin-left: 0;
  }
  #snd.archive .rightContent #eventHoukoku .linkBtn {
    width: 50%;
  }
  /*検索ページ*/
  #snd .rightContent .wrap .search_content {
    /*h2*/
    /*ul*/
  }
  #snd .rightContent .wrap .search_content h2 {
    font-size: 15px;
  }
  #snd .rightContent .wrap .search_content ul {
    /*li*/
  }
  #snd .rightContent .wrap .search_content ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    /*a*/
  }
  #snd .rightContent .wrap .search_content ul li a {
    padding-right: 30px;
    /*h3*/
    /*p*/
  }
  #snd .rightContent .wrap .search_content ul li a h3 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    font-size: 14px;
  }
  #snd .rightContent .wrap .search_content ul li a p {
    font-size: 12px;
  }
  .wp-pagenavi {
    margin-top: 40px;
    text-align: center;
    /*その他、必要があれば以下のクラスにcssを指定する*/
  }
  .wp-pagenavi .pages {
    display: none;
  }
  .wp-pagenavi span.extend {
    display: inline-block;
    vertical-align: -0.6em;
  }
  .wp-pagenavi span.current,
  .wp-pagenavi a {
    /*数字部分の共通CSS　大きさなど*/
    display: inline-block;
    margin: 2px;
    padding: 6px 8px;
    color: #fff;
    line-height: 1;
    font-size: 12px;
    text-decoration: none;
    background: #005bac;
    border: 1px solid #005bac !important;
  }
  .wp-pagenavi span.current.current,
  .wp-pagenavi a.current,
  .wp-pagenavi span.current:hover,
  .wp-pagenavi a:hover {
    /*現在のページ*/
    color: #005bac;
    background: #fff;
  }
}
/*# sourceMappingURL=common.css.map */