@charset "utf-8";
/* CSS Document */

/*------見出し 共通------*/
h2.heading, h2.pagetitle{
	display:block;
	text-indent:-9999px;
	width:950px;
	height:26px;
}
h2.heading{
	margin-top:20px;
	margin-bottom:0;
}
h2.heading:first-child{
	margin-top:0;
}
h2.pagetitle{
	margin-top:0px;
	margin-bottom:8px;
}

/*------見出し トップページ------*/
h2.port-h2{
	background:url(../images/cont/ind-h3p.png) no-repeat 0 0;
}
h2.lp-h2{
	background:url(../images/cont/ind-h3l.png) no-repeat 0 0;
}
h2.wire-h2{
	background:url(../images/cont/ind-h3w.png) no-repeat 0 0;
}

/*------見出し 各ページ------*/
h2.port-title{
	background:url(../images/cont/port-h3.png) no-repeat 0 0;
}
h2.lp-title{
	background:url(../images/cont/lp-h3.png) no-repeat 0 0;
}
h2.wire-title{
	background:url(../images/cont/wire-h3.png) no-repeat 0 0;
}
h2.prof-title{
	background:url(../images/cont/prof-h3.png) no-repeat 0 0;
}



/*------各ページキャプション------*/
p.sub-txt{
	color:#fff;
	font-size:10pt;
	margin-bottom:15px;
	line-height:1.4em;
}
p.sub-txt a{
	color:#aaa;
	text-decoration:none;
}
p.sub-txt a:hover{
	color:#06f;
	text-decoration:underline;
}
p.sub-txt span{
	font-size:90%;
	padding-left:8px;
}



/*------ポートフォリオ------*/
a.port-btn{
	font-size:11pt;
	position:relative;
	top:-25px;
	left:878px;
	display:block;
	text-indent:-9999px;
	width:72px;
	height:21px;
	background:url(../images/cont/btn.png) no-repeat 0 0;
}
a.port-btn:hover{
	background:url(../images/cont/btn.png) no-repeat 0 -21px;
}

.portfolio{
	margin-bottom:40px;
	display:flex;
	flex-wrap:wrap;
    justify-content:space-between;
}
.port-wrap{
	border:1px solid #ccc;
	background-color:#fff;
	width:288px;
	padding:10px;
	margin-bottom:10px;
}
.port-top .port-wrap{
	margin-bottom:0; /*TOP用*/
}
.port-wrap img{
	border:1px solid #ccc;
}
.port-wrap h3{
	margin-top:0;
	margin-bottom:5px;
	font-size:19px;
	font-weight:bold;
}
.port-wrap p.url{
	margin-top:0;
	margin-bottom:10px;
	font-size:9pt;
	color:#666;
}
.port-wrap p.url a{
	color:#666;
	text-decoration:none;
}
.port-wrap p.url a:hover{
	color:#999;
	text-decoration:underline;
}
.portfolio .port-wrap table{
	border-collapse: collapse;
	font-size:10pt;
	margin-top:12px;
	height:120px;
	width:288px;
	line-height:1.2em;
}
.wire .port-wrap table{
	height:auto;
	/*height:200px; --資料・コメント追加用-- */
	line-height:24px;
}
.port-wrap table, .port-wrap th, .port-wrap td{
	border:1px solid #ccc;
}
.port-wrap th, .port-wrap td{
	padding:3px;
}
.port-wrap th{
	width:25%;
	font-weight:normal;
	text-align:left;
	background-color:#eee;
}
.port-wrap td a{
	color:#00f;
	text-decoration:none;
}
.port-wrap td a:hover{
	color:#88f;
	text-decoration:underline;
}

.sp-port-btn{
	display:none;
}


/*風俗サイト関連入口*/
.r18area{
	padding-top:2px;
}
.r18area h4{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}
.r18area .r18caption{
	color:#fff;
	font-size:10pt;
	margin-top:21px;
	margin-bottom:16px;
	line-height:16px;
}
.r18area .r18logo{
	text-align:center;
	margin-bottom:18px;
}
.r18enter{
	margin: 10px auto 40px;
    text-align: center;
    clear: both;
    display: block;
    font-size: 16px;
    width: 360px;
    height: 46px;
    line-height: 46px;
    background: #06f;
    border-radius: 7px;
    color: #fff;
    position: relative;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 7px 0 #003b93;
	text-decoration:none;
}
.r18enter:hover{
	top: 7px;
	box-shadow: none;
	color: #fff;
}



