@charset "utf-8";
/* ------------------------------------------------------------ index */

main {padding: 80px 0 170px; }
#fv h2 { font-size: 106px; font-family: "GeoMetric"; text-align: center; padding: 110px 0 135px; }

/* ------------------------------------------------------------ about */

.discography { width: 1400px; margin: 0 auto; }

.discography ul { margin: 0 0 0 -40px; text-align: center; }

.discography ul li { float: left; width: 440px; margin: 0 0 100px 40px; }

/* .discography ul li { display: inline-block; *display: inline; *zoom: 1;width: 440px; margin: 0 0 100px; } */
.discography ul li .image {  }
.discography ul li .image img {  }
.discography ul li small { font-size: 16px; font-family: "GeoMetric"; padding: 30px 0 10px; display: block; }
.discography ul li small .new { display: inline-block; *display: inline; *zoom: 1; padding: 0 5px; background: #ad2024; color: #fff; margin: 0 10px 0 0; font-size: 12px; letter-spacing: 2px;}
.discography ul li small span {  }
.discography ul li p { font-size: 21px; font-family: "Noto Sans Japanese Bold"; }

#article { padding: 0 0 40px;  }
#article .top-box { width: 1250px; margin: 0 auto; }
#article .top-box .left { width: 600px; float: left; }
#article .top-box .left img.art_img { width: 100%; height: auto; }
#article .top-box .left .share { background: #313131; }
#article .top-box .left .share p { line-height: 85px; text-align: center; color: #fff; font-size: 16px; font-family: "GeoMetric"; }
#article .top-box .left .share p a { padding: 0 5px; display: inline-block; }
#article .top-box .right-box { float: left; width: 600px; margin: 0 0 0 50px; }
#article .top-box .right-box h3 { font-family: "Noto Sans Japanese Bold"; font-size: 47px; line-height: 130%; }
#article .top-box .right-box p.date { font-size: 16px; font-family: "GeoMetric"; color: #a0a0a0; padding: 20px 0 15px; }
#article .top-box .right-box p.comment { font-size: 16px; line-height: 180%; }
#article .top-box .right-box ol.tracklist { font-size: 16px; line-height: 180%; margin-left: 1.5em; }
#article .top-box .right-box ol.tracklist dl dt { padding: 10px 0 0; }
#article .top-box .right-box ol.tracklist dl dd { font-size: 14px; }


#article .top-box .right-box .download { padding: 0 0 20px; }
#article .top-box .right-box h4 { font-size: 16px; font-family: "Noto Sans Japanese medium"; padding: 0 0 5px 0; }

#article .top-box .delivery { padding: 50px 0 0; }
#article .top-box .delivery h4 { font-size: 24px; padding: 0 0 20px; }
#article .top-box .delivery dl { border-bottom: 1px solid #a0a0a0; padding: 20px 0 0; }
#article .top-box .delivery dl.top { border-top: 1px solid #a0a0a0; }
#article .top-box .delivery dl dt { float: left; width: 20%; font-size: 18px; padding: 65px 0 0; }
#article .top-box .delivery dl dd { float: left; width: 80%; padding: 20px 0; }
#article .top-box .delivery dl dd ul { margin: 0 0 0 -20px; }
#article .top-box .delivery dl dd li { float: left; margin: 0 0 20px 20px; }



.mplayer { margin: 30px auto 0 0 !important; }
.mplayer iframe { width: 100%; }
#article .youtube { background: #202020; text-align: center; margin: 100px 80px; position: relative; padding-bottom: 40%; /* 16:9 */	padding-top: 25px; height: 0; }
#article .youtube iframe { 	position: absolute;	top: 0;	left: 0; width: 80%; height: 100%; margin: 0 auto; right: 0; }


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

/* ------------------------------------------------------------ index */

main {padding: 60px 0 100px; }
#fv h2 { font-size: 40px; padding: 50px 0 50px; }

/* ------------------------------------------------------------ about */

.discography { width: 94%; margin: 0 auto 50px auto; }
.discography ul { margin: 0 0 0 -1%; }
.discography ul li { float: left; width: 49%; margin: 0 0 10% 1%; }
.discography ul li .image {  }
.discography ul li .image img { width: 100%; height: auto; }
.discography ul li small { font-size: 14px; font-family: "GeoMetric"; padding: 10px 0 5px; display: block; }
.discography ul li small .new { margin: 0 5px 0 0; font-size: 11px; }
.discography ul li small span {  }
.discography ul li p { font-size: 16px; }


#article {  }
#article .top-box { width: 94%; margin: 0 auto; }
#article .top-box .left { width: 100%; float: none; }
#article .top-box .left img.art_img { width: 100%; height: auto; }
#article .top-box .left .share { background: #313131; }
#article .top-box .left .share p { line-height: 65px; text-align: center; color: #fff; font-size: 16px; font-family: "GeoMetric"; }
#article .top-box .left .share p a { padding: 0 5px; display: inline-block; }
#article .top-box .right-box { float: none; width: 100%; margin: 0 auto; }
#article .top-box .right-box h3 { font-size: 35px; padding: 20px 0 0 ;}
#article .top-box .right-box p.date { font-size: 14px; font-family: "GeoMetric"; color: #a0a0a0; padding: 10px 0 5px; }
#article .top-box .right-box p.comment { font-size: 14px; line-height: 180%; }

#article .top-box .right-box ol.tracklist { font-size: 14px; line-height: 180%; margin-left: 1.5em; padding-bottom: 20px; }
#article .top-box .right-box ol.tracklist dl dt { padding: 10px 0 0; }
#article .top-box .right-box ol.tracklist dl dd { font-size: 12px; }


#article .top-box .right-box .download { padding: 0 0 20px; width: 100%; margin: 0 auto; }
#article .top-box .right-box .download a { padding: 1%; display: block; float: left; width: 48% }
#article .top-box .right-box .download a img { width: 100%; height: auto;}
#article .top-box .right-box .streaming { width: 100%; margin: 0 auto; padding: 0 0 30px;}
#article .top-box .right-box .streaming a { float: left; display: block; width: 31%; padding: 1%; }
#article .top-box .right-box .streaming a img { width: 100%; height: auto; }
#article .top-box .right-box h4 { font-size: 16px; font-family: "Noto Sans Japanese medium"; padding: 0 0 5px 0; }

#article .top-box .delivery { padding: 20px 0 0; }
#article .top-box .delivery h4 { font-size: 20px; padding: 0; }
#article .top-box .delivery dl { padding: 0; }
#article .top-box .delivery dl dt { float: none; width: 100%; font-size: 16px; padding: 20px 0 0; }
#article .top-box .delivery dl dd { float: none; width: 100%; padding: 20px 0; }
#article .top-box .delivery dl dd ul { margin: 0 0 0 -20px; text-align: center; }
#article .top-box .delivery dl dd li { float: none; margin: 0 0 20px 20px; display: inline-block; *display: inline; *zoom: 1;}


.mplayer { margin: 30px auto 0 0 !important; }
#article .youtube { background: #202020; text-align: center; margin: 20px 3% 40px; position: relative; padding-bottom: 40%; /* 16:9 */	padding-top: 25px; height: 0; }
#article .youtube iframe { 	position: absolute;	top: 0;	left: 0; width: 80%; height: 100%; margin: 0 auto; right: 0; }

#npAction { padding: 21px 0!important; width: 94%!important; }
}