@charset "UTF-8";

/*
Theme Name: kanakonakayama.com
Theme URL: http://kanakonakayama.com
Description: 中山加奈子official site
Author: kanako nakayama
Version: 1.0.1
Tags: 中山加奈子,PRINCESS PRINCESS

*/

body{background-color: #fff;
font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
		font-size: 15px;
}

/*　トップへの下のやつ　*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #aa0000;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

 .jumbotron {
	 background:url(images/jumbotron.jpg) center no-repeat;
	 background-size: cover;
	 height: 550px;
	 margin:0px;
	 padding:30px;
}
.txt10{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 10px;
	line-height: 1.5;
	color:#666;
}
.txt11{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color:#666;
}
.txt12{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color:#666;
}
.txt14{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color:#666;
}
.txt12w{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 14px;
	line-height: 1.6;
    font-weight: 600;
	color:#fff;
}
.txt16{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color:#666;
}
.txt18{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 18px;
	line-height: 1.8;
	color:#666;
}
.txt20{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 20px;
	line-height: 1.8;
	color:#666;
}
.txt22{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 22px;
	line-height: 1.6;
	color:#666;
}
.txt24{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 24px;
	line-height: 1.6;
	color:#666;
}
.txt26{
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 26px;
	line-height: 1.6;
	color:#666;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
       height: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
       height: auto;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
       height: auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}


.txt_black{
	color:#000;
}
.txt_white{
	color:#fff;
}
.txt-grey{
	color:#aaa;
}
.txt_red{
	color:#f00;
}

.bg-grey{
	background-color: gainsboro;
}


.mainlogo{width:450px;}

.top_main{background-color: #000;
color: white;
text-align: center;
}
#top_main_live{background-color: #000;
color: white;
text-align: center;
}
#top_main_discography{background-color: #fff;
color: #444;
text-align: center;
}
#top_main_news{background-color: #ddd;
color: #444;
text-align: center;
}
#top_main_diary{background-color: #fff;
color: #444;
text-align: center;
}

.top_main p{color: white;
font-size: 14px;
text-align: left;
text-align: justify;
/* width: 600px;　*/
}

.jumbotron container ul {
  list-style: none;
}

.jumbotron container ul li {
	border: 2px skyblue dashed;
}


/*　リンク標準　*/
a {
    color : #31aae2;
}
a:visited{
    color : #800080;
}
a:hover{
    color : #31aae2;
}
a{
    transition: color 0.6s;
}
a:hover{
    color : #ff7043;
}
.btn-flat-border {
    display: inline-block;
    padding: 0.1em 1em 0.3em 1em ;
    text-decoration: none;
    color: #999;
    border: solid 1px #999;
    transition: .6s;
    width:180px;
}
.btn-flat-border:hover {
    background: #bb0000;
    color: white;
}
.btn-flat-border:visited {
    background: #bb0000;
    color: #999;
}
.btn-flat-border-mini {
    display: inline-block;
    padding: 0.1em 1em 0.3em 0.5em ; 
    text-decoration: none;
    color: #fff;
    background: #bb0000;
    width:60px;
}
.btn-flat-border-mini:hover {
    background: #bb0000;
    color: white;
}
.btn-flat-border-mini:visited {
    background: #bb0000;
    color: white;
}

.discography-menu li a{
        color: #777;
}
.discography-menu li a:visited  {
        color: #777;
}
.discography-menu li a:hover {
        color: #777;
}

.top-live a{
    color:#fff;
}
.top-live a:visited{
    color:#fff;
}
.top-live a:hover{
    color:#fff;
}





/* PCだけ */
.btn-flat-border-nav {
    display: inline-block;
    padding: 0.1em 0.75em 0.2em 0.70em ;
    margin-bottom: 0.2em;
    text-decoration: none;
    color: #fff;
    background: #000;
    font-family: 'Shadows Into Light', cursive;
    font-size: 1.62em;
    letter-spacing: 0.03em;
}
.btn-flat-border-nav:hover {
    background: #bb0000;
    color: white;
}
.btn-flat-border-nav:visited {
    background: #000;
    color: white;
}



.pc { display: block !important; }
.sp { display: none !important; }

.table{
	width: 98%;
	background-color: white;
	font-size:14px;
	color:#000;
}
.table-title{
	width: 115px;
}


