@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"); /* ウェブフォント（Noto Sans Japanese） */
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");   /* ウェブフォント（さわらび明朝） */
/**
 * Table of Contents:
 *
 * 1.0 - Body
 * 2.0 - Typography
 * 3.0 - Elements
 * 4.0 - Alignment
 */
/*! フォント定番
	【ゴシック系】
	font-family: Arial,Verdana,Helvetica,Roboto,"Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
	【明朝系】
	font-family: Garamond,"Times New Roman","HGS明朝E","MS PMincho","ＭＳ Ｐ明朝","Hiragino Mincho Pro","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
	【ウェブフォント】
	font-family: "Noto Sans Japanese";	※Google提供フリーフォント、日本語可
	【ウェブフォント】
	font-family: "Noto Sans Japanese"; ※Google提供フリーフォント、ゴシック系・漢字可
	font-family: "Sawarabi Mincho";    ※Google提供フリーフォント、明朝系・漢字可
*/
/*! 使用カラーコード
    【共通カラー】
	#ffffff 白
	#222222 黒
	#999999 灰
*/

/**
 * 1.0 - Body
 */

/**
 * 2.0 - Typography
 */
main p:not([class]) {
	text-indent: 1em;
}

table p,
dl p,
ul p,
ol p {
	margin: 0;
	text-indent: 0 !important;
}

address {
	font-style: normal;
}

blockquote {
	overflow: auto;
}

blockquote blockquote {
	margin: 0;
}

em {
	font-style: normal;
	font-weight: bold;
}

i {
	margin: 0 0.2em;
}

.wbr {
	display: inline-block !important;
	margin-right: -0.2em;
}

.lbr {
	display: block !important;
}

.invis {
	visibility: hidden;
}

.ensp:not(:last-of-type) {
	padding-right: 0.4em;
}

.emsp:not(:last-of-type) {
	padding-right: 0.8em;
}

.mincho {
	font-family: Garamond,"Times New Roman","Sawarabi Mincho","HGS明朝E","MS PMincho","ＭＳ Ｐ明朝","Hiragino Mincho Pro","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
	font-weight: normal;
}

