@charset "UTF-8";
/*
==基本 色
[白]background-color:rgb(254,254,254);
[薄]background-color:rgb(253,254,255);[g]
[濃]background-color:rgb(249,249,249);
[細]color:rgb(32,33,36);
[太]color:rgb(33,37,41);[g]
[薄]color:rgb(128,132,144);
==基本 リンク色
background-color:rgb(229,243,255);
color:rgb(0,0,43);
color:rgb(0,0,120);
color:rgb(153,0,0);
==基本 文字
font-size:16.2px;line-height:1;letter-spacing:0.01em;
[小]font-size:calc(16.2px * 0.9);line-height:1;
[h1]font-size:calc(16.2px * 1.6);line-height:1.6;letter-spacing:0.02em;
==グラデーション
background:linear-gradient(180deg,rgb(245,246,247) 0%,rgb(240,241,242) 100%);
==枠線
[薄]border:solid 1px rgb(220,222,226); --hover--> solid 1px rgb(177,177,177);
[濃]border:solid 1px rgb(191,194,202);
==枠影
box-shadow:0 1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);
box-shadow:0 0 4px 0 rgb(206,206,206), 0 0 0 0.5px rgb(216,216,216);
box-shadow:0 1px 0 rgb(206,206,206); --hover--> 0 0 1px 2px rgb(206,206,206);
==角丸
border-radius:2px;
==重要
title,h1(タイトル),h2(小見出し)
*/

/*
==デフォルトCSS
*/
html,body,div,p,h1,h2,h3,ul,ol,li{margin:0;padding:0;border:0;border-collapse:collapse;outline:0;list-style:none;background-color:rgb(254,254,254);color:rgb(32,33,36);vertical-align:baseline;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Arial,sans-serif;font-size:16.2px;line-height:1;letter-spacing:0.01em;-webkit-text-size-adjust:100%;}

body{background-color:rgb(253,254,255);}
form,input,button{margin:0;padding:0;border:0;border-radius:0;outline:0;background-color:rgb(254,254,254);color:rgb(32,33,36);vertical-align:baseline;font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Arial,sans-serif;font-size:16.2px;line-height:1;letter-spacing:0;-webkit-text-size-adjust:100%;appearance:none;-webkit-appearance:none;}

