@charset "utf-8";
/*!
============================ Reset CSS ==============================

	Edit html5doctor.com's CSS

====================================================================
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:bottom; background:transparent; }

html {
font-size:62.5%;/*pxだと10px;*/
color: #333333;
}

body {"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }

time {
font-size:1.2rem;
line-height: 1.7;
}

body, h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, summary {
font-size:1.6rem;/*16px*/
line-height: 1.7;
}



article,aside,details,figcaption,figure,
footer,header,menu,nav,section { display:block; }

ul,ol { list-style:none; }

blockquote, q {quotes:none; }

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

a { margin:0; padding:0; font-size:100%; vertical-align:bottom; background:transparent; outline:none; }
img { vertical-align:bottom;max-width: 100%;height: auto; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

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

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; font-size:100%; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; }

/* unique bug fix */
* { max-height: 999999px; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/*! clearfix
======================================================= */
.cf:after{
	content: '';
	display: block;
	clear: both;
}

a img:hover {
    transform: scale(1.05);
    transition-duration: 0.3s;
}
#Loading {
  position: fixed;
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: #FFF; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  transition: all 0.3s; 
  z-index: 9999;
}
.Loaded {
  opacity: 0;
  visibility: hidden;
}