@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/************************************
** 既存の余白設定などのリセット
************************************/
.content {
  margin-top: 0;
}
.main {
  width: 100%;
  padding:0;
  border: 0;
  border-radius: 0;
}
.wrap {
    width: 100%;
}
.entry-content {
    margin: 0;
}
.date-tags {
    margin-bottom: 0;
}
.footer-bottom {
    margin-top: 0;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-top: 0;
  margin-bottom: 0x;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    line-height: 1.0;
}
.article h2 {
  background-color: initial;
  padding: 0;
}
.article p, .article ul {
  margin-bottom: 0;
}
.entry-content>*, .demo .entry-content p {
    line-height: 1.5;
}
ul {
    list-style-type: none;
}
ol, ul {
    padding-left: 0;
}
table th, table td {
    padding: 0px;
}
table th {
  background-color: initial;
}
table tr:nth-of-type(2n+1) {
  background-color: initial;
}
table th,
table td {
  border: initial;
  padding: initial;
}
.tagline {
    margin: initial;
}
.logo-text {
    padding: initial;
    font-size: initial;
    line-height: 1.5;
}
.footer {
    margin-top: 0;
}

/************************************
** ベースcssの変更
************************************/
body {
    list-style:  none;
}
.main {
    background-color: #fcfcfa;
}
h1.entry-404title {
	text-align: center;
	color: #ff4a6e;
    margin-top: 64px;

}
.no_404{
	text-align: center;
}
img.not-found {
	padding-top: 24px;
}
.no_404 p {
	color: #ff4a6e;
    padding-top: 24px;
    margin-bottom: 64px;
}

/* *******ヘッダーPCとモバイル変更******* */
#header-container .navi, #navi .navi-in>.menu-header .sub-menu {
    display: none;
}
/* .header-in {
  display: block;
}
.header-container-in.hlt-top-menu {
    display: none;
}
.mobile-header-menu-buttons {
    display: flex;
    bottom: auto;
    top: 0px;
}
.mobile-menu-buttons {
    height: 85px;
    color: #fcfcfa;
    background: #ff4a6e;
    box-shadow: initial;
    font-size: 2.8rem;
    line-height: 1;
}
.logo-menu-button img {
    max-height: 64px;
}
a.menu-button-in {
    width: 50%;
    margin: auto;
} */
/****ページネーション****/
.pagination {
    margin: 24px 0 0;
}

/*********メニューのコンテンツ幅変更********/
.menu-content {
    max-width: 420px;
}
/*フロント固定ページのタイトル・シェア＆フォローボタン・更新日・投稿日・更新日・投稿者名を非表示*/
.home.page .entry-title, .home.page .post-update, .home.page .post-date,　.home.page .author-info {
	display: none;
}
/*****固定ページタイトル・日付・サイドバー非表示*****/
.page .entry-title{
  display: none;
}
.page .date-tags {
    display: none;
}
.page div#sidebar {
    display: none;
}
.br_change {
    display: none;
}
/********リンク下線なし********/
a {
    text-decoration: none;
}

