@charset "utf-8";
/* =================================================
  カラーテーマ毎に変更するcssはこちらに記述してください。
================================================= */
html {
    line-height: 1.6;
}

body {
    font-feature-settings: "palt" 1;
}

a.guide_link{
    color: var(--link-color-colored);
    text-decoration: underline;
}

.Viewing_list a,
.guide_menu a{
    text-decoration: underline;
}

input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=number],
textarea,
select,
.addEmComment,
.addEmComment:focus,
.videosetting_tag_frame pre,
.ui-autocomplete-input{
    border: 1px solid var(--input-color-border);
    outline: none;
    transition: all .14s linear;
}

input[type=text]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus,
select:focus{
    border-color: var(--color-main);
}

div.tagsinput div{
    display: flex;
}
div.tagsinput input{
    color: var(--text-color-default) !important;
}

select {
	border: 1px solid var(--input-color-border);
    background-image: url(../images/icon_select_down.svg);
}

/* ********************* phpvide.css上書き ************************** */
/*マイリスト追加ポップアップ*/
.gritter-item{
    background-color: var(--gritter-background);
    box-shadow: var(--gritter-box-shadow);
}
header {
    border-bottom: 1px solid var(--header-bar-border-color);
}

.header_inner {
    padding-top: 12px;
    padding-bottom: 12px;
}

.header_nav > ul > li > a,
a.login_btn {
    border-bottom: 1px solid transparent;
}

.header_nav > ul > li > a:hover,
a.login_btn:hover {
    transition: all .14s linear;
    border-color: var(--color-main);
}

#header_menu a.signup_btn {
    border:none;
    background-color: var(--color-main);
}
a.login_btn:hover{
    text-decoration: none;
}

.submenu_list a {
    display: block;
}

.header_search_btn {
    border-radius: 0 6px 6px 0;
    border-left: 1px solid var(--input-color-border);
}

input[type=text].header_search_input,
input[type=search].header_search_input{
    border-radius: 6px;
}

.header_inner input[type=text].header_search_input,
.header_inner input[type=search].header_search_input{
    border: 1px solid var(--input-color-border);
    transition: all .14s linear;
    outline: none;
}
.header_inner input[type=text].header_search_input:hover,
.header_inner input[type=text].header_search_input:focus,
.header_inner input[type=search].header_search_input:hover,
.header_inner input[type=search].header_search_input:focus{
    border-color: var(--color-main);
}

#myMenu-content,
#alarm-content{
    top: 62px;
}
/* suggest用の修正 */

.c-headerSearch__suggest li a{
    transition: background-color .1s linear;
}
.c-headerSearch__suggest li a > strong{
    color: var(--color-accent) !important;
}

/* suggest用の修正 ここまで */

.header_inner .header_search_wrap:hover .header_search_btn{
    background-color: var(--color-main);
    border-color: var(--color-main);
}

/*ハンバーガーメニュー*/
@media(max-width: 768px) {
    /*ハンバーガーアイコンをCSSだけで表現*/
    .cp_hmenuac06 span,
    .cp_hmenuac06 span:before,
    .cp_hmenuac06 span:after {
        height: 1px;
    }
}

#myMenu-content h4 {
  color: var(--color-main);
}

/*ハンバーガーお知らせ既読*/
#nav-open_pf{
  top: 22px;
}

/*-------------------------フッター--------------------------*/
.footer_inner {
    margin-top: 0;
    border-top: 1px solid var(--border-color-dark);
}

.footer h2 {
    color: var(--footer-text-color-light);
}

.captiontitle {
  font-size: 2.4rem;
}

.main_contents{
    padding-bottom: 42px;
}

/*----------------------作品一覧スライダー設定---------------------*/
.rl_wd_hover_wrap a,
.rl_wd_hover_wrap .title-text{
    transition: color .14s linear;
}
.video_list_slider li .rl_wd_hover_wrap .videotitle,
.video_list_table li .rl_wd_hover_wrap .videotitle{
    transition: color .14s linear;
}
.video_list_slider li:hover .rl_wd_hover_wrap .videotitle,
.video_list_table li:hover .rl_wd_hover_wrap .videotitle{
    color: var(--color-main);
}

.video_icon_wrap{
    top: 4px;
    left: 4px;
}

/* --- 作品追加 --- */
.video_detail_plan.video_reserve{
    padding: var(--reserve-padding) !important;
}

a.top_slider_more_btn,
.footer_news .news_list_btn{
    border: 1px solid transparent;
    background-color: var(--background-color-light2);
    border-radius: 4px;
}

.top_slider_more_btn:hover,
.footer_news .news_list_btn:hover{
    color: var(--text-color-default);
    border: 1px solid var(--color-main);
    background-color: var(--color-main);
}

.videotitle {
    min-height:2.6em;
}

/*arrow付きボタン*/
a.default_btn,
.default_btn,
a.reversal_btn,
.reversal_btn,
a.default_arrow_btn,
.default_arrow_btn{
    border-radius:6px;
    border:1px solid transparent;
    transition: all .14s linear;
}

.genre_sort_inner > div{
  padding-right: 14px;
}

.genre_sort_inner > div:after{
  right: 6px;
}

/*ユーザー管理画面サイドメニュー*/
.sidebar {
  padding:15px 0px;
}

.sidebar h4{
  padding: 0 12px;
  color: var(--color-main);
}

.side_item:last-child{
    border-bottom: none;
}

.side_item li a{
    padding: 12px 12px 11px;
}

/*-コメント欄周辺*/

.addcm .post_text p{
    color: var(--warning-background-color);
}
.addcm .addEmComment:focus{
    border-color: var(--color-main);
}

/*-フッタバナーのサイズ変更*/
.footer_banner{
  justify-content: center;
}
.img_footer_banner{
    width: auto;
    height: auto;
}