@charset "UTF-8";

/* ==================================================
   DELTA-37 common theme settings
   共通テーマ変数・基本スタイル・汎用Utility
================================================== */

:root {
	/* Background */
	--site-bg-color: #eeeeee;
	--site-bg-image: url("/image/top.jpg");
	--site-bg-position: right top;
	--site-bg-size: cover;

	/* Text */
	--site-text: #000000;
	--site-heading: #000000;
	--site-subtext: #757575;

	/* Link */
	--site-link: #000000;
	--site-link-hover: #800000;
	--site-link-visited: #686868;
	--site-accent: #800000;
	--site-accent-hover: #ff75ac;

	/* Black / white */
	--site-black: #000000;
	--site-black-soft: #303030;
	--site-dark: #333333;
	--site-white: #ffffff;

	/* Paper / gray */
	--site-paper: #ffffff;
	--site-paper-alpha: rgba(255, 255, 255, 0.2);
	--site-gray: #cccccc;
	--site-light-gray: #ececec;

	/* Fonts */
	--site-font: Meiryo, sans-serif;
	--site-font-en: "Monda", Meiryo, sans-serif;

	/* Images */
	--site-bx-image: url("/image/bx.png");
	--site-logo-image: url("/image/delta.svg");
	--site-menu-open-image: url("/image/menu_open.svg");
	--site-menu-close-image: url("/image/menu_close.svg");
}

/* ==================================================
   Base
================================================== */

body {
	font-family: var(--site-font);
	text-rendering: optimizeLegibility;
}


/* Common page header
-------------------------------------------------- */

.site-header {
	padding: 24px 0 0 0;
	margin: 0 0 24px 0;
	text-align: center;
}

#head-delta {
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

.site-header h1 {
	font-size: 22px;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	font-family: var(--site-font-en) !important;
	margin: 0;
	text-rendering: optimizeLegibility;
	color: var(--site-heading);
}



h1,
h2,
h3,
h4 {
	font-family: var(--site-font-en);
	clear: both;
}

a {
	outline: none;
	color: var(--site-link);
	text-decoration: none;
}

a:hover {
	color: var(--site-link-hover);
}

blockquote,
q {
	quotes: none;
}

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

a:focus {
	outline: thin dotted;
}

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

/* ==================================================
   Utility
================================================== */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

small {	font-size: smaller;}

.b {font-weight:bold;}
.i {font-style:italic;}
.s {text-decoration:line-through;}
.u {text-decoration: underline;}
.l1 {font-size:large;}
.l2 {font-size:x-large;}
.lx {font-size:xx-large;}
.S1 {font-size:small;}
.S2 {font-size:x-small;}
.red {color:#cc0000;}
.gray {color: var(--site-gray);}

.mincho {font-family: ＭＳ Ｐ明朝,Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.gyousho{font-family:HGP行書体,cursive;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.clear {clear:both;}


/* New mark
-------------------------------------------------- */

.blink {
	animation: blinkAnime 1s infinite alternate;
	font-size: 9px;
	padding-left: 5px;
	font-family: var(--site-font-en);
}

@keyframes blinkAnime {
	0% { color: #ffffff }
	33% { color: #ff75ac }
	66% { color: #ffb7e4 }
	100% { color: #990000 }
}


/* Accent link
-------------------------------------------------- */

.accent-link,
.accent-link:visited {
	color: var(--site-accent) !important;
}

.accent-link:hover,
.accent-link:focus {
	color: var(--site-accent-hover) !important;
}