/* ■　色見本　■ */
/* 共通 */
/*
000000: 黒　　　：
888888: 濃灰　　：
CCCCCC: 薄灰　　：
FFFFFF: 白　　　：
000080: 濃紺　　：ラインのデフォルト色
*/

/* 空想鉄道⚫︎ */
/*
:root{
	--main-color: #0070C0;
	--sub-color: #8EB4E3;
	--active-color: #92CDDC;
	--support-color: #B7DEE8;
	--area-bg-color: #EEEEFF;
	--map-bg-color: #DDDDDD;
}
*/

/* 空想道路 */
/*
:root{
	--main-color: #00994E;
	--sub-color: #99CC66;
	--active-color: #90FF90;
	--support-color: #CCFFCC;
	--area-bg-color: #EEFFEE;
	--map-bg-color: #DDDDDD;
}
*/

/* 空想地図 */
/*
:root{
	--main-color: #FF9900;
	--sub-color: #FFCC66;
	--active-color: #FFD88B;
	--support-color: #FFECC5;
	--area-bg-color: #FFFFCC;
	--map-bg-color: #DDDDDD;
}
*/

/* 空想路線図 */
/*
:root{
	--main-color: #B41C04;
	--sub-color: #FE9FA4;
	--active-color: #E8797F;
	--support-color: #EF9F9F;
	--area-bg-color: #FFEEEE;
	--map-bg-color: #DDDDDD;
}
*/

/* 空想図画 */
/*
:root{
	--main-color: #800E80;
	--sub-color: #C995C9;
	--active-color: #E4b3E4;
	--support-color: #B284B2;
	--area-bg-color: #FEE6FE;
	--map-bg-color: #FFEFD5;
}
*/

/* 空想文章 */
/*
:root{
	--main-color: #113311;
	--sub-color: #A2D7A3;
	--active-color: #CCEECC;
	--support-color: #A2D7A3;
	--area-bg-color: #EEFFEE;
	--map-bg-color: #F0F0F0;
}
*/

/* 空想別館 */
/*
:root{
	--main-color: #1F2F54;
	--sub-color: #7A90CC;
	--active-color: #99B6FF;
	--support-color: #4469CC;
	--area-bg-color: #E6EDFF;
	--map-bg-color: #DDDDDD;
}
*/

/* 地図ぬりえ */
/*
:root{
	--main-color: #5B9BD5;
	--sub-color: #9DC3E6;
	--active-color: #E0FFFF;
	--support-color: #87CEEB;
	--area-bg-color: #F0F8FF;
	--map-bg-color: #FFEFD5;
}
*/

/* 経路図くらぶ */

	:root{
		--main-color: #FFC838;
		--sub-color-icon: #00A0E4;
		--sub-color: #72C6EF;

		--active-color: #D1EDFA;
		--support-color0: #99BBFF;
		--support-color: #72C6EF;
		--area-bg-color: #FFFACD;
		--map-bg-color: #DDDDFF;
	}


/* ■■■　機種共通　■■■ */

h3 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid var(--main-color);
  margin: 40px 0 10px;
}
h4 {
  font-size: 14px;
  font-weight: bold;
  border-left: 3px solid var(--main-color);
  margin: 40px 0 10px;
  padding: 0 0 0 10px;
}
h5 {
  font-size: 12px;
  margin: 40px 0 10px;
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border: 1px solid #b7bdbc !important;
  line-height: 1.5;
  margin: 10px 0;
  width: 98%;
}
table th {
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
  background: #c6cbca;
  border: 1px solid #b7bdbc !important;
}
table td {
  font-size: 12px;
  padding: 10px;
  vertical-align: top;
  border: 1px solid #b7bdbc !important;
}

/* stripe */
table.stripe tr:nth-child(even) {
  background: #dcdfdf;
}

/* dark th */
table.dark th {
  color: #e5e8e8;
  background: #272b2b;
}





#aswift_0{
	height:90px;
}
div,input,textarea,select,option{
	font-family: "メイリオ",Meiryo,"Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO","Osaka","ＭＳ Ｐゴシック","Trebuchet MS",verdana ,arial,sans-serif;
}
*:not(input,textarea){
}
.clearBoth {
	clear: both;
}

hr{
	color:#CCCCCC;
}

.wrap {
	overflow: hidden;
	min-height: 568px;
}
.dCloseMark{
	width: 40px;
	height: 40px;
	background-image:url("./images/close.png");
	background-size:contain;
}
.dCloseBox{
	width: 17px;
	height: 17px;
	background-image:url("./images/closeBox.png");
	background-size:contain;
}
.activeLine{
	background-color: var(--active-color)!important;
}
.activeNav{
	background-color: var(--main-color)!important;
	color: #FFFFFF!important;
}
.readonly{
	background-color: transparent;
	border:solid 1px transparent;
}
.taleft{
	text-align: left;
}
.tacenter{
	text-align: center;
}
.taright{
	text-align: right;
}
.decorationNone{
	text-decoration: none;
	color: #000000;
}
.aNodecorationLink{
	text-decoration: none;
	color: #FFFFFF;
}
.hide{
	display:none;
}
h2 {
	font-weight: bold;
	font-size: 18px;
	margin: 30px 20px 10px 10px;
	padding-left: 20px;
	border-bottom: 1px solid var(--main-color);
	border-left: 4px solid var(--main-color);
}
.dMoreInfoChar{
	text-align: right;
}
.xsmallFont{
	font-size:x-small !important;
}
.dBodyContents{
	display: none;
}
#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.6;
  z-index:20;
}
 
#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("./images/ajax-loader.gif") center center no-repeat;
}
/* Link */
.aSiteIcon{
	display: block;
	width: 60px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}
.iSiteIcon{
	width: 100%;
	height: 100%;
}
.dSiteNameA{
	padding-left: 5px;
	padding-right: 5px;
	font-size: small;
}
.dSiteNameB{
	font-weight: 900;
	font-size: small;
}
.dSiteDiscription{
	font-size: small;
}

/* Chat */
.chatDate{
}
.chatAuther{
	font-weight:900;
}
#dChatAutherRow{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
#itChatAuther{
	font-size: 14px;
	width: 50%;
}
.inputEditMode{
	border: solid 1px #444444;
}
.inputBrowseMode{
	border: none;
}		
#aAutherChange{
	font-size: 12px;
}
#dChatCommentRow{
	width: 100%;
	height: 45px;
	margin-top: 10px;
}
#dChatComment{
	display: block;
	float: left;
	width: 90%;
	height: 100%;
}
#dChatSubmit{
	display: block;
	float: right;
	width: 10%;
	height: 100%;
	box-sizing: border-box;
	font-size: 14px;
}
#itChatComment{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: solid 1px #444444;
	font-size: 14px;
	resize: none;
}
#isChatSubmit{
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-appearance: none;
	border: solid 1px #444444;
	background-color: #444444;
	color: #ffffff;
	font-weight: 900;
	padding: 0;
}
#dChatControl{
	width:93%;
	margin-left:5%;
	margin-right:2%;
	margin-top:20px;
	padding:0px;
}
#dChatView{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
	height:600px;
	border: 1px solid #000000;
	overflow-y: scroll;
	overflow-x: hide;
	padding:5px;
	font-size: 14px;
	word-break: break-all;
}
#dDisplayView{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
	height:600px;
	border: 1px solid #000000;
	overflow-y: scroll;
	overflow-x: hide;
	padding:5px;
	font-size: 14px;
	word-break: break-all;
}

/* About */
#uldNgUserDialogModal{
	padding-left:30px;
}
#uldNgUserDialogModal li{
	width: 150px;
	float: left;
}
#uldNgUserDialogModal li input{
	width: 90px;
	margin-left: 5px;
	margin-right: 10px;
}
#dNguserArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#uldNgMapnoDialogModal{
	padding-left:30px;
}
#uldNgMapnoDialogModal li{
	width: 150px;
	float: left;
}
#uldNgMapnoDialogModal li input{
	width: 90px;
	margin-left: 5px;
	margin-right: 10px;
}
#dNgmapnoArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#uldNgNameDialogModal{
	padding-left:30px;
}
#uldNgNameDialogModal li{
	width: 150px;
	float: left;
}
#uldNgNameDialogModal li input{
	width: 90px;
	margin-left: 5px;
	margin-right: 10px;
}
#dNgnameArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#uldNgWordDialogModal{
	padding-left:30px;
}
#uldNgWordDialogModal li{
	width: 150px;
	float: left;
}
#uldNgWordDialogModal li input{
	width: 90px;
	margin-left: 5px;
	margin-right: 10px;
}
#dNgwordArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#dMessageArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#dMessageArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#dMessageControl{
	margin-bottom: 20px;
}
#dMessageControl table{
	border:none!important;
}
#dMessageControl td{
	border:none!important;
}
.tTableNone{
	width:98%;
	margin: auto;
}
.tdMessageInputLabel{
	width: 30%;
}
.tdMessageInputData{
	width: 70%;
}
#itMessageTo{
	width: 90%;
	border: 1px #888888 solid;
}
#taMessageComment{
	width: 90%;
}
.tMessageListTable{
	width:98%;
	margin: auto;
}
.tMessageListTable,
.tMessageListTable table,
.tMessageListTable th,
.tMessageListTable td
{
	font-size:small;
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #000000;
}
.tdMessageListNo{
	width: 8%;
	text-align: right;
	background: #CCCCCC;
}
.tdMessageListDate{
	width: 27%;
	text-align: center;
	background: #CCCCCC;
}
.tdMessageListFlag{
	width: 9%;
	text-align: center;
	background: #CCCCCC;
}
.tdMessageListUserid{
	width: 56%;
	text-align: left;
	padding-left: 5px;
	word-break : break-all;
	background: #CCCCCC;
}
.tdMessageListComment{
	text-align: left;
	padding-left: 5px;
	word-break : break-all;
}
#dMessageListMessage{
	margin-top: 20px;
}

