@charset "utf-8";



/* 右サイドナビゲーション */
#rNavi {
    float:right;
    position:fixed;
	top:160px;
    bottom:60px;
    right:50px;
    width:15px;
    z-index:9999;
    height: auto;
	font-size:12px;
	color:#a88cbd;
	opacity:0.7;
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
#rNavi .rLine{
	  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
#rNavi ul li{
	width:12px;
	float:right;
	margin-bottom:25px;
	margin-top:25px;
	display:block;
}
#rNavi ul li.up a,
#rNavi ul li.down a{
	display:block;
	color:#a88cbd;
	opacity: 0.9;
}
#rNavi ul li.cd1 a,
#rNavi ul li.cd2 a,
#rNavi ul li.cd3 a,
#rNavi ul li.cd4 a,
#rNavi ul li.cd5 a{
	display:block;
	border-bottom:solid 1px #a88cbd ;
	color:#a88cbd;
	opacity: 0.9;
}



/* 左サイドテキスト */
#lLogo {
    float: right;
    position: fixed;
	top: 200px;
    bottom: 60px;
    left: 50px;
    width: 15px;
    z-index: 9999;
    height: auto;
	font-size:12px;
	color:#a88cbd;
	opacity: 0.7;
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
#lLogo span{
		letter-spacing:4.5px;
		opacity: 0.9;
}

/* 全体 */
#wraprena{
	width: 100%;
	max-width:1000px;
	margin:0 auto 0;
	font-size:60%;
	clear: both;
	font-family: "Times New Roman", Times, serif;
	}
#headAreaPcSecond,
#FootAreaPcSecond{
	clear:both;
	}
#headAreaSpSecond,
#footAreaSpSecond{
	display:none;
	}
#wraprena img{
	width: 100%;
}

/*フェードイン*/
.fadein{
	opacity: 0;
	transform: translate(0,60px); /*上に移動する距離*/
	-webkit-transform: translate(0,60px); /*上に移動する距離*/
	transition: 1s; /*上に移動する時間(秒)*/
}
.inview-fadein{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*トップ*/
.topLookbook{
	margin-top:80px;
	margin-left:20px;
/*	margin-bottom:-5px;*/
	font-family:Aparajita,Times New Roman;
	font-size:16px;
	letter-spacing:2px;
}
.linkTab{
	border-top: 1px solid black; 
	margin:12px 0 0;     
	padding:0;
	height:12px;
	text-align:right;
}
.linkTab span.link { 
	position: relative;
	top: -8px; 
	padding: 0 30px; 
	margin-right:100px;
	background-color:#fff;
	font-family:Aparajita,Times New Roman;
	font-size:16px;
	letter-spacing:2px;
	border-right:1px solid black; 
	border-left:1px solid black; 
}
.linkTab span.linkLine{
	border-bottom: 1px solid black; 
}


/*style共通*/
#wraprena .itemName{

	font-family: "Times New Roman", Times, serif;
	color:#666;

}
#wraprena a{
	text-decoration:none;
}
#wraprena .detail{
	line-height:1.5em;
	font-size:18px;
	letter-spacing:1.2px;
}

/*style01*/


#wraprena #style01{
	/*background:#f5f5dd ;*/
	
	
	
}
#wraprena #style001{
	/*background:#f5f5dd ;*/
	
	height: 1800px;
	
	
}

#wraprena #style003{
	/*background:#f5f5dd ;*/
	
	
	
}

#wraprena #style002{
	/*background:#f5f5dd ;*/
	
	
}

#wraprena #style002 .left01{
	width:600px;
	margin-left:0px;
}
#wraprena #style002 .right01{
	width:600px;
	float:right;
	margin-top:-200px;
}

#wraprena #style001 .left01{
	width:697px;
	margin-left:0px;
}
#wraprena #style001 .right01{
	width:500px;
	float:right;
	margin-top:-200px;
}

#wraprena #style01 .left01{
	width:610px;
	margin-left:0px;
}
#wraprena #style01 .right01{
	width:500px;
	float:right;
	margin-top:-200px;
}


#wraprena #style01 .left02{
	width:500px;
	margin-left:0px;
	margin-top:-100px;
}
#wraprena #style01 .right02{
	width:697px;
	float:right;
	
}
#wraprena #style001 .detail{

	text-align:left;
	margin-top:420px;
	margin-left:20px;
}



#wraprena #style01 .detail{

	text-align:left;
	margin-top:460px;
	margin-left:20px;
}

/*style02*/
#wraprena #style02 .detail{
	float:left;
	text-align:left;
	margin-top:25px;
	margin-left:70px;
}

/*style03*/
#wraprena #style03 .left03{
	float:left;
	width:495px;
	margin:0 auto 0 0;
}
#wraprena #style03 .rightTtl{
	float:left;
	width:495px;
	margin:0;
}
#wraprena #style03 .detail{
	float:left;
	text-align:left;
	margin:115px auto 115px 90px;
}
#wraprena #style03 .right03{
	float:right;
	width:462px;
	text-align:right;
}

