@charset "utf-8";

*{
	margin:0;
	padding:0;
	border:0;
}
body{
	font-family: 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', "Meiryo", 'ＭＳ Ｐゴシック', 'Droid Sans', 'sans-serif';
	-webkit-text-size-adjust: none;
	color:#202020;
}

hr{
	margin:0px;
	padding:0px;
}
.red{
	color:#ff4040;
}
.blue{
	color:#8080ff;
}
.center{
	text-align:center;
}

.maru5{
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;
}

.maru10{
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
         -o-border-radius:10px;
            border-radius:10px;
}

.marupx10{
	border:1px solid #000000;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
         -o-border-radius:10px;
            border-radius:10px;
}

h2.boy img{
	width:80px;
	height:100px;
	display:block;
	margin:0 auto;
}
a:link{
	color:Blue;
	text-decoration:underline;
}
a:visited{
	color:Blue;
	text-decoration:underline;
}
a:hover{
	color:#ff0000;
	text-decoration:underline;
}

.emoji{
	background-repeat: no-repeat;
	display:inline-block;
}

div.boytop{
	text-align:left;
	display:table;
	margin:5px auto;
	padding:0px;
	font-size:13px;
	line-height:1.2;
}

div.table{
	display:table;
}

div.cell{
	display:table-cell;
	vertical-align:top;
}

div.name{
	margin:0 0 5px 0;
	border-bottom:1px solid #909090;
}
span.name{
	font-size:27px;
	font-weight:700;
}
span.profile{
	font-weight:normal;
}

div.content{
	display:table-cell;
	text-align:center;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', "Meiryo", 'ＭＳ Ｐゴシック', 'Droid Sans', 'sans-serif';
}

span.content{
	font-size:16px;
	font-weight:700;
}
div.name span.content{
	font-size:18px;
}

div.sports{
	width:198px;
	margin:5px;
	padding:5px;
	border:1px solid #909090;
    -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:16px;
}

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

div.boytwitter{
	width:78px;
	height:78px;
	margin:5px auto 0 auto;
}

