@charset "UTF-8";
/*
==デフォルト
==Default
*/
html,body,div,p,table,tr,td,h1,h2,h3,ul,li,iframe,textarea,button,label,form,input,noscript{margin:0;padding:0;border:0;box-sizing:border-box;border-collapse:collapse;outline:0;list-style:none;background-color:inherit;color:rgb(50,50,50);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;font-weight:normal;line-height:1;letter-spacing:0.01em;-webkit-text-size-adjust:100%;}
html,body,div,p,table,ul,li{background-color:rgb(248,248,248);}
a:link,a:visited{color:rgb(0,0,149);text-decoration:underline;}
a:hover,a:active{color:rgb(153,0,0);text-decoration:underline;}
/*
==カレンダー
==Calendar
*/
div#calendar{margin-top:56px;padding:0 16px 0 16px;}
div#calendar > div{width:100%;margin:0 0 8px 0;}
div#calendar > div > div{display:inline-block;width:40%;font-size:4vw;font-weight:bold;text-align:center;letter-spacing:0.08em;}
div#calendar > div > div > span{font-size:3vw;}
div#calendar > div > div > a:link:not(a:hover){color:rgb(50,50,50);text-decoration:none;}
div#calendar > div > a{display:inline-block;width:15%;font-size:3vw;font-weight:bold;letter-spacing:0.02em;}
div#calendar > div > a:nth-of-type(3){text-align:right;}
div#calendar > div > a:nth-of-type(4){text-align:right;}
div#calendar ul{display:block;width:100%;box-sizing:border-box;border-collapse:collapse;margin:0;padding:0;border:0;box-shadow:0 1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);background-color:rgb(254,254,254);font-size:0;}
div#calendar li{display:inline-block;width:calc(100% / 7);height:auto;aspect-ratio:16 / 9;box-sizing:border-box;border-collapse:collapse;margin:0;padding:0;border-top:solid 1px #d4d4d4;border-right:solid 1px #d4d4d4;background-color:inherit;color:inherit;font-size:4vw;font-weight:bold;line-height:8vw;text-align:center;user-select:none;}
div#calendar li:nth-of-type(-n+7){border-top:0;}
div#calendar li:nth-of-type(7n){border-right:0;}
div#calendar li:nth-of-type(1){background-color:rgb(200,20,24);color:rgb(254,254,254);}
div#calendar li:nth-of-type(n+2):nth-of-type(-n+6){background-color:rgb(50,50,50);color:rgb(254,254,254);}
div#calendar li:nth-of-type(7){background-color:rgb(20,95,138);color:rgb(254,254,254);}
div#calendar li:nth-of-type(7n+1):not(li:nth-of-type(1)){color:rgb(200,20,24);}
div#calendar li:nth-of-type(7n+7):not(li:nth-of-type(7)){color:rgb(20,95,138);}
@media screen and (min-width:512px){
div#calendar{width:512px;margin:56px auto;padding:0 16px 0 16px;}
div#calendar > div > div{font-size:calc(512px / 100 * 4);}
div#calendar > div > div span{font-size:calc(512px / 100 * 3);}
div#calendar > div > a{font-size:calc(512px / 100 * 3);}
div#calendar li{font-size:calc(512px / 100 * 4);line-height:calc(512px / 100 * 8);}
}
@media screen and (max-width:300px){
div#calendar{width:300px;margin:0 auto;padding:0 16px 0 16px;}
}
/*
==ソースコード
==Source Code
*/
div#source{margin:56px auto 0 auto;padding:0 16px 0 16px;}
div#source div:nth-of-type(2){margin:16px 0 0 0;}
div#source p{margin:56px 0 16px 0;text-align:center;}
div#source p a:link:not(a:hover){color:rgb(50,50,50);text-decoration:none;}
@media screen and (min-width:512px){
div#source{width:512px;margin:56px auto 0 auto;padding:0 16px 0 16px;}
}
/*
==JavaScriptが無効の場合の表示
==JavaScript is Disabled
*/
div#noscript{display:block;margin:16px;padding:16px 16px 15px 16px;border:solid 1px #d4d4d4;box-shadow:0 1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);background-color:rgb(254,254,254);font-weight:800;}
div#noscript::after{content:"JavaScriptを利用してツールの読込と出力を行うため、\AJavaScriptが無効の状態では作動しません。\Aお手数ですが、JavaScriptを有効にした上で、再度アクセスして下さい。";display:block;margin-top:7px;padding-top:8px;border-top:solid 1px #d4d4d4;font-weight:400;line-height:1.6;white-space:pre-wrap;}
div#noscript + div{display:block;margin:16px;padding:16px 16px 15px 16px;border:solid 1px #d4d4d4;box-shadow:0 1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);background-color:rgb(254,254,254);font-weight:800;}
div#noscript + div::after{content:"Please enable JavaScript and reload the page.";display:block;margin-top:7px;padding-top:8px;border-top:solid 1px #d4d4d4;font-weight:400;line-height:1.6;white-space:pre-wrap;}