/* 諸行無常 是生滅法 生滅滅已 寂滅爲樂 */
a:link {color:#0C61B8;text-decoration:none;}
a:visited {color:#0C61B8;text-decoration:none;}
a:hover {color:#0C61B8;text-decoration:underline;}

a.usev:link {color:#0C61B8;}
a.usev:visited {color:#926;}
a.usev:hover {color:#0C61B8;}
a.usev:visited:hover {color:#926;}
.ausev a:link {color:#0C61B8;}
.ausev a:visited {color:#926;}
.ausev a:hover {color:#0C61B8;}
.ausev a:visited:hover {color:#926;}


* {
outline-color:rgba(40,139,240,0.3);
}
body {
color:#000;
font-size:13px;
width:100%;
margin:0;
padding:0;
line-height:1;
overflow-wrap:break-word;
word-wrap:break-word;
font-family:sans-serif;
}
img,video,iframe,input,select,textarea {
vertical-align:text-bottom;
}
img,video,iframe {
border:0;
}
a img {
border:0;
}

button,input,select,textarea {
font-family:inherit;
}
table {
}
input[type="text"],input[type="password"],textarea {
padding:2px;
background-color:#FFF;
border:1px solid #CCC;
font-size:13px;
outline:none;
color:#666;
}
input[type="text"]:hover,input[type="password"]:hover,textarea:hover {
border-color:#AAA;
color:#444;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
border-color:rgba(40,139,240,0.7);
color:#000;
}
input[type="radio"],input[type="checkbox"] {
margin:3px;
}
textarea {
padding:5px;
overflow:auto;
resize:none;
vertical-align:top;
}
blockquote {
margin:20px;
}
h1,h2,h3,h4,h5,h6,form {
padding:0;
margin:0;
}
p {
margin-top:3px;
margin-bottom:3px;
}

ul {
margin:0;
padding:7px 0 7px 20px;
}
ol {
margin:0;
padding:7px 0 7px 20px;
}

li {
margin-top:0.2em;
margin-bottom:0.2em;
}
h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-weight:normal;
}

th {
font-weight:normal;
}

i {
font-style:normal;
font-weight:normal;
}
em {
font-style:normal;
font-weight:bold;
}
strong {
color:#C33;
font-style:normal;
font-weight:normal;
}

fieldset {
border:1px solid #DDD;
border-radius:3px;
margin:3px 0;
}
legend {
color:#666;
font-size:11px;
font-weight:bold;
}


/* 文字類の装飾　汎用 */


.system {
font-style:italic;
}
.em {
font-style:normal;
font-weight:bold;
}
.pointer {
cursor:pointer;
}
.weak {
color:#666;
}

.xweak {
color:#999;
}

.noauth {
color:#666;
}

.notfound {
color:#666;
}
.unavailable {
color:#666;
}

.sysmsg {
color:#090;
}
.samplecomment {
color:#0AE;
}
.sysvalue {
color:#F80;
font-style:italic;
}
.require {
color:#F30;
}

input.ascii {
ime-mode:disabled;
}

input.lrg {
font-size:14pt;
letter-spacing:1px;
}
input.num{
font-size:12pt;
padding:1px 3px;
}

strong.num {
color:#FFF;
margin-left:10px;
padding:2px 5px;
}


/* 回り込み解除 */
.break {
clear:both;
}







a.block {
display:block;
padding:1px 0;
}
span.block {
display:block;
padding:1px 0;
}



.tb {
line-height:1.6;
}


.tbl {
line-height:1.3;
}


/* 汎用テキスト */
.xxxlrg-text {
font-size:30px;
}
.xxlrg-text {
font-size:26px;
}
.xlrg-text {
font-size:22px;
}
.lrg-text {
font-size:18px;
}
.mid-text {
font-size:15px;
}
.smid-text {
font-size:14px;
}
.sml-text {
font-size:13px;
}
.xsml-text {
font-size:11px;
}
.xxsml-text {
font-size:10px;
}



/* スペーサー */
p.s3 {
margin:0;
padding-top:3px;
}
p.s5 {
margin:0;
padding-top:5px;
}
p.s7 {
margin:0;
padding-top:7px;
}
p.s10 {
margin:0;
padding-top:10px;
}
p.s12 {
margin:0;
padding-top:12px;
}
p.s15 {
margin:0;
padding-top:15px;
}
p.s20 {
margin:0;
padding-top:20px;
}
p.s25 {
margin:0;
padding-top:25px;
}
p.s30 {
margin:0;
padding-top:30px;
}
p.s40 {
margin:0;
padding-top:40px;
}


p.solidline {
margin:7px 0;
border-top:1px solid #CCC;
}
p.line {
margin:7px 0;
border-top:1px solid #E8E8E8;
}
p.line-d {
margin:7px 0;
border-top:1px solid #444;
}
p.gline {
background:linear-gradient(to right,#FFF 0%,#DDD 15%,#DDD 85%,#FFF 100%);
padding-top:1px;
margin:4vh 0;
}

/* スラッシュ */
.slash {
background-image:url(../../i/slash.gif);
}

/* メッシュ */
.mesh {
background-image:url(../../i/mesh.gif);
}

/* タイル */
.tile {
background-image:url(../../i/tile.gif);
}

/* 罫線背景 */
.borderbg {
background-image:url(../../i/borderbg.gif);
}




/*
a.pointer {
}
a.pointer::before {
content:"\00bb";
display:inline-block;
vertical-align:middle;
border-radius:50%;
width:12px;
height:12px;
line-height:12px;
margin-right:2px;
background-color:rgba(40,139,240,0.75);
color:#FFF;
text-align:center;
font-size:8px;
}
a.pointer:hover::before {
background-color:rgba(40,139,240,0.9);
}

*/

/* ページナビ */
div.pagenavi {
padding:5px 3px;
color:#333;
margin-top:15px;
font-size:13px;
}
div.pagenavi span.this {
padding:2px;
display:inline-block;
text-align:center;
color:#FFF;
background-color:#333;
border:solid 1px #333;
font-weight:bold;
border-radius:2px;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.7);
height:22px;
line-height:22px;
min-width:22px;
margin:0 3px;
}
div.pagenavi a {
padding:2px;
display:inline-block;
text-align:center;
color:#333;
background-color:#EEE;
border:solid 1px #CCC;
border-radius:2px;
height:22px;
line-height:22px;
min-width:22px;
margin:0 3px;
}
div.pagenavi a:hover {
color:#000;
background-color:#FFF;
border-color:#BBB;
}
div.pagenavi a:active {
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
color:#000;
background-color:#DDD;
border-color:#AAA;
}






.emnote {
border-radius:3px;
border:solid 1px #E88;
padding:6px;
background-color:#FFF4F4;
}


img.d {
width:12px;
height:12px;
}
img.s {
width:15px;
height:15px;
}
img.a {
width:14px;
height:15px;
}
img.refresh {
width:12px;
height:12px;
margin-right:2px;
vertical-align:middle;
}
img.pt {
width:8px;
height:10px;
margin-left:2px;
vertical-align:middle;
}
img.rt {
width:18px;
height:14px;
margin-right:3px;
vertical-align:middle;
}
img.verified {
width:15px;
height:15px;
margin-left:2px;
vertical-align:middle;
}
img.follow {
width:16px;
height:16px;
vertical-align:middle;
margin-left:3px;
}
img.heart {
width:16px;
height:16px;
vertical-align:middle;
margin-right:3px;
}
img.icon {
width:48px;
height:48px;
}
img.pd {
width:7px;
height:4px;
}
img.clabel {
width:9px;
height:9px;
}
img.pmenu {
width:26px;
height:15px;
margin-left:4px;
vertical-align:middle;
}
img.smenu {
width:11px;
height:11px;
margin:2px 4px 0 0;
}
img.reply {
width:14px;
height:12px;
margin:0 3px;
vertical-align:middle;
}
img.fatcow {
width:16px;
height:16px;
vertical-align:middle;
}


img.i {
width:16px;
height:16px;
margin:0 2px 0 0;
vertical-align:middle;
}
i.i {
background-image:url(../../i/icons20.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 2px 0 0;
width:16px;
height:16px;
vertical-align:middle;
}
i.i1 {background-position:0 0;}
i.i2 {background-position:-16px 0;}
i.i3 {background-position:-32px 0;}
i.i4 {background-position:-48px 0;}
i.i5 {background-position:-64px 0;}
i.i6 {background-position:-80px 0;}
i.i7 {background-position:-96px 0;}
i.i8 {background-position:-112px 0;}
i.i9 {background-position:-128px 0;}
i.i10 {background-position:-144px 0;}

i.i11 {background-position:-160px 0;}
i.i12 {background-position:-176px 0;}
i.i13 {background-position:-192px 0;}
i.i14 {background-position:-208px 0;}
i.i15 {background-position:-224px 0;}
i.i16 {background-position:-240px 0;}
i.i17 {background-position:-256px 0;}
i.i18 {background-position:-272px 0;}
i.i19 {background-position:-288px 0;}
i.i20 {background-position:-304px 0;}

i.i21 {background-position:-320px 0;}
i.i22 {background-position:-336px 0;}
i.i23 {background-position:-352px 0;}
i.i24 {background-position:-368px 0;}
i.i25 {background-position:-384px 0;}
i.i26 {background-position:-400px 0;}
i.i27 {background-position:-416px 0;}
i.i28 {background-position:-432px 0;}
i.i29 {background-position:-448px 0;}
i.i30 {background-position:-464px 0;}

i.i31 {background-position:-480px 0;}
i.i32 {background-position:-496px 0;}
i.i33 {background-position:-512px 0;}
i.i34 {background-position:-528px 0;}
i.i35 {background-position:-544px 0;}
i.i36 {background-position:-560px 0;}
i.i37 {background-position:-576px 0;}
i.i38 {background-position:-592px 0;}
i.i39 {background-position:-608px 0;}
i.i40 {background-position:-624px 0;}

i.i41 {background-position:0 -16px;}
i.i42 {background-position:-16px -16px;}
i.i43 {background-position:-32px -16px;}
i.i44 {background-position:-48px -16px;}
i.i45 {background-position:-64px -16px;}
i.i46 {background-position:-80px -16px;}
i.i47 {background-position:-96px -16px;}
i.i48 {background-position:-112px -16px;}
i.i49 {background-position:-128px -16px;}
i.i50 {background-position:-144px -16px;}

i.i51 {background-position:-160px -16px;}
i.i52 {background-position:-176px -16px;}
i.i53 {background-position:-192px -16px;}
i.i54 {background-position:-208px -16px;}
i.i55 {background-position:-224px -16px;}
i.i56 {background-position:-240px -16px;}
i.i57 {background-position:-256px -16px;}
i.i58 {background-position:-272px -16px;}
i.i59 {background-position:-288px -16px;}
i.i60 {background-position:-304px -16px;}

i.i61 {background-position:-320px -16px;}
i.i62 {background-position:-336px -16px;}
i.i63 {background-position:-352px -16px;}
i.i64 {background-position:-368px -16px;}
i.i65 {background-position:-384px -16px;}
i.i66 {background-position:-400px -16px;}
i.i67 {background-position:-416px -16px;}
i.i68 {background-position:-432px -16px;}
i.i69 {background-position:-448px -16px;}
i.i70 {background-position:-464px -16px;}

i.i71 {background-position:-480px -16px;}
i.i72 {background-position:-496px -16px;}
i.i73 {background-position:-512px -16px;}
i.i74 {background-position:-528px -16px;}
i.i75 {background-position:-544px -16px;}
i.i76 {background-position:-560px -16px;}
i.i77 {background-position:-576px -16px;}
i.i78 {background-position:-592px -16px;}
i.i79 {background-position:-608px -16px;}
i.i80 {background-position:-624px -16px;}

i.i81 {background-position:0 -32px;}
i.i82 {background-position:-16px -32px;}
i.i83 {background-position:-32px -32px;}
i.i84 {background-position:-48px -32px;}
i.i85 {background-position:-64px -32px;}
i.i86 {background-position:-80px -32px;}
i.i87 {background-position:-96px -32px;}
i.i88 {background-position:-112px -32px;}
i.i89 {background-position:-128px -32px;}
i.i90 {background-position:-144px -32px;}

i.i91 {background-position:-160px -32px;}
i.i92 {background-position:-176px -32px;}
i.i93 {background-position:-192px -32px;}
i.i94 {background-position:-208px -32px;}
i.i95 {background-position:-224px -32px;}
i.i96 {background-position:-240px -32px;}
i.i97 {background-position:-256px -32px;}
i.i98 {background-position:-272px -32px;}
i.i99 {background-position:-288px -32px;}
i.i100 {background-position:-304px -32px;}

i.i101 {background-position:-320px -32px;}
i.i102 {background-position:-336px -32px;}
i.i103 {background-position:-352px -32px;}
i.i104 {background-position:-368px -32px;}
i.i105 {background-position:-384px -32px;}
i.i106 {background-position:-400px -32px;}
i.i107 {background-position:-416px -32px;}
i.i108 {background-position:-432px -32px;}
i.i109 {background-position:-448px -32px;}
i.i110 {background-position:-464px -32px;}

i.i111 {background-position:-480px -32px;}
i.i112 {background-position:-496px -32px;}
i.i113 {background-position:-512px -32px;}
i.i114 {background-position:-528px -32px;}
i.i115 {background-position:-544px -32px;}
i.i116 {background-position:-560px -32px;}
i.i117 {background-position:-576px -32px;}
i.i118 {background-position:-592px -32px;}
i.i119 {background-position:-608px -32px;}
i.i120 {background-position:-624px -32px;}

i.i121 {background-position:0 -48px;}
i.i122 {background-position:-16px -48px;}
i.i123 {background-position:-32px -48px;}
i.i124 {background-position:-48px -48px;}
i.i125 {background-position:-64px -48px;}
i.i126 {background-position:-80px -48px;}
i.i127 {background-position:-96px -48px;}
i.i128 {background-position:-112px -48px;}
i.i129 {background-position:-128px -48px;}
i.i130 {background-position:-144px -48px;}

i.i131 {background-position:-160px -48px;}
i.i132 {background-position:-176px -48px;}
i.i133 {background-position:-192px -48px;}
i.i134 {background-position:-208px -48px;}
i.i135 {background-position:-224px -48px;}
i.i136 {background-position:-240px -48px;}
i.i137 {background-position:-256px -48px;}
i.i138 {background-position:-272px -48px;}
i.i139 {background-position:-288px -48px;}
i.i140 {background-position:-304px -48px;}

i.i141 {background-position:-320px -48px;}
i.i142 {background-position:-336px -48px;}
i.i143 {background-position:-352px -48px;}
i.i144 {background-position:-368px -48px;}
i.i145 {background-position:-384px -48px;}
i.i146 {background-position:-400px -48px;}
i.i147 {background-position:-416px -48px;}
i.i148 {background-position:-432px -48px;}
i.i149 {background-position:-448px -48px;}
i.i150 {background-position:-464px -48px;}

i.i151 {background-position:-480px -48px;}
i.i152 {background-position:-496px -48px;}
i.i153 {background-position:-512px -48px;}
i.i154 {background-position:-528px -48px;}
i.i155 {background-position:-544px -48px;}
i.i156 {background-position:-560px -48px;}
i.i157 {background-position:-576px -48px;}
i.i158 {background-position:-592px -48px;}
i.i159 {background-position:-608px -48px;}
i.i160 {background-position:-624px -48px;}

i.expander {
display:inline-block;
border-right:4px solid #FFF;
border-bottom:4px solid #FFF;
border-radius:1px;
margin:0 0 1px 6px;
height:7px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:7px;
}
i.expander-bk {
display:inline-block;
border-right:4px solid #000;
border-bottom:4px solid #000;
border-radius:1px;
margin:0 0 1px 6px;
height:7px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:7px;
}


/* 共通 */

h1#TITLE {
font-weight:bold;
font-size:20px;
}

h2.title {
font-weight:bold;
padding:4px 5px;
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #BBB;
border-bottom:1px solid #BBB;
border-radius:2px;
background-color:#EEE;
background:linear-gradient(to bottom,#FFF,#DDD);
}

h2.title2 {
background-color:#EEE;
font-weight:bold;
padding:0 5px;
height:22px;
line-height:22px;
border-bottom:1px solid #CCC;
}
h2.title3 {
font-size:16px;
font-weight:bold;
}
h3.title {
font-weight:bold;
font-size:14px;
padding:0 0 0 5px;
border-left:5px solid #666;
margin-bottom:5px;
}




#HEAD2 {
padding:10px 15px 5px 15px;
}

#HEAD3 {
background-color:#288BF0;
height:36px;
}

#HEAD3 span.hvlinel {
background-image:url(../../i/hvlinebg.png);
background-repeat:no-repeat;
margin:3px 0;
height:32px;
width:2px;
float:left;
display:block;
}
#HEAD3 span.hvliner {
background-image:url(../../i/hvlinebg.png);
background-repeat:no-repeat;
margin:3px 0;
height:32px;
width:2px;
float:right;
display:block;
}

#HEAD3 .ic {
width:auto;
padding:0 7px;
height:36px;
line-height:36px;
color:rgba(255,255,255,0.95);
float:left;
display:block;
cursor:pointer;
}
#HEAD3 .ic:hover {
background-color:rgba(255,255,255,0.15);
color:#FFF;
text-decoration:none;
}


#HEAD7 {
background-color:#288BF0;
height:36px;
}

#HEAD7 span.hvlinel {
background-image:url(../../i/hvlinebg.png);
background-repeat:no-repeat;
margin:3px 0;
height:32px;
width:2px;
float:left;
display:block;
}
#HEAD7 span.hvliner {
background-image:url(../../i/hvlinebg.png);
background-repeat:no-repeat;
margin:3px 0;
height:32px;
width:2px;
float:right;
display:block;
}

#HEAD7 .ic {
width:auto;
padding:0 12px;
height:36px;
line-height:36px;
color:rgba(255,255,255,0.9);
float:left;
display:block;
cursor:pointer;
}
#HEAD7 .ic:hover {
background-color:rgba(255,255,255,0.15);
color:#FFF;
text-decoration:none;
}
#HEAD7 .logomark {
padding:0 8px;
}
#HEAD7 .logomark img {
width:24px;
height:24px;
margin:6px 5px 6px 0;
vertical-align:middle;
}
#HEAD7 .ic i.svg_box {
width:16px;
height:16px;
margin-right:4px;
vertical-align:middle;
}
#HEAD7 .ic i.svg_box svg {
width:16px;
height:16px;
fill:rgba(255,255,255,0.9);
}
#HEAD7 .ic:hover i {
fill:#FFF;
}
#HEAD7 i.expander {
height:5px;
width:5px;
border-width:3px;
}

