@charset "UTF-8";

/*-----------------------------------------------*/
/*　共通　*/
/*-----------------------------------------------*/
@-ms-viewport{
	width: decice-width;
}
/* CSS Document */
html{
	font-size:100%; /*ユーザー設定の文字サイズを正しく反映*/
}
*{
    box-sizing:border-box; /*余白や線を幅や高さに含める*/
}
img {
	border: 0;
	vertical-align:bottom
    max-width:100%; /*画像が親要素からはみ出すのを防ぐ*/
    height:auto;
}
img, p, h1, h2, h3{
	margin: 0px;
	padding: 0px;
}
li img {
   vertical-align:bottom
}
body {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
}
a {
	color: ##383838;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	display:block;
}

/*//clearFix Coponents//*/
.clearfix{ display:block;} 

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
}

/*ホバー半透明*/
a:hover{
   opacity: 0.7;
}

/*全体*/
.wrapper{
  position: relative;
}
body {
	font-family: Cormorant Garamond, A1 Mincho, A1MinchoStd-Bold, serif;
	serif;
	font-size: 16px;
   line-height: 1.5;
   width: 100%;
   background: #e6e6e6;
   color: #383838;
}

/*-----------------------------------------------*/
/*　ヘッダーとフッター　*/
/*-----------------------------------------------*/

header{
  position: absolute;
  z-index: 2;
  top: 5%;
  left: 3%;
  color: #fff;	
  width: 100%;
  display: flex;
}
header h1{
	margin-left: 0;

}
h1 img{
	max-width: 150px;
}
header .pc_gnav{
	display: none;
}



/*サブメニューレスポンシブ用ナビ*/
#slider #subnav{
	position: absolute;
	bottom: 30px;
	right: 30px;
}
#subnav li{
	text-align: right;
}
#slider #subnav a{
	color: #fff;
	font-size: 16px;
	display: block;
	padding-right: 30px;
}
#slider #subnav .mail{
	background-image: url("../images/mail.png") ;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 20px auto;	
	margin-bottom: 16px;
}
#slider #subnav .IG{
	background-image: url("../images/instagram_logo1.png") ;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 20px auto;
}



.scroll img{
	width: 30px;
	height: auto;
}
.scroll{
	position: absolute;
	bottom: 0;
	left: 50%;
	/*↓↓要素の左側が中央に配置されるので左に50%動かす（要素の幅が100%）*/
	transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}




footer{
	width: 100%;
	background-color: #383838;
	color: #fff;
	margin-top: 200px;
	font-size: 14px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.ftr_flexWrap{
	padding: 3% 0;
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}
.ftr_leftBlock{
	width: 35%;
}
.ftr_rightBlock{
	width: 60%;
}
.ftr_logo img{
	width: 90px;
	height: auto;
}
.ftr_leftBlock .address{
	margin-top: 39px;
}
.ftr_rightBlock ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 45px;
}
.ftr_contact{
	display: flex;
}
.ftr_btm{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 14px;
    font-size: 14px;
    margin-top: 65px;
}
.ftr_contact_mail{
	background-image: url("../images/mail.png") ;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 14px auto;
	padding-left: 20px;
	letter-spacing: 0.05em;
}
.ftr_insta{
	background-image: url("../images/instagram_logo1.png") ;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 14px auto;
	height: 14px;
	padding-left: 20px;
	margin-left: 30px;
	letter-spacing: 0.05em;
}




@media screen and (max-width:968px) {
footer{
	text-align: center;
}
.ftr_flexWrap{
	padding: 5% 13% 5%;
	display: block;
}
.ftr_leftBlock{
	width: 100%;
}
.ftr_rightBlock{
	width: 100%;
}

.address,
.ftr_logo,
.ftr_contact
{
	border-bottom: 1px solid #4E4E4E;
	padding: 8% 0;
}
.ftr_leftBlock .address{
	margin-top: 0;
}
.ftr_rightBlock ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0;
    line-height: 2.5em;
    padding: 8% 0;
    border-bottom: 1px solid #4E4E4E;
}
.ftr_rightBlock li a{
	color: #fff !important;
}
.ftr_btm{
    display: block;
    line-height: 14px;
    font-size: 14px;
    margin-top: 0;
}
.copyright{
	margin-top: 8%;
}
.ftr_contact{
	justify-content: center;
}

}







/*-----------------------------------------------*/
/*　ホーム(トップページ)　*/
/*-----------------------------------------------*/

