/*---------------------↓section.news-top---------------------*/	
section.news-top {
	width: 100%; /*告知項目の幅*/
	height: 100%; /*告知項目の高さ*/
	font-family: 'Lato', sans-serif;
	line-height: 1em;
	color: #FFF; /*告知項目の文字色*/
	}
section.news-top .text-table {
	width: 100%;
	}	
@media (min-width:1600px) {
section.news-top .text-table-cell {
	text-align: center;
	}
}
section.news-top h3 {
	font-style: normal;
	font-weight: 700;
	line-height: 1em;
  }
section.news-top h3 span {	
	color: #FF0; /*告知項目のH3の頭文字色*/
  }
section.news-top h4 {
	font-style: normal;
	font-weight: 700;
	line-height: 1em;
  }
section.news-top h5 {
	font-style: normal;
	font-weight: 700;
	line-height: 1em;
  }	

/*---------------------section.news-top h3 フォントサイズ---------------------*/	
@media (min-width:768px) {
	section.news-top h3 {
	font-size: 80px;
  }
	}	
	
@media (min-width:992px) {
	section.news-top h3 {
	font-size: 110px;
  }
	}
	
@media (min-width:1280px) {
	section.news-top h3 {
	font-size: 130px;
  }
	}
	
/*---------------------section.news-top h4 フォントサイズ---------------------*/	
@media (min-width:768px) {
	section.news-top h4 {
	font-size: 45px;
  }
	}	
	
@media (min-width:992px) {
	section.news-top h4 {
	font-size: 65px;
  }
	}
	
@media (min-width:1280px) {
	section.news-top h4 {
	font-size: 70px;
  }
	}

/*---------------------section.news-top h5 フォントサイズ---------------------*/	
@media (min-width:768px) {
	section.news-top h5 {
	font-size: 35px;
  }
	}	
	
@media (min-width:992px) {
	section.news-top h5 {
	font-size: 50px;
  }
	}
	
@media (min-width:1280px) {
	section.news-top h5 {
	font-size: 55px;
  }
	}
					