/************************************
** TOP Slickカスタマイズ
************************************/
.dots_container {
    height: 38px;
    background-color: #ff4a6e;
}
.slick-dots li button:before {
	color: white !important;
}
.slick-dots li.slick-active button:before {
	color: white !important;
}
.sliderArea {
    overflow: hidden;
}
.sliderWide {
    max-width: 100%;
}
.slider{
  display: none;
}
.slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}
.slider-area {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 25px;
}
.top-slick .slick-track {
	background-color: #363636;
}
.slider-area.w300 {
	max-width: 300px;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.top-slick .slick-list {
	overflow: visible;
}
.top-slick.slider {
	margin: 0 auto;
}
.slider {
    max-width: 836px;
}
.slick-dotted.slick-slider{
    margin-bottom: 0 !important;
}
.slick-slide {
  transition: .3s ease;
 }
.slick-slide:not(.slick-current) {
  opacity: 0.3;
}
ul.slick-dots {
    bottom: -28px;
}
.slick-dots li {
    width: 25px !important;
    height: 25px !important;
	font-size: 0.5em !important;
}
.slick-dots li button {
    width: 25px !important;
    height: 25px !important;
}
.slick-dots li button:before {
    content: '■' !important;
    font-size: 2rem !important;
    line-height: 30px !important;
    width: 30px !important;
    height: 30px !important;
}
.slick-prev:before, .slick-next:before {
    color: #fcfcfa !important;
}
button.slick-prev.slick-arrow {
    left: 10px;
    margin: auto;
    width: 30px;
    height: 30px;
    background-color: #000;
    opacity: 0.7;
    z-index: 2;/*重ね順 スライドとサイドバーの間*/
    border-radius: 50%;
}
button.slick-next.slick-arrow {
    right: 10px;
    margin: auto;
    width: 30px;
    height: 30px;
    background-color: #000;
    opacity: 0.7;
    z-index: 2;
    border-radius: 50%;
}

/*slickのメディアクエリ　834px以下*/

/*slickのメディアクエリ　480px以下*/
@media screen and (max-width: 480px){
.slick-prev:before, .slick-next:before {
    font-size: 14px !important;
}
.slick-slide img {
    padding: 0;
}
}

/** プロフのSlickカスタマイズ **/
.slick_prof_thumbnail .slick-current{
 opacity: 0.3;
}

/************************************
** Contact Form 7カスタマイズ
************************************/

/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}

/* 必須・任意のサイズ調整 */
.inquiry .haveto,.inquiry .any {
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size: 1rem;
 color: #363636;
 padding: 10px;
 width:30%;
}
/*テーブル外枠の余白*/
div#wpcf7-f143-o1, div#wpcf7-f251-o1 {
    margin-top: 64px;
}
/*通常欄*/
.inquiry tr {
    line-height: 3;
    vertical-align: -webkit-baseline-middle;
}

/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#f9f2eb;
 color:#363636;
 font-size:18px;
 font-weight:bold;
 border: solid 1px #ff4a6e;
 border-radius:10px;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background: #ff4a6e;
 color:#fcfcfa;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    margin-top: 15px;
}

/************************************
** フッター
************************************/
.footer {
    margin-top: 0;
    padding: 0;
}


/************************************
**　オリジナルカスタマイズ
************************************/
body {
    color: #363636;
}

/******** 共通部分 ********/

h2.section_title, .section_subtitle {
    color: #ff4a6e;
    text-align: center;
}
h2.section_title {
    font-size: 4rem;
    padding-top: 112px;
    margin: 0 20px;
    line-height: 1.0;
}
.section_subtitle {
    padding-top: 5px;
    line-height: 1.0;
}
section#news, section#movie, section#alliance, section#lead_space {
    background-color: #f9f2eb;
}
section#artist_parsonal, section#voive_archive {
    background-color: #fcfcfa;
}

section#lead_space_bg {
    background-color: #f9f2eb;
    padding: 1px;
}
.header_container, .news_container, .artist_container, .movie_container, .project_container, .offer_info_container, .tab_container, .voice_tab_container, .voice_samples_container, .company_container, .contact_container, .pp_in_container {
    width: 85%;
    max-width: 1080px;
    margin: auto;
}
.contact_container {
    padding-top: 64px;
}
.news_container, .artist_container, .project_container, .offer_info_container, .lead_space_container, .voice_samples_container, .company_container, .contact_container, .pp_container {
    padding-bottom: 112px;
}
.fas {
    vertical-align: middle;
}
/******************************************/
/******** アーカイブ用 職業種タブ設定 *******/
/*****************************************/
table.tab_container {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: 32px;
    background-color: #fcfcfa;
}
.tab_container tr, .tab_container td {
  border: solid 1px #ff4a6e;
  color: #ff4a6e;
  font-size: 1.1rem;
}
td.job_title {
    text-align: center;
    vertical-align: middle;
    padding: 12px 8px;
}
.job_title:hover {
    color: #363636;
    background-color: #f9f2eb;
    cursor: pointer;
}
.job_title.active {
    color: #fcfcfa;
    background-color: #ff4a6e;
}
/* 職業種タブ設定 ↑ ここまで */

