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


/* トランジションの指定 */
.thrust .detail{
	transition:0.5s ease;
	-moz-transition:0.5s ease;
	-webkit-transition:0.5s ease;
	-o-transition:0.5s ease;
	-ms-transition:0.5s ease;
	opacity:0.0;
}
.thrust :checked + .button + .detail{
	opacity:1.0;
}
/* ミテクレのCSSは適当に */
.thrust{
	padding:0.5em 0.5em 0.01% 0.5em;
		font-size: 125%;
}
.thrust .detail{
	line-height:24px;
	padding:0 2em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	color:#2A2424;
}
.thrust .button{
	padding:20px;
	position:relative;
	z-index:1;
	background:#E9CECF;
	color:#2A2424;
	font-weight:bold;
	border-radius:4px;
	cursor:pointer;
	font-weight:normal;
}
.thrust .button:after{
	content: "▼";
	padding: 0.25em 0;
	width: 4.8em;
	display: block;
	text-align: center;
	position: absolute;
	top:2.5em;
	right: 2em;
	z-index: 10;
	background: #EFEFEF;
	color: #CCC;
	font-size: 0.5em;
	line-height: 2.0em;
	border-radius: 4px;
}
.thrust :checked + .button:after{
	content:"▲";
}


/* ========================================================================

	SmartPhone Styling
	
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 750px) {
/* ===================================================================== */

.thrust .button{
	font-size: 100%;
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 20px;
	padding-bottom: 20px;
	line-height:22px;
}

.thrust .detail p{
			font-size: 100%;
			line-height:24px;
}


.thrust .button h3{
            margin-left:5em;
}

}