@charset "UTF-8";

@media (max-width: 1023px) {	/* 横幅が1023px以下の場合に適用するスタイル */


	.phidden{
		display:none;
	}

	header{
		display:none;
	}

	.cmenu{
		display:none;
	}

	.topsps{
		height:50px;box-sizing: border-box;
	}

	.tnakasw20{
		height:20vh;
	}
	.tnakasw30{
		height:30vh;
	}
	.tnakasw40{
		height:40vh;
	}
	.tnakasw50{
		height:50vh;
	}
	.tnakasw60{
		height:60vh;
	}
	hr.pc{
		display:none;
	}


	/* メニュー */

	.smenu{
		height:50px;
		position:fixed;
		top:0;
		width:100%;
		max-width:1000px;
		z-index:100;
		text-align:right;
		background:#ffffff;
	}


	.home1{
		display:inline-block;
		border:1px solid #2472bd;
		margin:5px;
		padding:0 5px 0 0;
	    -webkit-border-radius:5px;
	       -moz-border-radius:5px;
	         -o-border-radius:5px;
	            border-radius:5px;
		vertical-align:top;
	}

	.home2{
		font-size:24px;
		color:#2472bd;
		line-height:1.3;
		margin:3px auto;
		padding:2px 10px 0px 50px;
		text-align:left;
		background-image:url("../img/home.png");
		background-size:30px 28px;
		background-position:8px center;
		background-repeat:no-repeat;

	}
	.smenu .sweattitle{
		display:inline-block;
		width:53%;
		height:50px;
		position:absolute;
		top:0;
		right:130px;
		background-image:url("../img/sweat.png");
		background-size:contain;
		background-position:right center;
		background-repeat:no-repeat;
	}

	.mukyuu{
		margin:2px;
		padding:5px 0;
		text-align:center;
		color:#ffffff;
		background-color:#29aae3;
	}

	#g-nav li a.twitterbtn{
		margin:10px auto 0 auto;
		color:#ffffff;
		width:130px;
		text-align:left;
		padding:15px 0 15px 20px;
		background:#000000;
		background-image:url("https://sweatbm.com/img/twitter_off.png");
		background-size:30px 30px;
		background-repeat:no-repeat;
		background-position:100px center;
	}


	/* メニューEND */

	.bx2{
		font-size:13px;
	}

	/* 上に戻る */
	.uenimodoru{
		background-color:#2472bd;
		display:block;
		height:30px;
		line-height:30px;
	}
	.uenimodoru a{
		text-decoration:none;
		font-size:18px;
		color:#ffffff;
	}
	.uenimodoru img{
		width:20px;
		vertical-align:middle;
	}
	/* 上に戻るEND */

/* ボーイリスト */

div.stafflist{
	text-align:center;
}

.list{
	width:120px;
	position:relative;
	margin:0 0 20px 0;
	padding:0 5px;
	display:inline-block;
}

.list img.thum{
	width:120px;
	height:150px;
}
.list .prof{
	color:#ffffff;
	font-size:15px;
	margin:5px 0 0 0;
	padding:3px 0;
	text-align:center;
	line-height:1.1;
	font-family: 'Helvetica', 'メイリオ', "Meiryo", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', 'Droid Sans', 'sans-serif';
	letter-spacing:1px;
}

.list img.ue  {
	margin:-2px 0 0 1px;
	position:absolute;
	width:100px;
}

.sita{
	position: absolute;
	right:10px;
	bottom:50px;
	color:#ffffff;
	padding:3px 1px 0 0;
	font-weight:700;
	font-size:16px;
	width:24px;
	height:22px;
}
.ka{
	background-color:#0000ff;
}
.fuka{
	background-color:#ff0000;
}
.toi{
	background-color:#ffff00;
}
.man{
	background-color:#800080;
}

/* ボーイリストEND */


.news{
	width:80%;
	color:#ffffff;
	text-align:left;
	overflow:auto;
	height:200px;
	background-color:#2a2f33;
	margin:0 auto;
}

.news div.newst{
	height:50px;
	padding:5px;
	border-bottom:1px solid #657680;
}
.news a{
	color:#ffffff;
	text-decoration:none;
}
.news a:active{
	color:#ffff00;
}