.home_concept_flexWrap{
	display: flex;
}
.home_concept_flexWrap{
	margin-top: 100px;
}
.home_concept_leftBlock img{
	width: 100%;
	height: auto;
}
.home_concept{
	margin-top: 150px;
	position: relative;
}
.home_concept_leftBlock{
	width: 60%;
	height: auto;
}
.home_concept_rightBlock{
	width: 40%;
	position: relative;
}
.home_concept_rightBlock_txt{
	position: absolute;
	top: 0;
	left: 50%;


}
.home_concept_tategaki{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 16px;
  line-height: 2.4em;
  letter-spacing: 0.2em;
  width: 85px;
  height: auto;
  transform: translate(-47%, 0);
  -webkit-transform: translate(-47%, 0);
   -ms-transform: translate(-47%, 0);
}
.home_concept_tategaki img{
	width: 100%;
	max-width: 35px;
	line-height: auto;
	margin-left: 1%;
}
.home_concept_profileBtn{
	display: none;
}
.home_concept_bottomBlock{
	margin: 140px 8% 0;
}
.home_concept_image1{
	width: 50%;
	line-height: auto;
}
.sp_home_concept_image1{
	text-align: right;
}
.sp_home_concept_yokogaki{
	position: relative;
}
.home_concept_yokogaki{
	position: absolute;
	bottom: -60%;
	font-size: 16px;
  line-height: 2.4em;
  letter-spacing: 0.2em;
}
.home_concept_image2{
	width: 100%;
	height: auto;
	margin-top: 150px;
}



/*アバウト*/

