/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */
/************************************
埋め込み動画
************************************/
.video1 {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.video1 iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/************************************
記事一覧（アーカイブ）
************************************/
/*** カテゴリボタン(グリッド) ***/
.grid_post-box .post-cat {
    background: #b63434;
    padding: 2px 0;
    font-size: .6em;
    font-weight: 700;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
}

/*** タグボタン(グリッド) ***/
.grid_post-box .post-tag a {
    display: inline-block;
    vertical-align: middle;
    background: #4d76a9;
    color: #fff;
    padding: 2px 8px;
    font-size: .6em;
	  font-weight: 700;
    margin: 0 3px;
    border-radius: 2px;
    position: relative;
    z-index: 1;
}

/*** カテゴリボタン(リスト) ***/
.post-cat a, .post-cat-sp a {
    color: #fff;
    background: #36b0b0;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
}

/*** タグボタン(リスト) ***/
.post-box .post-tag a {
    display: inline-block;
    background: #70b8f1;
    color: #fff;
    padding: 3px 8px;
    font-size: 10px;
    margin: 0 3px;
    border-radius: 2px;
    position: relative;
    z-index: 1;
}

/*** スマホアイキャッチ上のカテゴリタグ非表示 ***/
@media screen and (max-width:640px){
.post-cat{
	display:none !important;
}
}

/*** 記事一覧タイトル ***/
.post-box .post-title {
    font-weight: bold;
    font-size: 19px;
    padding: 5px 0;
}
/************************************
個別記事
************************************/
/*** カテゴリボタン ***/
.hentry .single-post-category {
    font-size: .8em;
    background: #b63434;
    padding: 0.3em 1em;
    margin: 2px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

/*** タグボタン ***/
#single-main .post-meta .tag, #single-main .article_footer .tag {
    display: inline-block;
    margin-right: 5px;
    padding: 0.3em 0.5em;
    border-radius: 2px;
    margin-top: 5px;
    vertical-align: middle;
    background: #eaeef7;
    font-size: .8em;
}

/*** おすすめ記事 ***/
.recommend-title {
    color: #135d97;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: calc(3em + 16px);
}

/*——————————————————————
Shortcodes Ultimate
——————————————————————*/
/*---ボタン---*/

.su-button-style-flat, .su-button-style-flat span {
    border: none;
    margin: 2px 0;
}