@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);

html {font-size:62.5%;}
body {
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	background:url(../images/visu.png) center top no-repeat, url(../images/bg_pattern.png) center top repeat-x #000 fixed;
	font-size:1rem;
	color:#fff;
	box-sizing:border-box;
}
@media screen and (min-width: 641px) {
/* PC用のスタイル記述 */
main {
	width:1080px;
	margin:0 auto;
	font-size:1.2rem;
	line-height:1.6;
}
header {
	width:1080px;
	height:407px;
	margin:20px auto;
	padding:10px 0;
	text-align:center;
}
header h1 {}
p{
	margin-block-start:0;
	margin-block-end:0;
}

#detail{
	width:1080px;
	margin:0 0 40px;
	padding:20px 0;
	font-size:1.7rem;
	font-weight:bold;
	text-align:center;
	line-height:1.7;
	border-top:2px solid #ed1084;
	border-bottom:2px solid #ed1084;
}
#detail p{
	width:980px;
	margin:0 auto 18px;
}
#detail #SubBox{
	padding:18px 0 0;
	border-top:2px solid #ed1084;
}
#detail .Sub{
	margin:0 auto 10px;
	padding-left:1.4em;
	text-indent:-1.4em;
	text-align:left;
	line-height:1.4;
}
#detail .Sub span{
	display:inline-block;
	background:#ed1084;
	margin-bottom:6px;
	padding:0 1em;
	color:#fff;
	text-indent:0;
}
#detail .Sub:last-of-type {margin-bottom:0;}


/* Hタグ */
h2{
	font-size:2.2rem;
	font-weight:bold;
	color:#ed1084;
}
h2::before {content:"■";}


/* ノミネートキャラクター */
#workWrap{
	overflow:hidden;
	width:1080px;
	margin-bottom:60px;
	padding:12px 0;
}
#workWrap li{
	float:left;
	width:calc(100% / 3 - 20px);
	margin:0 10px 10px;
	list-style:none;
}
#workWrap li a{
	color:#fff;
	text-decoration:none;
}
#workWrap li a:hover {opacity:0.7;}
#workWrap li .Catch{
	padding:6px 0;
	font-size:1.8rem;
	text-align:center;
	border:2px solid #ed1084;
	border-bottom:none;
}
#workWrap li .Name{
	background:#ed1084;
	margin-bottom:0;
	padding:6px 0 0;
	font-size:2.4rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:1;
}
/*#workWrap li .Name ruby{
	display:block;
	vertical-align:top;
}*/
#workWrap li .Img img{
	width:100%;
	vertical-align:bottom;
	border:2px solid #ed1084;
	box-sizing:border-box;
}
#workWrap li .Appearance{
	margin-bottom:6px;
	padding:6px 0;
	font-size:1.8rem;
	text-align:center;
	border:2px solid #ed1084;
	border-top:none;
}
#workWrap li .Appearance p{
	padding:0 20px;
	font-size:1.5rem;
	text-align:left;
	line-height:1.4;
}
#workWrap li form{
	width:100%;
	margin-bottom:30px;
	text-align:center;
}
#workWrap li form input {width:100%;}


/* Twitter */
.twitter p{
	width:100%;
	margin:0 0 20px;
	font-size:2rem;
	font-weight:bold;
	text-align:center;
}
.twitter p a{
	display:block;
	background:#262626;
	padding:6px 0;
	color:#fff !important;
	text-decoration:none;
	border:2px solid #262626;
	transition:0.7s;
}
.twitter p a:hover{
	background:#fff;
	color:#262626 !important;
	border-radius:8px;
}


/* 既刊コミックス */
#kikan ul{
	overflow:hidden;
	margin-bottom:60px;
	padding:12px 0;
	list-style:none;
}
#kikan li{
	float:left;
	width:calc(100% / 3 - 20px);
	margin:0 10px;
}
#kikan .Tit{
	background:#ed1084;
	margin-bottom:6px;
	padding:6px 0;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.kikanBox {overflow:hidden;}
