@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');

/*===================================================================
//  リセット
//=================================================================*/
html                     {margin:0; padding:0; height:100%; font-size:62.5%;}
body                     {padding:0; margin:0; font-family: "Noto Sans JP","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif; height:100%; width:100%; -webkit-text-size-adjust:100%; position:relative;}
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 {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;}
.signika     {font-family: 'Signika', sans-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:2em;}
.space-btm {padding-bottom:4em;}

.after-arrow:after              {content:" ≫";}
.after-endmark:after            {content: " / ";}
.after-endmark:last-child:after {content: normal;}
.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;}

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


.flex-wrap{
    flex-wrap:wrap;
}
.flex-nowrap{
    flex-wrap:nowrap;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content:space-around;
}
.justify-start{
    justify-content:flex-start;
}
.flex-align-start{
    align-items:flex-start;
}
.flex-align-center{
    align-items:center;
}
.flex-align-end{
    align-items:flex-end;
}