@media screen and (max-width:600px) {
#HEAD7 .ic {
padding:0 10px;
margin-right:5px;
}
#HEAD7 .expander,#HEAD7 .textcap {
display:none;
}
#HEAD7 .logomark img {
margin:6px 0;
}
}









#HEAD5 {
background-color:#F8F500;
height:36px;
}

#HEAD5 span.hvlinel {
background-image:url(../../i/hvlinebg.png);
background-repeat:no-repeat;
margin:3px 0;
height:32px;
width:2px;
float:left;
display:block;
}
#HEAD5 span.hvliner {
background-image:url(../../i/hvlinebg.png);
background-repeat:no-repeat;
margin:3px 0;
height:32px;
width:2px;
float:right;
display:block;
}

#HEAD5 .ic {
width:auto;
padding:0 7px;
height:36px;
line-height:36px;
color:rgba(0,0,0,0.8);
float:left;
display:block;
cursor:pointer;
}
#HEAD5 .ic:hover {
background-color:rgba(0,0,0,0.1);
color:#000;
text-decoration:none;
}
#chlogo {
display:inline-block;
width:auto;
padding:0 9px;
height:36px;
line-height:36px;
color:#FFF;
}
#chlogo:visited {
color:#FFF;
}
#chlogo:hover,#chlogo:focus {
background-color:rgba(255,255,255,0.15);
color:#FFF;
text-decoration:none;
}
#chlogo2 {
display:inline-block;
width:auto;
padding:0 9px;
height:36px;
line-height:36px;
color:#000;
}
#chlogo2:visited {
color:#000;
}
#chlogo2:hover,#chlogo2:focus {
background-color:rgba(0,0,0,0.1);
color:#000;
text-decoration:none;
}
div.toolbarmenubox {
line-height:32px;
text-align:left;
background-color:#288BF0;
z-index:100;
position:absolute;
top:36px;
left:0;
width:200px;
}
div.toolbarmenubox a {
text-decoration:none;
color:rgba(255,255,255,0.95);
padding:0 10px;
display:block;
}
div.toolbarmenubox a:hover,div.toolbarmenubox a:focus {
background-color:rgba(255,255,255,0.15);
color:#FFF;
display:block;
}
div.toolbarmenubox a.nonim {
text-decoration:none;
color:rgba(204,204,204,0.8);
padding:0 10px;
display:block;
cursor:default;
}
div.toolbarmenubox a.nonim:hover {
text-decoration:none;
}
div.toolbarmenubox div.line {
background-color:rgba(255,255,255,0.4);
padding-top:1px;
}
div.toolbarmenubox2 {
line-height:40px;
text-align:left;
background-color:#FFF;
z-index:100;
position:absolute;
top:40px;
left:0;
width:200px;
border:1px solid #CCC;
}
div.toolbarmenubox2 a {
text-decoration:none;
color:#444;
padding:0 10px;
display:block;
}
div.toolbarmenubox2 a:hover {
background-color:#EEE;
color:#000;
display:block;
}
div.toolbarmenubox2 div.line {
background-color:#CCC;
padding-top:1px;
}


