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

#works-box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../images/paper-02.jpg);
	background-repeat: repeat;
	z-index: -1;
}

.mvbox-w {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

.title-w {
    padding-top: 3%;
    padding-bottom: 8%;
    font-size: 2em;
    font-weight: 900;
    font-family: "Garamond Premier Pro";
    text-align: left;
    letter-spacing: 4px;
    text-shadow: 0px 1px 0px rgba(255,255,255,1.00);
}

.wtit {
	padding-bottom: 1%;
	font-size: 130%;
	line-height: 2em;
	font-family: 'Julius Sans One', sans-serif;
	color: #000;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.00);
}

.subtxt {
	font-size: 80%;
	line-height: 1.2em;
	font-family: 'Julius Sans One', sans-serif;
	font-style: italic;
	color: #686868;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.00);
	margin-bottom: 2%;
}

#mv {
	max-width: 920px;
	height: 650px;
	margin-bottom: 2.1740%;
	text-indent: -9999px;
	background-color: #fff;
	box-shadow: 0px 0px 4px 2px rgba(118,118,118,0.35);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(118,118,118,0.35);
	-moz-box-shadow: rgba(118,118,118,0.35) 0px 0px 4px 2px;
	background-repeat: no-repeat;
}

ul.subp {
	width:100%;
	display: flex;
	justify-content: space-around;
}

.subp li {
	width: 50%;
	height: 318px;
	text-indent: -9999px;
	background-color: #fff;
	background-size: cover;
	box-shadow: 0px 0px 4px 2px rgba(118,118,118,0.35);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(118,118,118,0.35);
	-moz-box-shadow: rgba(118,118,118,0.35) 0px 0px 4px 2px;
}

.l10 {
	margin-left: 2.1740%;
	margin-bottom: 3%;
}


.v1 {
	background-image: url(../work/images/20151_shmtg-1.jpg);
	background-position: left top;
	background-size: cover;
}

.sv1-1 {
	background-image: url(../work/images/sv-mtg-1.jpg);
	background-position: left top;
	background-size: cover;
}

.sv1-2 {
	background-image: url(../work/images/sv-mtg-2.jpg);
	background-position: left top;
	background-size: cover;
}

.v2 {
	background-image: url(../works/images/20152_shmtg-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv2-1 {
	background-image: url(../works/images/sv-mtg-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv2-2 {
	background-image: url(../works/images/sv-mtgsp-1.jpg);
	background-position: left top;
	background-size: cover;
}

.v3 {
	background-image: url(../work/images/201705_mv1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv3-1 {
	background-image: url(../work/images/s-rsg-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv3-2 {
	background-image: url(../work/images/s-rsg-2.jpg);
	background-position: left top;
	background-size: cover;
}

.v4 {
	background-image: url(../works/images/miike_mv.jpg);
	background-position: left top;
	background-size: cover;
}
.sv4-1 {
	background-image: url(../works/images/s-sen01-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv4-2 {
	background-image: url(../works/images/s-sen01-2.jpg);
	background-position: left top;
	background-size: cover;
}

.v5 {
	background-image: url(../work/images/ripple_mv1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv5-1 {
	background-image: url(../work/images/s-ripple-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv5-2 {
	background-image: url(../work/images/s-ripple-2.jpg);
	background-position: left top;
	background-size: cover;
}

.v6 {
	background-image: url(../work/images/libre_mv1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv6-1 {
	background-image: url(../work/images/s-libre-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv6-2 {
	background-image: url(../work/images/s-libre-2.jpg);
	background-position: left top;
	background-size: cover;
}

.v7 {
	background-image: url(../works/images/sen02_mv1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv7-1 {
	background-image: url(../works/images/s-sen02-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv7-2 {
	background-image: url(../works/images/s-sen02-2.jpg);
	background-position: left top;
	background-size: cover;
}

.v8 {
	background-image: url(../works/images/higuchi_mv1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv8-1 {
	background-image: url(../works/images/s-za01-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv8-2 {
	background-image: url(../works/images/s-za01-2.jpg);
	background-position: left top;
	background-size: cover;
}

.v9 {
	background-image: url(../work/images/satoshi_mv1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv9-1 {
	background-image: url(../work/images/s-satoshi-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv9-2 {
	background-image: url(../work/images/s-satoshi-2.jpg);
	background-position: left top;
	background-size: cover;
}

.v10 {
	background-image: url(../work/images/mitsu_mv1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv10-1 {
	background-image: url(../work/images/s-mitsu-1.jpg);
	background-position: left top;
	background-size: cover;
}
.sv10-2 {
	background-image: url(../work/images/s-mitsu-2.jpg);
	background-position: left top;
	background-size: cover;
}




@media screen and (max-width: 768px) {
	#mv {
	max-width: 768px;
	height: 520px;
	margin-bottom: 3.5%;
	text-indent: -9999px;
	background-color: #fff;
	box-shadow: rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	background-repeat: no-repeat;
}

.subp li {
	width: 48.914%;
	height: 250px;
	float: left;
	text-indent: -9999px;
	background-color: #fff;
	background-size: cover;
	box-shadow:rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
}


}

@media screen and (max-width: 480px) {
#mv {
	max-width: 480px;
	height: 339px;
	margin-bottom: 3.5%;
	text-indent: -9999px;
	background-color: #fff;
	box-shadow: rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	background-repeat: no-repeat;
}

.subp li {
	width: 48.914%;
	height: 145px;
	float: left;
	text-indent: -9999px;
	background-color: #fff;
	background-size: cover;
	box-shadow:rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(77, 77, 77, 0.35) 0px 0px 6px 3px;
}

.fixed {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 0;
	background-color: rgba(255,255,255,0.80);
	position: fixed;
	top: 0;
	left: 0%;
	z-index: 10000;
}

}