/*
Theme Name: friends-temp
Description: it is a wordpress template for friends
Author: ohanaxx
Author URI: https://twitter.com/ohanaxx
*/


@import url(../../../../api/-family-entypo.css);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

html, body {
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
    color: #464646;
  }

img.logo{
display:block;
margin:20px auto;
}

/* MENU */
#menu-box{
font-family: 'Quicksand', sans-serif;
font-weight:700;
}

#menu{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
  
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #fff;
  color: #464646;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #fff400;
  color:white;
}

#toggle{ 
 display: none;
}
@media only screen and (max-width: 768px) {
    #menu li{
    width: 25%;
  }
}
@media only screen and (max-width: 480px) {
  .banner{width:100%;}
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #ccc;
    color: #222;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #222;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #fff;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}


/* ヘッダーのslider */
.header_img {
  width: 100%;
  height: 80%;
  min-height: 500px;
  position: relative; }
  .header_img .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    z-index: 999; }
  .header_img .tagline {
    font-family: "Helvetica Neue", "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -3px;
    width: 40%;
    padding: 8% 0 0 0;
    float: left;
    color: white; }
    .hero .tagline p {
      font-size: 4rem;
      line-height: 4rem;
      margin-top: 10px; }
      @media (max-width: 1450px) {
        .hero .tagline p {
          font-size: 2.8rem;
          line-height: 2.8rem;
          letter-spacing: -2px; } }
      @media (max-width: 600px) {
        .hero .tagline p {
          font-size: 2rem; } }
    .hero .tagline h1 {
      font-weight: bold;
      font-size: 7rem;
      letter-spacing: -0.25rem;
      line-height: 7rem; }
      @media (max-width: 1450px) {
        .hero .tagline h1 {
          font-size: 5rem;
          line-height: 5rem; } }
    @media (max-width: 1450px) {
      .hero .tagline {
        padding: 9% 0 0 0; } }
    @media (max-width: 800px) {
      .hero .tagline {
        float: none;
        width: 100%;
        margin-bottom: 70px; } }


/* 1カラムの時*/
.c_1col{
  margin:50px 20px;
}
.c_2col{
  width:50%;
  float: left;
}

.pickup{border:3px solid red;}


