@charset "UTF-8";
/*	header
=========================== */
header {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
header a {
  color: #666666 !important; }
header a.luxbar-brand {
  color: #666;
  font-weight: 200;
  font-size: 1.3rem;
  line-height: 1.5rem;
  padding: 0; }
header a.luxbar-brand span {
  display: block;
  font-size: 1.1rem; }
header li.luxbar-item {
  padding: 0 !important; }
header li.luxbar-item a {
  font-size: 1rem;
  padding: 0;
  margin: 0 20px;
  position: relative; }
header li.luxbar-item a i {
  font-size: 1.3rem; }
header li.luxbar-item a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -3px;
  background-color: #999;
  width: 0%;
  height: 2px;
  border-radius: 15px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
header li.luxbar-item a:hover:after {
  content: "";
  left: 0%;
  width: 100%;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }

@media screen and (max-width: 767px) {
  .luxbar-menu-right .luxbar-hamburger {
    position: absolute;
    top: 10px;
    right: 0; }

  a.luxbar-brand {
    position: absolute;
    top: 9px;
    left: 15px; }

  li.luxbar-item a {
    padding: 20px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #ddd !important;
    font-weight: 400 !important; }
  li.luxbar-item a:hover:after {
    content: "";
    width: 0 !important; }

  li.luxbar-item.sns_menu-sp a {
    font-family: 'Roboto Condensed', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, 游ゴシック体, 'ヒラギノ角ゴ Pro W3', メイリオ, sans-serif; }
  li.luxbar-item.sns_menu-sp a.i {
    font-size: 1.5rem; }
  li.luxbar-item.sns_menu-sp span {
    display: block;
    font-size: .9rem; } }
/*	共通
=========================== */
body {
  font-family: "Roboto Condensed", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

section {
  margin-top: 100px; }
section h2 {
  text-align: left;
  font-size: 5rem; }
section h2 span {
  display: inline-block;
  margin-right: -15px; }
section h2 span.subttl {
  display: block;
  font-size: 1.2rem;
  font-weight: 300; }
@media screen and (max-width: 767px) {
  section {
    margin-top: 50px; } }

.container {
  width: 85%;
  margin: 0 auto;
  max-width: 1140px; }
.container h3 {
  text-align: left;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 40px;
  font-size: 1.5rem;
  font-weight: 200; }
.container h3.ttl {
  padding-top: 50px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  padding-left: 15px;
  margin-bottom: 60px; }
@media screen and (max-width: 767px) {
  .container {
    width: 92.5%; }
  .container h3 {
    font-size: 1.2rem; }
  .container h3.ttl {
    padding-left: 0; }
  .container .flex .block {
    width: 100%; } }

.content {
  width: 90%;
  margin: 0 auto;
  margin-top: 60px; }
.content img {
  padding: 1px;
  border: 1px solid #eee; }
@media screen and (max-width: 767px) {
  .content {
    width: 95%;
    margin-top: 30px; } }

/*	top
=========================== */
/* firstview */
#firstview {
  width: 100%;
  background-color: #eaeaea;
  position: relative;
  height: 350px;
  margin-top: 0;
  background: url(../images/top.jpg) top right;
  background-size: cover; }
#firstview #logo_area {
  position: absolute;
  width: 350px;
  left: 50%;
  margin-left: -175px;
  bottom: 0;
  margin-bottom: -3.3rem;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 5px 5px 10px #eee; }
#firstview #logo_area .logo_block {
  padding: 20px 0; }
#firstview #logo_area .logo_block h1 {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 200;
  font-size: 2.9rem;
  line-height: 2.9rem; }
#firstview #logo_area .logo_block h1 span {
  display: block;
  font-size: 1.7rem; }
@media screen and (max-width: 767px) {
  #firstview #logo_area .logo_block h1 {
    font-size: 2rem; }
  #firstview #logo_area .logo_block h1 span {
    font-size: 1.5rem; } }

/* menu */
#menu {
  margin-top: 120px; }
#menu .container #menu_area .menu_block ul {
  text-align: center; }
#menu .container #menu_area .menu_block ul li {
  display: inline-block;
  margin: 0 20px;
  vertical-align: middle; }
#menu .container #menu_area .menu_block ul li a {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  position: relative;
  color: #666666 !important; }
#menu .container #menu_area .menu_block ul li a i {
  font-size: 1.3rem; }
#menu .container #menu_area .menu_block ul li a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -3px;
  background-color: #999;
  width: 0%;
  height: 2px;
  border-radius: 15px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
