
body{
    margin: 0;
}
div{
    margin: 0;
}
ul{
    margin: 0;
}
img{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 6px 6px rgba(0,0,0,0.16);
    margin-top: 70px;
}
.profileNav,.galleryNav,.nav{
    position: absolute;
    top:0;
    right:3%;
}
.now a{
    color: #a40000;
}
ul li{
	list-style: none;
}
.nav li{
    float: left;
    padding: 0 10px;
    /* color:white; */
}
.profileNav li,.galleryNav li{

    float: left;
    padding: 0 10px;
}
ul{
    list-style-type:none;
}

.home a,.profile a,.contact a,.nav a{
    color: black;
}
a{
    text-decoration: none;
}
/*main*/
main{
    margin: 100px 0 0 0;
}
.syeru1{
    float: right;
    margin:0 0 10px 0;
    margin-top: 78px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 6px 6px rgba(0,0,0,0.16);
}
.syeru2,.syeru5{
    margin: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 6px 6px rgba(0,0,0,0.16);
    margin-top: 70px;
}

.syeru4{
    float: right;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 6px 6px rgba(0,0,0,0.16);
}
.gaImg{
    margin: 0 auto;;
    width:80%;

}

h1{
    margin-top: 30px;
    color: #ffffff;

    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.syokai,.sakuhinstory{
    /* position: relative;
    top:30px; */
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 6px 6px rgba(0,0,0,0.16);
    float: left;

}
.sakuhinstory{
width: 100%;
}
.syokai{

    width:30%;
    margin: 78px 2%;
    background-color: black;
}
.syokai p,.syokai h1{
    margin-left: 10px;
}
.syokai p{
    font-size: 120%;
}
.contactLink{

    margin-top: 50px;
    margin-bottom: 40px;
}
.contactLink a{
    color: #ffffff;
    padding: 5px 35px;
    border: 2px solid #ffffff;
    border-radius: 30px;
    /* font-weight: 500; */
}
.syeruh2{
    /* margin: 10px 20px; */
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.sakuhinstory p{
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    margin: 30px 40px;
}

/* sakuhin2,sakuhin4,sakuhin5,sakuhin6 */
.sakuhin{
  width: 90%;
  margin: 0 auto;
}
.sakuhin21{
    width:28%;
    margin: 0 5% 50px 3%;
}
.sakuhin22{
    width:28%;
    margin: 0 5% 50px 0;
}
.sakuhin23{
width:28%;
margin: 0 0 50px 0;
}
.sakuhin24{
  width:28%;
  margin: 0 5% 0 3%;
}
.sakuhin25{
  width:28%;
  margin: 0 5% 0 0;
}
.sakuhin26{
width:28%;
margin: 0 0 0 0;
}
/* sakuhin3 */
.sakuhin31{
width:45%;
margin: 0 4% 50px 3%;
}
.sakuhin32{
width:45%;
margin: 0 0 50px 0;
}
.sakuhin33{
width:28%;
margin: 0 5% 0 3%;
}
.sakuhin34{
width:28%;
margin: 0 5% 0 0;
}
.sakuhin35{
width:28%;
margin: 0 0 0 0;
}
/* sakuhin7 */

/* sakuhin8 */

/* sakuhin9 */
.sakuhin91{
width:45%;
margin: 0 4% 50px 3%;
}
.sakuhin92{
width:45%;
margin: 0 0 50px 0;
}
.sakuhin93{
width:45%;
margin: 0 4% 0 3%;
}
.sakuhin94{
width:45%;
margin: 0 0 0 0;
}
/* sakuhin10 */
 /* footer */
 footer{
    text-align: center;
    clear: both;
}