/*style04*/
#wraprena #style04 .detail{
	text-align:left;
	float:left;
	margin:500px auto 0 30px;
}
#wraprena #style04 .left04{
	width:500px;
	margin-left:0;
}
#wraprena #style04 .right04{
	width:697px;
	float:right;
	margin-right:0;
	margin-top:15px;
	margin-bottom:150px;
}

/*style05*/
#wraprena #style05 .left05,
#wraprena #style05 .leftTtl{
	width:487px;
	float:left;
}
#wraprena #style05 .left05{
	margin-top:0px;
}
#wraprena #style05 .right05{
	width:474px;
	float:right;
	margin-right:0px;
}
#wraprena #style05 .bottom05{
	width:494px;
	margin:90px auto auto 90px;
}
#wraprena #style05 .detail{
	float:right;
	text-align:left;
	margin-right:10px;
	margin-top:350px;
}


/*コラージュ*/

/*マウスオーバーでリンク出す*/
#wraprena #rena06 .mask .caption,
#wraprena #rena06 .mask .caption a{
	letter-spacing:1px;
	line-height:2em;
	color:#FFF;
}

#wraprena #rena06 .caption{
	padding-top:50px;
	padding-left:30px;
}
#wraprena #rena06 .rena0604 .caption{
	padding-top:30px;
	padding-left:30px;
	line-height:1.7em;
}
#wraprena #rena06 .rena0606 .caption{
	padding-top:50px;
	padding-left:15px;
}
#wraprena #rena06 .caption .itemName{
	border-bottom:solid 1px #FFF;
}
#wraprena #rena06 .caption .itemNameNo{
	border-bottom:solid 1px #FFF;
	font-size:120%;
	letter-spacing:1.5px;	
}
#wraprena #rena06 .mask{
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
#wraprena #rena06 .rena0601:hover .mask,
#wraprena #rena06 .rena0602:hover .mask,
#wraprena #rena06 .rena0603:hover .mask,
#wraprena #rena06 .rena0604:hover .mask,
#wraprena #rena06 .rena0605:hover .mask,
#wraprena #rena06 .rena0606:hover .mask{
	opacity:1;	/* マスクを表示する */
}

/*配置*/
#wraprena #rena06 .rena0602{
	position: absolute;
	width:384px;
	right:83px;
	top:300px;
}
#wraprena #rena06{
	position: relative;
	width:100%;
	max-width:1000px;
	height:2000px;
}

#wraprena #rena06 .rena0601{
    position: absolute;
	width:533px;
	left:0px;
	top:300px;
}

#wraprena #rena06 .rena0603{
	position: absolute;
	width:340px;
	left:64px;
	top:566px;
}
#wraprena #rena06 .rena0604{
	position: absolute;
	width:374px;
	right:0px;
	top:945px;
}
#wraprena #rena06 .rena0605{
	position: absolute;
	width:331px;
	right:157px;
	top:1293px;
}
#wraprena #rena06 .rena0606{
	position: absolute;
	width:288px;
	left:0px;
	top:1163px;
}

#wraprena #rena06 .rena06end{
	position: absolute;
	width:351px;
	left:228px;
	top:1677px;
}

.itemAll{
	text-align:center;
	font-size:16px;
	letter-spacing:3px;
}

/*アーカイブ*/
.archiveTtl{
	border-top:double 4px black; 
	margin:100px 0 0;     
	padding:0;
	height:25px;
	text-align:center;
}
.archiveTtl span{ 
	position: relative;
	top: -10px; 
	padding: 0 30px; 
	background-color:#fff;
	font-family:Aparajita,Times New Roman;
	font-size:24px;
	letter-spacing:2px;
}
#wraprena .archive{
margin: 60px 170px 0 170px;
}
#wraprena .archive p{
    float: left;
    padding: 0 40px 0 40px;
	text-align:center;
}
#wraprena .archive p img{
	width: 250px;
}

/*a.aIcon{
    background-color:#ffffff;
    display:block;
}*/
a.Icon:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

#wraprena .archive p .archiveno{
	width: 250px;
	text-align:center;
	padding:auto;
	margin-top:10px;
	font-size:12px;
	line-height: 1.5em;
	letter-spacing:1px;
	display: block;
}


/***************▼タブレット▼*****************/
@media screen and (max-width: 768px) {

}


/***************▼スマホ大▼*****************/
@media screen and (max-width: 640px) {
#headAreaPcSecond,
#FootAreaPcSecond{
	display:none;
	}
#headAreaSpSecond,
#footAreaSpSecond{
	display:block;
	clear:both;
	}	
body{
	background-color:#fff;
	}
#wraprena{
	margin:0;
	padding:0;
	font-size:70%;
	height:auto;
	width:100%;
}