#menu .container #menu_area .menu_block ul li a:hover:after {
  content: "";
  left: 0%;
  width: 100%;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
#menu .container #menu_area .menu_block ul span.sns_menu {
  border-left: 1px solid #ddd;
  margin-left: 20px;
  padding: 5px 0 5px 20px; }
#menu .container #menu_area .menu_block ul span.sns_menu li a {
  font-family: 'Roboto Condensed', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, 游ゴシック体, 'ヒラギノ角ゴ Pro W3', メイリオ, sans-serif; }
#menu .container #menu_area .menu_block ul span.sns_menu li a.i {
  font-size: 1.3rem; }
#menu .container #menu_area .menu_block ul span.sns_menu li span {
  display: block;
  font-size: .9rem; }

/* info(news) */
#info {
  margin-top: 50px; }
#info .container #info_area .info_block ul li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 6px; }
#info .container #info_area .info_block ul li a {
  padding-bottom: 6px;
  padding-left: 15px;
  font-family: "Roboto Condensed", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #666666 !important; }
#info .container #info_area .info_block ul li a span.date {
  margin-right: 20px; }
@media screen and (max-width: 767px) {
  #info {
    margin-top: 90px; }
  #info .container #info_area .info_block ul li a {
    padding-left: 0; }
  #info .container #info_area .info_block ul li a span.date {
    display: block; } }

/*	profile
=========================== */
#profile .container #profile_area #image_area .image_block {
  width: 90%;
  margin: 0 auto; }
#profile .container #profile_area #image_area .image_block img {
  display: block;
  margin: 0 auto; }
#profile .container #profile_area #word_area .word_block {
  margin-bottom: 30px; }
#profile .container #profile_area #word_area .word_block h4 {
  font-family: "Noto Sans Japanese", "Roboto Condensed", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.5rem;
  font-weight: 200;
  text-align: left;
  margin-bottom: 0; }
#profile .container #profile_area #word_area .word_block p {
  margin-bottom: 15px; }
#profile .container #profile_area #word_area .word_block p.skill {
  font-size: 0.9rem;
  color: #999;
  margin-bottom: 0; }
#profile .container #profile_area #word_area .word_block p a {
  display: inline-block;
  color: blue; }
#profile .container #profile_area #word_area .word_block .sns_block {
  margin-top: 30px; }
#profile .container #profile_area #word_area .word_block .sns_block ul li {
  display: inline-block; }
#profile .container #profile_area #word_area .word_block .sns_block ul li a {
  color: #666666; }
#profile .container #profile_area #word_area .word_block .sns_block ul li a i {
  margin-right: 25px;
  font-size: 1.5rem; }
@media screen and (max-width: 767px) {
  #profile .container #profile_area #image_area {
    margin-bottom: 40px; }
  #profile .container #profile_area #word_area .word_block p {
    text-align: left; }
  #profile .container #profile_area #word_area .word_block .sns_block ul {
    text-align: center; }
  #profile .container #profile_area #word_area .word_block .sns_block ul li a {
    color: #666666 !important; } }

/*	blog
=========================== */
#blog p {
  text-align: left; }
#blog .post_area {
  margin-bottom: 30px; }
#blog .post_area .top_area {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  padding-bottom: 5px; }
#blog .post_area .top_area .top_block h3.ttl {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: left; }
#blog .post_area .bottom_area .bottom_block.more a p {
  text-align: right; }

/*	news
=========================== */
#news .container h3.ttl {
  margin-bottom: 0; }
#news .container #news_area .news_block {
  padding-top: 35px;
  padding-bottom: 35px; }
#news .container #news_area .news_block .ttl_block h5.ttl {
  text-align: left;
  padding: 5px 25px;
  margin-bottom: 5px;
  font-weight: bold; }
#news .container #news_area .news_block p {
  padding-left: 25px; }
@media screen and (max-width: 767px) {
  #news .container {
    width: 100%; }
  #news .container h3.ttl {
    width: 92.5%;
    margin: 0 auto; }
  #news .container #news_area .news_block .ttl_block {
    width: 90%;
    margin: 0 auto; }
  #news .container #news_area .news_block .ttl_block h5.ttl {
    padding: 0; }
  #news .container #news_area .news_block p {
    width: 90%;
    margin: 0 auto;
    padding: 0; }
  #news .container #news_area .news_block img {
    margin: 0 auto; } }

/*	discography
=========================== */
#discography #discography_area #chorus_area .chorus_block {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 15px; }
#discography #discography_area #chorus_area .chorus_block img {
  display: inline-block;
  width: 200px;
  vertical-align: top;
  border: 1px solid #ddd;
  padding: 1px;
  margin-right: 20px; }
