@charset "utf-8" ;
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin      : 0 ;
	padding     : 0 ;
	border      : 0 ;

	font-family : inherit ;
	font-style  : inherit ;
	font-weight : inherit ;
/*	outline     : 0 ;*/
}

body {
	position               : relative ;
    display                : flex ;
    flex-direction         : column ;
    height	     	   		: 100vh ;
    margin                 : 0px ;
	padding                : 0px ;
    text-align             : center ;
	background-color       : #FFF ;
	overflow               : auto ;
	font-size              : 90% ;
	line-height            : 160% ;
	color                  : #333 ;
	font-family            : "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif monospace ;
    -webkit-text-size-adjust: 100% ;
    -webkit-animation       : fadeIn 3s ease 0s 1 normal ;
    animation               : fadeIn 3s ease 0s 1 normal ;
}


@keyframes fadeIn {
    0% 		{opacity   : 0 }
    20%		{opacity   : 0 }
    100% 	{opacity   : 1 }
}
@-webkit-keyframes fadeIn {
    0% 		{opacity   : 0 }
    20%		{opacity   : 0 }
    100% 	{opacity   : 1 }
}

header,article,aside,section,footer,
nav,menu,details,hgroup,summary {
	display         : block ;
}

a:link      { text-decoration:none ; color: #369 ; }
a:visited   { text-decoration:none ; color: #369 ; }
a:active    { text-decoration:none ; color: #69C ; }
a:hover     { text-decoration:none ; color: #69C ; }

img {
	vertical-align         : text-bottom ;
	-ms-interpolation-mode : bicubic ;
}

table {
	border-collapse : collapse ;
/*	border-collapse : separate ;*/
	border-spacing  : 0 ;
}

caption, th, td {
	font-weight     : normal ;
	text-align      : left ;
}

ol, ul : not([class="pickup"]) {
	list-style  : none ;
}

strong {
	font-weight : bold ;
}

p {
	font-size      : 100% ;
	line-height    : 120% ;
	padding        : 0 0 10px 0 ;
}
h1 {
	font-size      : 180% ;
	line-height    : 180% ;
	font-weight    : bold ;
	color          : #FFF ;
    word-wrap      : keep-all ;
}
h2 {
	font-size      : 180% ;
	line-height    : 180% ;
	font-weight    : bold ;
	color          : #642 ;
    word-wrap      : keep-all ;
}
h3 {
	font-size      : 140% ;
	line-height    : normal ;
	font-weight    : bold ;
	color          : #642 ;
    word-wrap      : keep-all ;
	margin: 15px 0px 20px 0px;
}
h4 {
	font-size      : 140% ;
	line-height    : 140% ;
	font-weight    : bold ;
	color          : #fff ;
    word-wrap      : keep-all ;
}
h5 {
	font-size      : 120% ;
	line-height    : 140% ;
	font-weight    : bold ;
	color          : #369 ;
    word-wrap      : keep-all ;
}
h6 {
	font-size      : 300% ;
	font-weight    : bold ;
	color          : #FFF ;
	filter         : drop-shadow(0px 0px 10px rgba(0,0,0,0.5)) ;
}
.cap_b {
	font-size      : 80% ;
	line-height    : 140% ;
	font-weight    : bold ;
	color          : #555 ;
}
.cap {
	font-size      : 80% ;
	line-height    : normal ;
	font-weight    : none ;
	color          : #777 ;
}

.br_span {
    display: inline-block;
    }

.br_blank {
    display: inline-block;
    }


@media only screen and (max-width: 400px) {
h1 {
	font-size      : 150% ;
	line-height    : 130% ;
	font-weight    : bold ;
	color          : #FFF ;
    word-wrap      : keep-all ;
	filter         : drop-shadow(0px 0px 15px rgba(0,0,0,1.0)) ;
}
h2 {
	font-size      : 120% ;
	line-height    : nomal ;
	font-weight    : bold ;
	color          : #642 ;
    word-wrap      : keep-all ;
}
h3 {
	font-size      : 110% ;
	line-height    : 120% ;
	font-weight    : bold ;
	color          : #642 ;
    word-wrap      : keep-all ;
	margin: 15px 0px 20px 0px;
}
h4 {
	font-size      : 100% ;
	line-height    : 140% ;
	font-weight    : bold ;
	color          : #000 ;
    word-wrap      : keep-all ;
}
h5 {
	font-size      : 120% ;
	line-height    : 140% ;
	font-weight    : bold ;
	color          : #369 ;
    word-wrap      : keep-all ;
}
h6 {
	font-size      : 300% ;
	font-weight    : bold ;
	color          : #FFF ;
	filter         : drop-shadow(0px 0px 10px rgba(0,0,0,0.5)) ;
}
.cap {
	font-size      : 80% ;
	line-height    : 110% ;
	font-weight    : none ;
	color          : #777 ;
}

.br_blank {
    display: none ;
    }
}