#LOGO {
margin:9px 6px;
width:80px;
height:18px;
}

#NAVI {
padding:12px;
background:url(https://dg0ytdce3xh9e.cloudfront.net/i/navibg.gif) repeat-x left bottom;
color:#666;
}
#NAVI h1 {
font-weight:bold;
display:inline;
color:#000;
margin:0 4px;
}
#NAVI a {
margin:0 4px;
}
#NAVI em {
margin:0 4px;
color:#000;
}


#DOCCONT {
background:url(../../i/contbg.png) repeat-x left top;
padding:30px 30px 30px 30px;
margin-top:5px;
}


#FOOT {
border-top:1px solid #CCC;
padding:12px 0 30px 0;
text-align:center;
color:#999;
line-height:1.5;
}
#FOOT a {
margin:0 8px;
display:inline-block;
color:#666;
}
#FOOT em {
color:#333;
}
#copyrights {
color:#888;
}
#copyrights a {
margin:0 3px;
color:#666;
}
#copyrights a:hover {
color:#333;
}
#copyrights a:visited {
color:#666;
}

#FOOT3 {
padding:60px 0;
text-align:center;
background-color:#8096A9;
color:#414D56;
}
#FOOT3 a {
margin:0 12px;
color:#D6DDE3;
}
#FOOT3 a:hover {
color:#FFF;
}
#FOOT3 a:visited {
color:#D6DDE3;
}
#copyrights3 {
color:#52606C;
}
#copyrights3 a {
margin:0 3px;
color:#52606C;
}
#FOOT2 {
padding:15px 0;
text-align:center;
background-color:#ACDEF8;
}
#FOOT2 a {
margin:0 8px;
color:#333;
}
#FOOT2 em {
color:#333;
}
#copyrights2 {
color:#DEF2FD;
text-align:center;
padding:10px 0;
background:url(../../i/footbg.png);
}
#copyrights2 a {
margin:0 3px;
color:#FFF;
}

