@charset "utf-8";

/* -- スマホ用レイアウト -- */

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

	/* 各ページ共通 */
	body{
	}
	
	#wrap{
		width:auto;
		margin-left:auto;
		margin-right:auto;
		font-family:"メイリオ";
		font-size:15px;
		color:#555;
		line-height:170%;
	}
	
	#conts{
		width:auto;
		margin:0 auto 0;
	}
	
	header{
		background:url(images/bg_header-line.png) repeat-x bottom center;
		margin: 0 0 14px;
		padding:0 0 1px;
	}
	
	header img{
		text-align:center;
	}
	
	.logo{
		position:absolute;
		top:25px;
		text-align:center;
		z-index:999;
		margin:7px 15% 0;
	}
	
	nav {
		margin:0 0 7px 3%;
	}

	nav li{
		padding:0 2% 0px 0;
		float: left;
		width: 22.75%;
	}
	
	.sub{
		padding:0 0;
	}
	
	.sponly{
		display:block;
	}
	
	.pconly{
		display:none;
	}
	
	header img,
	nav img,
	.media-contents img,
	img.flex-img{
		width: auto;
		max-width:100%;
		height: auto;
	}

	.level1 {
		margin: 0 0 16px;
	}


	/* トップページ */
	
	#top header{
		margin:0 0 0px;
		background:url(images/bg_header-line-top.png) no-repeat bottom center;
}
	
	#top .center{
		width:100%;
		float:none;
		margin-left:0;
	}
	
	.profile{
		width:87%;
		background-color:rgba(255,255,255,0.5);
		margin:0 auto;
		padding:16px 4% 20px 4%;
		border:none;
	}
	
	.making{
		margin:0 3% 16px 0;
		text-align:center;
	}
	
	.titile02{
		border-bottom:1px solid #FF92D0;
	}

	.profile-txt{
		margin:0 0 0 4px;
	}

	.top-works{
		width:85%;
		background-color:rgba(255,255,255,0.5);
		margin:0 auto 30px;
		padding:16px 4% 20px;
		border:#FFD6ED solid 1px;
	}

	#top .top-works .titile02{
		border-bottom:1px solid #FF92D0;
	}

	.center .title02 img{
		width:auto;
		height:19px;
	}

	.center h3 img{
		width:auto;
		height:17px;
	}

	#top .right{
		width:72%;
		float:none;
		margin:60px auto 0;
		line-height:140%;
		font-size:90%;
		color:#444;
	}
	
	#top .media .title02{
	padding:9px 0 9px 11px;
	text-align: left;
	}


	.media-contents{
		max-width: 80%;
		margin:0 auto 0;
		padding:0 0 0 0;
		text-align:center;
	}

	.sns{
		text-align:right;
		margin:0 0 3% 0;
		padding:2% 3% 2% 0;
		background: url(images/bg_sns.png) repeat-x top left;
	}

	.sns li{
		display:inline;
	}

	.sns li img{
		width:8%;
		max-width:40px;
		height:auto;
		vertical-align:top;
	}

	.sns .instagram{
		margin:0 2.5% 0 0;;
	}

	.sns .facebook{
		margin:0 2.5% 0 0;;
	}
	
	table th,
	table td{
		border-right:1px solid #DDD;
		border-bottom:1px solid #DDD;
		font-weight:normal;
		font-size:15px;
	}
	
	table th{
		width:33%;
		background:#FCFCFC;
		padding:10px;
		text-align:center;
	}
	
	table td{
		width:67%;
		background:#FFF;
		padding:10px 5px 10px 16px;
		text-align:left;
	}

		/* プライバシーポリシー */
	
		#privacy header{
			margin:0 0 0px;
	}
		
		#privacy .center{
			width:100%;
			float:none;
			margin-left:0;
		}

		#privacy #conts{
			width:auto;
			margin:35px auto 0;
		}
		
	

		
	
	
	

}