@charset "UTF-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}   @font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 100;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 200;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
} @media all and (-ms-high-contrast: none) {
body {
font-family: Verdana, Meiryo, sans-serif;
}
}
html {
font-size: 62.5%;
}
body {
-webkit-text-size-adjust: 100%;
font-size: 10px;
font-size: 1rem;
line-height: 1.50;
background: url(//lifesafetydb.com/wp/wp-content/themes/lsdb/images/bg-body.png) repeat-x left top;
color: #212121;
}
ruby rt {
font-size: 9px;
font-size: 0.9rem;
font-weight: normal;
line-height: 1.2;
}
.jiken ruby rt {
color: #990000;
font-weight: bold;
}
section h1 ruby rt {
font-weight: bold;
}
section h2 ruby rt {
font-weight: bold;
}
#wrapper {
width: 980px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
a img:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
header {
-webkit-order: 1;
order: 1;
-webkit-flex-basis: 100%;
flex-basis: 100%;
position: relative;
padding-bottom: 26px;
}
header h1, header .siteTile {
margin-top: 23px;
float: left;
}
header h1 img, header .siteTile img {
width: 367px;
height: 82px;
}
header h1 a:hover, header .siteTile a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: 0.75;
}
header p {
font-weight: bold;
margin: 24px 5px 0 0;
float: right;
font-size: 18px;
font-size: 1.8rem;
}
header #search-2 {
position: absolute;
top: 60px;
left: 620px;
}
header .search-field {
width: 300px;
padding: 2px;
height: 28px;
}
#leftside {
-webkit-order: 2;
order: 2;
-webkit-flex-basis: 200px;
flex-basis: 200px;
}
#leftside h2.widget-title, #leftside #rightside .hl1, #rightside #leftside .hl1 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #0068b7;
text-align: center;
padding: 10px 0;
border-top: 1px #0068b7 solid;
}
#leftside .mainMenu li {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
background-color: #0068b7;
border: solid 1px #0068b7;
}
#leftside .mainMenu li.subM {
background-color: #dae9f4;
margin-top: -1px;
text-align: left;
}
#leftside .mainMenu li.subM a {
color: #0068b7;
padding: 12px 0 12px 20px;
width: 178px;
}
#leftside .mainMenu li a {
padding: 12px 0;
width: 198px;
display: block;
color: #FFF;
text-decoration: none;
}
#leftside .mainMenu li a:hover {
text-decoration: underline;
}
#leftside section {
margin-bottom: 35px;
text-align: center;
}
#leftside section .screen-reader-text {
display: none;
}
#content {
margin: 0 10px;
-webkit-order: 3;
order: 3;
-webkit-flex-basis: 460px;
flex-basis: 460px;
flex-grow: 1; }
#content .catHl {
color: #FFF;
font-size: 24px;
font-size: 2.4rem;
text-align: center;
background-color: #0068b7;
padding: 10px;
margin-bottom: 20px;
font-weight: bold;
}
#content .breadcrumbs {
font-size: 12px;
font-size: 1.2rem;
border-top: 1px solid #cccccc;
padding-top: 5px;
margin-bottom: 5px;
}
#content .breadcrumbs.mgb {
margin-bottom: 10px;
}
#content .newUpDate {
font-size: 13px;
font-size: 1.3rem;
background-color: #0068b7;
color: #FFF;
padding: 2px 10px;
margin-bottom: 20px;
}
#content article {
margin-bottom: 40px;
}
#content article.mgb {
margin-bottom: 10px;
}
#content article section {
border: 1px solid #cccccc;
padding: 10px;
margin-top: -1px;
}
#content article section h1, #content article section h2 {
color: #e60012;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
}
#content article section h1 a, #content article section h2 a {
color: #e60012;
}
#content article section h1 a:visited, #content article section h2 a:visited {
color: #84caff;
}
#content article section h1 a:hover, #content article section h1 a:focus, #content article section h2 a:hover, #content article section h2 a:focus {
color: #ff9aa1;
text-decoration: none;
}
#content article section h1 span, #content article section h2 span {
color: #fbbc05;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
padding-right: 10px;
}
#content article section .kankatsu {
color: #222;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
border-top: 1px solid #cccccc;
padding-top: 5px;
margin: 5px 0 10px;
text-align: right;
}
#content article section .jiken {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.70;
margin-bottom: 20px;
}
#content article section .jiken strong {
font-weight: normal;
background: url(//lifesafetydb.com/wp/wp-content/themes/lsdb/images/bg-text.png) left bottom repeat-x;
}
#content article section .detail {
font-size: 12px;
font-size: 1.2rem;
background-color: #f7fbf0;
padding: 10px 15px;
margin-bottom: 5px;
font-weight: bold;
}
#content article section .detail a {
margin: 0 5px;
}
#content article section .detail em {
font-style: normal;
}
#content article section .detail em.c1 {
color: #007130;
}
#content article section .detail em.c2 {
color: #e60012;
}
#content article section .detail em.c3 {
color: #ff828a;
}
#content article section .more, #content article section .update {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.0;
}
#content article section .update {
text-align: right;
}
#content .prev {
font-size: 13px;
font-size: 1.3rem;
margin-left: 10px;
float: left;
width: 40%;
}
#content .next {
font-size: 13px;
font-size: 1.3rem;
margin-right: 10px;
float: right;
text-align: right;
width: 40%;
}
#content .kanrenHl, #content .taisakuHl {
font-size: 16px;
font-size: 1.6rem;
padding: 25px 0 0 10px;
margin-bottom: 15px;
border-bottom: 2px solid #0068b7;
clear: both;
}
#content .kanrenKiji, #content .taisaku {
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 25px;
}
#content .kanrenKiji li, #content .taisaku li {
padding: 0 20px 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #CCC;
}
#content .etcNews {
overflow: hidden;
}
#content .etcNews dt {
float: left;
margin-right: 10px;
clear: left;
}
#content .etcNews dt img {
width: 100px;
height: auto;
}
#content .etcNews dd {
float: left;
font-size: 14px;
font-size: 1.4rem;
}
#content .etcNews a {
display: block;
overflow: hidden;
padding-bottom: 8px;
margin-top: 8px;
border-bottom: 1px dotted #CCC;
}
#content .etcNews a dd {
text-decoration: underline;
}
#content .etcNews a dd:hover {
text-decoration: none;
}
#content .taisaku li a {
background: url(//lifesafetydb.com/wp/wp-content/themes/lsdb/images/bg-link2.png) left 2px no-repeat;
padding-left: 15px;
}
#content .pageContent {
border: 1px solid #cccccc;
padding: 10px;
}
#content .pageContent h2 {
font-size: 18px;
font-size: 1.8rem;
padding: 0 10px 5px;
border-bottom: 1px solid #0068b7;
color: #0068b7;
font-weight: bold;
margin-bottom: 24px;
}
#content .pageContent h3 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin: 0 10px 16px;
}
#content .pageContent p, #content .pageContent ul {
font-size: 14px;
font-size: 1.4rem;
margin: 0 10px 16px;
}
#content .pageContent ul {
list-style: disc outside;
margin-left: 28px;
}
#content .pageContent ul li {
margin-bottom: 5px;
}
#content a {
color: #0068b7;
text-decoration: underline;
}
#content a:hover, #content a:focus {
color: #38a9ff;
text-decoration: none;
}
#content .hiragana, #content .modosu {
width: 90%;
margin: 25px auto 15px;
display: block;
height: 40px;
}
#content .modosu {
width: 40%;
margin: 0 auto 15px;
height: 24px;
}
#rightside {
-webkit-order: 4;
order: 4;
-webkit-flex-basis: 300px;
flex-basis: 300px;
}
#rightside h2.widget-title, #rightside .hl1 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #0068b7;
text-align: center;
padding: 10px 0;
border-top: 1px #0068b7 solid;
}
#rightside .hiragana, #rightside .modosu {
width: 90%;
margin: 0 auto 15px;
display: block;
height: 40px;
}
#rightside .modosu {
width: 40%;
height: 24px;
}
#rightside table {
font-size: 14px;
font-size: 1.4rem;
color: #0068b7;
width: 100%;
border-collapse: collapse;
border: solid 1px #0068b7;
margin-bottom: 35px;
}
#rightside table caption {
text-align: center;
font-weight: bold;
line-height: 1.6923076923;
}
#rightside table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
#rightside table th, #rightside table td {
border: 1px solid #0068b7;
line-height: 2.6923076923;
padding: 0;
text-align: center;
}
#rightside table thead {
background-color: #eaf6ff;
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
#rightside table tfoot {
background-color: #eaf6ff;
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}
#rightside table tfoot a {
color: #0068b7;
text-decoration: underline;
}
#rightside table tfoot a:hover, #rightside table tfoot a:focus {
color: #38a9ff;
text-decoration: none;
}
#rightside table tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
#rightside table tbody a {
background-color: #0593ff;
color: #fff;
display: block;
font-weight: bold;
text-decoration: none;
}
#rightside table tbody a:hover, #rightside table tbody a:focus {
background-color: #dae9f4;
color: #0068b7;
}
#rightside .information, #rightside .link, #rightside .newList {
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 35px;
padding: 9px;
border: 1px solid #0068b7;
}
#rightside .information a, #rightside .link a, #rightside .newList a {
color: #0068b7;
text-decoration: underline;
}
#rightside .information a:hover, #rightside .link a:hover, #rightside .newList a:hover, #rightside .information a:focus, #rightside .link a:focus, #rightside .newList a:focus {
color: #38a9ff;
text-decoration: none;
}
#rightside .information dt, #rightside .link dt, #rightside .newList dt {
margin-bottom: 5px;
}
#rightside .information dd, #rightside .link dd, #rightside .newList dd {
border-bottom: 1px dotted #333333;
margin-bottom: 5px;
padding: 0 10px 5px;
}
#rightside .information dd:last-child, #rightside .link dd:last-child, #rightside .newList dd:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
#rightside .link a {
padding-right: 16px;
background: url(//lifesafetydb.com/wp/wp-content/themes/lsdb/images/bg-link.png) right center no-repeat;
}
#rightside .newList li {
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
margin-bottom: 5px;
list-style: disc outside;
margin-left: 18px;
}
#rightside .newList li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
footer {
-webkit-order: 5;
order: 5;
-webkit-flex-basis: 100%;
flex-basis: 100%;
font-size: 11px;
font-size: 1.1rem;
padding: 0 0 25px;
overflow: hidden;
}
footer a {
color: #0068b7;
text-decoration: underline;
}
footer a:hover, footer a:focus {
color: #38a9ff;
text-decoration: none;
}
footer .warning {
float: left;
width: 670px;
margin-bottom: 20px;
line-height: 2.10;
}
footer .copyright {
font-size: 12px;
font-size: 1.2rem;
clear: both;
text-align: center;
}
footer ul {
float: right;
width: 300px;
}
footer ul li {
float: right;
margin-left: 5px;
}
footer .goTop {
font-size: 13px;
font-size: 1.3rem;
border-bottom: 1px solid #0068b7;
margin: 30px 0 10px;
padding-bottom: 25px;
text-align: center;
} #mw_wp_form_mw-wp-form-37 {
width: 95%;
margin: 0 auto;
}
.InputAddOn {
font-size: 14px;
font-size: 1.4rem;
display: -webkit-flex;
display: flex;
margin-bottom: 24px;
}
.InputAddOn-field {
-webkit-flex: 1;
flex: 1; border: 1px solid rgba(147, 128, 108, 0.25);
padding: 8px 12px;
}
.InputAddOn-field:not(:first-child) {
border-left: 0;
}
.InputAddOn-field:first-child {
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px;
border-radius: 2px 0 0 2px;
}
.InputAddOn-field:last-child {
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0;
border-radius: 0 2px 2px 0;
}
.InputAddOn-item {
background-color: rgba(147, 128, 108, 0.1);
color: #666666;
font-weight: normal;
border: 1px solid rgba(147, 128, 108, 0.25);
padding: 8px 12px;
}
.InputAddOn-item:first-child {
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px;
border-radius: 2px 0 0 2px;
}
.InputAddOn-item:last-child {
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0;
border-radius: 0 2px 2px 0;
} .wp-pagenavi {
font-size: 16px;
font-size: 1.6rem;
clear: both;
width: 100%;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 4px 10px;
margin: 2px;
}
.wp-pagenavi a:hover {
border-color: #000;
}
.wp-pagenavi span.current {
border-color: #000;
font-weight: bold;
} @media screen and (max-width: 768px) {
#wrapper {
max-width: 100%;
}
header h1, header .siteTile {
margin-top: 23px;
float: none;
text-align: center;
}
header p {
margin: 10px 0 20px;
float: none;
text-align: center;
}
header #search-2 {
position: static;
text-align: center;
}
header .search-field {
width: 80%;
padding: 2px;
height: 36px;
}
#leftside {
margin-left: 10px;
}
#rightside {
-webkit-flex-basis: 100%;
flex-basis: 100%;
padding: 25px 10px 0;
}
footer {
padding: 0 10px 20px;
}
footer .warning {
float: none;
width: 100%;
margin-bottom: 20px;
line-height: 2.10;
}
footer ul {
float: none;
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}
footer ul li {
float: right;
}
}
@media screen and (max-width: 640px) {
#wrapper {
max-width: 100%;
}
header h1, header .siteTile {
margin-top: 23px;
float: none;
text-align: center;
}
header h1 img, header .siteTile img {
max-width: 80%;
height: auto;
}
header p {
margin: 10px 20px 20px;
float: none;
text-align: left;
}
header #search-2 {
position: static;
text-align: center;
}
header .search-field {
width: 80%;
padding: 2px;
height: 36px;
}
#leftside {
-webkit-order: 3;
order: 3;
-webkit-flex-basis: 100%;
flex-basis: 100%;
margin-right: 10px;
padding: 25px 0px 0;
}
#leftside .mainMenu li {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
background-color: #0068b7;
border: solid 1px #0068b7;
}
#leftside .mainMenu li.subM {
background-color: #dae9f4;
margin-top: -1px;
text-align: left;
}
#leftside .mainMenu li.subM a {
color: #0068b7;
padding: 12px 0 12px 20px;
width: 94%;
}
#leftside .mainMenu li a {
padding: 12px 0;
width: 100%;
display: block;
color: #FFF;
text-decoration: none;
}
#leftside .mainMenu li a:hover {
text-decoration: underline;
}
#content {
-webkit-order: 2;
order: 2;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
#content .catHl {
font-size: 20px;
font-size: 2rem;
text-align: left;
}
#rightside {
-webkit-flex-basis: 100%;
flex-basis: 100%;
padding: 25px 10px 0;
}
}
.mgt0 {
margin-top: 0 !important;
}
.mgt10 {
margin-top: 10px !important;
}
.mgt15 {
margin-top: 15px !important;
}
.mgt20 {
margin-top: 20px !important;
}
.mgt30 {
margin-top: 30px !important;
}
.mgl15 {
margin-left: 15px !important;
}
.mgr0 {
margin-right: 0 !important;
}
.mgr16 {
margin-right: 16px !important;
}
.mgb5 {
margin-bottom: 5px !important;
}
.mgb10 {
margin-bottom: 10px !important;
}
.mgb15 {
margin-bottom: 15px !important;
}
.mgb25 {
margin-bottom: 25px !important;
}
.mgb30 {
margin-bottom: 30px !important;
}
.mgb40 {
margin-bottom: 40px !important;
}
.mgb60 {
margin-bottom: 60px !important;
}
.mgb80 {
margin-bottom: 80px !important;
}
.pdb0 {
padding-bottom: 0 !important;
}
.aligncenter {
text-align: center !important;
}
.alignleft {
float: left !important;
}
.alignright {
float: right !important;
}
.floatleft {
float: left !important;
}
.floatright {
float: right !important;
}
.floatclear {
clear: both !important;
}
.pos_rtv {
position: relative !important;
}
.mg-b-1 {
margin-bottom: 1rem !important;
}
.mg-b-2 {
margin-bottom: 2rem !important;
}