@charset "utf-8";

/*normalize.css*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*normalize.css*/

/*--------------basic css--------------*/
html { font-size:62.5%; }
body { position:relative;margin-left:auto;margin-right:auto;width:auto; height:auto; font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", "MSゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Osaka", Ari al, Helvetica, sans-serif;font-weight:500;font-weight:normal; letter-spacing: .1em;-webkit-text-size-adjust: 100%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;overflow-x:hidden; overflow-y:auto; background:#f8f8f8; color: #231815; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*opacity: 0;*/ }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*TEXT*/
p,h1,h2,h3,h4,h5 { display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin:0; line-height:2; }
h1,h2,h3,h4,h5 {}
p { font-size:1.5rem; letter-spacing: .05em; }

/*LINK*/
a { color: #000; text-decoration:none; }

/*ul li*/
ul, dl { -webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;-moz-margin-before:0;-moz-margin-after:0;-moz-margin-start:0;-moz-margin-end:0;-moz-padding-start:0;-ms-margin-before:0;-ms-margin-after:0;-ms-margin-start:0;-ms-margin-end:0;-ms-padding-start:0;-o-margin-before:0;-o-margin-after:0;-o-margin-start:0;-o-margin-end:0;-o-padding-start:0;margin-before:0;margin-after:0;margin-start:0;margin-end:0;padding-start:0;-webkit-padding-left:0;-moz-padding-left:0;-ms-padding-left:0;-o-padding-left:0;padding-left:0;margin-top:0;margin-bottom:0; }
ul::after, dl::after { content:''; display:block; clear:both; }
ul li { list-style-type:none; }
dl dd { margin-left: 0; }
.clear::after { content:''; display:block; clear:both; }

/*ASPECT*/
.aspect { width: 100%; height: auto; position: relative; }
.aspect.circle { border-radius: 50%; }
.aspect.aspect35 { padding-top: 35%; overflow: hidden; }
.aspect.aspect41 { padding-top: 41.4%; overflow: hidden; }
.aspect.aspect50 { padding-top: 50%; overflow: hidden; }
.aspect.aspect56 { padding-top: 56.25%; overflow: hidden; }
.aspect.aspect618 { padding-top: 61.8%; overflow: hidden; }
.aspect.aspect74 { padding-top: 74%; overflow: hidden; }
.aspect.aspect100 { padding-top: 100%; overflow: hidden; }
.aspect.aspect141 { padding-top: 141.4%; overflow: hidden; }
.aspect.aspect150 { padding-top: 150%; overflow: hidden; }
.aspect.aspect178 { padding-top: 178%; overflow: hidden; }
.aspect .aspectBlock { position: absolute; top: 0; width: 100%; height: 100%; }
.aspect .aspectBlock img { width: 100%; height: auto; }
.aspect .aspectBlock iframe { width: 100%; height: 100%; }

/*FIGURE*/
figure { margin: 0; }
img {display: block;}