@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////

[wrapper]
	[content]

/////////////////////////////////////////////////////////////////// */

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
body{
background:#000;
color:#fff;
width:100%;
line-height:1.5;
font-size:14px;
font-family: "Shippori Mincho B1", serif;
font-style: normal;
}
img{
max-width:100%;
}
/* =========================================================
wrapper
========================================================= */
#wrapper {
min-width:320px;
max-width:750px;
margin:0 auto;
}

#wrapper #header {
}

#wrapper #header .main_ttl {
margin:0;
}

#wrapper #header .main_ttl img {
vertical-align: bottom;
}

#wrapper #header .read_txt {
background:#000;
color:#f6ff00;
margin:0;
padding:10px;
font-weight:bold;
text-align:center;
font-size:12px;
overflow:hidden;
border-bottom:1px solid #FFF;
}

#wrapper #header .read_txt span {
color:#f6ff00;
font-size:16px;
animation : textscroll 20s linear infinite;
margin:0;
display : inline-block;
padding-left: 100%;
white-space : nowrap;
line-height : 1em;
}
@keyframes textscroll{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}

/* =========================================================
content
========================================================= */
#wrapper #content {
margin:10px;
}

#wrapper #content .item_wrap {
}

#wrapper #content .item_wrap .item_box {
background:#333;
padding:10px;
margin:10px 0;
border-radius:3px;
}
#wrapper #content .item_wrap .item_box h2 {
font-size:16px;
margin:0 0 10px 0;
border-bottom:solid 3px #ff0;
}
#wrapper #content .item_wrap.toppage .item_box h2 {
position:relative;
padding:0 0 10px;
}
/*#wrapper #content .item_wrap.toppage .item_box h2:after {
content:"";
display:block;
background-image:url(../images/rank_bg.png);
background-size:56px 612px;
background-repeat:no-repeat;
width:56px;
height:60px;
position:absolute;
left:0;
top:0;
}*/

#wrapper #content .item_wrap.toppage .item_box:nth-child(1) h2:after {
background-position:0 0;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(2) h2:after {
background-position:0 -62px;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(3) h2:after {
background-position:0 -122px;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(4) h2:after {
background-position:0 -184px;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(5) h2:after {
background-position:0 -244px;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(6) h2:after {
background-position:0 -306px;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(7) h2:after {
background-position:0 -368px;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(8) h2:after {
background-position:0 -428px;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(9) h2:after {
background-position:0 -489px;
}
#wrapper #content .item_wrap.toppage .item_box:nth-child(10) h2:after {
background-position:0 -551px;
}

#wrapper #content .item_wrap .item_box .item_box_inner {
overflow:hidden;
}

#wrapper #content .item_wrap .item_box .item_box_inner .left {
float:left;
width:100px;
margin-right:10px;
}

#wrapper #content .item_wrap .item_box .item_box_inner .left a {
}

#wrapper #content .item_wrap .item_box .item_box_inner .left a img {
overflow:hidden;
}

#wrapper #content .item_wrap .item_box .item_box_inner .right {
overflow:hidden;
}

#wrapper #content .item_wrap .item_box .item_box_inner .right .main_txt {
margin:0;
}

#wrapper #content .item_wrap .item_box .item_box_inner .info {
clear:both;
display:flex;
width:100%;
}

#wrapper #content .item_wrap .item_box .item_box_inner .info dl {
text-align:center;
flex-basis:33.3333%;
border:solid 2px #e0155f;
border-radius:16px;
margin:3px;
font-size:12px;
}

#wrapper #content .item_wrap .item_box .item_box_inner .info dl dt {
border-bottom:solid 2px #e0155f;
color:#e0155f;
font-weight:bold;
padding:3px 0;
}

#wrapper #content .item_wrap .item_box .item_box_inner .info dl dd {
padding:3px 0;
margin:0;
}

#wrapper #content .item_wrap .item_box .item_box_inner .info dl dd span {
color:#ffc107;
}



.review_box{
margin:10px 0;
clear:both;
}
.review_box .review_item{
background:#555;
border-radius:8px;
padding:8px;
margin:3px;
}
.review_box .review_item p{
margin:0;
}
.review_box .review_item .review_item_upper{
border-bottom:solid 1px #eee;
overflow:hidden;
padding-bottom:8px;
margin-bottom:8px;
}
.review_box .review_item .review_item_upper .user_icon{
float:left;
width:40px;
height:40px;
background-size:40px auto;
background-position:top left;
background-repeat:no-repeat;
background-color:#fff;
border-radius:1000px;
border:solid 1px #333;
margin-right:10px;
}
.review_box .review_item .review_item_upper .review_title{
overflow:hidden;
font-weight:bold;
font-size:14px;
}
.review_box .review_item .review_item_upper .review_title span{
display:block;
font-size:10px;
font-weight:normal;
color:#999;
}
.review_box .review_item .review_item_under .review_text{
font-size:13px;
}
.page_navi ul{
padding:0;
marign:0;
overflow:hidden;
list-style:none;
}
.page_navi ul li.prev_btn{
width:50%;
float:left;
}
.page_navi ul li.next_btn{
width:50%;
float:right;
}
.page_navi ul li a{
display:block;
background:#555;
padding:10px;
margin-right:10px;
text-decoration:none;
font-weight:bold;
font-size:18px;
text-align:center;
border-radius:6px;
color:#fff;
border-bottom:solid 3px #333;
}
.page_navi ul li.next_btn a{
margin-left:10px;
margin-right:0px;
}


.nenkaku{
position:relative;
}
.nenkaku img{
z-index:-1;
top:0;
left:0;
width:100%;
}
.nenkaku .confirm_box{
position:absolute;
width:100%;
margin:0 auto;
bottom:10px;
padding:10px;
box-sizing:border-box;
}
.nenkaku .confirm_box .confirm_inner{
background:rgba(255,255,255,0.8);
text-align:center;
padding:10px;
}
.nenkaku .confirm_box .confirm_inner p{
margin:0;
font-weight:bold;
}
.nenkaku .confirm_box .confirm_inner p.yes_btn{
width:80%;
margin:10px auto;
}
.nenkaku .confirm_box .confirm_inner p.yes_btn a{
display:block;
padding:12px;
text-decoration:none;
color:#fff;
border-radius:10px;
font-size:16px;
background:#ff54a0;
border-bottom:solid 3px #ba2668;
animation: dlBtn ease-in-out infinite alternate;
animation-duration: 1.5s;
}
.nenkaku .confirm_box .confirm_inner p.no_btn a{
font-weight:normal;
font-size:12px;
color:#333;
}