.kikanBox .kikanImg{
	float:left;
	width:180px;
	margin-right:10px;
}
.kikanBox .kikanImg img {width:100%;}
.kikanBox .kikanSummary{
	float:left;
	width:149px;
	font-size:1.4rem;
	line-height:1.4;
}
#kikan li .buyBtn{
	width:100%;
	margin:6px 0;
	text-align:center;
}
#kikan li .buyBtn a{
	display:block;
	background:#262626;
	padding:6px 0;
	font-size:1.7rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	transition:0.7s;
}
#kikan li .buyBtn a:hover{
	background:#fff;
	color:#262626;
	border:1px solid #262626;
	border-radius:8px;
}


/* 最新コミックス */
#new #newComics{
    overflow:hidden;
    margin-bottom:20px;
}
#new .newImg{
	float:left;
	width:200px;
	margin-right:20px;
	box-sizing:border-box;
}
#new .newImg img{
	width:100%;
	vertical-align:bottom;
	border:1px solid #262626;
}
#new .newSummary{
	float:left;
	width:860px;
}
#new .newTit{
	background:#ed1084;
	margin-bottom:6px;
	padding:6px 0;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
}
#new .newSummary p{
	margin-bottom:12px;
	font-size:1.4rem;
}
#new .buyBtn{
	display:inline-block;
	margin:6px 0;
	text-align:center;
}
#new .buyBtn a{
	display:block;
	background:#262626;
	padding:6px 1em;
	font-size:1.7rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	transition:0.7s;
}
#new .buyBtn a:hover{
	background:#fff;
	color:#262626;
	border:1px solid #262626;
	border-radius:8px;
}


/* 最新人物紹介 */
#newComicsCharacter{
    margin-bottom:80px;
    padding-top:20px;
    border-top:1px dashed #ed1084
}
#newComicsCharacter .subTit{
	font-size:1.8rem;
	font-weight:bold;
	color:#ed1084;
}
#newComicsCharacter dl {overflow:hidden;}
#newComicsCharacter dt{
    float:left;
    width:200px;
    margin-right:10px;
    border:1px solid #ed1084;
}
#newComicsCharacter dt img {vertical-align:bottom;}
#newComicsCharacter dd{
    float:left;
    width:308px;
    margin-right:20px;
    font-size:1.5rem;
}
#newComicsCharacter dd span{
    font-size:1.8rem;
    border-bottom:1px solid #ed1084;
}

footer {
	float:left;
	width:1080px;
	padding:20px 0;
}


/* 結果発表 */
#result{
	width:980px;
	margin:0 auto 30px;
}
#result #resultTit{
	margin:40px 0;
	font-size:4.6rem;
	font-weight:bold;
	color:#ed1084;
	text-align:center;
	line-height:1;
	letter-spacing:0.4em;
	border-bottom:6px double #ed1084;
}
#result #result1, #result #result2-3, #result #result4-9{
	overflow:hidden;
	width:100%;
	margin-bottom:80px;
	list-style:none;
	box-sizing:border-box;
}
#result #result1 {margin-bottom:20px;}
#result #result4-9 {margin-bottom:50px;}
#result #result1 li{
	position:relative;
	width:350px;
	margin:0 auto;
	font-size:2.8rem;
	font-weight:bold;
	text-align:center;
	border:2px solid #ed1084;
	box-sizing:border-box;
}
#result #result2-3{
	width:820px;
	margin:0 auto 20px;
}
#result #result2-3 li{
	position:relative;
	float:left;
	width:calc(100% / 2 - 84px);
	margin:0 40px;
	font-size:2.8rem;
	font-weight:bold;
	text-align:center;
	border:2px solid #ed1084;
	box-sizing:border-box;
}
#result #result1 li p:last-child, #result #result2-3 li p:last-child {width:100%;}
#result #rank1, #result #rank2, #result #rank3{
	position:absolute;
	top:4px;
	right:-21px;
	transform:rotate(11deg);
}
#result #rank1 img, #result #rank2 img, #result #rank3 img {width:67%;}
#result #result4-9 li{
	float:left;
	width:calc(100% / 3 - 24px);
	margin:0 10px 20px;
	font-size:2.4rem;
	font-weight:bold;
	text-align:center;
	border:1px solid #ed1084;
}
#result #result4-9 li p:first-child{
	color:#ed1084;
	border-bottom:1px dotted #ed1084;
}
#result #result4-9 li p:last-child {width:100%;}
#result li img{
	width:100%;
	vertical-align:bottom;
}



}