#discography #discography_area #chorus_area .chorus_block .slick-slider {
  display: inline-block;
  width: 200px;
  margin-right: 20px; }
#discography #discography_area #chorus_area .chorus_block .word_block {
  vertical-align: top;
  display: inline-block; }
#discography #discography_area #chorus_area .chorus_block .word_block p.name {
  font-weight: 200;
  font-size: 1.3rem;
  font-family: "Noto Sans Japanese", "Roboto Condensed", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
#discography #discography_area #chorus_area .chorus_block .word_block p.ttl {
  margin-bottom: 10px; }
#discography #discography_area #chorus_area .chorus_block .word_block .caution_block {
  margin-top: 30px; }
@media screen and (max-width: 767px) {
  #discography #discography_area #chorus_area .chorus_block img {
    display: block;
    margin: 0 auto;
    width: 70%;
    margin-bottom: 15px; }
  #discography #discography_area #chorus_area .chorus_block .slick-slider {
    width: 100%; } }

/*	live
=========================== */
#live .container h3.ttl {
  margin-bottom: 20px; }
#live .container #cat_tab ul {
  text-align: center; }
#live .container #cat_tab ul li {
  display: inline-block;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
#live .container #cat_tab ul li.active {
  background: #c7c7c7;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
#live .container #cat_tab ul li.active a {
  color: #fff; }
#live .container #cat_tab ul li a {
  color: #333;
  padding: 3px 15px;
  position: relative; }
#live .container #cat_tab ul li a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -3px;
  background-color: #999;
  width: 0%;
  height: 2px;
  border-radius: 15px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
#live .container #cat_tab ul li a:hover:after {
  content: "";
  left: 0%;
  width: 100%;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
#live .container #live_area .live_block, #live .container #live_area .media_block, #live .container #media_area .live_block, #live .container #media_area .media_block {
  padding-top: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee; }
#live .container #live_area .live_block .ttl_block h5.ttl, #live .container #live_area .media_block .ttl_block h5.ttl, #live .container #media_area .live_block .ttl_block h5.ttl, #live .container #media_area .media_block .ttl_block h5.ttl {
  font-family: "Noto Sans Japanese", "Roboto Condensed", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  text-align: left;
  padding: 5px 25px;
  margin-bottom: 10px;
  font-weight: 200;
  font-size: 1.5rem;
  line-height: 1.8rem; }
#live .container #live_area .live_block .ttl_block h5.ttl span.date span.day, #live .container #live_area .media_block .ttl_block h5.ttl span.date span.day, #live .container #media_area .live_block .ttl_block h5.ttl span.date span.day, #live .container #media_area .media_block .ttl_block h5.ttl span.date span.day {
  font-size: 1.2rem; }
#live .container #live_area .live_block .ttl_block h5.ttl span.ttl, #live .container #live_area .media_block .ttl_block h5.ttl span.ttl, #live .container #media_area .live_block .ttl_block h5.ttl span.ttl, #live .container #media_area .media_block .ttl_block h5.ttl span.ttl {
  display: block;
  font-size: 1.3rem;
  font-weight: 200; }
#live .container #live_area .live_block p, #live .container #live_area .media_block p, #live .container #media_area .live_block p, #live .container #media_area .media_block p {
  padding-left: 25px; }
#live .container #live_area .live_block .live_info, #live .container #live_area .media_block .live_info, #live .container #media_area .live_block .live_info, #live .container #media_area .media_block .live_info {
  margin-bottom: 30px; }
#live .container #live_area .live_block .contact_btn .btn p, #live .container #live_area .media_block .contact_btn .btn p, #live .container #media_area .live_block .contact_btn .btn p, #live .container #media_area .media_block .contact_btn .btn p {
  text-align: right; }
#live .container #live_area .live_block .contact_btn .btn p a, #live .container #live_area .media_block .contact_btn .btn p a, #live .container #media_area .live_block .contact_btn .btn p a, #live .container #media_area .media_block .contact_btn .btn p a {
  display: inline-block;
  padding: 7px 15px;
  border: 1px solid #c7c7c7;
  background-color: #c7c7c7;
  color: #fff;
  font-size: 1.3rem;
  font-family: "Noto Sans Japanese", "Roboto Condensed", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 200;
  margin-right: 25px; }