.gothic {
	font-family: Arial,Verdana,Helvetica,Roboto,"Noto Sans Japanese","Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}

.weight {
	font-weight: bold;
}

.noweight {
	font-weight: normal;
}

.textshadow-white {
	text-shadow: #ffffff 2px 2px 4px, #ffffff -2px 2px 4px, #ffffff 2px -2px 4px, #ffffff -2px -2px 4px;
}

.textshadow-black {
	text-shadow: #222222 2px 2px 4px, #222222 -2px 2px 4px, #222222 2px -2px 4px, #222222 -2px -2px 4px;
}

.textedge-white {
	text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #fff, -1px -1px 0px #ffffff;
}

.textedge-black {
	text-shadow: 1px 1px 0px #222222, -1px 1px 0px #222222, 1px -1px 0px #222222, -1px -1px 0px #222222;
}


/**
 * 3.0 - Elements
 */
/* 水平線				----------------------*/
hr:not([class]) {
	border: none;
	border-top: 1px solid #999999;
}

hr.clearfix {
	clear: both;
	display: block;
	border: none;
}

/* リスト設定		----------------------*/
ul, ol, li, dl, dt, dd, th, td {
	padding: 0;
}

li, dt, dd, th, td,
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl,
td ul, td ol, td dl {
	margin: 0;
}

ul {
	list-style: none;
}

ul:not([class]) {
	margin-left: 1.6em;
	list-style-type: disc;
}

ol:not([class]) {
	margin-left: 1.6em;
	list-style-type: decimal;
}

.round > *,
.round2 > *,
.circle > *,
.square > *,
.star > *,
.asterisk-ja > *,
.asterisk-en > *,
.triangle-black > *,
.triangle-white > * {
	margin-left: 1.6em;
    position: relative;
}

.round > *:before,
.round2 > *:before,
.circle > *:before,
.square > *:before,
.star > *:before,
.asterisk-ja > *:before,
.asterisk-en > *:before,
.triangle-black > *:before,
.triangle-white > *:before {
	float: left;
	margin-left: -1.28em;
	margin-right: 0.16em;
	font-family: "Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}

.round > li:before,
.round > dt:before {
	content: "○";
}

.round2 > li:before,
.round2 > dt:before {
	content: "◎";
}

.circle > li:before,
.circle > dt:before {
	content: "●";
}

.square > li:before,
.square > dt:before {
	content: "■";
}

.star > li:before,
.star > dt:before {
	content: "★";
}

.asterisk-ja > li:before,
.asterisk-ja > dt:before {
	content: "※";
	font-weight: bold;
}

.asterisk-en > li:before,
.asterisk-ne > dt:before {
	content: "＊";
	font-weight: bold;
}

.triangle-black li:before,
.triangle-black dt:before {
	content: "▲";
    display: inline-block;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.triangle-white li:before,
.triangle-white dt:before {
	content: "△";
    display: inline-block;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

[class*="encircle-triangle"] > li,
[class*="encircle-triangle"] > dt {
	position: relative;
	padding-left: 1.28em;
}

[class*="encircle-triangle"] > li:before,
[class*="encircle-triangle"] > li:after,
[class*="encircle-triangle"] > dt:before,
[class*="encircle-triangle"] > dt:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

[class*="encircle-triangle"] > li:before,
[class*="encircle-triangle"] > dt:before {
	width: 1em;
	height: 1em;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: #222222;
}

[class*="encircle-triangle"] > li:after,
[class*="encircle-triangle"] > dt:after {
	left: 0.4em;
	width: 0;
	height: 0;
	border: 0.24em solid transparent;
	border-left: 0.32em solid #ffffff;
}

.encircle-triangle-white > li:before,
.encircle-triangle-white > dt:before {
	background-color: #ffffff;
}

.encircle-triangle-white > li:after,
.encircle-triangle-white > dt:after {
	border-left-color: #222222;
}

[class*="encircle-num"] {
	counter-reset: my-counter;
	list-style: none;
}

[class*="encircle-num"] > li,
[class*="encircle-num"] > dt {
	margin-left: 1.6em;
	margin-bottom: 0.4em;
}

[class*="encircle-num"] > li:before,
[class*="encircle-num"] > dt:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	float: left;
	display: block;
	width: 1.2em;
	height: 1.2em;
	margin-top: 0.32em;
	margin-left: -1.68em;
	margin-right: 0.16em;
	background-color: #ffffff;
	border: 1px solid #222222;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #222222;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

.encircle-num-black > li:before,
.encircle-num-black > dt:before {
	background-color: #222222;
	color: #ffffff;
}

dl.columns > * {
	padding: 0.2em 0.4em;
	overflow: auto;
}

dl.columns > dt{
	float: left;
	clear: left;
	margin-right: 0.8em;
}

dl.indent > dd {
	margin-left: 1.6em;
}

/* テーブル				----------------------*/
table th,
table td {
	padding: 0.2em;
	vertical-align: top;
}

table th {
	padding-right: 0.8em;
	text-align: left;
	white-space: nowrap;
}

/* box装飾				----------------------*/
[class*="boxframe"] {
	display: table;
	margin: 0 auto;
	padding: 0.64em 0.8em;
}

.boxframe-white {
	border: 1px solid #ffffff;
}

.boxframe-black {
	border: 1px solid #222222;
}

.box-radius {
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
}

.box-shadow-black {
	box-shadow: 0 0 0.8em -0.16em #999999;
}

.box-shadow-white {
	box-shadow: 0 0 0.8em -0.16em #ffffff;
}

.back-white {
	background-color: #ffffff;
}

.back-black {
	background-color: #222222;
}

.back-gray {
	background-color: #dddddd;
}

/**
 * 4.0 - Alignment
 */
figure {
	margin: 2em auto;
}

figcaption {
	font-size: 0.88em;
	line-height: normal;
}

figcaption > small {
	font-size: 0.88em;
}

img.alignright {
	display: block;
	margin: 0 0 0 auto;
}

img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

img.border {
	padding: 2px;
	border: 1px solid #999999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

.floatcenter {
	display: table;
	margin: 2em auto;
}

.floatright {
	float: right;
	margin: 0.4em 0 1.6em 2.0em;
}

.floatleft {
	float: left;
	margin: 0.4em 2.0em 1.6em 0;
}

*[class^="float"] + p {
	overflow: hidden;
}

.figure-border img {
	padding: 2px;
	border: 1px solid #999999;
}

.lineup > * {
	display: inline-block;
}