/* jquery.confirm */
#confirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100000;
}

#confirmBox{
	background:var(--area-bg-color);
	width:300px;
	position:fixed;
	left:50%;
	top:50%;
	margin: -100px 0 0 -150px;
	border: 1px solid rgba(33, 33, 33, 0.6);
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	z-index:200000;
}

#confirmBox h1,
#confirmBox p{
	font:16px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background:var(--main-color);
	padding: 8px 12px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	color:#000000;
}

#confirmBox h1{
	letter-spacing:0.3px;
	color:#FFFFFF;
}

#confirmBox p{
	background:none;
	font-size:16px;
	line-height:1.4;
	padding-top: 35px;
}

#confirmButtons{
	padding:15px 0 25px;
	text-align:center;
}

#confirmBox .button{
	display:inline-block;
	background:var(--sub-color);
	color:white;
	position:relative;
	height: 33px;
	
	font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	
	margin-right: 15px;
	padding: 0 35px 0 40px;
	text-decoration:none;
	border:none;
}

#confirmBox .button:last-child{	margin-right:0;}

#confirmBox .button span{
	position:absolute;
	top:0;
	right:-5px;
	background:var(--sub-color);
	width:5px;
	height:33px
}

#confirmBox .blue{				background-position:left top;text-shadow:1px 1px 0 #5889a2;}
#confirmBox .blue span{			background-position:-195px 0;}
#confirmBox .blue:hover{		background-position:left bottom;}
#confirmBox .blue:hover span{	background-position:-195px bottom;}

#confirmBox .gray{				background-position:-200px top;text-shadow:1px 1px 0 #707070;}
#confirmBox .gray span{			background-position:-395px 0;}
#confirmBox .gray:hover{		background-position:-200px bottom;}
#confirmBox .gray:hover span{	background-position:-395px bottom;}