#live .container #live_area .live_block .contact_btn .btn p a:hover, #live .container #live_area .media_block .contact_btn .btn p a:hover, #live .container #media_area .live_block .contact_btn .btn p a:hover, #live .container #media_area .media_block .contact_btn .btn p a:hover {
  background-color: #fff;
  color: #666666; }
@media screen and (max-width: 767px) {
  #live .container #cat_tab ul li a {
    padding: 3px 10px;
    margin: 0 10px; }
  #live .container #live_area .live_block .ttl_block h5.ttl, #live .container #live_area .media_block .ttl_block h5.ttl, #live .container #media_area .live_block .ttl_block h5.ttl, #live .container #media_area .media_block .ttl_block h5.ttl {
    padding-left: 0; }
  #live .container #live_area .live_block p, #live .container #live_area .media_block p, #live .container #media_area .live_block p, #live .container #media_area .media_block p {
    padding-left: 0;
    text-align: left; }
  #live .container #live_area .live_block .contact_btn .btn p, #live .container #live_area .media_block .contact_btn .btn p, #live .container #media_area .live_block .contact_btn .btn p, #live .container #media_area .media_block .contact_btn .btn p {
    text-align: left;
    margin-top: 20px; }
  #live .container #live_area .live_block .contact_btn .btn p a, #live .container #live_area .media_block .contact_btn .btn p a, #live .container #media_area .live_block .contact_btn .btn p a, #live .container #media_area .media_block .contact_btn .btn p a {
    font-size: 1.2rem; } }

/*	contact
=========================== */
#contact .container #contact_area div.wpcf7 {
  width: 100%;
  margin: 0 auto; }
#contact .container #contact_area form {
  width: 50%;
  margin: 0 auto; }
#contact .container #contact_area form br {
  display: none; }
#contact .container #contact_area form h6 {
  text-align: left;
  margin-top: 15px; }
#contact .container #contact_area form p {
  text-align: left; }
#contact .container #contact_area form label {
  display: block;
  margin-bottom: 15px; }
#contact .container #contact_area form input, #contact .container #contact_area form textarea, #contact .container #contact_area form select {
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 100%;
  font-size: 1rem;
  height: 2rem;
  background-color: #fff; }
#contact .container #contact_area form input.wpcf7-submit, #contact .container #contact_area form textarea.wpcf7-submit, #contact .container #contact_area form select.wpcf7-submit {
  display: inline-block;
  padding: 5px 15px;
  height: auto;
  width: auto;
  border: 1px solid #c7c7c7;
  background-color: #c7c7c7;
  color: #fff;
  font-size: 1.1rem;
  font-family: "Noto Sans Japanese", "Roboto Condensed", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 200;
  margin-right: 25px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
#contact .container #contact_area form input.wpcf7-submit:hover, #contact .container #contact_area form textarea.wpcf7-submit:hover, #contact .container #contact_area form select.wpcf7-submit:hover {
  background-color: #fff;
  color: #666666;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
#contact .container #contact_area form .wpcf7-list-item {
  margin-right: 20px;
  margin-top: 5px; }
#contact .container #contact_area form .wpcf7-list-item input {
  width: auto;
  height: auto; }
#contact .container #contact_area form .number-672 input {
  width: 4rem;
  text-align: center;
  display: inline-block; }
#contact .container #contact_area form .wpcf7-textarea {
  height: auto; }
@media screen and (max-width: 767px) {
  #contact {
    margin-top: 0; }
  #contact .container #contact_area form {
    width: 100%; }
  #contact .container #contact_area form input, #contact .container #contact_area form textarea, #contact .container #contact_area form select {
    padding: 0; }
  #contact .container #contact_area form .wpcf7-list-item {
    display: block; } }

/*	footer
=========================== */
footer {
  margin-top: 150px;
  margin-bottom: 30px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #666;
  font-size: 0.9rem; }
footer p {
  text-align: center; }

/*2018.06.28 TOPテスト*/
#firstview {
  width: 100%;
  background-color: #eaeaea;
  max-width: 1073px;
  position: relative;
  height: 350px;
  margin-top: 0;
  background: url(https://naoanno.com/wp-content/themes/wordpress-naovoice/images/top2.jpg) top center;
  background-size: cover; }

@media screen and (max-width: 767px) {
  #firstview {
    margin-top: 58px;
    height: 210px; }

  #firstview #logo_area {
    margin-bottom: -5rem; } }
/* 2019-06-28	lightbox設置 */
.lb-nav, .lb-number {
  display: none !important; }

/*.lightbox{top: 25%!important;}*/
.lightbox-images {
  display: inline-block !important; }