@charset "utf-8";
/* CSS Document */

/* =========================================================
共通部品
========================================================= */


/* ボックス
--------------------------------------------------------- */
.info-box-0 {
	display: block;
	padding: 0px;
	border: 0;
}
.info-box-1 {
	display: block;
	padding: 0;
	border: 1px solid #ccc;
}
.info-box-2 {
	display: block;
	padding: 10px;
	border: 1px solid #ccc;
}
.info-box-1-inner {
	margin: 10px;
}
.attention-box {
	display: block;
	padding: 2px 10px 1px;
	border: 1px dotted #d35336;
	background: #ffeee1;
	color: #d35336;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
}

/* 見出し
--------------------------------------------------------- */
.ttl-0 {
	background: #e8e8e8;
	font-weight: bold;
	padding: 0.4em 1em 0.35em;
	margin: 0;
}
.ttl-1 {
	background: #e8e8e8;
	font-weight: bold;
	padding: 0.4em 1em 0.35em;
	margin: 0 0 10px 0;
}
.ttl-2 {
	background: none;
	font-weight: bold;
	padding: 0.4em 1em 0.35em;
	margin: 0 0 10px 0;
	border: 0;
	border-left: 6px solid #ccc;
}

/* 境界線
--------------------------------------------------------- */
.hr,
.hr-4 {
	display: block;
	width: 100%;
	margin: 10px 0;
	border-top: 4px solid #f0f0f0;
}
.hr-1 {
	border-top: 1px solid #f0f0f0;
}
.hr-2 {
	border-top: 2px solid #f0f0f0;
}
.bg-pgray .hr,
.bg-pgray .hr-4,
.bg-pgray .hr-1,
.bg-pgray .hr-2 {
	border-color: #e0e0e0 !important;
}

/* 背景色
--------------------------------------------------------- */
.bg-white {
	background-color: #fff;
}
.bg-pgray {
	background-color: #f0f0f0;
}
.bg-pgray2 {
	background-color: #e1e1e1;
}
.bg-gold {
	background-color: #c4ab5f;
}
.bg-red {
	background-color: #d35336;
}
.bg-black {
	background-color: #000;
}
.bg-black2 {
	background-color: #333;
}
.bg-black3 {
	background-color: #666;
}
.bg-black4 {
	background-color: #999;
}

/* フォント色
--------------------------------------------------------- */
.color-white {
	color: #fff;
}
.color-pgray {
	color: #f0f0f0;
}
.color-pgray2 {
	color: #e1e1e1;
}
.color-gold {
	color: #c4ab5f;
}
.color-red {
	color: #d35336;
}
.color-black {
	color: #000;
}
.color-black2 {
	color: #333;
}
.color-black3 {
	color: #666;
}
.color-black4 {
	color: #999;
}

/* ----- 強調文字 ----- */
em {
	color: #d35336;
}


/* 文字装飾
--------------------------------------------------------- */
.link-blank {

}
.link-blank:before {
	font-family: "FontAwesome";
	content: "\f08e"; /* 「別窓」アイコン fa-external-link */
	padding: 0 10px 0 2px;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	display: inline-block;
	text-decoration: none;
}
.text-underline {
	text-decoration: underline !important;
}
.text-decoration-none {
	text-decoration: none;
}
/* 取消線はcommon.cssに定義 */

/* 箇条書きリスト
--------------------------------------------------------- */
/* ----- スタンダード（黒丸） ----- */
ul.standard {
	list-style-type: disc;
	list-style-position: inherit;
	margin: 10px 20px;
}
ul.standard li {
	margin: 0 0 10px 10px;
}

/* ----- 数字 ----- */
ul.decimal,
ol.standard {
	list-style-type: decimal;
	list-style-position: inherit;
	margin: 10px 20px;
}
ul.decimal li,
ol.standard li {
	margin: 0 0 10px 10px;
}

/* ----- ローマ数字（大文字） ----- */
ul.upper-roman {
	list-style-type: upper-roman;
	list-style-position: inherit;
	margin: 10px 20px;
}
ul.upper-roman li {
	margin: 0 0 10px 10px;
}



/* ボーダー色
--------------------------------------------------------- */
.border-white {
	border-color: #fff;
}
.border-pgray {
	border-color: #f0f0f0;
}
.border-pgray2 {
	border-color: #e1e1e1;
}
.border-gold {
	border-color: #c4ab5f;
}
.border-red {
	border-color: #d35336;
}
.border-black {
	border-color: #000;
}
.border-black2 {
	border-color: #333;
}
.border-black3 {
	border-color: #666;
}
.border-black4 {
	border-color: #999;
}






/* レイアウト
--------------------------------------------------------- */

.container {
	padding: 20px;
}
.section {
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 3px #ccc;
	margin-top: 20px;
}






/* もっと見るリンク
--------------------------------------------------------- */
/* ----- リンク - テキスト ----- */
.more-link-text {
	text-align: right;
	margin: 10px 0;
}
.more-link-text a {

}
.more-link-text i {
	padding: 0 10px;
	font-size: 120%;
	font-weight: bold;
}
/* ----- リンク - ブロック ----- */
.more-link-block {
	text-align: center;
	margin: 10px 0;
}
.more-link-block a {
	display: block;
	background: #888;
	padding: 0.8em;
	color: #fff;
}
.more-link-block a:hover {
	background: #606060;
	text-decoration: none;
}
.more-link-block i {
	padding: 0 10px;
	font-size: 120%;
	font-weight: bold;
}