#FOOT4 {
background-color:#F8F8F8;
padding:15px 0 30px 0;
}
/*
#FOOT4::before {
content:"";
display:block;
background:linear-gradient(to right,#39F,#9F3,#F63,#F39,#3F9);
padding-top:1px;
margin-bottom:28px;
}
*/
#FOOT4 div.fbox {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:flex-start;
justify-content:center;
color:#888;
margin:0 auto;
max-width:950px;
}
#FOOT4 div.fbox div.ctg {
padding:15px;
line-height:3;
box-sizing:border-box;
width:25%;
}
#FOOT4 a {
color:#666;
}
#FOOT4 a:hover {
color:#333;
}
#FOOT4 a:visited {
color:#666;
}
#FOOT4 p.line {
border-top:1px dotted #DDD;
}
#FOOT4 h4 {
font-weight:bold;
font-size:14px;
margin-bottom:5px;
color:#333;
}
@media screen and (max-width:800px) {
#FOOT4 div.fbox div.ctg {
width:50%;
}
}
@media screen and (max-width:350px) {
#FOOT4 div.fbox div.ctg {
width:100%;
}
}
#copyrights4 {
padding-top:25px;
color:#888;
text-align:center;
}
#copyrights4 a {
margin:0 3px;
color:#666;
}
#copyrights4 a:hover {
color:#333;
}
#copyrights4 a:visited {
color:#666;
}


