@charset "UTF-8";

/*
****************************************************
Title: enquete2013sp.css
Created: 2013.9.1
*****************************************************
*/

/*  1= reset
-----------------------------------------------------*/
body {
  word-break: normal;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
}
html, body, div,
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  list-style-type: none;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  margin: 0;
  padding: 0;
  display: block;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,img {
  border: none;
}

img{
	vertical-align: bottom;
}

/*  2= body
-----------------------------------------------------*/
body {
	font-size: 13px;
	line-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	background-color: #e03876;
}

/*  3= header
-----------------------------------------------------*/
header {
	width: 100%;
	background-color: #fa6465;
	text-align: center;
	padding: 4px 0 7px;
	border-top: 1px solid #5e656a;
}

/*  4= layout
-----------------------------------------------------*/
#contents {
	width: 100%;
	background-color: #ffe87e;
}
article {
	width: 320px;
	margin: 0 auto;
	background: url("../images/2021/quiz/sp/sp_body_bg.jpg") repeat left top;
	background-size: 22px auto;
}
article#index{
	background: url("../images/2021/quiz/sp/sp_body_bg.jpg") repeat left top;
	background-size: 18px auto;
}


#boxA {
	width: 290px;
	margin: 9px auto 10px;
	padding-bottom: 10px;
	background-color: #fffeee;
	border: 5px solid #ffeb5b;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}
#boxB,#boxC {
	width: 270px;
	margin: 0 auto 10px;
	padding: 10px 15px;
	background-color: #fffeee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
#boxC {
	margin: 0 auto;
	zoom: 1;
}
#boxC:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/*  5= #index, #thanks
-----------------------------------------------------*/
#index h1 {
	text-align: center;
	margin-top: -29px;
}

#index h2,
#quiz01 h2,
#quiz02 h2,
#quiz03 h2,
#quiz04 h2,
#form h2,
#thanks h2{
	padding: 0 0px;
	box-sizing: border-box;
}

#index h2 img,
#quiz01 h2 img,
#quiz02 h2 img,
#quiz03 h2 img,
#quiz04 h2 img,
#form h2 img,
#thanks h2 img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

#index h2 img {
	padding-top: 0px;
}


#index>p {
	line-height: 0;
	margin: 0px;
}
#index>p:nth-of-type(3) {
	margin: 18px 0 9px;
}
#index>p img {
	display: block;
	margin: 0 auto;
}


.finish img  {
	display: block;
	margin: 0 auto 15px;
}

#index .copy01 {
	margin: 13px auto 11px;
	text-align: center;
}
#index .copy02 {
	width: 270px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	text-align: center;
	margin: 0 auto 12px;
	background-color: #9f8117;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
#index #boxA ul {
	width: 270px;
	margin: 0 auto;
}
.android #index #boxA ul {
	width: 280px;
	margin: 0 auto;
	padding-left: 10px;
}
.android #index #boxA ul.index_form {
	width: 270px;
	margin: 0 auto;
	padding-left: 0;
}
#index #boxA ul li {
	padding: 0 0 0 14px;
	color: #74501c;
	font-weight: bold;
	font-size: 93%;
	line-height: 140%;
	background: url(../enquete2013/sp/img/bg_list_01.gif) no-repeat left 2px;
}
#index #boxA dl,
#thanks #boxB dl {
	width: 270px;
	background-color: #fff;
	border: 1px solid #e0ca8d;
	margin: 6px auto 0;
	padding: 11px 0 8px;
	color: #74501c;
	font-size: 77%;
	text-align: center;
}
#index #boxA dl dt,
#thanks #boxB dl dt {
	display: block;
	border-bottom: 1px solid #e0ca8d;
	padding-bottom: 6px;
	margin-bottom: 8px;
}
#index #boxA dl dd,
#thanks #boxB dl dd {
	line-height: 140%;
	font-weight: bold;
}
/* ---end--- */
#index .end_txt {
	width: 270px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 93%;
	line-height: 150%;
	color: #ff0000;
}
#index .end_txt span {
	color: #74501c;
}
/* ---info--- */
#index #boxB h1,
#thanks #boxB h1 {
	width: 270px;
	height: 23px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 10px;
	background-color: #4ea113;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
#index #boxB p,
#thanks #boxB p {
	font-size: 93%;
	line-height: 140%;
	color: #363636;
}
#index #boxB p span {
	color: #ff4c4c;
}
#index #boxB .accordion dt {
	width: 270px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 0;
	background: #878787 url(../enquete2013/sp/img/bg_accordion_clo.jpg) 5px 4px no-repeat;
	background-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
