@charset "shift_jis";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	background:transparent;
	font-size:100%;
	vertical-align:baseline;
	outline:0;
	border:0;
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
ul {
	list-style:none;
}
a {
	background:transparent;
	font-size:100%;
	vertical-align:baseline;
	margin:0;
	padding:0;
}
input,select {
	vertical-align:middle;
}
input[type=checkbox],
input[type=radio] {
	vertical-align:baseline;
}
br {
	letter-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #d7d8da;
	box-sizing:content-box;
	margin:1em 0;padding:0;
}
img {
	vertical-align:bottom;
	border:0;
}
li {
	list-style-type:none;
}
pre {
	font-family:monospace, sans-serif;
	white-space:pre-wrap;
	word-wrap:break-word;
	margin:0;
}
b, strong {
	font-weight:700;
}
dfn, em {
	font-style:normal;
}



/* Basic settings
--------------------------------------------------------- */
body { font:14px/1.231 "メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif; -webkit-text-size-adjust:none;}
a {color:#011b8f; text-decoration:none;}
a, button, input, select { -webkit-tap-highlight-color:rgba(0,0,0,0.3);}
textarea, input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], input[type="url"] {font-size:16px;}
textarea, pre { font-family:"ヒラギノ角ゴ ProN W3", Helvetica, "HelveticaNeue", Verdana, sans-serif;}



/* Contents Area
--------------------------------------------------------- */
.notice {
	color: #e80000;
	padding-left: 3px;
	font-weight: normal;
}
input, textarea {
	padding: 6px;
}
select {
	padding:8px;
	font-size:14px;
}


/* Header
--------------------------------------------------------- */
#header {
	height:33px;
	padding:12px 5px 0 5px;
	border-bottom:4px solid #405086;
	z-index:1;
}

#header #logo .spkakakuLogo img {
	width:120px;
}
	
/* Breadcrumbs
--------------------------------------------------------- */
.spBreadcrumbs {
	overflow:hidden;
	background:#b3c5dd;
	height:25px;
	z-index:1;
}
.spBreadcrumbs ul {
	overflow:hidden;
	display:table;
	background:#d8e1ed;
	background:-webkit-gradient(linear,left top,left bottom,from(#f0f4fa), to(#d8e1ed));
	background:-moz-linear-gradient(top, #f0f4fa, #d8e1ed);
	height:25px;
}
.spBreadcrumbs ul li {
	display:table-cell;
}
.spBreadcrumbs ul li span {
	display:block;
	background:url(https://img1.kakaku.k-img.com/images/smartphone/breadcrumbs_01.png) no-repeat right top;
	background-size:11px 26px;
	padding:0 11px 0 0;
}
.spBreadcrumbs ul li:first-child {
	padding-left:1px;
}
.spBreadcrumbs ul li:last-child span {
	background:url(https://img1.kakaku.k-img.com/images/smartphone/breadcrumbs_02.png) no-repeat right top;
	background-size:11px 26px;
	padding-right:11px;
}
.spBreadcrumbs ul li a {
	overflow:hidden;
	display:block;
	padding:0 0 0 4px;
	height:24px;
	color:#000;
	line-height:24px;
	word-wrap:break-word;
	word-break:break-all;
	border-top:1px solid #fff;
}
.pageTtl .pr {
	position: absolute;
	display:block;
	top: 49px;
	right: 0;
	padding: 0 7px;
	height: 25px;
	background: #7488ae;
	color: #fff;
	letter-spacing: -0.001em;
	font-size: 14px;
	line-height: 25px;
}
.spBreadcrumbs {
	padding-right: 61px !important;
}



/* Footer
--------------------------------------------------------- */
footer {
	background:#b3c5dd ;
	border-top:1px solid #bbb;
	z-index:1;
}
footer .backToTop:before {
	content:"";
	display:block;
	background:#fff;
	height:1px;
}
footer .backToTop {
	background:#dfe5f1;
}
footer .backToTop a {
	display:block;
	padding:11px 7px 11px 0;
	text-align:right;
}
footer .backToTop a span {
	display:inline-block;
	background:url(https://img1.kakaku.k-img.com/images/smartphone/icon_arrow.png) no-repeat 0 2px;
	background-size:22px 165px;
	padding-left:20px;
	color:#000;
}
footer .copyright {
	display:block;
	background:#405080;
	padding:3px 0;
	color:#fff;
	text-align:center;
}

/* 非表示設定 */
#logo .categoryIcon,
.pcguide,
.pcBreadcrumbs,
.pcMainTitle,
.pcFooter,
.pckakakuLogo,
.pcItem,
.pageTtl .pr { display: none; }


/* 共通指定 */
#mainContents {
	width: 100%;
}

.formWrap,
.formTitle,
.infoList,
.lead,
.linkList,
.linkArea {
	padding:0 18px;
	font-size:15px;
}

h1 {
	margin-bottom:15px;
	background: url(/images/article/pr/20/05_dji/sp_main_title.jpg) no-repeat 0 0;
	background-size:100%;
	padding-top: 52%;
	text-indent: -9999px;
	height:0;
}
h2 {
	border-bottom: #999 dotted 1px;
	border-left: #91b0ba solid 7px;
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 15px 0;
	padding: 3px 0 8px 10px;
}

.mTop25 {
	margin-top: 25px;
}
.mTopspace {
	margin-top: 35px;
}


/* リード */
.lead {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.lead span {
	display: block;
	margin: 10px 0;
}
.caption {
	font-size: 12px;
	margin:10px 0 0;
}

/* IVリンク・メーカーリンク */
.linkList {
	margin-top: 10px;
}
.linkList li {
	font-size: 13px;
	margin-top: 10px;
}
.linkList li:before {
	content: "\0276F\0276F";
	margin-right: 3px;
}

/* 公応募要項界以下共通 */
.formWrap p,
.infoList dt,
.infoList dd,
.infoList li,
.sentence,
#question,
#personal {
	line-height: 1.5;
}

.sentence {
	margin-bottom: 20px;
}

.formWrap .caption,
.nickName dd span,
.mail dd span {
	font-size:13px;
}

input, 
textarea,
select{
	border:#676767 1px solid;
	border-radius: 3px;
}

select {
	background: #fff;
}

/* モニター応募要項 */
.infoList {
	font-size: 12px;
}
.infoList dt {
	font-weight: bold;
	margin-bottom: 2px;
}
.infoList dd {
	line-height: 1.6;
	margin-bottom: 10px;
}
.infoList li {
	margin-bottom: 7px;
	text-indent: -1em;
	padding-left: 1em;
}

.checkWrapTop {
	background-color:#f0f0f0;
	text-align:center;
	padding:10px 0;
	margin-top:20px;
	font-size:14px;
}
.checkWrapTop label {
	margin-left:5px;
}


/* 個人情報 */
#personal dl { 
	margin-bottom: 20px;
}
#personal dt {
	background: #f1f1f1;
	padding: 8px 0 5px 10px;
	margin-bottom: 15px;
}
#personal input[type=text],
#personal input[type=email] {
	width: 100%;
	margin-bottom: 8px;
	box-sizing:border-box;
}
#personal .name input[type=text] {
	margin-left:10px;
	width:70%;
}
#personal input[type=radio] {
	margin: 0 5px 5px 5px;
}
#personal input[type=radio] + label {
	margin-right:20px;
}
#personal select {
	width:60%;
}
#personal [type=tel] {
	width:25%;
}