#HEAD4 {
height:54px;
background:transparent;
}
#GNAVI #headbtn_tofree {
color:#444;
height:38px;
line-height:38px;
padding:0 11px 0 12px;
margin:7px 12px 7px 5px;
border:1px solid #777;
border-radius:20px;
}
#GNAVI #headbtn_tofree::after {
content:"";
display:inline-block;
border-right:2px solid #444;
border-top:2px solid #444;
border-radius:1px;
margin:0 0 0 2px;
height:7px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:7px;
}
#GNAVI #headbtn_tofree:hover::after {
border-color:#111;
}

#GNAVI #headbtn_tofree:visited {
color:#444;
}
#GNAVI #headbtn_tofree:hover {
color:#111;
border-color:#111;
background-color:rgba(0,0,0,0.05);
}

#GNAVI {
float:right;
color:#666;
height:54px;
line-height:54px;
text-align:right;
white-space:nowrap;
}
#GNAVI a.gi {
font-weight:bold;
width:auto;
display:inline-block;
height:54px;
line-height:54px;
padding:0 calc(7px + 0.6vw);
vertical-align:top;
color:#444;
}
#GNAVI a.gi:visited {
color:#444;
}
#GNAVI a.gi:hover {
color:#111;
}
#GNAVI span.lang {
padding:9px 10px;
display:inline-block;
height:36px;
line-height:18px;
vertical-align:top;
text-align:left;
}
#GNAVI span.lang a {
height:18px;
line-height:18px;
font-size:12px;
color:#111;
}
#GNAVI span.lang span.sep {
margin:0 0.4em;
border-left:1px dotted #999;
height:11px;
display:inline-block;
vertical-align:middle;
}
#GNAVI span.lang a.notselected {
padding-left:12px;
}
#GNAVI span.lang a.em::before {
content:"";
display:inline-block;
margin-right:3px;
border-radius:50%;
width:8px;
height:8px;
background-color:#288BF0;
}
#GNAVI a.mobile_menu {
display:none;
}


@media screen and (max-width:800px) {
#GNAVI a.gi {
padding:0 calc(5px + 0.5vw);
}
#GNAVI a.gi2 {
display:none;
}
}
@media screen and (max-width:550px) {
#GNAVI a.gi {
display:none;
}
#GNAVI a.mobile_menu {
display:inline-block;
}
#GNAVI a.mobile_menu i {
width:20px;
height:20px;
margin:17px 0;
}
#GNAVI a.mobile_menu i svg {
width:20px;
height:20px;
fill:#000;
}
}












#hlogo {
color:#000;
width:auto;
display:inline-block;
height:54px;
line-height:54px;
padding:0 calc(5px + 0.5vw);
font-size:20px;
}
#hlogo:visited {
color:#000;
}
#hlogo:hover {
color:#000;
}
#hlogo img {
width:34px;
height:34px;
vertical-align:-9px;
margin:0 3px 0 0;
}
#hlogo span {
vertical-align:top;
display:inline-block;
height:40px;
line-height:40px;
font-size:14px;
color:#888;
margin-left:4px;
}
@media screen and (max-width:500px) {
#hlogo {
font-size:18px;
}
#hlogo img {
width:32px;
height:32px;
}
}
.btn {
background-color:#F8F8F8;
color:#333;
height:24px;
border:1px solid #BBB;
margin:0;
border-radius:3px;
}
.btn:hover {background-color:#FFF;color:#000;border-color:#999;}
.btn:active {background-color:#DDD;color:#000;border-color:#999;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);}
.btn2 {
background-color:#F8F8F8;
color:#333;
height:20px;
font-size:12px;
border:1px solid #BBB;
margin:0;
border-radius:3px;
}
.btn2:hover {background-color:#FFF;color:#000;border-color:#999;}
.btn2:active {background-color:#DDD;color:#000;border-color:#999;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
.btn4 {
background-color:#F8F8F8;
color:#666;
height:19px;
font-size:11px;
border:1px solid #BBB;
margin:0;
border-radius:3px;
}
.btn4:hover {background-color:#FFF;color:#000;border-color:#999;}
.btn4:active {background-color:#DDD;color:#000;border-color:#999;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
.btn5 {
background-color:#F8F8F8;
color:#666;
height:19px;
font-size:11px;
border:1px solid #BBB;
margin:0;
border-radius:2px;
}
.btn5:hover {background-color:#FFF;color:#000;border-color:#999;}
.btn5:active {background-color:#DDD;color:#000;border-color:#999;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
.btndel {
background-color:#D33;
border:1px solid #B22;
color:#FFF;
height:24px;
margin:0;
border-radius:3px;
}
.btndel:hover {background-color:#D44;border-color:#D33;}
.btndel:active {background-color:#A11;border-color:#900;box-shadow:inset 0 1px 3px rgba(102,0,0,0.2);}


.left-round {
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
.right-round {
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}




div.box,p.box {
border-radius:3px;
border:solid 1px #DDD;
padding:9px;
}

a.g {
color:#888;
}
a.g:visited {
color:#888;
}
a.g:hover {
color:#0C61B8;
}


a.del {
color:#888;
line-height:1;
padding:1px 3px;
}
a.del:visited {
color:#888;
}
a.del:hover {
text-decoration:none;
background-color:#D33;
color:#FFF;
}
a.edit {
color:#888;
line-height:1;
padding:1px 3px;
}
a.edit:visited {
color:#888;
}
a.edit:hover {
text-decoration:none;
background-color:#288BF0;
color:#FFF;
}
span.clearbtn {
margin-right:5px;
font-weight:normal;
color:rgba(255,255,255,0.9);
font-size:11px;
height:17px;
line-height:17px;
background-color:rgba(153,153,153,0.6);
border-radius:3px;
display:inline-block;
padding:0 3px;
cursor:pointer;
}
span.clearbtn:hover {
background-color:#D33;
color:#FFF;
}








/* ライトボックス */

#lightboxLoader {
z-index:250;
background-color:#FFF;
position:absolute;
border-radius:3px;
width:26px;
height:26px;
box-shadow:0 1px 3px rgba(0,0,0,0.4);
}
#lightboxLoader img {
width:16px;
height:16px;
margin:5px;
}
#lightboxLoader span.loader {
margin:5px;
}
#lightbox {
}
#lightboxOuter {
box-shadow:0 3px 9px rgba(0,0,0,0.4);
border-radius:4px;
text-align:left;
border:1px solid #BBB;
background-color:#FFF;
z-index:200;
position:absolute;
}
#lightboxCont {
padding:8px;
text-align:left;
}
#lightboxSay {
top:-10px;
left:50px;
width:19px;
height:10px;
position:absolute;
overflow:hidden;
}
#lightboxSay::before {
content:"";
width:15px;
height:15px;
display:block;
background-color:#FFF;
border:1px solid #BBB;
transform:rotate(-45deg);
margin:4px 0 0 1px;
}
#lightboxButton {
top:-6px;
right:-6px;
width:10px;
height:10px;
padding:6px;
position:absolute;
cursor:pointer;
background-color:#999;
color:#FFF;
border-radius:50%;
}
#lightboxButton svg {
width:10px;
height:10px;
vertical-align:top;
fill:#FFF;
pointer-events:none;
}
#lightboxButton:hover {
background-color:#D33;
}
#lightboxButton:active {
background-color:#A11;
}

