@charset "Shift_JIS";
/* CSS Document */

#sc_dotchi {
	margin:20px 0px 20px 0px;
	padding:0px;
	float:left;
	width:706px;
}

@media screen and (max-width: 768px)  {
#sc_dotchi {
	margin:10px auto 6px auto;
	float:none;
	width:100%;
	}
}

/* コーナータイトル Start */
#sc_dotchi small {
	margin:8px auto 0px auto;
	font-size: 11px;
}
.dotchi_title{
	margin:0px auto 24px auto;
	width:706px;
	color:#A03100;
}
@media screen and (max-width: 768px) {
.dotchi_title{
	width:100%;
	height:auto;
	position:relative;
	}
}
.dotchi_title h1 {
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/talk_title_result.png) no-repeat left top;
	height:242px;
}
@media screen and (max-width: 768px) {
.dotchi_title h1 {
	width:100%;
	height:auto;
	padding-top:32%;
	background:url(../images/sp_talk_title_result.png) no-repeat left top;
	background-size:100%;	
	}
}

@media screen and (max-width: 390px) {
.dotchi_title h1 {
	padding-top:30%;
	}
}


.dotchi_title h1#backNumberTitle {
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/dotchi_title_backnumber.png) no-repeat left top;
	height:130px;
}
@media screen and (max-width: 768px) {
.dotchi_title h1#backNumberTitle {
	width:100%;
	height:auto;
	padding-top:17%;
	background:url(../images/sp_dotchi_title_backnumber.png) no-repeat left top;
	background-size:100%;
	background-color:#FFD600;	
	}
}

@media screen and (max-width: 390px) {
.dotchi_title h1#backNumberTitle {
	padding-top:16%;
	}
}



.dotchi_title p {
	margin:0;
	font-size: 108%;
	line-height:156%;
	font-weight:bold;
}


/* .dotchi_title_in{
	margin:0px auto 24px auto;
	background:url(../images/dotchi_title_result.png) no-repeat left top;
	position:relative;
	z-index:1;
} */

.dotchi_readCopyBox {
	background:url(../images/dotchi_title_btm.png) no-repeat left bottom;
	padding:0px 0px 12px 0px;
}

@media screen and (max-width: 768px)  {
.dotchi_readCopyBox {
	background-image:none;
	background-color:#FFD600;
	padding:0px 0px 0.5px 0px;
	border-radius:0px 0px 4px 4px;
	}
}

.dotchi_readCopy {
	float:left;
	margin:0px 20px 0px 20px;
}
/*次回はコチラボタンありの場合
.dotchi_readCopy {
	float:left;
	margin:0px auto 0px 20px;
	width:530px;
}*/


@media screen and (max-width: 768px)  {
.dotchi_readCopy {
	float:none;
	box-sizing:border-box;
	border-radius:0px 0px 4px 4px;
	margin:0px auto;
	width:98%;
	}
}

.dotchi_readCopy p {
	font-size: 14px;
	width:auto;
	padding:5px 0px 6px 0px;
	line-height:160%;
	}
@media screen and (max-width: 768px)  {
.dotchi_readCopy p {
	font-size: 12px;
	margin:0% 1% 4% 3%;
	padding:0px;
	line-height:145%;
	}
}


.dotchi_nextBtn {
	margin:6px 20px 0px auto;
	width:124px;
	height:62px;
	float:right;
	overflow:hidden;
	text-indent:-9999px;
}
@media screen and (max-width: 768px)  {
.dotchi_nextBtn {
	float:none;
	margin:0% auto 4% auto;
	width:110px;
	height:auto;
	overflow:visible;
	text-indent:0px;
	position:absolute;
	right:3%;
	bottom:-18%;
	}
}

@media screen and (max-width: 387px)  {
.dotchi_nextBtn {
	position:absolute;
	right:3%;
	bottom:-20%;
	}
}
@media screen and (max-width: 357px)  {
.dotchi_nextBtn {
	position:absolute;
	right:3%;
	bottom:-13%;
	}
}
@media screen and (max-width: 309px)  {
.dotchi_nextBtn {
	position:absolute;
	right:3%;
	bottom:-22%;
	}
}



