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

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html {
overflow: auto;
}
body{
-webkit-text-size-adjust: 100%;
height:auto;
overflow: hidden;
background-color: #fff;
/* font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; */
font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-weight: 400;
font-style: normal;

color: #000;
font-size:16px;
letter-spacing:0.1em;
line-height:1.8;
width:960px;
margin: 0 auto;
}
img {
border-style:none;
}
#container {
width:960px;
height: 100%;
min-height: 100%;
display:block;

}
/* #container a{
font-style:italic;
color:#bababa;
} */


body > #container {
height: auto;
}
header{
width:960px;
height:80px;
padding:0 8px;
padding-top:48px;
position: fixed; /* 固定 */
z-index: 2;
background:#fff;

}
header img{
max-width:100%;
}
h1{
width: 30%;
height:80px;
padding:0;
margin:0;
line-height:1;
float:left;
vertical-align: top;
}
span{
margin-right: 30px;
}
ul {
padding:0;
margin:0;
}
ul#nav{
width: 100%;
height:80px;
text-align:right;
}
#nav li {
height:80px;
display:inline;
vertical-align: top;
padding-left:24px;
list-style-type: none;
}
#nav li img{
vertical-align:middle;
}
#nav li a {
color:#000;
text-decoration:none;
padding:5px 0;
font-family: "zen-old-mincho-black", serif;
font-weight: 900;
font-style: normal;
}
#nav li a:hover    {
text-decoration:none;
border-bottom: 2px solid #333;
padding-bottom: 4px;
}
#nav li a.active    {
text-decoration:none;
border-bottom: 2px solid #333;
padding-bottom: 4px;
}
#contents {
clear:both;
width: 100%;
padding:0 8px;
padding-top:200px;
margin-bottom: 160px;
z-index: 1;
}
#contents p {
font-size: 16px;
letter-spacing:1px;
line-height: 1.8;
}
#contents a {
	text-decoration:none;
	color:#666;
	font-style: italic;
}
h2 {
margin-top:0;
border-bottom: 1px solid #333;
font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size:24px;
font-weight:700;
color: #000;
}
h2#indexs{
display:none;
	}
h3 {
font-size: large;
font-weight:bold;
margin-top:0;
/* margin-bottom: 20px; */
letter-spacing: 2px;
font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;}
footer{
font-size: smaller;
width:100%;
text-align: center;
margin:20px auto;
}
footer img{
text-align: center;
margin:0 auto;
}
/* お知らせ*/
#info{
width: 80% ;
margin: 0 0 0 auto;
border-top: 1px #333 solid;
padding-top: 24px;
padding-bottom: 80px;
}
#info li{
margin-left: 0;
list-style-type: none;
font-size: 16px;
font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;letter-spacing:0.1em;
line-height:1.6;
}
#info a{
font-style:normal;
text-decoration:underline;
color:#333;
	}
#info h3{
text-align: right;
font-size:24px;
font-weight:700;
line-height:1;
padding:0;
margin:0;
}
#info img {
width:32%;
margin-bottom: 32px;
}
#info img#yoko{
width:40%;
height:auto;
}
ul#sen img{
border:1px solid #333;
}

/*海山窯*/
#kaizanyou {
width: 100% ;
}
#kaizanyou_comment{
margin-top: 32px;
margin-bottom:16px;
}

#kaizanyou li{
margin-left: 0;
list-style-type: none;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.6;
}
#kaizanyou img {
padding-top: 40px;
margin: 0;
}
li#namae{
font-size: 16px;
letter-spacing:0.4em;
}
.gmap{
padding:0;margin:0;
line-height:1;
}

/*展覧会*/
#exbition{
width: 100% ;
}
#exbition img{
width: 48% ;
margin-bottom:24px;
}
#exbition img#small{
width:16% ;
margin-bottom:24px;
}
#exbition_info{
border-bottom: 1px solid #333;
padding-top: 32px;
padding-bottom: 160px;
}
#exbition_info a {
	text-decoration:none;
	color:#666;
	font-style: italic;
}
#exbition_info.last{
border:0
}
#exbition_info li{
margin-left: 0;
list-style-type: none;
font-size: 16px;
letter-spacing: 1px;
line-height:1.8;
}
#exbition_info li#memo{
padding-top:32px;
	}
#exbition_info li#middle img{
width:40% ;
height:auto;
border:1px solid #333;
	}
li#mgntop{
margin-top:16px;
}
img#yoko{
width: 40%;
height:auto;
}
img#yoko_big{
width: 48%;
height:auto;
}
img#yoko_l{
width: 64%;
height:auto;
}
img.border{
	border: 1px #eee solid;
}
.mgn-left{
margin-left:8px;
}

/*通信販売*/
#hanbai  {
width: 100% ;
}
#hanbai_info{
margin-bottom: 40px;
}
#hanbai_info li{
margin-left:0;
list-style-type: none;
}
#hanbai_photo img{
width: 49%;
height: 49%;
margin-bottom: 4px;
margin-right: 4px;
}
/*作品*/
#works{
width: 100%;
margin:0 auto 0 0;

}
#works img {
max-width:100%;
text-align: center;
margin: 0 0 0 auto;
}
#works p{
margin-top: 0px;
margin-bottom: 80px;
text-align: center;
letter-spacing:0.1em;
font-size:16px;
}
/*常設店*/

#shop  {
text-align: left;
width: 100% ;
float: left;
}
#shop h3{
line-height:1;
margin-bottom: 16px;
font-weight: bold;
font-size: medium;
	}
#shop_info  {
padding-bottom:80px;
}
#shop_info li{
margin-left: 0;
list-style-type: none;
line-height:1.6;
}

.zen-old-mincho-regular {
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
  }
  
  .zen-old-mincho-medium {
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	font-style: normal;
  }
  
  .zen-old-mincho-semibold {
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	font-style: normal;
  }
  
  .zen-old-mincho-bold {
	font-family: "Zen Old Mincho", serif;
	font-weight: 700;
	font-style: normal;
  }
  
  .zen-old-mincho-black {
	font-family: "Zen Old Mincho", serif;
	font-weight: 900;
	font-style: normal;
  }

  .fa-instagram{
	font-size: 18px;
  }
  @font-face {
	font-family: 'Zen Old Mincho';
	src: url('/fonts/ZenOldMincho-Black.ttf') format('ttf');
	font-weight: 900;
	font-style: normal;
  }
  
  li .align-center{
vertical-align: bottom;
  }
  

@media screen and (max-width: 768px) {
footer{
	display:none;
	}
footer img{
	display:none;
	}
	}