a:link,a:visited{color:rgb(0,0,45);text-decoration:underline;}
a:hover,a:active{color:rgb(153,0,0);text-decoration:underline;} img{max-width:100%;height:auto;}
img.border{box-shadow:0 1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);}
/*
==上に戻る
*/
div#menuicon a{z-index:1;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;box-shadow:0 3px 3px 0 rgb(0,0,0,.20);background-color:rgb(48,48,48);opacity:0.8;} div#menuicon a:hover{box-shadow:0 4px 4px 0 rgb(0,0,0,.30);opacity:1.0;} div#menuicon img{width:20px;height:20px;margin:18px;} @media screen and (max-width:660px){div#menuicon a{bottom:16px;right:16px;}}
/*
==一番上のメニューバー
*/
#navi{position:relative;width:100%;height:52px;box-shadow:0 1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);background-color:rgb(255,255,255);} #navi::before{content:"";display:inline-block;width:100%;height:100%;background-image:url("data:image/png;base64,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");background-position:left 16px bottom 13px;background-repeat:no-repeat;background-size:70px 25px;} #navi a{position:absolute;display:inline-block;right:16px;bottom:12px;padding:4px 8px 4px 8px;border:solid 1px rgb(220,222,226);border-radius:4px;box-shadow:0 1px 0 rgb(206,206,206);background-color:rgb(249,249,249);color:rgb(32,33,36);font-size:calc(16.2px * 0.9);line-height:1;text-decoration:none;} #navi a::after{content:"";display:inline-block;margin:0;padding:0;width:17px;height:17px;margin:0 0 0 4px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAABWSURBVEhLY/wPBAw0BIwlJSX/N27cCOVCgL+/P0N3dzeYraamBqbJASBzmKBsmoFRCwgCmltA82RKex+M5gNCYNQCgmA0H+AFo/mAKDD0LaBxPmBgAAD7KikrNf656QAAAABJRU5ErkJggg==");background-position:right bottom;background-repeat:no-repeat;background-size:17px 17px;vertical-align:bottom;} #navi a:hover{border:solid 1px rgb(177,177,177);box-shadow:0 0 1px 2px rgb(206,206,206);}
/*
==タイトル・説明
*/
#header{padding:24px 16px 24px 16px;background-color:rgb(253,254,255);} #siteinfo1,#siteinfo2{background-color:inherit;} #siteinfo1 h1{display:inline;background-color:inherit;font-size:calc(16.2px * 1.6);font-weight:bold;line-height:1.6;letter-spacing:0.02em;} #siteinfo1 a{color:rgb(33,37,41);text-decoration:none;} #siteinfo1 a:hover{text-decoration:underline;} #siteinfo1 h2{display:inline;background-color:inherit;font-size:16.2px;font-weight:bold;line-height:1.6;letter-spacing:0.02em;} #siteinfo1 h2::before{content:"  -  ";white-space:pre;} #siteinfo2{margin:calc(16px - (16.2px * 1.6 * 0.6 / 2)) 0 0 0;padding:calc(16px - (16.2px * 0.9 * 0.6 / 2)) 0 0 0;border-top:solid 1px rgb(220,222,226);font-size:16.2px;line-height:1.6;} a.pageTag{display:inline-block;margin:calc(16.2px * 1.6 / 2) 8px 0 0;padding:4px 8px 2px 8px;border:solid 1px rgb(220,222,226);border-radius:4px;background-color:rgb(254,254,254);color:rgb(32,33,36);font-size:calc(16.2px * 0.9);line-height:1;text-decoration:none;} a.pageTag:hover{border:solid 1px rgb(177,177,177);box-shadow:0 0 1px 2px rgb(206,206,206);}
/*
==メインのコンテンツ
*/
#contents{padding:0 0 48px 0;background-color:rgb(253,254,255);} #left{float:left;width:264px;margin-left:16px;box-shadow:0 0 4px 0 rgb(206,206,206), 0 0 0 0.5px rgb(216,216,216);background-color:inherit;} #right{margin-left:296px;margin-right:16px;box-shadow:0 0 4px 0 rgb(206,206,206), 0 0 0 0.5px rgb(216,216,216);background-color:inherit;}
/*
==左側
*/
.leftmenu li{counter-increment:mokuji;}
.leftmenu li a{display:block;padding:20px 16px 20px 16px;border-top:dashed 1px rgb(191,194,202);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;}
.leftmenu li:nth-child(1) a{border-top:0;}
.leftmenu li a::before{content:counter(mokuji,decimal-leading-zero)".\00a0";color:rgb(128,132,144);vertical-align:middle;font-family:serif;font-weight:bold;letter-spacing:0;}
.leftmenu li a:hover{background-color:rgb(229,243,255);}
.leftmenu li a span{display:block;padding:8px 0 0 28px;color:rgb(32,33,36);font-size:small;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:0.87;}




/*
==右側
*/
.rightmenu{padding:10.08px 16px 32px 16px;}
/*
==見出し(大)
*/
h3{
position:relative;margin:0;padding:16px 0 16px 16px;
border-bottom:solid 1px rgb(211,211,211);
border-top:solid 1px rgb(220,222,226);
border-bottom:solid 1px rgb(220,222,226);
background:linear-gradient(180deg,rgb(246,246,246) 0%,rgb(245,245,245) 100%);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
font-size:calc(16.2px * 1.05);font-weight:bold;line-height:1;letter-spacing:0.02em;}

h3:nth-of-type(1){border-top:0;}

/* ul + h3{border-top:solid 1px rgb(211,211,211);} */

