/**
 * カスタムCSS
 * 旧・管理画面？
 */


/* 全般 */
.inline-block{
    display:inline;
}

.input-alert{
    color:#a94442;
}

/* 長文項目を省略 */
.long-trim {

    /* 任意 */
    max-width: 200px; /* 最大表示幅の指定 */
    min-width: 100px; /* 最小表示幅の指定 */

    /* 必須 */
    overflow: hidden; /* はみ出た部分を表示しない */
    -o-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Opera用) */
    -webkit-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Safari用) */
    text-overflow: ellipsis; /* はみ出た場合に「…」を表示 */
    white-space: nowrap; /* 空白で改行させない */
}

/* コラムの横幅 */
.item-trim {

    /* 任意 */
    max-width: 600px; /* 最大表示幅の指定 */
    min-width: 400px; /* 最小表示幅の指定 */

    /* 必須 */
    /*white-space: nowrap; !* 空白で改行させない *!*/
    /*overflow: hidden; !* はみ出た部分を表示しない *!*/
    /*text-overflow: ellipsis; !* はみ出た場合に「…」を表示 *!*/
    /*-webkit-text-overflow: ellipsis; !* はみ出た場合に「…」を表示 (Safari用) *!*/
    /*-o-text-overflow: ellipsis; !* はみ出た場合に「…」を表示 (Opera用) *!*/
}


/* パンくずリスト */
.breadcrumb{
    background-color: beige; /* 背景色 */
}
.breadcrumb > li + li:before {
    content: ">>"; /* 区切り文字 */
}

/* 登録パンくずリスト */
.signup-breadcrumb{
    background-color: beige; /* 背景色 */
    border-radius: 4px;
    list-style: none;
    margin-bottom: 20px;
    padding: 8px 15px;
}
.signup-breadcrumb > li + li:before {
    content: ">>"; /* 区切り文字 */
    display: inline-block;
}

/* フラッシュメッセージ */
.flash-danger{
    background: #fff1f0;
    color: #d85030;
    margin: 15px 0px;
    padding: 10px;
}

.flash-success{
    background: #f2fae3;
    color: #659f13;
    margin: 15px 0px;
    padding: 10px;
}

/* 詳細画面 */
.user-detail-dl dd{
    margin-bottom:10px;
}

.column-detail-dl dd{
    margin-bottom:10px;
}

.thread-detail-dl dd{
    margin-bottom: 10px;
}

.movie-detail-dl dd{
    margin-bottom:10px;
}

.banner-detail-dl dd{
    margin-bottom:10px;
}

.stepMail-detail-dl dd{
    margin-bottom:10px;
}

/* 管理画面 動画 */
.video {
    height: 0;
    overflow: hidden;
    padding: 30px 0 56.25%;
    position: relative;
}
.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* 動画URL入力 */
#url_prefix {
    font-size:10px;
}
input#url{
    font-size:10px;
}

dl {
    white-space: nowrap;
}



/* 動画一覧 */
.movie-list a{
    font-size:0.8em;
}
.movie-list-thumbnail {
    margin:0px 7px 7px 0px;
    /*width:150px;*/
    text-align:center;
}

.movie-list-thumbnail img{
    max-height: 300px;
}

.movie-list-detail {
    font-size:16px;
    margin:0px 0px;
}


/* H1 Graduation */
h1{
    /*font-size:45px;*/
    background: -webkit-linear-gradient(#dda428 0%, #896519 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* メニュー */
ul.nav.navbar-nav a:hover{
    color:#f3f3f3;
}

/* SNS Share */
#share{
    margin:30px;
    text-align:center;
}
#share ul{
    -webkit-padding-start:0px;
}
#share li {
    display:inline;
    list-style-type: none;
    margin-right: 13px;
    width: 50px;
}

/* SNS Profile */
#share_profile{
    margin:20px;
    text-align:center;
}
#share_profile ul{
    -webkit-padding-start:0px;
}
#share_profile li {
    display:inline;
    list-style-type: none;
    margin-right: 10px;
    width: 30px;
}

/* 管理画面モーダル 折り返し */
div.modal-body dl{
    white-space: normal;
    word-wrap: break-word;
}

div.modal-body #bodyDd h3{
    background: #282828;
    border: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .03);
    color: #ffffff;
    font-size: 1.25em;
    margin-bottom: 1em;
    margin-top: 2.1em;
    padding: 1em 1.1em;
    position: relative;
}

div.modal-body #bodyDd h4{
    border-left: 4px solid;
    font-size: 18px;
    margin-top: 1.8em;
    padding: .7em 0 .7em .8em;
}


/* 管理画面記事詳細 折り返し */
.dl-horizontal{
    white-space: normal;
    word-wrap: break-word;
}

/* 掲示板の画像 */
p.p-comment img{
    max-height:300px;
    max-width:90%;
}