.home_about_leftBlock h2{
	display: flex;
	align-items: center;
	font-size: 30px;
	letter-spacing: 0.2em;
}
.home_about_leftBlock span{
	font-size: 18px;
	margin-left: 10px;
	letter-spacing: 0.1em;
}
.home_about_desk{
	font-size: 16px;
	line-height: 1.8em;
	letter-spacing: 0.6px;
	margin-top: 50px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.sp_home_inner{
	margin: 140px 8% 0;	
}
.home_about_rightBlock img{
	width: 100%;
	height: auto;
	margin-top: 60px;
}
.home_image_aboutBottom img{
	width: 100%;
	height: auto;
	margin-top: 150px;
}




/*個展情報*/
.home_exhibition{
	margin-top: 150px;
}



.home_exhibition{
	display: block;
}
.home_exhibition{
	margin-top: 177px;
}
.home_exhibition_title{
	-ms-writing-mode: horizontal-tb;
  	writing-mode: horizontal-tb;
  	font-size: 30px;
  	letter-spacing: 0.1em;
  	line-height: 1.4em;
}
.home_exhibition_title span{
	font-size: 16px;
	letter-spacing: 0.1em;
}
.home_exhibition li{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	display: flex;
	border-bottom: 1px dotted #707070;
	padding: 12px 0;
	justify-content: space-between;
}
.home_exhibition span{
	margin-right: 0;
}
.home_exhibition li span{
	color: #7E919D;	
}
.home_exhibition ul{
	width: 100%;
	margin-top: 20px;
	margin-left: 0;
}




/*Instagram*/

.home_insta{
	margin-top: 230px;
	background-image: url("../images/instagram_img.jpg") ;
	background-size:cover;
	background-repeat: no-repeat;
	height: 294px;
	background-positon:center;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home_insta_image{
	width: 100%;
	height: auto;
	position: relative;
}
.home_insta_title{
	font-size: 30px;
	color: #fff;
	letter-spacing: 0.1em;
	margin-bottom: 23px;
	line-height: 1.4;
}
.home_insta_logo img{
	width: 100%;
	max-width: 57px;
}
.home_instaBtn a{
	font-size: 18px;
	color: #fff;
	width: 302px;
	background-color: #383838;
	display: block;
	height: 72px;
	line-height: 72px;
	margin-top: 28px;
}




/*メディア情報*/
.home_media{
	margin-top: 177px;
}
.home_media_title{
	-ms-writing-mode: horizontal-tb;
  	writing-mode: horizontal-tb;
  	font-size: 30px;
  	letter-spacing: 0.1em;
  	line-height: 1.4em;
}
.home_media_title span{
	font-size: 16px;
	letter-spacing: 0.1em;
}
.home_media{
	display: block;
}
.home_media ul{
	width: 100%;
	margin-top: 20px;
	margin-left: 0;
}
.home_media li{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	border-bottom: 1px dotted #707070;
	padding: 12px 0;
}





/*-----------------------------------------------*/
/*　ホームプロフィール　*/














/*-----------------------------------------------*/
/*　ホーム個展情報　*/













/*-----------------------------------------------*/
/*　ホームインスタグラム　*/











/*-----------------------------------------------*/
/*　ホームメディア　*/










/*-----------------------------------------------*/
/*　お取り扱いページ　*/
/*-----------------------------------------------*/








/*-----------------------------------------------*/
/*　スマートフォン　*/
/*-----------------------------------------------*/
@media screen and (min-width:960px) {
    /*　(PC用)画面サイズが960px以上はここを読み込む　*/

.openbtn{
	display: none;
}
header .g-nav{
	display: none;
}

header .pc_gnav{
	display: flex;
}


header .pc_gnav li{
	margin-left: 30px;
	margin-top: 40px;
}
header a{
	color: #fff;
	font-size: 16px;
}



h1 img{
	width: 172px;
}header{
  position: absolute;
  z-index: 2;
  top: 7%;
  left: 7%;
  color: #fff;	
  width: 100%;
  display: flex;
}
header h1{
	margin-right: 50px;
}




.home_inner{
	width: 980px;
  	margin: 0 auto;
/*  	background-color: red;*/
}





/*フレックスボックス設定*/
.home_concept_flexWrap{
	display: flex;
}
.home_concept_leftBlock{
	flex: 0 0 60%;
}
.home_concept_rightBlock{
	flex: auto;
}





.home_concept_flexWrap{
	margin-top: 100px;
}
.home_concept_leftBlock img{
	width: 100%;
	max-width: 654px;
	height: auto;
}



/*コンセプト*/
.home_concept_rightBlock{
	position: relative;
}
.home_concept_rightBlock_txt{
	position: absolute;
	top: 20%;
	left: 30%;
}
.home_concept_tategaki{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 18px;
  line-height: 2em;
  letter-spacing: 0.2em;
  width: 127px;
  height: auto;
}
.home_concept_sign img{
	width: 50%;
	max-width: 53px;
}
.home_concept_sign{
	margin-left: 18px;
}
.home_concept_profileBtn{
	font-size: 22px;
	padding: 10px 30px;
	border: solid 1px #383838;
	margin-top: 30px;
}
.home_concept_profileBtn{
	display: block;
}

/*コンセプトボトム*/
.home_concept_bottomBlock{
	margin-top: 100px;
}
.home_concept_bottomBlock div{
	position: relative;
	height: 306px;
}
.home_concept_yokogaki{
	font-size: 18px;
	letter-spacing: 0.2em;
	line-height: 2.2em;
	position: absolute;
	top: 50%;
	margin-top: -36px;
}
.home_concept_image1{
	width: 50%;
	max-width: 300px;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}
.home_concept_image2{
	width: 100%;
	max-width: 777px;
	margin-top: 100px;
	height: auto;
	display: block;
	margin: 100px auto;
}

/*アバウト*/
.home_about_flexWrap{
	display: flex;
	justify-content: space-between;
}
.home_about{
	margin-top: 200px;
}
.home_about_leftBlock{
	margin-top: 50px;
	width: 424px;
}
.home_about_leftBlock h2{
	display: flex;
	align-items: center;
	font-size: 30px;
	letter-spacing: 0.2em;
}
.home_about_leftBlock span{
	font-size: 18px;
	margin-left: 10px;
	letter-spacing: 0.1em;

}
.home_about_rightBlock img{
	width: 100%;
	max-width: 496px;
	height: auto;
}
.home_about_desk{
	font-size: 16px;
	line-height: 1.8em;
	letter-spacing: 0.6px;
	margin-top: 65px;
	margin-left: 65px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.home_image_aboutBottom img{
	width: 100%;
	height: auto;
	margin-top: 252px;
}


/*個展情報*/
.home_exhibition{
	margin-top: 177px;
}
.home_exhibition_title{
	-ms-writing-mode: tb-lr;
  	writing-mode: vertical-lr;
  	font-size: 30px;
  	letter-spacing: 0.1em;
  	line-height: 1.4em;
}
.home_exhibition_title span{
	font-size: 16px;
	letter-spacing: 0.1em;
}
.home_exhibition{
	display: flex;
}
.home_exhibition ul{
	width: 70%;
	margin-top: 20px;
	margin-left: 85px;
}
.home_exhibition li{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	display: flex;
	border-bottom: 1px dotted #707070;
	padding: 12px 0;
	justify-content: space-between;
}
.home_exhibition span{
	margin-right: 3%;
}


/*メディア掲載情報*/
.home_media{
	margin-top: 177px;
}
.home_media_title{
	-ms-writing-mode: tb-lr;
  	writing-mode: vertical-lr;
  	font-size: 30px;
  	letter-spacing: 0.1em;
  	line-height: 1.4em;
}
.home_media_title span{
	font-size: 16px;
	letter-spacing: 0.1em;
}
.home_media{
	display: flex;
}
.home_media ul{
	width: 70%;
	margin-top: 20px;
	margin-left: 85px;
}
.home_media li{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	border-bottom: 1px dotted #707070;
	padding: 12px 0;
}











}