@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:18px; line-height:1.8em; letter-spacing:1px; color:#0e203c;-webkit-text-size-adjust:100%; font-weight:400;font-family:"Noto Sans JP", sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal;}
a {outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


p#p-greeting {margin-bottom: 25px;}


/*▼エリア・背景設定▼*/
body{ min-width:1200px;}
#body-top{ overflow:hidden;}
#body-bottom{ position:relative;}





/*▼ヘッダー▼*/
h1{ text-indent:-9999px;}
#home #header {width: 100%;height: 100vh;position: relative;background-size:cover;}
#header {width: 100%;height: auto;position: relative;background-size:cover; }

#header .area-01 { height:125px; position: relative; width:100%;text-align:center;}
#header .area-01 #hlogo{ position:absolute; display:inline-block; left:100px;top:25px;}
#header .area-01 #hlogo #logo{ padding-right:10px; margin-right:10px; border-right:#CCC solid 3px; display:inline-block; vertical-align:middle; width:200px;}
#header .area-01 #hlogo .text{display:inline-block; text-align:left; vertical-align:middle;}
#header .area-01 #hlogo .text p.p-03{ font-size:16px;}
#header .area-01 #hlogo .text img{ height:60px;}



#header .area-01 #hcontact{ position:relative; right:50px; top:10px; display:inline-block; float:right; text-align:right;}
#header .area-01 #hcontact .tb-01{ overflow:hidden;}
#header .area-01 #hcontact .tb-01 .p-tel{ font-size:20px; font-weight:bold;font-family:"Noto Sans JP", sans-serif;display:inline-block; line-height:1em; bottom:3px; position:relative;}
#header .area-01 #hcontact .tb-01 .p-tel a{color:#0e203c; text-decoration:none;}
#header .area-01 #hcontact .tb-01 .p-tel i.fa-envelope{ font-size:90%; margin-right:2px; top:3px; position:relative;}
#header .area-01 #hcontact .tb-01 .p-x{ }
#header .area-01 #hcontact .tb-01 .p-x i{}
#header .area-01 #hcontact .tb-01 .p-x:hover{ background:#245091; opacity:1; filter:alpha(opacity=100);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
#header .area-01 #hcontact .tb-01 .p-x a:hover{opacity:1; filter:alpha(opacity=100);}


#header .area-01 #hcontact .tb-02{ overflow:hidden;}
#header .area-01 #hcontact .tb-02 p{ line-height:1.2em;}
#header .area-01 #hcontact .tb-02 .p-01{ font-size:14px; display:inline-block; border:#072d5a solid 1px; padding:0px 5px 2px 5px; vertical-align:middle;}
#header .area-01 #hcontact .tb-02 .p-02{display:inline-block; vertical-align:middle; margin:0 10px;}
#header .area-01 #hcontact .tb-02 .p-03{display:inline-block; text-align:left; vertical-align:middle;}




#video-area { position: absolute; z-index: -1;/*最背面に設定*/ top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; }
#video { /*天地中央配置*/
position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); /*縦横幅指定*/
width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */ height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */ min-height: 100%; min-width: 100%; }




#mp { position:relative;}
#mp .area-01{ position:absolute; left:0; right:0; margin:auto; top:0; bottom:0;}
#mp .area-01 p{ display:inline-block; color:#FFF; font-weight:bold;font-family:"Noto Sans JP", sans-serif;font-size:40px; background:#072d5a; padding:5px 70px;}


/*▼フッター▼*/
#footer { background:#072d5a; text-align:center; padding:50px 0px 0px;}
#footer .area-01{ padding:50px 0px;max-width:1280px; min-width:1200px; width:100%; margin:auto; border-bottom:#1a468d solid 1px; padding-bottom:50px; margin-bottom:50px;}

/*▼メインナビゲーション▼*/
#footer .area-01 ul {color:#FFF;}
#footer .area-01 ul li { display: inline-block; padding:0 2.5%;color:#FFF;}
#footer .area-01 ul li a { font-size: 16px; font-weight: bold; color: #fff; padding-bottom: 10px; display: block; text-decoration: none; position: relative; }
#footer .area-01 ul li:last-child { margin-right: 0; }
#footer .area-01 ul li a:before { content: ""; position: absolute; left: 0; bottom: 0px; width: 100%; height: 3px; background: #fff; transform: scale(0, 1); transition: 0.3s; }
#footer .area-01 ul li a:hover:before { transform: scale(1); }