div.boytwitter a{
	display:block;
	padding:41px 0 0 0;
	height:37px;
	font-size:13px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	background:url("../img/boy/boytwitterp.png"),#202020;
	background-size:78px 78px,auto auto;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
div.boytwitter a:hover{
	background:url("../img/boy/boytwitterp.png"),#ff4040;
	background-size:78px 78px,auto auto;
}

div.minna{
	margin:5px 0 0 5px;
	font-size:15px;
	font-weight:bold;
}
div.sankaku{
	display:inline-block;
	margin:0 2px 0 0;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #f00;
}


div.insyo{
	margin:10px 5px 0 0;
	padding:5px 10px 10px 15px;
	line-height:1.3;
	font-size:14px;
	border:1px solid #909090;
    -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;
}
div.insyo .emoji{
	margin:-5px 1px;
	background-position:0;
	background-size:16px;
	width:16px;
	height:20px;
}

div.hitokoto{
	width:242px;
	min-height:114px;
	margin:0;
	padding:5px;
	font-size:14px;
	border:1px solid #909090;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
div.hitokoto .emoji{
	margin:-5px 1px;
	background-position:0;
	background-size:16px;
	width:16px;
	height:20px;
}

.twittertimeline{
	width:292px;
	height:220px;
	border:1px solid #1da1f2;
	margin:0;
	padding:0;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

.twittertimeline iframe{
	vertical-align:text-bottom;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

.nandemo{
	width:152px;
	padding:5px 10px;
	border:1px solid #909090;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
	margin:0;
}

.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:20px;
}
.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-repeat:no-repeat;
	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;
	width:16px;
	height:20px;
}

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

em.boy{
	display:block;
	text-align:center;
	font-size:13px;
	font-weight:700;
	font-style:normal;
	margin:5px auto;
}

div.photo{
	margin:0 auto;
}
div.photo div.cell{
	padding:2px 0 0 2px;
	width:215px;
	height:300px;
	position:relative;
}

div.photo div.cell img.px{
	width:215px;
	height:300px;
	display:block;
}

img.dam{
	position:absolute;
	top:0;
	border:0;
	margin-bottom:-302px;
	display:block;
	width:217px;
	height:302px;
	z-index:5;
}

img.dam2{
	position:absolute;
	top:0;
	border:0;
	margin-bottom:-543px;
	display:block;
	width:543px;
	height:390px;
	z-index:5;
}

img.dam3{
	width:100%;
	height:100%;
}

img.px{
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

div.taikibasyo{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	width:70px;
	height:16px;
	margin:0 auto;
	padding:5px;
}
.boyyoyaku{
	margin:5px 5px 2px 5px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
}
.boyyoyaku a{
	background:url("../img/boy/yoyakuboyline.png"),#4040ff;
	background-position:right center,center center;
	background-repeat:no-repeat,repeat;
	background-size:80px 18px,auto;
	color:#ffffff;
	display:block;
	padding:4px 70px 2px 0;
	text-decoration:none;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.boyyoyaku a:hover{
	background:url("../img/boy/yoyakuboyline.png"),#ff4040;
	background-position:right center,center center;
	background-repeat:no-repeat,repeat;
	background-size:80px 18px,auto;
}

.boyfavorite, .boyfavorited{
	margin:5px 5px 2px 5px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
}
.boyfavorite a, .boyfavorited a{
	background:url("../img/boy/favboy.png"),#ff5398;
	background-position:348px center,center center;
	background-repeat:no-repeat,repeat;
	background-size:80px 18px,auto;
	color:#ffffff;
	display:block;
	padding:4px 70px 2px 0;
	text-decoration:none;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
/*
.boyfavorite a{
	background:#ff5398;
}
.boyfavorited a{
	background:#53a6ff;
}
*/

.boyfavorite a:hover, .boyfavorited a:hover{
	background:url("../img/boy/favboy.png"),#00c000;
	background-position:348px center,center center;
	background-repeat:no-repeat,repeat;
	background-size:80px 18px,auto;
}


div.hyouji{
	text-align:center;
	font-size:17px;
	font-weight:bold;
	margin:1px 15px 5px 15px;
	cursor:pointer;
}

div.hyouji a{
	background:#4040ff;
	color:#ffffff;
	display:block;
	padding:4px 0 3px 0;
	text-decoration:none;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
div.hyouji a.green{
	/*background:#00c000;*/
}
div.hyouji a:hover{
	background:#ff4040;
}

/* =======================================

	CommonElements

======================================= */
#container {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

/* #flickscroll
--------------------------- */
#flickscroll {
	margin: 0 auto;
	width: 388px;
	height: 541px;
	text-align: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
    -webkit-border-radius: 0 0 10px 10px;
       -moz-border-radius: 0 0 10px 10px;
         -o-border-radius: 0 0 10px 10px;
            border-radius: 0 0 10px 10px;
}
#flickscroll ul {
	top: 0;
	left: 0;
	height: 541px;
	position: absolute;
	overflow: hidden;
}
#flickscroll ul li {
	width: 388px;
	height: 541px;
	float: left;
	display: inline;
	overflow: hidden;
	padding:0;
}
#flickscroll ul li img{
	width: 388px;
	height: 541px;
}



/* #flickthumb
--------------------------- */
#flickthumb {
	margin:0 auto;
	padding:0;
	height: 60px;
	text-align: center;
}
#flickthumb ul {
	font-size:0;
	margin: 0;
	padding: 0;
    -webkit-border-radius: 10px 10px 0 0;
       -moz-border-radius: 10px 10px 0 0;
         -o-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;

}
#flickthumb ul li {
	width: 97px;
	height: 60px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background-size:150px auto;
	background-position:center 25%;
	display:inline-block;
}
#flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#flickscroll ul,
#flickthumb ul {
	display: inline-block;
	overflow: hidden;
}


.movieiframe{
	z-index:10;
	position:absolute;
	display:none;
	top:0;
	border:20px solid #202020;"
}

@media screen and (min-width:1px) { 	/*　画面サイズが480pxからはここを読み込む　*/

div.boytop{
	width:900px;
}

#flickthumb {
	width:326px;
	height: 60px;
}
#flickthumb ul li {
	width: 81px;
	height: 60px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background-size:150px auto;
	background-position:center 25%;
	display:inline-block;
}
#flickscroll {
	width: 324px;
	height: 486px;
}
#flickscroll ul {
	height: 486px;
}
#flickscroll ul li {
	width: 324px;
	height: 486px;
}
#flickscroll ul li div{
	width: 324px;
	height: 486px;
	background-size:cover;
	background-position:center;
}

.photolist1{
	margin:0 auto 2px auto;
	width:342px;
}

.photolist1 td div.photo{
	width:170px;
	height:255px;
	background-size:cover;
	background-position:center;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

}


img.dam{
	width:206px;
	height:287px;
}

.movieiframe{
	width:378px;
	height:248px;
}

}
@media screen and (min-width:1120px) {	/*　画面サイズが1024pxからはここを読み込む　*/

div.boytop{
	width:1085px;
}

#flickthumb {
	width:486px;
	height: 70px;
}
#flickthumb ul li {
	width: 121px;
	height: 70px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background-size:150px auto;
	background-position:center 25%;
	display:inline-block;
}
#flickscroll {
	width: 484px;
	height: 726px;
}
#flickscroll ul {
	height: 726px;
}
#flickscroll ul li {
	width: 484px;
	height: 726px;
}
#flickscroll ul li div{
	width: 484px;
	height: 726px;
	background-size:cover;
	background-position:center;
}

