@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : components.css
 author     : Ability Consultant
 style info : components
=================================================================== */
.box_topicpath ul:after {
	content: "";
	display: table;
	clear: both;
}

/* Animation */
/* Font size */
/*Vertical text */
/* -----------------------------------------------------------
	btn
----------------------------------------------------------- */
.btn_orange {
	display: block;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	cursor: pointer;
	background: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.btn_orange a {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	text-decoration: none !important;
}
.btn_orange span {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 100%;
	line-height: 100%;
	padding: 1.6em 0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}
.btn_orange.small span {
	padding: 1.065em 0;
}
.btn_orange:hover {
	opacity: .7;
}
.btn_orange span {
	background: transparent url(../images/common/bg_btn_orange.jpg);
}

.btn_red {
	display: block;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	cursor: pointer;
	background: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.btn_red a {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	text-decoration: none !important;
}
.btn_red span {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 100%;
	line-height: 100%;
	padding: 1.6em 0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}
.btn_red.small span {
	padding: 1.065em 0;
}
.btn_red:hover {
	opacity: .7;
}
.btn_red span {
	background: transparent url(../images/common/bg_btn_red.jpg);
}

.btn_brown {
	display: block;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	cursor: pointer;
	background: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.btn_brown a {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	text-decoration: none !important;
}
.btn_brown span {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 100%;
	line-height: 100%;
	padding: 1.6em 0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}
.btn_brown.small span {
	padding: 1.065em 0;
}
.btn_brown:hover {
	opacity: .7;
}
.btn_brown span {
	background: transparent url(../images/common/bg_btn_brown.jpg);
}

.btn_black {
	display: block;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	cursor: pointer;
	background: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.btn_black a {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	text-decoration: none !important;
}
.btn_black span {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 100%;
	line-height: 100%;
	padding: 1.6em 0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}
.btn_black.small span {
	padding: 1.065em 0;
}
.btn_black:hover {
	opacity: .7;
}
.btn_black span {
	background: transparent url(../images/common/bg_btn_black.jpg);
}

/* -----------------------------------------------------------
	.st_md
----------------------------------------------------------- */
.st_md {
	font-weight: normal;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 250%;
}

/* -----------------------------------------------------------
	.st_md2
----------------------------------------------------------- */
.st_md2 {
	font-weight: normal;
	text-align: center;
}
.st_md2 span {
	display: none;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 188%;
	-webkit-writing-mode: tb-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	-moz-text-orientation: upright;
	-ms-text-orientation: upright;
	text-orientation: upright;
	text-align: left;
	display: inline-block;
}
.st_md2 span em {
	font-size: 150%;
}

.st_md2_txt {
	font-weight: normal;
	text-align: center;
	font-size: 250%;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}

/* -----------------------------------------------------------
	.st_md3
----------------------------------------------------------- */
.st_md3 {
	text-align: center;
	font-weight: normal;
	color: #221608;
	font-size: 219%;
	margin-bottom: 40px;
}

.st_md3_txt {
	text-align: center;
	font-weight: normal;
	color: #221608;
	font-size: 250%;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}

/* -----------------------------------------------------------
	.box_topicpath
----------------------------------------------------------- */
.box_topicpath {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 2em;
}
.box_topicpath ul li {
	float: left;
	color: #fff;
	font-size: 88%;
	margin-right: .5em;
}
.box_topicpath ul li a {
	color: #fff;
	font-size: 100%;
	text-decoration: none !important;
}
.mouse .box_topicpath ul li a:hover, .touch .box_topicpath ul li a.touchstart {
	text-decoration: underline !important;
}
.touch .box_topicpath ul li a {
	-webkit-tap-highlight-color: transparent;
}
.touch .box_topicpath ul li a.touchend {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}