@charset "utf-8";
/* CSS Document *//* resp */
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/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}

/* ------ 以下 my common ----- */
/*
2025-1時点
ユーザの9割以上はスマホ、シェアが高いのは375px～400くらい
という前提で

横幅960px以上またはhover可能端末はPC的なものを表示
それ以外（960未満でhoverダメなもの）はスマホ・タブレットと見なす

基本的にinnerは max width : 1200px, width : 100% - 20px
各コンテンツ（主要テキスト部）は max width 540px を基準としつつ
文章量が多い場合は960pxもあり

※ちょい古めの端末ではメディアクエリの入れ子が効かないかも
*/

/* support iOS */
html{height:-webkit-fill-available;}body{min-height:100vh;min-height:-webkit-fill-available;}/* 参考；coliss 2021-08-19 */
html{scroll-behavior:smooth;}/* safariは15.4から対応済 */
/* html:focus-within {scroll-behavior:smooth;} *//* ←ページ内検索が重くて困る場合はこちらを使用 */

body {
font-size:16px;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;/* ICSのおすすめ */
overflow-wrap: break-word;
background-color:#444;
}
.unico {font-family: "Segoe UI";}
@font-face {
font-family: 'hamburgsymbolsregular';
src:url('/font/hamburgsymbols-webfont.woff2') format('woff2'),
    url('/font/hamburgsymbols-webfont.woff') format('woff'),
    url('/font/HamburgSymbols.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* HamburgSymbolsの能書き書は /files/HamburgSymbols.pdf */
.afont {font-family: hamburgsymbolsregular;font-size:1.2em;}

img,svg{max-width: 100%;height: auto;vertical-align: top;display: inline-block;}
a {text-decoration: underline;all: revert;}
a, button, .pointer{cursor: pointer;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
@media (any-hover: hover) {a:hover,button:hover {opacity: 0.7;}}
p {line-height:1.6;}
input, select {vertical-align:middle;font-size:16px;}/* 念のため */
/* 表示しないとわけわからないかも */
/* input[type="radio"],input[type="checkbox"]{-webkit-appearance: revert;-moz-appearance: revert;appearance: revert;} */
main {background-color:#f3f3f3;}
.wrap {display: grid;grid-template-rows: auto 1fr auto;min-height:100dvh;}
.inner{width:calc(100% - 20px);max-width:1200px;margin:0 auto;}
hr{margin:1em auto;border-color:#ccc;}
.floatL{float:left;}
.floatR{float:right;}
.clearfix:after {content:"";display:block;clear:both;}
.clearfix:before{content:"";display:block;clear: both;}
.clearfix {display:block;}
.clear{clear: both;}
/* ---- classes ---- */
.red {color:red;}
.white {color:white;}
.blue {color:blue;}
.gray {color:#999999;}
.gold {color:#7c7b3b;}
.yellow {color:yellow;}
.bold {font-weight:bold;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.fsXXS {font-size:70%;}
.fsXS {font-size:80%;}
.fsS {font-size:90%;}
.fsM {font-size:100%;}
.fsL {font-size:120%;}
.fsXL {font-size:140%;}
.fsXXL {font-size:160%;}
.nodisp {display:none;}
.inline{display:inline;}

.mt01 { margin-top:1px !important; }
.mt02 { margin-top:2px !important; }
.mt03 { margin-top:3px !important; }
.mt04 { margin-top:4px !important; }
.mt05 { margin-top:5px !important; }
.mt06 { margin-top:6px !important; }
.mt07 { margin-top:7px !important; }
.mt08 { margin-top:8px !important; }
.mt09 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; }
.mt11 { margin-top:11px !important; }
.mt12 { margin-top:12px !important; }
.mt13 { margin-top:13px !important; }
.mt14 { margin-top:14px !important; }
.mt15 { margin-top:15px !important; }
.mt16 { margin-top:16px !important; }
.mt17 { margin-top:17px !important; }
.mt18 { margin-top:18px !important; }
.mt19 { margin-top:19px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }

.mb01 { margin-bottom:1px !important; }
.mb02 { margin-bottom:2px !important; }
.mb03 { margin-bottom:3px !important; }
.mb04 { margin-bottom:4px !important; }
.mb05 { margin-bottom:5px !important; }
.mb06 { margin-bottom:6px !important; }
.mb07 { margin-bottom:7px !important; }
.mb08 { margin-bottom:8px !important; }
.mb09 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb11 { margin-bottom:11px !important; }
.mb12 { margin-bottom:12px !important; }
.mb13 { margin-bottom:13px !important; }
.mb14 { margin-bottom:14px !important; }
.mb15 { margin-bottom:15px !important; }
.mb16 { margin-bottom:16px !important; }
.mb17 { margin-bottom:17px !important; }
.mb18 { margin-bottom:18px !important; }
.mb19 { margin-bottom:19px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }

.ml01 { margin-left:1px !important; }
.ml02 { margin-left:2px !important; }
.ml03 { margin-left:3px !important; }
.ml04 { margin-left:4px !important; }
.ml05 { margin-left:5px !important; }
.ml06 { margin-left:6px !important; }
.ml07 { margin-left:7px !important; }
.ml08 { margin-left:8px !important; }
.ml09 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml11 { margin-left:11px !important; }
.ml12 { margin-left:12px !important; }
.ml13 { margin-left:13px !important; }
.ml14 { margin-left:14px !important; }
.ml15 { margin-left:15px !important; }
.ml16 { margin-left:16px !important; }
.ml17 { margin-left:17px !important; }
.ml18 { margin-left:18px !important; }
.ml19 { margin-left:19px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }

.mr01 { margin-right:1px !important; }
.mr02 { margin-right:2px !important; }
.mr03 { margin-right:3px !important; }
.mr04 { margin-right:4px !important; }
.mr05 { margin-right:5px !important; }
.mr06 { margin-right:6px !important; }
.mr07 { margin-right:7px !important; }
.mr08 { margin-right:8px !important; }
.mr09 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr11 { margin-right:11px !important; }
.mr12 { margin-right:12px !important; }
.mr13 { margin-right:13px !important; }
.mr14 { margin-right:14px !important; }
.mr15 { margin-right:15px !important; }
.mr16 { margin-right:16px !important; }
.mr17 { margin-right:17px !important; }
.mr18 { margin-right:18px !important; }
.mr19 { margin-right:19px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

.pb10 {padding-bottom:10px !important;}
.pd15 {padding:15px!important;}

.mh200{min-height:200px;}
.mh300{min-height:300px;}

.block{display: block;}
.centerleft{display: block;text-align: center;}
.centerleft > * {display: inline-block;text-align: left;}

.flex{display: flex;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
@media (min-width:500px){
.w500{width:500px;margin-left:auto;margin-right:auto;}
}
.w01{
width: calc(100% - 20px);
max-width: 540px;
margin-right: auto;
margin-left: auto;
}
.w02 {
width: calc(100% - 20px);
max-width: 1200px;
margin: 0 auto;
}
.w03 {
width: calc(100% - 20px);
max-width: 650px;
margin: 0 auto;
}
.w100{width:100%;}

.attention {color: rgba(147, 41, 43, 1.00);}
.brite-0{-webkit-filter: brightness(0%);filter: brightness(0%);}
.brite-10{-webkit-filter: brightness(10%);filter: brightness(10%);}
.brite-25{-webkit-filter: brightness(25%);filter: brightness(25%);}
.brite-50{-webkit-filter: brightness(50%);filter: brightness(50%);}
.brite-70{-webkit-filter: brightness(70%);filter: brightness(70%);}
.brite-90{-webkit-filter: brightness(90%);filter: brightness(90%);}
.brite-100{-webkit-filter: brightness(100%);filter: brightness(100%);}
.h-1em {height:1em;}
img.h-1em,.h-1em img{height:1em;width:auto;}
/* ------ contents ----- */
/* -- header -- */
.hdrBlock01 {text-align: center;}
.sitename01 {
display:inline-block;
height:50px;
width:auto;
}
.sitename02 {display: none;}
@media (any-hover:hover),(min-width:960px){
.sitename01 {
margin: 10px 0 0 0px;
height: 60px;
max-height: none;
width: auto;
}
.sitename02 {
display: inline-block;
width: 180px;
height: auto;
margin: 20px 0 0 20px;
}
.hdrBlock01 {padding-bottom:10px;}
}

header.hdr01 {
background-color: #000;
text-align: center;
}

/* header - navList01 */
header .navListCover{display: none;}
.navListCover {color:#fff;}
.navList01.txtver{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.navList01.txtver li {background-image: linear-gradient(315deg,rgba(0,0,0,0.2),rgba(255,255,255,0.1));flex: 1 1 49%;}
@media (min-width:540px){
.navList01.txtver li {flex: 1 1 32%;}
}
.navList01.txtver a {text-decoration: none;color:#fff;display: flex;flex-direction: column;align-items: center;padding:1.2rem 0;}
.navList01.txtver a span:nth-of-type(2) {font-size: 70%;}
@media (any-hover:hover),(min-width:960px){
.navListCover{background-color: rgba(0,0,0,0.2);}
header .navListCover{display: block;}
.navList01.txtver {width:calc(100% - 20px);max-width:1200px;margin:0 auto;justify-content: center;background:transparent;padding: 0;}
.navList01.txtver li {background:none;flex:none;}
.navList01.txtver li a {padding:10px;}
}

@media (any-hover:hover),(min-width:960px){
.mobileonly{display: none;}
}


@media (any-hover:hover){
.navList01.txtver li a:hover{background-color:rgba(0,0,0,0.2);opacity:1;}
}/* /@media */

/* -- footer -- */
.page-footer{padding-bottom:50px;}
.page-footer,.page-footer a {color:#fff;}
.page-footer .inner {max-width:1200px;}
#scrollToTop {display: none;}
@media (any-hover:hover),(min-width:960px){
#scrollToTop {display: block;width:60px;height:20px;position: fixed;right:14px;bottom:50px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity:0;visibility: hidden;}
#scrollToTop.is_active,#scrollToTop:focus-visible{opacity:1;visibility: visible;}
}/* @media */
.copyright {text-align: center;margin: 0 auto;padding:1rem 0;color:#fff;}
.copyright a {margin-right:0.5em;color:#fff;}
:root { --hsl01:0,0%,70%;}
.abouts hr {height:6px;background-color:transparent;border:none;background-image: radial-gradient(circle at center, hsla(var(--hsl01),0.30) 15%, hsla(var(--hsl01),0.00) 40%);background-size:6px 6px;}

.abouts > inner {display: flex;flex-direction: column;}
.abouts a::before {content: "\25b6";margin-right:0.2em;text-decoration: none;display: inline-block;}
.abouts .acdbox {margin:10px auto;}
.abouts .acdCont a {color: revert;}

/* report form */
.reportform .acdCont {background-color:rgba(255,255,255,0.1);background-image:linear-gradient(180deg,rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0.05) 90%);}
.reportform  .counttxtbox01 {text-align: right;}
#inputlength {display: inline-block;margin:0 10px 0 auto;}
.reportform.acdbox form {display: block;width:100%;margin-top:10px;margin-bottom:20px;}
#report-textarea {display: block;width:calc(100% - 10px);height:30vh;max-height:200px;font-size:16px;color:#000;outline: none;margin:5px auto;padding:5px;border:none;border-radius: 5px;-webkit-box-shadow: 0px 0px 0px 5px hsla(0,0%,90%,0.5);box-shadow: 0px 0px 0px 5px hsla(0,0%,90%,0.5);background-color: #f0f0f0;
}
#report-textarea::placeholder {color:#999;}
#report-textarea:focus-visible{outline: solid 2px rgba(0,0,0,0.2);}

#report-button {font-weight:bold;text-align:center;display: block;width:calc(100% - 10px);margin:20px auto 5px;color:#fff;font-size:16px;background-image:-o-linear-gradient(280deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.3) 100%),-o-linear-gradient(rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 25%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 75%,rgba(255,255,255,0.1) 100%);background-image:linear-gradient(170deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.3) 100%),linear-gradient(rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 25%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 75%,rgba(255,255,255,0.1) 100%);padding:20px 5px;border-radius: 5px;-webkit-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);}
#report-button:disabled {font-weight:normal;cursor: default;opacity: 1;color:rgba(255,255,255,0.4);background-image:url();}
#represult {margin: 20px auto;text-align: center;color:#fff;text-shadow: 0 0 7px rgba(0,0,0,0.9);}
#represult span {display: block;margin:0.3em 0;}

@media (any-hover:hover),(min-width:960px){
.abouts .acdCont,.abouts .acdCont a,.page-footer footer,.page-footer footer a {color:#fff;text-shadow:rgba(0,0,0,0.4) 0px 0px 8px;}
.abouts {border-bottom:1px solid rgba(255, 255, 255, 0.1);padding-top:10px;}
.abouts .inner {display: flex;flex-wrap: nowrap;gap:30px;}
.abouts hr {--hsl01:0,0%,70%;}
.abouts .acdbox label::before{display: none;}
.abouts .acdbox label{background-color: transparent;height: auto;line-height: inherit;font-weight: bold;cursor: auto;}
.abouts .inner > .acdbox {flex:1;}
.abouts .acdCont {height: auto;opacity: 1;visibility: visible;min-height:200px;padding:0;background-color:transparent;background-image:url();margin-top:0.5em;}
.abouts .acdCont p,.abouts .acdCont li {margin: 1.5rem 0rem 0.5rem;}
}/* @media */
@media (any-hover:hover){
#report-button:hover {background-color:rgba(0,0,0,0.3);}
#report-button:disabled:hover {background-color:transparent;}
}/* @media */

/* ---------- cont parts ---------- */
/* --- css acordion --- */
.acdCont {display: block;min-height:0px;height: 0;opacity: 0;visibility: hidden;overflow: hidden;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.acdbox input {display:none;}
.acdbox label {display:block;cursor: pointer;}
.acdbox label:before{content:"\FF0B";display:inline-block;text-align: center;width:3em;}
.acdbox input:checked + label:before{content: '\2212';}
.acdbox input:checked + label + .acdCont{height: auto;opacity: 1;visibility: visible;min-height:200px;}
/* acdbox 色設定など */
.acdbox {color:#fff;}
.acdbox label {background-color:rgba(0,0,0,0.3);height:60px;line-height:60px;}
.acdbox label::before{background-color:rgba(0,0,0,0.3);margin-right:1.5em;}
.acdCont {background:rgba(250,250,250,0.93);color:#000;padding:0rem 1rem;}
.acdCont li,
.acdCont p {margin:0rem 0rem;}
.acdbox input:checked + label + .acdCont li,
.acdbox input:checked + label + .acdCont p {margin:1.5rem 0rem 0.5rem;}

/* hr --- horizontal rule（水平方向の罫線）*/
hr.dot01{/* 白 */
border:none;height:6px;--col-rgb01:255,255,255;background-image:
radial-gradient(circle at left 4px top 50%, rgba(var(--col-rgb01),1) 2px, rgba(var(--col-rgb01),0) 3px),
radial-gradient(circle at left 15px top 50%, rgba(var(--col-rgb01),1) 1px, rgba(var(--col-rgb01),0) 1px),
radial-gradient(circle at left 26px top 50%, rgba(var(--col-rgb01),1) 1px, rgba(var(--col-rgb01),0) 1px);
background-size:34px 100%;background-repeat:repeat-x;
}
hr.dot01.col2{--col-rgb01:124,123,59;}/* 暗い金 */
hr.dot01.col3{--col-rgb01:220,220,220;}/* ライトグレー */

hr.raddot01{
border:none;margin:1rem auto;padding:0;background-repeat: repeat-x;background-position: left top;
background-size: 0.6rem 0.6rem;
height:0.6rem;
--col-rgb01:255,255,255;
background-image: radial-gradient(circle at center, rgba(var(--col-rgb01),0.5) 20%, rgba(var(--col-rgb01),0) 25%);
}

hr.raddot02{
border:none;margin:1rem auto;padding:0;background-repeat: repeat-x;background-position: left top;
background-size: 1rem 1rem;
height:1.0rem;
--col-rgb01:255,255,255;
background-image: radial-gradient(circle at center, rgba(var(--col-rgb01),0.5) 20%, rgba(var(--col-rgb01),0) 25%);
}
hr.raddot03{
border:none;margin:1rem auto;padding:0;background-repeat:repeat-x;background-position: left center;
background-size: 20px 20px;
height:10px;
--col-rgb01:0,0,0;
background-image: radial-gradient(circle at center, rgba(var(--col-rgb01),0.08) 12%, rgba(var(--col-rgb01),0) 15%);
}


/* 装飾ボーダー 白 */
hr.deco01 {
position: relative;
height:60px;
/*background-image:url("/images/common/hr/deco01c.png");*/
background-image:url("/images/common/hr/deco01_ffffff_center_upr.png");
background-repeat:no-repeat;
background-size:240px 60px;
background-position:center top;
border:none;
}
hr.deco01::before,hr.deco01::after{
content:"";
background-image:url("/images/common/hr/deco01_ffffff_lr.png"),url("/images/common/hr/p2_ffffff.gif");
background-repeat: no-repeat,no-repeat;
background-size:16px 6px,calc(100% - 19px) 2px;
height:6px;
display:block;
position:absolute;
top:40px;
width:calc(50% - 120px);
}
hr.deco01::before{background-position: left center,right center;left:0px;}
hr.deco01::after{background-position: right center,left center;right:0px;}
hr.deco01.inv {background-image:url("/images/common/hr/deco01_ffffff_center_inv.png");}
hr.deco01.inv::before,hr.deco01.inv::after{top:14px;}
/* col2 333333 黒っぽいグレー */
hr.deco01.col2 {background-image:url("/images/common/hr/deco01_333333_center_upr.png");}
hr.deco01.col2::before,hr.deco01.col2::after{background-image:url("/images/common/hr/deco01_333333_lr.png"),url("/images/common/hr/p2_333333.gif");}
hr.deco01.col2.inv {background-image:url("/images/common/hr/deco01_333333_center_inv.png");}
/* col3 b1b1b1 銀 */
hr.deco01.col3 {background-image:url("/images/common/hr/deco01_b1b1b1_center_upr.png");}
hr.deco01.col3::before,hr.deco01.col3::after{background-image:url("/images/common/hr/deco01_b1b1b1_lr.png"),url("/images/common/hr/p2_b1b1b1.gif");}
hr.deco01.col3.inv {background-image:url("/images/common/hr/deco01_b1b1b1_center_inv.png");}
/* col4 a6997b 金 */
hr.deco01.col4 {background-image:url("/images/common/hr/deco01_a6997b_center_upr.png");}
hr.deco01.col4::before,hr.deco01.col4::after{background-image:url("/images/common/hr/deco01_a6997b_lr.png"),url("/images/common/hr/p2_a6997b.gif");}
hr.deco01.col4.inv {background-image:url("/images/common/hr/deco01_a6997b_center_inv.png");}
/* col5 700000 暗い赤 */
hr.deco01.col5 {background-image:url("/images/common/hr/deco01_700000_center_upr.png");}
hr.deco01.col5::before,hr.deco01.col5::after{background-image:url("/images/common/hr/deco01_700000_lr.png"),url("/images/common/hr/p2_700000.gif");}
hr.deco01.col5.inv {background-image:url("/images/common/hr/deco01_700000_center_inv.png");}

.gradbg01 {background-image:linear-gradient(0deg,#ffffff 0%,#dedec4 15%,#b7c4a6 27%,#93a892 36%,#668983 46%,#3d5257 61%,#0c1929 76%,#03080e 99%);}

.moonphase .mp0,.moonphase .mp180{padding-left:2em;margin:5px 0;}
.moonphase .mp180 {background-image:radial-gradient(circle at 1em,rgba(255,215,0,1) 0.4em,rgba(255,215,0,0.9) 0.45em,rgba(255,215,0,0) 0.5em);}
.moonphase .mp0 {background-image:radial-gradient(circle at 1em,rgba(0,0,100,0.6) 0.4em,rgba(0,0,100,0.5) 0.45em,rgba(0,0,100,0) 0.5em);}

a.button {text-decoration: none;}/* href書かなければ出てこなさそうだけど念のため */

/* ----- タッチパネル用ハンバーガーとスライドメニュー ------------------------- */
#chk-trg-01 {display:none;}
.lbl-trg-01,.lbl-trg-01 span,.lbl-trg-01 span:before,.lbl-trg-01 span:after{-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
#nav-drw-01 {width:50%;height:100vh;position:fixed;top:0;right:100%;z-index:500;background-color:rgba(0,0,0,1);-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;overflow:auto;padding:100px 0 240px;}
#nav-drw-01 a{color:#ffffff;display:block;width:100%;height:100%;}
#nav-drw-01 ul {display:block;width:90%;margin:0 auto;text-align:center;}
#nav-drw-01 ul li {min-height:50px;padding:1em 0.5em;border-bottom:solid 1px rgba(255,255,255,0.5);}
#nav-drw-01 ul li:first-child{border-top:solid 1px rgba(255,255,255,0.5);}
.lbl-trg-01 {position:fixed;top:1px;left:1px;height:50px;width:50px;z-index:510;background-color:#000;border:#fff 1px solid;}
.lbl-trg-01 span{top:22px;left:10px;}
.lbl-trg-01 span,.lbl-trg-01 span:before,.lbl-trg-01 span:after {content:'';display:block;height:3px;width:28px;border-radius:3px;background-color:#ffffff;position:absolute;}
.lbl-trg-01 span:before {bottom:10px;}
.lbl-trg-01 span:after {top:10px;}
#chk-trg-01:checked ~ #nav-drw-01 {right:50%;}
#chk-trg-01:checked ~ .lbl-trg-01 span {background-color:rgba(255, 255, 255, 0);}
#chk-trg-01:checked ~ .lbl-trg-01 span::before {bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#chk-trg-01:checked ~ .lbl-trg-01 span::after {top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
@media (any-hover:hover){.lbl-trg-01:hover{opacity:0.7;}}/* @media */
svg.ximage{ height:1em;width:auto;vertical-align:middle;margin-left:5px;fill:white;}

/* zodiac color */
:root {
--col-ari:#87000A;
--col-tau:#DF2100;
--col-gem:#E28A00;
--col-can:#C0A500;
--col-leo:#489B00;
--col-vir:#006F00;
--col-lib:#007F76;
--col-sco:#0095AF;
--col-sag:#1A6DCB;
--col-cap:#001178;
--col-aqu:#53009B;
--col-pis:#8100B8;

--col-rgb-ari:135,0,10;
--col-rgb-tau:223,33,0;
--col-rgb-gem:226,138,0;
--col-rgb-can:192,165,0;
--col-rgb-leo:72,155,0;
--col-rgb-vir:0,111,0;
--col-rgb-lib:0,127,118;
--col-rgb-sco:0,149,175;
--col-rgb-sag:26,109,203;
--col-rgb-cap:0,17,120;
--col-rgb-aqu:83,0,155;
--col-rgb-pis:129,0,184;
}

/* ads etc.. */
.gadsRespnsvDispWide,.gAd1 {margin:30px auto;text-align: center;}

/* another */