<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*
Theme Name: Makoto Shinkai Works
File : /css/base.css
Uses : リセット、基本スタイル
*/

/* reset
============================================================*/
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, a,
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%;
	background: transparent;
	vertical-align: baseline;
}

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

pre, code, address, caption, th, figcaption {
	font-size: 1em;
	font-weight: normal;
	font-style: normal
}

img {
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

button,
input,
select,
textarea {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}

ul,
li {
	list-style: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ddd;
}

/* common base
============================================================*/
body {
	font-size: 100%;
	font-weight: normal;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

/*----------------------------------------
 font
----------------------------------------*/
/* font-size */
.fs10 { font-size: 10px !important;}
.fs12 { font-size: 12px !important;}
.fs14 { font-size: 14px !important;}
.fs16 { font-size: 16px !important;}
.fs18 { font-size: 18px !important;}
.fs20 { font-size: 20px !important;}
.fs22 { font-size: 22px !important;}
.fs24 { font-size: 24px !important;}
.fs26 { font-size: 26px !important;}
.fs28 { font-size: 28px !important;}
.fs30 { font-size: 30px !important;}
.fs40 { font-size: 40px !important;}
.fs50 { font-size: 50px !important;}

/* font-weight */
.fwBld { font-weight: bold !important;}
.fwNml { font-weight: normal !important;}

/* font-color */
.fcRed { color: #ff0000 !important;}
.fcBlu { color: #003399 !important;}
.fcGry { color: #555 !important;}

/* font-family */
.ffGoc {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.ffMin {
	font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
}

/*----------------------------------------
 align
----------------------------------------*/
/* text-align */
.taL { text-align: left !important;}
.taC { text-align: center !important;}
.taR { text-align: right !important;}

/* vertical-align */
.vaT { vertical-align: top !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}

/* line-height */
.lh14 { line-height: 1.4 !important;}
.lh16 { line-height: 1.6 !important;}
.lh18 { line-height: 1.8 !important;}
.lh20 { line-height: 2.0 !important;}

/*----------------------------------------
 display
----------------------------------------*/
.dpI {display: inline !important;}
.dpB {display: block !important;}
.dpIB {display: inline-block !important;}

/*----------------------------------------
 anchor
----------------------------------------*/
a {
	color: #333;
	text-decoration: none;
	word-break: break-all;
}
a:focus { outline: none; }
a:hover { text-decoration: underline; }

a.line { text-decoration: underline; }
a.line:hover { text-decoration: none; }

a.none { text-decoration: none; }
a.line:hover { text-decoration: underline; }

/*----------------------------------------
 float
----------------------------------------*/
.fltL { float: left; }
.fltR { float: right; }

/*----------------------------------------
clearfix 
----------------------------------------*/
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/*----------------------------------------
 margin
----------------------------------------*/
.mt0 {	margin-top: 0 !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt45 {	margin-top: 45px !important;}
.mt50 {	margin-top: 50px !important;}
.mt60 {	margin-top: 60px !important;}
.mgAuto {margin-right: auto; margin-left: auto;}
</pre></body></html>