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

body {
	font-family: "HelveticaNeue","Helvetica","Hiragino Kaku Gothic Pro";
	font-size:11pt;
	line-height:1em;
	letter-spacing: 0em;
	color:#333333;
}
html { overflow-y:scroll; }  /* for FF */

/* a -------------------------------------------- */
a {
	cursor:pointer;
	color:#333333;
	text-decoration:none;
	letter-spacing: 0.15em;
}
a:link { }
a:visited { }
a:hover {
	color: #CCC;
	text-decoration: underline;
}
a:active { color:#999; }
a:focus { outline:none; }

/* other -------------------------------------------- */
ul { list-style: none; }
img { vertical-align: bottom; border: none; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
	line-height:1;
	background-color: #F5F5F5;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ul {
	font-family: "HelveticaNeue-Condensed", "HelveticaNeue","Helvetica","Hiragino Kaku Gothic Pro";
	margin: 0;
	line-height:1.5em;
	font-size:70%;
	font-weight: normal
}
ul p {
	margin: 0 0 0 7px;
	font-weight: normal;
	font-size:65%;
}
h3 {
	margin: 0 0 4px 0;
	font-size:75%;
}

#footer {
	clear: both;
	_padding: 0 0 10px 0;
	font-size:65%;
	line-height:1.4em;
	letter-spacing: 0.0em;
	height:17px;
	margin-top: 270px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 40px;
}
#hidari {
	width: 20%;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}
#hidarifix {
	width: 20%;
	float: left;
	position: fixed;
	margin-left: 0px;
	margin-right: 0px;
}
#hidariall {
	width: 20%;
	float: left;
	margin-left: 0px;
}
#migi {
	width: 78%;
	float: right;
	font-size: 12px;
	line-height: normal;
}
#migifashion {
	width: 70%;
	float: right;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	margin-right: 80px;
}
#migifashionall {
	width: 78%;
	float: right;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	margin-top: 90px;
	margin-right: auto;
}
#migifashionalls {
	width: 78%;
	float: right;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	margin-top: 90px;
	margin-right: auto;
}
#project {
	width: 100%;
	float: right;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	margin-left: 30px;
	margin-top: -110px;
}
#projectx {
	width: 78%;
	float: right;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	margin-right: 20px;
	margin-left: 80px;
}
#contact {
	width: 78%;
	float: right;
	font-size: 12px;
	text-align: left;
	margin-right: auto;
}
#migifashion2 {
	width: 3500px;
	float: right;
	font-size: 12px;
	line-height: normal;
	text-align: center;
}
#migi .bxslider li {
	list-style-type: none;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}
#migi .bxslider ul {
	list-style-type: none;
}
#migi #migihidari {
	width: 70%;
	float: left;
	font-size: 13px;
	line-height: normal;
	margin-top: 60px;
}
#migi #migimigi {
	width: 30%;
	float: right;
	font-size: 14px;
}
#migi #d {
	width: 100%;
	font-size: 10px;
}

#migi #brandlist {
	width: 50%;
	float: left;
	font-size: 12px;
	line-height: normal;
	margin-top: 60px;
}
#migi #brandshop {
	width: 50%;
	float: right;
	font-size: 12px;
	line-height: normal;
	margin-top: 60px;

}#migi #exhi #map {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 250px;
	width: 430px;
}
#migi #exhi table {
	margin-top: 80px;
}

#migiinspi {
	width: 78%;
	float: right;
	font-size: 15px;
	line-height: normal;
	text-align: right;
	margin-top: 400px;
	margin-right: 20px;
	margin-left: auto;
}
#migiinspi .bxslider li {
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
		width: 600px;
		height: 400px;

}
#migiinspi .bxslider ul {
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	width: 600px;
}
#menu {
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	height: 250px;
	
}

#contents {
	overflow: hidden;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
}
div.section {
	width: 500px;
	background-color: #F5F5F5;
	height: 500px;
	float: left;
	margin-right: 2px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#nav {
    list-style: none;
    margin-bottom: 10px;
    position: fixed;
    left: 60px;
    top: 30px;
}
#nav li {
    display: inline;
    margin-right: 0.5em;
}
#nav li a {
	color:#333333;
}
body::-webkit-scrollbar {
width: 15px;
}
 