/****************************************/
/***** アーカイブ用 職業種タブ設定２ ******/
/***************************************/
.archive_select {
    text-align: center;
    padding-top: 64px;
}
table.tab_lower {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 10px auto 0;
    background-color: #fcfcfa;
}
.tab_lower tr, .tab_lower td {
  border: solid 1px #ff4a6e;
  color: #ff4a6e;
  font-size: 1.1rem;
}
.tab_lower td {
    text-align: center;
    vertical-align: middle;
}
.tab_lower td a:hover {
    color: #fcfcfa;
    background-color: #ff4a6e;
}
.tab_lower td a:active {
    color: #fcfcfa;
    background-color: #ff4a6e;
}
a.job_name {
    padding: 12px 8px;
    display: block;
}
a.job_name:hover {
    color: #fcfcfa;
    background-color: #ff4a6e;
}
a.job_name:active {
    color: #fcfcfa;
    background-color: #ff4a6e;
}

/******** メニューボックスのカスタマイズ ********/
.mobile-menu-buttons .menu-icon {
    width: 30%;
    margin: auto;
}
div#navi-menu-content {
    background-color: #f9f2eb;
}
.menu-close-button {
    font-size: 2.5rem;
    color: #ff4a6e;
}
.menu-drawer li {
    background-color: #fcfcfa;
    margin: 20px auto;
    border-radius: 10px;
}
.menu-drawer a {
    border-radius: 10px;
    padding: 12px 28px;
    font-size: 1.4rem;
}
.menu-drawer a:hover {
    color: #fcfcfa;
    background-color: #ff4a6e;
}
.menu_subtitle {
    font-size: 0.8rem;
    padding: 0 8px;
    vertical-align: middle;
}
.fa, .fas {
    padding: 0 5px;
}
/************************************
** TOPページカスタマイズ
************************************/
/******** news section ********/
.news_title_box, .movie_title_box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}
.and_more {
    color: #ff4a6e;
    position: absolute;
    right: 0;
    line-height: 40px;
    padding: 0 20px;
    margin-right: 25px;
    border-bottom: solid 1px;
}
.news_items {
    padding: 64px 0 54px;
}
li#news_item {
    background-color: #fcfcfa;
    margin: 16px 0;
}
.news_item {
    display: flex;
    align-items: center;
    padding: 32px;
}
.news_topic {
    display: flex;
    align-items: center;
    padding: 32px;
    background-color: #fcfcfa;
}
.news_topic:hover {
    color: #fcfcfa;
    cursor: pointer;
}
span.n_date {
    font-size: 0.8rem;
}
span.n_tiile {
    padding: 0 20px;
	width: 70%;
}

.icon_name {
    display: flex;
    align-items: center;
}
span.n_genre_icon {
    width: 80px;
    padding: 8px;
    background-color: #f9f2eb;
    color: #ff4a6e;
    border: solid 1px;
    border-radius: 15px;
    font-size: 0.8rem;
    text-align: center;
}
.n_artist_name {
    padding-left: 15px;
}
.n_detail {
    padding: 32px;
	word-break: break-all;
}
.n_detail a {
    text-decoration: underline;
}

/******** movie section ********/
.movie_container {
    padding-bottom: 80px;
}
.movie_parts {
    margin-top: 64px;
	text-align: center;
}
.n_movie {
    padding: 0 16px;
}
.parts_row {
    display: flex;
    padding-bottom: 32px;
    flex-wrap: wrap;
}

/******** artist section ********/

.top_job_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 28px;
}
.top_job_btn {
    max-width: 250px;
    color: #000;
    margin: 20px 18px;
    border-radius: 20px;
}
.top_job_btn img:hover {
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    transform: translateY(-3px);
}
.job_type_name img {
    border-radius: 20px;
    border: solid #ff4a6e 1px;
}
.item_va {
    order: 1;
}
.item_vress {
    order: 4;
}
.item_a {
    order: 2;
}
.item_ress {
    order: 5;
}
.item_sin {
    order: 3;
}
.item_dpa {
    order: 6;
}
/******** project section ********/
.project_container {
    display: flex;
	flex-wrap: wrap;
	align-items: center;
    margin-top: 64px;
}
.project_img {
    width: 50%;
    padding: 0 10px;
}
.project_sentence {
	width: 50%;
	padding: 0 24px;
}
.project_sentence2 {
	width: 50%;
	padding: 0 24px;
	text-align: center;
}
#project, #alliance-anchor {/*TOPページアンカーリンク位置調整*/
	padding-top:85px;
	margin-top:-85px;
}
.kame_prof {
	margin-top: 50px;
}
.kame_prof_btn {
    text-align: center;
    font-size: 1.2rem;
    padding: 16px 24px;
    color: #ff4a6e;
    background-color: #f9f2eb;
    border: solid #ff4a6e 1px;
    border-radius: 50px;
}
.top_mail_alliance {
    width: 100%;
    text-align: center;
    margin: 32px 0;
}

