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

/* 共通フォントサイズ フォントなど */
html,body,*{font-family: 'Noto Sans JP', serif; font-style: normal; color: #333; font-weight: 400; line-height: 1em;}
body{position: relative; background-color: #fff;}

/*
	font-family: 'Montserrat', sans-serif;
	font-family: 'Noto Serif', serif;
	font-family: 'Noto Serif JP', serif;
*/

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;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}


/*====== common assets =====*/
a{text-decoration: none;} a:hover{cursor: pointer;}
img{object-fit:cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%;}
.hide{opacity: 0;}

/*====== box-sizing =====*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* header footerも含むcontents全体 */
#wrapper {
	opacity: 0; -webkit-opacity: 0; position: relative;
  	filter: alpha(opacity=0); /* 読み込み後に表示のため透過0 */
	width: 100%; min-height: 100vh; overflow: hidden;
	transition: all .1s ease-in;
}

#wrapper.show{
	opacity: 1 !important; -webkit-opacity:1 !important; 
  	filter: alpha(opacity=1) !important;
}

#wrapper section{
	overflow: hidden; width: 100%;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}