/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */
/* 基本フォント ------------------------------ */
body {
	font-family: centuryGB, "Century Gothic", Arial, sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.3;
	color: #333333;
	-webkit-text-size-adjust: 100%;
}
html:not(:target) body {
	font-size: 14px;
}
input, textarea, select {
	font-family: centuryGB, "Century Gothic", Arial, sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
/*\*/
* html table {
	font-size: 100%;
	line-height: 1.8;
}
/**/
/* 基本タグ ------------------------------ */
body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, p, blockquote, pre, cite, code, caption, form, fieldset, legend, input, textarea, select, option, label {
	margin: 0;
	padding: 0;
}
body {
	text-align: left;
}
img, table {
	border: none;
}
table {
	border-collapse: collapse;
}
ul {
	list-style: none;
}
li img, dt img {
	vertical-align: bottom;
}
img {
	vertical-align: bottom;
}
address, em, cite {
	font-style: normal;
}
/* 基本テキストリンク ------------------------------ */
a {
	overflow: hidden;
	outline: none;
}
a:link {
	color: #51b1d4;
	text-decoration: none;
}
a:visited {
	color: #51b1d4;
	text-decoration: none;
}
a:hover {
	color: #3bbded;
	text-decoration: none;
}
a:active {
	color: #3bbded;
	text-decoration: none;
}
/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: .1em;
}
.clearfix {
	display: inline-block;
}
/*\*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/


/* 共通 ------------------------------------------------------------ */
.left {
	float: left;
}
.right {
	float: right;
}
.ar {
	text-align: right;
}
.mb00 {
	margin: 0 auto 0 auto;
}
.mb05 {
	margin: 0 auto 5px auto;
}
.mb10 {
	margin: 0 auto 10px auto;
}
.mb15 {
	margin: 0 auto 15px auto;
}
.mb20 {
	margin: 0 auto 20px auto;
}
.mb25 {
	margin: 0 auto 25px auto;
}
.mb30 {
	margin: 0 auto 30px auto;
}
.mb40 {
	margin: 0 auto 40px auto;
}
.mb50 {
	margin: 0 auto 50px auto;
}
.mb60 {
	margin: 0 auto 60px auto;
}
.mb70 {
	margin: 0 auto 70px auto;
}
.mb80 {
	margin: 0 auto 80px auto;
}
.mb90 {
	margin: 0 auto 90px auto;
}
.mb100 {
	margin: 0 auto 100px auto;
}
.fade {
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
.fade:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* --------------------------------------------------------------------------------------
 ページ設定
--------------------------------------------------------------------------------------- */ 
body {
	background: #000;
	/*background: #fff url('../images/bg_kari.jpg') center top no-repeat;
	-webkit-background-size: 1494px 28484px;
	background-size: 1494px 28484px;*/
	/*height: 28484px;*/
}
#loading {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#wrap {
	display: none;
}
/*  ---------------------------------------------------------------------------------------------*/
/* header --------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#header {
	position: fixed;
	width: 100%;
	min-width: 1100px;
	height: 70px;
	background: #000;
	z-index: 99;
}
#header #snsbox {
	position: absolute;
	top: 20px;
	left: 6%;
	z-index: 99;
}
/* logo ---------------------------------------------*/
#header #logo {
	position: absolute;
	top: 80px;
	left: 6%;
	z-index: 20;
}
/* menu ---------------------------------------------*/
#header #menu {
	position: absolute;
	top: -30px;
	right: 6%;
	font-size: 15px;
	text-align: left;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#header #menu li {
	margin-bottom: 5px;
	padding: 1px 0px 1px 10px;
	width: 175px;
	background: #6A6969;
	cursor: pointer;
}
#header #menu li:hover {
	background: #3D3D3D;
}
#header #menu a {
	color: #fff;
}
#header #menu ul li.menu1 {
	margin-left: -75px;
}
#header #menu ul li.menu2 {
	margin-left: -50px;
}
#header #menu ul li.menu3 {
	margin-left: -25px;
}
#header #menu ul li.menu4 {
	margin-left: 0px;
}
#header #menu ul li.menu5 {
	margin-left: 25px;
}
#header #menu ul li.menu6 {
	margin-left: 50px;
}
#header #menu ul li.menu7 {
	margin-left: 75px;
}
/*  ---------------------------------------------------------------------------------------------*/
#ctArea {
	background: #fff;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	margin: auto;
	/*height:100vh;*/
	/*position: relative;*/
	/*width: 1100px;*/
	/*height: 28484px;*/
	/*overflow:hidden;
	position: absolute;
	z-index: 1;*/
	overflow: hidden;
}
/*  ---------------------------------------------------------------------------------------------*/
/* block_a --------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#block_a {
	height: 2747px;
}
#block_a .box12 {
	position: absolute;
	top: 0px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 2747px;
	background: url('../images/photo_a12.jpg') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}
/*#block_a .box1 {
	position: absolute;
	top: 0px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 1917px;
	background: url('../images/photo_a1.jpg') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}
#block_a .box2 {
	position: absolute;
	top: 150px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 2658px;
	background: url('../images/photo_a2.png') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}*/
