/*-------------------------------------
   index.css　
-------------------------------------*/

#mainImage {
	width:100%;
	text-align:center;
}
#mainImage img {
	width:100%;
	margin-bottom:15px;
}
#snsarea {
	width:75%;
	margin:0 auto 15px;
}
#snsarea > div {
	float:left;
	width:25%;
	text-align:center;
}
#snsarea > div img {
	width:40px;
}
.video {
	margin-bottom:30px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom:15px;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#flow {
	position:relative;
}
#flow .nav {
	padding-bottom:20px;
	overflow: hidden;
}
#flow .nav li {
	float:left;
	width:50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#flow .nav li:nth-child(1) {
	border-right:2px solid #0087C4;
}

#flow h3 {
	margin-bottom:15px;
}
#flow .btnVideoList {
	width:161px;
	margin:0 auto 2px;
}
#flow h4 {
	margin-bottom:10px;
}
#flow .step li {
	margin-top:12px;
	padding-bottom:33px;
	background:url(../img/flow_original_06.gif) center bottom no-repeat;
	background-size:37px;
}
#flow .step.copy li {
	background-image:url(../img/flow_copy_06.gif);
}
#flow .step .inner {
	border:2px dotted #957481;
}
#flow .step li .text {
	padding:10px 0;
	text-align:center;
}
#flow .step li sup {
	font-size:5px;
}
#flow .step li.step03 {
	background:none;
	padding-bottom:10px;
}
#flow .btnDL {
	margin-bottom:40px;
}

.firestorage {
	margin:15px 0 10px 0;
}
.firestorage dt {
	color:#00a0e9;
}
.att {
	font-size:11px;
}
#rize .read {
	width:195px;
	margin:0 auto 15px;
}
#rize .rizeList li {
	margin-bottom:15px;
}
#rize .rizeList li.rize04 {
	overflow:hidden;
}
#rize .rizeList li.rize04 .image01 {
	float:left;
	width:37%;
}
#rize .rizeList li.rize04 p {
	float:left;
	width:63%;
}
#rize .rizeList li.rize04 p.text {
	float:left;
}

#guideline .read {
	margin-bottom:12px;
	color:#E3007F;
	font-weight:bold;
}
#guideline dt {
	color:#E3007F;
}
#guideline dd {
	margin-bottom:12px;
}
#guideline dd .btnDL {
	margin-top:5px;
}
#guideline .rule_title {
	margin-bottom:7px;
	color:#E3007F;
	font-weight:bold;
}
#guideline #rule {
	padding:10px;
	border: 2px dotted #e4007f;
	height: 88px;
	width: auto;
	overflow:hidden;
}
#guideline #rule p,
#guideline #rule ul {
	margin-bottom:6px;
}
#guideline #rule li {
	margin-left:1em;
	text-indent:-1em;
}
#guideline #rule li ul {
	margin-left:1em;
}
#guideline #rule li li {
	text-indent:-2em;
}