@media screen and (max-width: 768px)  {
.bnNextBtn {
	position:absolute;
	right:3%;
	bottom:-28%;
	}
}

@media screen and (max-width: 387px)  {
.bnNextBtn {
	position:absolute;
	right:3%;
	bottom:-26%;
	}
}
@media screen and (max-width: 357px)  {
.bnNextBtn {
	position:absolute;
	right:3%;
	bottom:-26%;
	}
}
@media screen and (max-width: 309px)  {
.bnNextBtn {
	position:absolute;
	right:3%;
	bottom:-24%;
	}
}


.dotchi_nextBtn a {
	background:url(../images/dotchi_next_btn.png) no-repeat center top;
	display:block;
	width:100%;
	height:100%;	

}
@media screen and (max-width: 768px)  {
.dotchi_nextBtn a {
	font-size:13px;
	font-weight:bold;
	background-image:none;
	background: #ffce26; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffce26 -1%, #ff9c10 24%, #ff9c10 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,#ffce26), color-stop(24%,#ff9c10), color-stop(100%,#ff9c10)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffce26 -1%,#ff9c10 24%,#ff9c10 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffce26 -1%,#ff9c10 24%,#ff9c10 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffce26 -1%,#ff9c10 24%,#ff9c10 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffce26 -1%,#ff9c10 24%,#ff9c10 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce26', endColorstr='#ff9c10',GradientType=0 ); /* IE6-9 */
	border:2px solid #FF9C10;
	text-decoration: none;
	padding:6px;
	line-height:120%;
	color:#000000;
	text-align:center;
	border-radius:28px;
	box-sizing:border-box;
	}
.dotchi_nextBtn a:link , .dotchi_nextBtn a:visited {
	color:#FFFFFF;
	text-decoration: none;
	}
}


/* コーナータイトル End */



/* 今回のテーマ Start */
.dotchi_thema {
	margin:0px;
	position:relative;
}

@media screen and (max-width: 768px)  {
.dotchi_thema img {
	width:100%;
	margin-top:0%;
	}
}

.dotchi_thema01 {
	margin:-40px 0px 0px 0px;
	position:relative;
	z-index:2;
	text-align:center;
}
.dotchi_thema01 img {
	margin:0px auto;
	width:664px;
}
@media screen and (max-width: 768px)  {
.dotchi_thema01 {
	margin:-3% auto 0px auto;
	width:100%;
	}
.dotchi_thema01 img {
	width:100%;
	}
}



#dotchi_themaCopy {
	margin:12px auto 0px 136px;
	width:450px;
	font-size:112%;
	font-weight:bold;
	color:#333333;
	line-height:160%;
}

@media screen and (max-width: 768px)  {
#dotchi_themaCopy {
	margin:12px auto 15px auto;
	width:98%;
	font-size:100%;
	font-weight:bold;
	color:#565656;
	line-height:154%;
	}
}

.dotchi_thema02 {
	margin:-12% 0px 0px 0px;
}
@media screen and (max-width: 768px)  {
.dotchi_thema02 {
	display:none;
	}
}


/* 応募期間 Start */
.dotchi_obokikan {
	margin:0px auto 16px auto;
}
/* 応募期間 End */


/* プレゼント内容 Start */
.dotchi_pre {
	clear:both;
	width:706px;
	margin:0px;
	background:url(../images/bg_dotchi_boshu.png) repeat-y center top;
}
@media screen and (max-width: 768px)  {
.dotchi_pre {
	width:96%;
	margin:0px auto;
	background:none;
	}
}

.dotchi_pre_img {
	margin:-60px 0px 0px 0px;
	background:url(../images/dotchi_pre_img.png) no-repeat left top;
	width:205px;
	height:290px;
	float:right;
	text-indent: -9999px;
	overflow:hidden;
}
@media screen and (max-width: 768px)  {
.dotchi_pre_img {
	margin:0px -5px 0px 0px;
	background-size:120px;
	width:138px;
	height:176px;

	}
}

@media screen and (max-width: 768px)  {
.dotchi_preBox {
	background:url(../images/bg_dotchi_boshu.png) repeat-y center top;
	background-size:100%;
	padding-bottom:2.5%;
	}
}