#overlay {
position:absolute;
top:0;
left:0;
z-index:100;
width:100%;
background:url(../../i/_.gif);
}
#overlay3 {
position:absolute;
top:0;
left:0;
z-index:210;
width:100%;
background:url(../../i/_.gif);
}
#overlay2 {
position:absolute;
top:0;
left:0;
z-index:100;
width:100%;
background-image:url(../../i/overlay.png);
}

* html div#overlay2 {
background-color:#000;
background-image:url(../../i/_.gif);
}





div.curve-01 {
}

div.curve-01 div.curve-head {
font-size:1px;
height:5px;
background:url(../../i/01-curve-left-head.gif) top left no-repeat;
}

div.curve-01 div.curve-head div {
font-size:1px;
height:5px;
background:url(../../i/01-curve-right-head.gif) top right no-repeat;
}

div.curve-01 div.curve-bottom {
font-size:1px;
height:5px;
background:url(../../i/01-curve-left-bottom.gif) bottom left no-repeat;
}

div.curve-01 div.curve-bottom div {
font-size:1px;
height:5px;
background:url(../../i/01-curve-right-bottom.gif) bottom right no-repeat;
}




span.susa {
color:#0C61B8;
cursor:pointer;
}
span.susa:hover {
text-decoration:underline;
}
span.susab {
color:#000;
cursor:pointer;
}
span.susab:hover {
text-decoration:underline;
}
span.susa2 {
cursor:pointer;
}
span.susa2:hover {
text-decoration:underline;
}
span.susa3 {
color:#333;
display:block;
padding:1px 6px;
cursor:pointer;
}
span.susa3:hover {
background-color:#53A2F3;
color:#FFF;
}
span.g {
color:#888;
cursor:pointer;
}
span.g:hover {
color:#0C61B8;
}
span.del {
color:#AAA;
font-weight:normal;
cursor:pointer;
line-height:1;
padding:1px 3px;
}
span.del:hover {
background-color:#D33;
color:#FFF;
}

span.susa5 {
color:#0C61B8;
display:block;
cursor:pointer;
padding:0 3px;
}
span.susa5:hover {
color:#FFF;
background-color:#53A2F3;
}
span.susa6 {
font-weight:normal;
border-radius:1px;
margin-left:4px;
color:#999;
cursor:pointer;
padding:1px;
}
span.susa6:hover {
background-color:#53A2F3;
color:#FFF;
}






a.login {
border-radius:3px;
border-bottom:1px solid #0C61B8;
border-right:1px solid #0C61B8;
border-top:1px solid #91C3F7;
border-left:1px solid #91C3F7;
background-color:#288BF0;
color:#FFF;
display:inline-block;
height:42px;
line-height:42px;
text-decoration:none;
width:220px;
text-align:center;
font-weight:bold;
font-size:16px;
}
a.login:hover {
background-color:#53A2F3;
}

i.mixi {
background-image:url(../../i/mixi.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 1px 0 0;
width:16px;
height:16px;
vertical-align:middle;
}
i.facebook {
background-image:url(../../i/facebook.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 1px 0 0;
width:16px;
height:16px;
vertical-align:middle;
}
i.twitter {
background-image:url(../../i/twitter.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 1px 0 0;
width:16px;
height:16px;
vertical-align:middle;
}
i.page {
background-image:url(../../i/page.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 1px 0 0;
width:12px;
height:12px;
vertical-align:middle;
}
#postplanmenu {
width:100%;
max-width:450px;
}
a.postplanmenu {
border:solid 1px #CCC;
background-color:#EEE;
background:linear-gradient(to bottom,#FFF,#DDD);
float:left;
display:inline-block;
height:24px;
line-height:24px;
width:33.3%;
text-align:center;
color:#333;
font-size:14px;
box-sizing:border-box;
}
@media screen and (max-width:500px) {
a.postplanmenu {
font-size:13px;
}
}
a.postplanmenu-l {
border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-right:0;
}
a.postplanmenu-r {
border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-left:0;
}
a.postplanmenu-this {
background:#666;
color:#FFF;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
font-weight:bold;
}
a.paybtn2 {
display:block;
padding:14px;
border:1px solid #E8E8E8;
border-radius:5px;
width:100%;
max-width:350px;
background-color:#F4F4F4;
box-sizing:border-box;
}
a.paybtn2:hover {
border-bottom:1px solid #BBB;
border-right:1px solid #BBB;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
background-color:#EEE;
box-shadow:0 0 2px rgba(0,0,0,0.3);
}
a.paybtn2:active {
padding:15px;
border:0;
background-color:#DDD;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
}
a.paybtn2 img {
margin-right:10px;
vertical-align:middle;
width:32px;
height:32px;
}

@keyframes showelem {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes hideelem {
0% {opacity:1;}
100% {opacity:0;}
}
.a---hide {
animation:hideelem 0.2s ease 0s 1 forwards;
}
.a---show {
animation:showelem 0.2s ease 0s 1 forwards;
}
.a---hide-s {
animation:hideelem 0.1s ease 0s 1 forwards;
}
.a---show-s {
animation:showelem 0.15s ease 0s 1 forwards;
}
.a---show-ss {
animation:showelem 0.05s ease 0s 1 forwards;
}
.a---hide-ss {
animation:hideelem 0.05s ease 0s 1 forwards;
}


span.tooltip,i.tooltip {
cursor:default;
background-color:rgba(40,139,240,0.5);
color:#FFF;
border-radius:7px;
text-align:center;
font-size:11px;
width:13px;
height:13px;
line-height:13px;
display:inline-block;
margin-left:3px;
}
span.tooltip:hover,i.tooltip:hover {
background-color:rgba(40,139,240,0.8);
}
span.tooltip-g,i.tooltip-g {
cursor:default;
background-color:rgba(153,153,153,0.8);
color:#FFF;
border-radius:6px;
text-align:center;
font-size:10px;
width:12px;
height:12px;
line-height:12px;
display:inline-block;
margin-left:2px;
}
span.tooltip-g:hover,i.tooltip-g:hover {
background-color:#999;
}


#tooltip_box {
position:fixed;
color:#FFF;
background-color:rgba(0,0,0,0.9);
width:250px;
padding:8px;
border-radius:3px;
z-index:100000;
line-height:1.5;
}
.tooltip_box_lt::before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
top:-12px;
left:13px;
border:8px transparent solid;
border-right-width:0;
border-left-color:rgba(0,0,0,0.9);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
z-index:100;
}
.tooltip_box_lb::before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
bottom:-12px;
left:13px;
border:8px transparent solid;
border-right-width:0;
border-left-color:rgba(0,0,0,0.9);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
z-index:100;
}
.tooltip_box_rt::before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
top:-12px;
right:13px;
border:8px transparent solid;
border-right-width:0;
border-left-color:rgba(0,0,0,0.9);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
z-index:100;
}
.tooltip_box_rb::before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
bottom:-12px;
right:13px;
border:8px transparent solid;
border-right-width:0;
border-left-color:rgba(0,0,0,0.9);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
z-index:100;
}
#tooltip_box a {
color:#09F;
}





