@charset "utf-8";
/*
Theme Name: 蓮沼執太 
Theme URI: http://wordpress.org/
Description: 蓮沼執太 テンプレート
Version: 1
Author: KOSUDA Hidemori

*/



/* melodies */
.melodies{
  position: relative;
  margin-bottom: 12px;
  background-color: #aeaeae;
  line-height:0;
}
  .melodies img{
    width: 994px;
    padding: 1px;
    height: auto;
    vertical-align:text-bottom;
  }
  .melodies .title-box{
    position: absolute;
    font-size: 22px;
    left: 24px;
    letter-spacing: 0.2ex;
    margin-top: -60px;
    top:50%;
  }
  .melodies .title-box h1,
  .melodies .title-box h2,
  .melodies .release-date{
      font-size: 22px;
      line-height: 2;
  }
  .melodies a:link,
  .melodies a:visited,
  .melodies a:hover{
      color: #222222 !important;
  }
  .melodies .title-bg{
      background:url(/melodies/common/images/bg-white-1.png);
      background-position: left bottom;
      background-repeat: repeat-x;
      background-size: 4px 5px;
  }
/* melodies */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img { 
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym {
  border:0;
}
 
.nondisplay{
  display: none;
}

a{ text-decoration: none; }
a:link { text-decoration: none; color:#808080; }
a:visited { color:#808080; }
a:hover { text-decoration:underline; color: #0099CC;}
a:active { color:#808080;}
a img{border: none;}

strong{
  font-weight: bold;
}

em{
  font-style: italic;
}

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  line-height: 2em;
  color: #303030;
  background: #FFF;
  font-family: 'Open Sans', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#container {
  overflow: hidden;
  width: 996px;
  margin: auto;
  padding: 48px 24px;
}

/* header */
header{
  overflow: hidden;
  margin-bottom: 48px;
}

#site_title a{
  font-size: 2.4em;
  display: block;
  line-height: 1.4em;
  margin-bottom: 24px;
}

#site_title a:link { text-decoration: none; color:#303030; }
#site_title a:visited { color:#303030; }
#site_title a:hover {text-decoration: none; color: #303030;}
#site_title a:active { color:#303030;}

#global_nav{
  font-size: 1.8em;
  line-height: 1.1em;
}

#global_nav .active a{ color:#303030;}
#global_nav a:hover {text-decoration: none; color: #303030;}

#global_nav li{
  float: left;
  padding: 0;
  margin-right: 24px;
  letter-spacing: 0.1em;
}

#global_nav li.twitter{
  float: right;
  padding: 0;
  margin-right: 0;
}

#global_nav li.twitter a{
  display: block;
  height: 24px;
  width: 24px;
  background: url("./images/twitter.png") no-repeat 0 0; 
}


#global_nav li.twitter a:hover{
  text-decoration: none; 
  background: url("./images/twitter_on.png") no-repeat 0 0; 
}

/* contents */
#contents{
  clear: both;
  margin: 0 0 18px 0;
  overflow: hidden;
}


/* main  */
#main{
  width: 828px;
  float: left;
}

/* sidebar */
#sidebar{
  width: 144px;
  float: right;
  margin: 0 0 0 0;
}

#sidebar a:link { text-decoration: none; color:#666; }
#sidebar a:visited { color:#666; }
#sidebar a:hover { text-decoration: none; color: #0099CC;}

#sidebar .archives{
  font-size: 1.3em;
  letter-spacing: 0.1em;
}

#sidebar .selfnav .archives{
  margin-bottom:  0px;
  color: #666;
  cursor: pointer;
}

#sidebar .selfnav .month{
  display: none;
  margin-left: 12px;
}
#sidebar .selfnav .month:last-child{
  margin-bottom: 12px;
}





/* footer */

footer{
  clear: both;
  font-size: 12px;
}


/* common */

#main section{
  padding: 22px 24px;
  overflow: hidden;
  background: #F4F4F4;
  border: 1px solid #AEAEAE;
  margin-bottom: 24px;
}