.dotchi_pre_t {
	background:url(../images/dotchi_pre_t_y.png) no-repeat left top;
	height:125px;
	overflow:hidden;
	text-indent: -9999px;
}

@media screen and (max-width: 768px)  {
.dotchi_pre_t {
	margin:0px auto;
	width:96%;
	height:auto;
	padding:2% 1% 0.5% 4%;
	background: #ff9bc1; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9bc1 0%, #ff7da9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9bc1), color-stop(100%,#ff7da9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9bc1 0%,#ff7da9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9bc1 0%,#ff7da9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9bc1 0%,#ff7da9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9bc1 0%,#ff7da9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9bc1', endColorstr='#ff7da9',GradientType=0 ); /* IE6-9 */

	overflow:visible;
	text-indent: 0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
	line-height:140%;
	border-radius:4px 4px 0px 0px;
	box-sizing:border-box;
	}
}

.dotchi_pre_m {
	background:url(../images/dotchi_pre_m_y.png) repeat-y left top;
	min-height:175px;
}

@media screen and (max-width: 768px)  {
.dotchi_pre_m {
	background:#FFFFFF;
	min-height:auto;
	border:4px solid #FF92BD;
	box-sizing:border-box;
	border-radius:0px 0px 4px 4px;
	margin:0px auto;
	width:96%;
	}
}


.dotchi_pre_m p {
	font-size: 14px;
	width:475px;
	padding:5px 0px 6px 35px;
	line-height:160%;
	}
.dotchi_pre_m p a {
	color:#00549E;
	font-weight:bold;
	text-decoration:underline;
	}
@media screen and (max-width: 768px)  {
.dotchi_pre_m p {
	font-size: 14px;
	width:auto;
	margin:4% 1% 4% 4%;
	padding:0px;
	line-height:160%;
	}
}


.dotchi_red {
	width:475px;
	padding:0px 0px 0px 35px;
	margin:0;
	font-size: 12px;
	color:#D80000;
	line-height:150%;
}
@media screen and (max-width: 768px)  {
.dotchi_red {
	margin:4%;
	padding:0px;
	width:auto;
	}

}



.dotchi_pre_b {
	background:url(../images/dotchi_pre_b_y.png) no-repeat left top;
	height:105px;
}
@media screen and (max-width: 768px)  {
.dotchi_pre_b {
	background:url(../images/dotchi_pre_b_y02.png) no-repeat center top;
	}
}
@media screen and (max-width: 640px)  {
.dotchi_pre_b {
	background:url(../images/sp_dotchi_pre_b_y.png) no-repeat center top;
	background-size:70%;
	height:auto;
	padding-top:20%;
	}

}

/* プレゼント内容 End */


/* 次回テーマ Start */
.dotchi_next {
	width:706px;
	margin:0px;
}
.renewal_txt{
	font-weight: 100;
	margin:0.5% 5% 2% 5%;
	font-size:120%;
	line-height:160%;
}
.dotchi_next_p {
	margin:0px 5%;
	font-size:120%;
	line-height:160%;
	font-weight:bold;
}
.noteSmall{
	margin:0px 5% 1% 5%;
	line-height:160%;
}
.dotchi_next img {
	width: 100%;
}
@media screen and (max-width: 768px)  {
.dotchi_next {
	width:100%;
	margin:0px auto;
	background:url(../images/bg_dotchi_boshu.png) repeat-y center top;
	background-size:100%;
}
.dotchi_next_p {
	margin:0px 5%;
	font-size:100%;
	line-height:160%;
}
.dotchi_next img {
	width:100%;
}
}
/* 次回テーマ End */


/* ログイン 新規登録 Start */
.dotchi_login {
	width:310px;
	float:left;
	margin-left:15px;
	margin-bottom:50px;
	border:8px solid #FFE493;
	padding:20px 0px;
}
@media screen and (max-width: 768px)  {
.dotchi_login {
	margin-left:1.5%;
	width:46%;
	}
}
@media screen and (max-width: 640px)  {
.dotchi_login {
	width:96%;
	float:none;
	margin:0px auto 20px auto;
	box-sizing:border-box;
	}
}

.dotchi_login table {
	margin:20px auto 0px auto;
}


