/*==================================================
  CSS information
  --------------------------------------------------
  Filename   ：base.css
  Author     ：イースマイルシステムズ
  Description：基本スタイルを記述
==================================================*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700,800&display=swap');

* {
	margin: 0;
	padding: 0;
}
body {
	background: #FFF;
	color: #333333;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
/*	word-break: break-all; */
	text-align: center;
	-webkit-text-size-adjust: none;
}
body#blog_page, 
body#voice_page {
}
p {
	margin: 0 0 0.8em;
	text-align: justify;
	text-justify: inter-ideograph;
}
p.nm {
	margin-bottom: 0px;
}
h1,h2,h3,h4 {
	font-size: 100%;
}
hr {
	border: 0px;
	border-bottom: 1px dotted #BBBBBB;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
th {
	font-weight: normal;
	text-align: left;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
.w100 {
	width: 100%;
	height: auto;
}

a:hover img {
	background: #FFF;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.header a:hover img {
	background: none;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
#menu2 a:hover img {
	background: none;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

/*--------------------------------------------------
  リンク
--------------------------------------------------*/
a { text-decoration: underline; }
a:link, a:visited { color: #14449b; }
a:active, a:hover { text-decoration: none; }
a img { border: none; text-decoration: none; }

/*--------------------------------------------------
  フォントサイズ
--------------------------------------------------*/
.b  { font-weight: bold; }		/* 太字 */
.fs { font-size: 85%; }				/* 小さい文字 */
.fm { font-size: 110%; }			/* 大きい文字 */

/*--------------------------------------------------
  フォントカラー
--------------------------------------------------*/
.red  { color: #C80000; }			/* 赤 */
.orange { color: #F3981E; }		/* オレンジ */
.green  { color: #3BB149; }			/* 緑 */
.blue { color: #14449b; }			/* 青 */
.pick { color: #d9334b; }			/* 注目色 */
.thin { color: #888888; }			/* 薄い色 */
.brown { color: #956134; }			/* 薄い色 */
.yelow { color: #FAEE00;}
/*--------------------------------------------------
  配置
--------------------------------------------------*/
.cen { text-align: center; }	/* 中央寄せ */
.lft { text-align: left; }		/* 左寄せ */
.rit { text-align: right; }		/* 右寄せ */

.fl { float: left; }
.fr { float: right; }

.vtop { vertical-align: top; }		/* 上詰め */
.vbtm { vertical-align: bottom; }	/* 下詰め */

/*--------------------------------------------------
  画像配置（文字を回り込ます）
--------------------------------------------------*/
.img_lft { float: left; margin-right: 18px; }
.img_rit { float: right; margin-left: 18px; }

/*--------------------------------------------------
  IME（フォームコントロール用）
--------------------------------------------------*/
/* 半角 */
.disabled {
	ime-mode: disabled;
	border: 1px solid #A5ACB2;
	padding: 2px;
}
/* 全角(切替可) */
.active {
	ime-mode: active;
	border: 1px solid #A5ACB2;
	padding: 2px;
}

/*--------------------------------------------------
  その他
--------------------------------------------------*/
/* フロート解除 */
.cb { clear: both; }
/* クリアフィックス */
.cf:after,
.cb:after,
.box:after {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0px;
	content: "";
}

@media print { 
    img { 
        display: inline; 
    } 
}
/* 蛍光ペンマーカー */
.marker {
	background:linear-gradient(transparent 60%, #fffa57 60%);
}