/******** offer_info section ********/
.offer_info_container {
    padding-top: 112px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.sns_icon_top {
    display: flex;
    justify-content: center;
}
.twitter_embed {
    border: solid 10px #f9f2eb;
    border-radius: 10px;
}
.twitter_img, .face_img, .youtube_img {
    width: 50px;
    height: 50px;
    margin: 10px;
}
.face_img {
    background-color: #1877f2;
    border-radius: 5px;
}
.offer_info_right {
    text-align: center;
}
.company_prof, .business_mail {
    padding-top: 20px;
    margin: 20px 0;
}
p.company_prof a {
    color: #363636;
}
p.company_prof a:hover {
    border-bottom: solid 1px;
}
.business_mail {
    color: #ff4a6e;
}
.top_mail_box {
    text-align: center;
    margin: 32px 10px;
}
.top_mail_recipient {
    padding: 15px 0;
    color: #363636;
    font-size: 1.2rem;
}

/******** footer ********/



/************************/
/***** archive-news *****/
/************************/
.news_archive {
    background-color: #f9f2eb;
    margin-top: 32px;
    margin-bottom: 112px;
}
.news_items_list {
    padding: 64px 0;
}
.pager {
    width: 30%;
    margin: auto;
    text-align: center;
    padding-bottom: 112px;
}

/************************/
/******** movie *********/
/************************/
.movie_bg {
    background-color: #f9f2eb;
    padding-top: 48px;
    margin-top: 32px;
    margin-bottom: 112px;
}
.movie_box {
    width: 50%;
}
.movie_box_inner {
    margin-bottom: 48px;
}
.link169_movie {
    margin: 24px 24px 0;
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
.link169_movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.movie_text {
    margin: 5px 24px 0;
    text-align: initial;
}
span.movie_title {
    font-weight: bold;
    font-size: 1.2rem;
}
/**********************************/
/*** 下部「ボイスサンプル一覧へ」 ***/
/*********************************/
.lead_space_container {
    width: 85%;
    max-width: 1080px;
    margin: auto;
    padding-bottom: 112px;
}
.sample_lead {
    text-align: center;
    margin: auto;
    padding: 64px;
}
.sample_lead_btn {
    text-align: center;
    margin: auto;
    padding: 10px;
}
.sample_lead_link {
    padding: 10px;
    border: solid #ff4a6e 1px;
    border-radius: 10px;
    background-color: #fcfcfa;
}
a:hover.sample_lead_link {
    color: #fcfcfa;
    background-color: #ff4a6e;
}
a:active.sample_lead_link {
    color: #fcfcfa;
    background-color: #ff4a6e;
}

/***************************/
/********* aetist *********/
/**************************/
.artist_neme_box {
    display:flex;
    align-items:center;
    justify-content: space-around;
    margin: 64px auto;
    border: solid #ff4a6e 2px;
}
.name_block {
    padding: 0 15px;
    text-align: center;
}
h3.prof_name {
    font-size: 3rem;
    line-height: 1.2;
}
.single_prof_img {
    width: 50%;
    text-align: center;
}
.prof_img {
    margin: auto;
    border-radius: 20px;
    border: solid 1px #ededed;
}
.slider-nav-container {
    margin: 24px 0;
}
div.slider-nav-container div.prof_thumb_flame:only-of-type {
  display: none;
}
.prof_thumb_flame {
    padding: 5px;
}
.prof_thumb_img {
    border-radius: 20px;
    border: solid 1px #ededed;
}

.skill_box {
    display:flex;
}
.skill_name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.2;
    padding: 35px 10px;
    margin: 15px 10px;
    color: #ff4a6e;
    background-color: #f9f2eb;
    border: solid #ff4a6e 1px;
}
.basic_frof {
    display:flex;
    justify-content: space-around;
}
.prof_right_side {
    width: 45%;
}
table.basic_data {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 40px;
}
tr.prof_box {
    border-bottom: solid 1px;
}
td.prof_text {
    padding: 15px;
}
.partnership_box {
    margin-bottom: 40px;
}
.partnership {
    padding: 6px 20px;
    border: solid #ff4a6e 1px;
    background-color: #f9f2eb;
    text-align: center;
}
.sns_icon {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}
.icons {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
.fa-youtube-square {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    color: #DA1725;
    font-size: 58px;
    margin: 10px;
    border-radius: 5px;
}
.fa-youtube-square:before {
    font-family: "Font Awesome 5 Brands";
    content: '\f431';
}
.fa-instagram {
    width: 50px;
    height: 50px;
    background-color: #e1306c;
    font-size: 30px;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
}
a i.fab.fa-instagram {
    color: #fff;
}
.fa-instagram:before {
    font-family: "Font Awesome 5 Brands";
    content: '\f16d';
}
.mail_container {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
.mail_box {
    text-align: center;
}
p.jobmail_icon, p.funmail_icon {
    width: 50px;
    height: 50px;
    margin: 10px auto;
}
.mail_recipient {
    font-size: 0.6rem;
    padding: 5px;
    color: #363636;
}
.fa-envelope {
    background-color: #fcfcfa;
    font-size: 30px;
    padding: 9px;
    border: solid #ff4a6e 1px;
    border-radius: 5px;
}

/** ボイスサンプル・楽曲サンプル **/
.voice_title, .music_title {
    text-align: center;
    margin-top: 32px;
}
.voice_container, .music_container {
    width: 100%;
    margin: 16px auto 64px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.voice_player, .music_player {
    width: 31%;
    margin: 5px 10px;
}
p.voice_type, p.music_name {
    text-align: center;
    padding: 5px;
    font-size: 0.8rem;
}
audio {
    width: 100%;
}
/** BIOGRAPHY **/
table.bigraphy_container {
    width: 100%;
	margin-top: 32px;
    margin-bottom: 64px;
}

th.bigraphy_tytle {
    padding: 10px;
    background-color: #f9f2eb;
    border: solid #ff4a6e 1px;
    font-size: 1.2rem;
}
th.job_genre {
    border: solid #ff4a6e 1px;
    padding: 5px;
}
td.job_description {
    border: solid #ff4a6e 1px;
    padding: 5px 10px;
    word-break: break-all;
}
.job_genre {
    width: 15%;
}
p.genre_icon {
    color: #fcfcfa;
    background-color: #ff4a6e;
    border-radius: 12px;
    padding: 3px 0;
    margin: 0 5px;
    font-size: 0.8rem;
}
/** BIOGRAPHY ここまで**/
.back_btn {
    text-align: center;
    margin: auto;
    padding: 10px;
    margin-top: 64px;
}
.back_page_link {
    padding: 10px;
    border: solid #ff4a6e 1px;
    border-radius: 10px;
    background-color: #fcfcfa;
}
a:hover.back_page_link {
    color: #363636;
    background-color: #f9f2eb;
}

/**********************************/
/********* archive-aetist *********/
/*********************************/
.prof_photo_parts {
    display: none;
}
.show {
    width: 100%;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-top: 64px;
}
.one_person {
    padding: 8px 8px 0;
    margin: 15px 0;
    text-align: center;
}
.prof_list_card{
    width: 25%;
    transition: .3s;
    border-radius: 10px;
}
a.prof_list_card:hover {
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    transform: translateY(-3px);
    border: solid #ff4a6e 1px;
}
a.prof_list_card:hover .nameplate {
    color: #fcfcfa;
    background-color: #ff4a6e;
}
.p_photo {
    width: 200px;
    border-radius: 20px;
    border: solid 1px #ededed;
}
.nameplate {
    text-align: center;
    padding: 8px 0;
    border: solid #ff4a6e 1px;
    border-radius: 20px;
    color: #363636;
    background-color: #fcfcfa;
}
p.artist_name {
    line-height: 1.2;
}
p.kana_name {
    padding-bottom: 5px;
    font-size: 0.8rem;
    line-height: 1;
}

/*********************************/
/******* page-voice-sample *******/
/*********************************/

/** table voice_tab_container **/
table.voice_tab_container {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 64px auto;
}
.voice_tab_container tr, .voice_tab_container td {
  border: solid 1px #ff4a6e;
  color: #ff4a6e;
  font-size: 1.1rem;
}
.voice_tab_container td {
    text-align: center;
    vertical-align: middle;
}

td.job_voice {
    text-align: center;
    vertical-align: middle;
    padding: 12px 8px;
}
.job_voice:hover {
    color: #363636;
    background-color: #f9f2eb;
    cursor: pointer;
}
.job_voice.active {
    color: #fcfcfa;
    background-color: #ff4a6e;
}
/** table voice_tab_container ここまで**/
.voice_lists {
    display: none;
}
.is_show {
    display: block;
}
.voice_parts {
    width: 100%;
    margin-top: 64px;
}
.voice_archive_container {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 16px;
    border: solid #ff4a6e 1px;
}
.voice_neme_box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 24px auto;
    width: 100%;
}
.voice_player_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.no_sample {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
}
.prof_lead {
    text-align: center;
    font-size: 1.2rem;
    padding: 16px 24px;
    color: #ff4a6e;
    background-color: #f9f2eb;
    border: solid #ff4a6e 1px;
    border-radius: 50px;
}

/*********************************/
/************ PROJECT ************/
/*********************************/
#k_project h2, #k_project .section_subtitle {
    color: seagreen;
}
.k2_container h3 {
    background-color: #f1fded;
}
.k2_container {
    background-color: #c9eebd;
    padding-top: 112px;
}
.k_inbox, .k_inbox2 {
    width: 85%;
    max-width: 1080px;
    margin: auto;
    padding-bottom: 112px;
}
.project_main_img, .k_introduction_text, .k_character {
    text-align: center;
    padding-top: 64px;
}
.k_introduction_photo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
    padding-top: 64px;
    padding-bottom: 64px;
}
.k_intro_img {
    width: 25%;
	padding-bottom: 5px;
}
.k_character h3,.k_info h3  {
    padding: 15px;
    border: 15px #13ae67;
    border-style: inset;
    margin-bottom: 32px;
}
.k_character img {
    padding-top: 32px;
}
a.joy_link {
    background-color: #d70e18;
    color: #fcfcfa;
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 3;
}
.k3_container {
    padding-top: 112px;
}
.text_photo {
    display: flex;
    align-items: center;
}
.text_photo2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.k_v_machine_img {
    max-width: 187px;
    height: 304px;
}
.k_curry_img{
    max-width: 111px;
    height: 148px;
}
.k_info_img {
    margin-left: 30px;
}
.k_line_img {
    max-width: 255px;
    height: 191px;
}
.line_ill {
    font-size: 0.8rem;
    text-align: center;
}
a.line_link {
    background-color: #06c755;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 3;
}
p.k_link_btn {
    margin-top: 20px;
    }
ul.k_fun {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 20px;
}
.k_club_img {
    max-width: 201px;
    height: 123px;
}
h3.area {
    margin-top:112px;
}
.k_introduction_text h4 {
    padding: 16px;
    margin-bottom: 32px;
	line-height: 1.2;
}
.k_area_photo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 64px;
}
.k_area_img {
    width: 25%;
    padding-bottom: 5px;
}
.twitter_embed2 {
    text-align: center;
}
p.k-twi, p.k-twi2 {
    padding-bottom: 12px;
}