/*  ---------------------------------------------------------------------------------------------*/
/* activity --------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#activity {
	margin-top: 100px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	padding-bottom: 150px;
}
#activity .box {
	width: 1100px;
}
#activity .maintitle {
	font-size: 75px;
	line-height: 1;
}
#activity .box .imgbox {
	width: 310px;
	padding-top: 10px;
	text-align: right;
}
#activity .box .txtbox {
	width: 770px;
	margin-left: 20px;
	font-size: 14px;
}
#activity .box .txtbox .date {
	font-size: 25px;
}
#activity .box .txtbox .title {
	font-size: 30px;
	font-weight: bold;
}
#activity .box .txtbox .mtext {
	font-size: 20px;
}
#activity .box .txtbox .text {
	line-height: 1.8;
	font-size: 13px;
}
/*  ---------------------------------------------------------------------------------------------*/
/* block_b --------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#block_b {
	position: relative;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 4579px;
}
/*#block_b .box1{
	position:absolute;
	top: 0px;
	width:100%;	min-width:1100px;
	max-width:1700px;
height:1057px;
	background:  url('../images/photo_b1.jpg') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}
#block_b .box2{
	position:absolute;
	top: 1057px;
	width:100%;	min-width:1100px;
	max-width:1700px;
height:1057px;
	background:  url('../images/photo_b2.jpg') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}*/
#block_b .box34 {
	position: absolute;
	top: 0px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 4579px;
	background: url('../images/photo_b34.jpg') no-repeat bottom center;
	-webkit-background-size: cover;
	background-size: cover;
}
/*#block_b .box3 {
	position: absolute;
	top: 0px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 4575px;
	background: url('../images/photo_b3.jpg') no-repeat bottom center;
	-webkit-background-size: cover;
	background-size: cover;
}*/
/* biography ---------------------------------------------*/
#block_b .box34 #biography {
	position: absolute;
	bottom: 550px;
	margin: auto;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 800px;
	z-index: 50;
}
#block_b .box34 #biography .box {
	margin-top: 100px;
	width: 100%;
	width: 1100px;
}
#block_b .box34 #biography .maintitle {
	font-size: 65px;
	color: #fff;
	line-height: 1;
}
#block_b .box34 #biography .txtbox {
	width: 1100px;
	margin: auto;
	text-align: center;
	color: #fff;
	line-height: 1.8;
	font-size: 13px;
}
/*#block_b .box4 {
	position: absolute;
	top: 786px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 2500px;
	background: url('../images/photo_b4.png') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}*/
/*  ---------------------------------------------------------------------------------------------*/
/* music --------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#music {
	margin-top: 100px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	padding-bottom: 300px;
}
#music .box {
	width: 1100px;
}
#music .maintitle {
	font-size: 75px;
	line-height: 1;
}
#music .subtitle {
	margin: 0 0 0 -120px;
}
#music .box .inbox {
	width: 530px;
}
#music .box .inbox .imgbox {
	width: 150px;
}
#music .box .inbox .imgbox img {
	border: #B4B4B4 1px solid;
}
#music .box .inbox .txtbox {
	position: relative;
	width: 380px;
	height: 134px;
}
#music .box .inbox .txtbox div {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 20;
}
#music .box .inbox .txtbox .title {
	font-weight: bold;
	font-size: 20px;
}
#music .box .inbox .txtbox .mtext {
	margin-top: 5px;
	font-weight: bold;
	font-size: 15px;
}
#music .box .inbox .txtbox .detail {
	margin-top: 10px;
}
#music .box .inbox .txtbox div a span {
	margin-right: 10px;
	padding: 3px 5px 3px 5px;
	color: #fff;
	font-size: 11px;
	background: #6A6969;
}
#music .box .inbox .txtbox div a span:hover {
	background: #3D3D3D;
}
/*  ---------------------------------------------------------------------------------------------*/
/* block_c --------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#block_c {
	position: relative;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 4206px;
}
#block_c .box123 {
	position: absolute;
	top: 0px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 4206px;
	background: url('../images/photo_c123.jpg') no-repeat top right;
	-webkit-background-size: cover;
	background-size: cover;
}
/* #block_c .box1 {
	position: absolute;
	top: 0px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 1674px;
	background: url('../images/photo_c1.jpg') no-repeat top right;
	-webkit-background-size: cover;
	background-size: cover;
}
#block_c .box2 {
	position: absolute;
	top: 1674px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 2602px;
	background: url('../images/photo_c2.jpg') no-repeat top right;
	-webkit-background-size: cover;
	background-size: cover;
}
#block_c .box3 {
	position: absolute;
	top: 600px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 2602px;
	background: url('../images/photo_c3.png') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}*/
