@charset "UTF-8";

.afterLogin .enqBox.afterAnswer {
	display: none;
}
.afterAnswer .notes2nd.pageNotes,
.answerArea {
	display: none!important;
}
.afterAnswer .answerArea {
	display: block!important;
}
.result .answerArea {
	display: block!important;
}

.notes2nd {
	background: #f4fafa;
}

.answerArea {
	margin: 40px 0;
}

.answerArea .answerText {
	background: #f07b7b;
	color: #fff;
	font-size: 113%;
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

.answerArea .answerTextSub {
	display: block;
	text-align: center;
	padding: 20px 10px;
}

.answerArea .answerDetail {
	background: #f7f6e2;
}

.answerArea .answerDetail .answerDetailText {
	display: block;
	text-align: center;
	padding: 40px 10px 0;
	font-weight: bold;
}
.answerArea .answerDetail .answerDetailText .itemEm {
	color: #f52372;
}
.answerArea .answerDetail .itemImage {
	width: 50%;
	margin: 40px auto 6px;
	border: 1px solid #ccc;
	background: #fff;
}

.answerArea .answerDetail .itemImage img {
	width:  100%;
	padding: 0 20px;
}

.answerArea .answerDetail .itemLinkText {
	display: block;
	padding: 0 20px;
	text-align: center;
	font-size: 96%;
	color: #00c3b2;
}
.answerArea .answerDetail a {
	display: block;
}
.answerArea .answerDetail a:hover {
	opacity: 0.8!important;
}
.answerArea .answerDetail a:hover img {
	opacity: 1;
}
.answerArea .answerDetail .itemText {
	display: block;
	padding: 20px 40px 40px;
	font-size: 96%;
}


.afterAnswer .pageText.present {
	display: none;
}

.afterAnswer .pageNotes {
	margin-top: 20px;
}

div.end_Box {
	border:2px solid #33af51;
	margin: 20px auto;
	padding:12px 0;
	width:500px;
	text-align:center;
}

div.end_Box p.txt_Bold {
	font-size:20px;
	font-weight:bold;
	border-bottom:2px solid #33af51;
	margin:0 25px 12px;
	padding-bottom:7px;
}

ul.end_selectText {
	margin-top: 15px;
	margin-left: 150px;
	font-size: 120%;
}

ul.end_selectText li {
	padding-bottom:7px;
}

.pageText.present .package img {
	width:150px;
}

.subCaption {
	font-size: 80%;
	display: block;
}

.newyearCaption .subCaption {
	margin-top: 16px;
}

.newyearpresent {
	text-align: center;
	background: #fffbc7;
	padding: 30px;
	margin-bottom: 60px;
}
.newyearpresent .mainCaption {
	font-weight: bold;
	font-size: 130%;
	line-height: 1.4;
}
.newyearpresent .mainCaption2 {
	display: block;
}
.newyearpresent .mainCaption3 {
	font-size: 115%;
	color: #13a561;
}

.imgPresent {
	width: 70%;
	margin: 20px auto 0;
}
.imgPresent img {
	width: 100%;
}
.newyearpresent ul {
	text-align: left;
		font-size: 75%;
	margin: 30px auto 6px;
	position: relative;
	padding: 6px 0 10px;

}

.newyearpresent ul li {
	margin-left: 1em;
	text-indent: -1em;
	padding: 4px 10px 0;
	line-height: 1.2;
}

.newyearCaption {
	text-align: center;
	font-size: 140%;
	line-height: 1.4;
}

.enqCap2 {
	margin: 40px auto 0;
	padding: 30px;
	background: url(/100mil/img/enq2_bg.png);
	border-radius: 6px;
	font-weight: bold;
}
.enqCap2 .em {
	color: #00c3b2;
}


.enqWrapper .enqResult {
	margin-top: 60px;
	padding: 0px 5px;
}
.enqWrapper .enqResult dt {
	margin: 0px 0px 6px 0px;
	font-size: 100%;
	font-weight: bold;
}
.enqWrapper .enqResult dd {
	position: relative;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f0f0e8;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-align: right;
}
.enqWrapper .enqResult dd span.numText {
	font-size: 113%;
}
.enqWrapper .enqResult dd .gColor {
	background-color: #ccc;
	border-top-left-radius: 4px; 
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom-left-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-moz-border-radius-bottomleft: 4px;
}
.enqWrapper .enqResult dd .gColor.g100 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.enqWrapper .enqResult dd .resultNum {
	position: absolute;
	right: 10px;
	top: 0;
}
.enqWrapper .enqResult dd.q01 .gColor {background-color: #f89090;}
.enqWrapper .enqResult dd.q02 .gColor {background-color: #f8b858;}
.enqWrapper .enqResult dd.q03 .gColor {background-color: #f8d040;}
.enqWrapper .enqResult dd.q04 .gColor {background-color: #90d060;}
.enqWrapper .enqResult dd.q05 .gColor {background-color: #58b0f0;}
.enqWrapper .enqResult dd.q06 .gColor {background-color: #0077cc;}
.enqWrapper .enqResult dd.q07 .gColor {background-color: #b090d0;}


.enqComment .articleCommentInner h4.q01 {
	font-weight: bold;
}
.enqComment .articleCommentInner h4.q01 {color: #f89090;}
.enqComment .articleCommentInner h4.q02 {color: #f8b858;}
.enqComment .articleCommentInner h4.q03 {color: #f8d040;}
.enqComment .articleCommentInner h4.q04 {color: #90d060;}
.enqComment .articleCommentInner h4.q05 {color: #58b0f0;}
.enqComment .articleCommentInner h4.q06 {color: #0077cc;}
.enqComment .articleCommentInner h4.q07 {color: #b090d0;}


.enqComment .articleCommentInner p {
	margin: 10px auto;
	word-break: break-all;
}
.enqComment .articleCommentInner .nameComment {
	color: #22ac38;
	font-weight: bold;
	margin-bottom: 6px;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
}
.enqComment .articleCommentInner .nameComment .nameOrder {
	color: #333;
	font-weight: normal;
}

.enqWrapper .enqResult dd.q01 .gColor {background-color: #fcb6c0;}
.enqWrapper .enqResult dd.q02 .gColor {background-color: #b7eab1;}
.enqWrapper .enqResult dd.q03 .gColor {background-color: #b1d3ea;}

.enqList label.selected {background-position: 0 -740px;}


/*===============================================
スマートフォン用
===============================================*/
@media screen and (max-width:640px){

.enqWrapper{
	padding:0 10px;
}


}