@charset "UTF-8";
/* Start here */
/*/==================
基本部分
=====================/*/
html {
	font-size: 80%;
	}
body{
	font-family: 'Hiragino Kaku Gothic Pro',"Hiragino Sans","Meiryo", "Hiragino Sans","メイリオ","Helvetica Neue","YuGothic","Segoe UI","San Francisco","Osaka","MS PGothic",sans-serif;
	body bgcolor:#FFFFFF;
	text-align:left;
	line-height: 110%;
	font-size:10.5px; 
	font-size: 1.0em; 
}
#wrapper {
	max-width: 720px;
	margin: 0 auto;
}
#wrapper2 {
	max-width: 810px;
	margin: 0 auto;
}
.basic {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	font-size: 1.1rem;
	line-height: 1.5em;
}
li{
margin-top:0.5em;
margin-bottom:1.0em;
}
.textpaddin1{
	  padding-left: 2em;
      text-indent: 0em;
}
.link {
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
}
/*/==================
フォント
=====================/*/
h1{
font-size : 1.5em;
line-height: 1.2em
}
h2{
	font-size : 1.4em;
	font-weight : bold;
}
h3{
	font-size : 1.2em;
	background-color : #FFFFFF;
	font-weight : bold;
	color: #900;
	font-family: Verdana, Geneva, sans-serif;
}
.font12 {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ', sans-serif;
	font-size: 1.0em;
	color: #000000;
}
.font12-b {
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
}
.font16{
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 'Meiryo', 'メイリオ', sans-serif;
	color: #000000;
	font-weight: bold;
	font-size:1.4em;
}
.font16-2{
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ', 'sans-serif';
	color: #000000;
	font-weight: bold;
	font-size: 1.4em;
}
.font14{
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 'Meiryo', 'メイリオ', 'sans-serif';
	color: #063 ;
	font-size:1.2em;
	text-align: center;
}
.font14-gr{
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 'Meiryo', 'メイリオ', 'sans-serif';
	color: #063 ;
	font-size:1.2em;
}
.font14-blue {
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 'Meiryo', 'メイリオ', 'sans-serif';
	color: #1a1a80 ;
	font-size: 1.2em;
	font-style: normal;
}
.font14-trueblue {
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 'Meiryo', 'メイリオ', 'sans-serif';
	color: #FF0000;
	font-size: 1.2em;
	font-weight:bold;
}
.font12-dbule {
	color:#842444;
	font-weight: bold;
	font-size: 1.0em;
	font-weight:bold;
}
.font14-black {
	font-size: 1.2em;
	color:#000000;
}
.font14-orange {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo';
	color:#FF0000;
	font-weight: bold;
	font-size: 1.2em
	}
.font14-orangecenter {
	color:#FF0000;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
    margin: 0px auto;
	}
.font12-blue {
	color:  #00C;
	font-weight: bold;
	font-size:1.0em;
}

.font12-red {
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	color: #FF3300;
	font-weight: bold;
	font-size: 1.0rem;
}
.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 20em
}
.wrap.center{
  height:60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hr point {
  border-top: 2px dashed #9dd1ff;
  background-color: #56b0ff;
}
#center400 {
  width:400px;
  margin: 0 auto;
}
#center450 {
  width:450px;
  margin: 0 auto;
  align-items: left;
}
.text_center {
	margin: 16px auto;
	text-align: center;
	display: block;
	border: 1px solid #000;
}
.text_center2 {
    text-align: center; 
}
.text_center .text {
	text-align: left;
	display: inline-block;
}
.center {
  text-align: center;
    margin: 0px auto;
	}
.right_ext {
  width:inherit;
  margin: 0 auto;
  text-align:right;
  }
.p.center {
	text-align: center;
}
/*/==================
テーブル
=====================/*/  
.table {
	border-collapse: collapse;
	border: 1px solid #999;
	border-color: #CCC;
}
.table th {
	border-collapse: collapse;
	border: 1px solid #999;
	background-color:#9CF;
	font-style:bold;
	vertical-align:middle;
	text-align:center;
}
.table td {
	border-collapse: collapse;
	border: 1px solid ;
	text-align:left;
	vertical-align:middle;
    }
.table. caption {
	width: 6em;
	font-weight:bold;
	caption-side: left;
}

/**========
table 2 
======**/
.table2 {
	border-collapse: collapse;
	border: 1px solid #999;
	border-color: #CCC;
}
.table2 td {
	border-collapse: collapse;
	border: 1px solid ;
	text-align:left;
	vertical-align:middle;
    }
.table2 th {
	border-collapse: collapse;
	border: 1px solid #999;
	background-color:#9CF;
	font-style:bold;
	vertical-align:middle;
	text-align:center;
}
.table2 tr td:nth-of-type(1) {
	border-collapse: collapse;
	font-style:bold;
	vertical-align:middle;
	text-align:center;
} 
.textpaddin{
	  padding-left: 1em;
      text-indent: 0em;
}  

