body{background-color:#151d28}
/*本文*/
.content{color:white}
/*リンク*/
.content a:link {color:#0f73ff;text-decoration:none}
.content a:visited{color:#0f73ff;text-decoration:none}
.content a:hover {color:#0f73ff;text-decoration:underline}
.content a:active {color:#0f73ff;text-decoration:underline}
/*footerを画面の下部に固定*/
footer{position:fixed;bottom:0;width:100%;text-align:center;padding:4px 0;background-color:#151d28;color:#abb8c8;border-top:1px solid #2b3a4d}

/*▽▽レスポンシブ2列横並び▽▽*/
@media (min-width:751px){.yokonarabe{display:flex;justify-content:space-between;align-items:stretch}.yokonarabe>.pc-width-left{width:30%;box-sizing:border-box;position:relative}.yokonarabe>.pc-width-centerline{width:1px;background-color:#2b3a4d;align-self:stretch;margin:0 5px}.yokonarabe>.pc-width-right{width:65%;box-sizing:border-box;}}
/*PC・スマホ共通*/
.yokonarabe>div {margin: 0 2%;}
/*△△レスポンシブ2列横並び△△*/
      
/*▽▽ヘッダー&アイコン▽▽*/      
:root{
  --header-height: 200px;/*デスクトップのヘッダー高さ*/
  --abouticon-size: 110px;/*アイコン直径*/
  --gutter-left: 16px;/*アイコンの左余白 */}
.aboutheaderandicon{position:relative;　overflow:visible; display:inline-block; 
  pointer-events:none;-webkit-touch-callout:none;user-select:none;
  width:100%; line-height:0;/*img下の余白を消す*/
}
/*ヘッダー高さ固定*/
.aboutheader{display:block;width:100%;height:var(--header-height);object-fit:cover;object-position:center;}
/*アイコン（下側がヘッダー下に出るよう配置）*/
.abouticon{
  position: absolute;
  left: var(--gutter-left);/*アイコンの上端を「ヘッダー高さ - アイコン高さ* 0.4」に配置して、アイコンの上 40%がヘッダー内に重なる*/
  top: calc(var(--header-height) - (var(--abouticon-size) * 0.4));
  width: var(--abouticon-size);
  height: var(--abouticon-size);
  border-radius: 50%;
  border: 3px solid #151d28; /* アイコン枠 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
  z-index: 3;
  background-color: black;
  object-fit: cover;
}

/*下のコンテンツと被らないよう余白*/
.aboutheaderandicon + * {
  margin-top: calc(var(--abouticon-size) * 0.6 + 5px);}
/*アイコンの右に設置する簡単な自己紹介*/
.aboutmeta{
  position: absolute;
  left: calc(var(--gutter-left) + var(--abouticon-size) + 12px); /* アイコンの右 */
  top: calc(var(--header-height) + 8px); /* ヘッダー下端 + 8px の余白 */
  z-index: 4;
  pointer-events: auto;
  display: inline-block;
  line-height: 1.1;
}
/*レスポンシブ：小さい画面でヘッダーを低くし、アイコンを縮小*/
@media (max-width: 600px){
  :root{
    --header-height: 140px;
    --abouticon-size: 90px;
    --gutter-left: 12px;
  }
  .aboutmeta{
    left: calc(var(--gutter-left) + var(--abouticon-size) + 8px);
    top: calc(var(--header-height) + 6px);
  }
}
/* スマホ狭幅でさらに小さく */
@media (max-width: 360px){
  :root{
    --header-height: 120px;
    --abouticon-size: 90px;
    --gutter-left: 10px;
  }
  .aboutmeta{
    left: calc(var(--gutter-left) + var(--abouticon-size) + 6px);
    top: calc(var(--header-height) + 6px);
  }
}

/*▽▽snsリンクアイコン▽▽*/
.snscard{width:100%;border:solid 1px #abb8c8;border-radius:6px;margin:0 0 1em 0;padding:0.3em;}
.snscard a {color:white !important}
.snscard a:link,
.snscard a:visited,
.snscard a:hover,
.snscard a:active,
.snscard a:focus {
  color:white !important;
  outline: none;
}
.snscard img{width:40px;display:block}
.snscarddetail{margin:0.3em 0.5em 0.5em 0.5em}
.snscarddetail span{white-space:nowrap}
.snscardtitle{font-weight:bold;line-height:100%}
.snscardcontent{font-size:0.8em; margin-top:0.5em}
/*△△リンクアイコン△△*/      

.whitebox{padding:0.8em;border: solid 5px white;margin-bottom:1em}      

.q{font-weight:bold}     
.a{padding-left:0.7em;margin-bottom:2em} 

/*タブ切り替え*/
/*スマホでの表示*/
@media (max-width: 600px) {.tab-switches{position:fixed;right:15px;bottom:2.5em;opacity:0.75} .tab-button{margin-bottom:0.5em}}
/*pcでの表示*/
@media (min-width: 768px) {
  .tab-switches {display:flex;gap: 1em;/*スイッチ間の隙間*/;justify-content: center;margin-bottom:1em}}
.tab-button {
  font-size: 0.8em;
  border: solid 2px #0f73ff;
  padding: 0.2em;
  width: 100px;
  text-align: center;
  cursor: pointer;background-color:black}
.tab-button.active {
  font-weight: bold;
  text-decoration: underline;}
.tab-content {display: none;}
.tab-content.active {display: inline;}

.imgs-145-45{display:flex;justify-content:center;gap:0.7em;flex-wrap:wrap}
.img-145-45{height:40px;image-rendering:pixelated;}
/* 画像操作不可 */
.selectnoneimg {
  pointer-events: none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

.title-with-underline {
  font-weight:bold;
  margin-top: 2em;
  margin-bottom: 0.5em;
  border-bottom: solid 1px}

.scrollbox{overflow:auto;border: solid 1px #abb8c8;padding:0.5em;margin-bottom:1em}

.faq-background{background-image: url("https://file.garden/aPG0F9g4jk-62-d8/images/bj-backgroundimg3");
  background-repeat: no-repeat;background-size:contain;background-position:right bottom}
      
/*▽▽fandom▽▽*/
@media (min-width:751px){
  .fandom .list{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between}
  .fandom li{min-width:45%;max-width:100%;box-sizing:border-box;padding-left:.5em}}
/*△△fandom△△*/   

.wantlist .list{display:block}
      
      
/**********************************
以下、リストの設定
************************************/
　/*リストスタイルを＊に変更*/
.list {list-style: none;/*デフォルトのリストスタイルを無効化*/ padding: 0;}
.list li {position:relative; padding: 0 0 0 1.5em; /*マーカーとテキストの間にスペースを確保*/}
.list li::before {content:"＊";/*＊に設定*/ position:absolute; left:0; font-weight:bold;}