@charset "UTF-8";

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

top
 
************************************************/

/* big-background */
.big-background {
    z-index:10;
    text-align:center;
    height:100%;
    min-height:100%;
    position:relative;
    overflow:hidden;
}
.big-background-default-image {
	background-image:url(images/hero-top-sp.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:67% 50%;
}
.pattern {
	background-image:url(images/pattern.png);
	background-repeat: repeat;
	background-attachment:scroll;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
	}
.big-background-default-image .pattern {
	opacity:0.5;
}

/* logo */
.logo {
	text-align:center;
	position:absolute;
	top:14%;
	width:100%;
	margin:0;
}
.logo img {
	width:60%;
	max-width:320px;
}

/* action-btn */
.action-btn {
	position:absolute;
	bottom:20px;
	width:100%;
	padding:0;
	text-align:center;
}
.action-btn li {
	display:inline-block;
	width:30%;
	max-width:140px;
}
.action-btn li a {
	display:block;
	text-align:center;
	font-size:1.4em;
	line-height:1em;
	color:#fff;
}
.action-btn li a.hover {
	background-color:rgba(0,0,0,0.1);
	border-radius:5px;
	cursor:pointer;
}
.action-btn li img {
	width:42px;
	margin:0 0 8px;
}

/* modal */
.modal-header {
	border-bottom:none;
}
.close {
	color:#333;
	opacity:1.0;
}

/* ec-link */
.ec-link {
	margin:0;
}
.ec-link dt {
	margin-bottom:30px;
	text-align:center;
	font-size:1.6em;
	line-height:1em;
}
.ec-link dt img {
	width:60px;
	margin:0 0 10px;
}
.ec-link dd {
	border-top:1px solid #ccc;
}
.ec-link dd:last-child {
	border-bottom:1px solid #ccc;
}
.ec-link dd a {
	display:block;
	font-size:1.4em;
	line-height:3em;
	color:#333;
	position:relative;
	padding-left:75px;
	background:no-repeat left;
	background-size:60px auto;
}
		.ec-link dd a.ec-link-amazon {
			background-image:url(images/icon-amazon.jpg);
		}
		.ec-link dd a.ec-link-campusrecord {
			background-image:url(images/icon-campusrecord.jpg);
		}
		.ec-link dd a.ec-link-itunes {
			background-image:url(images/icon-itunes.jpg);
		}
		.ec-link dd a.ec-link-recochoku {
			background-image:url(images/icon-recochoku.jpg);
		}
		.ec-link dd a.ec-link-mora {
			background-image:url(images/icon-mora.jpg);
		}
		.ec-link dd a.ec-link-chura {
			background-image:url(images/icon-chura.jpg);
		}
.ec-link dd a.hover {
	background-color:rgba(0,0,0,0.1);
}
.ec-link dd a:after {
	position:absolute;
	top:0;
	right:0;
	content:'\f105';
	font-family: 'FontAwesome';
	font-size:1.4rem;
	line-height:3em;
}

/* top-news */
.top-news-list {
	list-style:none;
	padding:0;
	margin:0;
}
.top-news-list li a {
	display:block;
	padding:0.7em 0;
	color:#333;
	border-top:1px solid #ddd;
}
.top-news-list li a.hover {
	text-decoration:underline;
	background-color:#ddd;
}
.top-news-list li:last-child a {
	border-bottom:1px solid #ddd;
}
.top-news-list-day {
	font-size:1.2em;
	line-height:1.6em;
}
.top-news-list-text {
	font-size:1.4em;
	line-height:1.6em;
	word-wrap:break-word;
}

/* top-newreleas */
.disc-image {
	margin-bottom:15px;
}
.disc-image img {
	width:100%;
}
.disc-content {
}
.disc-title-wrap {
	margin:0 0 15px;
	padding:0;
}
.disc-title {
	font-size:2em;
	line-height:1.5em;
}
.disc-info {
	font-size:1.2em;
	line-height:1.5em;
}
.disc-track {
	margin:0 0 15px;
	font-size:1.4em;
	line-height:1.5em;
}
.disc-btn {
	list-style:none;
	margin:0;
	padding:0;
}
.disc-btn li {
	margin:0 0 15px;
	text-align:center;
}
.disc-btn li:last-child {
	margin-bottom:0;
}

/* top-schedule,top-profile */
.top-section-image {
	margin:0 -15px;
	height:375px;
	background:50% 50% no-repeat;
	background-size:cover;
}
		.top-section-image.top-sechedule-image {
			background-image:url(images/top-schedule-image.jpg);
		}
		.top-section-image.top-profile-image {
			background-image:url(images/top-profile-image.jpg);
		}
.top-section-content {
	padding:30px 0;
}
.top-section-content-text {
	color:#fff;
	font-size:1.4em;
	line-height:1.5em;
}

@media (min-width: 768px) {
	
/* action-btn */
.action-btn {
	bottom:30px;
}
.action-btn li {
	width:140px;
	margin:0 15px;
}
.action-btn li a {
	font-size:2em;
	line-height:1em;
}
.action-btn li img {
	width:80px;
	margin:0 0 12px;
}

/* ec-link */
.ec-link dd a {
	font-size:1.6em;
	line-height:3em;
	padding-left:96px;
	background-size:80px auto;
}
.ec-link dd a:after {
	font-size:1.6rem;
}

/* top-news */
.top-news-list-day {
	font-size:1.6em;
	line-height:3em;
	text-align:center;
}
.top-news-list-text {
	font-size:1.6em;
	line-height:3em;
	word-wrap:break-word;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* top-newreleas */
.disc-image {
	margin-bottom:0;
}
.disc-title-wrap {
	margin:0 0 20px;
}
.disc-title {
	font-size:2.4em;
	line-height:1.5em;
	margin-bottom:5px;
}
.disc-info dd {
	font-size:1.6em;
	line-height:1.5em;
}
.disc-track {
	margin:0 0 30px;
	font-size:1.6em;
	line-height:1.5em;
}
.disc-btn li {
	float:left;
	margin:0 15px 15px 0;
}
.disc-btn li:last-child {
	margin-right:0;
}

/* top-schedule,top-profile */
.top-section-image {
	height:400px;
}
.top-section-content {
	padding:40px 0;
}
.top-section-content-text {
	font-size:1.6em;
}

}
@media (min-width: 992px) {

/* logo */
.logo {
	top:46%;
}
/* top-newreleas */
.disc-btn li {
	margin-right:30px;
	margin-bottom:15px;
}

/* top-schedule,top-profile */
.top-section-content-text {
	padding:0 60px;
}

}
@media (min-width: 1200px) {

}

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

	news
 
************************************************/

/* news-list */
.news-list {
	list-style:none;
	margin:0;
	padding:0;
}
.news-list-item {
	padding:15px 0;
	border-bottom:1px solid #999;
}
.news-list-item:last-child {
	border-bottom:none;
}
.news-category {
	margin:0 0 15px;
	padding-left:54px;
	font-size:2.2em;
	line-height:2em;
	font-weight:bold;
	background:left no-repeat;
	background-size:44px 44px;
}
		.news-category.icon-category-live {
			background-image:url(images/icon-category-live-bk.png);
		}
		.news-category.icon-category-media {
			background-image:url(images/icon-category-media-bk.png);
		}
		.news-category.icon-category-release {
			background-image:url(images/icon-category-release-bk.png);
		}
		.news-category.icon-category-other {
			background-image:url(images/icon-category-other-bk.png);
		}
.news-day {
	margin:0 0 10px;
	font-size:1.2em;
	line-height:1em;
}
.news-title {
	margin:0 0 10px;
	font-size:1.8em;
	line-height:1.6em;
	font-weight:bold;
}
.news-title a {
	color:#333;
	text-decoration:underline;
}
.news-title a.hover {
	text-decoration:none;
}
.article-content {
	font-size:1.2em;
	line-height:1.5em;
}

@media (min-width: 768px) {

/* news-list */
.news-list-item {
	padding:40px 0;
}
.news-list-item:first-child {
	padding-top:0;
}
.news-list-item:last-child {
	padding-bottom:0;
}
.news-category {
	margin:0 0 30px;
	padding-left:70px;
	font-size:3em;
	line-height:2em;
	background-size:60px 60px;
}
.news-day {
	margin:0 0 20px;
	font-size:1.6em;
}
.news-title {
	margin:0 0 20px;
	font-size:2.2rem;
	line-height:1.6em;
}
.article-content {
	font-size:1.4em;
	line-height:1.5em;
}

}
@media (min-width: 992px) {

/* news-list */
.news-list-item {
	padding:40px 30px 40px 0;
}
.article-content {
	font-size:1.6em;
	line-height:1.5em;
}

}
@media (min-width: 1200px) {
}

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

	news article
 
************************************************/

/* news-article */
.content-left.news-article {
	padding-top:40px;
	padding-bottom:40px;
}

/* article-nav */
.article-nav {
	list-style:none;
	margin:20px 0 0;
	padding:20px 0 0;
	border-top:1px solid #999;
}
.article-nav li {
	float:left;
	width:33.33%;
}
.article-nav li a {
	font-size:1.2em;
	line-height:1em;
	padding:1em;
	color:#999;
}
.article-nav li a.hover {
	text-decoration:underline;
	color:#333;
}
		.article-nav li.article-nav-prev {
			text-align:left;
		}
		.article-nav li.article-nav-list {
			text-align:center;
		}
		.article-nav li.article-nav-next {
			text-align:right;
		}

@media (min-width: 768px) {

/* article-nav */
.article-nav {
	margin:40px 0 0;
	padding:20px 0 0;
}
.article-nav li a {
	font-size:1.4em;
	line-height:1em;
}

}
@media (min-width: 992px) {

/* news-article */
.content-left.news-article {
	padding-right:30px;
}

/* article-nav */
.article-nav li a {
	font-size:1.4em;
	line-height:1em;
}

}
@media (min-width: 1200px) {
}


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

	schedule
 
************************************************/

/* schedule-list */
.schedule-list {
	list-style:none;
	margin:0;
	padding:0;
}
.schedule-list-item {
	padding:15px 0;
	border-bottom:1px solid #999;
}
.schedule-list-item:last-child {
	border-bottom:none;
}
.schedule-list-item dl {
	margin:0;
	padding:0;
}
.schedule-list-item dl dt {
	float:left;
	width:40px;
}
.schedule-list-item dl dd {
	clear:right;
	margin-left:55px;
}
.schedule-category {
	font-size:1em;
	line-height:1em;
	text-align:center;
	font-weight:normal;
}
	.schedule-category img {
		width:100%;
	}
.schedule-title {
	margin:0 0 4px;
	font-size:1.8em;
	line-height:1.6em;
	font-weight:bold;
}
.schedule-title a {
	color:#333;
	text-decoration:underline;
}
.schedule-title a.hover {
	text-decoration:none;
}
.schedule-detail {
	font-size:1.2em;
	line-height:1.5em;
	margin:0;
}
.schedule-detail span {
	display:inline-block;
	margin:0 10px 0 0;
}
.schedule-detail span:last-child {
	margin:0 ;
}

/* category-list */
.side-content-list.category-list li {
	margin-bottom:15px;
}
.side-content-list.category-list li a.hover {
	background-color:rgba(0,0,0,0.1);
}
.category-list span {
	display:inline-block;
	padding-left:42px;
	font-size:1.6rem;
	line-height:2em;
	background:left no-repeat;
	background-size:32px 32px;
}
		.category-list span.icon-category-live {
			background-image:url(images/icon-category-live-bk.png);
		}
		.category-list span.icon-category-media {
			background-image:url(images/icon-category-media-bk.png);
		}
		.category-list span.icon-category-release {
			background-image:url(images/icon-category-release-bk.png);
		}
		.category-list span.icon-category-other {
			background-image:url(images/icon-category-other-bk.png);
		}

@media (min-width: 768px) {
	
/* schedule-list */
.schedule-list-item {
	padding:40px 0;
}
		.schedule-list-item:first-child {
			padding-top:0;
		}
		.schedule-list-item:last-child {
			padding-bottom:0;
		}
.schedule-list-item dl dt {
	width:60px;
}
.schedule-list-item dl dd {
	margin-left:80px;
}
.schedule-title {
	font-size:2.2em;
	line-height:1.6em;
}
.schedule-detail {
	font-size:1.6em;
	line-height:1.5em;
}
.schedule-detail span {
	margin:0 20px 0 0;
}

/* category-list */
.side-content-list.category-list li {
	margin-bottom:20px;
}
.category-list span {
	padding-left:52px;
	font-size:2rem;
	line-height:2em;
	background-size:40px 40px;
}

}
@media (min-width: 992px) {
	
/* schedule-list */
.schedule-list-item {
	padding:40px 30px 40px 0;
}

/* category-list */
.side-content-list.category-list {
	padding-top:30px;
}
.side-content-list.category-list li {
	margin-bottom:30px;
}
.category-list span {
	padding-left:58px;
	font-size:2.4rem;
	line-height:2em;
	background-size:48px 48px;
}

}
@media (min-width: 1200px) {
}

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

	schedule article
 
************************************************/

/* suchedule-article */
.content-left.schedule-article {
	padding-top:40px;
	padding-bottom:40px;
}
.schedule-category-wrap {
	float:left;
	width:40px;
}
.schedule-title-wrap {
	clear:right;
	margin:0 0 20px 55px;
}

@media (min-width: 768px) {

.schedule-category-wrap {
	width:60px;
}
.schedule-title-wrap {
	margin:0 0 20px 80px;
}

}
@media (min-width: 992px) {

/* news-article */
.content-left.schedule-article {
	padding-right:30px;
}

}
@media (min-width: 1200px) {
}

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

	discography
 
************************************************/
/* discograpy-item */
.section.discography-item {
	border-bottom:1px solid #999;
}
		.section.discography-item:last-child {
			border-bottom:1px solid #999;
		}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

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

	video
 
************************************************/
/* video-list */

.video-item {
	margin:0 0 20px;
}
.video-wrap {
	margin:0 0 10px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.video-title {
	font-size:1.4em;
	line-height:1.5em;
	margin:0;
}

@media (min-width: 768px) {

.video-item {
	margin:0 0 40px;
}
.video-title {
	font-size:1.6em;
	line-height:1.5em;
}

}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

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

	profile
 
************************************************/

/* profile-i-dushi */
.profile-logo {
	margin:0 0 20px;
	text-align:center;
}
.profile-logo img {
	width:100%;
	max-width:160px;
}
.profile-description {
	margin:0;
	font-size:1.4em;
	line-height:1.5em;
}

/* profile-history */
.profile-history-title {
	margin:0 0 10px;
	font-size:1.8em;
	line-height:1em;
	font-weight:bold;
}
.profile-history-text {
	margin:0;
	font-size:1.4em;
	line-height:1.5em;
}

/* profile-social */
.profile-social {
	list-style:none;
	margin:0 0 20px;
	padding:0;
}
.profile-social li a {
	display:block;
	font-size:1.4em;
	line-height:3em;
	color:#333;
}
.profile-social li a.hover {
	background-color:rgba(0,0,0,0.1);
}
.profile-social li a img {
	margin:0 8px 0 0;
	height:28px;
	vertical-align:-7px;
}

/* profile-parsonal */
.section.profile-personal {
	border-top:1px solid #999;
}
.section.profile-personal:last-child {
	border-bottom:1px solid #999;
}
.personal-image {
	margin:0 0 20px;
}
.personal-image img {
	width:100%;
	max-width:160px;
}
.personal-name {
	margin:0 0 10px;
	font-size:1.8em;
	line-height:1.5em;
	font-weight:bold;
}
.personal-text {
	margin:0 0 10px;
	font-size:1.4em;
	line-height:1.5em;
}
.profile-personal .profile-social {
	margin:0;
}

@media (min-width: 768px) {

/* profile-i-dushi */
.profile-logo {
	margin:0 0 40px;
	text-align:center;
}
.profile-logo img {
	max-width:200px;
}
.profile-description {
	font-size:1.6em;
	line-height:1.5em;
}

/* profile-history */
.profile-history-title {
	margin:0 0 10px;
	font-size:2.2em;
	line-height:1em;
}
.profile-history-text {
	font-size:1.6em;
	line-height:1.5em;
}

/* profile-social */
.profile-social {
	margin:0 0 40px;
	text-align:center;
}
.profile-social li {
	display:inline-block;
}
.profile-social li a {
	padding:0 15px;
	font-size:1.6em;
	line-height:3em;
}
.profile-social li a img {
	margin:0 10px 0 0;
	height:32px;
	vertical-align:-8px;
}

/* profile-parsonal */
.personal-image {
	margin:0;
}
.personal-image img {
	max-width:100%;
}
.personal-name {
	margin:0 0 15px;
	font-size:2.2em;
	line-height:1.5em;
}
.personal-text {
	margin:0 0 15px;
	font-size:1.6em;
	line-height:1.5em;
}
.profile-personal .profile-social {
	text-align:left;
}
.profile-personal .profile-social li {
	float:left;
	display:block;
	margin:0 30px 0 0;
}
.profile-personal .profile-social li:last-child {
	margin-right:0;
}
.profile-personal .profile-social li a {
	padding:0;
}

}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

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

	contact
 
************************************************/

/* form-item */
.form-item {
	margin:0 0 30px;
	padding:0;
}
.form-item dt {
	margin:0 0 10px;
	font-size:1.6em;
	line-height:1.5em;
	font-weight:bold;
}
.form-item dt span {
	margin:0 0 0 5px;
	font-size:1.2rem;
	line-height:1.5em;
	color:#f44336;
}
.form-item input,.form-item textarea {
	padding:5px;
	width:100%;
	font-size:1.6em;
	line-height:1.5em;
	border:1px solid #999;
}
.form-item input {
	height:3em;
}
.form-item textarea {
	height:240px;
}

/* btn-subumit */
.submit-wrap {
	text-align:center;
}
.btn-submit {
	display:inline-block;
	padding:0 1.5em;
	font-size:1.6em;
	line-height:3em;
	border:1px solid #999;
}
.btn-submit:hover {
	background-color:rgba(0,0,0,0.1);
}

@media (min-width: 768px) {

/* form-item */
.form-item {
	margin:0 0 40px;
}
.form-item dt {
	font-size:2em;
	line-height:1.5em;
}
.form-item dt span {
	font-size:1.4rem;
	line-height:1.5em;
}
.form-item input,.form-item textarea {
	padding:5px;
	font-size:1.6em;
	line-height:1.5em;
}

/* btn-subumit */

}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


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


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

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}