@charset "utf-8";

table.boyprof{
	width:95%;
	max-width:585px;
	margin:5px auto 0 auto;
	font-size:14px;
	color:#222222;
}
table.boyprof td{
	vertical-align:top;
}
.profphoto{
	width:100%;
	max-width:160px;
	min-width:80px;
	display:block;
	margin:0 auto;
}

.profwaku{
	background: rgba(255,255,255,0.9);
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
}


.shift3{
	width:95%;
	margin:0 auto;
	max-width:800px;
}
.shift3 td{
	width:33%;
	font-size:15px;
	text-align:center;
}

.ka{
	background:#0000ff;
    color:#ffffff;
    padding:6px 5px 4px 5px;
    font-weight:700;
    font-size:16px;
	display:inline-block;
	width:90px;
	text-align:center;
}
.toi{
	background:#ff8800;
    color:#ffffff;
    padding:6px 5px 4px 5px;
    font-weight:700;
    font-size:16px;
	display:inline-block;
	width:90px;
	text-align:center;
}
.fuka{
	background:#ff0000;
    color:#ffffff;
    padding:6px 5px 4px 5px;
    font-weight:700;
    font-size:16px;
	display:inline-block;
	width:90px;
	text-align:center;
}
.man{
	background:#800080;
    color:#ffffff;
    padding:6px 5px 4px 5px;
    font-weight:700;
    font-size:16px;
	display:inline-block;
	width:90px;
	text-align:center;
}

.tuujou{
	display:block;
	margin:0 auto 15px auto;
	width:90%;
	max-width:600px;
	height:80px;
	display: flex;
	align-items: center;
	background-color:#ffee7d;
	background-size:30% auto;background-position:right bottom;
	background-repeat:no-repeat;
}
.tuujou img{
	display:block;width:70%;margin:0 30% 0 0;
}
.muscleb{
	display:block;
	margin:0 auto 5px auto;
	width:90%;
	max-width:600px;
	height:80px;
	display: flex;
	align-items: center;
	background-size:30% auto,100% auto;
	background-position:right center,center;
	background-repeat:no-repeat,repeat;
	border:1px solid #eeeeee;
}
.muscleb img{
	display:block;width:70%;margin:0 30% 0 0;
}

.boyfavorite, .boyfavorited {
    display: inline-block;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    width: 90%;
    max-width: 600px;
    text-align: center;
    margin: 5px auto 10px auto;
    text-decoration: none;
    padding: 10px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.boyfavorite a, .boyfavorited a{
	color:#ffffff;
	display:block;
	padding:4px 0 2px 0;
	text-decoration:none;
}
.boyfavorite{
	background-color:#ff5398;
}
.boyfavorited{
	background-color:#53a6ff;
}


.boyphoto{
	display:table;
	width:98%;
	max-width:800px;
	margin:3px auto;
	padding:0;
	font-size:14px;
}
.boyphoto .td{
	display:table-cell;
	width:50%;
	margin:0;
	padding:0;
	position:relative;
	vertical-align:top;
}

.boyphoto .td div{
	max-width:400px;
	margin:0 2px;
	padding-top: calc(3 / 2 * 100%);
	background-size:cover;
	background-position:center;
}

.boyphoto img{
	width:97%;
	max-width:287px;
	margin:0;
}
.boyphoto img.dam{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin:auto auto;
	z-index:5;
	width:96%;max-width:287px;
	border:none;
}

/* スライダー */

#bx-pager a{
	width:21%;
	max-width:124px;
	line-height:1;
	display:inline-block;
	position:relative;
	background-size:cover;
	background-position:center;
}

#bx-pager a img {
	width:100%;
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter: "alpha(opacity=30)"; 
	-khtml-opacity: 0.3; 
	-moz-opacity: 0.3;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	vertical-align:bottom;
	margin:0;
	padding:0;
}
#bx-pager a.active img{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#bx-pager a div.photo{
	width:100%;
	padding-top: calc(3 / 2 * 100%);
	background-size:cover;
	background-position:center;

	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter: "alpha(opacity=30)"; 
	-khtml-opacity: 0.3; 
	-moz-opacity: 0.3;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
#bx-pager a.active div.photo{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#bx-pager a:hover img, .bxslider a:hover img{
	opacity: 0.8; 
	filter: alpha(opacity=80); 
	-ms-filter: "alpha(opacity=80)"; 
	-khtml-opacity: 0.8; 
	-moz-opacity: 0.8; 
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

#bx-pager a:hover div, .bxslider a:hover div{
	opacity: 0.8; 
	filter: alpha(opacity=80); 
	-ms-filter: "alpha(opacity=80)"; 
	-khtml-opacity: 0.8; 
	-moz-opacity: 0.8; 
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