#main .archives #release section:hover,
#main .archives #performance section:hover,
#main .archives #activity section:hover{
  border: 1px solid #0099CC;
  cursor: pointer;
}

#main h1.title,
#main h2.title,
#main h2.subtitle{
  font-size: 1.8em;
  line-height: 1.4em;
  margin-bottom: 20px;
}

#main h1.title a,
#main h2.title a,
#main h2.subtitle a{  color: #303030;}

#main h1.title a:hover,
#main h2.title a:hover,
#main h2.subtitle a:hover{
text-decoration: none;  color: #0099CC;
}

#main h2.subtitle{
  margin-top: -15px;
  color: #808080;
}

#main h3.subtitle{
  color: #808080;
  font-size: 1.8em;
  line-height: 1.4em;
  margin-top: -15px;
  margin-bottom: 20px;
}

.date .label,
.format .label,
.remarks .label,
.place .label,
.type .label{
  color: #717071;
  margin-bottom: 3px;
}


/* archives */

.archives .date,
.archives .format,
.archives .remarks,
.archives .place,
.archives .type{
  width: 144px;
  margin-right: 24px;
  float: left;
  font-size: 1.3em;
}

.archives .type{
  width: 228px;
}

.archives .default{
   float: right;
   line-height: 0.1em;
}

/* single */

.single h1.title{
  font-size: 1.8em;
  line-height: 1.4em;
  margin-bottom: 22px;
}

.single h2.title{
  color: #808080;
}

.single .default{
   float: right;
   line-height: 0.1em;
   margin: 0 0 12px 12px;
}

.single .top{
  margin: 0 0 24px 0;
   line-height: 0.1em;
}

.single .date,
.single .format,
.single .remarks,
.single .place,
.single .type{
  margin-bottom: 24px;
  font-size: 1.3em;
}

.single .entry{
  font-size: 1.3em;
  line-height: 1.8em;
  margin-bottom: 24px;
}

.single .entry a{ color: #277EB1}
.single .entry a:link{ color: #277EB1}

.single .entry p{
  margin-bottom: 24px;
}


/* */

#performance .default{
  margin-left: 24px;
}

#performance .artist{
  clear: both;
  overflow: hidden;
  margin-bottom: 48px;
}
#performance .artist p.name{
  font-size: 1.3em;
  margin-bottom: 24px;
}

#performance .artist .article{
  font-size: 1.3em;
  margin-bottom: 24px;
}

#activity #review,
#performance #review{
  width: 804px;
  overflow: hidden;
}

#activity #review .photo,
#performance #review .photo{
  line-height: 0.1em;
  width: 402px;
  margin: 0 0 24px 0;
}

#release .article{
  /* width: 396px; */
}

.media{
  margin-bottom: 24px;
}

#video .date,
#self .date{
  float: none;
  margin-bottom: 24px;
}

#video .entry,
#self .entry{
  font-size: 1.3em;
  line-height: 1.8em;
  margin-bottom: 0;
}

#cv .media{
  float: right;
  margin: 0 0 24px 24px;
}

#cv .entry p{
 font-size: 1.3em;
 line-height: 1.8em;
  margin-bottom: 24px;
}

.page_nav{
  width: 100%;
  font-size: 1.3em;
}

.newer{
 float: left;
}

.older{
 float: right;
}


/* home */

#home #main{
  width: 1008px;
}

#home section{
  padding: 0;
  overflow: hidden;
  background: #F4F4F4;
  border: 1px solid #AEAEAE;
  margin-bottom: 12px;
}

#home section:hover{
  border: 1px solid #0099CC;
}

#home .thumbnail{
  line-height: 0.1em;
  margin-bottom: 12px;
}

#home .large{
  width: 490px;
  margin-right: 12px;
}
#home .small{
  width: 154px;
  margin-right: 12px;
}

#home .link .article{
  border-bottom: 6px solid #0099CC;
}

#home .article h2{
  margin-bottom: 6px;
}

#home .article{
  font-size: 1.3em;
  padding: 0 12px 12px 12px;
}
#home #list{
  display: none;
}