ul.news_kiji,ul.news_kiji3{margin:0; padding:0;}
	ul.news_kiji li,ul.news_kiji3 li{min-height:50px;border-bottom:1px solid #f1f1f1;padding:22px 0;}
	ul.news_kiji li:first-child{min-height:50px;padding:22px 0;}
	ul.news_kiji li:last-child{min-height:50px;border-bottom:0;}
	ul.news_kiji3 li:last-child{min-height:50px;border-bottom:1px solid #f1f1f1;}
	span.new{font-weight: bold; color: #00bd37;}
	.date{display:block;font-size:0.6rem;color:#464646;}
	.title{display:block;font-size:1rem; color:#00bd37;font-weight:bold;margin:5px 0;}
	.text{display:block;font-size:0.8rem;color:#464646;}
	
ul.news_kiji li a{
	display:block;  
    padding:0 5px;
    line-height:20px;  
    text-decoration: none;
}

ul.news_kiji li a:hover { background:#eeeeee; }  

	.date2{font-size:0.8rem;color:#464646;display: block}
	.title2{font-size:1rem; color:#ff419b;font-weight:bold; display: block;}
	.text2{font-size:1rem;margin-top:20px;line-height:160%;}
	.news_cate{padding:1px 20px;color: #00bd37;border-radius: 3px;margin-left:10px;border:1px solid #00bd37;}
	a:link,a:visited{color: #00bd37;}
	a:hover{background-color: #fff400; color: white;}


	ul.news_kiji2 li{
	list-style-type: circle;
	list-style-position: inside;
	}
	

	
@media (max-width:768px) {
	ul.news_kiji2 li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	}
}


/*　記事のCSS */
.text2 p{
margin: 10px 0;
}

.text2 ul li{
list-style-type:circle;
list-style-position: inside;
}



/* index_discography */
.slides{
  background:#ddd;
  padding:10px 0;
}

.content {
  max-width: 1000px;
  margin: 0 auto;
}
.content h2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 10px;
}



/* page_discography */

.disco_kiji a{
	
	display:block;  
    padding:20px 5px;
    line-height:20px;  
    text-decoration: none;
}

.disco_kiji .disco_box a:hover { background:#eeeeee; }  

.disco_kiji{
}



@media (min-width:768px){

	.disco_kiji .disco_box{
	background:#fff;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	max-width:33%;
	width:100%;
	height:400px;
	float:left;
	margin-bottom:30px;
	}
	.disco_box img{
	width:90%;
	vertical-align:middle;
	border:1px solid #ddd;
	}
}
@media (max-width:768px) {
	.disco_kiji .disco_box{
	background:#fff;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:100%;
	float:left;
	margin-bottom:30px;
	
	}
	.disco_box img{
	vertical-align:middle;
	border:1px solid #ddd;
	}
}

.cdtype{
font-size:0.6rem;
background:#00bd37;padding:1px 20px;color:white;border-radius: 3px;margin-left:10px;
}

/* single_discography */
.comment{
color: #00bd37;
margin-bottom:10px;
}

.cddata{
text-align:center;
font-size:0.8em;
}
.tracklist{margin-top:10px;}

.tokuten{
margin-top: 10px;
padding:10px 10px;
background:#eee;
border:1px solid #ddd;
font-size:0.8em;
text-align:left;
}
.buy{
text-align:left;
}


@media (min-width:768px){
	.disco_left{
	width:40%;
	float:left;
	}
	
	.disco_left img{
	width:90%;
	border:1px solid #ddd;
	}
	
	.disco_right{
	width:60%;
	float:left;
	}
	.cddata{
	text-align:left;
	font-size:0.8em;
	}
}
@media (max-width:768px) {
	.disco_left{
	width:70%;
	margin:0 auto;
	}
	
	.disco_left img{
	width:100%;
	border:1px solid #ddd;
	}
	
	.disco_right{
	margin-top:10px;
	}
	.c_2col{
	  width:100%;
	}


}



/* index_biography */
@media (min-width:769px) {
	.bio_left{width:40%;margin-right:10%;float:left;}
	.bio_right{width:50%;float:left}
	}

@media (max-width:768px) {
	.bio_left{width:70%;margin: 0 auto 30px;}
	.bio_right{width:100%;}
	}


.breadcrumbs{
font-size:0.8em;
padding: 20px 0;
margin-bottom:20px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;

}

/**event**/
table.live_kiji{
width:100%;
}

table.live_kiji td,
table.live_kiji th{
border:1px solid #000;
font-size:0.8em;
}

table.live_kiji th{
width:60px;
background:#eee;
vertical-align: middle;
}

table.live_kiji td{
padding:0 10px;
}


/**contact**/
input[type=text],
input[type=email],
textarea
{
font-size:1em;
width:100%;
padding:10px 0;
margin-bottom:10px;
border:1px solid #ccc;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus
{
background-color: #e7ffeb;
font-size:1em;
width:100%;
padding:10px 0;
margin-bottom:10px;
border:1px solid #00bd37;
background:
}



/**social**/
#set-2 a {
	color: #fff;
	text-decoration: none;
	}

footer {
	padding:30px 0;
	width: 100%;
	background-color: #464646;
}
  
.copyright{
color:white;
text-align:center;
}

iframe {
	width: 100% !important;
    display: block;
    margin: 0px auto;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:10px 0;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* page navi */
.wp-pagenavi {border-radius: 50px;padding:5px;}
.wp-pagenavi .pages {padding:5px;margin-right:3px;border-radius: 50px;}
.wp-pagenavi .current {border-radius: 50px;background:#00bd37;padding:5px;color:white;}
.wp-pagenavi .first {border-radius: 50px;}
.wp-pagenavi .last {border-radius: 50px;}
.wp-pagenavi .page {border:1px solid #00bd37; padding:5px;margin-right:3px;border-radius: 50px;}
.wp-pagenavi .page:hover {border-color: #00bd37; background-color: #00bd37;}
.wp-pagenavi .larger {}
.wp-pagenavi .smaller {}
.wp-pagenavi .extend {border:none;}
.wp-pagenavi .nextpostslink {border-radius: 50px;}
.wp-pagenavi .previouspostslink {border-radius: 50px;}



#prevnext {
    font-size:14px;
    line-height:1.8;
    margin-top:30px;
    padding: 20px 10px;
    list-style: none;
    border-top: 1px solid #eee;
    
}
#prevnext .prev {
    float:left;
}
#prevnext .next {
    float:right;
}

#fb-root { display: none; }   .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } - See more at: http://shared-blog.kddi-web.com/activity/267