#sindan{
	text-align:center;margin-bottom:30px;border:solid 5px #f3f3f3;border-radius:10px;
}


#sindan .item{padding:0 30px;margin-bottom:30px;display:none;}
@media (max-width:767px){
	#sindan .item{padding:0 10px;margin-bottom:10px;display:none;}
}

/* スタート画面 */
#sindan .item.start{padding-top:30px;}
#sindan .item.start .text{margin:15px 0;}
/* スタートボタン */
#sindan .btn-start{
	background: rgb(252,234,187);
	background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
	color:#fff;
	text-shadow:1px 1px 0px #000;
	font-weight:bold;
	font-size:24px;
	width:80%;
	margin:0 auto;
	border-radius:5px;
	padding:15px 0;
}
@media (max-width:767px){
	#sindan .btn-start{padding:10px;font-size:18px;}
	#sindan .item.start{padding-bottom:30px;}
}


#sindan .item .content{position:relative;width:80%;margin:0 auto;background:#f3f3f3;padding:30px;}
@media (max-width:767px){
	/* スマホ用各アイテムのWrapeper */
	#sindan .item .content{width:100%;margin:0 auto;background:#f3f3f3;padding:10px;padding-bottom:20px;}
}
#sindan .item:after{content:"";display:block;clear:both;}
#sindan .item .chara{float:right;width:240px;}
#sindan .item:last-child{border-bottom:none;}


#sindan .item .title{position:relative;font-size:20px;font-weight:bold;}
#sindan .item .title:after{content:"";display:block;border-top:solid 3px #2F3E83;margin:0 auto;margin-top:10px;width:50%;}
#sindan .item .desc{margin-top:10px;color:#555;}

@media (max-width:767px){
	/* スマホ用 質問タイトル */
	#sindan .item .title{position:relative;font-size:16px;font-weight:bold;margin-top:10px;}
	/* 質問説明 */
	#sindan .item .desc{font-size:14px;margin-top:10px;color:#555;}
}


/* YES NO ボタン */
#sindan .btn-list{margin:0px;margin-top:15px;padding:0;list-style-type:none;display:table;table-layout:fixed;width:100%;}
#sindan .btn-list li{display:table-cell;padding:0 5px;}
#sindan .btn-list button{display:block;width:100%;border-radius:4px;overflow:hidden;text-align:center;}
#sindan .btn-list button .icon{font-size:24px;padding:15px 0;}
#sindan .btn-list button.disabled{opacity:0.4;}

@media (max-width:767px){
	/* スマホ用 YES NO ボタン */
	#sindan .btn-list button .icon{font-size:16px;padding:8px 0 5px;}
}

/* ボタン青 */
#sindan .btn-blue{padding:0;color:#fff;background:#69f;}
#sindan .btn-blue .icon{background:#48f;}
#sindan .btn-blue p{padding:10px 0;font-size:14px;}

/* ボタン赤 */
#sindan .btn-red{padding:0;color:#fff;background:#f55;}
#sindan .btn-red .icon{background:#f33;}
#sindan .btn-red p{padding:10px 0;font-size:14px;}

/* ボタン オレンジ */
#sindan .btn-orange{padding:0;color:#fff;background:#F4B400;}
#sindan .btn-orange .icon{background:#F90;}
#sindan .btn-orange p{padding:10px 0;font-size:14px;}

/* ボタン グリーン */
#sindan .btn-green{padding:0;color:#fff;background:#77C159;}
#sindan .btn-green .icon{background:#2DBE60;}
#sindan .btn-green p{padding:10px 0;font-size:14px;}

/* ボタン グレイ */
#sindan .btn-gray{padding:0;color:#fff;background:#aaa;}
#sindan .btn-gray .icon{background:#555;}
#sindan .btn-gray p{padding:10px 0;font-size:14px;}

/* 1つまえに戻るボタン */
#sindan .item .prev{position:absolute;top:3px;right:3px;background:#fff;border:solid 1px #aaa;}
#sindan .item .prev.disabled{display:none;}