#footer .area-02 {padding:0px 0px 50px 0px;max-width:1280px; min-width:1200px; width:100%; margin:auto;overflow:hidden;}
#footer .area-02 a,
#footer .area-02 p{ color:#FFF;}
#footer .area-02 #hlogo{display:inline-block; float:left;}
#footer .area-02 #hlogo #logo{ padding-right:10px; margin-right:10px; border-right:#CCC solid 3px; display:inline-block; vertical-align:middle; width:200px;}
#footer .area-02 #hlogo .text{display:inline-block; text-align:left; vertical-align:middle;}
#footer .area-02 #hlogo .text p.p-03{ font-size:16px;}
#footer .area-02 #hlogo .text img { height: 60px;}

#footer .area-02 #hcontact{display:inline-block; float:right; text-align:right;}
#footer .area-02 #hcontact .tb-01{ overflow:hidden; margin-bottom:5px;}
#footer .area-02 #hcontact .tb-01 .p-tel{ font-size:20px; font-weight:bold;font-family:"Noto Sans JP", sans-serif;display:inline-block; line-height:1em; bottom:3px; position:relative;}
#footer .area-02 #hcontact .tb-01 .p-tel a{color:#fff; text-decoration:none;}
#footer .area-02 #hcontact .tb-01 .p-tel i.fa-envelope{ font-size:90%; margin-right:2px; position:relative; top:2px;}
#footer .area-02 #hcontact .tb-01 .p-x{ display:inline-block; height:30px; width:30px; background:#fff;border-radius:50%; position:relative;text-align:center;}
#footer .area-02 #hcontact .tb-01 .p-x i{ color:#072d5a; font-size:20px; line-height:30px;}
#footer .area-02 #hcontact .tb-01 .p-x:hover{ background:#245091; opacity:1; filter:alpha(opacity=100);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
#footer .area-02 #hcontact .tb-01 .p-x a:hover{opacity:1; filter:alpha(opacity=100);}


#footer .area-02 #hcontact .tb-02{ overflow:hidden;}
#footer .area-02 #hcontact .tb-02 p{ line-height:1.2em;}
#footer .area-02 #hcontact .tb-02 .p-01{ font-size:14px; display:inline-block; border:#fff solid 1px; padding:0px 5px 2px 5px; vertical-align:middle;}
#footer .area-02 #hcontact .tb-02 .p-02{display:inline-block; vertical-align:middle; margin:0 10px;}
#footer .area-02 #hcontact .tb-02 .p-03{display:inline-block; text-align:left; vertical-align:middle;}



#footer #tamonten { clear:both; text-align:center; font-size:10px; padding:10px 0; background:#0e203c; text-align:center;}
#footer #tamonten a { display:block; cursor:default; color:#fff; text-decoration:none; opacity:1; filter:alpha(opacity=100);}
/*▼エリア・共通設定▼*/
#main{}


