/*
■Common
■Wrapper
■Header
■Contents
■Footer
*/


/*=--------------------------------------------------------------------
■Common
----------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td{
  padding: 0;
  margin: 0;
}

p{
	margin-bottom:3%;
	line-height:2;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
}

img,abbr,acronym,fieldset{
  border: 0;
  vertical-align: bottom;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-weight: normal;
  font-style: normal;
}

ol,ul{
  list-style: none;
}

caption,th{
  text-align: left;
}

h1,h2,h3,h4,h5,h6{
  font-weight: normal;
  font-size: 100%;
}

.left{
  float:left;
}

.right{
  float:right;
}


/*----------------------------------
 clearfix
----------------------------------*/
.clear{	clear:both;}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*=--------------------------------------------------------------------
■Wrapper
----------------------------------------------------------------------*/
body{
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	color:#777;
	letter-spacing:1px;	
}
@media only screen and (max-width: 991px) {
body{
	font-size: 1.4rem;
}
}


#page{
	clear:both;
	overflow: hidden;
}

/*=--------------------------------------------------------------------
■Header
----------------------------------------------------------------------*/
#header{
 margin:0px;
 padding-top:27px;
 border-top:12px solid #000;
}


.header-inner{
 max-width: 1170px;
 margin: 0 auto;
 width:90%;
 padding:0px;
 height:62px;
}


#header h1.site-title{
 margin-top:27px;
 padding:0px;
 background:url(../img/web/logo3.png) no-repeat left top;
 width:402px;
 height:32px;
 display:block;
 float:left;
}

#header h1 span{
 display: none;
}


/*----------------------------------
 nav
----------------------------------*/
#nav ul{
 margin:0px;
 padding:0px;
 float:right;
}

#nav ul li{
 margin-top:36px;
 margin-left:30px;
 padding:0px;
 float:left;
 list-style:none;
 vertical-align:bottom;
}

#nav ul li.news{
 margin-top:0px;
 margin-left:65px;
 padding-top:36px;
 padding-left:65px;
 background:url(../img/web/nav-bg.gif) no-repeat left top;
 height:62px;
}

#nav ul li.facebook{
 margin-left:10px;
 background:url(../img/web/facebook.gif) no-repeat left top;
 width:18px;
 height:18px;
}

#nav ul li.tumblr{
 margin-left:5px;
 background:url(../img/web/tumblr.gif) no-repeat left top;
 width:18px;
 height:18px;
}

#nav ul li.instagram{
 margin-left:5px;
 background:url(../img/web/instagram.gif) no-repeat left top;
 width:18px;
 height:18px;
 display:block;
}

#nav ul li.facebook a,
#nav ul li.tumblr a,
#nav ul li.instagram a{
  margin:0;
  border:0 none;
  display:block;
}

#nav ul li.facebook a span,
#nav ul li.tumblr a span,
#nav ul li.instagram a span{
  visibility: hidden;
}

#nav li.select{
	opacity:0.6;
	text-decoration:none;
}

#nav li a,
#nav li a:link,
#nav li a:visited{
 color:#333;
 text-decoration:none;
}

#nav li a:hover,
#nav li a:active{
 opacity:0.6;
 text-decoration:none;
}



/*----------------------------------
 aiconnav
----------------------------------*/
#aiconnav ul{
 margin:0px;
 padding:0px;
 float:left;
}
@media only screen and (max-width: 991px) {
#aiconnav ul{
	padding:0 5%;
}
}

#aiconnav ul li{
 margin-bottom:36px;
 margin-right:20px;
 padding:0px;
 float:left;
 list-style:none;
 vertical-align:bottom;
 font-size:20px;
}
@media screen and (max-width: 991px) {
    #aiconnav ul li{
        font-size:35px;
         margin-right:30px;
    }
}

#aiconnav li.select{
	font-weight:bold;
    border-bottom:2px solid red ;
}