.dotchi_login th {
	font-weight:normal;
	padding:5px 0px 5px 10px;
	line-height:120%;
	box-sizing:border-box;
}

.dotchi_login td {
	padding:5px 0px 5px 10px;
	box-sizing:border-box;
}
.dotchi_login_m {
	margin:20px 20px 0 20px;
	line-height:160%;
}
@media screen and (max-width: 640px)  {
.dotchi_login_m {
	margin:20px auto 0 auto;
	line-height:160%;
	}
.dotchi_login_m p {
	margin:0px 4% 0 4%;
	line-height:160%;
	}
}


.dotchi_login_box {
	text-align:center;
	margin-top:30px;
}
.dotchi_login_box a {
	color:#00549E;
	font-weight:bold;
	text-decoration:underline;
	}
@media screen and (max-width: 640px)  {
.dotchi_login_box {
	margin-top:16px;
	margin-bottom:50px;
}
}
.dotchi_login_box input {
	margin-bottom:6px;
}

@media screen and (max-width: 768px)  {
.dotchi_login_box input {
	padding: 14px 0px 14px 0px;
	font-size:110%;
	height:auto;

}
}

.inputSpace {
	padding:3px 0px 3px 0px;
	box-sizing:border-box;
}
.dotchi_register {
	width:310px;
	float:right;
	margin-right:15px;
	margin-bottom:50px;
	border:8px solid #FFE493;
	padding:20px 0px;
}
@media screen and (max-width: 768px)  {
.dotchi_register {
	margin-right:1.5%;
	width:46%;
	}
}
@media screen and (max-width: 640px)  {
.dotchi_register {
	width:96%;
	float:none;
	margin:0px auto;
	box-sizing:border-box;
	}
}

.form_title {
	margin:0px;
	font-size:160%;
	font-weight:bold;
	text-align:center;
}

.dotchi_login h3 {
	color:#FF383B;
}
.dotchi_register h3 {
	color:#00BBFF;
}

.dotchi_login span {
	font-size: 11px;
}


/* ログイン 新規登録 End */

/* 募集締切時 Start */
.closing {
	font-size:160%;
	font-weight:bold;
	clear:both;
	margin:0px auto 40px auto;
	text-align:center;
	border:8px solid #FFE493;
	padding:20px 0px;
	color:#FF383B;
}
@media screen and (max-width: 768px)  {
.closing {
	box-sizing:border-box;
	margin:3% auto;
	width:96%;
	}
}
/* 募集締切時 End */


#area_btnBox	 {
	margin:0px;
	padding:0px;
	width: 100%;
	}
#area_btnBox ul {
	list-style-type: none;
	}

#area_btnBox ul img {
	width:100%;
	}


#page1 {
	width:49%;
	float:left;
	background:url(../images/dotchi_result_middle_y.png) no-repeat center bottom;
	background-size:100%;
	margin-right:10px;
}



#page2 {
	width:49%;
	float:right;
	background:url(../images/dotchi_result_middle_o.png) no-repeat center bottom;
	background-size:100%;
}

@media screen and (max-width: 640px)  {
#page1 , #page2 {
	width:auto;
	float:none;
	background:#FFFFFF;
	margin:auto;
	box-sizing:border-box;
	border-radius:4px;
	margin-bottom:20px;
	}

#page1 {
	border:6px solid #FFBD22;
	margin-top:20px;
	}
#page2 {
	border:6px solid #FF9966;
	}

}


#page1Title , #page2Title {
	width:100%;
	font-size:144%;
	font-weight:bold;
	text-align: center;
	border-bottom: 0;
	vertical-align:middle;
	line-height:100px;
	color:#FFFFFF;
}

@media screen and (max-width: 640px)  {
#page1Title , #page2Title {
	width:auto;
	height:auto;
	margin:auto;
	padding:0px 0px 1% 0px;
	font-size:110%;
	line-height:170%;
	}
}


#page1 h2 , #page2 h2  {
	margin-top: 0px;
}