#index #boxB .accordion dt.open {
	background: #878787 url(../enquete2013/sp/img/bg_accordion_op.jpg) 5px 4px no-repeat;
	background-size: 16px !important;
}
#index #boxB .accordion dt span.op { display: none; }
#index #boxB .accordion dt.open span.op { display: inline; }
#index #boxB .accordion dt span.clo { display: inline; }
#index #boxB .accordion dt.open span.clo { display: none; }

#index #boxB .accordion dd {
	display: none;
	width: 248px;
	padding: 10px;
	margin: 10px 0;
	background-color: #fff;
	border: 1px solid #f8ccde;
	font-size: 93%;
	line-height: 140%;
	color: #363636;
}
.android #index #boxB .accordion dd {
	display: none;
	width: 256px;
	padding: 10px 2px 10px 10px;
	margin: 10px 0;
	background-color: #fff;
	border: 1px solid #f8ccde;
	font-size: 93%;
	line-height: 140%;
	color: #363636;
}
#index #boxB .accordion dd h2 {
	border-bottom: 1px dotted #8e8e8e;
	font-size: 108%;
	color: #d73137;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
#index #boxB .accordion dd li {
	margin-bottom: 18px;
}
#index #boxB .accordion dd a:link,
#index #boxB .accordion dd a:visited,
#index #boxB .accordion dd a:hover,
#index #boxB .accordion dd a:active {
	color: #3883f5;
	text-decoration: underline;
}
/* ---thanks--- */
#thanks #inner {
	background: url(../enquete2013/sp/img/bg_header.png) no-repeat;
	background-size: 320px auto;
	padding-top: 120px;
}
#thanks #boxB h1 {
	height: 30px;
	line-height: 30px;
}
#thanks #boxB dl {
	margin: 35px auto 0;
}

/* ---losnon--- */
.losnon{
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}

.losnon .content_area{
	width: 316px;
	height: 83px;
	border: 2px solid #8cc63f;
	background-color: #fff;
}

.losnon .content_area p img{
	display: block;
	margin: 10px auto 0;
}

/* ---btn--- */
#index .sendbtn .various{
	font-size: 14px;
	line-height: 130%;
	color: #2280ff;
	padding-left: 60px;
	text-align: center;
}



#index .sendbtn{
	width: 100%;
	height: 76px;
}

#index .sendbtn input{
	margin: 10px 9px 15px;
}

#policy .sendbtn input{
	margin-left: -2px;
}

.back_btn_area,
#quiz01 .sendbtn,
#quiz02 .sendbtn,
#quiz03 .sendbtn{
	width: 100%;
	padding: 20px 0 45px;
	overflow: hidden;
	text-align: center;
	background-image: url("../images/2021/quiz/sp/sp_back_btn_bg.png");
	background-size: 320px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.back_btn_area{
	padding: 15px 0 56px;
}

#index .back_btn_area{
	padding: 0 0 25px;
	background: none;
}

#quiz01 .sendbtn input,
#quiz02 .sendbtn input,
#quiz03 .sendbtn input{
	display: block;
	margin: 0 auto;
}

.quiz_box {
	width: 100%;
}

.quiz_boxin{
	width: 100%;
}
#form .quiz_boxin{
	margin-bottom: 0;
}

div.quiz_ttl{
	text-align: center;
	padding: 0px 0 0;
}

.quiz_area {
	margin: 0 auto;
	padding: 10px;
	width: 266px;
	border: 2px solid #c7a468;
	border-top-left-radius: 5px;			/* 左上 */
	-moz-border-top-left-radius: 5px;			/* Firefox */
	-webkit-border-top-left-radius: 5px;			/* Safari、Chrome */
	border-top-right-radius: 5px;			/* 右上 */
	-moz-border-top-right-radius: 5px;			/* Firefox */
	-webkit-border-top-right-radius: 5px;			/* Safari、Chrome */
	border-bottom-left-radius: 5px;			/* 左下 */
	-moz-border-bottom-left-radius: 5px;			/* Firefox */
	-webkit-border-bottom-left-radius: 5px;			/* Safari、Chrome */
	border-bottom-right-radius: 5px;		/* 右下 */
	-moz-border-bottom-right-radius: 5px;			/* Firefox */
	-webkit-border-bottom-right-radius: 5px;		/* Safari、Chrome */
	background-color: #FFF;
	position: relative;
}

