@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,th,td,table{margin:0;padding:0;border-spacing:0;}
body { 
	font-size:13px;
	line-height:1.3;
	color:#333333;
	background-color:#ffffff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding-top:0;
	margin-top:0;
 -webkit-text-size-adjust: 100%;
}

a{text-decoration:none;}
big { font-size:150%; }
small { font-size:90%;}
a:link{ color:#0000ff;  }
a:visited{ color:#0000ff;  }
a:active{ color:#ffd700;  }
a:hover{ color:#ff0080; text-decoration:underline }
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
.clearb{clear:both;}
img{border:0;}

/*ページ外枠*/  
.content, .uptable{margin: 0 auto 0;width:900px;}

/***** ヘッダー  *****/  
#header{ 
	border-bottom:1px solid #eeeeee;width:100%;
	background-image:url(bbglue250.gif);
	background-color:#f3f6ff;
	height:72px;
	padding:7px 0 2px;
}
/*ヘッダー部 タイトル*/  
.up_title{
	font-size:160%; 
	text-align:center;
	letter-spacing:0.07em;
	/*font-weight:bold;*/
}
/*ヘッダー部 メッセージ*/  
.up_msg{
	text-align:center;
	padding:3px 0 0;
}
/*表示カテテゴリ名*/  
.cate_name{
	font-size:150%;text-shadow:1.5px 1.5px 1.5px #ffffff;
	text-align:center; letter-spacing:0.1em;
	padding:15px 5px 8px;
}
.cate_name span{ color:#ffa8a0;}

/* |TOP| リンク表示*/  
.toplink{
	text-align:right;margin:5px 0 5px;
}

/* フッタ */  
#footer {
	matgin-top:5px;
	border-top:1px solid #eeeeee;
	text-align:center;
	background-image:url(bbglue100.gif);
	background-color:#f3f6ff;
}
.dwntable{ width:100%; height:90px; }
/* QRコード */
.qrcode{text-align:left;margin:0;position:absolute;top:2px; vertical-align: bottom;}
.qrcode img{width:auto;height:auto;}

/*カテゴリ名リストのメニュー化*/  
.nav{ margin:0;padding:0; display: block; }
.cmenu{
	width:32.8%; height:35px;font-weight:bold; margin:2px; padding:0; text-align: center; box-sizing:border-box;
	border:solid 1px #78b7ff;   background-color:#f4f9ff;
	border-radius: 4px;   box-shadow: 1px 1px 1px 0px rgba(50,50,50,0.1);   /* 角丸 ぼかし*/
	float:left; display: flex; align-items:center; justify-content:center;
}
.cmenu a{
	display: block;text-align:center;margin:0;padding:2px;
	height:100%;width:100%;border-radius: 4px;
	display: flex; align-items:center; justify-content:center;
	box-sizing:border-box;
}
.cmenu a:hover{background-color:#f9eaf9;}
.cmenu p{margin:3px 2px 3px;}
#current_cate{background-color:#ffe493;padding:2px;}



/* <<前の○件  次の○件>> */  
.back_link { 
	width:50%; 
	text-align:center;
	font-weight:bold;
	padding:10px 0 10px;
}
.next_link { 
	width:50%; 
	text-align:center;
	font-weight:bold;
	padding:10px 0 10px;
}
.back_link a{padding-left:60px;}
.next_link a{padding-right:60px;}



/***** 記事表示エリア *****/  
#article{
	vertical-align:top;
	text-align:left;
}

/******** 各記事table *********/  
/** タイトル部 **/  
.A_title{
	background-color:#eeeeee;
	border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; border-top:1px solid #aaaaaa; 
	text-align:left; font-size:130%;
	padding:5px 10px 5px;
	border-radius:4px 4px 0 0;   box-shadow: 1px 0 2px 0px rgba(50,50,50,0.1);   /* 角丸 ぼかし*/
}

/** データ外枠 **/  
.tableA{
	margin:0 0 2px; width:100%;
	border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; 
	border-radius:0 0 4px 4px;   box-shadow: 1px 1px 2px 0px rgba(10,10,10,0.1);   /* 角丸 ぼかし*/
}
.tableA td{padding:1px;}
/* 項目名 */  
.head_td{
	font-weight:bold;
	text-align:left;
	color:#059021;
	/*background-color:#f9f9f6;*/
	padding:7px 10px 0; border-top:1px dotted #555555;	
}
/* 内容 */  
.data_td{
	background-color:#ffffff;border-radius:0 0 4px 4px;
	text-align:left;
	padding:5px 5px 5px 18px;
}

/* 記事間すき間 */  
.gap{margin-top:15px;}

/* 画像表示エリア */  
.image_table{background-color:#ffffff;margin:5px 0 3px 0; float:right;}
.image_table td{padding:0 5px 0 8px;text-align:left;}
/* 画像 */
.image{margin:1px;}
/* PDF,Word,Excel アイコン */
.pdf, .word, .excel{margin:5px 5px 0; border:0; width:auto; height:auto;}

/* ページトップに戻る ボタン */
#pageTop{ 
	position:fixed;bottom:10px;right:10px; 
	 opacity:0.8;    z-index: 60;
}
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}


/* メニュー アコーディオン */
#OpenMenu{
  display:none; width:200px; height:40px;text-align:right;padding:0;margin:0; box-sizing:border-box;
  float:left;
}
#OpenMenu td{padding:0;}
.menutxt{font-size:110%;color: #0000ff; height:40px;vertical-align:middle;}
/* 3本線 */
#humberger {
  margin:0 10px 0;
  position: relative;
  height: 22px; width: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div {
  position: absolute;
  left: 0;height: 4px;width: 24px;
  background-color: #444;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box; 
}
#humberger div:nth-of-type(1) {top: 0;}
#humberger div:nth-of-type(2) {top: 9px;}
#humberger div:nth-of-type(3) {bottom: 0;}




/************* 画像表示部設定 *************/
/*画像サイズ*/
.swiper-slide .image{ height:100%;width:auto; }
.swiper-slide .thumim{ height:100%;width:auto; }
/*大窓*/
.areaA .swiper-slide{ 
	display: flex;
	align-items: center;
	justify-content: center;
}
/*小窓*/
.areaB {
  box-sizing: border-box;
  padding: 3px 0;
}

/* スライドのサイズを調整、配置調整、背景色 */
.swiper-slide {
  color: #ffffff;  background-color: #ffffff;
  width: 100%; height: 100%;
  text-align: center; overflow:hidden;
  line-height: 15px;
}
.areaB .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 枚数表示 1/10 */
.swiper-wrapper{position: relative;}
.swiper-pagination{ 
letter-spacing:-0.15em;
width:38px; height:17px;  position: absolute; top:3px; 
background-color:#00045d; color:#ffffff;opacity: 0.6;
border:1px solid #899e82; border-radius:4px; 
}
/*選択サムの枠色*/
 .swiper-slide-thumb-active {  border:3px solid #ffb570; box-sizing: border-box;border-radius:4px}


/******************************************************/
/*** ↓管理画面の「設定」を変更後、自動的に更新 ↓ ***/
/******************************************************/
/*Temp_StyleSheetIN*/
.swiper-slide .image{ max-height:180px;  }
.swiper-slide .thumim{ max-height:51px;  }
.areaA { width: 270px; height: 180px; }  
.areaB {width:270px; height: 56px; }
.swiper-pagination{  left:228px; }

/*Temp_StyleSheetOUT*/
/******************************************************/





/**************** レスポンシブ指定 ****************/  

@media screen and (max-width:900px){
.content, .uptable{width:95%;}
.nav .cmenu{ width:49.3%; }
}
@media screen and (max-width:750px){
.image_table{width:100%;margin:0;}
.image_table td{padding:5px 2px 2px;}
}
@media screen and (max-width:650px){
.nav .cmenu{ width:49%; }
}
@media screen and (max-width:520px){
.nav .cmenu{ height:40px;vertical-align:middle;}
}
/********* スマホ*********/  
@media screen and (max-width:420px){
.nav .cmenu{ width:99%; height:35px;}
.cate_name{ font-size:130%; padding:10px 5px 5px;}
.up_title{ font-size:130%; }
.A_title{ font-size:120%; }
.qrcode{display:none;}
.dwntable{height:50px;}
/* メニュー閉、リンク表示 */
#OpenMenu{ display: block; }
#OpenMenu:hover {cursor: pointer;}
.nav{display:none;}
.toplink{padding-top:10px}
}