/* CSS Document */

@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　CSS for HTML5
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 VL 標準コンポーネント ver.2.2
--------------------------------------------------------------------------------------- */

/* フロート -------------------- */

.fltR { float: right; }
.fltL { float: left; }

/* 回り込み解除 -------------------- */

.clrL { clear: left; }
.clrR { clear: right; }

/* フロート（画像＋テキスト） -------------------- */

.fltRImg { float: right; margin: 0 0 10px 20px; }
.fltLImg { float: left; margin: 0 20px 10px 0; }

/* テキスト -------------------- */

.bold {	font-weight: bold; }
.marker { background: #FFFF99; padding: 2px 5px 1px 5px; }
.ul { text-decoration:underline; /*border-bottom:2px solid; padding-bottom:3px;*/ }

/* テキストカラー -------------------- */

.txtRed    { color: #AE0000; }
.txtPink   { color: #FF0066; }
.txtBlue   { color: #003366; }
.txtSkyblue   { color: /*#30A8CF*/ #0093FF; }
.txtGreen  { color: #87B924; }
.txtOrange { color: #FF6600; }
.txtBrown  { color: #504030; }
.txtGray   { color: #666666; }

/* テキストサイズ -------------------- */

.fontS08 { font-size: 80% ;}
.fontS12 { font-size: 120% ;}
.fontS14 { font-size: 140% ;}
.fontS16 { font-size: 160% ;}

/* テキスト高 -------------------- */

.fontH20 { line-height: 2.0em ;}
.fontH30 { line-height: 3.0em ;}

/* 背景カラー -------------------- */

.bgPink   { background: #CC3366; }
.bgBlue   { background: #C1E0FF; }
.bgGreen  { background: #339966; }
.bgOrange { background: #FF6600; }
.bgGray   { background: #EEEEEE; }

/* マージン・余白 -------------------- */

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; }
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px; }
.mgT30 { margin-top: 30px; }

.mgL05 { margin-left: 5px; }
.mgL10 { margin-left: 10px; }
.mgL20 { margin-left: 20px; }
.mgL40 { margin-left: 40px; }

.mgR05 { margin-right: 5px; }
.mgR10 { margin-right: 10px; }
.mgR20 { margin-right: 20px; }



/* --------------------------------------------------------------------------------------
 VL 追加コンポーネント ver.2.2
--------------------------------------------------------------------------------------- */

/* Copyright  -------------------- */

/**/

/* Hx  -------------------- */

/**/

/* Arrow  -------------------- */

ul.module_typeA {
	margin:0 0 10px;
	padding:20px 20px 10px;
	border:5px solid #ECEEF1;
	background:url(/images/typeA_bg.png);
	font-size:107%;
	color:#666;
}
ul.module_typeA li {
	margin:0 0 10px;
	padding:0 0 0 22px;
	background:url(/images/typeA.png) no-repeat 0 0.7em;
	list-style: none;
}
ul.module_typeB {
	margin:0 0 40px;
	width:100%;
}
ul.module_typeB li {
	margin:0 0 5px;
	padding:0 0 0 30px;
	background:url(/images/typeB.png) no-repeat 0.3em 0.7em;
	color:#1a4d97;
	font-size:121%;
	list-style: none;
}

.arrow {
    color:#1B4D96;
	font-size: 130%;
	font-weight: normal;
	line-height: 2.0em;
	padding:0 0 0 30px;
	background:url(/images/arrow03.png) no-repeat 0.3em 0.3em;
}
.arrow a { color:#1B4D96; }
.arrow a:hover { color:#3B74E7;}

/* Font  -------------------- */

em {font-style:normal; color:#555; font-weight:bold;}
cite {font-weight:bold; font-style:normal; font-size:115%; margin-top:30px;}
q {color:#777;}

#article .post_content a {color:#777; font-weight:bold;}
#article .post_content a:hover {color:#BBB;}

/*	Crassroom
--------------------------------------*/
.parking {background: #E94A78 url(/post/parking.png) no-repeat left center;
	padding:5px 25px 5px 45px;
	color:#FFF;
	font-size:14px;
	letter-spacing:2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}
.message {background:/*#01B0DD*/#20B2AA/*ThemeColor Blue 2 Green*/ url(/post/message.png) no-repeat left center;
	padding:3px 25px 1px 40px;
	padding:8px 25px 6px 40px;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	line-height:2em;
	letter-spacing:2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}

/* List-Nav-Local
----------------------------------------*/
.list-ordered-nav {
	margin: 2rem 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
  }
  .list-ordered-nav li {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
	margin: 0 1rem 0 0;
  }
  .list-ordered-nav li::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: /*#264E91*/#D85779;
	content: "\f061";
	display: block;
	margin: 0 0.5rem 0 0;
  }
  .list-ordered-nav li a {
	color: /*#264E91*/#D85779;
	text-decoration: underline;
  }
  .list-ordered-nav li a:hover {
	text-decoration: none;
  }
  .list-ordered-nav[data-list="B"] li::before {
	color: #D85779;
  }
  .list-ordered-nav[data-list="B"] li a {
	color: #D85779;
  }

/* --------------------------------------------------------------------------------------
 static , customize
--------------------------------------------------------------------------------------- */

/* プリロードイメージ -------------------- */

/**/

/* よくあるご質問 -------------------- */

.section_faq {
	margin:0 0 13px;
	padding:0 22px 0 55px;
	border:5px solid #EEE;
}
.section_faq p {
	padding:0 0 0 30px;
}
.section_faq .faq_question {
	margin:5px -30px 0 -45px;
	padding:9px 0 9px 50px;
	background:url(/images/icon_question.png) no-repeat 0 7px;
	font-size:107%;
	line-height:1.2;
}

.section_faq .faq_answer {
	padding:0 0 10px 40px;
	background:url(/images/icon_answer.png) no-repeat 0 0;
}