.quiz_area h3{
	width: 290px;
	position: absolute;
	top: -12px;
	left: -2px;
}

.quizu {
	padding: 5px 0;
	font-size: 14px;
	text-align: left;
	line-height: 18px;
	color: #e74291;
	font-weight: bold;
	border-bottom: 1px dotted #704009;
}

.answer1 {
	width: 100%;
	height: auto;
	padding: 39px 0 1px 0;
	background: url("../images/2021/quiz/sp/sp_quiz_q4_answer.gif") center top no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
	resize: none;
}

.answer1 #txt_answer{
	border:0;
	padding: 3px 7px;
	font-size:1.2em;
	font-family:Arial, sans-serif;
	color:#231815;
	border: solid 1px #c7a468;
	border-radius: 5px;
	width: 94%;
	height: 60px;
	box-sizing: border-box;
	resize: none;
/*	overflow-y: auto;*/
}

.answer1 #msg1 {
	margin: 11px 0 0 194px;
	color: #784e18;
	font-size: 10px;
}
.ans {
	padding: 10px 0;
}
.ans p {
	padding-top: 6px;
	font-size: 15px;
	text-align: left;
	line-height: 25px;
	font-weight: bold;
	color: #74501c;
}
.ans p.answerTxt {
	padding: 53px 5px 0 15px;
	line-height: 15px;
	box-sizing: border-box;
}
.ans p input[type="radio"] {
	margin: 0 5px;;
	display: inline;
	vertical-align: baseline;
}
.hint,
.trivia {
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 266px;
	position: relative;
}
.hint h4,
.trivia h4 {
	position:absolute;
	top: 5px;
}
.hint .hint_area {
	margin-bottom: 5px;
	padding: 20px 10px 10px 10px;
	font-size: 12px;
	color: #6a3a0d;
	text-align: left;
	line-height: 18px;
	border-top-left-radius: 5px;			/* 左上 */
	-moz-border-top-left-radius: 5px;			/* Firefox */
	-webkit-border-top-left-radius: 5px;			/* Safari、Chrome */
	border-top-right-radius: 5px;			/* 右上 */
	-moz-border-top-right-radius: 5px;			/* Firefox */
	-webkit-border-top-right-radius: 5px;			/* Safari、Chrome */
	border-bottom-left-radius: 5px;			/* 左下 */
	-moz-border-bottom-left-radius: 5px;			/* Firefox */
	-webkit-border-bottom-left-radius: 5px;			/* Safari、Chrome */
	border-bottom-right-radius: 5px;		/* 右下 */
	-moz-border-bottom-right-radius: 5px;			/* Firefox */
	-webkit-border-bottom-right-radius: 5px;		/* Safari、Chrome */
	background-color: #fff2cb;
}
.hint .hint_area p span {
	color: #ff6600;
}

.trivia .trivia_area {
	padding-top: 20px;
	font-size: 12px;
	color: #6a3a0d;
	text-align: left;
	line-height: 18px;
}

/* ===== プライバシー用 ===== */
#policy {
	background-color: #FFF;
}

#policy h2{
	text-align: center;
	padding: 12px 0 0;
}

