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

/*===================================================================
//  リセット
//=================================================================*/
*:first-child+html .clearfix { zoom: 1; }


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;

}

/*html                     {margin:0; padding:0; height:100%; font-size:62.5%;}
body                     {padding:0; margin:0; font-family: noto-sans-cjk-jp, sans-serif,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro",Osaka,sans-seri; font-weight: 400; height:100%; width:100%; -webkit-text-size-adjust:100%; position:relative; font-size:1.4rem; line-height:1.8; overflow-x:hidden; color: #444; letter-spacing: .15em;}
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 */
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}


ol, ul {
    list-style: none;
}

a:link,
a:visited,
a:active,
a:hover {
    outline: none;
    text-decoration: none;
}
*:focus {
    box-shadow: 0 0 6px rgb(231 105 153 / 0.4);
    outline: none;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-size:62.5%;
}
html,
body {
    height: 100%;
    width: 100%;
	margin:0;
	padding:0; 
	padding:0;
	margin:0;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
    /**font-weight: 400; 
    height:100%; 
    width:100%; 
    -webkit-text-size-adjust:100%; 
    position:relative; 
    line-height:1.8;
    overflow-x:hidden; 
    color: #444; 
    letter-spacing: .15em;**/
	font-weight: 500;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	color: #000;
	letter-spacing: .1em;
}

body {
    width: 100%;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size:1.4rem; 
    line-height:1.8;
    overflow-x: hidden;
    color: #444; 
    letter-spacing: .1em;
}


figure    {
	margin:0;
}

img       {
	border:none;
	vertical-align:bottom;
    max-width: 100%;
}

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

a:hover,
a:hover img,
button:hover {opacity:0.7 !important; transition:all .3s; cursor: pointer;}




/*===================================================================
//  共通設定
//=================================================================*/
.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;}

.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: 'Noto Sans JP', sans-serif,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro",Osaka,sans-serif; font-weight: 500;}
.mincho        {font-family: 'Shippori Mincho', serif, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.mincho2       {font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.gudea         {font-family: 'Gudea', sans-serif; letter-spacing: .01em; font-weight: 700;}

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

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

.anime {transition:all .3s;}
a:hover img.alpha {opacity:0.7;}
.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: 2.5em;}
.space-btm          {padding-bottom: 2em;}
.contents-space-top {padding-top: 5em;}
.contents-space-btm {padding-bottom: 4.5em;}
.contents-most-top  {padding-top: 10em;}
.contents-most-btm  {padding-bottom: 10em;}

.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-contents,
.appear-delay > li {position: relative; opacity: 0; top: 20px; -webkit-transform: translate3d(0,0,0);}

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