/*
Theme Name: Yamaguchi Ichiro Channel DB child
Theme URI: 
Template: yamaguchiichiro_themes
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* 基本 */
:root {
 $00A0 $00A0--vk-color-text-body: #222222;
}

@media (min-width: 1200px) {
    .site-body {
        padding: 2rem 0 2rem;
    }
}
/* カスタムフィールド */
.acf .acf_fields {
	display:flex;
 	justify-content: flex-start;
 	border-bottom: 1px solid #ccc;
}
.acf .acf_fields dt{
 	width: 150px;
 	padding: 5px;
	margin-bottom: 1px;
 	text-align: center;
	background: #ddd;
	border-bottom: 2px solid #fff;
}
.acf .acf_fields dd{
 	padding: 5px;
 	/* width: calc(100% - 200px / 2); */
 	border-left: 1px solid #ccc;
	/* text-align: center; */
}

/* リスト */
ul, ol {
	margin-left: 5px;
}
li {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 12px;
}

/* リンク */
a, li a, p a {
	text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 2px;
    text-decoration-color: rgba(32, 32, 32, .3);
    text-decoration-thickness: 2px;
}
/* サイドバー　カテゴリリスト */
.widget_nav_menu>div>ul li a {
	font-size: 1.0em;
	font-weight: 600;
}
.vk-menu-acc li {
	font-size: 0.9rem;
}

/* 更新日非表示 */
.entry-meta-item-updated {
	display:none;
}
/* 投稿者非表示 */
.entry-meta-item-author {
	display:none;
}
/* 日付非表示
.entry-meta-item-date {
	display:none;
} */

/* ヘッダー */
.site-header-logo {
	font-size: 1.0rem;
}

.global-nav .nav li a:hover {
    background-color: #ddd;
}

/* 投稿ページ内　カテゴリー、タグ */
div.entry-meta-data-list dt, dd a {
	font-size: 1.0rem;
}

div.entry-meta-data-list--category dd a {
	text-decoration-style: dotted;
}
div.entry-meta-data-list--category dd a:hover {
	text-decoration: none;
	color: #1e73be;
}

.tagcloud a {
	font-size: 1.0rem !important;
	background-color: #ddd;
}
dd.tagcloud a:hover {
	color: #1e73be;
}

.wp-block-tag-cloud a {
	text-decoration-style: dotted;
}


/* ページヘッダー */
.page-header {
    color: #fff;
    background-color: #333;
}

/* =====================
ヘッダーメニューの文字色と下線色を変更
===================== */	

.global-nav .nav li a {
	color:#222;
}

.global-nav-list > li::before {
	border-bottom: 1px solid #222;
}

/* グローバルナビ */
.global-nav-list>li .global-nav-name {
	font-size: 0.9rem;
}
/* ヘッダーメニュー ツリー */
.global-nav-list>li>ul.sub-menu {
	background-color: #fff;
	font-weight: bold;
}

.global-nav-list>li>ul.sub-menu a:hover {
	color: #333;
}

/* h2 */
h2.wp-block-heading{
	border-bottom: 2px solid #333;
	border-top: none;
	font-size: 1.2rem;
}

.btn-primary {
    background-color: #333;
    border-color: var(--vk-color-primary-dark);
}
/* ショートコード */
h4.short_code{
	font-size: 1.1rem;
}

/* サイドバー タイトル */
h5.wp-block-heading {
	border-bottom: 2px solid #333;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

.widget_block{
	margin-top: 5px;
	margin-bottom: 2px;
}

/* リストの区切り線 */
.vk_post.media {
	border-bottom: 1px solid #ccc;
}

/* 投稿ページ内　ステータス表示 */
.youtube_private {
	color: #fff;
    background-color: #ab73e2;
	padding: 0.5em 0.5em;
	font-size: 0.8rem;
}
.youtube_unlisted {
	color: #fff;
    background-color: #cc0000;
	padding: 0.5em 0.5em;
	font-size: 0.8rem;
}

/* 配信時間表示 */
.youtube_duration {
	font-size: 0.8rem;
	font-weight: bold;
}

/*youtube埋め込み*/
.video {
  position: relative;
  width: 100%;
  height: 0;
 $00A0padding-bottom: 56.25%; //16:9 
 $00A0overflow: hidden;
  margin-bottom: 50px;
}
.video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*youtube埋め込み終了*/ 

/* ページヘッダー */
.page-header{
	background-image: url("https://www.shinkiro.shop/wp-content/uploads/page-header03.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* カレンダーウィジェット --------------------------*/
.wp-block-calendar td a{
		font-weight: bold;
}

/*日曜日のヘッダーセル*/
.wp-block-calendar thead tr th:nth-child(1){
  background-color: #F5D0D3;
}

/*土曜日のヘッダーセル*/
.wp-block-calendar thead tr th:nth-child(7){
  background-color: #C0DDF9;
}

/* 最近の投稿に「新着」マークを付ける */
.new-post-badge{
   color: #cf2e2e;
   display: inline-block;
   _padding: .25em .4em;
   _margin-left:1rem;
   font-size: 100%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   _border-radius: .25rem;
}