#policy .policy_box {
	margin: 0 auto;
	padding: 10px;
	width: 266px;
	border: 2px solid #aed900;
	border-top-left-radius: 5px;			/* 左上 */
	-moz-border-top-left-radius: 5px;			/* Firefox */
	-webkit-border-top-left-radius: 5px;			/* Safari、Chrome */
	border-top-right-radius: 5px;			/* 右上 */
	-moz-border-top-right-radius: 5px;			/* Firefox */
	-webkit-border-top-right-radius: 5px;			/* Safari、Chrome */
	border-bottom-left-radius: 5px;			/* 左下 */
	-moz-border-bottom-left-radius: 5px;			/* Firefox */
	-webkit-border-bottom-left-radius: 5px;			/* Safari、Chrome */
	border-bottom-right-radius: 5px;		/* 右下 */
	-moz-border-bottom-right-radius: 5px;			/* Firefox */
	-webkit-border-bottom-right-radius: 5px;		/* Safari、Chrome */
	background-color: #FFF;
}
#policy .policy_box h3 {
	margin-bottom: 10px;
}
#policy .policy_box p {
	margin-bottom: 10px;
	font-size: 12px;
	text-align: left;
	line-height: 15px;
	color: #74501c;
}
#policy .policy_box p span{
	color: #ea5711;
}
#policy .policy_box .fmenu {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #704009;
}
#policy .policy_box .fmenu li a {
	padding-bottom: 10px;
	width: 266px;
	height: 25px;
	display: block;
	background: url(/images/2014/quiz/sp/policy_btn.gif) no-repeat top center;
	background-size: 266px 25px;
	-webkit-background-size: 266px 25px;	/* Safari、Chrome */
}
#policy .policy_box .fmenu li a {
	padding-bottom: 10px;
	width: 266px;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/images/2014/quiz/sp/policy_btn.gif) no-repeat top center;
	background-size: 266px 25px;
	-webkit-background-size: 266px 25px;	/* Safari、Chrome */
}
#policy .policy_box .fmenu li.st-open a {
	background: url(/images/2014/quiz/sp/policy_btn_on.gif) no-repeat top center;
	background-size: 266px 25px;
	-webkit-background-size: 266px 25px;	/* Safari、Chrome */
}
#policy .policy_box .fmenu .st-content {
	margin-bottom: 10px;
	padding: 5px;
	border: 2px solid #5fc0f3;
	background-color: #f2fbff;
}
#policy .policy_box .fmenu .st-content p {
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	color: #000;
}
#policy .policy_box .fmenu .st-content p a {
	display: inline;
	color: #ea5711;
	background: none;
	text-decoration: underline;
}
#policy .policy_box .intro{
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	color: #439400;
}
#policy .policy_box .sendbtn{
	margin: 0 auto;
	width: 266px;
}

/* ===== 完了画面用 ===== */
#thanks .quiz_area {
	margin: 0 auto;
	background-color: #fff;
}

#thanks .quiz_box {
	padding-top: 120px;
	background: url(/images/2021/quiz/sp/thanks_bgtop.png) no-repeat center top;
	background-size: 320px auto;
	-webkit-background-size: 320px auto;	/* Safari、Chrome */
}

#thanks .quiz_area h3 {
	width: 267px;
	position: static;
	padding: 5px 0 10px 0;
}

#thanks .quiz_area>p {
	font-size: 12px;
	line-height: 17px;
	color: #74501c;
}

#thanks .quiz_area .reception {
	margin-top: 30px;
	border: 1px solid #e0ca8d;
	background-color: #fffddf;
}
#thanks .quiz_area .reception h3 {
	margin: 0 auto;
	padding: 0;
}
#thanks .quiz_area .reception p {
	margin: 0;
	padding: 5px 0;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	color: #74501c;
	border-top: 1px solid #e0ca8d;
}

#thanks .quiz_area .sendbtn{
	width: 231px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 10px;
}

#thanks .quiz_boxin>.sendbtn{
	width: 150px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 45px;
}

#thanks .quiz_boxin{
	background: url(/images/2021/quiz/sp/sp_back_btn_bg.png) no-repeat center bottom;
	background-size: 320px auto;
	-webkit-background-size: 320px auto;	/* Safari、Chrome */
	margin-bottom: 0;
}

/* ===== フォーム用 ===== */
#form .quiz_area {
	margin: 0 auto;
}

#form .quiz_box {
	margin-top: -5px;
	padding-top: 125px;
	background: url(/images/2021/quiz/sp/quiz_bgtop.png) no-repeat top center;
	background-size: 320px auto;
	-webkit-background-size: 320px auto;	/* Safari、Chrome */
}

#form .quiz_area h3 {
	width: 267px;
	position: static;
	padding: 5px 0 10px 0;
	border-bottom: 1px dotted #704009;
}
#form .quiz_area .ans {
	margin: 4px 0 20px -4px;
	padding: 66px 10px 26px 10px;
	width: 254px;
	height: auto;
	background: url(/images/2021/quiz/sp/form_ans_bg.gif) no-repeat top center;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;	/* Safari、Chrome */
}
#form .quiz_area .ans ul {
	height: 75px;
	margin: -3px 0 0 0;
}
#form .quiz_area .ans ul li {
	float: left;
}
#form .quiz_area .ans ul li:nth-child(1) {
	margin-right: 14px;
}
#form .quiz_area .ans ul li:nth-child(2) {
	margin-right: 15px;
}
#form .quiz_area .ans ul li:nth-child(3) {
	margin-right: 0;
}
#form .quiz_area .sendbtn {
	width: 231px;
	margin: -4px auto 15px;
}
#form .quiz_area .form_area h4 {
	padding-top: 15px;
	border-top: 1px dotted #704009;
	margin-bottom: 12px;
}
#form .quiz_area .form_area p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 30px;
	color: #74501c;
}
#form .quiz_area .form_area h5,
#form .quiz_area .form_area p.subttl {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
}
#form .quiz_area .form_area p.subttl_12px {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
}

