/*スマホ用設定*/
/*----------------------------------------------------------------------------*/
html {
 font: 13px/1.231 Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 3 */
 -webkit-text-size-adjust: 100%; /* 4 */
 -ms-text-size-adjust: 100%; /* 4 */
}
p{
	width:95%;
	margin:10px auto;
	font-size:14px;
	line-height:1.6;
	}

/*----------------------------------------------------------------------------
*//*ヘッダー*/
#header {
		background-color:#ff5a00;
		}
		
/*----------------------------------------------------------------------------*/
/*ソーシャルボタン*/
.socialArea {
		/*width: 360px;*/
		width: 210px;
		margin:0 auto;
		padding:10px 0 5px 0;
		zoom: 1;
}
/*回り込みクリア*/
.socialArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*DW*/
.socialArea + * {
	clear: both;
}


.twitterTag {
	width:50%;
	float:left;
	}
.lineTag {
	width:50%;
	float:left;
}
	
.facebookTag {
	width:50%;
		float:left;
}
/*----------------------------------------------------------------------------*/
/*表紙*/
.hyoushi{
	width:95%;
	margin:20px auto;
	font-size:14px;
	line-height:1.6;
	}
.hyoushi img{
	display:block;
	width:85%;
	margin:0 auto;
	}
.hyoushi p{
	margin:10px 0 0 0;
	font-size:23px;
	font-weight:bold;
	color:#ff5a00;
	line-height:1.6;
	}
/*----------------------------------------------------------------------------*/
/*ボタン*/
.nav{
	padding:10px;
	background:#ff5a00;
	}
		
.nav ul {
	overflow:hidden;
}
.nav li {
	width:50%;
	float:left;
	text-align:center;
	list-style:none;
	}
	
.nav li a:link{
	display:block;
	margin:0 auto 10px;
	width:95%;
	height:70px;
	line-height:70px;
	color:#ff5a00;
	background:#ffdecc;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
}
.nav li a:visited{
	display:block;
	margin:0 auto 10px;
	width:95%;
	height:70px;
	line-height:70px;
	color:#ff5a00;
	background:#ffdecc;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
}
.nav .ph{
	display:block;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	width:97%;
	height:70px;
	background:#ffdecc;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
}

.ph{
	display:block;
	text-align:center;
	margin:10px auto;
	padding:10px 0;
	width:97%;
	height:70px;
	background:#ff7b33;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   	border-radius: 20px;         /* CSS3 */
}

/*----------------------------------------------------------------------------*/
/*画像*/
.max img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	}	
		
/*----------------------------------------------------------------------------*/
/*使い方*/
.ttl{
	font-size:20px;
	color:#ff5a00;
	width:100%;
	padding:20px;
	background-color:#000;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	}
.step1{
	height:auto;
	width:100%;
	padding:10px;
	background-color:#ff5a00;
	overflow:hidden;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	}
.step1 p{
	font-size:16px;
	line-height:1.8;
	color:#000;
	margin:10px 0 0 80px;

	}
.step1 img{
		float:left;
	}
.step2{
	height:auto;
	width:100%;
	padding:10px;
	background-color:#ff8644;
	overflow:hidden;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	}
.step2 p{
	font-size:16px;
	line-height:1.8;
	color:#000;
	margin:10px 0 0 80px;

	}
.step2 img{
		float:left;
	}
.step3{
	height:auto;
	width:100%;
	padding:10px;
	background-color:#ffa270;
	overflow:hidden;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	}
.step3 p{
	font-size:16px;
	line-height:1.8;
	color:#000;
	margin:10px 0 0 80px;

	}
.step3 img{
		float:left;
	}

/*----------------------------------------------------------------------------*/
/*Q&A*/
.column{
	margin:0 auto;
	width:95%;
	}

.column strong{
	display:block;
	font-size:16px;
	line-height:1.4;
	color:#ff5a00;
	padding:10px 0 5px 0;
	border-bottom:#ff5a00 2px solid;
	}
.column b{
	display:block;
	font-size:18px;
	line-height:1.4;
	color:#ff5a00;
	padding:5px 0 15px 0;
	}
.column em{
	display:block;
	padding:5px 0 10px 0;
	font-size:14px;
	line-height:1.8
	color:#333;
	}
.column em.blue{
	color:#3d77c6;
	}

.mail{
	text-align:center;
	width:100%;
	padding:20px;
	background-color:#ff5a00;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	}
.mail a{
	font-size:20px;
	color:#fff;
	text-decoration:none;
	}

/*----------------------------------------------------------------------------*/
/*結果発表*/
.column p{
	font-size:20px;
	line-height:1.4;
	color:#ff5a00;
	}
/*----------------------------------------------------------------------------*/
/*非対応作品一覧*/
.sakuhin{
	width:100%;
	overflow:hidden;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	}
.sakuhin img{
		float:left;
	}
	
.sakuhin p {
	font-size:14px;
	padding:4px 0 0 60px;
	color:#333;
	text-decoration:none;
}

.sakuhin ul {
	text-align:left;
}

.sakuhin ul li a:link{
	display:block;
	background:url(../_image/cmn_linkRight.png) no-repeat right center;
	background-size:15px 29px;
	padding:10px;
	color:#333;
	text-decoration:none;
	border-top:1px solid #ccc;
}
.sakuhin ul li a:visited{
	display:block;
	background:url(../_image/cmn_linkRight.png) no-repeat right center;
	background-size:15px 29px;
	padding:10px;
	color:#333;
	text-decoration:none;
	border-top:1px solid #ccc;
}






	
	
/*----------------------------------------------------------------------------*/
/*フッター*/
#footer {
 padding: 0 0 12px 0;
 background-color:#fff;
 clear:both;
 box-sizing: border-box;
-webkit-box-sizing:border-box;
}

#footer p {
	font-size:12px;
	padding:15px;
	color:#333;
	text-decoration:none;
	box-sizing: border-box;
-webkit-box-sizing:border-box;
}

#footer ul {
	font-size:12px;
	color:#333;
	text-align:left;
	background-color:#fff;
}

#footer ul li a:link{
	display:block;
	background:url(../_image/cmn_linkRight.png) no-repeat right center;
	background-size:15px 29px;	padding:15px;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}
#footer ul li a:visited{
	display:block;
	background:url(../_image/cmn_linkRight.png) no-repeat right center;
	background-size:15px 29px;	padding:15px;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}

#footer ul li.ttl{
	font-size:12px;
	display:block;
	padding:15px;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	background-color:#f4f4f4;
}