@charset "utf-8";
/* CSS Document */

/*===================================================================
//  リセット
//=================================================================*/
html                     {margin:0; padding:0; height:100%; font-size:62.5%;}
body                     {padding:0; margin:0; font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif; height:100%; width:100%; -webkit-text-size-adjust:100%; position:relative; font-size:1.5rem; line-height:2.0; overflow-x:hidden; color: #333;}
header, nav, main, article, aside, section, footer {display:block;}
figure    {margin:0;}
img       {border:none; vertical-align:bottom;}
.clear    {clear:both; margin:0; padding:0; height:0; width:0;}
.clear hr {display:none; border:none; height:0px;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; }

.reset p,
.reset ul,
.reset li,
.reset ol  {margin:0; padding:0;}
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6  {margin:0;}
.reset em,
.reset var,
.reset address {font-style:normal;}
.reset a       {text-decoration:none;}


/*===================================================================
//  共通設定
//=================================================================*/
.left  {float:left;}
.right {float:right;}

.alignc {text-align:center;}
.alignl {text-align:left;}
.alignr {text-align:right;}

.none         {display:none;}
.block        {display:block;}
.inline-block {display:inline-block;}
.inline       {display:inline;}
.flex         {display:flex;}

.hidden  {overflow:hidden;}
.visible {overflow:visible;}

.vertical-t {vertical-align:top;}
.vertical-m {vertical-align:middle;}
.vertical-b {vertical-align:bottom;}

.font-bold   {font-weight:bold;}
.font-normal {font-weight:normal;}
.gothic      {font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro",Osaka,sans-seri; font-weight: bold;}
.mincho      {font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.mincho2     {font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.noto-serif  {font-family: 'Noto Serif', serif;}

.radius-5 {border-radius:5px;}

.box {box-sizing:border-box;}
.relative {position:relative;}

.anime {transition:all .3s;}
a:hover img.alpha {opacity:0.8;}
.wide             {width:100%; height:auto;}

.no-margin-t  {margin-top:0!important;}
.no-margin-b  {margin-bottom:0!important;}
.no-margin-l  {margin-left:0!important;}
.no-margin-r  {margin-right:0!important;}
.no-padding-t {padding-top:0!important;}
.no-padding-b {padding-bottom:0!important;}
.no-padding-l {padding-left:0!important;}
.no-padding-r {padding-right:0!important;}

.space-top          {padding-top: 4.5em;}
.space-btm          {padding-bottom: 5em;}
.contents-space-top {padding-top: 7em;}
.contents-space-btm {padding-bottom: 7em;}
.contents-most-btm  {padding-bottom: 9.5em;}

.after-arrow:after                     {content:" ≫";}
.after-endmark:not(:last-child):after  {content: " / ";}
.ellipsis                              {width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;}

.noscroll {position:fixed; overflow-y:scroll;}
.bg-c     {background-position: center top; background-repeat: no-repeat;}

.appear-anime-class,
.fade-anime-class {opacity: 0;}

table.base-table     {width:100%; border-collapse:collapse;}