@charset "utf-8";

body.page-index {
	margin-top: 0;
	overflow-x: hidden;
}

/* フルスクリーン ***********************************************************************/
.full-screen {
	width: 100%;
	box-sizing: border-box;
	padding-top: 100px;
}
@media only screen and (max-width: 800px) {
.full-screen {
	padding-top: 50px;
}
}

.full-screen .photo-area {
	width: 100%;
	height: 100%;
}


/******************************************************************************/

.bx-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background: #000;
}
.bx-wrapper .bx-pager {
	bottom: 15px;
	z-index: 9999;
}

.full-screen .bxslider li {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.full-screen .bxslider li.photo-1 { background-image: url(../img/hero/index-1.jpg); }
.full-screen .bxslider li.photo-2 { background-image: url(../img/hero/index-2.jpg); }
.full-screen .bxslider li.photo-3 { background-image: url(../img/hero/index-3.jpg); }




/*****************************************************************************/

.full-screen .slope {
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: 0;
	z-index: 999;
}

.full-screen .jazz-attack {
	width: 300px;
	position: absolute;
	top: 40%;
	left: 25px;
	z-index: 9999;
}

.full-screen .info {
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px;
	z-index: 9999;
}

.full-screen .scroll {
	text-decoration: none;
	text-align: center;
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 9999;
}


@media only screen and (max-width: 800px) {

.full-screen .jazz-attack {
	width: 225px;
}

}


@media only screen and (max-width: 700px) {

.full-screen .jazz-attack {
	width: 150px;
	left: 15px;
}

.full-screen .info {
	padding: 25px 15px;
	font-size: 11px;
}

}








/* イントロ ***************************************************************************/

.basic.intro p {
	margin-top: 1em;
}
.basic.intro p:first-child {
	margin-top: 0;
}




/* ツイート ********************************************************/
.basic.tweet .profile img {
	width: 150px;
}
.basic.tweet .profile p {
	margin-top: 1em;
}

.twitter-timeline, .twitter-tweet {
	width: 300px !important;
}

@media only screen and (max-width: 800px) {
.basic.tweet > div > div {
	width: 100%;
}
.basic.tweet > div > div.profile {
	text-align: center;
}
}

@media only screen and (max-width: 768px) {
.twitter-timeline, .twitter-tweet { width: 738px !important; }
}
@media only screen and (max-width: 736px) {
.twitter-timeline, .twitter-tweet { width: 706px !important; }
}
@media only screen and (max-width: 667px) {
.twitter-timeline, .twitter-tweet { width: 637px !important; }
}
@media only screen and (max-width: 568px) {
.twitter-timeline, .twitter-tweet { width: 538px !important; }
}
@media only screen and (max-width: 414px) {
.twitter-timeline, .twitter-tweet { width: 384px !important; }
}
@media only screen and (max-width: 375px) {
.twitter-timeline, .twitter-tweet { width: 345px !important; }
}
@media only screen and (max-width: 320px) {
.twitter-timeline, .twitter-tweet { width: 290px !important; }
}









/***************************************************************************/
.poetry {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/index/bg-poetry.jpg);
	background-attachment: fixed;
}

.mobile .poetry {
	background-attachment: scroll;
}


.poetry > div {
	width: 100%;
	background-color: rgba(0,0,0,0.4);
	padding: 100px 0;
}
.poetry p {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 21px;
	line-height: 2;
	color: #FFF;
	letter-spacing: 0.25em;
	text-align: center;
}

@media only screen and (max-width: 700px) {

.poetry > div {
	padding: 60px 0;
}
.poetry p {
	font-size: 14px;
}

}