@charset "UTF-8";
/* 

CSS Document 

Theme Name: s14_LMC
Theme URI: http://wordpress.org/

*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {background: #FFF; color: #000; height: 100%;}

body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {
 border: 0; 
 vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {
 text-indent: 0;
 margin: 0px 0px 0px 0px;
 }
 
li {list-style: none;}

 a { color: #FFFFFF; text-decoration: none; }
 a:link { color: #FFFFFF; }
 a:hover { color: #FFFFFF; text-decoration: underline; }
 a:active { color: #FFFFFF; }
 a:visited { color: #FFFFFF; }

 #wrapper {
 width: 960px;
 height: auto;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 0px;
}

header {
width: 960px;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#top {
width: 100%;
margin-top: 20px;
margin-bottom: 35px;
display: flex;
}


h1 {
margin-right: auto;
}

ul {
display: flex;
justify-content: space-between;
}

ul::after{
  content:"";
  display: block;
  width:30%;
}

#sub_nav ul li {
margin-left: 10px;
vertical-align: middle;
}

#sub_nav li img:hover {
	opacity: 0.5 ;
}

#main_nav {
 height: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
}

#main_nav li {
padding-left: 10px;
padding-right: 10px;
border-left:1px solid #999;
}

#main_nav li:first-child {
padding-left: 0px;
border-left: 0px;
}

#main_nav li img:hover {
 opacity: 0.5;
}

.genre li :hover {
 opacity: 0.5;
}

#subjectbox {
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 height: 100%;
 min-height: 580px;
}

#subjectbox a {
text-decoration: none;
color:rgba(111,111,111,1.00);
}

.subject_title {
 border-bottom: solid;
 border-width: 2px;
 border-color: rgba(180,180,180,1.00);
 margin-bottom: 0px;
}

.subject_title img {
 margin-bottom: 5px;
	
}

.subject_artist {
 height: auto;
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 border-bottom: solid;
 border-width: 2px;
 border-color: rgba(104,104,104,1.00);
}

.subject_artist img {
 margin-bottom: 5px;
	
}

.genrebox {
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 border-bottom: solid;
 border-width: 2px;
 border-color: rgba(180,180,180,1.00);
 margin-top: 20px;
}

.postbox {
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 border-bottom: solid;
 border-width: 2px;
 border-color: rgba(180,180,180,1.00);
 margin-top: 5px;
}


.artistbox {
 margin-top: 35px;
	
}

/*.artistbox li {
 width: 290px;
}*/

#top_image {
margin-top: 30px;
margin-bottom: 0px;
}

#top_image ul li img {
margin: 0% 0% 0% 0%;
}

.articlebox {
 flex-wrap: wrap;
 margin-top: 35px;
}

.thumn_title {
margin-bottom: 0px;
text-align: center;
}

.thumn_img {
text-align: center;
}

.articlebox li {
 width: 300px;
 margin-bottom: 40px;
}

.articlebox::after{
  content:"";
  display: block;
  width: 31%;
}

.artist {
 margin-right: 20px;
 margin-bottom: 15px;
}

.artist p {
 color: #5B5A5A;
 font-size: 17px;
 font-style: normal;
 text-align: center;
}



.artistpic {
 width: 220px;
 height: 150px;
 text-align: center;
}

.artistpic img {
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
}

.artist_name {
color:rgba(63,63,63,1.00);
font-size: 35px;
width:70%;
}


.genre_big {
color:rgba(63,63,63,1.00);
font-size: 25px;
}

.post_title {
color:rgba(63,63,63,1.00);
font-size: 18px;
}

.inpage_nav {
 text-align: right;
 color:rgba(111,111,111,1.00);
}

.inpage_nav:hover {
 opacity: 0.5 ;
}

.inpage_nav:first-letter {
color: rgba(70,70,70,1.00);
}
.genre {
 margin-top: 10px;
 height: 100%;
}

.genre ul {
 flex-wrap: wrap;
 justify-content: flex-start;

}

.genre a {
 color: darkgray;
 font-size: 18px;
 font-style: normal;
 margin-right: 15px;
 text-decoration: none;
}

.single_box{
width: 960px;
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
}

.single_box p {
padding-bottom: 10px;
width: auto;
height:auto;
max-width:100%;
max-height:100%;
}

 footer {
 width: 960px;
 height: auto;
 margin-top: 0px;
 bottom: 0px;
 display: flex;
 justify-content: center;
 margin-left: auto;
 margin-right: auto;
}

footer p {
font-size: 11pt;
color: #888888;
padding-left: 30px;
/*border-left:1px solid #999; */
}

footer p:first-child {
padding-left: 0px;
padding-right: 30px;
border-left: 0px;
}

.gotop{
margin: 0% 2% 0% 0%;
padding: 0px 0px 0px 0px;
text-align: left;
}

#gotop_box{
width: 100%;
margin: 0 auto;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
text-align: right;
}

#pageTop{
position: fixed;
bottom: 50px;
right: 20px;
}

#pageTop a:hover{
  text-decoration: none;
  opacity: 0.7;
}

#pageTop a{
  display: block;
  z-index: 999;
  padding: 0% 0% 0% 0%;
}

.sns_icon_title_img1 {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
}

.sns_icon_title_img2 {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

#wp-exec-php-footer {
display:none
}