/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

body{
	background-color:#fffaf0;
	font-size:16px; /*16px以上がいいらしい　行間はテキストサイズの1.75倍*/
	line-height:28px;
	font-family:"ＭＳ ゴシック",sans-serif;
	text-align:left;
	color:#000000; /*#00416aは紺色で素敵だがここは黒で行こう*/
	-webkit-text-size-adjust: 100%;
}


/* リンク */
a{text-decoration:none;}
a:link { color: #000033; }
a:visited { color: #000033; }
a:hover { color: #ff0000; text-decoration: underline;}
a:active { color: #ff0000; }

a.my_std{text-decoration:none; font-size: 105%;}
a.my_bb-red{text-decoration:none; font-size: 105%; background: linear-gradient(transparent 90%, #ff0000 70%);}
a.my_bg-red{text-decoration:none; font-size: 105%; background-color:#ffdbdb;}
a.my_p1{text-decoration:none; font-size: 105%;font-weight: bold;}
a.my_f2f4ff{text-decoration:none; color:#f2f4ff;}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* h系 */


h1 {
position: relative;
padding-left: 25px;
	font-size:130%;
     color:#026ef9;
}

h1:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #026ef9;
}
h1:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px #026ef9;
}

h2	{font-size:120%;
	color:#fcfcfc;
	padding: 0.2em;/*文字周りの余白*/
	line-height: 1.3;/*行高*/
	background:#78bbe6;/*背景色*/
	border-bottom: solid 3px #026ef9; /*下線*/
	vertical-align: middle;/*上下中央*/
	margin-bottom: 0px;
	}
h2:before {
	content: '●';
	color:#ff8030;
	margin-right: 8px;
	}

h3	{font-size:115%;
     color:#026ef9;
	padding: 0.2em 0; /*上下の余白*/
	border-bottom: solid 3px #026ef9; /*下線*/
	margin-bottom: 0px;
	}
h3:before {
	content: '●';
	color:#ff8030;
	margin-right: 8px;
	}

h4	{font-size:110%;
	color:#026ef9;
	margin-bottom: 0px;
	 }
h4:before {
	content: '●';
	color:#ff8030;
	margin-right: 8px;
	}

h5	{font-size:110%;
     color:#026ef9;
	margin-bottom: 0px;
	 }

h6	{font-size:100%;
	margin-bottom: 0px;
	}
h6:first-letter {
	background-color:#026ef9;
	color:#fcfcfc;
	font-size: 150%;
	}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* hr系 */
hr	{color:#00416a;
	 margin-top:0px;
	 margin-bottom:0px}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* テーブル */
table.table00{
border-collapse: separate;
border-spacing: 0px;
}

.table00 th{
padding: 4px;
text-align: left;
vertical-align: top;
}

.table00 td{
padding: 4px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
table.table01{
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.table01 th{
padding: 4px;
text-align: left;
vertical-align: top;
background-color: #f4f4f4;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}

.table01 td{
padding: 4px;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
text-align: left;
vertical-align: top;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
table.table02{
border-collapse:collapse;
}

.table02 tr td:nth-of-type(2) {
	font-size: smaller;
	}

.table02 tr:nth-child(odd) {
	background: #f4f4f4;
}
/*
.table02 tr:hover {
	background: #cff;
}
*/
.table02 tr{
border-bottom:1px dashed #ccc
}
.table02 tr.bb2sc{
border-bottom:2px solid #ccc
}
.table02 tr.tb2sc{
border-top:2px solid #ccc
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* fontawesome ...Right now studying */

.fa_li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}
.fa_ul {
  padding-left: 0;
  margin-left: 2.2em;
  list-style-type: none;
}
.fa_ul > li {
  position: relative;
}
.fa_li {
	color: #fecb81;
  position: absolute;
  left: -2.2em;
  width: 2.2em;
  top: 0.001em;
  text-align: center;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*横に並ぶように*/
.list_inline-block2 li{
  display:inline-block;
  list-style: none;
  width:45%;
  height: 200px;
  vertical-align: middle;
  text-align:center; /*左右中央寄せは親要素に対して指定*/
  background: skyblue;/*背景を水色に*/
}

.list_inline-block3 li{
  display:inline-block;
  list-style: none;
  width:30%;
  height: 150px;
  vertical-align: middle;
  text-align:center; /*左右中央寄せは親要素に対して指定*/
  background: green;/*背景を水色に*/
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* list_menu */
.list_menu {
  margin-left:0;
  padding-left:0;
}

/*横に並ぶように*/
.list_menu li{
  display:inline;
  list-style: none;
}

/* >を表示*/
.list_menu li:after{
  content: ',';
  padding: 0 3px;
  color: #00416a;
}

/* 最後の","を表示しないように */
.list_menu li:last-child:after{ 
  content: '';
}


/* キーワード */
.keyword {font-size:0px;color:#fcfcfc}
.keywordx {font-size:20px;color:#000000}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media only screen
and (min-device-width:320px)
and (max-device-width:750px) {

body{
	background-color:#fcfcfc;
	font-size:40px;
	line-height:55px;
	font-family:Hiragino Kaku Gothic ProN,Georgia;
	text-align:left;
	color:#00416a;
	-webkit-text-size-adjust: 100%;
}

/* div系 */
div	{font-size:40px;
	 line-height:55px}

div.section20 {margin-left :20px}

div.section40 {margin-left :40px}

.keyword {font-size:0px;color:#fcfcfc}
 
}