/* 経路図くらぶ */
.viewLayout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:16px; }
#dPreviewBodyContentsMemo { min-width:0; }
#viewerToolbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:10px; background:var(--area-bg-color); border:1px solid #ccc; border-radius:10px 10px 0 0; }
#zoomValue:focus-visible { outline:3px solid #225fc4; outline-offset:3px; }
#routeViewport { display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:100%; min-height:0; max-height:none; overflow:hidden;}
/* touch-action:none は図の中だけ。作品情報など、図の外は通常のページスクロール。 */
#routeViewport.is-ready { touch-action:none; overscroll-behavior:contain; }
#routeScene { flex:none; position:relative; width:100%; height:100%; }
#routeScene > svg { display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:none; pointer-events:none; }
#viewerHint { margin:8px 0; color:#555; font-size:13px; }
#viewerStatus { margin:0 0 12px; overflow-wrap:anywhere; }
#viewerStatus.is-error { color:#a32216; }
#dReferenceLoadMessage{width:100%;}
dl { margin:0; } dt { color:#666; font-size:13px; margin-top:12px; } dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(min-width:801px) { #dPreviewBodyContentsNav { display:none; } }
@media(max-width:800px) { main { padding:12px; } .viewLayout { display:block; } h1 { font-size:21px; } }



/* ■■■閲覧領域の横幅が650px以上の場合に適用■■■ */
@media screen and (min-width: 650px) {

	/* ■共通部分■ */
	body {
		margin: 0px;
		padding: 0px;
		width: 100%;
		-webkit-text-size-adjust: 100%;
		min-width: 960px;
		height: 100%;
		min-height: 650px;
	}
	#dHeader {
		width: 100%;
		min-width: 960px;
		height: 120px;
		background: var(--main-color);
		color: #FFFFFF;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		position:relative;
	}
	#dHeaderAdsense {
		float: right;
		width: 728px;
		height:90px;
		margin-top:4px;
		margin-right:10px;
	}

	#dHeaderLogo {
		float: left;
		margin-top: 10px;
		margin-left: 10px;
	}
	#dHeaderLogoMark0 {
		width: 100px;
		height: 100px;
		border: solid 2px #FFFFFF;
		background-image:url("./images/logo.png");
		background-size:contain;
	}
	#dHeaderLogoMark {
		width: 100px;
		height: 100px;
		border: solid 2px #FFFFFF;
	}
	#dHeaderLogoMark path#rect{
		fill: var(--main-color) !important;
	}
	#dHeaderLogoMark path#path{
		fill: var(--sub-color) !important;
	}
	#dHeaderTitle {
		display: none;
	}
	
	#dHeaderMenu {
		float: left;
		width: 820px;
		height: 20px;
		margin-top:3px;
		font-family: "メイリオ",Meiryo,"Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO","Osaka","ＭＳ Ｐゴシック","Trebuchet MS",verdana ,arial,sans-serif;
		margin-left: 20px;
		position:absolute;
		bottom: 5px;
		left: 100px;
	}
	#dHeaderMenuIcon{
		display: none;
	}
	#ulHeaderMenu{
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 100%;
		margin-top: 0px;
	}
	#ulHeaderMenu li {
		display: table-cell;
		vertical-align: middle;
	}
	#ulHeaderMenu li a{
		text-decoration: none;
		font-size: 18px;
		color: #FFFFFF;
	}

	.ulBodyContentsFillter{
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 650px;
		margin-top: 10px;
		padding: 0px;
	}
	.dBodyContentsFillterClose{
		display: none;
	}
	.dBodyContentsFillterHeader{
		display: none;
	}
	.ulBodyContentsFillter li {
		display: table-cell;
		vertical-align: middle;
	}
	.ulBodyContentsFillter li .sFillterLabel{
		width: 100%;
		font-size: 12px;
		text-align: center;
	}
	.ulBodyContentsFillter li .itFillterData{
		width: 80%;
		font-size: 12px;
		margin-left:10%;
	}
	.ulBodyContentsFillter li .sFillterOrder{
		width: 80%;
		font-size: 12px;
		margin-left:10%;
		height: 25px;
	}

	.dBodyContentsMain{
		width: 640px;
		float: left;
		margin-top:20px;
		margin-left:20px;
	}
	.dBodyContentsAdsense{
		float: left;
		margin-top:20px;
		margin-left:20px;
	}
	.dBodyContentsPagingLeft{
		float: left;
		width:200px;
		height:24px;
		text-align:left;
	}
	.aControlLeft{
		visibility:hidden;
	}
	.dBodyContentsPagingCenter{
		float: left;
		width:200px;
		height:24px;
		text-align:center;
	}
	.aControlCenterUp{
		visibility:hidden;
	}
	.dBodyContentsPagingRight{
		float: right;
		width:200px;
		height:24px;
		text-align:right;
		margin-right:20px;
	}
	.aControlRight{
		visibility:hidden;
	}
	.dListHeader{
		float: left;
		border: 1px solid var(--main-color);
		height: 25px;
		background: var(--sub-color);
		text-align: center;
		vertical-align: middle;
		color: #000000;
		line-height: 25px;
		font-size: 12px;
		font-weight: 900;
		padding: 2px;
	}
	.dListData{
		float: left;
		border: 1px solid var(--main-color);
		height: 14px;
		font-size: 12px;
		padding: 2px;
	}
	.aListSwitch{
		text-decoration: none;
		color: #000000;
	}
	#dFooter {
		width: 100%;
		height: 35px;
		background: var(--main-color);
		margin-top: 5px;
	}
	/* ボタン */
	.aButton{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid var(--main-color);
		background-color: var(--support-color);
		text-decoration: none;
	}
	.aButton:hover{
		background:var(--main-color);
	}	
	.aButton:active{
		background:var(--main-color);
		color: #FFFFFF;
	}
	.aButtonCancel{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid #888888;
		background-color: #CCCCCC;
		text-decoration: none;
	}
	.aButtonCancel:hover{
		background:#888888;
	}	
	.aButtonCancel:active{
		background:#888888;
		color: #FFFFFF;
	}
	.aButtonSmall{
		display: inline-block;
		margin-top: 15px;
		margin-left: 10px;
		width:30px;
		height:30px;
		text-align: center;
		text-decoration: none;
	}
	.aButtonSmall path{
		fill: var(--main-color);
	}
	.aButtonSmall:hover path{
		fill: var(--sub-color);
	}
	.aButtonBig {
		display: block;
		margin: 10px;
		width:140px;
		height:30px;
		line-height: 30px;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		text-align: center;
		font-size: 14px;
		color: #FFFFFF;
		border: 6px solid #FFFFFF;
		background-color: var(--main-color);
		text-decoration: none;
		box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	}
	.aButtonBig:hover {
		background-color: var(--area-bg-color);
	}
	.aButtonBig:active {
		background-color: var(--main-color);
		color: var(--main-color);
	}
	.aButtonBigCancel {
		display: block;
		margin: 10px;
		width:140px;
		height:40px;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		dCreateBodyContentsborder-bottom-right-radius: 20px;
		line-height: 30px;
		text-align: center;
		font-size: 14px;
		color: #FFFFFF;
		border: 6px solid #FFFFFF;
		background-color: #888888;
		text-decoration: none;
		box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	}
	.aButtonBigCancel:hover {
		background-color: #CCCCCC;
	}
	.aButtonBigCancel:active {
		background-color: #888888;
		color: #888888;
	}

	/* ■トップページ（メッセージボード）■ */
	.tdIndexMessageListNo{width:40px;text-align:right!important;}
	.tdIndexMessageListDate{width:150px;}
	.tdIndexMessageListFlag{width:70px;text-align:center!important;}
	.tdIndexMessageListUserid{width:334px;}

	/* ■路線一覧■ */
	#aListFillterCancel{
		display: none;
	}
	.dListHeaderSeq{
		width: 47px;
	}
	.dListHeaderName{
		width: 265px;
	}
	.dListHeaderAuther{
		display: block;
		width: 132px;
	}
	.dListHeaderDate{
		width: 75px;
	}
	.dListHeaderCommentCount{
		display: block;
		width: 30px;
		line-height: 12px;
	}
	.dListHeaderAccessCount{
		display: block;
		width: 35px;
		line-height: 12px;
	}
	.dListDataSeq{
		width: 47px;
		text-align: right;
	}
	.dListDataName{
		width: 265px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.dListDataAuther{
		display: block;
		width: 132px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.dListDataDate{
		width: 75px;
		text-align: center;
	}
	.dListDataCommentCount{
		display: block;
		width: 30px;
		text-align: right;
	}
	.dListDataAccessCount{
		display: block;
		width: 35px;
		text-align: right;
	}

	/* ■コメント一覧■ */
	#aCommentFillterCancel{
		display: none;
	}

	.dCommentHeader{
		float: left;
		border: 1px solid var(--main-color);
		height: 18px;
		background: var(--sub-color);
		text-align: left;
		vertical-align: middle;
		color: #000000;
		line-height: 18px;
		font-size: 12px;
		padding: 2px;
		overflow: hidden;
	}
	.dCommentData{
		float: left;
		border: 1px solid var(--main-color);
		font-size: 12px;
	}
	.dCommentUpLeft{
		width: 270px;
	}
	.dCommentUpCenter{
		width: 50px;
		text-align: center;
	}
	.dCommentUpRight{
		width: 159px;
	}
	.dCommentUpRight2{
		width: 115px;
	}
	.dCommentDown{
		width: 600px;
		padding: 8px;
	}
	.iCommentListType{
		margin-top: 3px;
		height: 12px;
		line-height: 12px;
	}

	/* ■掲示板■ */
	#ifBoardFrame{
		width: 96%;
		height: 2000px;
		border: none;
	}
	/* ■操作説明■ */

	/* ■インラインフレーム作成■ */
	#dFrameBodyContents {
		width: 100%;
		zoom: 1;
	}
	#dFrameBodyContentsParameter{
	}
	#dFrameBodyContentsParameterUp{
		margin-top: 10px;
	}
	input#itFrameWidth{
		width: 40px;
		margin: 5px;
		text-align: right;
	}
	input#itFrameHeight{
		width: 40px;
		margin: 5px;
		text-align: right;
	}
	#dFrameBodyContentsParameterDown{
		margin: 5px;
	}
	textarea#taFrameHtml{
		width: 600px;
		height: 60px;
		font-size: 12px;
	}
	#dFrameBodyContentsPreview{
	}
	#dFrameBodyContentsMap{
		margin:5px;
		width: 600px;
		height: 400px;
		float: left;
		background: var(--area-bg-color);
	}
	#dFrameContainer{
		float:left;
		width: 100%;
		height: 100%;
	}
	#dFrameMapCotrolBrowse{
		position: absolute;
		top: 265px;
		left: 20px;
	}
	#dFrameMapControlBrowseLogo{
		float: left;
		z-index: 3;
	}
	img#pSiteLabel{
		border: 0px;
		width:53px;
		height:53px;
		margin-right:30px;
	}
	#dFrameMapControlBrowseBlock{
		float: left;
		z-index: 3;
	}


	/* ■LINK 機種依存部分■ */
	.hidden-xs{
		display: block;
	}
	.visible-xs{
		display: none;
	}
	.dLinkSpace{
		width: 10%;
		height: 500px;
		float:left;
	}
	.dLinkArea{
		width: 40%;
		height: 100%;
		float:left;
	}
	.dImageIcon{
		width: 25%;
		float:left;
	}
	.dLinkSiteBlock{
		margin-top: 20px;
	}


	/* ■WRITE■ */

	#dWriteBodyContentsNav{
	    display: none;
	}
	/*
	#dWriteBodyContents{
	    position: relative;
	}
	*/
	#dWriteBodyContentsEdit{
	    min-width: 600px;
	    width: calc(100% - 360px);
	    height: 600px;
	    float: left;
	    margin-left: 10px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    border: solid 4px var(--main-color);
		background: #FFFFFF;
	}
	#dWriteEditControlArea{
		height: 40px;
		margin-top:20px;
		margin-left:20px;
	    display: block;
	}
	#dWriteEditArea{
	}
	#taWriteContents{
		resize: none;
		overflow:scroll;
		margin-left: 15px;
		width:95%;
		height:500px;
	}
	#dWriteBodyContentsPreview{
	    display: none;
	    position: absolute;
	    min-width: 600px;
	    width: calc(100% - 360px);
	    height: 600px;
	    float: left;
	    margin-left: 10px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    border: solid 4px var(--main-color);
		background: #FFFFFF;
		z-index:5;
	}
	#dWritePreviewArea{
	    height: 600px;
	}
	#dWritePreviewControlArea{
	    position: absolute;
		top:0px;
		left:0px;
		height:40px;
		margin-top:20px;
		margin-left:20px;
	    display: block;

	}
	#dWritePreviewContents{
		overflow:scroll;
		padding-top:60px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
	    height: 420px;
	}
	#dWriteBodyContentsProperty{
		display: block;
		width: 320px;
		height: 600px;
		float: right;
		margin-top: 5px;
		margin-right: 10px;
		margin-bottom: 5px;
		background: var(--area-bg-color);
		border: solid 4px var(--main-color);
		overflow: auto;
	}

	.dWriteBodyContentsLabel{
		width: 100%;
		height: 35px;
		background: var(--main-color);
		display:block;
	}
	.dWriteBodyContentsLabelPict{
		float: left;
	}
	.divOpen{
		background: url('./images/div_open.png') no-repeat;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	.divClose{
		background: url('./images/div_close.png') no-repeat;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	.dWriteBodyContentsLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		color: #FFFFFF;
	}

	#itWriteSaveName {
	    display: inline-block;
	    width: 290px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 18px;
	    font-weight: 800;
	}
	#itWriteSaveAuther{
	    display: inline-block;
	    width: 290px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 14px;
	}
	#taWriteSaveComment {
	    display: inline-block;
	    width: 290px;
	    height: 100px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 14px;
	}
	.uldDialogModal{
		list-style:none;
		padding: 0px;
	}
	.uldDialogModal li{
		margin-top: 6px;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabel{
		display: inline-block;
		width: 80px;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	.uldDialogModal li .sDialogLabelS{
		display: inline-block;
		width: 100px;
		height: 20px;
		margin-top: 5px;
		margin-left:10px;
	}
	.uldDialogModal li .sDialogLabelFull{
		display: inline-block;
		width: 60%;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	.uldDialogModal li .sDialogLabelAdd{
		display: inline-block;
		width: 20%;
		height: 20px;
		margin-top: 5px;
	}
	#dSaveDialogContentsErrorMessage{
		margin-left:15px;
	}
	#bWriteSaveSubmit{
		margin-left:150px;
	}

	/* ■PREVIEW■  */
	#dPreviewBodyContents{
	}
	/* ナビ(PCでは表示しない) */
	#dPreviewBodyContentsNav{
		display: none;
	}
	/* 地図情報 */
	#dPreviewBodyContentsMemo{
		position: relative;
		margin-left:10px;
		margin-top:5px;
	    min-width: 600px;
	    width: calc(100% - 360px);
	    float: left;
	    border: solid 4px var(--main-color);
		min-height:600px;
	}

	/* メモコントロール */
	#dPreviewMemoCotrol{
		position:absolute;
		top:0px;
		left:0px;
		height: 60px;
		z-index: 9;
		margin-left: 10px;
		margin-top: 10px;
	}
	#ibPreviewWriteComment{
		background: url("./images/bWriteComment.png") left top no-repeat;
		background-size: cover;
		width: 80px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewCopyMap{
		background: url("./images/bCopyMap.png") left top no-repeat;
		background-size: cover;
		width: 80px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewUpdateMap{
		background: url("./images/bUpdateMap.png") left top no-repeat;
		background-size: cover;
		width: 80px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewZoomOut{
		background: url("./images/bZoomOut.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewZoomIn{
		background: url("./images/bZoomIn.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewZoomFit{
		background: url("./images/bZoomFit.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewSvg{
		background: url("./images/bDownload.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#inZoomValue{
		background: #ffffff;
		width: 70px;
		height: 44px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
		text-align: right;
	}
	#ibOpenOtherWindow{
		background: url("./images/openOtherWindow.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:25px;
		height:25px;
		margin-bottom:5px;
	}

	#dPreviewMemoArea{
		width:100%;
		height:600px;
		border:none;
		z-index: 3;
		margin: 0;
	}
	#dPreviewMemoContents{
		overflow-y: auto;
		padding-top:60px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
	}
	#dPreviewLoading{
		position:absolute;
		z-index:9;
		width:360px;
		height:360px;
		display: none;
	}
	#iPreviewLoading{
		margin:150px;
	}

	/* 右表示エリア */
	#dPreviewBodyContentsRight{
		width: 320px;
		float: right;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		background: var(--area-bg-color);
		border: solid 4px var(--main-color);
		overflow: auto;
		height:600px;
	}
	/* エリアラベル */
	.dPreviewAreaLabel{
		width: 100%;
		height: 35px;
		background: #C995C9;
	}
	/* エリアラベル画像 */
	.dPreviewAreaLabelPict{
		float: left;
	}
	/* エリアラベル文字 */
	.dPreviewAreaLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		color: #FFFFFF;
	}
	/* プロパティエリア */
	#dPreviewBodyContentsProperty{
	}
	#dPreviewPropertyNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dPreviewPropertyAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 90%;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dPreviewPropertyDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}
	#dPreviewPropertyName{
		margin-top: 15px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	#dPreviewPropertyComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	#dPreviewPropertyReffer{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	#dPreviewPropertyCount{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 12px;
		word-break: break-all;
	}




	/* コメントエリア */
	#dPreviewBodyContentsComment{
	}
	#dCommentListViewMessage {
	    font-size: 14px;
	    margin-left: 5px;
	    margin-right: 5px;
	    width: 290px;
	    word-break: break-all;
	    margin-left: 5px;
	}


	/* ダイアログ */
	.dDialogModal {
		display: none;
		width: 500px;
		height: 470px;
		background-color: var(--area-bg-color);
		position: absolute;
		top: 150px;
		left: 50px;
		z-index: 2000;
	}
	.dDialogModalMini {
		display: none;
		width: 500px;
		height: 240px;
		background-color: var(--area-bg-color);
		position: absolute;
		top: 150px;
		left: 50px;
		z-index: 2000;
		border: 1px solid var(--main-color);
	}

	/* Preview */
	#dCommentDialogModal{
		height: 320px;
	}
	.dDialogModalClose{
		width: 40px;
		height: 40px;
		position: absolute;
		top: -20px;
		left: 470px;
		z-index: 7;
		clear: both;
	}
	.dDialogModalHeader{
		width: 500px;
		height: 40px;
		background-color: var(--main-color);
		text-align:center;
		font-size:24px;
		line-height:40px;
		color:#FFFFFF;
	}
	.uldDialogModal{
		list-style:none;
		padding: 0px;
	}
	.uldDialogModal li{
		margin-top: 6px;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabel{
		display: inline-block;
		width: 80px;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	#sPreviewCommentPermitLabel2-1{
		display: none;
	}
	.uldDialogModal li .sDialogLabelFull{
		display: inline-block;
		width: 60%;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	.uldDialogModal li .sDialogLabelAdd{
		display: inline-block;
		width: 20%;
		height: 20px;
		margin-top: 5px;
	}
	.uldDialogModal li #itRailways{
		display: inline-block;
		width: 350px;
		font-size: 16px;
	}
	.uldDialogModal li #itAuther{
		display: inline-block;
		width: 350px;
		font-size: 16px;
	}
	.uldDialogModal li #taPreviewCommentComment{
		display: inline-block;
		width: 350px;
		height: 120px;
		margin-top: 5px;
		font-size: 16px;
	}

	.uldDialogModal li #itUpdateKey{
		display: inline-block;
		width: 150px;
		font-size: 16px;
	}
	.uldDialogModal li .dDialogPermit{
		display: inline-block;
		width: 220px;
	}
	.uldDialogModal li .dDialogPermit .sDialogPermitLabel{
		margin-left: 15px;
		display: inline-block;
		width:80px;
	}
	.uldDialogModal li #sCommentPermitLabel2-1{
		display: none;
	}
	.uldDialogModal li #taComment{
		display: inline-block;
		width:350px;
		height: 120px;
	}
	.uldDialogModal li #itCreateUpdateKey{
		margin-left:20%;
		width: 60%;
		font-size: 16px;
	}
	.uldDialogModal li #itWriteUpdateKey{
		margin-left:20%;
		width: 60%;
		font-size: 16px;
	}
	.uldDialogModal li .itDialogUpdateKey{
		margin-left:20%;
		width: 60%;
		font-size: 16px;
	}

	.dDialogErrorMessage{
		margin-left:100px;
		display: inline-block;
		width:300px;
		height: 30px;
		box-sizing: border-box;
	}
	.aDialogCancel{
		margin-top: 4px;
		margin-left: 10%;
		float: left;
		box-sizing: border-box;
	}
	.aDialogSetting{
		margin-top: 4px;
		margin-right:10%;
		display:inline-block;
	}
	.aDialogSubmit{
		margin-top: 4px;
		margin-right:10%;
		float: right;
	}

	/* 路線図くらぶ */
	#uldWriteAddRefferDialogModal li{
		margin-top: 6px;
		margin-left: 20px;
		box-sizing: border-box;
	}
	#itWriteAddRefferNo{
		width: 60px;
		text-align: right;
	}
	#itWriteAddRefferValue{
		width: 250px;
	}
	#itWriteAddRefferUpdateKey{
		width: 120px;
	}
	#liRefferAddUpdateKey{
		display: none;
	}
	#dWriteAddRefferDialogContentsErrorMessage{
		margin-left: 50px;
		width: 350px;
	}
	#uldWriteChangeAreaSizeDialogModal li#liWriteChangeAreaSizeCell{
		margin-top: 6px;
		margin-left: 60px;
		box-sizing: border-box;
	}


	/* コメント情報（BROWSE） */
	#dCommentListBrowse{
		margin-top:10px;
	}
	#dCommentListAreaTopBrowse{
	}
	#dCommentListAreaTopBrowseCommentAmt{
		float: left;
		margin-left:60px;
		width:85px;
		height:60px;
		line-height: 60px;
	}
	#dCommentListAreaTopBrowseControl{
		float: left;
	}
	.dCommentMark{
		float:left;
		width: 24px;
		height: 24px;
		margin-left:2px;
	}
	.dCommentNo{
		float:left;
		font-size: 14px;
		line-height:24px;
		margin-left:2px;
		margin-top: -5px;
		font-weight:900;
		width: 40px;
		text-align: right;
	}
	.dCommentAuther{
		float:left;
		font-size: 14px;
		line-height:24px;
		margin-left:2px;
		margin-top: -5px;
		font-weight:900;
		width: 250px;
		text-align: left;
		word-break: break-all;
	}
	.dCommentAutherUserID{
		font-weight:200;
		font-size: 12px;
	}
	.dCommentDate{
		float: right;
		font-size: 10px;
		line-height: 14px;
		width: 300px;
		margin-right: 5px;
		margin-top: -5px;
		text-align: right;
		text-decoration: underline;
	}
	.dCommentContents{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 90%;
		word-break: break-all;
	}
	#dCommentListBrowseMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
		margin-left:5px;
	}

	/* コメント情報（VIEW） */
	#dCommentListView{
		margin-top:10px;
	}
	#dCommentListAreaTopView{
	}
	#dCommentListAreaTopViewCommentAmt{
		float: left;
		margin-left:60px;
		width:85px;
		height:60px;
		line-height: 60px;
	}
	#dCommentListAreaTopViewControl{
		float: left;
	}
	#dCommentListViewMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
		margin-left:5px;
	}

	#dModalBackground{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		background-color: #000000;
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		z-index: 1005;
		display: none;
	}

}