/*834px以下*/
@media screen and (max-width: 834px) {
    .k_intro_img, .k_area_img {
    width: 50%;
    }
}
/*480px以下*/
@media screen and (max-width: 480px) {
    .k_inbox2 {
        width: 100%;
    }
    .k_introduction_text {
        width: 90%;
        margin: auto;
    }
    .text_photo {
    display: block;
    align-items: initial;
    }
	.text_photo2 {
    display: block;
    align-items: initial;
    }
    .k_info_img{
    margin: 50px auto 0;
    text-align: center;
    }
    p.k_link_btn {
    text-align: center;
    }
    .k_area_photo {
        padding-top: 0px;
        padding-bottom: 0px;
    }
	p.k-twi2 {
		padding-top: 64px;
	}
}

/*********************************/
/************ company ************/
/*********************************/
.basic_company {
    padding-top: 112px;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
}
.company_text {
    padding-top: 112px;
    width: 60%;
    margin: auto;
}
.mail_company {
    color: #ff4a6e;
    padding-bottom: 16px;
}
.space {
    margin-bottom: 64px;
}
.mail_icon {
    background-color: #fcfcfa;
}
.company_bottom_right {
    width: 25%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1280px以下*/
@media screen and (max-width: 1280px) {
    .main {
        margin: 0;
    }
}


/*1023px以下*/
@media screen and (max-width: 1023px){
    .mblt-header-mobile-buttons{
        margin-top: 0;
    }
    .header .header-in {
        min-height: 54px;
    }
    .mobile-header-menu-buttons {
        align-items: center;
    }
    /*TOP の artist section */
    .item_va {
        order: 1;
    }
    .item_vress {
        order: 2;
    }
    .item_a {
        order: 3;
    }
    .item_ress {
        order: 4;
    }
    .item_sin {
        order: 5;
    }
    .item_dpa {
        order: 6;
    }
}


/*834px以下*/
@media screen and (max-width: 834px){
    .header div.header-in, .appeal div.appeal-in {
        min-height: 85px;
    }
    .article ul, .article ol {
        padding-left: initial;
    }
	.br_change2 {
        display: inline;
    }
    /*TOP　newsコンテンツ*/
    .news_topic {
        padding: 24px 16px;
    }
    span.n_genre_icon {
        padding: 4px;
    }
    .icon_name {
        width: 36%;
    }
	/*TOP　プロジェクトコンテンツ*/
    .project_container {
        display: block;
    }
    .project_img, .project_sentence, .project_sentence2 {
        width: 100%;
    }
	 .project_sentence, .project_sentence2 {
        padding-top: 50px;
    }
	
    /*ヘッダーPCとモバイル変更*/
/*     mobile-menu-buttons {
        height: 85px;
        color: #fcfcfa;
        background: #ff4a6e;
        line-height: initial;
        box-shadow: initial;
        font-size: 16px;
    }
    .logo-menu-button img {
        max-height: 44px;
    }
    .mobile-menu-buttons .menu-icon {
        width: 100%;
    }
	
	.mobile-header-menu-buttons {
    display: flex;
    bottom: auto;
    top: 0px;
	}
	.mobile-menu-buttons {
		height: 85px;
		color: #fcfcfa;
		background: #ff4a6e;
		box-shadow: initial;
		font-size: 2.8rem;
		line-height: 1;
	}
	.logo-menu-button img {
		max-height: 64px;
	}
	a.menu-button-in {
		width: 50%;
		margin: auto;
	} */
	img.site-logo-image.header-site-logo-image {
    max-width: 80%;
	}
	
	.project_sentence {
		padding: 0;
	}
	.mobile-footer-menu-buttons {
		background-color: #ff4a6e;
	}
	.mobile-menu-buttons .menu-button > a {
		color: #fcfcfa;
	}
	span.fas.fa-home, span.fas.fa-user-ninja, span.fas.fa-microphone {
    padding: 0;
}
	
    main.main {
        padding: initial;
        margin: 0;
    }
    .offer_info_container {
        display: block;
    }
    .twitter_embed {
        width: 270px;
        margin: 0 auto 64px;
    }

    /*TOPのslick*/
    .top-slick .slick-list {
	    overflow: hidden;
    }
    .slick-dots {
        display: initial !important;
    }

    /*アーティスト一覧*/
    .prof_list_card {
        width: 33.3%;
    }

    /*アーティスト詳細*/
    .skill_name {
        font-size: 1.2rem;
        padding: 16px;
    }
    .sns_icon {
        display: block;
    }
    .icons, .mail_container {
        justify-content: center;
    }

	/*ボイス一覧*/
    .voice_player {
    width: 45%;
	}
}

@media screen and (max-width: 680px){
/*     .top_job_btn {
        max-width: initial;
        width: 40%;
        margin: 10px;
    } */
}

@media screen and (max-width: 600px){
    .movie_box {
        width: 100%;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
    .kame_prof_btn {
    	font-size: 0.8em;
	}
	.mobile-menu-buttons .menu-icon {
        font-size:1.6rem;
    }
    .br_change {
        display: inline;
    }
    .news_topic {
        display: block;
        padding: 16px;
    }
	span.n_tiile {
    padding: 0;
	line-height: 2;
	}
    .icon_name {
        width: inherit;
        padding-top: 16px;
    }
    span.n_genre_icon {
        padding: 5px;
    }
    p.and_more {
        padding-top: 16px;
        margin-right: 0;
    }
    .top_job_box {
        justify-content: center;
    }
    .movie_box_inner {
        margin-bottom: 24px;
    }
    .pager {
        width: 40%;
    }
    h2.section_title {
        font-size: 2.5rem;
        padding-top: 64px;
    }
    .movie_bg {
        padding-top: 1px;
        margin-bottom: 64px;
    }
    .company_text {
        padding-top: 64px;
        width: 100%;
    }
    .basic_company {
        display: block;
    }
    .company_bottom_right {
        width: initial;
        padding-top: 48px;
    }
    .sample_lead {
        padding: 64px 0 16px;
    }

    /*アーティスト一覧*/
    .artist_container {
        width: 100%;
    }
    .prof_list_card {
        width: 50%;
    }
    .nameplate {
        padding: 4px 0;
    }
    p.kana_name {
        font-size: 0.7rem;
    }
    p.artist_name {
        font-size: 0.8rem;
    }

    /*アーティスト詳細*/
    .artist_neme_box {
        display: block;
        margin: 64px auto 32px;
        width: 95%;
    }
    .skill_box {
        justify-content: center;
    }
    h3.prof_name {
        font-size: 1.8rem;
    }
    .name_block {
    	margin-top: 10px;
		width: 100%;
    }
    .skill_name {
        font-size: 0.8rem;
        padding: 12px 10px;
    }
    .basic_frof {
        display: block;
    }
    .single_prof_img {
        width: 90%;
        margin: auto;
    }
    .prof_right_side {
        width: 90%;
        margin: auto;
    }
    .prof_text {
        font-size: initial;
    }
    .job_genre {
        width: 25%;
    }
    td.prof_text {
        padding: 15px 0 15px 15px;
    }
    .voice_player {
        width: 90%;
        margin: auto;
    }
    table.bigraphy_container {
        width: 98%;
        margin: 64px auto;
    }
    th.bigraphy_tytle {
        border: initial;
        border-top: solid #ff4a6e 1px;
        border-bottom: solid #ff4a6e 1px;
    }
    th.job_genre {
        border: initial;
        border-bottom: solid #ff4a6e 1px;
    }
    td.job_description {
        border: initial;
        border-bottom: solid #ff4a6e 1px;
    }
	/*ボイスサンプル一覧*/
    .prof_lead_box {
    	width: 100%;
    }
    .prof_lead {
        font-size: 0.8rem;
        padding: 16px 12px;
    }
	.voice_neme_box a {
		width: 100%;
	}
	.voice_archive_container {
        border: initial;
        border-top: solid #ff4a6e 1px;
        border-bottom: solid #ff4a6e 1px;
    }

    /*job-typeテーブル*/
    table.tab_container, table.tab_lower,table.voice_tab_container {
        width: 95%;
    }
    td.job_title, a.job_name {
        padding: 8px 6px;
        line-height: 1.3;
    }
    .tab_container tr, .tab_container td, .tab_lower tr, .tab_lower td {
        font-size: 0.8rem;
    }
	tr.tab_row.tabs, tr.tab1_row.tabs, tr.tab2_row.tabs {
    	height: 50px;
	}


    /*TOPのslick*/
    .slick-dots li button:before {
        font-size: 1.5rem !important;
        line-height: 20px !important;
        width: 20px !important;
        height: 20px !important;
    }
    .slick-dots li {
        width: 20px !important;
        height: 20px !important;
    }
    .slick-dots li button {
        width: 20px !important;
        height: 20px !important;
    }
    button.slick-prev.slick-arrow {
        width: 20px;
        height: 20px;
    }
    button.slick-next.slick-arrow {
        width: 20px;
        height: 20px;
    }

}
/*420px以下*/
@media screen and (max-width: 420px){
    .menu-content {
        max-width: 320px;
    }
	.prof_lead {
    padding: 16px 5px;
    }
}