/*
カスタム CSS 機能へようこそ。

使い方については、https://wp.me/PEmnE-Bt をご覧ください。
*/
.compact-navigation header.site-header .custom-logo, .compact-navigation header.site-header .retina-logo {
	max-width: 160px;
}

a:hover {
	color: #00ACB7;
}

h1 a {
	color: #262626;
}

h2, h2.entry-title, .blog .format-link h2, .blog .format-link h1, .blog .format-link h3, .blog .format-link h4, .archive .format-link h2, .archive .format-link h1, .archive .format-link h3, .archive .format-link h4, .blog .format-quote blockquote>p, .archive .format-quote blockquote>p, .blog .format-quote blockquote, .archive .format-quote blockquote {
	line-height: 150%;
}

.wp-block-image img {
	width: 800px;
}

.entry-content a, .holder-icon a {
	color: #00ACB7;
}

.entry-content a:hover, .holder-icon a:hover {
	color: #898989;
}


body .content-area #infinite-handle>span>button{
	color: #00ACB7;
}

body .content-area #infinite-handle>span>button{
	background-color: #ffff;
	border-style: solid;
  border-width: 1px;
	border-color: #00ACB7;
}

body .content-area #infinite-handle>span>button:hover{
	background: #00ACB7 !important;
}

.post-navigation .nav-previous:before, .posts-navigation .nav-previous:before, .post-navigation .nav-next:before, .posts-navigation .nav-next:before{
	color: #00ACB7;
}

/*サムネイル画像　*/
.featured-image {
    opacity: 1;
    transition: opacity 0.3s ease; /* アニメーションの設定 */
}

.featured-image:hover {
    opacity: 0.7; /* ホバー時の透明度 */
}



/*　記事　*/
.wf-active .comment-respond .comment-reply-title, .wf-active .comments-title .side, .wf-active .side, .wf-active .side h2, .wf-active .site-title, .wf-active .site-title a, .wf-active body.page .entry-header .entry-title, .wf-active h1 {
	font-weight: 500px;
	line-height: 50px;
	line-height: 150%;
}

p {
	line-height: 28px;
	color: #333333;
	line-height: 200%;
}

figcaption {
	color: #898989;
	font-size: 10pt;
}

figure {
	margin: 1em;
}

.wp-block-image {
	margin-top: 1.0em;
	margin-bottom: 1em;
}

.wf-active .back-to-top, .wf-active .masonry-layout .sticky:not(.slick-slide) .entry-title, .wf-active h4 {
	font-weight: 500;
	margin: 0.5em 0.1em;
}

.content p {
margin-bottom: 1.0em;
}>


/*　記事end　*/
a {
	color: #262626;
}

.icon-search {
	color: #898989;
}

.sidemenu {
	background: #F7F7F7;
}

/* 関連記事 (YARPP)  */
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 250px !important;
height: auto !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
max-width: 250px !important;
height: auto !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
max-height: 5.5em !important;
}
.yarpp-related .yarpp-thumbnail-title {
font-size: 80% !important;
}

/* 1 sidemenu */
div.sidemenu a {
	color: #898989;
}

div.sidemenu i {
	color: #898989;
}

div.sidemenu a:hover {
	color: #00ACB7;
}

div.sidemenu i:hover {
	color: #00ACB7;
}

.menu-toggle:hover {
	color: #00ACB7;
}

.menu-toggle-line {
	background-color: #262626;
}

.menu-toggle .menu-toggle-line {
	background-color: #898989;
}

.menu-toggle .menu-toggle-line:hover {
	background-color: #00ACB7;
}

.social-menu-trig {
	visibility: hidden;
}

/* 2 上menuの中身 */
/* 3 home */
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-8 a {
	color: #898989;
	font-size: 15px;
	opacity: 1;
}

.sidemenu li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-8 a {
	color: #898989;
	font-size: 20px;
	opacity: 1;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-8 a:hover {
	color: #00ACB7;
	opacity: 1;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-405 a {
	font-size: 15px;
	color: #898989;
	opacity: 1;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4937 a {
	font-size: 15px;
	color: #898989;
	opacity: 1;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4942 a {
	font-size: 15px;
	color: #898989;
	opacity: 1;
}

.sidemenu li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-405 a {
	font-size: 20px;
	color: #898989;
	opacity: 1;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-405 a:hover {
	color: #00ACB7;
}

.social-menu-trig {
	color: #00ACB7;
	display: none;
}

.sidemenu-nav-hr-line {
	display: none;
}

.site-description {
	color: #898989;
}

a.read-more-link {
	color: #00ACB7;
}

a.customize-unpreviewable {
	color: #000000;
}

.jetpack-social-widget-list.size-medium:hover {
	color: #00ACB7;
}

div.blackout {
	background-color: #00ACB7;
}

/*1 写真ホバー*/
.site-main .featured-image>a:before, figure.gallery-item a:before {
	display: none;
}

.skip-lazy.wp-post-image:hover {
	box-shadow: 0 0 0 8px rgb(0,172,183);
}

/*1  Footer内 */
.col-lg-4.col-sm-6.widget-area {
	margin-top: 0;
	margin-bottom: 0;
}

.widget.widget_search,.widget.jetpack_widget_social_icons {
	margin-bottom: 30px;
}

.icon.icon-facebook, .icon.icon-twitter, .icon.icon-instagram, .icon.icon-mail {
	color: #898989;
}

.icon.icon-facebook:hover, .icon-twitter:hover, .icon-instagram:hover, .icon-mail:hover {
	color: #00ACB7;
}

.widget.widget_media_image {
	margin-bottom: 25px;
}

.widget.widget_text {
	margin-bottom: 20px;
}

.col-xs-12.site-info {
	margin-top: 30px;
}

/*1  Footer内end */
#respond h3 {
	font-size: 20px;
}

.widget_search input.search-submit[type=submit] {
	margin: 0 1.2em 0 0;
}

.wf-active .format-link a, .wf-active .format-quote cite, .wf-active .read-more-link, .wf-active .site-info, .wf-active .widget-title, .wf-active .widget-title label {
	font-size: 14px;
	font-weight: 500;
}

.blog:not(.masonry-layout) .site-main article, .archive:not(.masonry-layout):not(.tax-jetpack-portfolio-type):not(.post-type-archive-jetpack-portfolio) .site-main article {
	max-width: 800px;
	width: 100%;
}

.single .featured-image>img, body.page .featured-image>img, .blog .featured-image>a, .blog .featured-image>a>img, .archive .featured-image>a, .archive .featured-image>a>img {
	max-width: 800px;
	width: 100%;
}

/*1 記事内動画埋め込み*/
.video-container {
    position: relative;
    width: 100%;
    max-width: 800px; /* テスト用に固定幅を設定 */
    margin: 0 auto; /* 中央寄せ */
    background: transparent;
}

.video-container video {
    width: 100%; /* 動画の幅を親要素に合わせる */
    height: auto; /* 縦横比を保持 */
    display: block;
}
.wp-element-caption,
.wp-block-image figcaption {
  text-align: left;
}