@-webkit-keyframes spin {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spin {
0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(360deg);}
}
@-ms-keyframes spin {
0% {-ms-transform:rotate(0deg);}
100% {-ms-transform:rotate(360deg);}
}
@-o-keyframes spin {
0% {-o-transform:rotate(0deg);}
100% {-o-transform:rotate(360deg);}
}
@keyframes spin {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

img.spinner {
-webkit-animation:spin 1.0s linear infinite;
-moz-animation:spin 1.0s linear infinite;
-ms-animation:spin 1.0s linear infinite;
-o-animation:spin 1.0s linear infinite;
animation:spin 1.0s linear infinite;
}

span.loader {
-webkit-animation:spin 0.8s linear infinite;
-moz-animation:spin 0.8s linear infinite;
-ms-animation:spin 0.8s linear infinite;
-o-animation:spin 0.8s linear infinite;
animation:spin 0.8s linear infinite;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #999;
border-right-color:transparent;
display:inline-block;
vertical-align:top;
border-radius:50%;
}
span.loader-inline {
vertical-align:middle !important;
}
span.loader12 {
width:12px;
height:12px;
}
span.loader16 {
width:16px;
height:16px;
border-width:1px;
}
span.loader24 {
width:24px;
height:24px;
border-width:2px;
}
span.loader32 {
width:32px;
height:32px;
border-width:2px;
}
span.loader48 {
width:48px;
height:48px;
border-width:2px;
}
span.loader64 {
width:64px;
height:64px;
border-width:3px;
}
span.loader80 {
width:80px;
height:80px;
border-width:3px;
}

#guesthead {
background-color:#F6F6F6;
color:#333;
padding:45px 25px;
font-size:25px;
}
#guesthead a {
}
@media screen and (max-width:800px) {
#guesthead {
font-size:20px;
padding:35px 20px;
}
}
#guestmain {
}
#guestcont {
margin:0 auto;
max-width:1100px;
padding:3vh 15px;
}
@media screen and (max-width:800px) {
#guestcont {
padding:2vh 10px;
}
}

span.togglebtn {
background-color:rgba(130,130,130,0.7);
color:#FFF;
line-height:16px;
padding:0 10px;
margin:0 2px;
border-radius:8px;
cursor:pointer;
white-space:nowrap;
display:inline-block;
vertical-align:middle;
font-weight:normal;
}
span.togglebtn:hover {
background-color:rgba(130,130,130,0.9);
}
span.togglebtn::before {
content:"開く";
width:45px;
display:inline-block;
font-size:11px;
text-align:center;
}
span.togglebtn::after {
content:"";
background:url(../../i/extweet_arw.png) no-repeat center center;
background-size:cover;
display:inline-block;
animation:togglebtn-close-kf 0.2s ease 0s 1 forwards;
transform:rotate(90deg);
width:8px;
height:8px;
vertical-align:top;
margin:4px 0;
}
span.togglebtn-o {
}
span.togglebtn-o::before {
content:"閉じる";
}
span.togglebtn-o::after {
animation:togglebtn-open-kf 0.2s ease 0s 1 forwards;
transform:rotate(-90deg);
}
span.togglebtn-ani-cancel::after {
animation:none;
}
span.togglebtn-sml {
background-color:rgba(130,130,130,0.7);
color:#FFF;
line-height:14px;
padding:0 5px;
margin:0 2px;
border-radius:7px;
}
span.togglebtn-sml:hover {
background-color:rgba(130,130,130,0.9);
}
span.togglebtn-sml::before {
font-size:10px;
width:35px;
}
span.togglebtn-sml::after {
margin:3px 0;
}

@keyframes togglebtn-open-kf {
0% {transform:rotate(90deg);}
100% {transform:rotate(-90deg);}
}
@keyframes togglebtn-close-kf {
0% {transform:rotate(-90deg);}
100% {transform:rotate(90deg);}
}



/*
冗長なので廃止
a.pointer::after {
content:"";
background:url(../../i/arrow.svg) no-repeat center center;
background-size:100% auto;
display:inline-block;
width:0.9em;
height:0.9em;
vertical-align:middle;
margin:0 0.3em 0 0.2em;
transition:margin 0.2s ease;
}
a.pointer_w::after {
background-image:url(../../i/arrow_w.svg);
}
a.pointer:hover::after {
margin:0 0 0 0.5em;
}
*/