/**=====
パンくずリスト
======**/
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #06C;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}
#topimage {
	vertical-align:bottom;
}
/*/==================
ナビゲーションバー
=====================/*/
.tnav {
    display: flex;
    padding: 0;
    margin: 0;
	font-size : 1.2em;
    list-style: none;
	background: #eee;
	font-weight:bold;
	/* border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	*/
}
.tnav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	background: #eee;
}
.tnav li{
    /*追加*/ display: flex;
    width: 100%;
    box-sizing: border-box;
    /*削除*/ text-align: center;*/
    margin: 0;
	color:#FFF;
	background: #eee;
	/* border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	*/
   
}
.tnav li a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    /*liから移動*/　padding: 10px;
	text-decoration: none;
}
.tnav li a:hover {
	color: #039;
	text-decoration: underline; 
	
}

.tnav li {
	float: left;
	border-left: 1px solid rgba(0,0,0,.1);
}
.tnav li:first-child {
	border-left: none;
}
/*/==================
frmeset
=====================/*/
.top {
	position: absolute;
	top: 1px;
	left: 0px;
	width: auto;
	height: 150px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	}
iframe {
	border: none;
	height: 150px;
	width: 100%;
	}
/*/==================
article 部分 post
=====================/*/
.article {
	width:720px;
	box-sizing:border-box;
	text-align:left;
}	
.article p {
	width:670px;
	box-sizing:border-box;
	text-align:left;
}
.post p {
	width: 670px;
	height: auto;
	border:0px;
	padding:;0px
	box-sizing:border-box;
	text-align:left;
}

.h1{
font-size : 1.6em;
background-color : #ffffff;
line-height: 1.2em
}
.h2{
font-size : 1.2em;
}
.h3{
	font-size : 1.2em;
	background-color : #FFFFFF;
	font-weight : bold;
	color: #900;
	font-family: Verdana, Geneva, sans-serif;
}
.textpaddin{
	  padding-left: 1em;
      text-indent: 0em;
}  
.textpaddin1{
	  padding-left: 2em;
      text-indent: 0em;
}
.center{
  text-align: center;
}

/*/==================
テーブルレイアウト
=====================/*/	
.table {
	border-collapse: collapse;
    border:1px solid #999;
}
#wrapper .article .table {
}
.table TD {
	border-collapse: collapse;
    border:1px solid #999;
    }
.tbale th {
	border-collapse: collapse;
    border:1px solid #999;
	background-color: #69F;
}

/*/==================
リスト
=====================/*/	

.listbody{
  float: left;
  width: 800px;
}

.box-new {
 padding: 0.1em 0em;
 margin: 0.5em 0;
 font-weight: bold;
  color:white;
  font-style:italic;
    background: #C03;
 border: solid 0.5px ;
 border-radius: 2px;
 display:inline-block;
}
.box-new p {
 margin: 0; 
 padding: 0;
}
.new {
    background-color:   #C03;
	 color:white;
  font-style:italic;
  font-weight: bold;
}
.update {
    background-color: #090;
	 color:white;
  font-style:italic;
  font-weight: bold;
}
.new1 {
	float: none
	font-weight: bold;
	font-size:12px;
  font-style:italic;
  color:#FFF;
  background:#F33;
  padding: 2px 3px;
}
.update1 {
	float: none
	font-weight: bold;
	font-size:12px;
  font-style:italic;
  color:#FFF;
  background:#090;
  padding: 2px 3px;
}
<style>
  .cookie-consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,.7);
    padding: 1.2em;
    box-sizing: border-box;
    visibility: hidden;
  }
  .cookie-consent.is-show {
    visibility: visible;
  }
  .cookie-consent a {
    color: #fff !important;
  }
  .cookie-agree {
    color: #fff;
    background: dodgerblue;
    padding: .5em 1.5em;
  }
  .cookie-agree:hover {
    cursor: pointer;
  }
  /* パッと消える */
  .cc-hide1 {
    display: none;
  }
  /* ゆっくり消える */
  .cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  /* メディアクエリ */
  @media screen and (max-width: 600px) {
    .cookie-consent {
      flex-direction: column;
    }
    .cookie-text {
      margin-bottom: 1em;
    }
  }
</style>

/*======
GRJリスト　更新新規ラベル
=====*/

/*
.new {
	float:center;
	font-weight: bold; 
	font-size:12px;
  font-style:iitalic;
  color:white;
  background: #C03;
}
.update {
	float:center;
	font-weight: bold; 
	font-size:12px;
  font-style:iitalic;
  color:white;
  background: #396;
}
.new {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #ffffff;
  font-size: 12px;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);
  font-weight: bold;
}
.update {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #ffffff;
  font-size: 12px;
  text-shadow: 2px 3px 3px rgba(233, 233, 233, 0.25);
  font-weight: bold;
}


/* floatクリア 
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}	
ul {
　　overflow:hidden;
　　list-style:none;
　　margin: 0 auto;
　　z-index: 20;
}
 
ul li {
  display: inline-block;
  padding: 26px 10px 20px 10px;
}	
	
/* floatクリア */	
/*/==================
トップナビゲーションメニュー

ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #0066FF;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: white;
}
ul.topnav li a:hover:not(.active) {
	background-color: #a9bce2;
}
ul.topnav li a.active {
	background-color: #0099FF;
}
ul.topnav li.right {
	float: right;
}
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
/* copyright */


/*
==================

 .copyright @ {margin: 0;
			font-size:14px
}