#bx-pager a img.no{
	position:absolute;
	border:none;
	z-index:5;
	top:0;
	left:0;
}
ul.bxslider{
	margin:0;
	padding:0;
}
ul.bxslider li{
	margin:0;
	padding:0;
	position:relative;
}
ul.bxslider li img{
	width:100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
.bxslider li .no{
	position:absolute;
	border:none;
	z-index:5;
}

ul.bxslider li div.photo{
	width:100%;
	margin:0;
	padding-top: calc(3 / 2 * 100%);
	background-size:cover;
	background-position:center;
}

#bx-pager2{
	width:85%;
	max-width:500px;
	line-height:0;
	margin:0 auto;
	text-align:left;
}
#bx-pager2 a{
	width:14.28%;
	display:inline-block;
	position:relative;
}
#bx-pager2 a img {
	width:100%;
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter: "alpha(opacity=30)"; 
	-khtml-opacity: 0.3; 
	-moz-opacity: 0.3;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	vertical-align:bottom;
	margin:0;
	padding:0;
}
#bx-pager2 a.active img{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#bx-pager2 a:hover img, .bxslider a:hover img{
	opacity: 0.8; 
	filter: alpha(opacity=80); 
	-ms-filter: "alpha(opacity=80)"; 
	-khtml-opacity: 0.8; 
	-moz-opacity: 0.8; 
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
#bx-pager2 a img.no{
	position:absolute;
	border:none;
	z-index:5;
	top:0;
	left:0;
	width:100%;
}
ul.bxslider2{
	margin:0;
	padding:0;
}
ul.bxslider2 li{
	margin:0;
	padding:0;
	position:relative;
}
ul.bxslider2 li img{
	width:100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
.bxslider2 li .no{
	position:absolute;
	border:none;
	z-index:5;
}

/* スライダーEND */

table.sportstable{
	max-width:600px;
	width:95%;
	margin:0 auto;
}
table.sportstable td{
	vertical-align:top;
	width:50%;
}

div.sports{
	text-align:left;
	margin:0 0 3px 0;
	padding:5px;
	font-size:13px;
	border:1px solid #909090;
	background:#ffffff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
div.sports div{
	margin:0 0 0 20px;
	font-size:15px;
}

div.sports div div.emoji{
	margin:-5px 1px -5px 2px;
	background-position:0;
	background-size:17px;
	width:17px;
	height:21px;
}

div.mcomment{
	width:90%;
	max-width:600px;
	background: linear-gradient(to right, rgba(100,20,25,0.8) 40%, rgba(0,0,0,0.1) 100%);
	margin:0px auto;
	padding:5px 10px 10px 15px;
	text-align:left;
	line-height:1.5;
	font-size:14px;
	border:1px solid #a5171a;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.mcommenttitle{
	border-bottom:1px solid #a5171a;
	font-weight:900;
	font-size:16px;
	margin:0 0 7px -5px;
}
.mcommenttitle .emoji{
	margin:-5px 1px;
	background-position:0;
	background-size:16px;
	width:16px;
	height:20px;
	display:inline-block;
}
div.mcomment .emoji{
	margin:-5px 1px;
	background-position:0;
	background-repeat:no-repeat;
	background-size:14px;
	width:16px;
	height:16px;
	display:inline-block;
}

div.insyo{
	width:90%;
	max-width:600px;
	margin:0px auto;
	padding:5px 10px 10px 15px;
	text-align:left;
	line-height:1.5;
	font-size:14px;
	border:1px solid #909090;
	background:#ffffff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.insyotitle{
	color:#404040;
	border-bottom:1px solid #909090;
	font-weight:700;
	font-size:16px;
	margin:0 0 7px -5px;
}
.insyotitle .emoji{
	margin:-5px 1px;
	background-position:0;
	background-size:16px;
	width:16px;
	height:20px;
	display:inline-block;
}
div.insyo .emoji{
	margin:-5px 1px;
	background-position:0;
	background-repeat:no-repeat;
	background-size:14px;
	width:16px;
	height:16px;
	display:inline-block;
}

.nandemo{
	width:90%;
	max-width:600px;
	margin:0 auto;
	padding:5px 10px 10px 10px;
	text-align:left;
	border:1px solid #909090;
	background:#ffffff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

.nandemotitle{
	color:#404040;
	border-bottom:1px solid #909090;
	font-weight:700;
	font-size:16px;
	margin:5px auto 0 auto;
}
.nandemotitle .emoji{
	margin:-4px 1px -4px 2px;
	background-position:0;
	background-size:16px;
	width:16px;
	height:16px;
	display:inline-block;
}
.rankingmoji{
	font-weight:700;
}
.nandemotop3{
	color:#202020;
	text-align:right;
	font-weight:700;
	font-size:15px;
	margin:0 auto 10px auto;
}
.nandemorank{
	border-bottom:1px solid #909090;
	font-size:15px;
	background-size:24px 20px;
	background-position:2px 2px;
	padding:6px 0 2px 32px;
	margin:5px auto 0 auto;
}
.nandemorank .emoji{
	margin:-5px 1px -5px 2px;
	background-position:0;
	background-size:16px;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
}

.nandemorank1{
	background-image:url(../img/boy/rank1.png);
	background-repeat:no-repeat;
}
.nandemorank2{
	background-image:url(../img/boy/rank2.png);
	background-repeat:no-repeat;
}
.nandemorank3{
	background-image:url(../img/boy/rank3.png);
	background-repeat:no-repeat;
}


.boyblog{
	width:90%;
	max-width:600px;
	background: linear-gradient(to right, rgba(64,64,255,0.3) 40%, rgba(0,0,0,0.1) 100%);
	margin:0 auto;
	padding:5px 10px 10px 10px;
	text-align:left;
	border:1px solid #0000ff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.boyblogtitle{
	border-bottom:1px solid #0000ff;
	font-weight:900;
	font-size:16px;
	margin:5px auto 0 auto;
}

.boyblogtable{
	width:100%;
	margin:5px auto 0 auto;
}
.boyblogtable td{
	padding:6px 0;
}
.bphoto{
	width:100%;
	height: 80px;
	background-size:24px 20px;
	background-repeat:no-repeat;
	background-position:10px 2px;
	background-size:cover;
	background-position:center center;
}