@charset "utf-8";

/* ****************************************************************************

	response.css

******************************************************************************* */

/* ==
	smartphone
=============================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {
/* -------- header -------- */
header{padding:8px 0;}
header img.logo-pp {
	height: 25px;
}
header img.logo-rush {
	height: 25px;
}
header img.logo-undoukaiya {
	height: 25px;
}
header{
	background-color:#FFFFFF;
	padding:10px 0;
}
header div p a{
	display:inline-block;
}
.header-logo{
	float:none;
	margin-left:0;
	text-align:center;
}
.header-social{
	float:none;
	text-align:center;
}
.social li{
	float:none;
	display:inline-block;
	margin-right:10px;
}

/* -------- contents -------- */
#contents{min-width: inherit;}
img{max-width: 100%;}

/* -------- シェアボタン -------- */
.share-section{margin-top: 0 !important;}
.share-section ul{
	margin: 0 auto;
	width: 200px;
}
.share-section li{
	float:none;
	display: block;
	margin: 0; padding: 0;
	overflow: hidden;
}
.share-section li:nth-of-type(3) {
	display: block;
}

/* -------- footer -------- */
#foot-line{margin:0 auto; padding:20px 0;width:100%;text-align:center;font-size: 11px;color: #999;}
.footer-section {
	margin: 15px;
	font-size: 10px;
}


/* ==
	this page only
=============================================================================== */
.pc{display: none;}
.sp{display: block;}
#container{
	padding-bottom: 80px;
	background-size: 100%;
}
#contents{width: 100%;}
.step, .video, .detail, .qa{width: 100%;}

/* -------- title -------- */
h2{margin:60px 0 20px;}

/* -------- topimg -------- */
.topimg{
	margin: 0; padding: 0;
}
.topimg:after, .topimg:before{ display: none;}

/* -------- button -------- */
.button, .button:hover{
	width: 90%;
	height: 70px;
	background-size: 100%;
}
.btn-txt{
	margin: 10px;
	font-size: 16px;
}
.reports{
	margin: 0 0 40px;
	font-size: 22px;
}
.reports a{color: #fff;}

/* -------- copy -------- */
.copy{
	margin: 0;
	padding: 40px 0;
}
.copy p{
	margin: 0 10px;
	font-size: 14px;
}
.copy span{ font-size: 20px; }

/* -------- step -------- */
.step dt, .step dd{ float: none;}
.step dt{margin-right: 0;}
.step-img{width: 100%;}
.step-txt{width: 100%;}
.step img{width: 100%;}
.step-tit p.time, .step-tit p.title{
	float: none;
	display: block;
	margin: 5px auto 0;
	text-align: center;
}
.step-tit p.time{
	margin-top: 10px;
	width: 30%;
}
.step-tit p.title{
	width: 100%;
	padding-top: 0;
	font-size: 20px;
	line-height: 1.5em;
}
.step-caption{
	margin: 10px;
	font-size: 14px;
}

/* -------- detail -------- */
.detail dt,.detail dd{
	float: none;
	display: block;
	width: 95%;
	margin: 10px auto;
	padding: 0;
	text-align: center;
}
.detail dl:first-child{padding-top: 0;}
.detail dt{
	font-size: 20px;
	font-weight: normal;
	text-shadow:0 0 5px #265CFF;
}
.detail dd{font-size: 14px;}

/* -------- qa -------- */
.qa dl{margin: 0 10px;}
.qa dt{
	font-size: 20px;
	padding: 3px 0 5px 40px;
}
.qa dd{font-size: 14px;}

/* -------- staff -------- */
.staff{margin-bottom: 40px;}
.staff p{
	margin: 0 10px 20px;
	font-size: 20px;
}

}