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


body{
font-family: kinuta-maruminfuji-stdn, serif;
display: none;
font-size: 14px;
color: #404040;
background-color: #fff;
line-height: 1.5;
position: relative;
}

img{
vertical-align:bottom;
max-width:100%;
height:auto;
}

p{
font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
letter-spacing: 1px;
margin-bottom: 20px;
}

main{
position: relative;
}

span1 ,.shopbutton{
font-size: 13px;
color:#CCC;
margin-left: 20px
}


header,footer{
width:100%;
}

nav ul{
margin-top: 50px;
}
nav ul li{
margin: 0 18%;
}

nav ul li a{
text-decoration: none;
color: #000;
font-weight: normal;
text-align: center;
line-height: 50px;
font-size: 18px;
}

nav ul li a,.subname:hover{
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
 color:#000;
}

nav ul li img{
margin-bottom: 10px;
width: 45%;
margin-left: 15%;
}

header{
position: relative;
}

h1{
margin:4.0263% 0 0 5.5%;
padding: 0;
position:fixed;
z-index: 2;
width:16%;
height:72px;
font-size: 16px;
}

/*-----外部リンク-----*/
.link{
text-decoration: none;
color: #47acac;
transition: all 0.2s;
}
.link:hover{
color: #ccc;
}
/*---------------------*/


h4{
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}
#coment{
margin-bottom: 80px;
	margin-top: 150px;
}

section{
margin: 0 5% 100px;
}

/*ーーーーーーーーー*/

h3{
font-size: 23px;
font-weight: normal;
padding: 110px 0 10px;
letter-spacing:0.1em;
margin: 0 5% 50px;
border-bottom: #ccc 1px solid;
}


footer small{
font-size: 12px;
line-height: 40px;
}


footer{
text-align: center;
background-color: #FFFFFF;
margin: 0 auto;
  border-top: #414141 solid 1px;
		width: 90%;
}

footer a{
color: #414141;
text-decoration: none;
font-size: 13px;
margin: 0 10px;
transition: all 0.2s;
}

footer a:hover{
color: #ccc;
}
aside #sns{
  text-align: center;
}

#sns ul {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    width: 140px;
    padding:100px 0 30px; 
}
#mini-menu{
margin: 10px 0;
}

.facebook,.twitter,.instaglam{
  width: 27px;
  height: 27px;
}


#products,#news,#topics,#access,#question,#aboutus{
  padding-top: 40px;
}


/*---------------------------タブレット---------------------*/
@media screen and (min-width:600px){

h1 img{
width: 60%;
}
nav ul{
margin-top: 100px;
}

  .active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

section{
margin:50px 15%;
}


h3{
font-size: 25px;
font-weight: normal;
letter-spacing:0.3em;
margin: 0px 15%;
}


}





/*----------------------------PC------------------------------*/
@media screen and (min-width:960px){

#wrapper{
width:100%;
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}

aside{
position: relative;
}
section{
margin: 50px 13%;
}

h3{
margin: 50px 15%;
}

nav ul li a{
color: #000;
  text-decoration: none;
font-family: kinuta-maruminfuji-stdn, serif;
}

span1{
color: #414141;
}
aside{
width:18.30%;
}

main{
padding: 0;
width: 81.69%;
}

}