.news div div.table{
	overflow:visible;
}
.news div div.th{
	width:20%;
	min-width:80px;
	height:50px;
	vertical-align:middle;
}
.news div div.th img{
	width:30px;
	height:40px;
	margin:5px 10px;
}
.news div div.td{
	width:90%;
	font-size:14px;
	line-height:1.2;
	vertical-align:middle;
}
.news div.nicon{
	background-color:#ffffff;
	width:40px;
	height:40px;
	vertical-align:middle;
	display:inline-block;
	margin:5px 10px 7px 10px;
	background-image:url("../img/sweatlogo.png");
	background-size:25px 34px;
	background-position:center center;
	background-repeat:no-repeat;
}

	/* フッターメニュー */

	.footermenutop{
		width:100%;
		display:block;
		margin:0;
		padding:0;
	}
	.footermenutop .button{
		display:inline-block;
		width:19%;
		margin:10px auto;
		padding:0;
		font-size:13px;
		letter-spacing:2px;
		line-height:20px;
	}
	.footermenutop .button:first-child {
		padding:0 1px 0 0;
	}
	.footermenutop .button:last-child {
		border-right:none;
	}
	.footermenutop .button img{
		width:40%;
	}


	.footermenu{
		background-color:#2472bd;
		position:fixed;
		bottom:0;
		z-index:10;
		width:100%;
		display:block;
		margin:0;
		padding:0;
	}
	.footermenu .button{
		display:inline-block;
		width:19%;
		margin:10px auto;
		padding:0;
		font-size:13px;
		letter-spacing:2px;
		line-height:20px;
/*		border-right:1px solid #ffffff;*/

	}
	.footermenu .button:first-child {
		padding:0 1px 0 0;
	}
	.footermenu .button:last-child {
		border-right:none;
	}
	.footermenu .button img{
		width:40%;
	}
	.footermenu .button a{
		text-decoration:none;
		color:#ffffff;
	}

	/* フッターメニューEND */



.nagare{
	background-image:url("https://sweatbm.com/img/nami.jpg");
	background-size:1024px 160px;
	background-position:center -30px;
	background-repeat:no-repeat;
	margin:0 auto 30px auto;
	padding:140px 0 0 0;
}

.nagare .table{
	width:auto;
	margin:0 auto;
}

.nagare .td{
	width:150px;
	font-size:14px;
	text-align:left;
	padding:5px 10px;
	vertical-align:top;
}
.nagare .td img{
	width:150px;
	height:150px;
}
.nagare .td div{
	background-color:#0071bd;
	color:#ffffff;
	text-align:center;
	margin:0 0 10px 0;
	padding:4px 0 2px 0;
	font-size:16px;
}
.nagare .next{
	width:50px;
	height:50px;
	background-image:url("https://sweatbm.com/img/next.png");
	background-size:20px 26px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	margin:0 auto;
	padding:0;
	transform: rotate(90deg);/* 回転 */
}

.access .td{
	display:block;
}
.access .th{
	display:block;
	width:100%;
	max-width:1000px;
	text-align:center;
}
.access .th iframe{
	margin:0 auto;
	width:100%
}

.recruit2 .th{
	font-weight:700;
	padding:0 0 5px 0;
}
.recruit2 .td{
	padding:0 0 10px 0;
}

.boyyoyakulist {
        display: none;
        width: 100%;
        z-index: 1000;
        background: #ffffff;
        position: absolute;
        top: 0;
        padding: 0 0 60px 0;
}


#boylistb {
        display: none;
	position: fixed;
        z-index: 900;
	top: 0;
	left:0;
	width:100%;
	height:100vh;
	background-image:url("../img/backblack.png");
	background-repeat:repeat;
}

}	/* @media (max-width: 1023px) { END */


@media screen and (max-width:640px) {

.list{
	width:33%;
}

.list img.thum{
	width:100%;
	height:auto;
}
.list img.ue  {
	width:70%;
}

div.list,.listdummy{
	width:33%;
	font-size: 0;
	vertical-align:top; 
	box-sizing:border-box;

}




}