/*
	2020-02-26
	Studio D motion
*/


/*------------------------
	A Modern CSS Reset
------------------------*/
/* Box sizingの定義 */
*, *::before, *::after	{ box-sizing: border-box; }

/* デフォルトのpaddingを削除 */
ul[class], ol[class]	{ padding: 0; }

/* デフォルトのmarginを削除 
body, 
h1, h2, h3, h4, h5, h6, p, 
ul[class], ol[class], li,
figure, figcaption, blockquote, dl, dd	{ margin: 0; }
*/
/* bodyのデフォルトを定義 */
body {
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
}

/* class属性を持つul、ol要素のリストスタイルを削除 */
ul[class], ol[class]	{ list-style: none; }

/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class])	{ text-decoration-skip-ink: auto; }

/* img要素の扱いを簡単にする */
img	{ display: block; max-width: 100%; }

/* Natural flow and rhythm in articles by default */
/* article要素内の要素に自然な流れとリズムを定義 
article > * + * { margin-top: 1em; }
*/
/* inputやbuttonなどのフォントは継承を定義 */
input, button, textarea, select	{ font: inherit; }
 
/* Remove all animations and transitions for people that prefer not to see them */
/* 見たくない人用に、すべてのアニメーションとトランジションを削除 */
@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}



/*----------------------
	Customize
--------------------- */
body {
	margin: 0;
	padding: 0;
	color: #ccd;
	font-family: sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;	/* mobile safariの自動文字サイズ調整をoffにする */
	-webkit-tap-highlight-color: transparent;	/* モバイルでタッチ時のハイライトカラーを消す */
	-webkit-font-smoothing: antialiased;	/* 文字のアンチエイリアスをきれいに表示 */
	-moz-osx-font-smoothing: grayscale;
}

a	{ color:#fff; }
a:hover	{ color:#f93; }


h1	{ margin-top: 0; color: #fff; font-size: 2.4em; font-family: Tahoma, sans-serif; line-height: 1.0; }
h2,
h3,
h4,
h5	{
	margin-top: 0;
	padding: .3em .6em;
	color: #fff;
	border-left: 6px solid #9c6;
}
h5	{ letter-spacing: .2em; background-color: #bbb; }

/*-----------------------------------------------------------------*/
table.solid		{ width: 100%; margin: 2em auto; border-collapse: collapse; }
table.solid tr	{}
table.solid th,
table.solid td	{ padding: .5em; background-color: rgba(255,255,255,.1); border: thin solid rgba(255,255,255,.4); }
table.solid th	{ min-width: 6em; font-weight: normal; background-color: rgba(255,255,255,.2); }
table.solid span{ display: inline-block; min-width: 14em; }

/*-----------------------------------------------------------------*/
.button,
.submit,
.previs {
	display: inline-block;
	margin: 1em auto;
	padding: .5em 1.5em;
	cursor: pointer;
	border: none;
	border-radius: .5em;
	transition: .3s;
	-webkit-appearance: none;
}
.button,
.submit,
.previs	{ color: #fff; background-color: #06c; text-decoration: none; }
.button:hover,
.submit:hover,
.previs:hover	{ color: #fff; background-color: #39f; text-decoration: none; }

.submit:after	{ content:"\f054"; font-family: FontAwesome; opacity: .5; margin-left: 1em; }
.previs:before	{ content:"\f053"; font-family: FontAwesome; opacity: .5; margin-right: 1em; }


/*-----------------------------------------------------------------*/
.l	{ text-align: left;  }
.r	{ text-align: right; }
.c	{ text-align: center; }

.date	{ padding: 0 8px; color: #393; font-size: 12px; font-family: Tahoma; }

.b		{ font-weight: bold; }

.c00	{ color:#c00; }

small,
.small,
.s	{ font-size:  .8em; }
.lg	{ font-size: 1.2em; }

/*-----------------------------------------------------------------*/
#form_box	{ display: none; }
#form_box form		{ margin: auto; padding: 1em; }
#form_box form		{ text-align: left; background-color: rgba(255,255,255,.1); border: thin solid rgba(255,255,255,.5); }
#form_box form *	{ max-width: 100%; }

/*-----------------------------------------------------------------*/
#wrapper {
	background: linear-gradient(#0072c7 0%, #002881 30%, #002881 70%, #001440 100%);
}

#header {}
#header h1 { width: 70%; max-width: 400px; margin: 0 auto 10px; }

#container {
	max-width: 940px;
	margin: 0 auto;
	padding: 1em;
}

/*-----------------------------------------------------------------*/
#footer {
	max-width: 940px;
	margin: 1em auto 0;
	padding: 2em;
	font-size: 12px;
	text-align: center;
}
#footer .flink	{ display: flex; justify-content: center; }
#footer .flink li	{ margin: 1em; }
#footer .cprt	{ margin-top: 1em; font-family: Arial, sans-serif; }





/* for Tablet */
@media screen and (min-width:768px) {

	#form_box form	{ padding: 2em; }
}


/* for print */
@media print{
	body{ color: #000; }
	a,
	h1,
	h2,
	h3,
	h4,
	h5	{ color:inherit; }
	h5	{ background-color: transparent; }
	table.solid th,
	table.solid td,
	.button,
	.submit,
	.previs	{ color: #000; background-color: transparent; border: thin solid gray; }
	#header	{ background-color: #ccc; }
	#wrapper	{ background: none; }
}