/*---------------------↓section.news-top 背景グラデーション---------------------*/		
section.news-top {
	background: linear-gradient(270deg, #00ccff, #36ffc8);
	background-size: 400% 400%;
	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;
	}
	
	@-webkit-keyframes AnimationName {
			0%{background-position:0% 50%}
			50%{background-position:100% 50%}
			100%{background-position:0% 50%}
	}
	@-moz-keyframes AnimationName {
			0%{background-position:0% 50%}
			50%{background-position:100% 50%}
			100%{background-position:0% 50%}
	}
	@keyframes AnimationName { 
			0%{background-position:0% 50%}
			50%{background-position:100% 50%}
			100%{background-position:0% 50%}
	}
/*---------------------↑section.news-top 背景グラデーション---------------------*/
/*---------------------↑section.news-top---------------------*/

/*---------------------↓section.news-contents---------------------*/
/*---------------------↓section.news-contents 背景グラデーション---------------------*/
section.news-contents {
	/*width: 100%;
	height: 100%;
	font-family: 'Lato', sans-serif;
	line-height: 1em;
	color: #666;
	background-color:#FDE74C;*/
	/*background: linear-gradient(270deg, #c8ff88, #3dffa2, #e9ff3d);
background-size: 600% 600%;

-webkit-animation: AnimationName 6s ease infinite;
-moz-animation: AnimationName 6s ease infinite;
animation: AnimationName 6s ease infinite;*/
	}
	/*@-webkit-keyframes AnimationName {
    0%{background-position:50% 92%}
    50%{background-position:100% 9%}
    100%{background-position:30% 92%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}
@keyframes AnimationName { 
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}*/
/*---------------------↑section.news-contents 背景グラデーション---------------------*/
section.news-contents .img-liquid {
	height: 250px; /*イメージ画像のトリミング(高さ)*/
	}
section.news-contents h2{
	font-size: 40px;
	color: #000;/*投稿ニュース記事のタイトル文字色*/
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 30px;
	}
section.news-contents .news-col{
	/*background-color: #F00;*/
	}	
section.news-contents .col-box{
	background-color: #FFF;
	height: 500px;
	}
section.news-contents .col-img-box{
	padding-left: 0;
	padding-right: 0;
	}
section.news-contents .read {
	margin-top: 30px;
	}	
section.news-contents .read a{
	width: 90px;
	padding: 5px;
	margin: 0 auto;
	font-size: 12px;
	color: #000;
	border: solid 1px #000;
	text-decoration: none;
  }
	
/*-----------------------------------投稿ニュース記事-----------------------------------*/

.postright { float: right; padding: 0; width:100%; font-size:11px; line-height:1.6; }

.postright .posttext{ /*padding-left:15px;*/}
.postright .posttitle .postmeta { /*float: left;*/ width: 100%; padding-top: 3px; padding-left: 0; font-size: 10px; text-transform:uppercase; }

.posttitle { /*float:right;*/ margin-bottom:8px; padding: 0; /*border-left: 5px solid #000;*/ }

.posttitle h3 { color:#000;  /*padding-left: 10px;*/ font-size: 18px; line-height: 22px; font-weight: bold; }
.posttitle h3 a{ color: #000; }
.posttitle h3 a:hover{ color: #999; }

.posttitle .postmeta { /*float: left;*/ width: auto; padding-top: 3px; padding-left: 10px; font-size: 10px; text-transform:uppercase;}
.posttitle .postmeta span { /*float: left;*/ /*display: inline-block;*/ }
.postmeta span.date { padding: 1px 0px 1px 0px; margin-right: 8px; }
.postmeta span.tags { background: #fff center left no-repeat; padding: 1px 0px; margin-right: 8px; }
.postmeta span.tags a{ color:#999; display: inline-block;}
.postmeta span.tags a:hover{ color:#000;}


/* Text Elements */
.posttext p { padding:0; margin-bottom: 10px;}
.posttext h1 { font-size: 26px; line-height: 60px; font-weight: normal; letter-spacing:-0,8px; margin: 10px 0px 10px 0px; color: #222; }
.posttext h2 { font-size: 22px; line-height: 50px; font-weight: normal; letter-spacing:-0.5px; margin: 10px 0px 10px 0px; color: #222;}
.posttext h3 { font-size: 18px; line-height: 42px; font-weight: normal; letter-spacing:-0.25px; margin: 10px 0px 10px 0px; color: #666;}
.posttext h4 { font-size: 16px; line-height: 36px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}
.posttext h5 { font-size: 14px; line-height: 32px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}
.posttext h6 { font-size: 12px; line-height: 28px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}

.posttext blockquote {font-size:16px; line-height:1.7em; color:#777; margin:20px; letter-spacing:0px; }
.posttext blockquote:before { content: '\201C'; font-weight: bold; margin-right: 4px; font-size:22px; font-family: "Times New Roman", Georgia, Times, serif;	 }
.posttext blockquote:after { content: '\201D'; font-weight: bold; margin-left: 4px; font-size:22px; font-family: "Times New Roman", Georgia, Times, serif;	 }
.posttext blockquote p { display:inline; }
.posttext blockquote.pullquote_right {float: right;width: 40%; }
.posttext blockquote.pullquote_left { float: left; width: 40%; }

.posttext ul, .posttext ol { margin:20px; }
.posttext ul li ul, .posttext ol li ol { margin: 5px 20px; }
.posttext ul li{ list-style: disc; }
.posttext ol li{ list-style: decimal; }
.posttext code, .posttext pre { font: normal 13px/18px Helvetica Neue, Verdana, Arial, Geneva, sans-serif; background: #E8EBEC url(images/pre-bg.gif) repeat 0 0; padding: 0px 5px; width: 98%; border: 1px dotted #bbb; color: #333; margin: 10px 0px; float: left;}

.posttext img { border: 0px solid #ccc; float: left; margin-right: 15px;}
.posttext img.alignleft { float: left; margin: 5px 20px 5px 0px; }
.posttext img.alignright { float: right; margin: 5px 0px 5px 20px; }
.posttext div.hr { clear: both; display: block; width: 99%; height: 12px; text-align: right; font-size: 10px; border-bottom: 1px solid #e5e5e5; margin: 20px 0px; }
.posttext div.hr a { margin-right: 10px; }
.posttext a{ color:#999;}
.posttext a:hover{ color:#000;}

.postend { /*float: right;*/  margin: 0; width:100%; padding:0; /*position: absolute; top:140px; left:255px;*/ }
.postend a { color:#999; text-decoration: none; font-style:italic;}
.postend a:hover{ color:#000; text-decoration: underline; font-style:italic;}

.readmorediv { background:url(images/readmore.gif) bottom left no-repeat; float:left; /*padding: 3px 0px 0px 20px;*/ width:100px; height: 14px; margin-top: 4px; font-size: 11px; line-height: 1.2;}
.readmorediv a { text-transform:uppercase; color: #000; margin: 0; padding-top: 2px; }
.readmorediv a:hover { text-transform:uppercase;}
.share { float: right; /*width: 200px;*/ padding-top:0px; }
.share li { display: inline; float: right; height: 20px; padding:0 2px; }
.share img { padding-top:4px; }
/*-----------------------------------/投稿ニュース記事-----------------------------------*/
/*---------------------↑section.news-contents---------------------*/

/*---------------------↓section.soundcloud-contents---------------------*/
/*---------------------↓section.soundcloud-contents 背景グラデーション---------------------*/
section.soundcloud-contents {
	width: 100%;
	height: 100%;
	font-family: 'Lato', sans-serif;
	line-height: 1em;
	color: #FFF; /*サウンドクラウドの文字色*/	
	background: linear-gradient(270deg, #ff4c00, #ff7b36);
	background-size: 400% 400%;	
	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;
	}
	@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
	}
	@-moz-keyframes AnimationName {
			0%{background-position:0% 50%}
			50%{background-position:100% 50%}
			100%{background-position:0% 50%}
	}
	@keyframes AnimationName { 
			0%{background-position:0% 50%}
			50%{background-position:100% 50%}
			100%{background-position:0% 50%}
	}
/*---------------------↑section.soundcloud-contents 背景グラデーション---------------------*/

section.soundcloud-contents h2{
	font-size: 40px;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 30px;
	}
section.soundcloud-contents .sc-box {
	margin-top: 15px;
  border: solid 1px #FFF;
}
section.soundcloud-contents .sc-box p{
	margin-top: 15px;
  margin-bottom: 15px;
}
section.soundcloud-contents .read {
	margin-top: 30px;
	}	
section.soundcloud-contents .read a{
	width: 90px;
	padding: 5px;
	margin: 0 auto;
	font-size: 12px;
	color: #FFF;
	border: solid 1px #FFF;
	text-decoration: none;
  }
/*---------------------↑section.soundcloud-contents---------------------*/

/*---------------------↓section.blog-contents---------------------*/
/*---------------------↓section.blog-contents 背景グラデーション---------------------*/
section.blog-contents {
	width: 100%;
	height: 100%;
	font-family: 'Lato', sans-serif;
	line-height: 1em;
	color: #666; /*投稿ブログ記事の文字色*/
	background-image: url(../images/bg-blog.png);
	background-repeat: repeat;
	background-color:#63D3F9;
	/*background: linear-gradient(270deg, #aa88ff, #3d86ff, #3decff);
background-size: 600% 600%;*/

-webkit-animation: AnimationName 30s linear infinite;
-moz-animation: AnimationName 30s linear infinite;
animation: AnimationName 30s linear infinite;
	}
	@-webkit-keyframes AnimationName {
			0%{background-position:0% 0%}
			/*50%{background-position:100% 50%}*/
			100%{background-position:100% 0%}
	}
	@-moz-keyframes AnimationName {
			0%{background-position:0% 0%}
			/*50%{background-position:100% 50%}*/
			100%{background-position:100% 0%}
	}
	@keyframes AnimationName { 
			0%{background-position:0% 0%}
			/*50%{background-position:100% 50%}*/
			100%{background-position:100% 0%}
	}
/*---------------------↑section.blog-contents 背景グラデーション---------------------*/
section.blog-contents .img-liquid {
	height: 250px; /*イメージ画像のトリミング(高さ)*/
	}
section.blog-contents h2{
	font-size: 40px;
	color: #FFF;/*投稿ブログ記事のタイトル文字色*/
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 30px;
	}
section.blog-contents .blog-col{
	/*background-color: #F00;*/
	}	
section.blog-contents .col-box{
	background-color: #FFF;
	height: 500px;
	}
section.blog-contents .col-img-box{
	padding-left: 0;
	padding-right: 0;
	}
section.blog-contents .read {
	margin-top: 30px;
	}	
section.blog-contents .read a{
	width: 90px;
	padding: 5px;
	margin: 0 auto;
	font-size: 12px;
	color: #FFF;
	border: solid 1px #FFF;
	text-decoration: none;
  }
	
/*-----------------------------------投稿ブログ記事-----------------------------------*/

.postright { float: right; padding: 0; width:100%; font-size:11px; line-height:1.6; }

.postright .posttext{ /*padding-left:15px;*/}
.postright .posttitle .postmeta { /*float: left;*/ width: 100%; padding-top: 3px; padding-left: 0; font-size: 10px; text-transform:uppercase; }

.posttitle { /*float:right;*/ margin-bottom:8px; padding: 0; /*border-left: 5px solid #000;*/ }

.posttitle h3 { color:#000;  /*padding-left: 10px;*/ font-size: 18px; line-height: 22px; font-weight: bold; }
.posttitle h3 a{ color: #000; }
.posttitle h3 a:hover{ color: #999; }

.posttitle .postmeta { /*float: left;*/ width: auto; padding-top: 3px; padding-left: 10px; font-size: 10px; text-transform:uppercase;}
.posttitle .postmeta span { /*float: left;*/ /*display: inline-block;*/ }
.postmeta span.date { padding: 1px 0px 1px 0px; margin-right: 8px; }
.postmeta span.tags { background: #fff center left no-repeat; padding: 1px 0px; margin-right: 8px; }
.postmeta span.tags a{ color:#999; display: inline-block;}
.postmeta span.tags a:hover{ color:#000;}


/* Text Elements */
.posttext p { padding:0; margin-bottom: 10px;}
.posttext h1 { font-size: 26px; line-height: 60px; font-weight: normal; letter-spacing:-0,8px; margin: 10px 0px 10px 0px; color: #222; }
.posttext h2 { font-size: 22px; line-height: 50px; font-weight: normal; letter-spacing:-0.5px; margin: 10px 0px 10px 0px; color: #222;}
.posttext h3 { font-size: 18px; line-height: 42px; font-weight: normal; letter-spacing:-0.25px; margin: 10px 0px 10px 0px; color: #666;}
.posttext h4 { font-size: 16px; line-height: 36px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}
.posttext h5 { font-size: 14px; line-height: 32px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}
.posttext h6 { font-size: 12px; line-height: 28px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}

.posttext blockquote {font-size:16px; line-height:1.7em; color:#777; margin:20px; letter-spacing:0px; }
.posttext blockquote:before { content: '\201C'; font-weight: bold; margin-right: 4px; font-size:22px; font-family: "Times New Roman", Georgia, Times, serif;	 }
.posttext blockquote:after { content: '\201D'; font-weight: bold; margin-left: 4px; font-size:22px; font-family: "Times New Roman", Georgia, Times, serif;	 }
.posttext blockquote p { display:inline; }
.posttext blockquote.pullquote_right {float: right;width: 40%; }
.posttext blockquote.pullquote_left { float: left; width: 40%; }

.posttext ul, .posttext ol { margin:20px; }
.posttext ul li ul, .posttext ol li ol { margin: 5px 20px; }
.posttext ul li{ list-style: disc; }
.posttext ol li{ list-style: decimal; }
.posttext code, .posttext pre { font: normal 13px/18px Helvetica Neue, Verdana, Arial, Geneva, sans-serif; background: #E8EBEC url(images/pre-bg.gif) repeat 0 0; padding: 0px 5px; width: 98%; border: 1px dotted #bbb; color: #333; margin: 10px 0px; float: left;}

.posttext img { border: 0px solid #ccc; float: left; margin-right: 15px;}
.posttext img.alignleft { float: left; margin: 5px 20px 5px 0px; }
.posttext img.alignright { float: right; margin: 5px 0px 5px 20px; }
.posttext div.hr { clear: both; display: block; width: 99%; height: 12px; text-align: right; font-size: 10px; border-bottom: 1px solid #e5e5e5; margin: 20px 0px; }
.posttext div.hr a { margin-right: 10px; }
.posttext a{ color:#999;}
.posttext a:hover{ color:#000;}

.postend { /*float: right;*/  margin: 0; width:100%; padding:0; /*position: absolute; top:140px; left:255px;*/ }
.postend a { color:#999; text-decoration: none; font-style:italic;}
.postend a:hover{ color:#000; text-decoration: underline; font-style:italic;}

.readmorediv { background:url(images/readmore.gif) bottom left no-repeat; float:left; /*padding: 3px 0px 0px 20px;*/ width:100px; height: 14px; margin-top: 4px; font-size: 11px; line-height: 1.2;}
.readmorediv a { text-transform:uppercase; color: #000; margin: 0; padding-top: 2px; }
.readmorediv a:hover { text-transform:uppercase;}
.share { float: right; /*width: 200px;*/ padding-top:0px; }
.share li { display: inline; float: right; height: 20px; padding:0 2px; }
.share img { padding-top:4px; }
/*-----------------------------------/投稿ブログ記事-----------------------------------*/
/*---------------------↑section.blog-contents---------------------*/

/*---------------------section.mixtape-contents---------------------*/
section.mixtape-contents {
	width: 100%;
	height: 100%;
	font-family: 'Lato', sans-serif;
	line-height: 1em;
	color: #FFF; /*投稿ニュース記事の文字色*/
	background-color:#FC8BBA;
	}
	
section.mixtape-contents h2{
	font-size: 40px;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 30px;
	}
section.mixtape-contents .mt-box {
	margin-top: 15px;
  border: solid 1px #FFF;
}
section.mixtape-contents .mt-box p{
	margin-top: 15px;
  margin-bottom: 15px;
}
section.mixtape-contents .read {
	margin-top: 30px;
	}	
section.mixtape-contents .read a{
	width: 90px;
	padding: 5px;
	margin: 0 auto;
	font-size: 12px;
	color: #FFF;
	border: solid 1px #FFF;
	text-decoration: none;
  }
/*---------------------↑section.mixtape-contents---------------------*/