/* ■■■閲覧領域の横幅が650px以下の場合に適用■■■ */
@media screen and (max-width: 650px) {

	/* ■共通部分■ */
	body {
		margin: 0px;
		padding: 0px;
		width: 100%;
		-webkit-text-size-adjust: 100%;
	}
	#dHeader {
		width: 100%;
		background: var(--main-color);
		color: #FFFFFF;
	}
	#dHeaderAdsense {
		width: 100%;
	}
	#dHeaderLogo {
		float: left;
		width: 15%;
	}
	#dHeaderLogoMark0 {
		width: 30px;
		height: 30px;
		background-image:url("./images/logo_s.png");
		background-size:contain;
		background-repeat: no-repeat;
		border: solid 1px #FFFFFF;
		margin-top: 4px;
		margin-left: 10px;
	}

	#dHeaderLogoMark {
		width: 30px;
		height: 30px;
		border: solid 1px #FFFFFF;
		margin-top: 4px;
		margin-left: 10px;
	}
	#dHeaderLogoMark path#rect{
		fill: var(--main-color) !important;
	}
	#dHeaderLogoMark path#path{
		fill: var(--sub-color) !important;
	}
	#dHeaderTitle {
		float: left;
		width: 70%;
		line-height: 40px;
		text-align: center;
		font-size: 18px;
	}
	#dHeaderMenu {
		float: right;
		width: 15%;
		position: relative;
	}
	#dHeaderMenuIcon {
		float: right;
		width: 30px;
		height: 30px;
		background-image:url("./images/menu_s.png");
		background-size:contain;
		background-repeat: no-repeat;
		border: solid 1px #FFFFFF;
		margin-top: 4px;
		margin-right: 10px;
	}
	#ulHeaderMenu {
		display: none;
		position:absolute;
		top: 40px;
		left: -80px;
		width: 140px;
		margin: 0px;
		padding: 0;
		list-style: none;
		border-top: 1px solid #CCCCCC;
		z-index: 2006;
	}	
	#ulHeaderMenu li{
		background:#FFFFFF;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
	}	
	#ulHeaderMenu li a{
		padding: 10px 0 8px 25px;
		display: block;
		text-decoration: none;
		color: #888888;
	}	
	#ulHeaderMenu li a:hover{
		background:var(--area-bg-color);
	}	
	#ulHeaderMenu li a:active{
		background:var(--main-color);
		color: #FFFFFF;
	}	
	#dModalBackground{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		background-color: #000000;
		opacity: 0.05;
		filter: alpha(opacity=5);
		-ms-filter: "alpha(opacity=5)";
		z-index: 5;
		display: none;
	}



	#dFooter {
		width: 100%;
		height: 35px;
		background: var(--main-color);
		margin-top: 5px;
	}
	.dBodyContentsFillter {
		position: fixed;
		width: 80%;
		height:320px;
		top: 150px;
		left: 10%;
		background-color: #FFFFFF;
		z-index: 6;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border: 5px solid var(--active-color);
	}
	.dBodyContentsFillterHeader{
		background-color: var(--active-color);
		text-align: center;
		font-weight: 900;
	}
	.dBodyContentsFillterClose{
		position:absolute;
		top: 0px;
		left: 0px;
	}
	.ulBodyContentsFillter{
		list-style:none;
		padding: 0px;
	}
	.ulBodyContentsFillter li{
		margin-top: 10px;
		box-sizing: border-box;
	}
	.ulBodyContentsFillter li .sFillterLabel{
		margin-left:8%;
		display: inline-block;
		width:25%;
		box-sizing: border-box;
	}
	.ulBodyContentsFillter li .itFillterData{
		margin-left:2%;
		width:55%;
		box-sizing: border-box;
	}
	.ulBodyContentsFillter li .sFillterOrder{
		margin-left:2%;
		width:55%;
		box-sizing: border-box;
		height: 25px;
	}
	.aFillterCancel{
		margin-top: 10px;
		margin-left: 10%;
		float: left;
	}
	.aFillterSubmit{
		margin-top: 10px;
		margin-right:10%;
		float: right;
	}
	#dListBodyContentsFillter{
		display: none;
	}
	#dCommentBodyContentsFillter{
		display: none;
	}
	.dBodyContentsMain{
		width: 94%;
		float: left;
		margin-top:20px;
		margin-left:3%;
		margin-right:3%;
		position: relative;
	}
	.dBodyContentsAdsense{
		display: none;
	}
	.dBodyContentsPagingUp{
		margin-bottom: 10px;
	}
	.dBodyContentsPagingLeft{
		float: left;
		width:25%;
		height:24px;
		text-align:left;
	}
	.aControlLeft{
		visibility:hidden;
	}
	.dBodyContentsPagingCenter{
		float: left;
		width:50%;
		height:24px;
		text-align:center;
	}
	.aControlCenterUp{
		display: block;
		width:100%;
		background-color: var(--active-color);
		color: #000000;
		font-size: 14px;
		height: 24px;
		line-height: 24px;
		text-decoration: none;
	}
	.dBodyContentsPagingRight{
		float: left;
		width:25%;
		height:24px;
		text-align:right;
	}
	.aControlRight{
		visibility:hidden;
	}
	/* ボタン */
	.aButton{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid var(--main-color);
		background-color: var(--area-bg-color);
		text-decoration: none;
	}
	.aButton:hover{
		background:var(--main-color);
	}	
	.aButton:active{
		background:var(--main-color);
		color: #FFFFFF;
	}
	.aButtonCancel{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid #888888;
		background-color: #CCCCCC;
		text-decoration: none;
	}
	.aButtonCancel:hover{
		background:#888888;
	}	
	.aButtonCancel:active{
		background:#888888;
		color: #FFFFFF;
	}
	.aButtonSmall{
		display: inline-block;
		margin-top: 15px;
		margin-left: 10px;
		width:30px;
		height:30px;
		text-align: center;
		text-decoration: none;
	}
	.aButtonSmall path{
		fill: var(--main-color);
	}
	.aButtonSmall:hover path{
		fill: var(--sub-color);
	}
	.aButtonBig{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid var(--main-color);
		background-color: var(--area-bg-color);
		text-decoration: none;
	}
	.aButtonBig:hover{
		background:var(--main-color);
	}	
	.aButtonBig:active{
		background:var(--main-color);
		color: #FFFFFF;
	}
	.aButtonBigCancel{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid #888888;
		background-color: #CCCCCC;
		text-decoration: none;
	}
	.aButtonBigCancel:hover{
		background:#888888;
	}	
	.aButtonBigCancel:active{
		background:#888888;
		color: #FFFFFF;
	}

	/* ■トップページ（メッセージボード）■ */
	.tdIndexMessageListNo{width:10%;box-sizing: border-box;text-align:right!important;}
	.tdIndexMessageListDate{width:45%;box-sizing: border-box;overflow: hidden;}
	.tdIndexMessageListFlag{width:10%;box-sizing: border-box;text-align:center!important;}
	.tdIndexMessageListUserid{width:35%;box-sizing: border-box;overflow: hidden;}

	/* ■路線一覧■ */
	.dListHeader{
		float: left;
		border: 1px solid var(--main-color);
		height: 25px;
		background: var(--sub-color);
		text-align: center;
		vertical-align: middle;
		color: #000000;
		line-height: 25px;
		font-size: 12px;
		font-weight: 900;
		padding: 2px;
	}
	.dListHeaderSeq{
		width: 15%;
		box-sizing: border-box;
	}
	.dListHeaderName{
		width: 52%;
		box-sizing: border-box;
	}
	.dListHeaderAuther{
		width: 33%;
		box-sizing: border-box;
	}
	.dListHeaderDate{
		display: none;
	}
	.dListHeaderCommentCount{
		display: none;
		width: 16%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dListHeaderAccessCount{
		display: none;
		width: 17%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dListData{
		float: left;
		border: 1px solid var(--main-color);
		height: 20px;
		font-size: 12px;
		padding: 2px;
	}
	.dListDataSeq{
		width: 15%;
		box-sizing: border-box;
		text-align: right;
	}
	.dListDataName{
		width: 52%;
		box-sizing: border-box;
		overflow: hidden;
		/*text-overflow: ellipsis;*/
	}
	.dListDataAuther{
		width: 33%;
		box-sizing: border-box;
		overflow: hidden;
		/*text-overflow: ellipsis;*/
	}
	.dListDataDate{
		display: none;
	}
	.dListDataCommentCount{
		display: none;
		width: 16%;
		box-sizing: border-box;
		overflow: hidden;
		text-align: right;
	}
	.dListDataAccessCount{
		display: none;
		width: 17%;
		box-sizing: border-box;
		overflow: hidden;
		text-align: right;
	}

	/* ■コメント一覧■ */
	.dCommentHeader{
		float: left;
		border: 1px solid var(--main-color);
		height: 25px;
		background: var(--sub-color);
		text-align: left;
		vertical-align: middle;
		color: #000000;
		line-height: 25px;
		font-size: 12px;
		padding: 2px;
		overflow: hidden;
	}
	.dCommentUpLeft{
		width: 50%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dCommentUpCenter{
		width: 10%;
		box-sizing: border-box;
		overflow: hidden;
		text-align: center;
	}
	.dCommentUpRight{
		width: 40%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dCommentUpRight2{
		display: none;
	}
	.dCommentData{
		float: left;
		border: 1px solid var(--main-color);
		font-size: 12px;
		padding: 2px;
	}
	.dCommentDown{
		width: 100%;
		box-sizing: border-box;
	}
	.iCommentListType{
		margin-top: 3px;
		height: 12px;
		line-height: 12px;
	}
	.sCommentMapSeq{
		display: none;
	}
	.sCommentTypeName{
		display: none;
	}
	.sCommentRegistDate{
		display: none;
	}
	.sCommentCommentNo{
		display: none;
	}

	/* ■掲示板■ */
	#ifBoardFrame{
		width: 96%;
		height: 2000px;
		border: none;
		box-sizing: border-box;
	}
	/* ■操作説明■ */
	#dAboutBodyContentsMain{
		font-size: 12px;
	}
	#dAboutBodyContentsMain h2{
		font-size: 18px;
		font-weight: 900;
	}
	#dAboutBodyContentsMain h3{
		font-size: 16px;
		font-weight: 900;
	}
	#dAboutBodyContentsMain p{
		font-size: 12px;
	}
	#dAboutBodyContentsMain ol{
		padding-left: 6%;
	}
	#dAboutBodyContentsMain ul{
		padding-left: 6%;
	}

	/* ■LINK 機種依存部分■ */
	.hidden-xs{
		display: none;
	}
	.visible-xs{
		display: block;
	}
	.col-xs-1{
		width: calc(1/12*100%);
		float: left;
	}
	.col-xs-10{
		width: calc(10/12*100%);
		float: left;
	}
	.dLinkSpace{
		width: 0%;
	}
	.dLinkArea{
		width: 100%;
	}
	.dLinkSiteBlock{
		margin-top: 20px;
		width: 33%;
		float: left;
	}
	.dSiteNameA{
		text-align: center;
	}


	/* ■WRITE■ */
	/*
	#dWriteBodyContents{
		position: relative;
	}
	*/
	/* ナビ */
	#dWriteBodyContentsNav{
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.dWriteBodyContentsTab{
		display: inline-block;
		width:20%;
		box-sizing: border-box;
		background-color: var(--area-bg-color);
		border-top: 3px solid var(--main-color);
		border-left: 3px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		text-align: center;
		color: #000000;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		margin: 0px;
	}
	#dWriteBodyContentsNavEdit{
		display: inline-block;
		height: 30px;
	}
	#dWriteBodyContentsNavPreview{
		display: inline-block;
		height: 30px;
	}
	#dWriteBodyContentsNavProperty{
		display: inline-block;
		height: 30px;
	}

	#dWriteBodyContents{
	    position: relative;
	}
	#dWriteBodyContentsEdit {
	    width: 96%;
	    /* height: 400px; */
	    height: 500px;
	    margin-left: 2%;
	    margin-right: 2%;
	    margin-bottom: 10px;
		padding-top:20px;
	    border: 3px solid var(--main-color);
	    box-sizing: border-box;
	}
	#dWriteEditControlArea{
		height: 40px;
		margin-top:20px;
		margin-left:20px;
	    display: none;
	}
	#dWriteEditArea{
	}
	#taWriteContents{
		resize: none;
		overflow:scroll;
		margin-left: 15px;
		width:90%;
		height:450px;
	}

	#dWriteBodyContentsPreview {
	    display: none;
	    position: absolute;
		top:30px;
	    width: 96%;
	    height: 500px;
	    margin-left: 2%;
	    margin-right: 2%;
	    margin-bottom: 10px;
	    border: 3px solid var(--main-color);
	    box-sizing: border-box;
		background: #FFFFFF;
	    z-index: 5;
	}
	#dWritePreviewArea{
	    height: 494px;
	}

	#dWritePreviewControlArea{
		height:40px;
		margin-top:20px;
		margin-left:20px;
	    display: none;

	}
	#dWritePreviewContents{
		overflow:scroll;
		margin-left: 15px;
		width:95%;
		height:480px;
	}

	#dWriteBodyContentsProperty {
		display: none;
		position: absolute;
		top:30px;
		width: 96%;
	    /* height: 400px; */
	    height: 500px;
	    margin-left: 2%;
	    margin-right: 2%;
	    margin-bottom: 10px;
		padding-top:20px;
	    border: 3px solid var(--main-color);
	    box-sizing: border-box;
		background: var(--area-bg-color);
	    z-index: 5;
	}
	.dWriteBodyContentsLabel{
		display:none;
	}
	.dWriteBodyContentsLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		color: #FFFFFF;
	}

	#itWriteSaveName {
	    display: inline-block;
	    width: 290px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 18px;
	    font-weight: 800;
	}
	#itWriteSaveAuther{
	    display: inline-block;
	    width: 290px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 14px;
	}
	#taWriteSaveComment {
	    display: inline-block;
	    width: 290px;
	    height: 100px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 14px;
	}
	.uldDialogModal{
		list-style:none;
		padding: 0px;
	}
	.uldDialogModal li{
		margin-top: 6px;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabel{
		display: inline-block;
		width: 80px;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	.uldDialogModal li .sDialogLabelS{
		display: inline-block;
		width: 100px;
		height: 20px;
		margin-top: 5px;
		margin-left:10px;
	}
	.uldDialogModal li .sDialogLabelFull{
		display: inline-block;
		width: 60%;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	.uldDialogModal li .sDialogLabelAdd{
		display: inline-block;
		width: 20%;
		height: 20px;
		margin-top: 5px;
	}
	#dSaveDialogContentsErrorMessage{
		margin-left:15px;
	}

	#bWriteSaveSubmit{
		margin-left:200px;
	}
	#uldWriteAddRefferDialogModal li{
		margin-top: 6px;
		margin-left: 10px;
		box-sizing: border-box;
	}

		#itWriteAddRefferNo{
			width: 60px;
			text-align: right;
		}
		#itWriteAddRefferValue{
			width: 180px;
		}
		#itWriteAddRefferUpdateKey{
			width: 120px;
		}
		#liRefferAddUpdateKey{
			display: none;
		}
		#dWriteAddRefferDialogContentsErrorMessage{
			margin-left: 50px;
			width: 300px;
		}
	#uldWriteChangeAreaSizeDialogModal li#liWriteChangeAreaSizeCell{
		margin-top: 6px;
		margin-left: 40px;
		box-sizing: border-box;
	}


	/* ■PREVIEW■ */

	/* ナビ */
	#dPreviewBodyContentsNav{
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.dPreviewBodyContentsTab{
		display: inline-block;
		width:20%;
		box-sizing: border-box;
		background-color: var(--area-bg-color);
		border-top: 3px solid var(--main-color);
		border-left: 3px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		text-align: center;
		color: #000000;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		margin: 0px;
	}
	#dPreviewBodyContentsNavMemo{
		display: inline-block;
		height: 30px;
	}
	#dPreviewBodyContentsNavProperty{
		display: inline-block;
		height: 30px;
	}
	#dPreviewBodyContentsNavComment{
		display: inline-block;
		height: 30px;
	}

	#dPreviewBodyContentsMemo{
		position: relative;
		width: 96%;
		min-height: 200px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		box-sizing: border-box;
	}

	/* メモコントロール */
	#dPreviewMemoCotrol{
		position:absolute;
		top:0px;
		left:0px;
		height: 60px;
		z-index: 3;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 5px;
	}
	#ibPreviewWriteComment{
		background: url("./images/bMPWriteComment.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewCopyMap{
		background: url("./images/bMPCopyMap.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewUpdateMap{
		background: url("./images/bMPUpdateMap.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewZoomOut{
		display: none;
		background: url("./images/bZoomOut.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewZoomIn{
		display: none;
		background: url("./images/bZoomIn.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewZoomFit{
		background: url("./images/bZoomFit.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibPreviewSvg{
		background: url("./images/bDownload.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#inZoomValue{
		display: none;
		background: #ffffff;
		width: 70px;
		height: 44px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
		text-align: right;
	}
	#ibOpenOtherWindow{
		background: url("./images/openOtherWindow.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:25px;
		height:25px;
		margin-bottom:3px;
		margin-left:2px;
	}


	#dPreviewMemoArea{
		width:100%;
		min-height:190px;
		border:none;
		margin: 0px;
		height: 496px;
	}

	#dPreviewMemoContents{
		overflow: scroll;
		padding-top:60px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
	}
	#dPreviewLoading{
		position:absolute;
		z-index:9;
		width:360px;
		height:360px;
		display: none;
	}
	#iPreviewLoading{
		margin:150px;
	}

	#dPreviewBodyContentsProperty{
		position: relative;
		width: 96%;
		min-height: 200px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		background: var(--area-bg-color);
		box-sizing: border-box;
		overflow: scroll;
	}
	#dPreviewPropertyName{
		margin-top: 15px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	#dPreviewPropertyComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	#dPreviewPropertyReffer{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	#dPreviewPropertyCount{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 12px;
		word-break: break-all;
	}
	#dPreviewPropertyNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dPreviewPropertyAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 90%;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dPreviewPropertyDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}

	#dPreviewBodyContentsComment{
		position: relative;
		width: 96%;
		min-height: 200px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		background: var(--area-bg-color);
		box-sizing: border-box;
		overflow: scroll;
	}
	#dCommentListViewMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
	}

	/* ダイアログ */
	.dDialogModal {
		display: none;
		position: absolute;
		width: 90%;
		height:420px;
		top: 30%;
		left: 5%;
		background-color: #FFFFFF;
		z-index: 2000;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border: 5px solid var(--main-color);
	}
	.dDialogModalMini {
		display: none;
		position: absolute;
		width: 90%;
		height:220px;
		top: 20%;
		left: 5%;
		background-color: #FFFFFF;
		z-index: 2000;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border: 5px solid var(--main-color);
	}
	.dDialogModalClose{
		position:absolute;
		top: 0px;
		left: 0px;
	}
	.dDialogModalHeader{
		background-color: var(--main-color);
		text-align: center;
		font-weight: 900;
		color: #FFFFFF;
	}
	.uldDialogModal{
		list-style:none;
		padding: 0px;
	}
	.uldDialogModal li{
		margin-top: 6px;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabel{
		margin-left:2%;
		display: inline-block;
		width:35%;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabelFull{
		margin-left:2%;
		display: inline-block;
		width:80%;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabelAdd{
		margin-left:2%;
		display: inline-block;
		width:80%;
		box-sizing: border-box;
	}
	.dDialogErrorMessage{
		margin-left:2%;
		display: inline-block;
		width:80%;
		box-sizing: border-box;
	}
	.aDialogCancel{
		margin-top: 4px;
		margin-left: 10%;
		float: left;
		height:28px;
		box-sizing: border-box;
	}
	.aDialogSubmit{
		margin-top: 4px;
		margin-right:10%;
		float: right;
	}


	.uldDialogModal li #itRailways{
		margin-left: 2%;
		display: inline-block;
		width: 55%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itAuther{
		margin-left:2%;
		display: inline-block;
		width:55%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #taComment{
		margin-left:2%;
		display: inline-block;
		width:55%;
		height: 40px;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itUpdateKey{
		margin-left:2%;
		display: inline-block;
		width:30%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #sDialogDisplay{
		margin-left:2%;
		display: inline-block;
		width:45%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #sDialogMapMode{
		margin-left:2%;
		display: inline-block;
		width:45%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li .dDialogPermit{
		float: left;
		margin-left:2%;
		width:180px;
	}
	.uldDialogModal li .dDialogPermit .sDialogPermitLabel{
		margin-left:2%;
		width:25%;
		box-sizing: border-box;
	}
	.uldDialogModal li #itCommentAuther{
		margin-top: 30px;
		margin-left: 2%;
		display: inline-block;
		width:65%;
		box-sizing: border-box;
	}
	.uldDialogModal li .irCommentType{
	}
	.uldDialogModal li #taPreviewCommentComment{
		margin-left:2%;
		display: inline-block;
		width:55%;
		height: 120px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itCreateUpdateKey{
		margin-left: 20%;
		display: inline-block;
		width: 60%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itWriteUpdateKey{
		margin-left: 20%;
		display: inline-block;
		width: 60%;
		font-size: 16px;
		box-sizing: border-box;
	}
	/* コメント情報（BROWSE） */
	#dCommentListBrowse{
		margin-top:10px;
	}
	#dCommentListAreaTopBrowse{
	}
	#dCommentListAreaTopBrowseCommentAmt{
		float: left;
		margin-left:60px;
		width:85px;
		height:60px;
		line-height: 60px;
	}
	#dCommentListAreaTopBrowseControl{
		float: left;
	}
	.dCommentMark{
		float:left;
		width: 24px;
		height: 24px;
		margin-left:2px;
	}
	.dCommentNo{
		float:left;
		font-size: 14px;
		line-height:24px;
		margin-left:2px;
		margin-top: -5px;
		font-weight:900;
		width: 40px;
		text-align: right;
	}
	.dCommentAuther{
		float:left;
		font-size: 14px;
		line-height:24px;
		margin-left:2px;
		margin-top: -5px;
		font-weight:900;
		width: 250px;
		text-align: left;
		word-break: break-all;
	}
	.dCommentAutherUserID{
		font-weight:200;
		font-size: 12px;
	}
	.dCommentDate{
		float: right;
		font-size: 10px;
		line-height: 14px;
		width: 300px;
		margin-right: 5px;
		margin-top: -5px;
		text-align: right;
		text-decoration: underline;
	}
	.dCommentContents{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 90%;
		word-break: break-all;
	}
	#dCommentListBrowseMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
	}

	/* コメント情報（VIEW） */
	#dCommentListView{
		margin-top:10px;
	}
	#dCommentListAreaTopView{
	}
	#dCommentListAreaTopViewCommentAmt{
		float: left;
		margin-left:60px;
		width:85px;
		height:60px;
		line-height: 60px;
	}
	#dCommentListAreaTopViewControl{
		float: left;
	}
	#dCommentListViewMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
	}

}





