@charset "UTF-8";


h1 { float: left; width: 100%; font-size: 31px; text-shadow: 1px 1px 1px #f6f5f3; line-height: 1; text-align: center; margin-top: 90px; }
h1 span { float: left; display: flex; justify-content: center; width: 100%; font-size: 18px; text-align: center; }
h1 span::before, h1 span::after { width: 2px; height: 18px; background-color: #5e9e90; content: ''; }
h1 span::before { transform: rotate(-35deg); margin-right: 15px; }
h1 span::after { transform: rotate(35deg); margin-left: 15px; }

#text p:nth-of-type(1) { text-align: center; margin-top: -130px; }
#text p:nth-of-type(1) img { float: none; width: 75px; border-radius: 50%; margin: 0 auto; }
#text p:nth-of-type(2) { font-size: 11px; text-align: center; text-shadow: 1px 1px 1px #f6f5f3; margin: 3px 0 5px 0; }
#text p.memo { text-align: left; padding: 0 1.5%; margin-top: 6px; }
#text div { width: 98%; font-size: 13px; border: #5e9e90 2px dotted; border-radius: 4px; background: linear-gradient(rgba(246,245,243,0),rgba(246,245,243,1)); padding: 11px 8px 8px 11px; margin: 2px 1% 8px 1%; overflow: auto; }
#text div h3 { float: left; font-size: 12px; color: #534f43; margin: -1px 4px 0 0; }
#text div p, #text div p:nth-of-type(2) { font-size: 12px; }
#text div p:nth-of-type(1), #text.search div p:nth-of-type(1) { float: none; width: auto; text-align: left; border-bottom: #5e9e90 1px dotted; padding-bottom: 8px; margin: 0 0 5px 0; }
#text.search div p:nth-of-type(1) { border-bottom: 0; padding-bottom: 0; margin: 0; }
#text div h4 { float: left; width: 100%; font-size: 14px; margin: 5px 0 1px 0; }
#text div h4::before { content: "◆"; font-size: 12px; color: #5e9e90; padding-right: 3px; }
#text div p:nth-of-type(2) { text-align: left; text-shadow: none; margin: 0; }

#text.search { background-image: repeating-linear-gradient(310deg, #ebe8e4, #ebe8e4 3px, #f6f5f3 3px, #f6f5f3 6px); }
#text.search p:nth-of-type(1) { margin-top: -100px; }
#text.search p:nth-of-type(1) img { width: 78px; }
#text.search p:nth-of-type(2) { font-size: 28px; color: #5e9e90; line-height: 1; text-shadow: 2px 1px 1px #fff; margin-top: 3px; }

#site p { font-size: 12px; text-align: left; padding:  0px 1.2% 5px 1.5%; }
#site p a { text-decoration: underline; }

.box { width: 98%; font-size: 13.5px; font-weight: bold; background: #fff; border: #d8d3ce 1px solid; border-top: #5e9e90 3px solid; margin: 0 1% 10px 1%; overflow: auto; }

.box_name { background: linear-gradient(#fff, #e9f0ed); padding: 8px 6px 6px 8px; }
.box_name a { text-decoration: underline; }
.box_name h3 { font-size: 14px; color: #5e9e90; }
.box_name h3 span { color: #534f43; font-weight: normal; }
.box_name h3 span::before { content: "→ "; }
.box_name p:nth-of-type(1) { font-size: 15px; color: #c75050; line-height: 1; margin: 5px 0 3px 0; }
.box_name p:nth-of-type(1) span { float: left; font-size: 12px; background: url('/img/c.svg')no-repeat; background-position: left 5px top 1px; background-size: 12px auto; border: solid 1px #c75050; padding: 1px 5px 0 20px; margin-right: 5px; }
.box_name p:nth-of-type(2) { font-size: 21px; }

.box_more div img { width: 25%; margin: 1px 0; }
.box_more ul { width: 51%; margin: 2px 0; }
.box_more li { width: 49%; font-size: 13px; color: #8b806e; text-align: center; border: 1px solid #d8d3ce; border-radius: 4px; padding: 3px 0 3px 0; margin: 0 0.5% 2px 0.5%; }
.box_more li.ng, .box_more li:nth-child(-n+2).ng { color: #fff; background: #ebe8e4; border: 1px solid #ebe8e4; }
.box_more li:nth-child(-n+2) { background: #fff7e5; border: 1px solid #ebe5d9; }

table { width: 49%; border-collapse: separate; border-spacing: 0; margin: 1px 0; }
table th { width: 25%; font-size: 12px; color: #8b806e; font-weight: normal; border-bottom: 1px dotted #d8d3ce; border-right: 1px dotted #d8d3ce; background: #f7f3ee; padding: 5px 0 5px 0; }
table td { width: 75%; font-size: 14px; border-bottom: 1px dotted #d8d3ce; padding: 4px 0 3px 10px; }

.box_search li { position: relative; width: 50%; font-size: 13px; color: #8b806e; border-top: 1px solid #cee0d7; padding: 2px 0 3px 8px; }
.box_search li:nth-child(odd) { border-right: 1px solid #cee0d7; }
.box_search li.ok::before { content: "◎"; color: #8b806e; padding-right: 2px; }
.box_search li.ng::before { content: "×"; color: #fff; padding-right: 2px; }
.box_search li.ng { color: #fff; background: #e9f0ed; }