@charset "UTF-8";

/* sp_newcomer.css */


/* newcomer_header */
.newcomer_header h2 {
	width: 640px;
	height: 95px;
	margin: 0 auto;
	background: url(../../../../newcomer/images/sp_header_newcomer.png) no-repeat 0 50%;
	text-align: left;
	text-indent: -9999px;
}


/* ===== newcomer_index ===== */


/* newcomer_section */
.newcomer_section {
	padding: 10px 0 0;
}
.newcomer_section:first-child {
	padding: 20px 0 0;
}
.newcomer_read,
.newcomer_nav,
.newcomer_nav20,
.newcomer_print {
	display: none;
}
.newcomer_next a {
	display: block;
	width: 640px;
	height: 111px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
.newcomer_s1 .newcomer_next a {
	background-image: url(../../../../newcomer/images/sp_newcomer_s1.png);
}
.newcomer_s2 .newcomer_next a {
	background-image: url(../../../../newcomer/images/sp_newcomer_s2.png);
}
.newcomer_s3 .newcomer_next a {
	background-image: url(../../../../newcomer/images/sp_newcomer_s3.png);
}
.newcomer_s4 .newcomer_next a {
	background-image: url(../../../../newcomer/images/sp_newcomer_s4.png);
}
.newcomer_s5 .newcomer_next a {
	background-image: url(../../../../newcomer/images/sp_newcomer_s5.png);
}
.newcomer_s6 .newcomer_next a {
	background-image: url(../../../../newcomer/images/sp_newcomer_s6.png);
}
.newcomer_s7 .newcomer_next a {
	background-image: url(../../../../newcomer/images/sp_newcomer_s7.png);
}

.newcomer_aside {
	text-align: center;
}
.newcomer_aside1 h3,
.newcomer_aside1 p {
	display: none;
}
.newcomer_aside1 a {
	display: block;
	width: 500px;
	height: 500px;
	margin: 20px auto;
	background: url(../../../../newcomer/images/sp_newcomer_aside1.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.newcomer_aside2 {
	display: block;
	width: 540px;
	height: 592px;
	margin: 0 auto;
	background: url(../../../../newcomer/images/sp_newcomer_aside2.png) no-repeat 50% 0;
	text-indent: -9999px;
}


/* ===== newcomer_detail ===== */

/* newcomer_dt_nav */
.newcomer_dt_nav {
	position: relative;
	z-index:9;
	width: 640px;
	background-color: #f8f8f8;
}
.newcomer_dt_nav li {
	display: table-cell;
	width: 212px;
	border-top: 1px dashed #939393;
	border-left: 1px dashed #939393;
	text-align: center;
	vertical-align: middle;
	font-size: 83%;
}
.newcomer_dt_nav li:first-child {
	border-left: 0px;
}
.newcomer_dt_nav li a {
	display: block;
	width: 212px;
	padding: 15px 0 25px 0;
	background: url(../../../../newcomer/images/sp_newcomer_dt_nav.png) no-repeat 50% 80%;
}
.newcomer_dt_nav li.navon a {
	color: #27b558;
}

/* newcomer_gb_nav */
.newcomer_gb_nav {
	margin-top: 40px;
}
.newcomer_gb_nav li a {
	position: relative;
	display: block;
	padding: 25px 20px 25px 15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* for old webkit */
	background: -webkit-linear-gradient(top, #ffffff, #ededed); /* for webkit */
	background: -moz-linear-gradient(top, #ffffff, #ededed); /* for firefox */
	background: -o-linear-gradient(top, #ffffff, #ededed); /* for old opera */
	background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* for IE10 */
	background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* for old IE */
	border-bottom: 1px solid #b9b9b9;
	font-size: 125%;
	color: #27b558;
}
.newcomer_gb_nav li.newcomer_gb_nav1 a {
	border-top: 1px solid #b9b9b9;
}
.newcomer_gb_nav li a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 40px;
	display: block;
	width: 20px;
	height: 41px;
	margin-top: -20px;
	background: url(../images/common/sp_footer_nav_off.png) no-repeat 0% 50%;
}

/* title-btn */
.newcomer_pagetitle {
	padding: 20px 0 0;
}
.newcomer_pagetitle h3 {
	width: 640px;
	height: 110px;
	text-indent: -9999px;
}
.newcomer_btn_prize a {
	display: block;
	width: 361px;
	height: 97px;
	margin: 40px auto 0;
	background: url(../../../../newcomer/images/sp_newcomer_btn_prize.png) no-repeat 0 0;
	text-indent: -9999px;
}
.newcomer_pagetitle h3.newcomer_dt_pagetitle {
	background: url(../../../../newcomer/images/sp_newcomer_dt_pagetitle.png) no-repeat 0 0;
}
.newcomer_pagetitle h3.mgp_pagetitle {
	background: url(../../../../newcomer/mgp/images/sp_mgp_pagetitle.png) no-repeat 0 1px;
}
.newcomer_pagetitle h3.name_pagetitle {
	background: url(../../../../newcomer/name/images/sp_name_pagetitle.png) no-repeat 0 1px;
}
.newcomer_pagetitle h3.illgp_pagetitle {
	background: url(../../../../newcomer/illustgp/images/sp_illgp_pagetitle.png) no-repeat 0 1px;
}
/* artcile_newcomer */
.section_newcomer_dt {
	margin: 20px 0 0;
	padding: 20px 20px 20px;
	background: url(../../../../newcomer/images/sp_newcomer_dt_ttl_icn.png) no-repeat 100% 0;
	background-color: #fff;
}
.section_newcomer_dt h3 {
	margin-right: 35px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #27b558;
	font-size: 133%;
	font-weight: bold;
	line-height: 1.1;
	color: #27b558;
}
.section_newcomer_dt h4 {
	font-size: 116%;
	font-weight: bold;
	color: #27b558;
}
.section_newcomer_dt p {
	font-size: 83%;
}
.section_newcomer_dt .ullist {
	padding-left: 2em;
}
.section_newcomer_dt .ullist li {
	font-size: 116%;
	font-weight: bold;
	color: #27b558;
}
.newcomer_dt_sp dl {
	padding: 10px 0;
	border-bottom: 1px dotted #b8b8b8;
}
.newcomer_dt_sp h4 + dl {
	margin: 10px 0 0;
	border-top: 1px dotted #b8b8b8;
}
.newcomer_dt_sp dl dt {
	font-size: 108%;
	font-weight: bold;
	color: #27b558;
}
.newcomer_dt_caption {
	margin: 1em 0 0;
}
.section_newcomer_dt strong {
	font-size: 108%;
	font-weight: bold;
	color: #27b558;
}



/* ===== mochikomi ===== */

/* mochikomi_header */
.mochikomi_header h2 {
	width: 640px;
	height: 95px;
	margin: 0 auto;
	background: url(../../../../newcomer/mochikomi/images/sp_header_mochikomi.png) no-repeat 0 50%;
	text-align: left;
	text-indent: -9999px;
}

.mochikomi_bar {
	padding: 20px 0 0;
}
.mochikomi_bar a {
	display: block;
	width: 620px;
	height: 83px;
	margin: 0 10px;
	background-repeat: repeat-y;
	background-position: 0 0px;
	text-indent: -9999px;
}
.mochikomi_s1_bar a {
	background-image: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s1_bar.png);
}
.mochikomi_s2_bar a {
	background-image: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s2_bar.png);
}
.mochikomi_s3_bar a {
	background-image: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s3_bar.png);
}
.mochikomi_bar.baron a {
	background-position: 0 -83px;
}
.mochikomi_s1,
.mochikomi_s2,
.mochikomi_s3 {
	/* display: none; */
}

.mochikomi_s1 {
	margin: 10px 10px 0;
	padding: 20px 10px;
	background-color: #fff;
	font-size: 83%;
	color: #000;
}
.mochikomi_s1_txt01 {
	width: 600px;
	height: 112px;
	margin: 0 auto 20px;
	background: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s1_txt01.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.mochikomi_s1_ttl01 {
	width: 600px;
	height: 50px;
	margin: 30px 0 10px;
	background: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s1_ttl01.png) no-repeat 0 0;
	text-indent: -9999px;
}
.mochikomi_s1_ttl02 {
	width: 600px;
	height: 50px;
	margin: 30px 0 10px;
	background: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s1_ttl02.png) no-repeat 0 0;
	text-indent: -9999px;
}
.mochikomi_s1 em {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 133%;
}
.mochikomi_s1 strong {
	display: inline-block;
	margin: 5px 0;
	padding: 5px 10px;
	background-color: #000;
	font-size: 133%;
	color: #fff;
}
.mochikomi_s1 strong a {
	color: #fff;
	text-decoration: underline;
}
.mochikomi_s1_img {
	width: 600px;
	height: 466px;
	margin: 20px 0 40px;
	background: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s1_img01.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.mochikomi_s1_txt02 {
	width: 600px;
	height: 112px;
	background: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s1_txt02.png) no-repeat 50% 0;
	text-indent: -9999px;
}


.mochikomi_s2_ttl01 {
	width: 640px;
	height: 140px;
	margin: 5px 0 0;
	background: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s2_ttl01.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.mochikomi_s2_img01 {
	width: 640px;
	height: 4400px;
	background: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s2_img01.jpg) no-repeat 50% 0;
	-webkit-background-size: 640px 4400px;
	-moz-background-size: 640px 4400px;
	-o-background-size: 640px 4400px;
	-ms-background-size: 640px 4400px;
	background-size: 640px 4400px;
	text-indent: -9999px;
}


.mochikomi_s3_img01 {
	width: 640px;
	height: 4649px;
	background: url(../../../../newcomer/mochikomi/images/sp_mochikomi_s3_img01.jpg) no-repeat 50% 0;
	-webkit-background-size: 640px 4649px;
	-moz-background-size: 640px 4649px;
	-o-background-size: 640px 4649px;
	-ms-background-size: 640px 4649px;
	background-size: 640px 4649px;
	text-indent: -9999px;
}


/* name */
.name_caption {
}
.name_caption_txt strong {
	font-size: 91%;
}
.name_caption_img {
	margin: 1em 0 0;
	text-align: center;
}
.name_caption_img img {
}


/* yumetobira */
.yumetobira_header {
	width: 620px;
	height: 891px;
	/*background: url(../../../../newcomer/yumetobira/images/sp_yumehenotobira_img01.jpg) no-repeat 50% 0;*/
	background: url(../../../../newcomer/yumetobira/images/sp_yumehenotobira_img01_33.jpg) no-repeat 50% 0;
	text-indent: -9999px;
}
.section_yumetobira h3 {
	height: 30px;
	margin: 30px 0;
	background: url(../../../../newcomer/yumetobira/images/yumehenotobira_ttl01.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.section_yumetobira table {
}
.section_yumetobira table th,
.section_yumetobira table td {
	padding: 15px 0;
	border-bottom: 1px dashed #818181;
	vertical-align: top;
}
.section_yumetobira table th {
	width: 8em;
	color: #27b558;
}



/* pro */
.pro_header {
	width: 640px;
	height: 90px;
	background: url(../../../../newcomer/pro/images/sp_pro_ttl.png) no-repeat 10px 50%;
	-webkit-box-shadow: 0px 2px 4px 0px #999 inset;
	-moz-box-shadow: 0px 2px 4px 0px #999 inset;
	-o-box-shadow: 0px 2px 4px 0px #999 inset;
	-ms-box-shadow: 0px 2px 4px 0px #999 inset;
	box-shadow: 0px 2px 4px 0px #999 inset;
	text-indent: -9999px;
}
.section_pro {
}
.section_pro h3 {
	border-bottom: 1px solid #27b558;
	line-height: 1.1;
	color: #27b558;
}
.pro_list {
	position: relative;
	padding: 10px 0;
	padding-right: 160px;
	border-bottom: 1px solid #ccc;
}
.pro_list p {
}
.pro_list1 {
	position: absolute;
	left: 0px;
	bottom: 0.5em;
}
.pro_list2 {
	position: absolute;
	left: 9em;
	bottom: 0.5em;
}
.pro_list3 {
	padding-bottom: 2em;
}
.pro_list p.pro_list3 a {
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}
.pro_list p.pro_list3 a:hover {
	text-decoration: none;
}
.pro_list_btn {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 134px;
}
.pro_list_btn a {
	display: inline-block;
	width: 134px;
	height: 50px;
	background: url(../../../../newcomer/pro/images/sp_pro_btn.png) no-repeat 100% 50%;
	text-indent: -9999px;
}

/* pro_detail */
.pro_detail_header {
	width: 640px;
	height: 90px;
	background: url(../../../../newcomer/pro/images/sp_prodetail_ttl.png) no-repeat 10px 50%;
	-webkit-box-shadow: 0px 2px 4px 0px #999 inset;
	-moz-box-shadow: 0px 2px 4px 0px #999 inset;
	-o-box-shadow: 0px 2px 4px 0px #999 inset;
	-ms-box-shadow: 0px 2px 4px 0px #999 inset;
	box-shadow: 0px 2px 4px 0px #999 inset;
	text-indent: -9999px;
}
.section_pro_detail {
	text-align: center;
}


/* read */
.read_header {
	width: 640px;
	height: 90px;
	background: url(../../../../newcomer/read/images/sp_read_ttl.png) no-repeat 10px 50%;
	-webkit-box-shadow: 0px 2px 4px 0px #999 inset;
	-moz-box-shadow: 0px 2px 4px 0px #999 inset;
	-o-box-shadow: 0px 2px 4px 0px #999 inset;
	-ms-box-shadow: 0px 2px 4px 0px #999 inset;
	box-shadow: 0px 2px 4px 0px #999 inset;
	text-indent: -9999px;
}
.read_list {
	display: table;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
.read_list dl {
	display: table-cell;
	width: 490px;
	vertical-align: middle;
}
.read_list dl dt {
	display: table-cell;
	padding-right: 10px;
	vertical-align: top;
}
.read_list dl dd {
	display: table-cell;
	vertical-align: top;
}
.read_list_btn {
	display: table-cell;
	width: 134px;
	vertical-align: middle;
}
.read_list_btn a {
	display: inline-block;
	width: 134px;
	height: 50px;
	background: url(../../../../newcomer/read/images/sp_read_btn.png) repeat 0 0;
	text-indent: -9999px;
}
.read_list dt img {
	width: 100px;
	height: 100px;
	border: 1px solid #8c8c8c;
}
.read_list h4 {
	color: #27b558;
}
.read_list em {
	font-size: 83%;
}


/* mgpread */
.mgpread_header,
.awardsread_header{
	width: 640px;
	height: 90px;
	-webkit-box-shadow: 0px 2px 4px 0px #999 inset;
	-moz-box-shadow: 0px 2px 4px 0px #999 inset;
	-o-box-shadow: 0px 2px 4px 0px #999 inset;
	-ms-box-shadow: 0px 2px 4px 0px #999 inset;
	box-shadow: 0px 2px 4px 0px #999 inset;
	text-indent: -9999px;
}
.mgpread_header{
	background: url(../../../../newcomer/mgp/read/images/sp_mgpread_ttl.png) no-repeat 10px 50%;
}
.awardsread_header{
	background: url(../../../../newcomer/awards/read/images/sp_awards_ttl.png) no-repeat 10px 50%;
}

/* kekka */
.newcomerkekka_header {
	width: 640px;
	height: 90px;
	background: url(../../../../newcomer/images/sp_newcomerkekka_ttl.png) no-repeat 10px 50%;
	-webkit-box-shadow: 0px 2px 4px 0px #999 inset;
	-moz-box-shadow: 0px 2px 4px 0px #999 inset;
	-o-box-shadow: 0px 2px 4px 0px #999 inset;
	-ms-box-shadow: 0px 2px 4px 0px #999 inset;
	box-shadow: 0px 2px 4px 0px #999 inset;
	text-indent: -9999px;
}
.mgpkekka_header {
	width: 640px;
	height: 90px;
	background: url(../../../../newcomer/mgp/images/sp_mgpkekka_ttl.png) no-repeat 10px 50%;
	-webkit-box-shadow: 0px 2px 4px 0px #999 inset;
	-moz-box-shadow: 0px 2px 4px 0px #999 inset;
	-o-box-shadow: 0px 2px 4px 0px #999 inset;
	-ms-box-shadow: 0px 2px 4px 0px #999 inset;
	box-shadow: 0px 2px 4px 0px #999 inset;
	text-indent: -9999px;
}
.namekekka_header {
	width: 640px;
	height: 90px;
	background: url(../../../../newcomer/name/images/sp_namekekka_ttl.png) no-repeat 10px 50%;
	-webkit-box-shadow: 0px 2px 4px 0px #999 inset;
	-moz-box-shadow: 0px 2px 4px 0px #999 inset;
	-o-box-shadow: 0px 2px 4px 0px #999 inset;
	-ms-box-shadow: 0px 2px 4px 0px #999 inset;
	box-shadow: 0px 2px 4px 0px #999 inset;
	text-indent: -9999px;
}
.kekka_section h3 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36ba64), color-stop(100%, #24a852)); /* for old webkit */
	background: -webkit-linear-gradient(top, #36ba64, #24a852); /* for webkit */
	background: -moz-linear-gradient(top, #36ba64, #24a852); /* for firefox */
	background: -o-linear-gradient(top, #36ba64, #24a852); /* for old opera */
	background: -ms-linear-gradient(top, #36ba64 0%, #24a852 100%); /* for IE10 */
	background: linear-gradient(to bottom, #36ba64 0%, #24a852 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36ba64', endColorstr='#24a852',GradientType=0 ); /* for old IE */
}
.kekka_section h3 span {
	position: relative;
	display: block;
	padding: 20px 50px 20px 15px;
	font-size: 125%;
	font-weight: bold;
	color: #fff;
}
.kekka_section h3 span:after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 20px;
	height: 41px;
	margin-top: -20px;
	background: url(../../../../newcomer/mgp/images/sp_mgpkekka_navoff.png) no-repeat 50% 50%;
}
.kekka_section h3.baron span:after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 41px;
	height: 20px;
	margin-top: -10px;
	background: url(../../../../newcomer/mgp/images/sp_mgpkekka_navon.png) no-repeat 50% 50%;
}
.kekka_detail {
	padding-bottom: 20px;
	text-align: center;
}
.kekka_detail img {
	margin: 20px 0 0;
}
.kekka_nav_year li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36ba8a), color-stop(100%, #24a878)); /* for old webkit */
	background: -webkit-linear-gradient(top, #36ba8a, #24a878); /* for webkit */
	background: -moz-linear-gradient(top, #36ba8a, #24a878); /* for firefox */
	background: -o-linear-gradient(top, #36ba8a, #24a878); /* for old opera */
	background: -ms-linear-gradient(top, #36ba8a 0%, #24a878 100%); /* for IE10 */
	background: linear-gradient(to bottom, #36ba8a 0%, #24a878 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36ba8a', endColorstr='#24a878',GradientType=0 ); /* for old IE */
}
.kekka_nav_year li a {
	position: relative;
	display: block;
	padding: 20px 15px;
	font-size: 125%;
	font-weight: bold;
	color: #fff;
}
.kekka_nav_year li a:after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 40px;
	height: 41px;
	margin-top: -20px;
	background: url(../../../../newcomer/mgp/images/sp_mgpkekka_navnext.png) no-repeat 50% 50%;
}
.kekka_section h3 span.kekka2 {
	padding: 25px 50px 25px 15px;
	font-size: 91%;
}

/* name */
.namekekka_detail {
	padding-bottom: 30px;
	text-align: center;
}
.namekekka_detail img {
	margin: 0;
}
.namekekka_next {
	padding: 20px 0;
	background-color: #d9e8de;
}
.namekekka_next h4 {
	padding-bottom: 20px;
}
.namekekka_next_cap {
	padding: 20px 0 15px;
	background-color: #27b558;
	text-align: center;
}
.fuki_up,.fuki_down {
	position: relative;
	margin: 15px 15px 0;
	padding: 15px;
	background-color: #fff;
	border: 1px dashed #a7a7a7;
	border-radius: 10px;
	font-size: 91%;
	text-align: left;
}
.fuki_up:after {
	content:"";
	position: absolute;
	left: 50%;
	bottom: -27px;
	display: block;
	width: 30px;
	height: 27px;
	margin-left: -15px;
	background: url(../../../../newcomer/name/images/sp_name_icn01.png) no-repeat 50% 50%;
}
.fuki_down:before {
	content:"";
	position: absolute;
	left: 50%;
	top: -27px;
	display: block;
	width: 30px;
	height: 27px;
	margin-left: -15px;
	background: url(../../../../newcomer/name/images/sp_name_icn02.png) no-repeat 50% 50%;
}

/* 160218 MGP追記 */
.webpost ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.webpost .btn {
	width: 362px;
	height: 75px;
	margin: 0 auto 10px;
}

.webpost .btn a {
	display: block;
	height: 100%;
	background-image: url(/newcomer/images/sp_webpost_btn.png);
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}