@charset "utf-8";

/* 各ページ共通 */
body{
	background:url(images/bg_pink.jpg) repeat;
}

#wrap{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	font-family:"メイリオ";
	font-size:16px;
	color:#555;
	line-height:170%;
}

header{
	background:url(images/bg_header-line.png) no-repeat bottom center;
	margin:0 0 25px;
}

.sub{
	padding:20px 0;
}

.left{
	width:200px;
	float:left;
}

nav li{
	padding:0 0 24px 17px;
}

footer{
	padding:35px 0 10px 0;
	clear:both;
	text-align:center;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#FF73BF;
}

.sponly{
	display:none;
}


/* トップページ */

#top .center{
	width:427px;
	float:left;
	margin-left:1px;
}

#top .title02{
	margin:0 0 15px;
}

.profile{
	width:387px;
	background-color:#fff;
	padding:20px;
	border:#FFD6ED solid 1px;
}

.profile-txt{
	margin:0 0 0 10px;
	line-height: 2.4;
}

.top-works{
	width:387px;
	background-color:#fff;
	padding:20px;
	border:#FFD6ED solid 1px;
}

#top .right{
	width:302px;
	float:right;
	background-color:#FFF4FA;
	border:solid #C58CFF 1px;
	line-height:140%;
	font-size:90%;
	color:#444;
}

#top .media .title02{
	margin:0 0 25px;
	padding:11px 0 11px 0;
	text-align:center;
	background:url(images/bg_title_pink.png) repeat;
}

.media-contents{
	padding:0 0 0 25px;
}

.sns{
	margin:-2px 0 23px 19px;
}

.sns li{
	display:inline;
}

.sns .instagram{
	margin:0 21px 0 0;;
}

.sns .facebook{
	margin:0 21px 0 0;;
}


/* Portfolio */
#portfolio .portfolio{
	width:720px;
	float:right;
	background-color:#fff;
	padding:20px 0px 12px 20px;
	border:#FFD6ED solid 1px;
}

#portfolio .portfolio .group1{
	width:230px;
	height:230px;
	overflow:hidden;
	display:inline-block;
	position:relative;
 	z-index:1;
    vertical-align: top;
    margin: 0 0 5px;}

#portfolio .portfolio img{
	vertical-align:top;
	padding-bottom:10px;
	padding-right:1px;
	float:left;
	position:absolute;
}

#portfolio .portfolio a:hover{
	opacity:0.7;
}


/* Works */

#works .anchor{
	width:740px;
	float:right;
}

#works .anchor ul{
	margin:0 0 12px;
}

#works .anchor ul li{
	display:inline;
	margin:0 11px 0 0;
}

#works .anchor a{
	padding:0 0 0 16px;
	background:url(images/icon_anchor_pink.png) no-repeat left center;
	background-size:11px 12px;
	color:#ED76B7;
}

#works .works{
	width:720px;
	float:right;
	background-color:#fff;
	padding:20px 0px 12px 20px;
	border:#FFD6ED solid 1px;
}

#works .works .group1{
	width:171px;
	height:171px;
	overflow:hidden;
	display:inline-block;
	position:relative;
 	z-index:1;
    vertical-align: top;
    margin: 0 0 5px;}

#works .works img{
	vertical-align:top;
	padding-bottom:10px;
	padding-right:1px;
	float:left;
	position:absolute;
}

#works .works a:hover{
	opacity:0.7;
}

#works iframe{
	vertical-align:top;
	padding:0 0 8px;
}

#movies {
	margin:50px 0 0;
	padding:0 0 3%;
}

#movies hr{
	margin:0 4% 50px 0;
	border-top:1px solid #ffbee2;
}

/* Contact */
#contact .contact{
	width:720px;
	float:right;
	background-color:#fff;
	padding:20px 0 20px 20px ;
	border:#FFD6ED solid 1px;
	line-height:250%;
}