/*  ---------------------------------------------------------------------------------------------*/
/* video --------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#video {
	margin-top: 100px;
	padding-bottom: 800px;
	position: relative;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	z-index: 10;
}
#video .maintitle {
	font-size: 75px;
	line-height: 1;
}
#video .box {
	width: 1100px;
}
#video .box .inbox {
	width: 360px;
}
#video .box .ml10 {
	margin-left: 10px;
}
#video .box .inbox p {
	font-size: 15px;
}
/*  ---------------------------------------------------------------------------------------------*/
/* block_d --------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#block_d {
	position: relative;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 4300px;
}
/* contact ---------------------------------------------*/
#block_d #contact {
	margin-top: -600px;
	position: absolute;
	top: 0px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 1550px;
	z-index: 50;
	background: url('../images/contact_bg.png') no-repeat center top;
}
#block_d #contact .box {
	margin: 790px auto 0px auto;
	width: 1100px;
	height: 500px;
	text-align: center;
}
#block_d #contact .box .contact_block {
	margin-left: 215px;
	width: 370px;
	height: 272px;
	text-align: center;
	cursor: pointer;
}
#block_d #contact .box .contact_block .star {
	background: url('../images/contact_title.png') no-repeat;
	background-position: 0px 0px;
	width: 370px;
	height: 180px;
}
#block_d #contact .box .contact_block .maintitle {
	width: 370px;
	font-size: 55px;
	color: #fff;
	line-height: 1;
}
#block_d #contact .box .contact_block .mail {
	width: 370px;
	font-size: 25px;
	color: #fff;
	line-height: 1;
}
#block_d #contact .box .contact_block span {
	margin-left: 10px;
}
#block_d .box123 {
	position: absolute;
	top: 700px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 2992px;
	background: url('../images/photo_d123.jpg') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}
/*#block_d .box1 {
	position: absolute;
	top: 700px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 1250px;
	background: url('../images/photo_d1.jpg') no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
}
#block_d .box2 {
	position: absolute;
	top: 1750px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 850px;
	background: url('../images/photo_d2.jpg') no-repeat center -20px;
	-webkit-background-size: cover;
	background-size: cover;
}
#block_d .box3 {
	position: absolute;
	top: 2550px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 1000px;
	background: url('../images/photo_d3.jpg') no-repeat center -20px;
	-webkit-background-size: cover;
	background-size: cover;
}*/
/* follow ---------------------------------------------*/
#block_d #follow {
	position: absolute;
	top: 3500px;
	width: 100%;
	min-width: 1100px;
	max-width: 1600px;
	height: 785px;
	z-index: 20;
	background: url('../images/follow_bg.jpg') no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#block_d #follow .box {
	margin: 290px auto 0px auto;
	width: 1100px;
	height: 200px;
}
#block_d #follow .box .maintitle {
	position: absolute;
	bottom: 420px;
	margin-left: 590px;
	font-size: 75px;
	color: #fff;
	line-height: 1;
}
#block_d #follow .box #snsbox {
	position: absolute;
	bottom: 350px;
	margin-left: 590px;
}
/*  ---------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------*/

#copyright {
	width: 95%;
	height: 30px;
	text-align: right;
	color: #7A7A7A;
	font-size: 15px;
}
/*******snsbox***********/
#snsbox {
	height: 54px;
}
#snsbox div {
	background: url('../images/logo_sns.png') no-repeat;
	height: 28px;
	margin-right: 10px;
	cursor: pointer;
}
#snsbox div.logo1 {
	width: 34px;
	background-position: 4px 1px;
}
#snsbox div.logo2 {
	width: 34px;
	background-position: -34px 1px;
}
#snsbox div.logo3 {
	width: 34px;
	background-position: -75px 1px;
}
#snsbox div.logo4 {
	width: 55px;
	background-position: -120px 1px;
}
#snsbox div.logo5 {
	width: 55px;
	background-position: -175px 1px;
}

/*******parallax**********
.perspective {
height:100vh;
	-webkit-perspective:300px;
	-moz-perspective:300px;
	-ms-perspective:300px;
	-o-perspective:300px;
	perspective:300px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.layer1 {
	-webkit-transform:translateZ(0) scale(1);
	-moz-transform:translateZ(0) scale(1);
	-ms-transform:translateZ(0) scale(1);
	-o-transform:translateZ(0) scale(1);
	transform:translateZ(0) scale(1);
	z-index: 1;
}
.layer2 {
	-webkit-transform: translateZ(30px) scale(0.9);
	-moz-transform: translateZ(30px) scale(0.9);
	-ms-transform: translateZ(30px) scale(0.9);
	-o-transform: translateZ(30px) scale(0.9);
	transform: translateZ(30px) scale(0.9);
	z-index: 2;
}
.layer3 {
	-webkit-transform:translateZ(60px) scale(0.8);
	-moz-transform:translateZ(60px) scale(0.8);
	-ms-transform:translateZ(60px) scale(0.8);
	-o-transform:translateZ(60px) scale(0.8);
	transform:translateZ(60px) scale(0.8);
	z-index: 3;
}
.layer4 {
	-webkit-transform: translateZ(90px) scale(0.7);
	-moz-transform: translateZ(90px) scale(0.7);
	-ms-transform: translateZ(90px) scale(0.7);
	-o-transform: translateZ(90px) scale(0.7);
	transform: translateZ(90px) scale(0.7);
	z-index: 4;
}
*/