.single h2{
	font-size: 26px;
	font-family: Arial, Helvetica, "sans-serif";
	color: black;
	margin-bottom:25px;
	margin-top:30px;
}
.single h3{
	font-size: 20px;
	font-family: Arial, Helvetica, "sans-serif";
	color: black;
}
.single h4{
	font-size: 20px;
	font-family: Arial, Helvetica, "sans-serif";
	color: white;
	font-weight: 600;
}
.single p{
	font-size: 14px;
	font-family: Arial, Helvetica, "sans-serif";
	color: white;
}

.single_contents{
	background: rgba(0,0,0,0.85);
}

.works_photo{
	border: solid black 2px;
}

	.toplogo{}

nav li+ li {
  border-left: 1px solid #444;
}

nav{
font-size:13px;
}

hr {
   width: 50px;
   border-width: 3px 0px 0px 0px;
   border-style: solid;
   border-color: white;
   height: 3px;
}

section.single{
	background:#ddd url(images/background.jpg) no-repeat center center;
background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom;
}

footer{
background-color: #333333;
font-size: 12px;
}

.navbar {
  background-color: #000000;
	margin :0px ;
	padding:0px ;
}
.navbar .navbar-brand {margin:0px;padding:0px;

}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #dd0000;
}
.navbar .navbar-text {
  color: #ecf0f1;
}
.navbar .navbar-text a {
  color: #dd0000;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #dd0000; 
}
.navbar .navbar-nav .nav-link {
  color: #ecf0f1;
  border-radius: .25rem;
  margin: 0.15em;
	font-family: 'Shadows Into Light', cursive;
	font-size: 1.62em;
	letter-spacing: 0.03em;
	font-weight: 600;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #dd0000;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #dd0000;
  background-color: #000000;
}
.navbar .navbar-toggle {
  border-color: #000000;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #000000;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ecf0f1;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ecf0f1; 
}
.navbar .navbar-link {
  color: #ecf0f1;
}
.navbar .navbar-link:hover {
  color: #dd0000;
}

.top-live {
text-align:left;
    margin-top:3px;
/*background: #666;*/
}

.top_news_date {
    font-weight: 700; 
	border-bottom: dotted 1px #666;
}


@media (max-width: 575px) {
/* 575px以上用（タブレット／スマートフォン用）の記述 */
.top_news_date {
    padding-top:15px;
   line-height: 5px;
    font-weight: 700; 
	border-bottom: dotted 0px #ff0000;
}

.alignleft, img.alignleft{
float:none;
display:block;
margin: auto;
   height: auto;
}
.alignright, img.alignright{
float:none;
display:block;
margin: auto;
   height: auto;
}
.container{width:100%;}
.toplogo{width:280px;}

.jumbotron {
 background:url(images/jumbotron_mini.jpg) center no-repeat;
 background-size: cover;
 height: 550px;
 margin:0px;
}
.top-live {
display: flex;
align-items: center;
width: 100%;
margin:0.5em;
background: #bb0000;
    }
	
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #dd0000;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #dd0000;
    background-color: #000000;
  }

}

@media (max-width: 767px) {
/* 768px以上用（タブレット用）の記述 */
.top_news_date {
    padding-top:15px;
   line-height: 5px;
    font-weight: 700; 
	border-bottom: dotted 0px #ff0000;
}
    
.alignleft, img.alignleft{
float:none;
display:block;
margin: auto;
}
.alignright, img.alignright{
float:none;
display:block;
margin: auto;
height: auto;
}
.top-live {
display: flex;
align-items: center;
width: 100%;
margin:0.5em;
background: #bb0000;
}
.navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
color: #ecf0f1;
}
.navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
color: #dd0000;
}
.navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
color: #dd0000;
background-color: #000000;
}

}




@media (max-width: 991px) {
/* 991px以上用（PC用）の記述 */
.top_news_date {
    padding-top:15px;
   line-height: 5px;
    font-weight: 700; 
	border-bottom: dotted 0px #ff0000;
}
.top-live {
}
.mainlogo{width:420px;}
.navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
color: #ecf0f1;
}
.navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
color: #dd0000;
}
.navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
color: #dd0000;
background-color: #000000;
}
}






@media (max-width: 1199px) {
/* 1199px以上用（PC用）の記述 */

.top_news_date {
    font-weight: 700; 
}
.top-live {
    
}
.navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
color: #ecf0f1;
}
.navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #dd0000;
}
.navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #dd0000;
    background-color: #000000;
}
}