/* ----- アコーディオン - テキスト ----- */
.more-accordion-text {
	text-align: right;
	margin: 10px 0;
}
.more-accordion-text {
	cursor: pointer;
	text-decoration: none;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
.more-accordion-text:hover {
	background: #dbdbdb;
}
.more-accordion-text:after {
	font-family: "FontAwesome";
	content: "\f107"; /* 「下矢印」アイコン */
	padding: 0 10px;
	font-weight: normal;
}
.more-accordion-text.open:after {
	font-family: "FontAwesome";
	content: "\f106"; /* 「上矢印」アイコン */
}

/* ----- アコーディオン - ブロック ----- */
.more-accordion-block {

}
.more-accordion-block a {
	text-align: right;
	display: block;
	padding: 0.8em 40px;
	margin: 0 auto;
	font-size: 120%;
}
.more-accordion-block a i {
	padding: 0 10px;
	margin: 0 auto;
	font-size: 130%;
	color: #888;
	vertical-align: middle;
}
.more-accordion-block a:hover {
	background: rgba(0, 0, 0, 0.1);
	color: #333;
	text-shadow: none;
	text-decoration: none;
}
.more-accordion-block a:hover i {
	color: #333;
}


.inline-link-text {
	letter-spacing:-0.4em;/* inline-block Hack */
}
.inline-link-text li {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display: inline;/* inline-block Hack forIE */
	*zoom: 1;/* inline-block Hack forIE */
	vertical-align: top;
	padding: 0 10px;
	border-left: 1px solid #999;
}
.inline-link-text li .no-link,
.inline-link-text li a[href=""] {
	text-decoration: none;
	color: #ccc;
}
.inline-link-text li a {
	display: block;
	text-decoration: underline;
}
.inline-link-text li a:hover {
	text-decoration: none;
}
.inline-link-text li:first-child {
	border-left: 0;
	padding-left: 0;
}

@media screen and (max-width: 600px) {

	/* もっと見るリンク
	--------------------------------------------------------- */
	/* ----- テキストタイプ----- */
	.more-link-text {
		text-align: right;
		margin: 16px 10px 4px;
	}
	.more-link-text a {
	
	}
	.more-link-text i {
	
	}
	/* ----- アコーディオンタイプ ----- */
	.more-accordion-block {
	
	}
	.more-accordion-block a {
		text-align: center;
		padding: 8px 10px;
		font-size: 90%;
	}
	.more-accordion-block a i {
	}
	.more-accordion-block a:hover {
	}
	.more-accordion-block a:hover i {
	}



	/* ボタン
	--------------------------------------------------------- */
	.contents .btn-block {
		background: #c4ab5f;
		display: block;
		min-height: 40px;
		line-height: auto;
		border-radius: 3px;
		font-size: 120%;
		border: 0;
		width: 100%;
		box-shadow: none;
	}
}



/* ----- アコーディオン - ブロック (showmore) ----- */
/* 一定の高さ以上の内容を隠しアコーディオンで表示 */
/* Shore more styles */
.showmore {
}
.showmore_content { 
	position: relative;
	overflow: hidden;
}
.showmore_trigger { 
	width: 100%;
	cursor: pointer;
}
.showmore_trigger span {
	display: block;
}

.showmore_trigger>.more,
.showmore_trigger>.less {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-weight: bold;
	background: #888;
	color: #fff;
}

.showmore_trigger>.more:hover,
.showmore_trigger>.less:hover {
	background: #dbdbdb;
}
.showmore_trigger>.more:after {
	font-family: "FontAwesome";
	font-size: 120%;
	content: "\f107"; /* 「下矢印」アイコン */
	padding: 0 10px;
	font-weight: normal;
}
.showmore_trigger>.less:after {
	font-family: "FontAwesome";
	font-size: 120%;
	content: "\f106"; /* 「上矢印」アイコン */
	padding: 0 10px;
	font-weight: normal;
}


/* ドロップダウン（アコーディオン）
--------------------------------------------------------- */
/* ----- ドロップダウン - インライン ----- */
.form-dropdown-wrap {
	margin: 0 8px 0 0;
	/*display: inline-block;*/
	display: table-cell;
}
.form-dropdown-inner {
	position: relative;
	margin: 0;
}
.form-dropdown-select {
	text-align: left !important;
	margin: 0;
	position: relative;
	height: 34px !important;
	cursor: pointer;
	text-decoration: none;
	padding-left: 6px !important;
	padding-right: 0 !important;
	line-height: 32px !important;
	background: #fff !important;
	box-shadow: none !important;
	overflow: hidden;
}
@media screen and (max-width: 600px) {
  .form-dropdown-select {
	  height: 40px !important;
	  line-height: 36px !important;
  }
}
.form-dropdown-select:hover {
	opacity: 1;
}
.form-dropdown-select:after {
	font-family: "FontAwesome";
	content: "\f107"; /* 「下矢印」アイコン */
	padding: 0 12px;
	font-size: 140%;
	font-weight: normal;
	border-left: 1px solid #ccc;
	margin: 4px 0 4px 16px;
	line-height: 24px;
	position: absolute;
	right: -50px;
	width: 60px;
	display: inline-block;
}
/*
.form-dropdown-select.open:after {
	font-family: "FontAwesome";
	content: "\f106"; /* 「上矢印」アイコン *
}*/
.form-dropdown-option {
	background: #fff;
	border: 1px solid #ccc;
	padding: 0;
	position: absolute;
	top: 33px;
	width: 100%;
	display: block;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	z-index: 999;
}
.form-dropdown-option ul {
}
.form-dropdown-option li {
	padding: 6px;
	cursor: pointer;
	width: auto;
	min-width: 6em;
}
.form-dropdown-option li:hover {
	background: #f0f0f0;
	text-decoration: none;
}
.form-dropdown-option li a:hover {
	text-decoration: none;
}