#form .quiz_area .form_area p.confirm {
	padding-left: 14px;
}
#form .quiz_area .form_area p.err {
	padding-left: 14px;
	color: #ff0055;
	line-height: 16px;
	background: url(/images/2016/quiz/sp/form_dot03.gif) no-repeat left top;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;	/* Safari、Chrome */
}
#form .quiz_area .form_area p span {
	color: #000;
}
#form .quiz_area .form_area h5.memo {
	padding-left: 14px;
	font-size: 12px;
	color: #74501c;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
	background: url(/images/2016/quiz/sp/form_dot01.gif) no-repeat left top;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;	/* Safari、Chrome */
}
#form .quiz_area .form_area h5 span {
	padding-right: 16px;
	background: url(/images/2016/quiz/sp/form_dot01.gif) no-repeat right;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;	/* Safari、Chrome */
	font-size: 14px;
}
#form .quiz_area .form_area .form_box {
	margin-top: 19px;
	line-height: 22px;
}
#form .quiz_area .form_area .form_box h5 {
	padding-left: 14px;
	color: #149f76;
	background: url(/images/2016/quiz/sp/form_dot02.gif) no-repeat left;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;	/* Safari、Chrome */
}
#form .quiz_area .form_area .form_box h5.none {
	background: none;
}

#form .quiz_area .form_area .form_box p span.width26px {
	width: 26px;
}
#form .quiz_area .form_area .form_box .input01 {
	width: 210px;
}
#form .quiz_area .form_area .form_box .input02 {
	width: 230px;
}
#form .quiz_area .form_area .form_box .input03 {
	width: 100px;
}
#form .quiz_area .form_area .form_box .input04 {
	margin-bottom: 2px;
	width: 50px;
	height: 18px;
}
#form .quiz_area .form_area .form_box .input05 {
	width: 230px;
	font-size: 14px;
}
#form .quiz_area .form_area .form_box input[type="radio"] {
	margin: 0 5px;
	display: inline;
	vertical-align: baseline;
}
#form .quiz_area .form_area .form_memo {
	margin-top: 10px;
	padding-top: 10px;
	line-height: 22px;
	border-top: 1px dotted #704009;
}
#form .quiz_area .form_area .form_memo h5 {
	padding-left: 14px;
	background: url(/images/2016/quiz/sp/form_dot01.gif) no-repeat left top;
	background-size: 12px 12px;
	-webkit-background-size: 12px 12px;	/* Safari、Chrome */
	color: #74501c;
	font-size: 12px;
}

#form form>.sendbtn{
	width: 100%;
	overflow: hidden;
	padding: 15px 0 50px;
	background: url(/images/2021/quiz/sp/sp_back_btn_bg.png) no-repeat center bottom;
	background-size: 320px auto;
	-webkit-background-size: 320px auto;	/* Safari、Chrome */
}

#form form>.sendbtn#confirm{
	padding: 15px 0 50px;
}

#form form>.sendbtn#confirm p:nth-of-type(1){
	margin-bottom: 15px;
}

#form form>.sendbtn input{
	display: block;
	margin: 0 auto;
}

#form form>.sendbtn .btnL{
	width: 139px;
	float: left;
	margin: -5px 0 0 15px;
}

#form form>.sendbtn .btnR{
	width: 139px;
	float: right;
	margin: -5px 15px 0 0;
}

