@charset "UTF-8";
#page_content.otokono{
	padding:0px;
	background:#151515;
}
#page_content.otokono h1{
	margin:0 auto;
}
.otokono main{
	max-width:980px;
	margin:0 auto;
}
.otokono header{
	padding:20px 0 ;
}
.otokono header h2{
	width:280px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}
.otokono header p.msg{
	width:404px;
	display:inline-block;
	vertical-align:middle;
	color:#FFF;
	font-size:15px;
	line-height:2;
}
.otokono header p.b_special{
    width: 286px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.otoko_navi{
    letter-spacing: -.40em;
		margin-left:-10px; 
		padding-bottom:10px;
}
.otoko_navi li{
	display:inline-block;
	letter-spacing: normal; 
	width:188px;
	margin-left:10px;
	text-align:center;
	font-size:14px;
	line-height:1.4;
	
}
.otoko_navi li em{
	display:block;
	font-size:24px;
	font-family:"游明朝","YuMincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.otoko_navi li a{
	color:#FFFFFF;
	padding:10px 0 5px 0;
	display:block;
	
}
.otoko_navi li a:after{
	content:"";
	display:block;
	background:url(../img/arrow_b.png);
	width:14px;
	height:9px;
	margin:5px auto;
}
.otoko_navi li.den a,#den{background:url(../img/den_bg.png)}
.otoko_navi li.studio a,#studio{background:url(../img/studio_bg.png)}
.otoko_navi li.garage a,#garage{background:url(../img/garage_bg.png)}
.otoko_navi li.doma a,#doma{background:url(../img/doma_bg.png)}
.otoko_navi li.okujou a,#okujou{background:url(../img/okujou_bg.png)}

section{
	padding-bottom:40px;
}
#den{
}
#studio{
}
#garage{
}
#hobby{
}
.photo_box{
	position:relative;
	padding:40px 50px 0px 50px;
}
.photo_l{
	text-align:left;
}
.photo_r{
	text-align:right;
}
.txt_box{
	background:rgba(0,0,0,0.60);
	padding:28px 28px 20px 28px;
	width:400px;
	color:#FFFFFF;
	line-height:1.8;
}
.txt_box h4{
	font-size:16px;
	padding:0 0 10px 0;
}
.txt_box p{
	margin-bottom:10px;
}
.txt_box .link_txt a{
	background:url(../img/arrow_r.png) no-repeat left center;
	padding:0 0 0 15px;
	color:#FFFFFF;
}
.txt_r.txt_box{
	position:absolute;
	right:70px;
	bottom:140px;
}
.txt_l.txt_box{
	position:absolute;
	left:70px;
	bottom:140px;
}

.photo_box.pos2{
	padding-bottom:60px;
}
.photo_box.pos2 .txt_l.txt_box{
	position:absolute;
	left:50px;
	bottom:-0px;
}


/*------------------
.b_sekkeisha
-------------------*/
.b_sekkeisha{
	position: absolute;
	width:222px;
	height:79px;
}
.b_sekkeisha img{
	width:100%;
	height:auto;
}
.b_sekkeisha.bs1{
	top:30px;
	right:50px;
}
.b_sekkeisha.bs2{
	bottom:10px;
	right:50px;
}
.b_sekkeisha.bs3{
	top:0px;
	right:50px;
}




@media screen and (max-width: 834px) {
	.photo_box{
		padding:10px;
	}
	.photo_box.pos2{
		padding:10px;
	}
	.photo_box.pos2 .txt_l.txt_box{
		position:static;
		width:auto;
	}
	.txt_l.txt_box,
	.txt_r.txt_box{
		position:static;
		width:auto;
	}
	.otoko_navi li {
	    display: block;
	    width: auto;
	    margin: 5px;
	}
	.otokono header p{
		width:auto;
		padding:0 15px;
	}
	.otokono header h2{
		padding:15px;
		text-align:left;
	}
	.otokono header h2 img{
		width:60%;
	}
	.otokono header p br{
		display:none;
	}


	/*------------------
	.b_sekkeisha
	-------------------*/
	.b_sekkeisha.bs1,.b_sekkeisha.bs2,.b_sekkeisha.bs3{
		top:20px;
		right:0px;
		padding-left:50px;
		box-sizing: border-box;
	}
}

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

}