/* --------------------------------------------- */


	.normalButton{
		-webkit-appearance: none;
		height: 30px;
		line-height: 30px;
		padding-left: 8px;
		padding-right: 8px;
		color: #000000;
		font-size: 14px;
		border-radius: 8px;
		border: 1px solid #ccc;
		box-shadow: none;
		margin-bottom: 10px;
	}
	.normalText{
		-webkit-appearance: none;
		height: 30px;
		line-height: 30px;
		padding-left: 8px;
		padding-right: 8px;
		color: #000000;
		font-size: 14px;
		border-radius: 8px;
		border: 1px solid #ccc;
		box-shadow: none;
	}
	.normalDropdown{
		-webkit-appearance: none;
		height: 30px;
		line-height: 30px;
		padding-left: 8px;
		padding-right: 8px;
		color: #000000;
		font-size: 14px;
		border-radius: 8px;
		border: 1px solid #ccc;
		box-shadow: none;
		width: 140px;
	}
	@media screen and (min-width: 650px) {
		#dWriteHead {
			min-width: 1280px;
			height: 220px;
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 5px;
			border: solid 4px var(--main-color);
			background: var(--area-bg-color);
			padding: 10px;
		}
		#dWriteBody {
			min-width: 1280px;
			margin-top: -5px;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 5px;
			border: solid 4px var(--main-color);
			background: #FFFFFF;
			padding: 10px;
			display: flow-root;
		}
		#dWriteHeadMyPalette{display:block;width:640px;height:180px;float:left;}
		#dWriteHeadLayer{display:block;width:640px;height:180px;;float:left;}
		#dWriteHeadFunction{display:block;width:1280px;height:20px;margin-top:10px;}

		#dHeadMyPaletteHead{width:100%;height:40px;}
		#dHeadMyPaletteLabel{display:inline-block;width:150px;text-align:center;background:var(--main-color);}
		#dHeadMyPaletteFunc{display:inline-block;width:200px;margin-left:20px;}
		#dHeadLayerHead{width:100%;height:30px;}
		#dHeadLayerLabel{display:inline-block;width:150px;text-align:center;background:var(--main-color);}
		#dHeadReferenceHead{width:100%;height:30px;}
		#dHeadReferenceLabel{display:inline-block;width:150px;text-align:center;background:var(--main-color);}
		#dHeadReferenceSelect{display:inline-block;margin-left:20px;max-width: 250px;}
		##sLine{max-width: 100%;}
		#ibWriteSelectAdd{
			background: url("./images/bZoomIn.png") left top no-repeat;
			background-size: cover;
			width: 30px;
			height: 30px;
			border: solid 2px #888888;
			border-radius:10px;
		}
		#ibWriteSelectDel{
			background: url("./images/bZoomOut.png") left top no-repeat;
			background-size: cover;
			width: 30px;
			height: 30px;
			border: solid 2px #888888;
			border-radius:10px;
		}

		/* ナビ(PCでは表示しない) */
		#dWriteHeadContentsNav{display: none;}
		#dWriteBodyContentsNav{display: none;}
		#dWriteBodyEdit{display:block;width:640px;height:auto;float:left;}
		#dWriteBodyReference{display:block;width:640px;height:auto;float:left;}

		#dGridEditControlTop{display: none;}
		#dGridEditControlBottom{display: none;}
		#dGridReferenceControlTop{display: none;}
		#dGridReferenceControlBottom{display: none;}

		#dWriteBodyCommon{
			display: inline-block;
			height: 70px;
			width: 1200px;
		}
		#dWriteBodyCommonLeft{
			display: block;
 			height: 70px;
			width:80px;
			float:left;
		}
		#dWriteBodyCommonCenter{
			display: block;
 			height: 70px;
			width:540px;
			vertical-align: bottom;
			padding-top: 30px;
			float:left;
		}
		#dWriteBodyCommonRight{
			display: block;
 			height: 70px;
			width:500px;
			vertical-align: bottom;
			padding-top: 10px;
			float:left;
		}
		#dSelectedIcon{
			width:50px;
			height:50px;
			margin-top:10px;
			margin-left:10px;
			background:#FFFFFF;
			border:1px solid #000000;
			display:inline-block;
		}
		#dWriteHeadLayerText{width:300px;display: inline-block;}


