@charset "UTF-8";

#main {position: static;z-index: 100;}

/* ▼▼▼ スタジオ
=====================================*/
.read {
	margin-bottom: 30px;
	line-height: 1.8;
	text-align: center;
	}
.next {
	margin-bottom: 10px;
	text-align: right;
	}
	.next a {text-decoration: underline;}
	.next a:hover {text-decoration: none;}
ul#snav {
	position: fixed;
	top: 400px;
	right: 0;
	z-index: 900;
	}

.main_photo {
	margin-bottom: 40px;
	overflow: hidden;
	}
	.main_photo ul {
		padding: 30px 0 0;
		overflow: hidden;
		}
		.main_photo ul li {
			float: left;
			width: 15%;
			margin-right: 2%;
			position: relative;
			cursor: pointer;
			}
		.main_photo ul li:tnh-child(6n) {margin-right: 0;}
		.main_photo ul li span,
		ul.sample li span {
			display: block;
			width: 20px;
			height: 20px;
			background: url(img/zoom.png) no-repeat left top;
			position: absolute;
			bottom: 0;
			right: 0;
			}
ul.photo {
	margin-bottom: 40px;
	overflow: hidden;
	}
	ul.photo li {
		float: left;
		width: 48%;
		}
	ul.photo li:last-child {margin-left: 4%;}

h2.subtitle {
	border-bottom: 1px dotted #262626;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #262626;
	font-size: 16px;
	overflow: hidden;
	}
.sametime {
	width: 48%;
	margin-bottom: 40px;
	}
.floor {
	width: 60%;
	margin: 0 auto 20px;
	overflow: hidden;
	}
ul.sample {
	margin-bottom: 40px;
	position: relative;
	z-index: 100;
	overflow: hidden;
	}
	ul.sample li {
		float: left;
		width: 150px;
		height: 150px;
		border: 1px solid #ccc;
		margin: 0 20px 20px 0;
		position: relative;
		}
	ul.sample li:nth-child(6n) {margin-right: 0;}

.btn {
	width: 300px;
	margin: 0 auto;
	}


/* ▼▼▼ 480px
=====================================*/
@media screen and (max-width: 480px) {

h1.title {width: 155px;}
.read {margin: 0 15px 30px;}

.next {
	width: 95%;
	margin: 0 auto 10px;
	}

ul#snav {
	width: 100px;
	top: 100px;
	right: 0;
	}

.main_photo {
	width: 95%;
	margin: 0 auto 20px;
	}
	.main_photo ul {
		padding: 10px 0 0;
		}
		.main_photo ul li {
			float: left;
			width: 32%;
			margin-right: 2%;
			}
		.main_photo ul li:nth-child(3n) {margin-right: 0;}
		.main_photo ul li span {
			width: 15px;
			height: 15px;
			background: url(img/zoom.png) no-repeat left top;
			background-size: 15px 15px;
			}
.main_photo + p {
	width: 95%;
	margin: 0 auto 10px;
	}
ul.photo {
	width: 95%;
	margin: 0 auto 20px;
	}
	ul.photo li {
		float: none;
		width: 100%;
		}
	ul.photo li:last-child {margin: 10px 0 0 0;}

h2.subtitle {
	margin: 0 15px 20px;
	font-size: 15px;
	}
.sametime {
	width: 100%;
	padding: 0 15px;
	margin-bottom: 30px;
	}
.floor {
	width: 95%;
	margin: 0 auto 20px;
	overflow: hidden;
	}
ul.sample {
width: 290px;
    margin: 0 auto 30px;
	text-align: left;
	}
	ul.sample li {
		width: 90px;
		height: 90px;
		margin: 0 10px 10px 0;
		position: relative;
		}
    ul.sample li:nth-child(6n) {margin-right: 10px;}
    ul.sample li:nth-child(3n) {margin-right: 0;}
.btn {
	width: 95%;
	margin: 0 auto 20px;
	}

}