/*
==リスト
*/
.rightmenu li{padding:5.42px 0 0 0;line-height:1.6;}/* 16px - 16.2px x 0.6 */
.rightmenu ul li:nth-of-type(1){padding:0;}
li.ten,li.comment,li.annotation{margin-left:1em;text-indent:-1.06em;}
li.comment::before,li.annotation::before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 2px 2px;background-size:contain;}
li.ten::before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 2px 2px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAIAAABLixI0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAB+SURBVEhL7dJBDoQgDEBR738xj4UN/ajFklDBhIUvmWRC279yS227h5nHb3HXxp5Vt9jtw01hWqxEcJldLYZx3J8tnt/SyOwWD2Nmt/g7w9+KWba16rcqv/GcRj5oCZ7juL+3BMMILjPTEqz04aaoW4rdNvYsv6W4s5g9pXQATt0LIKXQsxYAAAAASUVORK5CYII=");background-size:contain;}
li.line{margin:10.84px 0 5.42px 0;padding:0;border-bottom:solid 1px rgb(220,222,226);line-height:0;}




[data-ca1],[data-category1]{position:relative;margin-left:2.3em;}[data-ca1]::before{content:attr(data-ca1)"";position:absolute;left:-2.3em;width:1.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}[data-category1]::before{content:attr(data-category1)"";position:absolute;left:-2.3em;width:1.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}
[data-ca2],[data-category2]{position:relative;margin-left:3.3em;}[data-ca2]::before{content:attr(data-ca2)"";position:absolute;left:-3.3em;width:2.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}[data-category2]::before{content:attr(data-category2)"";position:absolute;left:-3.3em;width:2.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}
[data-ca3],[data-category3]{position:relative;margin-left:4.3em;}[data-ca3]::before{content:attr(data-ca3)"";position:absolute;left:-4.3em;width:3.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}[data-category3]::before{content:attr(data-category3)"";position:absolute;left:-4.3em;width:3.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}
[data-ca4],[data-category4]{position:relative;margin-left:5.3em;}[data-ca4]::before{content:attr(data-ca4)"";position:absolute;left:-5.3em;width:4.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}[data-category4]::before{content:attr(data-category4)"";position:absolute;left:-5.3em;width:4.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}
[data-ca5]{position:relative;margin-left:6.3em;}[data-ca5]::before{content:attr(data-ca5)"";position:absolute;left:-6.3em;width:5.4em;display:inline-block;border-right:solid 0.5em rgb(220,222,226);}




li.url + li.url,li.com + li.com{margin-top:12px;padding-top:8px;border-top:solid 1px rgb(220,222,226);}

li.comment::before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABpSURBVDhPpZJBDsAgCASxf+H/D+IxbbZxk8YgAp2DeNmRbJQTqnrPq8s1Z0gkSQnATpIWAE9SEoBVMk4l7TCzgVnegPDh9gakvQH5JUAPbQFLfI8IryOGQXmDbxiUBGsYpAVeOEX8T0Qe054gZJw63mUAAAAASUVORK5CYII=");}
li.annotation::before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAB8SURBVDhPnZJRDoAwCEN3MA/g/a/gQbBLsRDYPlxDlvZVYmYcZvbcF84skCXEOdjlWmQJ/Q2c0nUCPxcKUsxe0RegUlAdxgJU6hKpuAOzHtJkDhNfiVndjvxfUO4dJ3OYo0tTy7pDXyhF94pxByHFTuBPfz5SiZ2HT5OYvWRJK8dAR/EkAAAAAElFTkSuQmCC");}
/*
==リンク
*/
a.url::after,a.com::after{display:block;margin:4px 0 0 0;color:rgb(37,37,37);font-size:small;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:0.9;}
a.url::after{content:attr(href)"";}
a.com::after{content:attr(data-com)"";line-height:1;}