.dLayerGroup {
    display: inline-block;
    vertical-align: top;
	width: 200px;
	height: 200px;
}
.dLayerGroupName{
	width: 50px;
	padding-left: 2%;
	padding-top: 6px;
	float: left;
}
.dLayerGroupSetting{
	float: left;
}
.dLayerBlock {
    display: block;
    vertical-align: middle;
    width: 120px;
    height: 36px;
    line-height: 36px;
    padding-left: 2px;
    padding-right: 2px;
}
.spLayerName{
    display: inline-block;
    width: 40px;
    text-align:center;
}
.custom-checkbox,
.custom-radio {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
/* 元の checkbox / radio を確実に隠す */
.custom-checkbox input,
.custom-radio input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
/* 四角い枠 */
.checkmark,
.radiomark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
}
/* アイコンの領域は常に存在させる */
.select-icon {
    visibility: hidden;
    width: 20px;
    height: 20px;
}
/* checkbox ON */
.custom-checkbox input:checked ~ .checkmark .select-icon {
    visibility: visible;
}
/* radio ON */
.custom-radio input:checked ~ .radiomark .select-icon {
    visibility: visible;
}
/* コピーモード */
.checkmarkCopyMode{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 28px;
    background: var(--area-bg-color);
    border: 2px solid #ccc;
    border-radius: 5px;
    margin-left:5px;
    margin-right:5px;
    color: #cccccc;
}
/* radio ON */
.custom-radio input:checked ~ .checkmarkCopyMode {
    color: #000000;
    background: var(--main-color);
}
		
		
		
		
		
		
		
	}
	@media screen and (max-width: 650px) {
		#dWriteHead{display:block;width:100%;height:150px;margin-left: 10px;}
		#dWriteHeadControl{display:block;width:100%;height:30px;}
		#dWriteHeadMyPalette{display:block;width:100%;height:90px;}
		#dWriteHeadLayer{display:none;width:100%;height:90px;}
		#dWriteHeadFunction{display:none;width:100%;height:90px;}

		#dHeadMyPaletteHead{width:300px;height:40px;margin-left:auto;margin-right:auto;}
		#dHeadMyPaletteLabel{display:none;}
		#dHeadMyPaletteFunc{display:inline-block;width:200px;}

		#dHeadLayerHead{display:none;}
		#dHeadLayerLabel{display:none;}
		#dHeadReferenceLabel{display:none;}

		#ibWriteSelectAdd{
			background: url("./images/bZoomIn.png") left top no-repeat;
			background-size: cover;
			width: 20px;
			height: 20px;
			border: solid 1px #888888;
			border-radius:5px;
		}
		#ibWriteSelectDel{
			background: url("./images/bZoomOut.png") left top no-repeat;
			background-size: cover;
			width: 20px;
			height: 20px;
			border: solid 1px #888888;
			border-radius:5px;
		}




		/* ナビ */
		#dWriteHeadContentsNav{
			margin-top: 10px;
			margin-left: 2%;
			margin-right: 2%;
		}
		#dWriteBodyContentsNav{
			margin-top: 10px;
			margin-left: 2%;
			margin-right: 2%;
		}
		.activeNav{
			background-color: var(--main-color)!important;
			color: #FFFFFF!important;
		}
		.dWriteHeadContentsTab{
			display: inline-block;
			width:20%;
			box-sizing: border-box;
			background-color: var(--area-bg-color);
			border-top: 3px solid var(--main-color);
			border-left: 3px solid var(--main-color);
			border-right: 3px solid var(--main-color);
			text-align: center;
			color: #000000;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0px;
		}
		#dWriteHeadContentsNavEdit{
			display: inline-block;
			height: 30px;
		}
		#dWriteHeadContentsNavReference{
			display: inline-block;
			height: 30px;
		}
		#dWriteHead {
			width: 85%;
			height: 160px;
			margin-left: 2%;
			margin-top: 0px;
			margin-bottom: 5px;
			border: solid 4px var(--main-color);
			background: #FFFFFF;
			padding: 5%;
		}
		.dWriteBodyContentsTab{
			display: inline-block;
			width:20%;
			box-sizing: border-box;
			background-color: var(--area-bg-color);
			border-top: 3px solid var(--main-color);
			border-left: 3px solid var(--main-color);
			border-right: 3px solid var(--main-color);
			text-align: center;
			color: #000000;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0px;
		}
		#dWriteBodyCommon{
			display: block;
			height: 70px;
			width: 300px;
			margin-left:auto;
			margin-right:auto;
		}
		#dWriteBodyCommonLeft{
			display: block;
			height: 70px;
			width: 80px;
			float:left;
		}
		#dWriteBodyCommonCenter{
			display:block;
			width: 220px;
			vertical-align: bottom;
			float:left;
			padding-top: 30px;
		}
		#dWriteBodyCommonRight{
			display:none;
			width: 200px;
			float:left;
			vertical-align: bottom;
			padding-top: 30px;
		}
		#dSelectedIcon{
			width:50px;
			height:50px;
			margin-top:10px;
			margin-left:10px;
			background:#000000;
			border:1px solid #000000;
			display:block;
			float:left;
		}
		#dWriteBodyContentsNavEdit{
			display: inline-block;
			height: 30px;
		}
		#dWriteBodyContentsNavReference{
			display: inline-block;
			height: 30px;
		}
		#dWriteBody {
			width: 85%;
			height: 750px;
			margin-left: 2%;
			margin-top: 0px;
			margin-bottom: 5px;
			border: solid 4px var(--main-color);
			background: #FFFFFF;
			padding-left: 5%;
			padding-right: 5%;
			padding-top: 10px;
		}
		#dWriteBodyEdit{display:block;width:100%;}
		#dGridEdit{width:300px;height:600px;overflow:hidden;margin-left:auto;margin-right:auto;padding-left: 0;padding-top: 0;}
		#dWriteBodyReference{display:none;width:100%;}
		#dGridReference{width:300px;height:600px;overflow:hidden;margin-left:auto;margin-right:auto;padding-left: 0;padding-top: 0;}
		#dGridMyPalette {width:300px;margin-left:auto;margin-right:auto;}
		#dGridLayer {width:300px;margin-left:auto;margin-right:auto;}
		#dWriteHeadLayerText{width:150px;display: inline-block;}

		#dGridEditControlTop{width:300px;height:30px;margin-left:auto;margin-right:auto;}
		#dGridEditControlBottom{width:300px;height:30px;margin-left:auto;margin-right:auto;}
		#dGridReferenceControlTop{width:300px;height:30px;margin-left:auto;margin-right:auto;}
		#dGridReferenceControlBottom{width:300px;height:30px;margin-left:auto;margin-right:auto;}
		.dGridControl{width:100px;height:30px;float:left;background:var(--main-color);color:#FFFFFF;text-align:center;}
		.dGridControlDisable{background:var(--area-bg-color);color:#CCCCCC;}


.dLayerGroup {
    display: inline-block;
    vertical-align: middle;
	width: 115px;
	height: 200px;
}
.dLayerGroupName{
	width: 100%;
	padding-left: 10px;
}
.dLayerBlock {
    display: block;
    vertical-align: middle;
    width: 120px;
    height: 36px;
    line-height: 36px;
    padding-left: 2px;
    padding-right: 2px;
}
.spLayerName{
    display: inline-block;
    width: 40px;
    text-align:center;
}
.custom-checkbox,
.custom-radio {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
/* 元の checkbox / radio を確実に隠す */
.custom-checkbox input,
.custom-radio input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
/* 四角い枠 */
.checkmark,
.radiomark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
}
/* アイコンの領域は常に存在させる */
.select-icon {
    visibility: hidden;
    width: 20px;
    height: 20px;
}
/* checkbox ON */
.custom-checkbox input:checked ~ .checkmark .select-icon {
    visibility: visible;
}
/* radio ON */
.custom-radio input:checked ~ .radiomark .select-icon {
    visibility: visible;
}
/* コピーモード */
.checkmarkCopyMode{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 28px;
    background: var(--area-bg-color);
    border: 2px solid #ccc;
    border-radius: 5px;
    margin-left:5px;
    margin-right:5px;
    color: #cccccc;
}
/* radio ON */
.custom-radio input:checked ~ .checkmarkCopyMode {
    color: #000000;
    background: var(--main-color);
}


	}


/*
	* {
		padding: 0;
		margin: 0;
	}
*/
	.ibHead{
		width:100px;
	}
	.clearBoth{clear:both}
	#dGridEdit {
			display: grid;
			grid-template-columns: repeat(20, 30px);
			grid-auto-rows: 30px;
			gap: 0px;
	}
	/* 参照は30px固定座標で配置し、CSS Gridの再計算を避ける。 */
	#dGridReference {
		display: block;
		position: relative;
	}
	#dGridReference > .grid__item {
		position: absolute;
	}
	/* 絶対配置でも従来の縦横スクロール範囲を保つ。 */
	#dGridReference::after {
		content: "";
		display: block;
		width: var(--reference-width, 600px);
		height: var(--reference-height, 1800px);
		visibility: hidden;
		pointer-events: none;
	}

	#dGridMyPalette {
			display: grid;
			grid-template-columns: repeat(10, 30px);
			grid-auto-rows: 30px;
			gap: 0px;
	}