/*プロフィール*/
.prof table{
	border-collapse: collapse;
}
.prof td, .prof th{
	border:1px solid #ccc;
	padding:3px;
	font-size:10pt;
	
}
.prof th{
	color:#fff;
	background-color:#333;
	font-weight:normal;
}
.prof td{
	color:#000;
	background-color:#fff;
	line-height:1.3em;
}

.skill, .status{
	display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.skill{
	margin-top:40px;
}
.skill h3{
	border-left:8px solid #06f;
	padding-left:8px;
	color:#fff;
	margin-top:0;
	font-size:19px;
	font-weight:bold;
}
.skill p{
	color:#fff;
	font-size:10pt;
	line-height:1.3em;
	margin-top:19px;
}

.prof table.p1 th{
	width:144px;
	text-align:left;
}
.prof table.p1l td{
	width:280px;
}
.prof table.p1r td{
	width:343px;
}
.prof table.p2{
	border:1px solid #ccc;
}
.prof table.p2 td{
	border:0;
	padding:1px 0.5em;
	font-size:8pt;
}
.prof table.p3{
	margin-top:9px;
	width:100%;
	margin-bottom:40px;
}
.prof table.p3 th{
	text-align:left;
}
.about{
	margin-bottom:30px;
}
.about h3, .site h3{
	border-left:8px solid #06F;
	padding-left:8px;
	color:#fff;
	margin-top:0;
	margin-bottom:19px;
	font-size:19px;
	font-weight:bold;
}
.about p, .site p{
	color:#fff;
	font-size:11pt;
	line-height:1.5em;
	margin-bottom:1.5em;
}
.site{
	margin-top:60px;
}
.site a{
	color:#06f;
}

/*ワイヤーフレーム改行（SP用）*/
.sp-disp{
	display:none;
}




/*------responsive------*/
/* 959-520:tablet / 519-320:smartphone */
@media (max-width: 959px){
	/*---ポートフォリオ---*/
	h2.heading, h2.pagetitle{
		width:100%;
	}
	.heading-wrap a.port-btn{
		position:absolute;
		top:0;
		left: auto;
		right:0;
	}
	.heading-wrap{
		position:relative;
		margin-bottom:21px;
	}
	
	.port-wrap{
		width:calc(92% / 2);
	}
	.port-top .port-wrap{
		margin-bottom:10px;
	}
	.port-wrap img{
		width:100%;
		height:auto;
	}
	.portfolio .port-wrap table{
		width:101%;
	}
	.port-wrap p.url{
		margin-top:10px;
		font-size:12pt;
		height:34px;
	}
	.port-wrap p.url a{
		text-decoration:underline;
	}
	
	/*プロフィール*/
	.prof table.p1{
		width:100%;
	}
	.prof table.p1 th{
		width:25%;
		line-height:16px;
	}
	.prof table.p1 td{
		width:auto;
	}
	.prof table.p1l{
		margin-bottom:10px;
	}
}
@media (max-width: 619px){
	/*---ポートフォリオ---*/
	.port-wrap{
		width:100%;
		text-align:center;
	}
	.port-wrap img{
		width:80%;
	}
	.portfolio .port-wrap table{
		width:80.3%;
		margin:12px auto 0;
		text-align:left;
	}
}
@media (max-width: 519px){
	/*---ポートフォリオ---*/
	.port-wrap img{
		width:100%;
	}
	.portfolio .port-wrap table{
		width:100.4%;
	}
	
	/*風俗サイト関連入口*/
	.r18enter{
		width:100%;
	}
	
	/*ワイヤーフレーム改行*/
	.sp-disp{
		display:inherit;
	}
}
@media (max-width: 449px){
	/*---ポートフォリオ---*/
	.wrap-cont{
		overflow:hidden;
	}
	.heading-wrap{
		margin-bottom:10px;
	}
	h2.heading, h2.pagetitle{
		background:none;
		height:auto;
		color:#fff;
		text-indent:0;
		font-size:20px;
		font-weight:bold;
		border-left:10px solid #06f;
		border-bottom:2px solid #06f;
		padding:4px 2%;
	}
	.heading-wrap a.port-btn{
		display:none;
	}
	.portfolio.port-top{
		margin-bottom:20px;
	}
	.sp-port-btn{
		display:block;
		text-align:center;
		font-size:16px;
		width:60%;
		height:46px;
		line-height:46px;
		background:#06f;
		border-radius:7px;
		color:#fff;
		position:relative;
		-webkit-transition:none;
		transition:none;
		box-shadow:0 7px 0 #003b93;
		text-decoration:none;
		margin:0 auto 80px;
	}
}