.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ecf0f1;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #dd0000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #dd0000;
  background-color: #000000;
}



a.hoge {
        color: #fff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all  0.3s ease;
        }
a.hoge:hover {
        color: #dd0000;
        }


#social-icon  {
font-size: 1.5em;
}
#social-icon a {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  color: #000;
}
#social-icon i {
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  background: #fff;
  line-height: 40px;
  text-align: center;
}
#social-icon i:before { padding 0px; line-height: 40px; }
#social-icon a:hover i { background: #ccc; }


@media screen and (max-width:767px) {
/* 最後に変なメディアクエリ */

 .jumbotron {
	 background:url(images/jumbotron_mini.jpg) center no-repeat;
	 background-size: cover;
	 height: 550px;
	 margin:0px;
}
	
.toplogo{}

.top-live {
text-align: center;
margin:0.5em;
background: #bb0000;
}
	
.pc { display: none !important; }
.sp { display: block !important; }
}

.title-left {
	text-align: left;
}

.top_news {
	border-bottom: dotted 1px #666;
}

.top-releaseinfo {
	padding: 15px 0 15px 0;
/*    margin: 2em 0;　*/
    border: solid 12px #000000;	
}

.border4 {
	border: solid 1px #bbb;
}

.border4g {
	border-bottom: solid 1px #ddd;
    height: 210px;
      display: flex;
  justify-content: center;
  align-items: center;
    

}
.thumbnail img {

}

.border4-diary {
	border: solid 1px #ddd;
    height:365px;
}

.pc-menu {
		font-family: 'Shadows Into Light', cursive;
	font-size: 1.72em;
}

.more {
    font-family: 'Shadows Into Light', cursive;
	font-size: 1.62em;
	letter-spacing: 0.05em;
	font-size: 22px;
}

.top_diary_trim {
	overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 225px;/* トリミングしたい枠の高さ */
	object-fit: contain;
	background-color: #fff;
	border-bottom: solid 1px #ddd;
}

.w-discography {width:400px;margin-bottom: 15px;
	
}

.ml-2　nowrap {
	white-space: nowrap;
}

.jumbotron_signle {
	background:url(images/subtitle-back.png) center no-repeat;
	 background-size: cover;
	 height: 125px;
	 margin:20px 0 45px 0;
	 padding:20px;
}

.mx-auto-center {
	  margin: 0 auto;
	max-height:70px;
}

.discography-font {
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 19px;
		margin-bottom:10px;
}



.discography-menu li {
	display: inline-block;
	margin:0 8px 0 8px;
}

.line {
	background: linear-gradient(transparent 75%, #aa0000 50%);
}

.news-title {
	background-color: #bb0000;
	padding:3px 8px 3px 8px;
	color:#fff;
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 16px;
	line-height: 1.8;
}

.news-date {
		padding:3px 8px 3px 8px;
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 28px;
	line-height: 1.4;
	font-weight:bold;
	color:#666;
}

.news-news {
	margin:10px 3px 10px 3px;
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color:#666;
	
}
.profile-year {
	margin:10px 3px 10px 3px;
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 600;
	color:#666;
}


.stars {font-family: 'Architects Daughter', cursive;
	font-size:30px;
	
}

a {text-decoration: none}

/*Pagenation*/
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
    text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 通常の文字色 */
	background: #999; /* 通常の背景色 */
     border-radius: 3px;
}
.pagination a:hover{
	color: #fff; /* マウスホバー時の文字色 */
	background: #666; /* マウスホバー時の背景色 */
    border-radius: 3px;
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	color: #fff; /* 現在のページの文字色 */
    background: #bb0000; /* 現在のページの背景色 */
    border-radius: 3px;
}


@media only screen and (max-width: 413px) {
/* ページネーションだけのメディアクエリ */
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;
}
.pagination .current{
	padding: 8px 10px 8px 10px;
}
}



	
/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
  height: auto;
}

img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
  height: auto;
}

.img {
   height: auto;
}

.p img {
    height: auto;
}

.page{
      display: flex;
  justify-content: center;
  align-items: center;
}

/*.top_news_date {
	border-bottom: dotted 1px #666;
}
*/

.top_news {
	border-bottom: dotted 1px #666;
}