@charset "utf-8";
/* ================================================================================
リセットCSS（destyle.css）
================================================================================ */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

/* ================================================================================
フォント設定
================================================================================ */

/* 基本 */
html, h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td { font-family:"Noto Sans JP", sans-serif; font-optical-sizing:auto; font-style:normal; font-weight:500; text-rendering:optimizeLegibility; line-height:1.8; }
@-moz-document url-prefix() { html, h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td { font-weight:400; } }

/* fontfamily */
.stick { font-family:"Stick", sans-serif; }
.marupop { font-family:"Chilanka", cursive; font-weight:400; }
#top_title{font-size: 38px;margin-top: 14px;}

/* 基本フォントサイズ */
html { font-size:10px; }

/* フォントサイズ */
h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td { font-size:1.6rem; }



/* ================================================================================
色設定
================================================================================ */

/* 全体 */
html { background-color:transparent; color:inherit;  }

/* ドラッグ背景色 */
::selection { background-color:#333; color:#fff; }

/* スクロールバー */
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { background-image:linear-gradient( #555, #555 ); }
@-moz-document url-prefix() { html { scrollbar-color:#555 transparent; } } /* FireFox */

/* リンク */
a:link, a:visited { color:inherit; } 
a:active, a:hover { color:inherit; } 
a.a_blue:link, a.a_blue:visited { color:#00f; } 
a.a_blue:active, a.a_blue:hover { color:inherit; } 

/* ================================================================================
汎用設定
================================================================================ */

/* 全体 */
html { box-sizing:border-box; overflow-x:hidden; height:100%; max-width:100%; width:100%; }
body { overflow-x:hidden; height:100%; max-width:100%; width:100%;  }

/* スクロールバー */
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-thumb { border-radius:6px; }
@-moz-document url-prefix() { html { scrollbar-width:thin; } }

/* リンク */
a, a:link, a:visited, a:active, a:hover { text-decoration:none; transition:.3s; } 
a.a_under, a.a_under:link, a.a_under:visited, a.a_under:active, a.a_under:hover { text-decoration:underline; } 
a.opacity:link, a.opacity:visited { opacity:1; }
a.opacity:active, a.opacity:hover { opacity:.5; }

/* 文字 */
strong, .b { font-weight:600; }

/* 文字配置 */
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }

/* 画像 */
img { height:auto; max-width:100%; width:auto; }

/* 縦幅 */
div.table { display:table; width:100%; }
div.table div.tcell { display:table-cell; height:100%; width:100%; vertical-align:middle; }

/* フッタ最下層 */
div.site { display:flex; flex-direction:column; min-height:100vh; }
footer { margin-top:auto; }