body::-webkit-scrollbar-track {
background: #f5f5f3;
}
 
body::-webkit-scrollbar-thumb {
background: #d6d6d6;
outline: 0px;
}

.container .content #migifashion .fashion {
	height: 638px;
	width: 500px;
	margin-top: 90px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.container .content #migifashion .fashion1 {
	height: 357px;
	width: 500px;
	margin-top: 90px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.container .content #migifashion .fashionyoko {
	height: 500px;
	width: 695px;
	margin-top: 90px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.container .content #migifashion .fashionyoko1 {
	height: 290px;
	width: 695px;
	margin-top: 90px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.container .content #migifashionall .fashionindex {
	margin-top: 0px;
	margin-bottom: 30px;
	float: left;
	margin-right: 15px;
	margin-left: 0px;
    width: 18%;

}
.container .content #migifashionalls .fashionindex {
	margin-top: 0px;
	margin-bottom: 30px;
	float: left;
	margin-right: 15px;
	margin-left: 0px;
    width: 18%;

}
.container .content #migifashionalls .fashionindexyoko {
	margin-top: 0px;
	margin-bottom: 30px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	
}

.container .content #migifashion2 .fashion2 {
	height: 400px;
	width: 400px;
	margin-top: 100px;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.scroll
{
    position: fixed;
    bottom: 0;
    left: 0;
}
#migiinspi .bxslider {
	height: 400px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
		z-index: -1000;

}
#migiinspi .bxslider li img {
	height: 400px;
	width: 600px;
	margin-right: 25%;
	margin-left: auto;
	z-index: -1000;
}
#insta {
	position: fixed;
	height: 20px;
	width: 30px;
	top: 0px;
	right: 0px;
	margin-top: 5px;
}

#shita {
	position: fixed;
	height: 20px;
	width: 30px;
	top: 0px;
	right: 0px;
	margin-top: 300px;
	margin-right: 110px;
}
#yoko {
	position: fixed;
	height: 20px;
	width: 40px;	
	margin-top: 520px;
	margin-left: 30px;
}
.container .content #migifashion .updown {
	margin-right: 0px;
	text-align: right;
	padding-right: 10px;
	position: fixed;
	margin-left: 850px;
	padding-top: 20px;
}
.container .content #migifashion .gazou {
	height: 550px;
	margin-top: 20px;
}
.container .content #migifashion .gazou2 {
	height: 550px;
	float: left;
}
#migi #exhi {
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 30px;
	width: 90%;
}
#migi #exhi .exhi img {
	margin-top: 60px;
	float: right;
		width: 40%;

}
#brandall {
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 30px;
}
#migi #exhi .exhi .exhihidari {
	float: left;
	width: 50%;
}
#migi #exhi .exhi {
	width: 90%;
	height: 650px;
	font-size: 12px;
	margin-bottom: 30px;
}
#migi #exhi .diary .diaryhirari {
}
#migi #exhi .diary {
	line-height: normal;
	font-size: 12px;
	width: 100%;
}
#migiinspi .bxslider {
	margin-left: 60px;
}
.menu {
	margin-top: 20px;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
	-o-transition: all 0.9s;
	transition: all 0.9s;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li {
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 220px;
}
 
label {
	color:#333333;
	text-decoration:none;
	letter-spacing: 0.15em;
	font-family: "HelveticaNeue-Condensed", "HelveticaNeue","Helvetica","Hiragino Kaku Gothic Pro";
	margin: 0;
	line-height:1.6em;
	font-size:70%;
	font-weight: normal
}

.containerfix .content #project .project {
	float: left;
	width: 26%;
	margin-right: 80px;
}
.container .content #projectx .projectx {
	float: left;
	height: 280px;
	width: 280px;
	margin-right: 40px;
	margin-top: 45px;
}

li.line {
	text-decoration: underline;
	color: #CCC;

}
ul.size {
	height: 120px;
}

.toplogo {
	margin-right: auto;
	margin-left: auto;
	height: 98px;
	width: 300px;
	margin-top: 250px;
	margin-bottom: auto;
}
.container .content #contact .contact {
	margin-left: 20px;
	margin-top: 90px;	
	line-height: 20px;
}
a.hoge {
	color:#333333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
a.hoge:hover {
    color: #999;
    }.container .content #migifashionall .five {
	height: 200px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #C66;
}