/* 配置 */
@media all and (orientation: portrait) {
    .invalid_only_on_portrait {display:inline;}
    .exist_only_on_portrait {display:inline;}
}

@media all and (orientation: landscape) {
    .exist_only_on_portrait {display:none;}
}

@media screen and (max-width: 640px) {
    #sidebar {display:none;}
    .desktop {display:none;}
}

@media screen and (max-width: 640px) and (orientation: portrait) {
    .valid_only_on_landscape {display:inline;}
}

@media screen and (min-width: 641px) {
    #sidebar_copied {display:none;}
    .mobile {display:none;}
    .title_sep {display:none;}
    .valid_only_on_landscape {display:inline;} /* PCは無効 */
    .indent32_on_wide {padding-left:32;}
}

/* その他 */
.contents_area {
	width:100%; max-width:800;
	margin-right:auto; margin-left:auto;
}
.clickable {cursor:pointer;}

.padding_8 {padding:8;}
#sidebar td {font-size:small;}
p.case {line-height:180%;}

img:not([actual]) {width:100%; height:auto;} 

a{
	text-decoration:none;
	color:rgba(195,45,46,1);
}
a:hover{text-decoration:underline;}
.clickable a:hover {text-decoration:none;}
a.link{color:rgba(195,45,46,1);}
a.black{color:#000000;}
.white{color:#FFFFFF;}

button, input, select, textarea {
  font-family : inherit;
  font-size   : inherit;
}

/* フォント */
body {margin:0; background:#D9D9D9; font-family:"Droid Sans Japanese", "HiraKakuProN-W3", "Meiryo UI";}

.western{font-family:"Calibri", "Verdana";}
.russia{font-family:"Helvetica";}
b.emp{color:#c32d2e;background-color:rgb(254,241,236);padding-left:2px; padding-right:2px;margin-left:2px; margin-right:2px;}

/* タイトル */
.title { background:#3569ED; color:white; padding: 6px; }
.title a {color:#FFFFFF;}
#bar_fixed { position:fixed; width:100%; z-index:1; }
#bar_fixed .navi, #bar_float .navi { display:none; }
.menu { float:right; padding:6px 10px 6px 10px; border-radius: 4px;}
.menu[shown] { background:#CFE7FF; }
.menu[shown] .hamburger div { background:#3569ED; }

/* ナビ */
.navi { background:#CFE7FF; }
.navi a{color:rgba(0,51,153,1);}
.navi a:hover{color:white;}
.navi ul li {float:left;}
.navi ul {list-style-type: none; padding:0; margin:0;}
.navi a {background:#CFE7FF; padding:8; display:block;}
.navi a:hover {text-decoration:none; background:#86A5F4;}
.navi_spacer {font-size:1px; height:0px; width:0px; clear:left; line-height:0px; display:block; float:none !important;}

/* イントロ */
ul.intro { list-style-type: none; padding-left: 16px; padding-right: 16px; }
ul.intro li { margin: 4px; padding: 4px; background:#CFE7FF;}
ul.intro li:hover { background:#86A5F4; color:white; }
ul.intro a {color:rgba(0,51,153,1);}
ul.intro a:hover { text-decoration:none;}

/* 本体 */
div#main {background:#FFFFFF;}

.contents {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 1.45;
}

/* 著作権表示 */
#copyright {
	background:#3569ED;
	text-align:right;
	color:white;
}
#copyright a {color:white;}

/* 小見出し */
h4 {
	background:#86A5F4;
	color: white;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #3569ED
}
.chartitle {
	display: flex;
	margin-top: 16px;
	margin-bottom: 16px;
}

.chartitle > :first-child {
	background: #fffa90; border: 2px solid #dad55e; border-radius: 50%;
	font-weight: bold; font-size: 1.5em;
	padding: 0.5em; width: 1em; height: 1em;
	text-align:center; line-height: 1em;
	margin-right: 16px;
}

/* 表全般 */
.contents table tr td {
	vertical-align: top;
}
.contents thead th {
	border-bottom: 2px solid #3569ED;
}
.contents table tbody tr td {
	border-bottom: 1px solid #CFE7FF;
}
.contents table tbody tr.clickable:hover td {
	background: #CFE7FF;
}
.contents table tfoot tr td {
	border-top: 8px solid white;
	background: #fffa90;
	padding: 4px;
}
.contents [nobr] {
	white-space: nowrap;
}

/* ログ */
.log td:first-child {vertical-align:top; padding-right:4;}
.log table:last-child td:first-child {text-align:right;}
.log .emp_android {background-color:pink;}
.log .emp_ipad {background-color:lightgreen;}
.log .emp_iphone {background-color:lightblue;}
.log .emp_ie {background-color:rgb(255,243,157);}
.agent_name {overflow-wrap:break-word; word-break:break-all;}

/* アイコン */
.ui-icon {
	background-image: url("ui-icons_eki_256x240.png");
}

/* セレクトメニュー 小見出し */
.ui-selectmenu-optgroup {
	background-color: rgb(230,230,230);
}

/* ハンバーガーメニュー */

.hamburger {
	width: 24px;
	height: 24px;
	position: relative;
}
.hamburger div {
	width: 24px;
	height: 4px;
	border-radius: 4px;
	position: absolute;
}
.hamburger div:nth-of-type(1) { top: 0px; }
.hamburger div:nth-of-type(2) { top: 10px; }
.hamburger div:nth-of-type(3) { top: 20px; }

.hamburger div { background-color: white }