.rightmenu a:link,li a:visited{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABTSURBVEhL7dO9DgAQEAPg48m9OYY2EYn4PVO/5QyuXTCRawETUsahk7p765rFUTidlWBpFk77JXVhNZz2SiKmGxVMuRf8eKbk+tFoVHIWLvKCWQGGpw4SIu97LgAAAABJRU5ErkJggg==");background-position:left bottom;background-repeat:repeat-x;background-size:3px;text-decoration:none;}
.rightmenu a:hover{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABVSURBVEhL7dNBDgAQDATA5bPe5LUk0kpIBKW3nUsddPcCiJ4FmU0GihwHabp3oy+uwpW1pC3twpWlJJyGq9uSKNMNC7bcC/yfqUzfj6ZWJdZwoh+ACqwXDhK9OAsWAAAAAElFTkSuQmCC");background-position:left bottom;background-repeat:repeat-x;background-size:3px;text-decoration:none;}
/*
==見出し(中)(小)
*/
li.headline-1,li.headline-2,li.headline-3{position:relative;margin:8px 0 0 0;color:rgb(37,37,37);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;line-height:1;}
li + li.headline-1,li + li.headline-2{margin:16px 0 0 0;}

li.headline-1::before{content:"";margin:0 0 0 2px;padding:0 10px 0 0;border-left:solid 4px rgb(191,194,202);}

li.headline-1::after,li.headline-2::after{content:"";display:block;margin:8px 0 8px 0;border-top:solid 1px rgb(220,222,226);}
li.headline-3{margin-top:24px;padding:0 0 0 8px;border-left:solid 8px rgb(220,222,226);line-height:2;}
/*
==追記スペース
*/
ul.add{position:relative;margin:12px 0 12px 0;padding:20px 16px 16px 16px;border:solid 1px rgb(220,222,226);border-radius:4px;box-shadow:0 0 2px 1px rgb(236,236,236);background-color:rgb(249,249,249);color:rgb(32,33,36);line-height:1.6;}
ul.add::before{content:attr(data-title)"";position:absolute;top:-0.45em;left:14px;padding:0 2px 0 2px;background:linear-gradient(transparent 36%, rgb(249,249,249) 0%);color:rgb(37,37,37);font-weight:bold;line-height:1;}
ul.add li{background-color:inherit;color:inherit;font-size:16.2px;}
ul.add.add-pink{border:solid 1px rgb(255,191,216);background:linear-gradient(transparent 36%, rgb(255,244,248) 0%);background-color:rgb(255,244,248);}
ul.add.add-pink li{background:linear-gradient(transparent 36%, rgb(255,244,248) 0%);background-color:rgb(255,244,248);}
/*
==検索フォーム
*/
form#search{display:flex;width:88%;box-sizing:border-box;margin:4px auto;padding:0;border:0;border-radius:4px;box-shadow:0 1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);}form#search:focus{box-shadow:0 0 4px 2px rgb(206,206,206), 0 0 0 1px rgb(216,216,216);}form#search:focus-within{box-shadow:0 0 4px 2px rgb(206,206,206), 0 0 0 1px rgb(216,216,216);}
input#search-i{flex:1 1 auto;width:calc(100% - 80px);box-sizing:border-box;padding:8px;border:solid 1px rgb(44,119,243);border-right:0;border-radius:4px 0 0 4px;outline:0;background-color:rgb(247,247,255);letter-spacing:0.02em;-webkit-appearance:none;}input#search-i::placeholder{color:rgb(90,90,90);}
input#search-b{width:80px;box-sizing:border-box;border:0;padding:8px;border-radius:0 4px 4px 0;outline:0;background-color:rgb(44,119,243);color:rgb(249,249,249);letter-spacing:0.02em;cursor:pointer;-webkit-appearance:none;}input#search-b:hover{background-color:rgb(13,95,232);}
/*
==メールアドレス
*/
div.mail{padding:12px 0 16px 0;line-height:1;}
div.mail b{color:rgb(37,37,37);font-weight:bold;letter-spacing:0;}
div.mail b:nth-child(1){margin:0 8px 0 0;padding:4px 8px 3px 8px;border-radius:4px;background-color:rgb(251,36,36);color:rgb(249,249,249);}
div.mail img{width:calc(1px / 2);height:calc(1px / 2);}
/*
==タグボタン
*/
a.tag{display:inline-block;margin:4px 4px 0 0;padding:8px 4px 6px 4px;border:solid 1px rgb(220,222,226);border-radius:4px;box-shadow:0 1px 0 rgb(206,206,206);background-color:rgb(249,249,249);color:rgb(32,33,36);font-size:16px;line-height:1;text-decoration:none;}
a.tag:hover{border:solid 1px rgb(177,177,177);box-shadow:0 0 1px 2px rgb(206,206,206);background-image:url("");background-color:rgb(246,246,246);}
/*
==リンクボタン
*/
a.link-item{display:inline-block;margin:4px;padding:8px 32px;border:0;border-radius:2px;background:linear-gradient(180deg,rgb(44,119,243) 0%,rgb(44,119,243) 100%);color:rgb(249,249,249);text-decoration:none;letter-spacing:0.04em;}
a.link-item:link,a.link-item:visited{background-image:url("");background:linear-gradient(180deg,rgb(44,119,243) 0%,rgb(44,119,243) 100%);}
a.link-item:hover{background-image:url("");background:linear-gradient(180deg,rgb(13,95,232) 0%,rgb(13,95,232) 100%);}
/*
==ソースコード紹介
*/
ul.code{margin:8px 0 8px 0;border:solid 2px rgb(90,90,90);border-radius:4px;box-shadow:0 0 2px 1px rgb(236,236,236);}
ul.code li{padding:0px 8px 0px 7px;background-color:rgb(37,37,37);color:rgb(249,249,249);white-space:normal;overflow:visible;text-overflow:clip;line-height:2;}
ul.code li::before{content:"　";font-size:1px;}
ul.code li:first-child{padding:0px 8px 0px 7px;border-radius:2px 2px 0 0;}
ul.code li:nth-child(even){background-color:rgb(27,27,27);}
ul.code li:last-child{padding:0px 8px 0px 7px;border-radius:0 0 2px 2px;}
ul.code.white{border:solid 2px rgb(220,222,226);}
ul.code.white li{background-color:rgb(249,249,249);color:rgb(32,33,36);}
ul.code.white li:nth-child(even){background-color:rgb(238,238,238);}
/*
==ブロックリンク
*/
li.moreii a{display:block;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABMSURBVChTYwABBUWV/2AGFsCILPng/h1GKBMOwAL4FME5uBShqMamCEUBCKArwlAAAsiKSDMBrxuwSYIAmIFLEgQIhiQYICtCBQwMANb8LDhGTl1WAAAAAElFTkSuQmCC");background-position:right center;background-repeat:no-repeat;background-size:8px 13px;color:rgb(32,33,36);text-decoration:none;}
li.moreii a:link,li.moreii a:visited,li.moreii a:hover{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABMSURBVChTYwABBUWV/2AGFsCILPng/h1GKBMOwAL4FME5uBShqMamCEUBCKArwlAAAsiKSDMBrxuwSYIAmIFLEgQIhiQYICtCBQwMANb8LDhGTl1WAAAAAElFTkSuQmCC");background-position:right center;background-repeat:no-repeat;background-size:8px 13px;}
li.moreii a:hover{background-color:rgb(229,243,255);}
/*
==base64コード紹介
*/
li.code{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6;}
li.code::before{content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAQCAYAAABgIu2QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAACXSURBVEhL7ZVhCoAgDIWtkxT0p6D7HySo4xQDB2vumZFEwT6Q1N7Wc0xqun7Yww9o4/PzuNHamD26rUucnRmnOc5szZ33BPoOobVJRXPBDNJcxZbkRiQV5WT6RBJLo/fQmkCaHK/1aM4MGZbDwm+9BlWKoGrLYQF71IKTPNFIIyV5mKSi6EQSpLmKLcmN8H99bdxoXUI4ANdCTBCjJAPCAAAAAElFTkSuQmCC");display:block;padding:0 0 4px 0;border-top:solid 1px rgb(220,222,226);line-height:1;}
/*
==ページリンク
*/
#page{padding:0 0 48px 0;background-color:rgb(253,254,255);text-align:center;}#page::before{content:"｜";}#page::after{content:"｜";}
/*
==一番下のメニューバー
*/
#footer{clear:both;margin:4px 0 0 0;box-shadow:0 -1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);}
#contactus a{display:block;padding:16px 0 14px 0;background-color:rgb(249,249,249);color:rgb(32,33,36);text-align:center;text-decoration:none;font-weight:bold;line-height:1.6;letter-spacing:0.04em;}
#contactus a::after{content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABrSURBVDhPpZLRDcAgCESlI7H/DKzUBiMGCGiV94EiHqfGVgE4IOLbswOICOBGKBgxdxvTFL3/GWNndwpfn2JxzRrIuj6dcc4aREJm3lkXIveobpwF7+BzIXTesXT+S0lc+2EcbhqcvFFAax89LTf9agPQHwAAAABJRU5ErkJggg==");display:block;}
#contactus a:hover{background-color:rgb(229,243,255);text-decoration:underline;}
#contactus::after{content:"当サイトへのご意見ご指摘は\A上記ページよりお願いします";display:block;padding:16px 0 16px 0;border-top:dashed 1px rgb(220,222,226);background-color:rgb(249,249,249);color:rgb(32,33,36);text-align:center;white-space:pre;line-height:1.6;letter-spacing:0.04em;}
#goup a{display:block;padding:16px 0 14px 0;background-color:rgb(32,32,32);color:rgb(249,249,249);text-align:center;text-decoration:none;font-weight:bold;line-height:1.6;letter-spacing:0.04em;}
#goup a::after{content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABaSURBVDhP7ZFBCgAgCASti/9/rqcCUSh18wPNIUN31YgQIrLsmhgWL04DMydNSlQTonFaVNCE2KgsIIPn9UAGJ9ZHZ3BOnZISgFb3EpTrdCs/H+1E4/8n1RFt0clnM+tVcNQAAAAASUVORK5CYII=");display:block;padding:4px 0 0 0;}
#goup a:hover{background-color:rgb(16,16,16);color:rgb(249,249,249);text-decoration:underline;}
#sitemap{background-color:rgb(49,49,49);color:rgb(249,249,249);}
#sitemap a{display:block;padding:24px 40px 24px 16px;border-top:solid 1px rgb(90,90,90);background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABKSURBVChTlZBBCgAgCATt6P8f67FYCdFSozmt7SASARGZGhKGL5l57GjoQyfZUEnBzqQggFO6BOClvw3tDVkJNFQleP6k4qUI0QJzADO4X+j26gAAAABJRU5ErkJggg==");background-position:right 16px center;background-repeat:no-repeat;color:rgb(249,249,249);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sitemap a:hover{background-color:rgb(15,15,15);text-decoration:underline;}
#domain{padding:36px 0 36px 0;border-top:solid 1px rgb(90,90,90);background-color:rgb(32,32,32);color:rgb(249,249,249);text-align:center;}
/*
==レスポンシブ
*/
@media screen and (min-width:1298px){#header{width:1248px;margin:0 auto;}#contents{width:1280px;margin:0 auto;}}
@media screen and (max-width:660px) {
html,body,div,p,h1,h2,h3,ul,ol,li{font-size:calc(16.2px * 1.08);}
form,input,button{font-size:calc(16.2px * 1.08);}
h1,h2{display:block;}
h1{display:block;font-size:calc(16.2px * 1.48);}
h2{display:block;font-size:calc(16.2px * 1.08);}
h2::before{content:"";}
#siteinfo2{font-size:calc(16.2px * 1.08);}
#contents{padding:0;}
#left{float:none;width:auto;margin:0;box-shadow:none;}
#menu{padding:0 0 48px 0;}
#right{margin:0;box-shadow:none;}
h3:nth-of-type(1){border-top:solid 1px rgb(220,222,226);}
.leftmenu li a{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABLSURBVChTlZDRCQAgCERtJfefwZWKkxAtNXpfZ/cQiQAzTw0Jw5ciMnY09KGTbKikYGdSEMApXQLw0t+G9oasBBqqEjx/UvFShGgBbDIsy6qFblkAAAAASUVORK5CYII=");background-position:right 16px center;background-repeat:no-repeat;}
.leftmenu li a span{display:block;padding:8px 0 0 29px;color:rgb(32,33,36);font-size:small;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:0.87;}

ul.add li{font-size:calc(16.2px * 1.08);}#page{padding:16px 0 48px 0;background-color:rgb(254,254,254);}}