#page1Title {
	background:url(../images/dotchi_result_top_y.png) no-repeat center top;
	background-size:100%;
}
#page2Title {
	background:url(../images/dotchi_result_top_o.png) no-repeat center top;
	background-size:100%;
}
@media screen and (max-width: 640px)  {
#page1Title {
	background: rgb(255,192,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,192,0) 0%, rgb(255,172,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,192,0)), color-stop(100%,rgb(255,172,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,192,0) 0%,rgb(255,172,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,192,0) 0%,rgb(255,172,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,192,0) 0%,rgb(255,172,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,192,0) 0%,rgb(255,172,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#ffac00',GradientType=0 ); /* IE6-9 */
	}
#page2Title {
	background: rgb(255,156,100); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,156,100) 0%, rgb(255,128,63) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,156,100)), color-stop(100%,rgb(255,128,63))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,156,100) 0%,rgb(255,128,63) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,156,100) 0%,rgb(255,128,63) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,156,100) 0%,rgb(255,128,63) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,156,100) 0%,rgb(255,128,63) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c64', endColorstr='#ff803f',GradientType=0 ); /* IE6-9 */
	}
}


#page1 ul {
	margin:0px 0px 0px 0px;
	padding:0px 4% 0px 4%;
	overflow: hidden;
}


#page1 ul li{
	margin-top: -1px;
	padding:10px 4% 10px 4%;
	border-top:1px solid #FFCC33;
	font-size:112%;
	line-height:160%;
}
#page1 ul li img{
	margin-bottom: 10px;
}

#page2 ul {
	margin:0px 0px 0px 0px;
	padding:0px 4% 0px 4%;
	overflow: hidden;
}
#page2 ul li{
	margin-top: -1px;
	padding:10px 4% 0px 4%;
	border-top:1px solid #FF6633;
	font-size:112%;
	line-height:160%;
}
#page2 ul li img{
	margin-bottom: 10px;
}
.dotchi_penname {
	text-align:right;
	margin:5px 0px 18px 0px;
}
#page1 .dotchi_penname {
	color:#B28500;

}

#page2 .dotchi_penname {
	color:#FF6F24;

}

.dotchi_prize_middle .dotchi_penname {
	margin:5px 0px 0px 0px;
}

@media screen and (max-width: 640px)  {

#page1 ul , #page2 ul {
	padding:0px 0px 0px 0px;
	box-sizing:border-box;
	}
#page1 ul li , #page2 ul li{
	margin: 0px 4% 2% 4%;
	padding:10px 0% 0px 0%;
	box-sizing:border-box;
	width:92%;

	}
#page1 ul li:first-child , #page2 ul li:first-child {
	border-top:none;
	}

#page1 ul li img , #page2 ul li img {
	margin: 6px auto;
	width:100%;
	text-align:center;
	}

}



/* 投票結果 Start */

.dotchi_result_img {
	margin:10px 0 20px 0;
}
.dotchi_result_img p {
	font-size:116%;
	line-height:160%;
}
@media screen and (max-width: 768px)  {
.dotchi_result_img {
	margin:0 0 40px 0;
	width:100%;
	}
.dotchi_result_img img {
	width:100%;
	margin:8px auto 6px auto;
	}
.dotchi_result_img p {
	width:94%;
	margin:0px auto 10px auto;
	}
}

/* 投票結果 End */

/* ナットク！こっちde賞 Start */
.dotchi_prize_top {
	width:100%;
	background:url(../images/dotchi_prize_top.png) no-repeat left top;
	background-size:100%;
	padding-top:14%;
}
.dotchi_prize_top h2 {
	overflow: hidden;
	text-indent: -9999px;
}


@media screen and (max-width: 640px)  {
.dotchi_prize_top {
	width:100%;
	background:url(../images/sp_prize_top.png) no-repeat center top;
	background-size:100%;
	padding-top:22%;
	position:relative;
	z-index:2;
	}
}
.dotchi_prize_middle {
	width:100%;
	background:url(../images/dotchi_prize_middle.png) repeat-y left top;
	background-size:100%;
}
@media screen and (max-width: 640px)  {
.dotchi_prize_middle {
	margin-top:-10%;
	width:100%;
	border:6px solid #FFCCCC;
	box-sizing:border-box;
	border-radius:4px;
	position:relative;
	top:0%;
	z-index:1;
	background:none;
	}
}

