@charset "UTF-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Copyright (c) Best Bridge LLC. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Original source code and design structure.
Unauthorized reproduction prohibited.

閲覧・学習目的での参照は問題ありませんが、
本コードおよびデザイン構造の全部または一部を、
無断で複製・流用・再配布することを禁止します。

本コードは制作履歴・公開履歴・電子署名等により
権利保全を行っています。

本コード特有の
設計思想／構造設計／命名規則／記述順／レイアウト構成
には識別性があります。

一般的CSSとは異なる独自設計のため、
類似構造や類似記述は、
コード圧縮／難読化／改行変更／変数化後でも、
構造的特徴および設計パターンから
識別・照合可能です。

無断流用・模倣・構造複製が確認された場合、
利用停止要請・権利侵害通知・法的措置を含む
対応を行う場合があります。
*/

/*==============================================================
body 共通
==============================================================*/
body{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
background-color:#F4F4F4;
background-color:#F3F2EF;
/*--*/
text-align:left;
line-height:1;
font-size:1rem;
font-weight:normal;
color:#666;
/*--*/
overflow-wrap:break-word;
font-family:"Helvetica Neue Bold","游ゴシック体",YuGothic,sans-serif;
font-weight:900;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

/*==============================================================
Safariセーフエリア帯
==============================================================*/
@media screen and (max-width:1200px){
#fixed_back{
z-index:7000;
/*--*/
position:fixed;
left:0;
bottom:0;
width:100%;
height:70px;
background:#F4F4F4;

/* クリック邪魔しない */
pointer-events:none;

/* Safari対策 */
transform:translate3d(0,0,0);
will-change:transform;
backface-visibility:hidden;
}
}

/*==============================================================
a再設定
==============================================================*/
a{
border-bottom:solid 2px #69F;
font-weight:bold;
color:#69F;
transition:opacity .3s;
}

@media (hover:hover) and (pointer:fine){
a:hover{
opacity:.7;
}
}

/*==============================================================
文字タグ
==============================================================*/
.tag_gray{
display:inline-block;
width:auto;
height:auto;
margin-right:5px;
border:0;
border-radius:5px;
padding:10px;
background:#333;
/*--*/
text-align:center;
line-height:1;
font-size:0.9rem;
font-weight:bold;
color:#FFF;
}

.tag_grn{
display:inline-block;
width:auto;
height:auto;
margin-right:5px;
border:0;
border-radius:5px;
padding:10px;
background:#693;
/*--*/
text-align:center;
line-height:1;
font-size:0.9rem;
font-weight:bold;
color:#FFF;
}

/*==============================================================
inline-block
==============================================================*/
.block{display:inline-block;}

/*==============================================================
文字位置
==============================================================*/
.right{text-align:right!important;}
.center{text-align:center!important;}

/*==============================================================
太字（他のスタイルと組み合わせる太字）
==============================================================*/
.bold{font-weight:bold!important;}

/*==============================================================
文字色
==============================================================*/
.gray{color:#999!important;}
.orange{color:#F90!important;}
.blue{color:#69F!important;}
.grn{color:#693!important;}

/*==============================================================
文字サイズ
==============================================================*/
.s60{font-size:60%!important;}
.s70{font-size:70%!important;}
.s80{font-size:80%!important;}
.s90{font-size:90%!important;}
.s100{font-size:100%!important;}
.s110{font-size:110%!important;}
.s120{font-size:120%!important;}
.s140{font-size:140%!important;}
.s160{font-size:160%!important;}
.s180{font-size:180%!important;}

/*==============================================================
.u（margin-bottom調整用）
==============================================================*/
.u0{margin-bottom:0!important;}
.u5{margin-bottom:5px!important;}
.u10{margin-bottom:10px!important;}
.u20{margin-bottom:20px!important;}
.u30{margin-bottom:30px!important;}
.u40{margin-bottom:40px!important;}
.u50{margin-bottom:50px!important;}
.u60{margin-bottom:60px!important;}
.u70{margin-bottom:70px!important;}
.u80{margin-bottom:80px!important;}
.u90{margin-bottom:90px!important;}
.u100{margin-bottom:100px!important;}
.u110{margin-bottom:110px!important;}
.u120{margin-bottom:120px!important;}
.u130{margin-bottom:130px!important;}
.u140{margin-bottom:140px!important;}
.u150{margin-bottom:150px!important;}
.u160{margin-bottom:160px!important;}
.u170{margin-bottom:170px!important;}
.u180{margin-bottom:180px!important;}
.u190{margin-bottom:190px!important;}
.u200{margin-bottom:200px!important;}

/*==============================================================
.pt（padding-top調整用）
==============================================================*/
.pt0{padding-top:0!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}

/*==============================================================
.pb（padding-top調整用）
==============================================================*/
.pb0{padding-bottom:0!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}

/*==============================================================
.w（max-width調整用）
==============================================================*/
.w140{max-width:140px!important;}
.w150{max-width:150px!important;}
.w160{max-width:160px!important;}
.w170{max-width:170px!important;}
.w180{max-width:180px!important;}
.w190{max-width:190px!important;}
.w200{max-width:200px!important;}
.w260{max-width:260px!important;}
.w300{max-width:300px!important;}
.w400{max-width:400px!important;}
.w500{max-width:500px!important;}
.w600{max-width:600px!important;}

/*==============================================================
.sr-only
==============================================================*/
.sr-only{
position:absolute;
top:0;
left:0;
/*--*/
display:block;
width:1px;
height:1px;
margin:-1px;
border:0;
padding:0;
/*--*/
overflow:hidden;
clip:rect(0,0,0,0);
clip-path:inset(50%);
white-space:nowrap;
}

/*==============================================================
コピー禁止（ボタン系文字のコピー防止）
==============================================================*/
.u-no-select {
-webkit-user-select:none;
user-select:none;
}

/*==============================================================
body aria-label（記述不要）
==============================================================*/