@charset "UTF-8"; *,body { margin: 0}
a,a:link { text-decoration: underline}
html { margin: auto}
footer,hr,main>h1 { clear: both}
a { cursor: pointer}
a,a:visited,body {color: #000;}
html {background: #fff;font-size: 15px;}
@media (min-width: 769px){html {/* font-size:18px */}}
body,button,input,select,textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga","kern"}
body { height: 100%; min-height: 100vh; overflow-x: hidden; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;}
* {padding: 0;border: none;font-size: 1em;letter-spacing: .12em;}
a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
p a,p a:link { text-decoration: none; color: #904100; border-bottom: 1px solid;}
.font, .font *, time, time *, .title, .title *{font-family: 'Arimo','Noto Sans JP',sans-serif;letter-spacing: -0.015em;}
.fontjp,.fontjp *{font-family:'Noto Sans JP',sans-serif;}
a:hover{ opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
.none { display: none}

#header {width: 100vw;height: 38px;background: #000;/* background: #904100 url(/images/bg.jpg) top center; */}
#header>h1 {margin: auto;padding: 0;display: block;position: relative;z-index: 0;text-align: center;}
#header>h1 a {display: inline-block;padding: 4px 8px;margin: 4px auto 0;}
#header>h1 svg { fill: #fff; width: 180px; height: 20px; }
#header>.font>a { display: block; padding: 4px}

@media (max-width: 769px){
#header>.font>a>svg { fill: #fff; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease}
#header.menu>.font>a>svg { -moz-transform: scale(1.35) translateY(40px); -webkit-transform: scale(1.35) translateY(40px); -o-transform: scale(1.35) translateY(40px); -ms-transform: scale(1.35) translateY(40px); transform: scale(1.35) translateY(40px)}
#header>.goshop {display: block;position: fixed;bottom: 8px;right: 112px;z-index: 999;width: 40px;height: 40px;padding: 0;margin: 0;text-align: center;color: #fff;background: #000;/* background: #904100 url(/images/bg.jpg) top center; */box-shadow: 0 0 1px #fff;}
#header>.goshop svg {fill: #fff;width: 20px;height: 20px;margin: 9px auto 0;}
#header>.gomenu {text-align: left;font-size: 13px;display: block;position: fixed;bottom: 8px;right: 8px;z-index: 9999;width: 96px;text-indent: 10px;height: 40px;line-height: 40px;padding: 0;margin: 0;text-decoration: none;color: #fff;background: #000;/* background: #904100 url(/images/bg.jpg) top center; */box-shadow: 0 0 1px #fff;}
#header>.gomenu:before {display: block;content: "";position: absolute;top: 13px;right: 8px;width: 32px;height: 1px;background: #fff;box-shadow: 0 6px 0 #fff;}
#header>.gomenu:after {display: block;content: "";position: absolute;top: 25px;right: 8px;width: 32px;height: 1px;background: #fff;}
#header>.gomenu, #header>.gomenu:before, #header>.gomenu:after { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#header.menu>.gomenu:after,#header.menu>.gomenu:before {content: '';display: block;background: #fff;right: 4px;}
#header.menu>.gomenu:before {box-shadow: none;-moz-transform: rotate(45deg);top: 20px;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#header.menu>.gomenu:after {display: block;content: "";position: absolute;top: 21px;width: 32px;height: 1px;background: #fff;transition: .3s;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#header.menu>.gomenu {margin: 0;z-index: 10000;text-indent: -99999em;width: 40px;}
#header.menu>.button:before { box-shadow: none; -moz-transform: rotate(45deg); top: 21px; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#header.menu>.button:after { display: block; content: ""; position: absolute; top: 21px; right: 8px; width: 32px; height: 1px; background: #fff; transition: .3s; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#header>nav { position: fixed; left: 0; top: 0; height: 100vh; width: 100vw}
#header>nav {transition: 1s ease-out;padding: 0;box-sizing: border-box;z-index: 9998;background: #333;/* background: #904100 url(/images/bg.jpg) top center; */opacity: 0;-moz-transform: translateY(-100vh);-webkit-transform: translateY(-100vh);-o-transform: translateY(-100vh);-ms-transform: translateY(-100vh);transform: translateY(-100vh);}
#header>nav * {}
#header.menu>nav { -webkit-animation: gomenunav 1s ease 0s 1 forwards; animation: gomenunav 1s ease 0s 1 forwards; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
@-webkit-keyframes gomenunav { 0% { opacity: 0; -moz-transform: scale(.8) translateY(0); -webkit-transform: scale(.8) translateY(0); -o-transform: scale(.8) translateY(0); -ms-transform: scale(.8) translateY(0); transform: scale(.8) translateY(0)}
100% { opacity: .95; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
}
@keyframes gomenunav { 0% { opacity: 0; -moz-transform: scale(.8) translateY(0); -webkit-transform: scale(.8) translateY(0); -o-transform: scale(.8) translateY(0); -ms-transform: scale(.8) translateY(0); transform: scale(.8) translateY(0)}
100% { opacity: .95; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
}
#header>nav>ul {text-align: center;padding: 8px 0;}
#header>nav>ul.other li { width: 50%; float: left; }
#header>nav>ul.other li svg { width: 16px; height: 16px; margin: 0px 4px 0 0; }
#header>nav>ul.other {padding: 0;box-sizing: border-box;margin: 40px 16px 0;}
#header>nav>ul>li { text-align: center; display: block; opacity: 0}
#header>nav>ul>li>a {text-decoration: none;display: block;padding: 14px 8px;font-size: 120%;color: #fff;line-height: 100%;letter-spacing: 0;}
#header>nav>ul>li>a small { font-size: 60%; display: block; }
#header>nav>ul>li>a svg { fill: #fff; width: 24px; height: 24px; }
#header>nav>ul.menu>li>a svg { width: 220px; height: 24px; margin: 0 0 24px 0; }
#header>nav>ul.icon {/* display: inline-block; *//* margin: 16px 4px 0; */display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;-webkit-align-content: space-around;-ms-flex-line-pack: distribute;align-content: space-around;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;/* padding: 24px 0 0 0; */margin: 0 auto 0;}
#header>nav>ul.icon li { /* width: 33.3%; */}
#header>nav>ul.icon svg { fill: #fff; height: 24px; width: 24px}
#header>nav>ul.icon a { display: block; padding: 16px 18px;}
#header.menu>nav>ul>li:nth-child(1){ -webkit-animation: gomenu .4s ease 1.1s 1 forwards; animation: gomenu .4s ease 1.1s 1 forwards}
#header.menu>nav>ul>li:nth-child(2){ -webkit-animation: gomenu .4s ease 1.2s 1 forwards; animation: gomenu .4s ease 1.2s 1 forwards}
#header.menu>nav>ul>li:nth-child(3){ -webkit-animation: gomenu .4s ease 1.3s 1 forwards; animation: gomenu .4s ease 1.3s 1 forwards}
#header.menu>nav>ul>li:nth-child(4){ -webkit-animation: gomenu .4s ease 1.4s 1 forwards; animation: gomenu .4s ease 1.4s 1 forwards}
#header.menu>nav>ul>li:nth-child(5){ -webkit-animation: gomenu .4s ease 1.5s 1 forwards; animation: gomenu .4s ease 1.5s 1 forwards}
#header.menu>nav>ul>li:nth-child(6){ -webkit-animation: gomenu .4s ease 1.6s 1 forwards; animation: gomenu .4s ease 1.6s 1 forwards}
#header.menu>nav>ul>li:nth-child(7){ -webkit-animation: gomenu .4s ease 1.7s 1 forwards; animation: gomenu .4s ease 1.7s 1 forwards}
#header.menu>nav>ul>li:nth-child(8){ -webkit-animation: gomenu .4s ease 1.8s 1 forwards; animation: gomenu .4s ease 1.8s 1 forwards}
#header.menu>nav>ul>li:nth-child(9){ -webkit-animation: gomenu .4s ease 1.9s 1 forwards; animation: gomenu .4s ease 1.9s 1 forwards}
@-webkit-keyframes gomenu { 0% { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" -moz-transform: scale(.8) translateY(-30px); -webkit-transform: scale(.8) translateY(-30px); -o-transform: scale(.8) translateY(-30px); -ms-transform: scale(.8) translateY(-30px); transform: scale(.8) translateY(-30px)}
100% { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" -moz-transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0)}
}
@keyframes gomenu { 0% { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" -moz-transform: scale(.8) translateY(-30px); -webkit-transform: scale(.8) translateY(-30px); -o-transform: scale(.8) translateY(-30px); -ms-transform: scale(.8) translateY(-30px); transform: scale(.8) translateY(-30px)}
100% { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" -moz-transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0)}
}

}

@media (min-width: 769px){

#header {
width: 290px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
#header>h1 {}
#header>h1 a {
margin-top: 24px;
}
#header>h1 svg {
width: 266px;
height: 40px;
}
#header>.font>a {}

#header a>svg {}
#header.menu>.font>a>svg {}
#header>.goshop,
#header>.gomenu{display: none;}
#header>nav {}
#header>nav {padding: 0;box-sizing: border-box;}
#header>nav>ul {text-align: center;padding: 8px 0;}
#header>nav>ul.other li:nth-child(1) {
border-right: none;
border-bottom: 1px solid #fff6;
}
#header>nav>ul.other li svg { width: 16px; height: 16px; margin: 0px 4px 0 0; }
#header>nav>ul.other {padding: 0;box-sizing: border-box;margin: 24px 16px 8px;overflow: hidden;}
#header>nav>ul>li {text-align: center;display: block;}

#header>nav>ul.menu>li:nth-child(1) {
display: none;
}
#header>nav>ul>li>a {text-decoration: none;display: block;padding: 14px 8px;font-size: 130%;color: #fff;line-height: 100%;letter-spacing: 0;}
#header>nav>ul>li>a small { font-size: 60%; display: block; }
#header>nav>ul>li>a svg { fill: #fff; width: 24px; height: 24px; }
#header>nav>ul.menu>li>a svg { width: 220px; height: 24px; margin: 0 0 24px 0; }
#header>nav>ul.icon {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;-webkit-align-content: space-around;-ms-flex-line-pack: distribute;align-content: space-around;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;margin: 0 16px;}
#header>nav>ul.icon li { /* width: 33.3%; */}
#header>nav>ul.icon svg { fill: #fff; height: 24px; width: 24px}
#header>nav>ul.icon a {display: block;padding: 16px 6px;}
}




footer {padding: 32px 16px 56px;text-align: center;background: #000;/* background: #904100 url(/images/bg.jpg) top center; */}
footer>small { color: #fff; font-size: 10px; }
footer>section { margin: 0 0 24px 0; }
footer>section.bn iframe { width: 80% !important; height: 100%; max-height: 60vh; }
footer>section.bn p { margin: 0 auto 24px; }
footer>.nav ul.other li { width: 50%; float: left; }
footer>.nav ul.other li svg { width: 16px; height: 16px; margin: 0px 4px 0 0; }
footer>.nav ul.other {padding: 0;overflow: hidden;margin: 40px auto 24px;}
ul.other { border: 1px solid #fff6; }
ul.other li:nth-child(1) {border-right: 1px solid #fff6;box-sizing: border-box;}
footer>.nav ul>li {text-align: center;display: block;}
footer>.nav ul>li>a {text-decoration: none;display: block;padding: 8px;font-size: 130%;color: #fff;line-height: 110%;letter-spacing: 0;}
footer>.nav ul>li>a small { font-size: 60%; display: block; }
footer>.nav ul>li>a svg { fill: #fff; width: 24px; height: 24px; }
footer>.nav ul.menu>li>a svg { width: 220px; height: 24px; margin: 0 0 24px 0; }
footer>.nav ul.icon {/* display: inline-block; *//* margin: 16px 4px 0; */display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;-webkit-align-content: space-around;-ms-flex-line-pack: distribute;align-content: space-around;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;/* padding: 24px 0 0 0; */margin: 0 auto 0;}
footer>.nav ul.icon li { /* width: 33.3%; */}
footer>.nav ul.icon svg { fill: #fff; height: 24px; width: 24px}
footer>.nav ul.icon a { display: block; padding: 16px 18px;}

@media (min-width: 769px){
footer{margin: 0 auto;padding: 40px 24px 40px 314px;}
footer>section { margin: 0 0 32px 0; }
footer>section.nav {display:none}
footer>section.bn {
margin: auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
footer>section.bn iframe {height: 100%;max-height: 320px;}
footer>section.bn p {margin: 0 0 40px 0;width: 400px;}
}


main {margin: 24px auto;max-width: 740px;}
@media (min-width: 769px){
main {margin: 0 auto;width: 100%;max-width: 800px;min-height: 80vh;padding: 40px 24px 40px 314px;}
}
.indexslidesq { margin-bottom: 32px !important; }
.swiper-pagination-bullet-active{ background:#904100 !important;}
.indexslidesq li {display:block;width: 70vw;height: 70vw;margin:auto;}
.indexslidesq li a {display:block;}
.indexslidesq li a img{width:100%;height:100%;}

section {/* clear: both; */margin: 24px 16px 80px;padding: 0;}
.box {background: #fff;margin: 0 0 32px;}
h1.title,
.artistprofile h1{position: sticky;top: 0px;background: #fff;padding: 4px 0;font-weight: normal; margin: 0 0 8px 0;}
h1.title a {display: block;color: #000;text-decoration: none;display: block;}
h1.title span {font-size: 160%; margin:0 0 0 16px;}

.second h1.title{margin-bottom: 24px;}

.cate span,.cate a{background: #CCC;color: #fff;padding: 1px 4px;text-decoration: none;line-height: 20px;border-radius: 2px;letter-spacing: normal;font-size: 80%;}
.cate a,.cate a:link{text-decoration:none;color:#fff !important;}
.cate .ARTISTS { background: #39cdb6; font-weight: bold; }
.cate .info { background: #f09450; }
.cate .release { background: #ed6c9e; }
.cate .media { background: #af5d9c; }
.cate .live { background: #3fbcef; }
.cate .live_archive { background: #9DA9F8; }
.cate .notop, .cate .pickupimg, .cate .notopskb, .cate .cat, .cate .news { display: none; }
.box li h1 { font-weight: bold; line-height: 1.6; letter-spacing: 0.1em }
.box .more {margin: 0 0 0 14px;display: inline-block;font-family: monospace;vertical-align: baseline;}
.box {width: 100%;}
.box li {clear: both;overflow: hidden;border-bottom: 1px solid #fff;height: 80px;display: block;}

.box li:nth-child(odd) { background: #f4f4f4; }
.top .box li:nth-child(n + 11){display:none;}
.box li:hover { background: #ffffe0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.box li a {display: block;padding: 0;text-decoration: none;height: 100%;}
.box li a .img {width: 80px;float: right;height: 80px;background: url(noimg.png) center center;overflow: hidden;}
.box li a .img img { width: 100%; height: 100%; object-fit: cover; }
.box li a h1 {font-size: 80%;font-weight: normal !important;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 32px;padding: 8px 16px;margin: 0 70px 0 0;}

.second .box li a h1 {
margin: 0;
}
.box li:hover { background: #ffffe0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.box li a {display: block;text-decoration: none;}
.box li a .cate span.live {/* display: none; */}
.box li a time {font-size: 80%;color: #888;display: inline-block;margin: 0 0 8px 16px;vertical-align: baseline;}
.box li a time span { }
.box li a .cate {display: inline-block;/* font-size: 50%; */margin: 0 0 8px 8px;width: 54%;height: 22px;overflow: hidden;vertical-align: top;}
.box li a h1 {/* font-weight: normal !important; *//* font-size: 92%; */}
.linkmore { clear: both; text-align: right; margin: -15px 0 20px 0; }
.linkmore a { color: #fff; padding: 0 0 0 13px; text-decoration: none;background: #904100 url(/images/bg.jpg) top center;}
.indexlive.box li a time {margin: 8px 0 4px 16px;color: #000;}
.indexlive.box li a h1 {margin: 0px 88px 0 16px;padding: 0;-webkit-line-clamp: 1;height: 22px;}


.box.past {
margin-bottom: 48px;
}
.box.past h1 span:after {
content: '›';
display: inline-block;
font-family: serif;
font-size: 24px;
vertical-align: middle;
margin: -3px -6px 0 26px;
height: 11px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.box.past li {/* height: 56px; */}
.box.past li h1 {margin-right: 16px !important;}
.box.past input,
.box.past ul{display:none;}
.box.past input:checked + ul{display:block;}
.box.past h1 span{
border-bottom: 1px solid;
padding: 0 0 2px 0;
cursor: pointer;
}

.box.past h1 span label {
cursor: pointer;
}




.second .indexlive.box li a h1 {
/* -webkit-line-clamp: 2; */
/* height: auto; */
}
.livetop .indexlive.box li a h1 {
-webkit-line-clamp: 1;
height: 22px;
}
.indexlive.box li a .cate { margin: 0 0 8px 16px; }

.past.indexlive.box li a .cate {
	width: auto;
}

@media (min-width: 769px){
.indexslidesq { }
.indexslidesq li {width: 520px;height: 520px;}
.indexnews{width: 80%;margin: auto;}

.second .indexnews,.second .indexlive {
width: 100%;
float: none;
}
.indexlive{
	width: 48%;
float: right;

}
}

.artistprofileno {margin-bottom: 40px;}
.artistprofile {}
.artistprofile h1 {text-align: center;font-weight: bold;font-size: 120%;}
.artistprofile td { font-size: 77%; line-height: 1.3; padding: 10px 0 0 0; }
.artistprofile .goshop {padding: 16px;margin-top: 0.7em;background: #000;/* background: url(/images/bg.jpg) center center; */display: inline-block;}
.artistprofile .goshop a {padding: 8px;color: #FFF;text-decoration: none;border-bottom: none;display: block;}
.artistprofile .prof_youtube { text-align: center; }
.artistprofile .prof_youtube iframe { }
.artistprofile .prof_youtube1 { }
.artistprofile .prof_youtube2 iframe { }
.artistprofile .prof_youtube3 iframe { }
/* news footer */ .pn {overflow: hidden;}
.pn article { width: 49%; background: #f4f4f4; padding: 0 !important; margin: 0 0 20px 0; }
.pn .pnimg { width: 50px; height: 50px; background: url(noimg.png) center center; }
.pn a { display: block; padding: 7px 10px; text-decoration: none; }
.pn a .cover { font-size: 93%; }
.pn a .cover time { margin: 0; padding: 0 0 5px; }
.pn a .cover h1 { padding: 0; margin: 0; font-weight: normal; }
.pn a .cover .cate { margin: 0; padding: 0; }
.pn .next {
margin: 0 24px 0 0;
}
.pn .next:hover { background-color: #ffffe0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pn .next a { }
.pn .next a .pnimg { float: left; margin: 0 0 7px 15px; }
.pn .next a .cover { margin: 0 0 0 70px; }
.pn .prev {background: #f4f4f4;margin: 0 0 0 24px;}
.pn .prev:hover { background-color: #ffffe0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pn .prev a .pnimg { float: right; margin: 0 15px 7px 0; }
.pn .prev a .cover { margin: 0 70px 0 0; }
.pncate { text-align: center; padding: 20px 0 30px 0; height: 40px; }
.pncate a { padding: 5px 10px 0; line-height: 40px; margin: 0 5px; background-color: #f4f4f4; }
.pncate img { }
.m .archive { padding: 20px; background: #fff0f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.archive .l { float: left; width: 49%; }
.archive .r { float: right; width: 49%; }
.archive h2 { padding: 5px 0; }
.archive .l p { }
.archive .l p a { text-decoration: none; font-size: 92%; padding: 0 6px 0 0; }
.archive .r p.cate { line-height: 2; }
.archive .r h2.archive { }
.archive .r h2.archive img { }
.archive .r p .year { font-family: "Courier New", Courier, mono, "Hiragino Maru Gothic Pro W4", "ヒラギノ丸ゴ Pro W4", Meiryo, "メイリオ", sans-serif; font-size: 108%; }
/* secound */ .artist {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.artist a {box-sizing: border-box;display: block;width: 33.33%;padding: 0 12px;margin: 0 0 24px;float: left;text-align: center;text-decoration: none;line-height: 1.3;font-size: 50%;}
.artist a:hover { background: #ffffe0; }
.artist img {width: 100%;display: block;margin: 0 0 4px 0;}
.artist .arname { display: block; clear: both; }
@media (min-width: 769px){
.artist a{width:25%;}
}
/* 2015 gr add */ nav .menu-spn { display: none; }
/* spn img  */ .img.pc-entry { display: block; }
.img.spn-entry { display: none; }
/* profile  */ .entry .works { padding: 25px 0px; width: 100%; }
.works ul { margin-right: -8px; }
.works li { float: left; width: 98px; height: 200px; line-height: 1.4; margin-left: 8px; font-size: 77%; text-align: center; }
.works li img { margin-bottom: 5px; }


div.pickupimg {
margin: 0 0 16px 0;
}

body div.pickupimg {
display: none;
}
body.pickupimg div.pickupimg {
display: block;
}
div.pickupimg>img {
width: 100%;
display: block;
height: auto;
}

.entry {
margin-top: 16px;
}
.entry>article {
}
.entry>article>header {margin: 0 0 24px;}
.entry>article>header>.entrytitle {font-weight: normal;font-size: 140%;margin: 0 0 6px;line-height: 130%;}
.entry>article>header>time {font-size: 80%;margin: 0 8px 8px 0;display: inline-block;}
.entry>article>header>time>span {
}
.entry>article>header>.cate {display: inline-block;}
.entry>article>header>.cate>.release {
}
.entry>article>header>.cate>.pickupimg {
}
.entry>article>header>.cate>.ARTISTS.yujirokudo {
}
.entrybody {margin: 0 0 40px 0;}
.entrybody p {margin: 1.4em 0;}
.entrybody img {width: 100%;max-width: 80%;display: block;margin: 0 auto;height: auto;}
.entrybody iframe {width: 100%;max-width: 80%;display: block;margin: 8px auto;height: auto;min-height: 190px;}
.entry>article>.entrybody>p>span {
}
.entry>article>.entrybody>p>span>strong {
}
.entry>article>.entrybody>div {
}
.entry>.pn {
}
.entry>.pn>ul {display: block;}
.entry>.pn>ul>li {display: block;}
.entry>.pn>ul>li>a {
}
.entry>.pn>ul>li>a>.pnimg {
}
.entry>.pn>ul>li>a>.pnimg>img {
}
.entry>.pn>ul>li>a>.entrytitle {-webkit-line-clamp: 1;height: 14px;}
.entry>.pn>ul>li>a>time {
}
.entry>.pn>ul>li>a>time>span {
}
.entry>.pn>ul>li>a>.cate {width: 45%;}
.entry>.pn>ul>li>a>.cate>.media {
}
.entry>.pn>ul>li>a>.cate>.ARTISTS.sunnydayservice {
}
.entry>.pn>ul>.prev {
}
.entry>.pn>ul>.prev>a {
}
.entry>.pn>ul>.next>a>.img {float: left;}
.entry>.pn>ul>.prev>a>.pnimg>img {
}
.entry>.pn>ul>.next>a>.entrytitle {margin: 0;}
.entry>.pn>ul>.prev>a>time {
}
.entry>.pn>ul>.prev>a>time>span {
}
.entry>.pn>ul>.prev>a>.cate {
}
.entry>.pn>ul>.prev>a>.cate>.media {
}
.entry>.pn>ul>.prev>a>.cate>.ARTISTS.keiichisokabe {
}
.archive.cf {
}
.archive.cf>.l {
}
.archive.cf>.l>h2 {
}
.archive.cf>.l>h2>img {
}
.archive.cf>.l>p {
}
.archive.cf>.l>p>a {
}
.archive.cf>.r {
}
.archive.cf>.r>h2 {
}
.archive.cf>.r>h2>img {
}
.archive.cf>.r>.cate {
}
.archive.cf>.r>.cate>.info {
}
.archive.cf>.r>.cate>.live {
}
.archive.cf>.r>.cate>.release {
}
.archive.cf>.r>.cate>.media {
}
.archive.cf>.r>.cate>.live_archive {
}
.archive.cf>.r>.archivetitle {
}
.archive.cf>.r>.archivetitle>img {
}
.archive.cf>.r>p {
}
.archive.cf>.r>p>.year {
}
.archive.cf>.r>p>.year>span {
}
.archive.cf>.r>p>.year>a {
}


@media (min-width: 769px){
div.pickupimg {
width: 100%;
padding: 0 0 0 290px;
}

div.pickupimg>img {	max-height: 80vh;
object-fit: cover;
margin: auto;
object-position: 0 25%;}

.entrybody iframe {min-height:460px;}
}

section.archive {
border: 1px solid #000;
padding: 8px 16px;
}

section.archive>div {
margin: 0 0 16px 0;
}

section.archive h1.title {
margin-bottom: 4px;
}

section.archive h1.title span {
margin: 0;
}

section.archive p {
font-size: 75%;
line-height: 180%;
}



@media (min-width: 769px){

section.archive {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

section.archive>div.archive_archive{ width:49% }
}

ul.icon{}
ul.icon li{display: inline-block;text-indent: -9999px;}
ul.icon li a:before{content: '';background: 50% 50% no-repeat;background-size: contain;width: 30px;height: 30px;display: inline-block;float: left;margin: 0 16px 0 0;padding: 1px;}

ul.icon li a {
padding: 1px;
display: inline;
}
ul.icon li.itunes a:before{background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%22170px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20170%20170%22%20version%3D%221.1%22%20height%3D%22170px%22%3E%20%3Cpath%20d%3D%22m150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929%200.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002%200.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-0.9%202.61-1.85%205.11-2.86%207.51zm-31.26-123.01c0%208.1021-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375-0.119-0.972-0.188-1.995-0.188-3.07%200-7.778%203.386-16.102%209.399-22.908%203.002-3.446%206.82-6.3113%2011.45-8.597%204.62-2.2516%208.99-3.4968%2013.1-3.71%200.12%201.0831%200.17%202.1663%200.17%203.2409z%22%2F%3E%3C%2Fsvg%3E')}
ul.icon li.spotify a:before{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M19.098%2010.638c-3.868-2.297-10.248-2.508-13.941-1.387-.593.18-1.22-.155-1.399-.748-.18-.593.154-1.22.748-1.4%204.239-1.287%2011.285-1.038%2015.738%201.605.533.317.708%201.005.392%201.538-.316.533-1.005.709-1.538.392zm-.126%203.403c-.272.44-.847.578-1.287.308-3.225-1.982-8.142-2.557-11.958-1.399-.494.15-1.017-.129-1.167-.623-.149-.495.13-1.016.624-1.167%204.358-1.322%209.776-.682%2013.48%201.595.44.27.578.847.308%201.286zm-1.469%203.267c-.215.354-.676.465-1.028.249-2.818-1.722-6.365-2.111-10.542-1.157-.402.092-.803-.16-.895-.562-.092-.403.159-.804.562-.896%204.571-1.045%208.492-.595%2011.655%201.338.353.215.464.676.248%201.028zm-5.503-17.308c-6.627%200-12%205.373-12%2012%200%206.628%205.373%2012%2012%2012%206.628%200%2012-5.372%2012-12%200-6.627-5.372-12-12-12z%22%2F%3E%3C%2Fsvg%3E')}
ul.icon li.youtube a:before{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuNjE1IDMuMTg0Yy0zLjYwNC0uMjQ2LTExLjYzMS0uMjQ1LTE1LjIzIDAtMy44OTcuMjY2LTQuMzU2IDIuNjItNC4zODUgOC44MTYuMDI5IDYuMTg1LjQ4NCA4LjU0OSA0LjM4NSA4LjgxNiAzLjYuMjQ1IDExLjYyNi4yNDYgMTUuMjMgMCAzLjg5Ny0uMjY2IDQuMzU2LTIuNjIgNC4zODUtOC44MTYtLjAyOS02LjE4NS0uNDg0LTguNTQ5LTQuMzg1LTguODE2em0tMTAuNjE1IDEyLjgxNnYtOGw4IDMuOTkzLTggNC4wMDd6Ii8+PC9zdmc+')}
ul.icon li.facebook a:before{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIuNjc1IDBoLTIxLjM1Yy0uNzMyIDAtMS4zMjUuNTkzLTEuMzI1IDEuMzI1djIxLjM1MWMwIC43MzEuNTkzIDEuMzI0IDEuMzI1IDEuMzI0aDExLjQ5NXYtOS4yOTRoLTMuMTI4di0zLjYyMmgzLjEyOHYtMi42NzFjMC0zLjEgMS44OTMtNC43ODggNC42NTktNC43ODggMS4zMjUgMCAyLjQ2My4wOTkgMi43OTUuMTQzdjMuMjRsLTEuOTE4LjAwMWMtMS41MDQgMC0xLjc5NS43MTUtMS43OTUgMS43NjN2Mi4zMTNoMy41ODdsLS40NjcgMy42MjJoLTMuMTJ2OS4yOTNoNi4xMTZjLjczIDAgMS4zMjMtLjU5MyAxLjMyMy0xLjMyNXYtMjEuMzVjMC0uNzMyLS41OTMtMS4zMjUtMS4zMjUtMS4zMjV6Ii8+PC9zdmc+')}
ul.icon li.twitter a:before{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgNC41NTdjLS44ODMuMzkyLTEuODMyLjY1Ni0yLjgyOC43NzUgMS4wMTctLjYwOSAxLjc5OC0xLjU3NCAyLjE2NS0yLjcyNC0uOTUxLjU2NC0yLjAwNS45NzQtMy4xMjcgMS4xOTUtLjg5Ny0uOTU3LTIuMTc4LTEuNTU1LTMuNTk0LTEuNTU1LTMuMTc5IDAtNS41MTUgMi45NjYtNC43OTcgNi4wNDUtNC4wOTEtLjIwNS03LjcxOS0yLjE2NS0xMC4xNDgtNS4xNDQtMS4yOSAyLjIxMy0uNjY5IDUuMTA4IDEuNTIzIDYuNTc0LS44MDYtLjAyNi0xLjU2Ni0uMjQ3LTIuMjI5LS42MTYtLjA1NCAyLjI4MSAxLjU4MSA0LjQxNSAzLjk0OSA0Ljg5LS42OTMuMTg4LTEuNDUyLjIzMi0yLjIyNC4wODQuNjI2IDEuOTU2IDIuNDQ0IDMuMzc5IDQuNiAzLjQxOS0yLjA3IDEuNjIzLTQuNjc4IDIuMzQ4LTcuMjkgMi4wNCAyLjE3OSAxLjM5NyA0Ljc2OCAyLjIxMiA3LjU0OCAyLjIxMiA5LjE0MiAwIDE0LjMwNy03LjcyMSAxMy45OTUtMTQuNjQ2Ljk2Mi0uNjk1IDEuNzk3LTEuNTYyIDIuNDU3LTIuNTQ5eiIvPjwvc3ZnPg==')}
ul.icon li.instagram a:before{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMi4xNjNjMy4yMDQgMCAzLjU4NC4wMTIgNC44NS4wNyAzLjI1Mi4xNDggNC43NzEgMS42OTEgNC45MTkgNC45MTkuMDU4IDEuMjY1LjA2OSAxLjY0NS4wNjkgNC44NDkgMCAzLjIwNS0uMDEyIDMuNTg0LS4wNjkgNC44NDktLjE0OSAzLjIyNS0xLjY2NCA0Ljc3MS00LjkxOSA0LjkxOS0xLjI2Ni4wNTgtMS42NDQuMDctNC44NS4wNy0zLjIwNCAwLTMuNTg0LS4wMTItNC44NDktLjA3LTMuMjYtLjE0OS00Ljc3MS0xLjY5OS00LjkxOS00LjkyLS4wNTgtMS4yNjUtLjA3LTEuNjQ0LS4wNy00Ljg0OSAwLTMuMjA0LjAxMy0zLjU4My4wNy00Ljg0OS4xNDktMy4yMjcgMS42NjQtNC43NzEgNC45MTktNC45MTkgMS4yNjYtLjA1NyAxLjY0NS0uMDY5IDQuODQ5LS4wNjl6bTAtMi4xNjNjLTMuMjU5IDAtMy42NjcuMDE0LTQuOTQ3LjA3Mi00LjM1OC4yLTYuNzggMi42MTgtNi45OCA2Ljk4LS4wNTkgMS4yODEtLjA3MyAxLjY4OS0uMDczIDQuOTQ4IDAgMy4yNTkuMDE0IDMuNjY4LjA3MiA0Ljk0OC4yIDQuMzU4IDIuNjE4IDYuNzggNi45OCA2Ljk4IDEuMjgxLjA1OCAxLjY4OS4wNzIgNC45NDguMDcyIDMuMjU5IDAgMy42NjgtLjAxNCA0Ljk0OC0uMDcyIDQuMzU0LS4yIDYuNzgyLTIuNjE4IDYuOTc5LTYuOTguMDU5LTEuMjguMDczLTEuNjg5LjA3My00Ljk0OCAwLTMuMjU5LS4wMTQtMy42NjctLjA3Mi00Ljk0Ny0uMTk2LTQuMzU0LTIuNjE3LTYuNzgtNi45NzktNi45OC0xLjI4MS0uMDU5LTEuNjktLjA3My00Ljk0OS0uMDczem0wIDUuODM4Yy0zLjQwMyAwLTYuMTYyIDIuNzU5LTYuMTYyIDYuMTYyczIuNzU5IDYuMTYzIDYuMTYyIDYuMTYzIDYuMTYyLTIuNzU5IDYuMTYyLTYuMTYzYzAtMy40MDMtMi43NTktNi4xNjItNi4xNjItNi4xNjJ6bTAgMTAuMTYyYy0yLjIwOSAwLTQtMS43OS00LTQgMC0yLjIwOSAxLjc5MS00IDQtNHM0IDEuNzkxIDQgNGMwIDIuMjEtMS43OTEgNC00IDR6bTYuNDA2LTExLjg0NWMtLjc5NiAwLTEuNDQxLjY0NS0xLjQ0MSAxLjQ0cy42NDUgMS40NCAxLjQ0MSAxLjQ0Yy43OTUgMCAxLjQzOS0uNjQ1IDEuNDM5LTEuNDRzLS42NDQtMS40NC0xLjQzOS0xLjQ0eiIvPjwvc3ZnPg==')}