.dotchi_prize_text{
	float:left;
	width:50%;
	margin:15px 0 0 4%;
	font-size:116%;
	line-height:160%;
}
.dotchi_prize_textLong {
	float:left;
	width:100%;
	margin:0px 0 0 25px;
	font-size:116%;
	line-height:160%;
}
@media screen and (max-width: 640px)  {
.dotchi_prize_text {
	float:none;
	width:92%;
	margin:12% auto 0px auto;
	}
.dotchi_prize_textLong {
	float:none;
	width:92%;
	margin:12% auto 0px auto;
	}
}



.dotchi_prize_img{
	float:left;
	width:42%;
	margin:6.5% 0% 0 2%;
	}
.dotchi_prize_img img{
	width:100%;
	}
@media screen and (max-width: 640px)  {
.dotchi_prize_img {
	float:none;
	width:auto;
	margin:0px 0px 14px 0px;
	text-align:center;
	}
.dotchi_prize_img img{
	width:94%;
	}
}


.dotchi_prize_bottom {
	width:100%;
	height:35px;
	background:url(../images/dotchi_prize_bottom.png) no-repeat left top;
	background-size:100%;
}
@media screen and (max-width: 640px)  {
.dotchi_prize_bottom {
	display:none;
	}
}
/* ナットク！ご意見賞 END */





/* バックナンバー Start */
.pageNavL {
	margin:0px auto 6px auto;
	padding:0px;
	width:100%;
	}
.pageNavL a {
	color:#000000;
	}
@media screen and (max-width: 768px){
.pageNavL {
	margin:3% auto 6px 0px;
	font-size:90%;;
	}
}

.backNumber {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px;
	width:auto;
	position:relative;
	clear:both;
	}
@media screen and (max-width: 768px){
.backNumber {
	width:94%;
	margin:10% auto 0px auto;

	}
}

.backNumberPage {
	margin:10px auto 0px auto;
	padding:0px;
	width:100%;
	}
@media screen and (max-width: 768px){
.backNumberPage {
	margin:12% auto 0px auto;
	}
}
.btnToList {
	width:16%;
	position:absolute;
	top:-3px;
	right:2%;
	}
@media screen and (max-width: 768px){
.btnToList {
	width:26%;
	position:absolute;
	top:0%;
	right:3%;
	}
}

.btnToList img {
	width:100%;
	}




.backNumber h3 {
	width:100%;
	margin:0px auto 0px auto;
	background: url(../images/title_quiz02.png) no-repeat left center;
	background-size: 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	padding-top:3%;
}
@media screen and (max-width: 768px) {
.backNumber h3 {
	background-image: url(../images/sp_title_quiz02.png);
	background-position: left top;
	background-size: 100%;
	color:#FFFFFF;
	width:100%;
	border-radius:6px 6px 0px 0px;
	padding:7% 0px 0px 0px;
	}
}
@media screen and (max-width: 640px) {
.backNumber h3 {
	padding:6% 0px 0px 0px;
	}
}
@media screen and (max-width: 480px) {
.backNumber h3 {
	padding:5% 0px 0px 0px;
	}
}
@media screen and (max-width: 360px) {
.backNumber h3 {
	padding:2.75% 0px 0px 0px;
	}
}
@media screen and (max-width: 320px) {
.backNumber h3 {
	padding:2% 0px 0px 0px;
	}
}
@media screen and (max-width: 300px) {
.backNumber h3 {
	padding:1.5% 0px 0px 0px;
	}
}
@media screen and (max-width: 280px) {
.backNumber h3 {
	padding:1% 0px 0px 0px;
	}
}


.backNumber ul {
	width:100%;
	margin-top:0px;
	border:3px solid #FF9F00;
	height:auto;
	background: #FFFFFF;
	padding-top:20px;
	box-sizing:border-box;
	}


.backNumberPage ul {
	margin:0px auto;
	background: #FFFFFF;	
	width:100%;
	}


.backNumber ul li , .backNumberPage ul li {
	margin:0px auto 4% 2.5%;
	list-style:none;
	vertical-align:middle;
	font-size:116%;
	color:#FF5C1D;
	font-weight:bold;
	width:30%;
	float:left;
	}