.grid__item {
	position: relative;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
}

/* グリッド線を画像の上に重ねる */
.grid__item::before {
	content: "";
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	pointer-events: none;
	z-index: 999;
}

/* グリッド非表示 */
.hideGrid .grid__item::before {
	display: none;
}


.grid__item.active::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 2px solid red;
    pointer-events: none;
    z-index: 1000;
}

	.iconImage{
		position:absolute;
		top:0px;
		left:0px;
		width: 30px;
		height: 30px;
	}
	.labelText{
		position:absolute;
		top:0px;
		left:5px;
		inline-size: 300px; 
		overflow: hidden;
		z-index:1000;
		line-height:30px;
		font-size: 10px;
		white-space: nowrap;
		text-overflow: ellipsis;
		pointer-events: none;
	}
	#dGridLayer {
		display: grid;
		grid-template-columns: 140px 80px 80px;
		grid-template-rows: 25px 25px 25px 25px 25px;
		gap: 0px;
	}
	.grid__layer{
		text-align: center;
	}

  svg.iconImage {
    display: block;
    pointer-events: none;
  }
  svg.iconImage.L1 { z-index: 1; }
  svg.iconImage.L2 { z-index: 2; }
  svg.iconImage.L3 { z-index: 3; }
  #dSelectedIcon { position: relative; }
  #dSelectedIcon > svg {
    display: block;
    width: 50px;
    height: 50px;
    pointer-events: none;
  }

