@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ぱんくずリストを非表示にする */
/*.p-breadcrumb{
  display:none;
}*/

/* トップページのメインコンテンツの上の空白を無しにする */
.top #content {
  padding-top: 0em !important;
}

/* ヘッダーバー内のアイコンサイズを大きくする　*/
.l-header__barInner .u-fz-14{
  font-size:18px;
}

.single-post .p-articleMetas{
  display:none;
}

/* テーブルの線を消し、paddingを調整 */
.single-post .post_content td,
.single-post .post_content th{
  padding:0px 0px 1em 0;
  line-height:1.7em;
  border:none;
}

.single-post .post_content td:nth-of-type(1){
  width:20px;
  white-space: nowrap;
}

.single-post .post_content td:last-child,
.single-post .post_content th:last-child {
  border-right:none;
}

.single-post .post_content tr:last-child>td{
  border-bottom:none;
}

/* アーカイブページのサブタイトルを非表示にする */
.archive .c-pageTitle__subTitle{
  display:none;
}

/* 目次・投稿リスト・ボタン・ブログカード以外のリンクはホバー時に赤色にする */
div.post_content a:hover:not(.p-toc__link):not(.p-postList__link):not(.swell-block-button__link):not(.p-blogCard__title){
  color: #cf2e2e;
}

/*タイトル背景の高さ*/
.l-topTitleArea{
  min-height: 25vw;
}

/*タイトルを非表示にする*/
.l-topTitleArea .c-pageTitle{
  display:none;
}

@media (max-width: 599px){
  .l-topTitleArea{
	min-height: 25vw;
  }
}

/*タイトル背景画像のテキストに影をつける*/
.l-topTitleArea .c-pageTitle{
  font-size:2em;
  text-shadow:
    2px 2px 3px var(--color_main), -2px -2px 3px var(--color_main),
   -2px 2px 3px var(--color_main),  2px -2px 3px var(--color_main),
    2px 0px 3px var(--color_main), -2px -0px 3px var(--color_main),
    0px 2px 3px var(--color_main),  0px -2px 3px var(--color_main),
    2px 2px 13px #FFF, -2px -2px 13px #FFF,
   -2px 2px 13px #FFF,  2px -2px 13px #FFF,
    2px 0px 13px #FFF, -2px -0px 13px #FFF,
    0px 2px 13px #FFF,  0px -2px 13px #FFF;
}

@media (max-width: 599px){
  .l-topTitleArea .c-pageTitle{
    font-size:28px;
  }
}

/* フッターのSNSアイコンのサイズを大きくする */
.l-footer__foot .c-iconList__item a{
  font-size:20px !important;
}

/* 各ページの横幅を1200pxにする */
.l-content{
  max-width: 1100px;
}

/* トップページ、ボイスドラマの横幅を1200pxにする */
.top .l-content,
.voicedrama .l-content{
  max-width: 1200px;
}

.voice_actor .l-content{
  max-width: 1300px;
}


/* お知らせ個別ページ、ボイスドラマ個別ページの横幅を900pxにする */
.single-post .l-content,
.single-voicedrama .l-content{
  max-width: 900px;
}

/* ボイスドラマ個別ページのトップの余白を調整 */
.single-voicedrama .l-content{
  padding-top: 0em;
}

/* お知らせ個別、ボイスドラマ個別ページの下のカテゴリーを非表示にする */
.single .-bottom .c-categoryList{
  display:none;
}

/* お知らせ個別ページの関連記事を非表示にする */
.single-post  #after_article{
  display: none;
}

/* ボイスドラマ個別のタイトル、日付を非表示にする */
.single-voicedrama .c-postTitle__ttl,
.single-voicedrama .c-postTitle__date{
  display:none;
}

/* ボイスドラマ個別のおすすめのボイスドラマのタイトルを非表示にする */
.single-voicedrama .p-relatedPosts .p-postList__title{
  display:none;
}

/* MW WP FORM関連 */
/* 入力画面の表示制御 */
.mw_wp_form_input .input-show{
  display: block;
}

.mw_wp_form_input .confirm-show{
  display: none;
}

/* 確認画面の表示制御 */
.mw_wp_form_confirm .input-show{
  display: none;
}

.mw_wp_form_confirm .confirm-show{
  display: block;
}

/* エラー画面の表示制御 */
.mw_wp_form_error .errordsp-none{
  display: none;
}

/* 入力エリアのサイズ制御 */
.mw_wp_form textarea,
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"]{
  width: 100%;
}

.mw_wp_form .mwform-zip-field input[type="text"],
.mw_wp_form .mwform-tel-field input[type="text"]{
  width:85px;
}

/* 必須マークを付加する　*/
.mw_wp_form th.need::after {
  content: "必須";
  color: #ffffff;
  background: #F93636;
  font-size: 12px;
  padding: 2px 6px 3px 6px;
  border-radius: 6px;
  margin-left:1.2em;
}

/* 送信ボタン・確認ボタン */
.mw_wp_form .confirm_btn {
  width:50%;
  min-width:200px;
  max-width:360px;
  padding:10px;
  color: #fff;
  margin-top:20px;
  border: none;
  background: var(--color_main);
  transition: 0.3s;
  box-shadow: var(--swl-btn_shadow);
  font-weight: 700;
  letter-spacing: var(--swl-letter_spacing,1px);
}

.mw_wp_form .confirm_btn_small{
  width:100px;
  min-width:100px;
}

.mw_wp_form .confirm_btn:hover {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

/* 年齢　入力幅 */
input[type="text"].age{
  width:40px;
}

/* 個数　入力幅 */
input[type="text"].suryou{
  width:80px;
}

/* 日付　入力幅 */
input[type="text"].date{
  width:114px;
}

/* コンパクトアーディオプレーヤ＾のカスタマイズ */
.compact_audio_player_wrapper{
  width:50px;
  margin: 0px auto 0px auto;
}
.sc_player_container1 .myButton_play {
  background: transparent url(./img/audio-play-button.png) no-repeat !important;
  width: 50px !important;
  height: 50px !important;
}
.sc_player_container1 .myButton_stop {
  background: transparent url(./img/audio-pause-button.png) no-repeat !important;
  width: 50px !important;
  height: 50px !important;
}

.voicedrama_list .p-postList__link{
  display: inline;
}

/* ボイスドラマリストのPC版の表示を4列にする */
.voicedrama_list .-type-card.-pc-col3 .p-postList__item{
  width: calc(100% / 4);
}

/* ボイスドラマリストのSP版の表示を2列にする */
@media (max-width: 599px){
  .voicedrama_list .-type-card.-pc-col3 .p-postList__item{
    width: calc(100% / 2);
  }
}