.backNumber ul li a , .backNumberPage ul li a {
	color:#FF5C1D;
	}
.backNumber ul li a:hover , .backNumberPage ul li a:hover {
	text-decoration:none;
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
	}

.backNumber ul li a figure , .backNumberPage ul li a figure {
	width:100%;
	margin-bottom:2%;
	}
.backNumber ul li a figure img , .backNumberPage ul li a figure img {
	width:100%;
	margin-bottom:2%;
	}


@media screen and (max-width: 640px) {
.backNumber ul {
	margin:0% auto 2% auto;
	background: none;
	width:100%;
	box-sizing:border-box;
	padding-left:3%;
	padding-bottom:3%;
	height:auto;
	}
.backNumberPage ul {
	margin:0% auto 8% auto;
	background: none;
	width:100%;
	box-sizing:border-box;
	padding-bottom:3%;
	height:auto;
	}
.backNumber ul li {
	margin:0px 4% 3% auto ;
	width:46%;
	box-sizing:border-box;
	padding:0px;
	}
.backNumberPage ul li {
	margin:0px 2% 3% 1% ;
	width:48%;
	box-sizing:border-box;
	padding:0px;
	}
.backNumber ul li:nth-child(even) , .backNumberPage ul li:nth-child(even) {
	margin:0px 0% 3% auto ;
	}

.backNumber ul li a , .backNumberPage ul li a {
	display:block;
	width:100%;
	height:100%;
	font-size:90%;
	box-sizing:border-box;
	}
.backNumber ul li a span , .backNumberPage ul li a span {
	font-size:80%;
	}
}

.dotchiBnNum {
	margin:6px 0 4px 0;
	font-size:90%;
	color:#FF7400;
	display:block;
	}

.backNumber ul li a .dotchiBnNum , .backNumberPage ul li a .dotchiBnNum {
	color:#FF7400;
	}

.dotchiBnTit {
	font-size:90%;
	font-weight:normal;
	}
.backNumber ul li a .dotchiBnTit , .backNumberPage ul li a .dotchiBnTit {
	color:#000000;
	}

.backNumber ul li a figure , .backNumberPage ul li a figure {
	width:100%;
	height:130px;
	overflow:hidden;
	margin-bottom:1%;
	border:1px solid #999999;
	}
@media screen and (max-width: 640px){
.backNumber ul li a figure , .backNumberPage ul li a figure {
	height:110px;
	overflow:hidden;
	}
}
.backNumber ul li a figure img , .backNumberPage ul li a figure img {
	width:100%;
	}

/* バックナンバー END */



/* もっと見るボタン*/
#more {
	font-size:100%;
	margin: 0px auto 0% auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	width: 30%;
	height:auto;
	clear:both;
	float:none;
	background-color: #FF5249;
	border:solid 1px #FF5249;
	border-radius: 6px;
	box-sizing:border-box;
	position:relative;
	top:-20px;
	}

@media screen and (max-width: 768px) {
#more {	
	margin: 3% auto 4% auto;
	width: 60%;
	position:static;
	top:-20px;
	}
}

#more a {
	display:block;
	padding: 2% 0% 2% 0%;
	width: 100%;
	height:96%;
	color: #FFFFFF;
	text-decoration: none;
}



p.noteSmall {
	margin-top:3px;
	font-size:12px;
	line-height:140%;
	font-weight:normal;
	}



@media screen and (min-width: 641px)  {
/*PCで非表示*/
.dotchi_sp {
	display: none;
	}
}

@media screen and (max-width: 768px)  {
/*SPで非表示*/
.dotchi_pc {
	display: none;
	}
/*SPで表示*/
.dotchi_sp {
	display: block;
	}
.sp_br {
	display: block;
	}
}


#snsShare{
	float: right;
	text-align:right;
	position:relative;
	z-index:100;
	display:block;
	}
#snsShare p {
	margin:3px 6px 0px 0px;
	float:left;
	display:inline;
	font-weight:bold;
	color:#666666;
	}
.twLike {
	margin:0px 6px 0px 0px;
	float:left;
	display:inline;
	}
.fb-like {
	margin:0px 6px 0px 0px;
	float:left;
	display:inline;
	}