@media screen and (max-width: 640px) {
/* スマートフォン用のスタイル記述 */
body {
    background-size:140%;
    font-size:1.2rem;
    line-height:1.4;
}
main{
	width:100%;
	margin-bottom:10px;
}
header {
	width:98%;
	margin:0 auto 10px;
	padding:10px 0;
}
header h1 img {width:100%;}

#detail{
	width:98%;
	margin:0 auto 20px;
	padding:10px 0;
	font-size:1.4rem;
	line-height:1.3;
	border-top:2px solid #ed1084;
	border-bottom:2px solid #ed1084;
}
#detail p{
	width:96%;
	margin:0 auto 18px;
}
#detail #SubBox{
	padding:18px 0 0;
	border-top:2px solid #ed1084;
}
#detail .Sub{
	width:96%;
	margin:0 auto 10px;
	text-align:left;
	line-height:1.3;
}
#detail .Sub span{
	display:inline-block;
	background:#ed1084;
	margin-bottom:6px;
	padding:0 1em;
	color:#fff;
	text-indent:0;
}
#detail .Sub:last-of-type {margin-bottom:0;}


/* Hタグ */
h2{
	width:80%;
	margin:0 auto;
	font-size:1.6rem;
	font-weight:bold;
	color:#ed1084;
}
h2::before {content:"■";}


/* ノミネートキャラクター */
#workWrap{
	overflow:hidden;
	width:80%;
	margin:0 auto 12px;
	padding:12px 0;
}
#workWrap li{
	width:100%;
	margin:0 0 10px;
	list-style:none;
}
#workWrap li a{
	color:#fff;
	text-decoration:none;
}
#workWrap li .Catch{
	padding:6px 0;
	font-size:1.4rem;
	text-align:center;
	border:2px solid #ed1084;
	border-bottom:none;
}
#workWrap li .Name{
	background:#ed1084;
	margin-bottom:0;
	font-size:1.5rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
#workWrap li .Img{
	width:100%;
	margin:0;
	text-align:center;
	border:2px solid #ed1084;
	box-sizing:border-box;
}
#workWrap li .Img img{
	width:70%;
	vertical-align:bottom;
	box-sizing:border-box;
}
#workWrap li .Appearance{
	margin-bottom:6px;
	padding:6px 0;
	font-size:1.3rem;
	text-align:center;
	border:2px solid #ed1084;
	border-top:none;
}
#workWrap li .Appearance p{
	margin-top:6px;
	padding:0 20px;
	font-size:1.2rem;
	text-align:left;
	line-height:1.4;
}
#workWrap li form{
	width:100%;
	margin-bottom:30px;
	text-align:center;
}
#workWrap li form input {width:100%;}


/* Twitter */
.twitter p{
	width:100%;
	margin:0 0 20px;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
}
.twitter p a{
	display:block;
	background:#262626;
	padding:6px 0;
	color:#fff !important;
	text-decoration:none;
	border:2px solid #262626;
	transition:0.7s;
}


/* 既刊コミックス */
#kikan ul{
	overflow:hidden;
	width:70%;
	margin:0 auto 12px;
	padding:12px 0;
	list-style:none;
}
#kikan li{
	width:100%;
	margin:0;
}
#kikan .Tit{
	background:#ed1084;
	margin-bottom:6px;
	padding:6px 0;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.kikanBox {overflow:hidden;}
.kikanBox .kikanImg{
	width:180px;
	margin:0 auto 6px;
	text-align:center;
}
.kikanBox .kikanImg img {width:100%;}
.kikanBox .kikanSummary{
	width:100%;
	font-size:1.2rem;
	line-height:1.4;
}
#kikan li .buyBtn{
	width:100%;
	margin:6px 0 40px;
	text-align:center;
}
#kikan li .buyBtn a{
	display:block;
	background:#262626;
	padding:6px 0;
	font-size:1.7rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	transition:0.7s;
}