/*  6= #enquete
-----------------------------------------------------*/
#enquete #inner,
#form #inner {
	background: url(../enquete2013/sp/img/bg_header.png) no-repeat;
	background-size: 320px auto;
	padding-top: 120px;
}
#enquete #boxB {
	width: 276px;
	padding: 10px 10px 10px 4px;
}
#enquete #boxB h1 {
	text-align: right;
	margin-bottom: 15px;
}
.question {
	width: 266px;
	margin: 10px 0 0 6px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.question h2 {
	padding: 7px 0 6px 11px;
}
.question p {
	font-size: 85%;
	font-weight: bold;
	position: relative;
}
.question textarea {
	width: 242px;
	margin-left: 10px;
	padding: 2px;
	font-size: 93%;
	background-color: #f2f2f2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #c9c7c9;
	-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
}
.iphone .question textarea {
	height: 3.5em;
}
.q1 { border: 2px solid #e95283; }
.q2 { border: 2px solid #804f1b; }
.q3 { border: 2px solid #f5a627; }
.q1 h2 { background-color: #e95283; }
.q2 h2 { background-color: #804f1b; }
.q3 h2 { background-color: #f5a627; }

.q1 p {
	padding: 10px 10px 4px;
	color: #e95283;
}
.q1 p.last {
	text-align: right;
	padding: 4px 10px 7px;
}
.q2 p {
	padding: 10px 10px 4px;
	border-top: 1px dotted #919191;
	color: #804f1b;
}
.q2 p.ate {
	padding: 10px 10px 6px;
	border-top: none;
	color: #ff0457;
}
.q3 p {
	padding: 10px 10px 4px;
	border-bottom: 1px dotted #919191;
}
.q2 textarea {
	margin-bottom: 10px;
	height: 4.5em;
}
.q3 textarea {
	margin-top: 23px;
	margin-bottom: 10px;
	height: 4.5em;
}
.android .q2 textarea {
	height: 3.8em;
}
.android .q3 textarea {
	height: 3.8em;
}
input[type="submit"] {
	width: 290px !important;
	border-style: none;
	font-size: 100%;
	margin: 0 0 0 15px !important;
}
.countBox {
	position: absolute;
	right: 3px;
	top: 36px;
	color: #4d4d4d;
	font-size: 77%;
	font-weight: bold;
}
.countFix {
	position: absolute;
	right: 3px;
	color: #4d4d4d;
	font-size: 77%;
	font-weight: bold;
	text-align: right;
}

/*  8= #form
-----------------------------------------------------*/
#form #boxB,
#form #boxC {
	width: 270px;
	padding: 10px;
}
#form #boxB h1,
#form #boxC h1 {
	width: 270px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 10px;
	background-color: #4ea113;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
#form .question {
	margin: 10px 0 0 0;
}
#form .question p.answer {
	padding: 10px 10px 6px;
	color: #444;
	line-height: 140%;
	font-weight: normal;
}
#form .q1 p.answer {
	border-top: 1px dotted #919191;
	border-bottom: 1px dotted #919191;
}
#form .question p.noLine {
	border-top: none;
}
#form .question p.noLineB {
	border-bottom: none;
}
#form .btn_ore {
	width: 270px;
	height: 25px;
	line-height: 25px;
}
#form #boxC dl,
#form #boxC p {
	color: #444;
	font-size: 93%;
	line-height: 140%;
}
#form #boxC dl dt {
	color: #4ea113;
	font-size: 108%;
	font-weight: bold;
	margin: 12px 0 4px;
}
#form #boxC dl.others dt {
	color: #149f76;
}
#form #boxC dl dt span {
	color: #ff0055;
}
#form #boxC dl dd {
	margin: 0 0 10px;
}
#form input[type="submit"] {
	width: 270px !important;
	margin: 10px 0 0 !important;
}
#form select {
	width: 270px;
}
#form #boxC dl input[type="text"],
#form #boxC dl input[type="tel"] {
	font-size: 93%;
	padding: 2px;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #c9c7c9;
	-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
}
#form #boxC dl input[type="text"] {
	width: 226px;
}
#form #boxC dl.others input[type="text"] {
	width: 252px;
}
#form #boxC dl input.age {
	width: 46px;
}
#form #boxC dl.others input.time {
	width: 36px;
}

/* ---confirm--- */
#form #boxC dl.line {
	border-bottom: 1px dotted #919191;
	padding-bottom: 5px
}
#form input.short {
	width: 132px !important;
	margin: 10px 0 0 !important;
	float: right;
}

/*  13= btn
-----------------------------------------------------*/
#index>#back_btn{
	display: block;
	overflow: hidden;
}

.btn_ore {
	width: 300px;
	height: 26px;
	line-height: 26px !important;
	color: #fff !important;
	font-weight: bold;
	font-size: 13px !important;
	text-align: center;
	margin: 15px auto;
	background-color: #f39800;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
}
.gre {
	background-color: #53b296;
	margin-top: 10px;
}
.gray {
	background-color: #919191;
	width: 132px !important;
	float: left;
	margin-top: 10px;
}

