/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 05 2026 | 23:12:49 */
/* デスクトップ時の調整*/
header * {
	@media (min-width:980.9px) and (max-width:1100px) {
		font-size: 14px !important;
		gap: 1vw !important;
	}
	@media (min-width:922px) and (max-width:980px) {
		font-size: 13px !important;
		gap: 8px !important;
	}
}

/* 日本語改行の調整 */
h2,h3,h4,h5 {
	word-break: auto-phrase !important;
}

/* フロントページ */
body.home{
	
	#top-mv {
		overflow-x:clip;
	}
	
	#mv-thumbnail {
		@media (min-width: 980.9px) and (max-width: 1260px){
			margin-right: calc( 28vw - 50% ) ;
		}
		@media (min-width:922px) and (max-width:980px) {
			margin-right: 10px ;
		}
	}
	
	.plan-price {
    	display: inline-flex;
    	justify-content: center;
    	align-items:baseline;
    	gap: 5px;
	}
	
	#price table {
		@media (max-width: 976px) {
			font-size: clamp(14px, 1.537vw, 15px);
		}
		@media (max-width: 767px) {
			font-size:14px;
		}
	}
	
	@media (max-width: 767px) {
		#plan-option table tr {
			display:flex;
			flex-wrap: wrap;

			td:first-of-type {
				min-width: 100%;
			}

			td {
				padding:0 !important;
			}

			+tr {
				margin-top: 15px;
			}
		}
	}
	
	.uagb-container-inner-blocks-wrap {
		.taxonomy-category {
			display: flex;
			gap: 5px;
			
			a {
				padding: 2px 14px ;
				width: fit-content;
				display:flex;
				align-items:center;
				justify-content:center;
				background: #D9D9D9;
				border-radius: 4px;
			}
			
			.wp-block-post-terms__separator {
				display: none;	
			}
		}
		
		#top-info & {
			.taxonomy-category a {
				min-width: 100px;
				text-decoration: none;
			}
			.wp-block-post-title a {
				text-decoration: none;
				
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
	
	@media only screen and (max-width: 976px) {
		.uagb-post__image:first-child {
			margin-left: -20px !important;
			margin-right: -20px !important;
			margin-top: -20px !important;
		}
	}
	
	.uagb-post-grid .uagb-post__image a {
		aspect-ratio: 16 / 10;
		width: 100%;
		background: #ededed;
		
		img {
			object-fit: cover;
		}
	}
	
	.uagb-post__text.uagb-post-grid-byline {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		
		.uagb-post__date {
		 margin-right: 0;		
		}
		
		.uagb-post__date::after {
			display: none;
		}

		.uagb-post__taxonomy {
			display: flex;
			gap: 6px;
			
			a {
				display: flex;
				background: #BEBEBE;
				font-size: 12px;
				line-height: 1.1;
				color: #000;
				padding: 3px 6px;
				border-radius: 4px;
				
			}
		}
	}
}

/* サイドバーリンクの表示 */
#secondary .aside-catelinks {
    li {
        margin-bottom: 12px;
    }
     a {
        display: flex;
        border-left: solid 4px #eee;
        border-radius: 0;
        padding: 2px 8px;
        font-size: 14px;
           
        &:hover{
            opacity: 1;
			background: #ffeed0;
            color: #046bd2;
			border-color: #FFCC66;
        }
     }
}

/* サイドバー追従　上付きの調整 */
@media (min-width: 922px) {
    .ast-sticky-sidebar .sidebar-main {
        top: 100px !important;
    }
}

/* CTA部分、モバイル時にフッター追従する */
@media (max-width:922px) {
	.entry-content {
		position:relative;

		#cta {
			position:sticky;
			bottom: 0;
			z-index: 10;
		}
	}
}

/* ドロップシャドウの調整 */
.ast-post-format- {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 6px 15px -2px rgba(16, 24, 40, 0.1) !important;
}

.wp-singular .site-main .ast-post-format- { 
	box-shadow: none !important;
} 

/* 左右レイアウト間の区切り罫線の削除 */
.ast-right-sidebar {
	 #primary {
		border-right: none !important;
	}
	#secondary {
		border-left: none !important;
	}
}

/* 検索フォームの調整 */
aside .wp-block-search__button {
    padding:0;
    margin:0;
    width:40px;
    height:40px;
    display: flex;
    justify-content:center;
    align-items:center;
}

/* 検索フォームの調整 */
.search-form {
    display:flex;
    flex:1 1 auto;
    
    input {
        display: flex;
        height: 42px;
        align-items: center;
        padding:6px 10px; 
    }
    
    [type="search"] {
        width:300px;
    }
}

/* ヘッダー 幅と追従の調整 */
.site-primary-header-wrap.ast-container {
    max-width: 1272px;
    padding-inline: 0;
}

.hfeed.site {
    position:relative;
    
    header {
        position: sticky;
        top: 0;
        html:has(.admin-bar) & {
            top:32px;
        }
    }  
}

/* ヘッダーメニュー調整*/
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
	line-height: 1.2;
}

.main-header-menu .menu-link, .main-header-menu>a {
	padding: 0;
}

.main-navigation ul {
	gap: 10px 20px;
	flex-wrap: nowrap;
}

/* メニューリンクがアンカーの際の調整 */
.menu-item.current-menu-item > .menu-link[href*="#"]{
    color:inherit;
}

/* アーカイブページ　meta要素の調整 */
.wp-singular .entry-meta {
    display: flex;
    justify-content:center;
    gap: 20px;
    color: #ccc;

    *  {
        color: #999;
		font-weight: 400;
    }
}

.entry-meta {
	color: #ccc;
	
	*  {
        color: #000;
		font-weight: 400;
    }
}

/* アーカイブページ　サムネイル画像の調整 */
.post-thumb-img-content.post-thumb {
	background: #ededed;
	
	img {
		object-fit: cover;
	}
}

/* パンくずの表示調整 */
main:has(#request) .ast-breadcrumbs-wrapper {
	display: none;
}

/* カスタム投稿　ヘッダー部分 */
.entry-header {
	span.ast-author-avatar {
		display: none;
	}
}

/* フッターの調整 */
footer {
	#astra-footer-menu {
		gap: 10px 40px;
	}
	
	.site-above-footer-wrap ul li + li{
		margin-top: 16px;
	}
}

/* お役立ち情報　投稿ページ */
.single-knowledge {
	p {
		line-height: 2;
	}

	h2.uagb-heading-text {
		border-left: solid 8px #ffab13;
		padding-left: 12px;
	}
	
	.wp-block-uagb-advanced-heading:has( h2 ) {
		margin-top: 60px;
		margin-bottom: 30px;
	}
	
	.wp-block-uagb-advanced-heading:has( h3 ) {
		margin-top: 50px;
		margin-bottom: 24px;
	}
	
}