/* 設問内指定 */

#question .q_data {
	margin-bottom:30px;
}
#question .q_data .q_No {
	background: #f0f0f0;
	padding:8px 10px 5px;
	margin-bottom: 15px;
}
#question .subQ {
	font-weight:bold;
}
#question .q_data .q_list p {
	margin-bottom: 10px;
}
#question li{
	margin-bottom:10px;
}
#question textarea {
	width: 95%;
}
#question .txtAnswer { 
	vertical-align: middle;
}
#question .txtAnswer input[type=text] {
	width:50%;
	box-sizing:border-box;
}

#question .txtAnswer input.click {
	width:auto;
	margin-right:5px;
}
#question .txtAnswer02 .itemName {
	display: block;
}
#question .txtAnswer02 input[type=text] {
	width: 100%;
	box-sizing: border-box;
}


/* 同意事項 */
#agreeWrap {
	background: #f0f0f0;
	width: auto;
	margin: 30px 0 0;
	padding: 15px;
}
#agreeWrap h4 {
	font-size: 100%;
	margin-bottom: 10px;
}
#agreeWrap ol {
	width: auto;
	margin-bottom: 10px;
}
#agreeWrap li {
	font-size: 85%;
	line-height: 1.7;
	text-indent: -10px;
	padding-left: 13px;
	margin-bottom: 5px;
}
.checkWrap {
    background-color: #FFF;
    padding: 10px 0 8px;
    clear: both;
	text-align:center;
}
.checkWrap input {
	margin-right: 10px;
}


/* 送信ボタン */
.submit{
	text-align: center;
	margin: 30px 0 40px;
}
.submit a {
	background: linear-gradient(0deg, #2f8cd4, #57aaea);
	border: #3487c8 solid 1px;
	border-radius: 3px;
	color: #FFF;
	font-size: 14px;
	padding: 15px 60px;
	box-sizing:border-box;
	width:100%;
	display:block;
}
.submitArea .end {
	margin-top:-20px;
}
.submitArea {
	overflow: hidden;
	zoom: 1;
	margin-bottom:30px;
}
.submitArea  #btnBack {
	float: left;
	width:50%;
	padding: 10px 0;
}
.submitArea  #btnSubmit {
	float:right;
	width:40%;
	padding: 10px 0;
}


/* エラー */
input.inputError,select.inputError,
textarea.inputError {
	border: 1px solid #e54040;
	background: #ffecec;
}
.errortext {
	color: #d00;
	margin-bottom:5px;
	display: block;
	font-size: 92%;
}


/* thanksページ */

.linkArea {
	padding-bottom:20px;
}

.linkArea dt {
	line-height:1.2;
	margin-bottom:15px;
	border-left:#999 8px solid;
	padding-left:10px;
}
.linkArea dd {
	margin:0 20px 10px 0;
	position: relative;
	display:inline-block;
	padding-left:15px;
}
.linkArea dd:after {
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/*----- youTube -----*/
.movTitle {
box-sizing: border-box;
margin: 30px 0 5px;
padding: 0 20px;
}
.movTitle span {
display: inline-block;
font-size: 15px;
font-weight: bold;
padding: 1px 0;
}
.youTube {
box-sizing: border-box;
padding: 0 20px;
}
.youTubeWrap {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
margin-bottom:10px;
}
.youTube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}