@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*MINAMI WHEEL [Artist]*/
/*----------------------------------------------*/
/*Created: 2015.08.28*/
/*Last Update:	2015.08.28*/
/*----------------------------------------------*/





/*INDEX*/

/*[Artist]*/
/*--[Search]--*/
/*--[Artist List]--*/
/*--[Artist Detail]--*/









/*
[Artist]
*/
/*--[Search]--*/
/*(Frame)*/
.search-frame {
width:auto;
height:auto;
margin:0;
padding:1.2em 0;
}

/*[Date , Index and Category]*/
.search-frame .ad-date,
.search-frame .ad-index,
.search-frame .ad-nameindex,
.search-frame .ad-category {
width:auto;
height:auto;
margin:0 0 2em;
padding:0;
} 
.search-frame .ad-date .heading,
.search-frame .ad-index .heading,
.search-frame .ad-nameindex .heading,
.search-frame .ad-category .heading {
font-size:1em;
font-weight:bold;
margin-bottom:.3em;
}
.search-frame .ad-date .sf-box,
.search-frame .ad-index .sf-box,
.search-frame .ad-nameindex .sf-box,
.search-frame .ad-category .sf-box  {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.search-frame .ad-date .sf-box li,
.search-frame .ad-index .sf-box li,
.search-frame .ad-nameindex .sf-box li,
.search-frame .ad-category .sf-box li {
height:auto;
margin:0;
float:left;
}
/*[Date]*/
.search-frame .ad-date .sf-box li {width:32%; padding:0 2% 0 0;}
/*[Index]*/
.search-frame .ad-index .sf-box li {width:9%; padding:0 1.1% 0 0; margin-bottom:.5em;}
.search-frame .ad-nameindex .sf-box li {width:9%; padding:0 1.1% 0 0; margin-bottom:.5em;}
/*[Category]*/
.search-frame .ad-category .sf-box li {width:15.8%; padding:0 1% 0 0; margin-bottom:.5em; letter-spacing:0;}

.search-frame .ad-date .sf-box li:last-child,
.search-frame .ad-index .sf-box li:last-child,
.search-frame .ad-index .sf-box li:nth-child(10n),
.search-frame .ad-nameindex .sf-box li:last-child,
.search-frame .ad-nameindex .sf-box li:nth-child(10n),
.search-frame .ad-category .sf-box li:last-child,
.search-frame .ad-category .sf-box li:nth-child(6n) {
padding:0;
}
.search-frame .ad-date .sf-box li a,
.search-frame .ad-index .sf-box li a,
.search-frame .ad-nameindex .sf-box li a,
.search-frame .ad-category .sf-box li a {
width:auto;
height:auto;
margin:0;
text-align:center;
}
/*[Date]*/
.search-frame .ad-date .sf-box li a {padding:.5em; font-size:1.6em;}
/*[Index]*/
.search-frame .ad-index .sf-box li a {padding:.5em; font-size:1em;}
.search-frame .ad-nameindex .sf-box li a {padding:.5em; font-size:1em;}
/*[Category]*/
.search-frame .ad-category .sf-box li a {padding:.5em; font-size:.85em;}


@media screen and (max-width:800px) {
/*[Index]*/
.search-frame .ad-index .sf-box li a {padding:.5em .2em; font-size:.9em;}
.search-frame .ad-nameindex .sf-box li a {padding:.5em .2em; font-size:.9em;}
/*[Category]*/
.search-frame .ad-category .sf-box li a {padding:.5em .2em; font-size:.7em;}

}


@media screen and (max-width:768px) {
/*Date*/
.search-frame .ad-date .sf-box li a {padding:.5em; font-size:1.4em;}
/*[Index]*/
.search-frame .ad-index .sf-box li {width:19%; padding:0 1.25% 0 0; margin-bottom:.5em;}
.search-frame .ad-index .sf-box li:nth-child(5n) { padding:0;}
.search-frame .ad-index .sf-box li:nth-child(10n) {padding:0;}
.search-frame .ad-nameindex .sf-box li {width:19%; padding:0 1.25% 0 0; margin-bottom:.5em;}
.search-frame .ad-nameindex .sf-box li:nth-child(5n) { padding:0;}
.search-frame .ad-nameindex .sf-box li:nth-child(10n) {padding:0;}
/*[Category]*/
.search-frame .ad-category .sf-box li {width:15.8%; padding:0 1% 0 0; margin-bottom:.5em;}


}


@media screen and (max-width:640px) {
/*(Frame)*/
.search-frame {
padding:1em 0;
}
/*[Date , Index and Category]*/
.search-frame .ad-date,
.search-frame .ad-index,
.search-frame .ad-nameindex,
.search-frame .ad-category {
margin:0 0 1.6em;
} 

/*[Category]*/
.search-frame .ad-category .sf-box li {width:19%; padding:0 1.25% 0 0;}
.search-frame .ad-category .sf-box li:nth-child(5n) { padding:0;}
.search-frame .ad-category .sf-box li:nth-child(6n) { padding:0 1.25% 0 0;}

/*[Data]*/
.search-frame .ad-date .sf-box li a {padding:.4em; font-size:1.3em;}


}


@media screen and (max-width:480px) {
/*(Frame)*/
.search-frame {
padding:.8em 0;
}
/*[Date , Index and Category]*/
.search-frame .ad-date,
.search-frame .ad-index,
.search-frame .ad-nameindex,
.search-frame .ad-category {
margin:0 0 1.2em;
} 
.search-frame .ad-date .heading,
.search-frame .ad-index .heading,
.search-frame .ad-nameindex .heading,
.search-frame .ad-category .heading {
font-size:.9em;
}

/*[Category]*/
.search-frame .ad-category .sf-box li {width:24%; padding:0 1.25% 0 0;}
.search-frame .ad-category .sf-box li:nth-child(4n) { padding:0;}
.search-frame .ad-category .sf-box li:nth-child(5n) { padding:0 1.25% 0 0;}

/*[Date]*/
.search-frame .ad-date .sf-box li a {padding:.4em;font-size:1.1em;}
/*[Category]*/
.search-frame .ad-category .sf-box li a {padding:.5em .1em; font-size:.6em;}

.search-frame .fa {
display:none;
}

}


@media screen and (max-width:360px) {
/*(Frame)*/
.search-frame {
padding:.5em 0;
}
/*[Date , Index and Category]*/
.search-frame .ad-date,
.search-frame .ad-index,
.search-frame .ad-nameindex,
.search-frame .ad-category {
margin:0 0 1em;
} 

/*[Date]*/
.search-frame .ad-date .sf-box li a {
font-size:1em;
}

}


@media screen and (max-width:320px) {
/*[Date]*/
.search-frame .ad-date .sf-box li a {padding:.7em .2em;font-size:.8em;}

}





/*--[Artist List]--*/
/*(Frame)*/
.artist-list {
border-top:2px dotted #CCC;
padding:2em 0 0;
}

/*[Time Table Date]*/
.artist-list .s-word {
font-size:1.4em;
font-weight:bold;
margin-bottom:.3em;
}

/*(Artist List)*/
.artist-list .al-list {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.artist-list .al-list li {
width:84px;
margin:0 1%;
padding:0;
float: left;
word-wrap: break-word;
font-size: .8rem;
}
.artist-list .al-list li .al-box {
width:auto;
height:120px; /*auto->固定*/
margin:0 auto;
padding:0 0 1.6em;
text-align:center;
}
.artist-list .al-list li .al-box .al-photo {
width:84px;
height:84px;
margin:0 auto;
margin-bottom:.3em;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.artist-list .al-list li .al-box .al-photo img {
max-width:none;
width:100%;
}
/* font-size: clamp(6px, 1vw, 11px);*/
.artist-list .al-list li .al-box .al-name {
font-size:.8em;
word-break: break-all;
}
.artist-list .al-list li a {
color:#333;
text-decoration:underline;
}
.artist-list .al-list li a:hover  {
text-decoration:none;
}


@media screen and (min-width:900px) and (max-width: 959px) {
.artist-list .al-list li .al-box .al-photo {width:74px; height:74px;}

}


@media screen and (min-width:800px) and (max-width: 899px) {
.artist-list .al-list li {width:10.5%; height:10.5%; margin:0 1%;}
.artist-list .al-list li .al-box .al-photo {width:84px; height:84px;}

}


@media screen and (min-width:768px) and (max-width: 799px) {
.artist-list .al-list li {width:12.2857%;height:12.2857%;margin:0 1%;}
.artist-list .al-list li .al-box .al-photo {width:78px;height:78px;}
.artist-list .al-list li .al-box .al-name {font-size:.7em;}

}


@media screen and (min-width:700px) and (max-width: 767px) {
.artist-list .al-list li {width:12.2857%;height:12.2857%;margin:0 1%;}
.artist-list .al-list li .al-box .al-photo {width:72px;height:72px;}

}


@media screen and (min-width:640px) and (max-width:699px) {
.artist-list .al-list li {width:14.6666%;height:14.6666%;margin:0 1%;}
.artist-list .al-list li .al-box .al-photo {width:87px;height:87px;}


}


@media screen and (min-width:568px) and (max-width:639px) {
.artist-list .al-list li {width:14.6666%;height:14.6666%;margin:0 1%;}
.artist-list .al-list li .al-box .al-photo {width:80px;height:80px;}


}


@media screen and (min-width:481px) and (max-width:567px) {
.artist-list .al-list li {width:18%;height:18%;margin:0 1%;}
.artist-list .al-list li .al-box .al-photo {width:80px;height:80px;}


}


@media screen and (min-width:320px) and (max-width:480px) {
.artist-list .al-list li {width:auto;height:auto;margin:0;float:none;}
.artist-list .al-list li .al-box {width:100%;margin:0;padding:0;text-align:left;border-bottom:1px solid #CCC;display:table;}
.artist-list .al-list li .al-box:after {
font-family: 'FontAwesome';
content:"\f105";
font-weight:normal;
font-style:normal;
line-height: 40px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position:absolute;
right:20px;
padding-top: 3em;
font-size: 14px;
}
.artist-list .al-list li:first-child .al-box {border-top:1px solid #CCC;}
.artist-list .al-list li .al-box .al-photo {width:150px;height:48px;margin:0;display:table-cell;vertical-align:middle;}
.artist-list .al-list li .al-box .al-name {display:table-cell;vertical-align:middle; padding:0 1em;}
.artist-list .al-list li .al-box .al-name {
font-size:1.3rem;
}


}


@media screen and (max-width:640px) {
/*(Frame)*/
.artist-list {
padding:1.6em 0 0;
}


}


@media screen and (max-width:480px) {
/*(Frame)*/
.artist-list {
padding:0;
border-top:none;
}


}


@media screen and (max-width:360px) {
/*(Frame)*/
.artist-list {
padding:0;
}


}









/*--[Artist Detail]--*/
/*(Frame)*/
.ad-box {
width:auto;
height:auto;
margin:0 0 1.2em;
padding:1.2em 1em;
border-top:1px solid #CCC;
}

/*[Name]*/
.ad-box .ad-name {
font-size:1.4em;
line-height:1.5em;
margin:0 0 1.2em;
padding:0;
}
/*[Katakana]*/
.ad-box .ad-name small {
font-size:.7em;
font-weight:normal;
/*margin-left:.5em;*/
}
/*[Photo]*/
.ad-box .ad-image .ad-photo {
width:auto;
height:auto;
margin:0 auto 2.5em;
padding:0;
text-align:center;
}
/*[Detail]*/
.ad-box .ad-detail {
width:auto;
height:auto;
margin:0;
padding:1em .5em;
border-top:1px solid #CCC;
}
/*[Detail / Heading]*/
.ad-box .ad-detail .ad-heading {
font-size:1.1em;
font-weight:bold;
margin:0 0 .3em;
padding:0;
}
/*[Detail / Text]*/
.ad-box .ad-detail .ad-txt {
font-size:.9em;
line-height:1.7em;
margin:0 0 1.2em;
padding:0;
text-align:left;
}


@media screen and (max-width:640px) {
/*[Name]*/
.ad-box .ad-name {
font-size:1.3em;
line-height:1.45em;
margin:0 0 1em;
}

}


@media screen and (max-width:568px) {
/*[Katakana]*/
.ad-box .ad-name small {
margin-left:0;
display:block;
}

}


@media screen and (max-width:480px) {
/*[Name]*/
.ad-box .ad-name {
font-size:1.2em;
line-height:1.4em;
margin:0 0 1em;
}
/*[Detail]*/
.ad-box .ad-detail {
padding:1em 0;
}
/*[Detail / Heading]*/
.ad-box .ad-detail .ad-heading {
font-size:1em;
}
/*[Detail / Text]*/
.ad-box .ad-detail .ad-txt {
line-height:1.6em;
}

}


@media screen and (max-width:360px) {
/*[Name]*/
.ad-box .ad-name {
font-size:1.1em;
margin:0 0 .7em;
}

}


@media screen and (max-width:320px) {
/*[Name]*/
.ad-box .ad-name {
font-size:1em;
}
/*[Detail / Text]*/
.ad-box .ad-detail .ad-txt {
line-height:1.5em;
}

}


.mysch-box {
	float:right;
}
.mysch-box div {
	font-size: .8em;
	padding: .2em 1em;
}
.mysch-box div.fav-btn {
	background: #F90;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}
.mysch-box div.del-btn {
	background: #666;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.mysch-box div a {
	color:#FFF;
	text-decoration: none;
}



.dl-pdf a {
padding: 1.2em;
color: #FFF;
background: #ed1e79;
}

p.text {
  font-size: 14px;
  color: #F00;
  margin-top: 20px;
}

.text-red {
	color: #F00;
}