i.svg_box {
display:inline-block;
}
i.svg_box svg {
vertical-align:top;
}
i > svg,span > svg,a > svg {
pointer-events:none;
border:0;
}
i.svg_box_icon {
width:16px;
height:16px;
vertical-align:middle;
margin:0 2px 0 0;
}
i.svg_box_icon svg {
width:16px;
height:16px;
fill:#000;
}
i.svg_box_icon_size {
width:16px;
height:16px;
vertical-align:middle;
margin:0 2px 0 0;
}
i.svg_box_icon_size svg {
width:100%;
height:100%;
fill:#000;
}


#HEAD6 {
height:40px;
}
#HEAD6 img {
vertical-align:middle;
margin-right:5px;
border:0;
width:30px;
}
#HEAD6 a.logo {
display:inline-block;
height:40px;
line-height:40px;
color:#000;
font-size:15px;
width:auto;
padding:0 6px;
}
#HEAD6 a.menu {
margin-left:5px;
}
img.usericon {
border-radius:50%;
}


#mobile_menu {
background-color:#288BF0;
color:#FFF;
padding:20px;
width:100%;
position:absolute;
top:0;
left:0;
box-sizing:border-box;
z-index:100000;
}
#mobile_menu i.closebtn {
width:26px;
height:26px;
cursor:pointer;
position:absolute;
top:0;
right:0;
padding:10px;
}
#mobile_menu i.closebtn:hover {
background-color:rgba(255,255,255,0.1);
}
#mobile_menu i.closebtn svg {
width:26px;
height:26px;
fill:#FFF;
}
#mobile_menu a {
display:block;
line-height:3;
font-size:15px;
color:#FFF;
padding:0 1em;
}
#mobile_menu a:hover {
background-color:rgba(255,255,255,0.1);
}
#mobile_menu span.closebtn {
display:block;
font-size:30px;
float:right;
cursor:pointer;
}






#guestcont h2 {
font-weight:bold;
color:#333;
font-size:22px;
}
#guestcont h3 {
font-weight:bold;
color:#333;
font-size:18px;
}
#guestcont h4 {
font-weight:bold;
color:#555;
font-size:16px;
}
@media screen and (max-width:600px) {
#guestcont h2 {
font-size:18px;
}
#guestcont h3 {
font-size:16px;
}
#guestcont h4 {
font-size:14px;
}
#guestcont .cbox {
margin:2vw 0;
}
#guestcont h1,#guestcont h2,#guestcont h3,#guestcont h4,#guestcont h5 {
line-height:1.2;
}
}
.cbox {
margin:30px;
}
.cbox-mslim {
margin:30px;
}
.lrg-cbox {
margin:40px;
}
#CONT {
margin:30px;
}
.box_padding {
padding:20px;
}

@media screen and (max-width:600px) {
#CONT {
margin:20px 15px;
}
.cbox {
margin:20px 15px;
}
.cbox-mslim {
margin:20px 15px;
}
.lrg-cbox {
margin:25px 20px;
}
.box_padding {
padding:15px;
}
}
@media screen and (max-width:400px) {
#CONT {
margin:15px 10px;
}
.cbox {
margin:15px 5px;
}
.cbox-mslim {
margin:15px 0;
}
.lrg-cbox {
margin:20px 10px;
}
.box_padding {
padding:10px;
}
}

.resp_textbox {
box-sizing:border-box;
width:100%;
}
.resp_textbox_200 {
box-sizing:border-box;
width:100%;
max-width:200px;
}
.resp_textbox_300 {
box-sizing:border-box;
width:100%;
max-width:300px;
}
.resp_textbox_400 {
box-sizing:border-box;
width:100%;
max-width:400px;
}
.resp_textbox_500 {
box-sizing:border-box;
width:100%;
max-width:500px;
}
.resp_textbox_600 {
box-sizing:border-box;
width:100%;
max-width:600px;
}

span.nowrap {
display:inline-block;
}
span.nowrapbox {
padding:4px 0;
display:inline-block;
width:auto;
margin-right:5px;
}
span.nowrapbox-s {
padding:2px 0;
display:inline-block;
width:auto;
margin-right:3px;
}

div.listtable_wrap {
overflow:hidden;
overflow-x:auto;
width:100%;
}
div.listtable_wrap > div {
width:100%;
}

table.linelist td {border-bottom:solid 1px #DDD;}
table.linelist th {
background-color:#EEE;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
}
table.linelist td.clickable {
cursor:pointer;
}
table.linelist td.clickable:hover {
background-color:#E3F0FD;
}
td.vartext {
word-break:break-all;
}



#dashboard_body {
padding:30px;
background-color:#EEE;
}
#dashboard_cont {
max-width:1000px;
margin:15px auto;
}
@media screen and (max-width:500px) {
#dashboard_body {
padding:20px 10px;
}
}


div.dashboard-part {
padding:10px 10px 10px 8px;
position:relative;
}
div.dashboard-part .uicon {
width:40px;
height:40px;
float:left;
border-radius:50%;
border:0;
}
div.dashboard-part .cont {
margin-left:48px;
}

div.dashboard-part .dashboard_timeline {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:stretch;
justify-content:flex-start;
width:100%;
margin:10px 0 5px 0;
}
div.dashboard-part .dashboard_timeline > div {
box-sizing:border-box;
}
div.dashboard-part .dashboard_timeline div.dashboard_mytl {
padding-right:10px;
border-right:1px solid #DDD;
width:32.5%;
}
div.dashboard-part .dashboard_timeline div.dashboard_mention {
padding:0 10px;
width:35%;
}
div.dashboard-part .dashboard_timeline div.dashboard_dm {
padding-left:10px;
border-left:1px solid #DDD;
width:32.5%;
}

@media screen and (max-width:850px) {
div.dashboard-part {
padding:6px;
}
div.dashboard-part .dashboard_timeline div.dashboard_mytl {
padding:0;
border:none;
width:100%;
}
div.dashboard-part .dashboard_timeline div.dashboard_mention {
padding:0;
width:100%;
}
div.dashboard-part .dashboard_timeline div.dashboard_dm {
padding:0;
border:none;
width:100%;
}
}
@media screen and (max-width:900px) {
div.dashboard-part .uicon {
width:30px;
height:30px;
}
div.dashboard-part .cont {
margin-left:36px;
}
}