/* 最新コミックス */
#new #newComics{
	overflow:hidden;
	width:70%;
	margin:14px auto;
}
#new .newImg{
	width:200px;
	margin:0 auto 10px;
	border:1px solid #262626;
	box-sizing:border-box;
}
#new .newImg img{
	width:100%;
	vertical-align:bottom;
}
#new .newSummary{
	width:100%;
}
#new .newTit{
	background:#ed1084;
	margin-bottom:6px;
	padding:6px 4px;
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
}
#new .newSummary p {margin-bottom:12px;}
#new .buyBtn{
	display:inline-block;
	width:100%;
	margin:6px 0;
	text-align:center;
}
#new .buyBtn a{
	display:block;
	background:#262626;
	padding:6px 1em;
	font-size:1.7rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	transition:0.7s;
}


/* 結果発表 */
#result{
	width:98%;
	margin:0 auto 20px;
}
#result #resultTit{
	margin:10px 0 20px 0;
	font-size:2rem;
	font-weight:bold;
	color:#ed1084;
	text-align:center;
	line-height:1;
	letter-spacing:0.4em;
	border-bottom:6px double #ed1084;
}
#result #result1, #result #result2-3, #result #result4-9{
	overflow:hidden;
	width:100%;
	margin-bottom:30px;
	list-style:none;
	box-sizing:border-box;
}
#result #result4-9 {margin-bottom:20px;}
#result #result1 li{
	position:relative;
	width:180px;
	margin:0 auto 20px;
	padding:2px 0;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
	border:2px solid #ed1084;
	box-sizing:border-box;
}
#result #result2-3 li{
	position:relative;
	float:left;
	width:calc(100% / 2 - 24px);
	margin:0 10px;
	padding:2px 0;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
	border:2px solid #ed1084;
	box-sizing:border-box;
}
#result #result1 li:last-child, #result #result2-3 li:last-child {margin-bottom:0;}
#result #result1 li p:last-child, #result #result2-3 li p:last-child {width:100%;}
#result #rank1, #result #rank2, #result #rank3{
	position:absolute;
	top:4px;
	right:-49px;
	transform:rotate(11deg);
}
#result #rank1 img, #result #rank2 img, #result #rank3 img {width:37%;}
#result #result4-9 li{
	float:left;
	width:calc(100% / 3 - 24px);
	margin:0 10px 20px;
	padding:2px 0;
	font-size:1.3rem;
	font-weight:bold;
	text-align:center;
	border:1px solid #ed1084;
}
#result #result4-9 li p:first-child{
	color:#ed1084;
	border-bottom:1px dotted #ed1084;
}
#result #result4-9 li p:nth-child(2) {padding:4px 0;}
#result #result4-9 li p:last-child {width:100%;}
#result li img{
	width:100%;
	vertical-align:bottom;
}


/* 最新人物紹介 */
#newComicsCharacter{
    margin-bottom:60px;
    padding-top:20px;
    text-align:center;
    border-top:1px dashed #ed1084
}
#newComicsCharacter .subTit{
    margin-bottom:8px;
	font-size:1.8rem;
	font-weight:bold;
	color:#ed1084;
}
#newComicsCharacter dl{
    overflow:hidden;
    width:90%;
    margin:0 auto;
}
#newComicsCharacter dt{
    width:200px;
    height:200px;
    margin:0 auto 12px;
    border:1px solid #ed1084;
}
#newComicsCharacter dt img {vertical-align:bottom;}
#newComicsCharacter dd{
    margin-bottom:12px;
    font-size:1.3rem;
    line-height:1.4;
}
#newComicsCharacter dd span{
    font-size:1.5rem;
    border-bottom:1px solid #ed1084;
}
#newComicsCharacter dd br {display:none;}
#newComicsCharacter dd br:first-of-type {display:block;}
footer {
	width:100%;
	padding:20px 0;
}


}