/*  14= footer
-----------------------------------------------------*/
.charter {
	width: 100%;
	padding: 20px 0 20px;
}

.charter.end {
	background: none;
	padding: 10px 0 5px;
}

.charter h2 {
	width: 300px;
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	background-color: #c2a06e;
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
}

#index .charter h2{
	margin: 0 auto;
}


#result #main{
	background: none;
	overflow: hidden;
}


#result #index .answer_area{
	width: 300px;
	margin: 0 10px;
	padding-top: 5px;
	background: #fffeee;
	overflow: hidden;
}

#result #index .answer_area h3,
#result #index .answer_area p{
	text-align: center;
	margin-bottom: 15px;
}
#result #index .answer_area p:nth-last-of-type(1){
	margin-bottom: 10px;
}

#result #index .charter{
	padding-top: 20px;
}

#result #index .charter h2{
	margin: 0 auto;
}

#result #index .back_btn_area{
	padding: 15px 0 25px;
	background: url(../images/2021/quiz/sp/sp_back_btn_bg.png) no-repeat center bottom;
	background-size: 320px auto;
}


section .img_txt{
	text-align: center;
	padding: 20px 0 0;
}

section .btn_center{
	display: block;
	margin: 0 auto;
}


.charter ul {
	width: 288px;
	margin: 0 auto;
	padding: 5px 5px 0;
	background-color: #fffddf;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #e0ca8d;
}
.charter ul li {
	margin-bottom: 5px;
	padding: 7px 7px 5px;
	font-weight: bold;
	font-size: 77%;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e0ca8d;
}
.charter ul li:nth-child(1) {
	color: #d84e8f; 
}
.charter ul li:nth-child(2) {
	color: #936530;
	letter-spacing: -0.1em;
}
.charter ul li:nth-child(3) {
	color: #209c7f;
}
#foot02 {
	width: 100%;
	background-color: #e03876;
	padding: 5px 0 2px;
	overflow: hidden;
}
#foot02 .inner {
	width: 320px;
	margin: 5px auto;
}
#foot02 .inner ul {
	width: 195px;
	height: auto;
	overflow: hidden;
	margin: 7px auto 0px;
}
#foot02 .inner ul li {
	float: left;
/*	width: 115px;*/
	width: 100px;
}
#foot02 .inner ul li:nth-child(2) {
	width: auto;
}
#foot02 .inner small {
	display: block;
	color: #fff;
	font-size: 9px;
	text-align: center;
}

/*  15= link
-----------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active {
	color: #fff;
	text-decoration: none;
}

/*  16= clearfix
-----------------------------------------------------*/
#foot02,
#foot02 .inner ul {
	zoom: 1;
}

/*  17= SNS
-----------------------------------------------------*/
/* fb */
.fb_edge_widget_with_comment iframe {
	/*width:47px !important;*/
	width:70px !important;
}
span.fb_edge_comment_widget.fb_iframe_widget iframe {
	width:401px !important;
}
.twt {
	width:65px;
	margin: 0 0 0 -40px;
	border:solid 1px #ffffff;
}
.twt iframe {
	width:65px;
	margin: 0 0 0 -40px;
}

.atn3{
	color:red;
	text-align:right;
	margin: 0;
	padding: 0;
border : solid 1px #ff4500;

}


#end_ans_box{
	background-color: #febecc;
	padding: 10px;
}

#end_ans_box h2{
	padding: 8px 0 10px;
	text-align: center;
	background-color: #fff;
}

#end_ans_box ul{
	padding-bottom: 6px;
	background-color: #fff;
}

#end_ans_box ul li{
	margin-bottom: 10px;
	text-align: center;
}
#end_ans_box ul li:nth-last-of-type(1){
	margin-bottom: 0;
}

.start_button {
	display: block;
	margin: 20px auto 0;
}



/*==================================================
-- : fonts size
===================================================
10px → font-size:77%;
11px → font-size:85%;
12px → font-size:93%;
13px → font-size:100%;
14px → font-size:108%;
15px → font-size:116%;
16px → font-size:123.1%;
17px → font-size:131%;
18px → font-size:138.5%;
19px → font-size:146.5%;
20px → font-size:153.9%;
21px → font-size:161.6%;
22px → font-size:167%;
23px → font-size:174%;
24px → font-size:182%;
25px → font-size:189%;
26px → font-size:197%;
*/