/* 右サイドナビゲーション */
#rNavi{
	top: 90px;
    right: 10px;
	font-size:15px;
}
.rLine{
	font-size:10px;
	margin-left:4px;
}
#rNavi ul li{
	width:15px;
	margin-bottom:10px;
	margin-top:10px;
}
/* 左サイドテキスト */
#lLogo {
	top: 100px;
    bottom: auto;
    left:2px;
	font-size:8px;
	letter-spacing:0.1px;
}

/*トップ*/
.topLookbook{
	font-size:12px;
	margin-left:5%;
	margin-bottom:1%;
	margin-top:5%;
	padding-top:10%;
}
.linkTab{  
	text-align:center;
}
.linkTab span.link { 
	font-size:12px;
	padding:0 20px;
	letter-spacing:1.5px;
	margin-right:auto;
}

/*style共通*/
#wraprena #style01 .detail,
#wraprena #style02 .detail,
#wraprena #style03 .detail,
#wraprena #style04 .detail,
#wraprena #style05 .detail{
	font-size:70%;
}
/*style01*/

#wraprena #style01 .left01{
	width:49%;
	margin-left:0px;
}
#wraprena #style01 .right01{
	width:69%;
	float:right;
	margin-top:-5%;
}
#wraprena #style01 .detail{
	clear:both;
	text-align:left;
	padding-top:5%;
	margin-left:2%;
}

/*style02*/
#wraprena #style02 .detail{
	margin:2% auto auto 14%;
}

/*style03*/
#wraprena #style03 .left03{
	width:50%;
	float:left;
}
#wraprena #style03 .rightTtl{
	width:48%;
	margin-right:0;
}
#wraprena #style03 .detail{
	margin:7% auto 10% 15%;
}
#wraprena #style03 .right03{
	width:60%;
}

/*style04*/
#wraprena #style04 .left04{
	width:69%;
	margin:auto 15%;
}
#wraprena #style04 .right04{
	width:61%;
	margin-top:5%;
}
#wraprena #style04 .detail{
	font-size:70%;
	float:none;
	margin-left:15%;
	margin-bottom:7%;
	margin-top:7%;
}
#wraprena #style04 .right04{
	width:69%;
	float:right;
	margin-right:15%;
	margin-bottom:30%;
}

/*style05*/
#wraprena #style05 .left05,
#wraprena #style05 .leftTtl{
	width:48%;
	float:left;
}
#wraprena #style05 .leftTtl{
	margin-top:10%;
}
#wraprena #style05 .left05{
	margin-top:15%;
}
#wraprena #style05 .right05{
	width:47%;
	float:right;
	margin-right:0px;
}
#wraprena #style05 .bottom05{
	width:49%;
	margin:10% auto auto 35%;
}
#wraprena #style05 .detail{
	float:left;
	text-align:left;
	margin-left:15%;
	margin-top:7%;
}





/*コラージュ*/
#wraprena #rena06{
	position: relative;
	width:100%;
	height:650px;
}

#wraprena #rena06 .rena0601{
    position: absolute;
	width:53%;
	left:0;
	top:15%;
}
#wraprena #rena06 .rena0602{
	position: absolute;
	width:38%;
	right:8%;
	top:15%;
}
#wraprena #rena06 .rena0603{
	position: absolute;
	width:34%;
	left:6%;
	top:35%;
}
#wraprena #rena06 .rena0604{
	position: absolute;
	width:42%;
	right:0%;
	top:55%;
}
#wraprena #rena06 .rena0605{
	position: absolute;
	width:34%;
	right:13%;
	top:80%;
}
#wraprena #rena06 .rena0606{
	position: absolute;
	width:32%;
	left:13%;
	top:70%;
}
#wraprena #rena06 .rena06end{
	position: absolute;
	width:35%;
	left:21%;
	top:102%;
}
/*マウスオーバーでリンク出す*/
#wraprena #rena06 .mask .caption,
#wraprena #rena06 .mask .caption a{
	font-size:7px;
	letter-spacing:0.3px;
	line-height:1.5em;
}

#wraprena #rena06 .caption{
	padding-top:5%;
	padding-left:3%;
}
#wraprena #rena06 .rena0606 .caption{
	padding-top:5%;
	padding-left:3%;
}
#wraprena #rena06 .rena0604 .caption{
	padding-top:3%;
	padding-left:3%;
	line-height:1.1em;
}
#wraprena #rena06 .rena0605 .caption,
#wraprena #rena06 .rena0603 .caption{
	line-height:1.1em;
}

.itemAll{
	font-size:90%;
	letter-spacing:3px;
	margin-top:20%;
}

/*アーカイブ*/
#wraprena .archiveTtl{
	margin-top:20%;
}
#wraprena .archive{
	margin: 15% 0 15% 0;
}
#wraprena .archive p{
    padding: 0 4%;
	margin-bottom:5%;
}
#wraprena .archive p img{
	width: 50%;
}

#wraprena .archive p .archiveno{
	font-size:11px;
	width: 50%;
	margin:2% 25%;
}

/***************▼スマホ▼*****************/
@media only screen and (max-width: 769px) {
}