/* 編集・参照エリア：20列ごとの右端 */
/* PCは20行を上限とする独立したスクロール領域。モバイルの移動操作は維持する。 */
@media screen and (min-width: 651px) {
    #dGridEdit, #dGridReference {
        width: 620px;
        height: min(600px, 60vh);
        overflow-y: scroll;
        overflow-x: auto;
        scrollbar-gutter: stable;
        align-content: start;
        box-sizing: border-box;
    }
}

#dGridEdit > .gridRightEdge::before,
#dGridReference > .gridRightEdge::before {
	border-right: 1px solid #ddd;
}

/* 編集・参照エリア：最後の20セル（最下段） */
#dGridEdit > .gridBottomEdge::before,
#dGridReference > .gridBottomEdge::before {
	border-bottom: 1px solid #ddd;
}

/* Myパレット：10列ごとの右端 */
#dGridMyPalette > .grid__item:nth-child(10n)::before {
	border-right: 1px solid #ddd;
}

/* Myパレット：最後の10セル（最下段） */
#dGridMyPalette > .grid__item:nth-last-child(-n+10)::before {
	border-bottom: 1px solid #ddd;
}

	
#rangeBar { position:fixed; bottom:12px; left:50%; transform:translateX(-50%); z-index:10000;
    width:min(680px, calc(100% - 24px)); max-height:55vh; overflow-y:auto; box-sizing:border-box; padding:12px;
    border:2px solid #2563eb; border-radius:10px; background:#fff; color:#172033;
    box-shadow:0 3px 20px #0003; font-size:14px; }
#rangeBar[hidden], #rangeBar [hidden] { display:none !important; }
#rangeStatus { display:block; margin-bottom:8px; line-height:1.5; }
#rangeBar .rangeActions { display:flex; flex-wrap:wrap; gap:8px; }
/* Safariの標準ボタン形状に依存せず、文字数に関係なく角丸を統一する。 */
#rangeBar button { -webkit-appearance:none; appearance:none; box-sizing:border-box;
    min-height:44px; padding:8px 12px; border:1px solid #ccc; border-radius:8px;
    background:#f5f5f5; color:#172033; cursor:pointer; }
#rangeBar button:disabled { cursor:default; opacity:.45; }
#rangeBar #rangeConfirm { background:#2563eb; color:white; border-color:#2563eb; }
.grid__item.rangeSource { outline:2px solid #2563eb; outline-offset:-2px; background-color:#dbeafe !important; }
.grid__item.rangeTarget { outline:3px dashed #b45309; outline-offset:-3px; background-color:#fef3c7 !important; }
.rangeSelecting .grid__item { user-select:none; -webkit-user-select:none; cursor:crosshair; }
body:has(#rangeBar:not([hidden])) { padding-bottom:min(55vh, 360px); }






/* Preview toolbar: align number input and buttons consistently on iPhone. */
#dPreviewMemoCotrol {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 50px;
}
#dPreviewMemoCotrol > input {
    flex: 0 0 auto;
    box-sizing: border-box;
    height: 50px;
    margin: 0;
}
#dPreviewMemoCotrol > #inZoomValue {
    width: 82px;
    padding: 0 3px;
    font-size: 16px;
    -webkit-appearance: none;
    appearance: none;
}
/* 作成画面：PC表示が収まらない場合だけ、編集・参照をまとめて横スクロールする。 */
@media screen and (min-width: 651px) {
    #dWriteBodyContents {
        width: 100%;
        max-width: 100vw;
        box-sizing: border-box;
        overflow-x: auto;
    }
}