.photolist1{
	margin:0 auto 2px auto;
	width:530px;
}
.photolist1 td div.photo{
	width:260px;
	height:390px;
	background-size:cover;
	background-position:center;
}


img.dam{
	width:285px;
	height:397px;
}

}	/*　画面サイズが1024pxからはここを読み込むEND　*/

.movieiframe{
	width:534px;
	height:357px;
}


.shiftwaku{
	margin:0 8px 0 5px;
	padding:5px 0;
	border:1px solid #909090;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

.shift3{
	width:95%;
	margin:0 auto;
}
.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;
}


/* iframe高さ自動調整YouTube用 */
.iframe-wrap {
	margin:5px 0 0 0;
  position: relative;
  width: 100%;
  padding: calc(9 / 16 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
 
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
/* iframe高さ自動調整YouTube用END */

.gwgl{
	width:200px;
	height:146px;
	background-size:260px 146px;
	margin:0 5px 0 0;
	background-position:center;
}

/* 筋肉特集 */
.hand{
	width:100px;
	height:25px;
	text-align:center;
	margin:5px auto;
	display:block;
}

/* #flickthumb
--------------------------- */

/* #flickscroll
--------------------------- */
/*
#flickscroll {
	margin: 0 auto;
	width: 480px;
	height: 720px;
	text-align: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border:1px solid #000000;
}
#flickscroll ul {
	top: 0;
	left: 0;
	height: 720px;
	position: absolute;
	overflow: hidden;
}
#flickscroll ul li {
	width: 480px;
	height: 720px;
	float: left;
	display: inline;
	overflow: hidden;
	padding:0;
}
#flickscroll ul li img{
	width: 480px;
	height: 720px;
}
*/
/* 筋肉特集END */


/* 予約ボックス */

.boyboxyoyaku { 
	background:url("../img/backblack.png");
	width:100%;
	height:100%;
	z-index:100;
	position:fixed;top:0px;left:0px;  text-align: center;
}
 
.boyboxyoyaku:before {
	content: '';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin:0;
	padding:0;
	z-index:10.;
}
 
.centered {
	background:#ffffff;
	display: inline-block;
	vertical-align:middle;
	margin:0;
	padding:0;
	width: 80%;
	height: 60%;
	z-index:100;
    -webkit-border-radius:7px;
       -moz-border-radius:7px;
         -o-border-radius:7px;
            border-radius:7px;
}
.centered div.boyinfo{
	margin:20px auto 0 auto;;
	display: inline-block;
	text-align:left;
}
.centered div.boyinfo a:link, .centered div.boyinfo a:visited{
	color:#202020;
}
.centered div.boyinfo a:hover{
	color:#202020;
}

.botanb{
	margin:0;
	padding:0;
	position:relative;
}

.botanb .batu{
	position:absolute;
	top:-10px;
	right:-10px;
	width:100px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
         -o-border-radius: 12px;
            border-radius: 12px;
}
.botanb .batu a{
	font-size:18px;
	font-weight: bold; 
	display:block;
	width:100%;
	height:100%;
	background:#ff4040;
	text-decoration: none;
	line-height:1.4;
	color: #ffffff;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
         -o-border-radius: 12px;
            border-radius: 12px;
}

.botanb .batu a:visited{
	color:#ffffff;
	text-decoration: none;
}
.botanb .batu a:hover{
	background:#ffcc00;
	color: #ffffff;
}

.table{
	display:table;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.td{
	display:table-cell;
	margin:0;
	padding:0;
}


/* ボタン１ */

.btn-radius-solid1 {
	position:relative;
	margin:5px 0 5px 20px;
	padding:10px 10px 8px 10px;
	cursor:pointer;
	color:#202020;
	font-weight:700;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
	background: #f1e767;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1e767), to(#feb645));
	background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
	background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
}

.b80 {
	width:80%;
	max-width:300px;
}

.btn-radius-solid1:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#f1e767), to(#f46d00));
	background: -webkit-linear-gradient(top, #f1e767 0%, #f46d00 100%);
	background: linear-gradient(to bottom, #f1e767 0%, #f46d00 100%);
}

.fas{
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;font-style:normal;
	font-variant:normal;
	text-rendering:auto;
}
.fa-angle-right:before{
	font-family: "Font Awesome 5 Free";
	content:"\f105";
}
.fa-position-right{
	position:absolute;
	top:13px;
	right:10px;
}

/* ボタン１END */