#aiconnav li a,
#aiconnav li a:link,
#aiconnav li a:visited{
 color:#333;
 text-decoration:none;
}

#aiconnav li a:hover,
#aiconnav li a:active{
 opacity:0.6;
 text-decoration:none;
}




/*=--------------------------------------------------------------------
■Contents
----------------------------------------------------------------------*/
#contents {
	margin:0 auto;
	padding:30px 0;
}
@media only screen and (max-width: 991px) {
#contents {
	padding: 0 5%;
	}
}

/*----------------------------------
 COLLECTION
----------------------------------*/
#collection_left{
	padding-top:30px;
	margin: 0 0 0 10px;
	width:530px;
	float: left;
}

*html #collection_left{
	margin: 0 0 0 7px;
}

#collection_right{
	margin: 0;
	padding:0;
	width:330px;
	float:right;
}

*html #collection_right{
	margin: 0 0 0 10px;
	width: 348px;
	float: left;
}

.collection_season{
	padding-top:30px;
	text-indent:15px;
	font-size: 10px;
}

.collection_list{
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
}

*html .collection_list{
	padding: 0 0 0 18px;
}

.collection_list li{
	margin:15px 0 0 15px;
	padding:0px;
	float:left;
}

*html .collection_list li{
	margin:15px 15px 0 0;
	float: left;
}
.collection_list li img {
	border: 1px solid #000;
}
.collection_list li img:hover {
	border: 1px solid #ccc;
}

#collection_kome {
	clear: both;
	padding: 5px 0 0 10px;
	font-size: 10px;
	text-align: left;
/*	color: #999;*/
}



/*----------------------------------
 ABOUT
----------------------------------*/
.about{
	margin:0 auto;
}

.about h3{
	FONT-WEIGHT: bold;
	padding-bottom:7%;
	font-size:30px;
	text-align:center;
	color:#000;
}

.about-img{
	overflow: hidden;
	padding-bottom:30px;
	text-align:center;
}

.about-img img{
	margin-left:0px;
	padding-bottom:20px;
}
.name {
	line-height: 1.3;
	font-weight:bold;
	color: #333;	
}
.name span{
	font-size: 40px;
}

.skills{
	border:1px solid;
	margin-bottom:15%;
}
.skills dt{
	font-weight:bold;
	margin-bottom:1%;
	padding:3% 3% 1%;
}
.skills dd{
	padding:0 3% 3%;
}


/*----------------------------------
 biography
----------------------------------*/
.biography{
	margin-top:30px;
	padding-top:30px;
	border-top:5px solid #000;
}
.biography dl.list dt{
	border-bottom:solid 1px #ccc;
	font-weight:bold;
	padding-bottom:0.3%
}
.biography dl.list dd{
	margin-top:1%;
	margin-bottom:9%;
}
.biography dl.list dd p{
	margin-bottom: 30px;
	line-height: normal;
}

.biography dl.list dd span{
	color:#900;
}


/*----------------------------------
 EXHIBITION2014
----------------------------------*/
.exhibition{
	margin:30px 0px 15px;
	padding:15px 0px;
	border-top:5px solid #000;
	border-bottom:5px solid #000;
}

.exhibition hr{
	border:1px solid #000;
}

#exnav ul{
 margin:0px;
 padding:0px;
 float:left;
}

#exnav ul li{
 margin:15px 15px 0px 10px;
 padding:0px;
 float:left;
 list-style:none;
 vertical-align:bottom;
}

#exnav li a:hover,
#exnav li a:active{
 opacity:0.6;
 text-decoration:none;
}

/*----------------------------------
 pagetop
----------------------------------*/
.pagetop{
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #000;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

/*=--------------------------------------------------------------------
■Footer
----------------------------------------------------------------------*/
#footer{
	padding-top:80px;
	margin:0;
	padding-bottom:40px;
	font-size:10px;
	text-align:center;
}