.h2-01{ border-bottom:#CCC solid 1px; margin-bottom:50px; overflow:hidden; padding:10px 0px; color:#072d5a; font-size:40px; font-weight:bold;font-family:"Noto Sans JP", sans-serif;line-height:1em; position:relative;}
.h2-01 span{ font-size:16px; display:inline-block; position:absolute; right:0; bottom:0;}


.h2-02{ border-bottom:#f7a81b solid 1px; margin-bottom:80px; overflow:hidden; padding:10px 0px; text-align:center; color:#FFF; font-size:60px; font-weight:bold;font-family:"Noto Sans JP", sans-serif;line-height:1em;}
.h2-02 span{ font-size:24px; border:#FFF solid 1px; padding:0px 10px 2px 10px; position:relative; margin-right:10px; vertical-align: middle; position:relative; top:-6px;}
.h2-02 img{ width:40px; vertical-align:middle; position:relative; top:-5px; margin:0 7px;}


.more-bk{ text-align:center; clear:both;}
.more { /*ボタンの形状*/
display: inline-block; color: #fff; padding: 24px 60px; border-radius: 30px; text-decoration: none; outline: none; font-size:20px; font-weight:bold; width:380px; /*背景の色と形状*/
background: linear-gradient(270deg, #feea01 0%, #da2c26 25%, #ae67aa 51%, #1c458b 100%); background-position: 1% 100%; background-size: 200% auto; /*アニメーションの指定*/
transition: all 0.3s ease-out; position:relative;}
/*hoverした際の、背景の場所とテキスト色の変更*/
.more:hover { color: #fff; background-position: 99% 50%; opacity:1; filter:alpha(opacity=100);}

.more i{ position:absolute; right:20px; top:40%;}



/*----- ナビゲーションを上部固定させるためのCSS -----*/
#navi{ position:relative; z-index:999; background:#FFF;}


/*上に上がる動き*/
#navi.navup{
	position: fixed;
	width:100%;
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 1;
	transform: translateY(0px);
  }
}

/*下に下がる動き*/
#navi.navdown{
	position: fixed;
	width:100%;
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

/*　ナビ固定時のレイアウト　*/
#navi.navdown{ background:rgba(255,255,255,.8); width:100%;text-align:center; left:0; top:0;height:115px;}
#navi.navup{ background:rgba(255,255,255,.8); width:100%;text-align:center; left:0; top:0;height:115px;}




/*▼ホーム　home▼*/
#home .box { padding:100px 0px;max-width:1280px; min-width:1200px; width:100%; margin:auto;}
.box { padding:50px 0px; width:980px; margin:auto; overflow:hidden;}



#home #bk-01{ background:url(../images/home/bk-01.png) center top 100px no-repeat; background-size:60%; padding-top:0px;}
#home #box-01{ padding-top:100px;}
#home #box-01 .box{ padding-top:0px;}
#home #box-01 .area-01{ overflow:hidden; margin-bottom:50px; text-align:center;}
#home #box-01 .area-01 img{ margin-bottom:10px;}
#home #box-01 .area-01 .p-01{ font-size:36px; font-weight:bold;font-family:"Noto Sans JP", sans-serif;margin-bottom:30px; color:#1a468d;}
#home #box-01 .area-01 .p-02{ font-size:22px; line-height:2em;}

#home #box-01 .area-01 .left .p-02{ font-weight:bold; font-size:30px; margin-bottom:15px;}
#home #box-01 .area-01 .left .p-02 span{ color:#476595;}
#home #box-01 .area-01 .left .p-03{ background:#0c2034; color:#FFF; font-weight:bold; font-size:20px; display:inline-block; padding:5px 20px;}


#home #box-01 .area-02{ margin-bottom:50px;}
#home #box-01 .area-02 li.li-01{overflow: hidden; position:relative; background:#999; padding-top:400px;}
#home #box-01 .area-02 img{transition:1s all;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
#home #box-01 .area-02 img:hover{transform: translate(-50%, -50%) scale(110%);}
#home #box-01 .area-02 li.li-01 p{ position:absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%);background: rgba(255,255,255, 0.9); width:100%; text-align:center; padding:10px 0px;}



#home #bk-02{ width:100%; background:#072d5a url(../images/home/bk-02.png) left bottom no-repeat; background-size:60%;}
#home #box-02{}
#home #box-02 .area-01{ overflow:hidden; margin-bottom:100px; text-align:center;display: flex;}
#home #box-02 .area-01 .entry{ float:left; margin-right:25px; width:300px;}
#home #box-02 .area-01 .entry:last-child{margin-right:0px;}
#home #box-02 .area-01 .entry img{ margin-bottom:10px;object-fit: cover;object-position: center top; width:300px; height:400px;}

#home #box-02 .area-01 .entry p{ font-size:20px; text-align:center; font-weight:bold; color:#FFF;}
#home #box-02 .area-01 .entry a{text-decoration:none;}


#home #box-03{}

#home #box-03 .area-01{ overflow:hidden; margin-bottom:100px; text-align:center;display: flex;}
#home #box-03 .area-01 .entry{ float:left; margin-right:25px; width:300px;}
#home #box-03 .area-01 .entry:last-child{margin-right:0px;}
#home #box-03 .area-01 .entry img{ margin-bottom:10px;object-fit: cover;object-position: center top; width:300px; height:400px;}

#home #box-03 .area-01 .entry p{ font-size:20px; text-align:center; font-weight:bold; color:#000;}
#home #box-03 .area-01 .entry a{text-decoration:none;}



#home #bk-04{ width:100%;}
#home #box-04{ overflow:hidden; width:100%; max-width:100%;}
#home #box-04 .left{ width:50%; float:left;}
#home #box-04 .right{ width:50%; float:right; background:#eef1f3;}



#home #box-04 .right .tb-01{ display:table; width:638px;height:100%;}
#home #box-04 .right .tb-01 .sub{ display: table-cell; vertical-align:middle; padding-left:50px;}
#home #box-04 .right .tb-01 .sub table{ width:100%;}
#home #box-04 .right .tb-01 .sub table td{ padding:5px 0px;}

#home #box-04 .googlemap{height:600px;overflow: hidden;position: relative;}
#home #box-04 .googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}


#home #bk-05{ background:#eef1f3;}
#home #box-05{}
#home #box-05 .area-01{ width:980px; margin:auto; background: #EFEFEF; padding:50px;border-radius:30px; margin-bottom:70px;}
#home #box-05 .area-01 table{ width:100%;}
#home #box-05 .area-01 table tr{ border-top:#999 dotted 1px;}
#home #box-05 .area-01 table tr:last-child{ border-bottom:#999 dotted 1px;}
#home #box-05 .area-01 table td{ padding:15px 0;}
#home #box-05 .area-01 table td.td-01{ width:160px; font-weight:bold;}



#home #box-06{ overflow:hidden;}
#home #box-06 .area-01{ text-align:center;}
#home #box-06 .area-01 img{ margin:0 10px;}

#home #box-06 .area-01 img{ margin:0 10px; margin-bottom:10px;transition:1s all;}
#home #box-06 .area-01 img:hover{transform: scale(200%);}
/*▼会長あいさつ　greeting▼*/



#greeting #box-01{ padding-top:100px;}
#greeting #box-01 .area-01{ overflow:hidden; margin-bottom:50px;}
#greeting #box-01 .area-01 .right{ display: inline; float:right;}
#greeting #box-01 .area-01 .right{margin-left:10px;float:right; margin-bottom:20px;}
#greeting #box-01 .area-01 .right img{ margin-bottom:5px;}
#greeting #box-01 .area-01 .right p{ text-align:center;}
#greeting #box-01 .area-01 .right p.p-02{ font-weight: bold; font-size:110%;}

#greeting #box-01 .area-01 .left{ display:inline;}
#greeting #box-01 .area-01 .left .p-01{font-weight:bold; font-size:26px; color:#039; margin-bottom:5px;}


#greeting #box-02 .area-01 {}
#greeting #box-02 .area-01 .entry { float: left; width:80px; padding-top: 5px; overflow: hidden;  border: #CCC 1px solid; border-right:none;text-align: center; }
#greeting #box-02 .area-01 .entry:nth-child(12n){border-right: #CCC 1px solid;}
#greeting #box-02 .area-01 .entry:last-child{border-right: #CCC 1px solid;}
#greeting #box-02 .area-01 .entry p.text-02 { font-size: 11px; letter-spacing: normal; text-align: center; }
#greeting #box-02 .area-01 .entry p.text-01 { padding: 3px 0px; font-size: 11px; font-weight: bold; color: #FFF; letter-spacing: normal; text-align: center; background-color: #233563; }
#greeting #box-02 .area-01 .entry .img-01 { height: 73px; width: 75px; margin: 0 auto; margin-bottom: 5px; overflow: hidden; }
#greeting #box-02 .area-01 .entry img { margin: auto auto; }





/*▼クラブ概要　outline▼*/


#outline #box-01{ padding-top:100px; padding-bottom:0px;}


#outline #box-01 table{ width:100%; margin-bottom:100px;}
#outline #box-01 table:last-child{margin-bottom:0px;}
#outline #box-01 table td{ padding: 7px; border: #CCC solid 1px; }
#outline #box-01 table tr td:first-child { width: 180px; font-weight: bold; color: #FDD02D; background-color: #203562; }

#outline #box-01 #box-shimai {border:#999 solid 1px; background-color: #FFFAF4}

#outline #box-shimai .top {text-align:center; width:300px; padding:5px; margin-left:80px; padding-top:5px; margin-bottom:10px; border-bottom:#CCC solid 1px; border-top:#CCC solid 1px; margin-top:10px; font-size:16px; font-weight:bold; color:#666;}


#outline #box-shimai table { width:100%;margin-bottom:15px;}
#outline #box-shimai table td { padding: 7px; padding-right:0px;border: #CCC solid 1px; }
#outline #box-shimai table tr td:first-child{ width: 180px; font-weight: bold;background-color: #FFF0FF; }
#outline span.s-01{ margin-right:10px;}

#outline #box-shimai .text { font-size: 15px; font-weight: bold; color: #213562; }



/*▼役員および組織　sosiki▼*/


#sosiki #box-01{ padding-top:100px;}
#sosiki #box-01 .area-01{ overflow:hidden; margin-bottom:50px;}
#sosiki #box-01 .area-01 h3 { padding: 7px 7px 7px 7px; font-weight: bold; color: #FFF; text-align: left; background-color: #86BACF; }

#sosiki #box-01 .area-01 table{ width:100%;}
#sosiki #box-01 .area-01 table td {padding: 7px; border: #CCC solid 1px; width:25%;}
#sosiki #box-01 .area-01 table td.td-01 { font-weight: bold; color: #FFF; background-color: #203562;}
#sosiki #box-01 .area-01 table td.td-02 { font-weight: bold; color: #FFF; background-color: #005DAA;}




/*▼会員　kaiin▼*/


#kaiin #box-01{ padding-top:100px;}
#kaiin #box-01 .area-01{ overflow:hidden; margin-bottom:50px;}

#kaiin #box-01 table { width:100%; margin-bottom:50px;}
#kaiin #box-01 table td { padding: 7px; padding-right: 0px; border: #CCC solid 1px; }
#kaiin #box-01 table td.td-01 { font-weight: bold; color: #FFF; text-align: center; background-color: #203562; }
#kaiin #box-01 h3{ padding: 7px 7px 7px 7px; font-weight: bold; color: #FFF; text-align: left; background-color: #86BACF; }

/*▼ロータリークラブとは　about▼*/


#about #box-01{ padding-top:100px;}
#about #box-01 .area-01{ overflow:hidden;}
#about #box-01 .area-01 .left{ display:inline; float:right;}
#about #box-01 .area-01 .right{ display:inline;}


#about #box-02 .area-01{ overflow:hidden;}
#about #box-02 .area-02{ overflow:hidden;}
#about #box-02 .area-02 .entry{ width:24%;border:#006 solid 1px;background: linear-gradient(298deg, rgba(250,244,230,1) 0%, rgba(255,255,255,1) 100%); float:left; margin-right:10px;}
#about #box-02 .area-02 .entry:last-child{margin-right:0px;}
#about #box-02 .area-02 .entry .inner{ padding:20px;}
#about #box-02 .area-02 .entry h3{ text-align:center; border-top:#a2a098 solid 1px; border-bottom:#a2a098 solid 1px; padding:10px 0px;font-weight:bold;font-family:"Noto Sans JP", sans-serif;font-size:20px; margin-bottom:10px;}


#about #box-03 .area-01{background-color: #F9FCFD;border: 2px solid #009; overflow:hidden; padding:30px;}
#about #box-03 .inner {float:left;}
#about #box-03 ul { margin-bottom: 10px; margin-left: 10px; }
#about #box-03 .textbox-01 { margin-bottom: 20px; margin-left: 20px; }
#about #box-03 .text-01 {font-weight: bold; color: #005daa; }

#about #box-03 #test {float:right; width:50%;}


#about #box-04 ul { margin-bottom: 10px; margin-left: 25px; text-indent: -1rem;}
#about #box-04 .area-01{background-color: #F9FCFD;border: 2px solid #009; overflow:hidden; padding:30px;}
#about #box-04 .area-01 .text-01{ font-weight: bold; color: #005daa;}



#about #box-05 .area-01{ border: #006 solid 1px; background: linear-gradient(298deg, rgba(250,244,230,1) 0%, rgba(255,255,255,1) 100%); padding:30px;}
#about #box-05 .area-01 .entry{ background: linear-gradient(298deg, rgba(250,244,230,1) 0%, rgba(255,255,255,1) 100%); margin:10px; width: 511px;}
#about #box-05{ position: relative;}
#about #box-05 .area-02 { position: absolute; top: 195px; left: 620px; }


/*▼▼▼ブログ共通　bl▼▼▼*/
.bl #wrper{ width:1024px; margin:auto; overflow:hidden; padding:70px 0;}

/*　左カラム　*/
.bl #mleft{ width:680px; float:left;}
.bl #mleft .box{ width:680px; padding-top:0;}


/* アーカイブ・カテゴリー */
.bl #mleft .area-01{ overflow:hidden;}
.bl #mleft .tb-01{ overflow:hidden; clear:both; padding-bottom:30px; margin-bottom:30px;border-bottom: #999 dotted 1px;}
.bl #mleft .tb-01 img{ width:170px; height:170px;object-fit: cover; float: left; margin-right:20px;}

.bl #mleft .tb-01 .p-01{ font-size:19px; font-weight: bold; margin-bottom:15px;}
.bl #mleft .tb-01 .p-01 a{ font-weight: bold; color: #0066c0;}


/* アーカイブ・会報 */
#kaihou #box-01{ max-width:1280px; min-width:1200px; width:100%; margin:auto;}
#kaihou #box-01 .area-01{ overflow:hidden;}
#kaihou #box-01 .area-01 .entry{ width:245px; margin-right:11px; float:left; margin-bottom:30px;}
#kaihou #box-01 .area-01 .entry:nth-child(4n){ margin-right:0px;}

#kaihou #box-01 .area-01 .entry img{ width:245px; height:245px;object-fit: cover;object-position: left top;}
#kaihou #box-01 .area-01 .entry p{ text-align:center; font-size:18px;}
#kaihou #box-01 .area-01 a{ text-decoration:none; color:#000;}

/* アーカイブ・各種ダウンロード */
#siryou #box-01 .area-01{ overflow:hidden;}
#siryou #box-01 .area-01 table{ width:100%;}
#siryou #box-01 .area-01 table tr:first-child td{ text-align:center; font-weight:bold; color:#FFF; background:#17458f;}
#siryou #box-01 .area-01 table tr td{ padding:10px; border:#EFEFEF solid 1px;}
#siryou #box-01 .area-01 table tr td.td-01{ width:150px; font-weight:bold;}
#siryou #box-01 .area-01 table tr td span{ display:none;}




/*　右サイドカラム　*/
#mright{ width:270px; float:right;}
#mright .sbox{ margin-bottom:40px;}

#mright h2{ font-size:19px; font-weight:bold; letter-spacing:normal; padding-bottom:3px; position:relative; margin-bottom:10px;}
#mright h2 span{ font-size:14px; font-weight:bold; color:#17458f; display:inline-block; margin-left:10px;}
#mright h2:before{ box-sizing: inherit; display: block; height: 1px; position: absolute; content: ""; bottom:0; left:0; width: 40%; z-index: 1; background:#17458f;}
#mright h2:after { content: ""; bottom: 0; left: 0; width: 100%; background:#ddd; box-sizing: inherit; display: block; height: 1px; position: absolute; z-index: 0;}


#mright #sbox-01{}
#mright #sbox-01 ul{}
#mright #sbox-01 ul li{ overflow:hidden; margin-bottom:7px;}
#mright #sbox-01 ul li a{ padding:0px; text-decoration:none; display:block; transition: 0.2s;}
#mright #sbox-01 ul li .img{ width:80px; height:80px; float:left; overflow:hidden; border:1px solid #efefef; box-sizing:border-box; border-radius:0px;}
#mright #sbox-01 ul li img{ width:80px; height:80px; object-fit:cover; float:left;transition: 0.3s; border-radius:0px;}
#mright #sbox-01 ul li p{ width:180px;font-weight:500; color:#555; letter-spacing:normal; display:inline-block; float:right; padding-top:2px;}
#mright #sbox-01 ul li a:hover{ opacity:0.9; transition: 0.2s;}
#mright #sbox-01 ul li a:hover img{ -webkit-transform: scale(1.04); transform: scale(1.04); transition: 0.3s;}


#mright #sbox-02{}
#mright #sbox-02 ul{}
#mright #sbox-02 ul li{ border-bottom:1px solid #ddd;}
#mright #sbox-02 ul li a{ background:url(../images/common/ico-f.png) left 10px top 20px no-repeat;color:#555; background-size:16px auto; padding:10px 10px 10px 32px; letter-spacing:normal; text-decoration:none; display:block; transition: 0.2s;}
#mright #sbox-02 ul li a span{ transition: 0.2s;}
#mright #sbox-02 ul li a:hover{ background-color:#e4f3ff; opacity:1; transition: 0.2s;}
#mright #sbox-02 ul li a:hover span{ padding-left:3px; transition: 0.2s;}




/*▼▼▼ブログ記事　single▼▼▼*/

#single .h2-03{ font-size:28px; padding-top:8px;}
#single .date{ font-weight:bold; text-align:right; margin-bottom:10px;}



.postNavi{ overflow:hidden; margin-top:50px; clear:both;}
.postNavi .prev{ display:inline-block; float: left;}
.postNavi .next{ display:inline-block; float: right; text-align:right;}

.postNavi a{ font-weight:; color: #17458F;}

.pagination { margin: 40px 0 0; text-align:center; clear:both;}
.pagination .page-numbers { display:inline-block;margin:0 5px;padding:10px 15px;color:#333;border-radius:3px;box-shadow:1px 1px 5px #999;background:#fff;vertical-align:top;}
.pagination .current { padding: 10px 15px; background: #17458F; color: #fff; }
.pagination .prev,
.pagination .next { background: transparent; box-shadow: none; color: #17458F; }
.pagination .dots { background: transparent; box-shadow: none; }