/********************************************************
 *	PC高解像度用メディアクエリ
 *******************************************************/
@media screen and (min-width: 1081px) {

	/* タイトルバック 画像指定*/
	.bg-img {
		width: 100%;
		height: 143px;
   		background-image: url('/_assets/images/blogtitle.jpg');
	    background-repeat:  no-repeat;
   		background-size:100% auto;
	    background-position: 0 0px;
   		margin: 0 0 0 0;
	}
	.bizbg-img {
    	width: 100%;
	    height: 143px;
    	background-image: url('/_assets/images/biz_title.jpg');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 -150px;
    	margin: 0 0 0 0;
	}

	/* ブログタイトル位置指定 */
	.title_pos {
		color: white;
		float: left;
		text-align: center;
		margin:20px 0 0 100px;
	}

	/* ブログタイトル */
	.title {
	    text-align: left;
		font-size:30px;
		font-weight:bold;
		margin: 0 0 -8px 0;
	    border: solid 0px;
	}
	.biztitle {
		font-size:30px;
		font-weight:bold;
		margin-bottom:0px;
	    width: 450px;
	    margin-left: -80px;
	}
		
	/* ブログサブタイトル */
	.subtitle {
		font-size:12px;
		margin-top:-10px;
	}
	.bizsubtitle {
		font-size:12px;
		margin-top:-10px;
	}

	/* ブログ名 */
	.blogname {
		float:right;
		font-family: sans-serif;
		font-size:26px;
		color: white;
		padding-top:90px;
		margin-right:100px;
		margin-bottom: 0px;
	}
	/* ブログサブサブ名 */
	.blogsubname {
		float: right;
		font-family:ＭＳ P ゴシック;
		font-size:12px;
		color: white;
		margin-top:-10px;
		margin-right:70px;
	}

	/* リンクのスタイル指定 */
	a:link      { color:#494747; }
	a:visited   { color:#494747; }
	a:hover     { color:#ff6c0b; }
	a           { text-decoration:underline; }

	/* wrapperで囲まれたすべてのイメージに対するマウスカーソルの形*/
	.wrapper img { cursor: pointer;}  /* 指 */

	/* 基本的なボディスタイル指定 */
	body {
	    margin: 0 0 0 0;            /* タイトル画像を幅いっぱいに表示するため */
    	overflow-y: scroll;         /* 常に縦スクロールバーを表示 */
	}

	div.body {						/* Wrapperをセンタリングするため */
		margin: 0 1em 0 1em;
		padding: 0px;
		text-align: center;
		font-size: 16px;
	}
	div.bodykaido {					/* Wrapperをセンタリングするため(街道ウォーク専用) */
		margin: 0 0 0 0;
		padding: 0px;
		text-align: center;
		font-size: 16px;
		background-image: url("../images/bamboo3.jpg");
    	background-repeat: repeat-y;	
	}

	/* ページの全幅を固定 */
	div.wrapper { 
		background-color: white;
		min-width: 500px;
		max-width: 1024px;
		margin-left: auto; 
		margin-right: auto;
		padding: 0px;
		text-align: left;
	}

	/* 各投稿を個別にまとめる */
	div.post {
		margin-bottom: 4em;	
	}

	/* 投稿タイトルの日付表示 */
	div.date {
		margin-top: -58px;
		color:white;
		width:58px;
		height: 58px;
		text-align: center;
		font-family: ＭＳ P ゴシック;
	}
	div.mounth {
		font-size:12px;
	}
	div.day {
		margin-top: -5px;
		font-size:20px;
		font-weight:bold;
	}
	div.year {
		margin-top: -8px;
		font-size:14px;
		font-weight:normal;
	}

	#page_top{
		width: 60px;
		height: 60px;
		position: fixed;
		right: 10px;
		bottom: 10px;
		opacity: 0.6;
	}
	#page_top a{
		width: 60px;
		height: 60px;
		text-decoration: none;
	}
	#page_top a::before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: '\f0aa';
		font-size: 60px;
		color: #ef3f40;
	}

	/* 第１タイトルバーのスタイル指定 */
	h1 {
		width: 100%-50px;
		margin: 0px;
		line-height: 2;
		text-indent: 1em;
		font-size: 30px;
		font-weight: normal;
		border-left: 60px solid #FF6600;
		border-bottom: 2px solid #FF6600;
	} 
	.bodykaido h1 {
        width: 100%-50px;
        margin: 0px;
        background-color: #339933;
        line-height: 60px;
        text-indent: 1em;
        font-size: 26px;
        font-weight: normal;
        color: white;
        border-left: 60px solid #FF9900;
        border-bottom: 2px solid #FF9900;
	}

	/* 第２タイトルバーのスタイル指定 */
	h2 {
	    width: 100%-50px;
    	margin: 0px;
	    margin-top: 2em;
    	margin-bottom: 1em;
	    line-height: 50px;
		font-size: 28px;
		font-weight: normal;
		color: black;
		border-bottom: 1px solid #888888;
	}
	.bodykaido h2 {
        width: 100%-50px;
        margin: 0px;
        margin-top: 5px;
        background-color: #FFFF99;
        line-height: 30px;
        text-indent: 1em;
        font-size: medium;
        font-weight: normal;
        color: black;
        border-left: 50px solid #FF9900;
        border-bottom: 1px solid #FF9900;
        border-right: 1px solid #FF9900;
	}

	/* 第３タイトルバーのスタイル指定 */
	h3 {
		width: 100%-10px;
		margin-top: 28px;
		margin-bottom: 1em;
		font-size: 20px;
		font-weight: bold;
		color: black;
	}
	
	.bodykaido h3 {
        width: 100%-10px;
        margin: 0px;
        background-color: #339933;
        line-height: 150%;
        text-indent:1em;
        font-weight: normal;
        color: white;
        border-left: 10px solid #FF9900;
        border-bottom: 1px solid #FF9900;
        border-right: 1px solid #FF9900;
	}
	

	/* 第４タイトルバーのスタイル指定 */
	h4 {
		width: 100%-50px;
		margin-top: 2em;
		margin-bottom: 1em;
		line-height: 50px;
		font-size: 20px;
		font-weight: normal;
		color: black;
		border-bottom: 1px solid #888888;
	}

	/* イメージの表示場所指定 */
	div.imgl { 
		float: left;
		margin-top: 20px;
		margin-right: 1em;
		margin-bottom: 20px;
	}
	div.imgr {
		float: right;
		margin-top: 20px;
		margin-left: 1em;
		margin-bottom: 20px;
	}
	div.imgn {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* 街道ウォークのイメージの表示場所指定 */
	div.kimgl { 
		float: left;
		margin-top: 0px;
		margin-right: 1em;
		margin-bottom: 20px;
	}
	div.kimgr {
		float: right;
		margin-top: 0px;
		margin-left: 1em;
		margin-bottom: 20px;
	}
	div.kimgn {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	img.kaido {
		width: 240px;
	}

	/* Categoryセレクタ設定 */
	div.category {
		float: left;
		display: flex; 
		justify-content: center;
		align-items: center;
		margin-right: 2px;
		padding: 5px;
		background-color: #eeeeee;
		width: 16%;
	}
	form, select {
		width: 100%;
		text-align: center;
		background-color: #eeeeee;
		border: none;
	}
	.reset_button {
		float: left;
		display: flex; 
		justify-content: center;
		align-items: center;
		margin-right: 2px;
		padding: 5px;
		background-color: #eeeeee;
        width: 10.5%;
    }

	span.link {
		font-size: 16pt;
		font-weight: bold;
		color: white;
		background-color:green;
		padding: 6px 13px 3px 13px;
	}
	span.caption {
		font-size:12px;
		line-height:13px;
	}

	/* 疑似ハードウェア */
	div.LCD {
		float: left;
		margin: 0 1em 1em 0;
		background-color: #4488ff;
		padding: 5px 20px 5px 20px;
		width: 275px;
		font-family: ＭＳ ゴシック;
		font-size: 25pt;
		color: #ffffff;
	}

	/* IC-7100設定定画面 */
	table.ic7100 {
		margin-top: 25px ;
		margin-bottom: 25px
		width: 450px;
		height: 255px;
		border: solid 1px;
		font-size:20px;
	}
	td.ic7100 {
		width: 375px;
		height: 48px;
		border: solid 1px;
		padding-left: 10px;
		line-height: 24px;
	}
	td.ic7100arrow {
		width: 50px;
		border: solid 1px;
		text-align:center;
	}

	/* ヒントのアンダーライン削除指定 */ 
	acronym {
		border-bottom : none;
	}

	dl {
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #ccc;
		border-top; none;
		text-align: left;
		padding: 5px;
	}
	dt.w10 {
		vertical-align: middle;
		background: #ddd;
		width: 10%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w15 {
		vertical-align: middle;
		background: #ddd;
		width: 15%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w20 {
		vertical-align: middle;
		background: #ddd;
		width: 20%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w25 {
		vertical-align: middle;
		background: #ddd;
		width: 25%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w35 {
		vertical-align: middle;
		background: #ddd;
		width: 35%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w50 {
		vertical-align: middle;
		background: #ddd;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dd.w15 {
		vertical-align: middle;
		width: 15%;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dd.w20 {
		vertical-align: middle;
		width: 20%;
		background: #ddd;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dd.w50 {
		vertical-align: middle;
		width: 50%;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dd.w65 {
		vertical-align: middle;
		width: 65%;
		padding: 10px;
		margin: 0;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	dd.w75 {
		vertical-align: middle;
		width: 75%;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}


	/*  UL/OLの属性指定サンプル
	 *  type = none / disc / circle / square / decimal / lower-roman / upper-roman / lower-alpha / upper-alpha
	 *         decimal-leading-zero / hebrew / armenian / georgian / cjk-ideographic / hiragana / katakana
	 *         hiragana-iroha / katakana-iroha / lower-latin / upper-latin / lower-greek
	 */

	/* P囲いの幅とフォント指定 */
	p {
    	margin: 5px 0px 0px 0px;
	    font-weight: normal;  
	}

	p.control {
		margin-top: 10px;
		margin-bottom: 10px;
		float: right;
	}	

	/* コンソールモード */
	pre { 
		margin-top: 0px; 
		margin-bottom: 0px; 
		font-family: ＭＳ ゴシック;
	}
	pre.nano {
		color: black;
		background-color: #eaeaea; 
		padding: 1px 0 1px 0; 
		margin: 0 0 0 0; 
		font-size: 16px;
	}
	pre.shell {
		color: white; 
		background-color: black; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 0 0 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-size: 16px;
	}
	pre.ubuntu {
		color: white; 
		background-color: #300a24; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 0 0 1em 0; 
		overflow: auto; 
		word-wrap: normal;
        font-size: 16px;
	}
	pre.shell_ex {
		color: white; 
		background-color: black; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 0 0 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-family: Cascadia Mono;
		font-weight: 300; 
		font-size: 15px;	
	}
	pre.shell_rd {
		color: white; 
		background-color: #333; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 10px 0 10px 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-family: Cascadia Mono;
		font-weight: 300; 
		font-size: 15px;
		border-radius: 8px;
		width: 90%;
	}
	
	pre.ubuntu_ex {
		color: white; 
		background-color: #300a24; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 0 0 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-family: Cascadia Mono;
		font-weight: 300;
		font-size: 15px;
	}

	pre.title { 
		color: white; 
		background-color: #555555; 
		padding: 8px 10px 8px 10px; 
		width: 90%; 
		margin: 1em 1em 0 0; 
		font-size: 12px;
	}
	pre.terminal { 
		color: white; 
		background-color: black; 
		padding: 10px; 
		padding-right: 10px; 
		width: 90%; 
		margin: 0 1em 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-size: 16px;
	}
	pre code.hljs {
	    background-color: black !important;
	    padding : 0;
		font-family: Cascadia Mono !important;
		font-weight: 500 !important; 
		font-size: 15px !important;	
	}

	/* 汎用class */
	.memor {
		boder: solid 1px 0 1px 0 black;
		color: red !important;
		font-weight: bold;
	}
	.memob {
		boder: 1px 0 1px 0 ;
		color: blue;
		font-weight: bold;
	}
	.update {
		float: right;
		color: blue;
		font-size: 12px;
	}

	/* 引用にかかわる設定 */
	blockquote {
		position: relative;
		padding: 10px 15px 10px 60px;
		box-sizing: border-box;
		background: #efefef;
		color: #555;
	}
	blockquote:before{
		display: inline-block;
		position: absolute;
		top: 18px;
		left: 15px;
		content: "“";
		color: #cfcfcf;
		font-family: Lemon;
		font-size: 50px;
		line-height: 1;
		font-weight: 900;
	}
	blockquote p {
		padding: 0;
		margin: 10px 0;
		line-height: 1.7;
	}
	blockquote cite {
		display: block;
		text-align: right;
		color: #888888;
		font-size: 0.9em;
	}

	/* Footer */
	div.cc {
		float: left;
		tex-align: center;
		font-size: 12px;
		width: 210px;
		margin-left: 3em;
	}
	div.share_button {
		float: right;
		width: 530px;
		margin-right: 3em;
	}
	div.twitter {
		float: right;
		margin: -2px 50px 0 10px;
		height: 20px
	}
	div.facebook {
		float: right;
		margin-top: -6px;
		height: 20px;
	}
	div.ez-html {
		width: 160px;
		height: 16px;
		padding-top: 12px;
		padding-left:2em;
		font-size: 12px;
	}
	div.copyright {
		margin-top: 3em;
		font-size: 12px;
		text-align: center;
	}
	div.footerspace {
		width: 20%;
		height: 45px;
	}

	/* リターン用ボタンの表示 */
	div.button {
		margin-top: 5px;
		margin-bottom: 15px;
		margin-left: 5px;
		background-color: #885500; 
		border: 3px outset rgb(170, 136, 51); 
		color: white; 
		float: right; 
		font-weight: bold; 
		height: 20px; 
		width: 120px; 
		text-align: center; 
		line-height: 20px;
	}


}



/********************************************************
 *	スマートフォン高解像度用メディアクエリ
 *******************************************************/
@media screen and (max-width: 1080px) {

	/* タイトルバック 画像指定*/
	.bg-img {
    	width: 100%;
	    height: 120px;
	   	background-image: url('../../../_assets/images/blogtitle.jpg');
	    background-repeat:  no-repeat;
       	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
	}
	.bizbg-img {
    	width: 100%;
	    height:120px;
    	background-image: url('../images/biz_title.jpg');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
	}

	/* ブログタイトル位置指定 */
	.title_pos {
	    width: 70%;
	    height: auto;
        color: white;
		float:left;
		text-align: left;
		margin:10px 0 0 20px;
	}

	/* DayAfterDay ブログタイトル */
	.title {
	    text-align: left;
	    color: white;
		font-size:30px;
		font-weight:bold;
		margin: 0 0 -5px 0;
	}
	.subtitle {
	    text-align: left;
		font-size:10px;
		color: white;
		margin-top:0px;
		margin-left: 15%;
	}
	
	/* AquaNet ブログタイトル */
	.biztitle {
	    text-align: left;
	    color: white;
		font-size:24px;
		font-weight:bold;
		margin: 10px 0 -5px 22%;
	    width: 100%;
	}
	.bizsubtitle {
	    text-align: left;
		font-size:10px;
		color: white;
		margin-top:0px;
		margin-left: 30%;
	}

	/* ブログ名 */
	.blogname {
		float:right;
	    font-family: sans-serif;
    	font-size:20px;
	    color: white;
    	padding-top:27px;
    	margin-right:5px;
	    margin-bottom: -5px;
	}
	.bizblogname {
		float:right;
	    font-family: sans-serif;
    	font-size:20px;
	    color: white;
    	padding-top:10px;
    	margin-right:5px;
	    margin-bottom: -5px;
	}

	/* ブログサブサブ名 */
	.blogsubname {
		float: right;
	    font-family:ＭＳ P ゴシック;
    	font-size:10px;
	    color: white;
	    margin-top:0px;
    	margin-right:2px;
	}

	img.smapho {
		width: 95% !important;
		height: 25px !important;
		margin: -5px 0 0 0;
	}
    .bizbg-img img {
        float: left !important;
        width: 50px !important;
        margin: 5px 0 0 2% !important;        
    }

	/* リンクのスタイル指定 */
	a:link      { color:#494747; }
	a:visited   { color:#494747; }
	a:hover     { color:#ff6c0b; }
	a           { text-decoration:underline; }

	/* wrapperで囲まれたすべてのイメージに対するマウスカーソルの形*/
	.wrapper img { cursor: pointer;}  /* 指 */

	/* 基本的なボディスタイル指定 */
	body { margin: 0 0 0 0; }		/* タイトル画像を幅いっぱいに表示するため */

	div.body {						/* Wrapperをセンタリングするため */
		margin: 0 0 0 0;
		padding: 0px;
	}
	div.bodykaido {					/* Wrapperをセンタリングするため(街道ウォーク専用) */
        width: 100%;
		margin: 0 0 0 0;
		padding: 0px;
		text-align: center;
		font-size: 16px;
    	background-repeat: repeat-y;	
		border: solid 1px;
	}

	/* ページの全幅を固定 */
	div.wrapper {
		background-color: white;
		padding-left: 5px;
		padding-right: 5px;
		text-align: left;
		border: solid 0px;
		font-size: 16px;
	}

	/* 各投稿を個別にまとめる */
	div.post {
		margin-bottom: 4em;	
	}

	/* 投稿タイトルの日付表示 */
	div.date {
		margin-top: -60px;
		padding: 4px 0 0 0;
		color: white;
		width: 60px;
		height: 56px;
		text-align: center;
		font-family: ＭＳ P ゴシック;
		background-color: #ff6600;
	}
	div.mounth {
		font-size: 13px;
		margin-bottom: -2px;
	}
	div.day {
		font-size: 16pt;
		font-weight:bold;
		margin-bottom: -2px;
	}
	div.year {
		font-size: 10pt;
		font-weight:normal;
		margin-bottom: -2px;
	}

    /* ページトップへ戻るピンクアイコンの設定 */
	#page_top{
		width: 60px;
		height: 60px;
		position: fixed;
		right: 38px;
		bottom: 10px;
		opacity: 0.6;
	}
	#page_top a{
		width: 60px;
		height: 60px;
		text-decoration: none;
	}
	#page_top a::before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: '\f0aa';
		font-size: 60px;
		color: #ef3f40;
	}

	/* 第１タイトルバーのスタイル指定 */
	h1 {
       	width: 100%-60px;
	    margin: 0px;
		height: auto;
		min-height: 45px;
    	line-height: 1.2;
	    padding: 0 0 0 1em;
    	font-size: 24px;
	    font-weight: bold;
	    border-left: 60px solid #FF6600;
    	border-bottom: 2px solid #FF6600;
	}
    h1:has(ruby) {
        line-height: 1.3;
    }

	.bodykaido h1 {
        width: 100%-60px;
        margin: 0px;
        height: 53px;
        background-color: #339933;
        min-height: 45px;
        line-height: 1.3;
        padding: 5px 0 0 1em;
        font-size: clamp(12px, 5vw, 24px);
        font-weight: normal;
        color: white;
        border-left: 60px solid #FF9900;
        border-bottom: 2px solid #FF9900;
	} 

	/* 第２タイトルバーのスタイル指定 */
	h2 {
	    width: 100%-50px;
    	margin: 0px;
	    margin-top: 2em;
    	margin-bottom: 1em;
	    line-height: 50px;
		font-size: 28px;
		font-weight: normal;
		color: black;
		border-bottom: 1px solid #888888;
	}
	.bodykaido h2 {
        width: 100%-50px;
        margin: 0px;
        margin-top: 5px;
        background-color: #FFFF99;
        line-height: 30px;
        text-indent: 1em;
        font-size: medium;
        font-weight: normal;
        color: black;
        border-left: 50px solid #FF9900;
        border-bottom: 1px solid #FF9900;
        border-right: 1px solid #FF9900;
	}
	/* 第３タイトルバーのスタイル指定 */
	h3 {
		width: 100%-10px;
		margin-top: 28px;
		margin-bottom: 1em;
		font-size: 20px;
		font-weight: bold;
		color: black;
	}

	.bodykaido h3 {
        width: 100%-10px;
        margin: 0px;
        background-color: #339933;
        line-height: 150%;
        text-indent:1em;
        font-weight: normal;
        color: white;
        border-left: 10px solid #FF9900;
        border-bottom: 1px solid #FF9900;
        border-right: 1px solid #FF9900;
	}


	/* 第４タイトルバーのスタイル指定 */
	h4 {
		width: 100%-50px;
		margin-top: 2em;
		margin-bottom: 1em;
		line-height: 50px;
		font-size: 20px;
		font-weight: normal;
		color: black;
		border-bottom: 1px solid #888888;
	}

    /* スマホの拡大画像(lightbox2)に関して最大幅とする */
    .lb-image {
        width: 100% !important;
        height: auto !important;
    }

    .lb-outerContainer {
        width: 100% !important;
        max-width: 100% !important;
    }

    .lb-dataContainer {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* blockquote の表示幅を最大にする */
    blockquote {
        width: 90% !important;
    }


	/* イメージの表示場所指定 */
	div.imgl { 
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.imgr {
		float: right;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.imgn {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
    /* スマホのみimageを右左無く最大化（100%）する (!important は最重要で上書きするの意味 */
    img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }	
    /* 例外 */
    img[src$="maps.png"] {          /* src$ は src の末尾が maps.png / src* は maps.png が含まれる */
        width: auto !important;
        height: auto !important;
        max-width: none !important;
    }    
    img[src$="google.gif"] {
        width: 30% !important;
        height: auto !important;
        max-width: none !important;
        }
    img[src$="space.gif"] {
        width: 0px !important;
        height:0px !important;
        max-width: none !important;
    }

	/* 街道ウォークのイメージの表示場所指定 */
	div.kimgl { 
		float: left;
		width: 48%;
		margin: 5px 1% 5px 1%;
        padding: 0 0 0 0;
	}
	div.kimgr {
		float: right;
		width: 48%;
		margin: 5px 1% 5px 1%;
        padding: 0 0 0 0;
	}
	div.kimgn {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	img.kaido {
		width: 100%;
	}

	/* Categoryセレクタ設定 */
	div.category {
		float: left;
		display: flex; 
		justify-content: center;
		align-items: center;
		margin-right: 2px;
		margin-bottom: 2px;
		padding: 5px;
		background-color: #eeeeee;
		width: 46%;
		height: 40px;
		font-size: 20px;
	}
	form, select {
		width: 100%;
		height: 40px;
		text-align: center;
		background-color: #eeeeee;
		border: none;
		font-size: 20px;
	}
	.reset_button {
		float: left;
		display: flex; 
		justify-content: center;
		align-items: center;
		margin-right: 2px;
		padding: 5px;
		background-color: #eeeeee;
        width: 46%;
        height: 40px;
		font-size: 20px;
    }

	span.link {
		font-size: 16pt;
		font-weight: bold;
		color: white;
		background-color:green;
		padding: 6px 13px 3px 13px;
	}
	span.caption {
		font-size:12px;
		line-height:13px;
	}

	/* 疑似ハードウェア */
	div.LCD {
		float: left;
		margin: 0 1em 1em 0;
		background-color: #4488ff;
		padding: 5px 20px 5px 20px;
		width: 275px;
		font-family: ＭＳ ゴシック;
		font-size: 25pt;
		color: #ffffff;
	}

	/* IC-7100設定定画面 */
	table.ic7100 {
		margin-top: 25px ;
		margin-bottom: 25px
		width: 450px;
		height: 255px;
		border: solid 1px;
		font-size:20px;
	}
	td.ic7100 {
		width: 375px;
		height: 48px;
		border: solid 1px;
		padding-left: 10px;
		line-height: 24px;
	}
	td.ic7100arrow {
		width: 50px;
		border: solid 1px;
		text-align:center;
	}

	/* ヒントのアンダーライン削除指定 */ 
	acronym {
		border-bottom : none;
	}

	dl {
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #ccc;
		border-top; none;
		text-align: left;
		padding: 5px;
	}
	dt.w10 {
		vertical-align: middle;
		background: #ddd;
		width: 10%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w15 {
		vertical-align: middle;
		background: #ddd;
		width: 15%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w20 {
		vertical-align: middle;
		background: #ddd;
		width: 20%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w25 {
		vertical-align: middle;
		background: #ddd;
		width: 25%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w35 {
		vertical-align: middle;
		background: #ddd;
		width: 35%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dt.w50 {
		vertical-align: middle;
		background: #ddd;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dd.w15 {
		vertical-align: middle;
		width: 15%;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dd.w20 {
		vertical-align: middle;
		width: 20%;
		background: #ddd;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dd.w50 {
		vertical-align: middle;
		width: 50%;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	dd.w65 {
		vertical-align: middle;
		width: 65%;
		padding: 10px;
		margin: 0;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	dd.w75 {
		vertical-align: middle;
		width: 75%;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}



	/*  UL/OLの属性指定サンプル
	 *  type = none / disc / circle / square / decimal / lower-roman / upper-roman / lower-alpha / upper-alpha
	 *         decimal-leading-zero / hebrew / armenian / georgian / cjk-ideographic / hiragana / katakana
	 *         hiragana-iroha / katakana-iroha / lower-latin / upper-latin / lower-greek
	 */

	/* P囲いの幅とフォント指定 */
	p {
    	margin: 5px 0px 0px 0px;
	    font-weight: normal;  
	}

	p.control {
		margin-top: 10px;
		margin-bottom: 1em;
		float: right;
	}	

	/* コンソールモード */
	pre { 
		margin-top: 0px; 
		margin-bottom: 0px; 
		font-family: ＭＳ ゴシック;
	}
	/* 主にraspiのshell */
	pre.nano {
		color: black;
		background-color: #eaeaea; 
		padding: 1px 0 1px 0; 
		margin: 0 0 0 0; 
		font-size: 16px;
	}
	pre.shell {
		color: white; 
		background-color: black; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 0 1em 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-size: 16px;
	}
	pre.ubuntu {
		color: white; 
		background-color: #300a24; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 0 0 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-size: 16px;	
	}
	pre.shell_ex {
		color: white; 
		background-color: black; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 0 0 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-family: Cascadia Mono;
		font-weight: 300; 
		font-size: 15px;	
	}
	pre.shell_rd {
		color: white; 
		background-color: #333; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 10px 0 10px 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-family: Cascadia Mono;
		font-weight: 300; 
		font-size: 15px;
		border-radius: 8px;
		width: 90%;
	}
	pre.ubuntu_ex {
		color: white; 
		background-color: #300a24; 
		padding: 10px; 
		padding-right: 10px; 
		margin: 0 0 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-family: Cascadia Mono;
		font-weight: 300;
		font-size: 15px;
	}

	/* 主にWindowsのPower Shell */
	pre.title { 
		color: white; 
		background-color: #555555; 
		padding: 8px 10px 8px 10px; 
		width: 90%; 
		margin: 1em 1em 0 0; 
		font-size: 12px;
	}
	pre.terminal { 
		color: white; 
		background-color: black; 
		padding: 10px; 
		padding-right: 10px; 
		width: 90%; 
		margin: 0 1em 1em 0; 
		overflow: auto; 
		word-wrap: normal; 
		font-size: 16px;
	}
	pre code.hljs {
	    background-color: black !important;
	    padding : 0;
		font-family: Cascadia Mono !important;
		font-weight: 500 !important; 
		font-size: 15px !important;	
	}
	

	/* 汎用class */
	.memor {
		boder: solid 1px 0 1px 0 black;
		color: red;
		font-weight: bold;
	}
	.memob {
		boder: 1px 0 1px 0 ;
		color: blue;
		font-weight: bold;
	}
	.update {
		float: right;
		color: blue;
		font-size: 12px;
	}

	/* 引用にかかわる設定 */
	blockquote {
		position: relative;
		padding: 10px 15px 10px 60px;
		box-sizing: border-box;
		background: #efefef;
		color: #555;
	}
	blockquote:before{
		display: inline-block;
		position: absolute;
		top: 18px;
		left: 15px;
		content: "“";
		color: #cfcfcf;
		font-family: Lemon;
		font-size: 50px;
		line-height: 1;
		font-weight: 900;
	}
	blockquote p {
		padding: 0;
		margin: 10px 0;
		line-height: 1.7;
	}
	blockquote cite {
		display: block;
		text-align: right;
		color: #888888;
		font-size: 0.9em;
	}

	/* Footer */
	div.cc {
		float: left;
		tex-align: center;
		font-size: 12px;
		width: 25%;
		height: auto;
	    margin-left: 2em;
	}
	div.share_button {
	    text-align: left;
		float: right;
		width: 55%;
		height: auto;
		margin-right: 0px;
	}
	div.twitter {
		float: right;
		margin-top: 0px;
		margin-right: 2em;
		width: 20%;
		height: auto;
	}
	div.facebook {
		float: left;
		margin-top: 0px;
		width: 20%;
		height: auto;
	}
	div.ez-html {
		width: 25%;
		height: auto;
		padding-top: 12px;
		padding-left:2em;
		font-size: 12px;
	}
	div.copyright {
		margin-top: 3em;
		font-size: 12px;
		text-align: center;
	}
	div.footerspace {
		width: 20%;
		height: 40px;
	}

	/* リターン用ボタンの表示 */
	div.button {
		margin-top: 10px;
		margin-bottom: 30px;
		margin-left: 10px;
		background-color: #885500; 
		border: 4px outset rgb(170, 136, 51); 
		color: white; 
		float: right; 
		font-weight: bold; 
		width: 100px; 
		height: 20px; 
		text-align: center; 
		font-size: 16px;
		line-height: 1.4;
	}

}