/*
Theme Name: unitone Child
Version: 19.4.0
Template: unitone
*/
div{
	box-sizing:content-box;
}

/* スクリーンリーダーにのみ認識させる要素 */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}




img.wp-image-227{
	width:200px;
	height: auto;
}

.right-column-bg{
	width: 100%;
}

.right-column-bg img{
	width: 100%;
}

/* テーマのwidth設定を無効化 */	
html, body {
  overflow-x: hidden;
}

.onboarding-flow{
	width:100%;
}

.onboarding-flow-step h3 {
    font-size: 1.2rem;
	font-weight: bold;
}
.onboarding-flow-content p {
    font-size: 1rem;
}


/* 会社概要 */
.company-overview {
    width: 100%;
    margin: auto;
}
.company-overview figure.wp-block-table.is-style-bordered{
	margin: 0;
}

@font-face {
    font-family: 'BIZ UDPGothic';
    font-display: swap;
}
:root :where(.is-layout-grid){
	gap: 0;
}

/* フォントレイアウト */
h2, h3, h4{
	padding-top: 30px;
}


	.wp-site-blocks>div {
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
	position: relative;
}

header.wp-block-template-part{
	z-index:20;
}

/*モバイルファースト用3カラムレイアウト*/
main{
	width: 100dvw;
}




.entry-content.wp-block-post-content.is-layout-constrained.wp-block-post-content-is-layout-constrained{
	padding: 0;
}


.wp-block-group.has-background{
	padding: 0;
}

.three-column-container {
    display: flex;
    position: relative;
    min-height: 100vh;
	flex-basis:auto;
}

header, .main-column, .right-column{
	min-height: 120vh;
}


.main-column {
    min-width: 400px;
    max-width: 400px;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin: 0 !important;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    overflow: hidden;
    flex-shrink: 0;
    z-index: 2;
    background: #3d2818;
    box-shadow: inset 10px 0 20px rgba(0, 0, 0, .3), inset -10px 0 20px rgba(139, 92, 62, .1), 12px 0 20px rgba(0, 0, 0, .3);
}
.main-column:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(190deg, #ffffff00 0%, #1e0e0857 50%, #ffffff00 100%) repeat-y;
    background-size: 100% calc(100% / 3);
}

.main-column:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-right: 2px solid #8b5c3e;
    border-left: 2px solid #5d3a26;
    z-index: 1;
	pointer-events: none;
}

.right-column {
    flex: 1;
    background-color: inherit;
    padding: 20px;
	margin: 0 !important;
}

/* 右カラム画像の表示スタイル */
div.bg-contain div{
	background-size: contain !important;
}

/* タブレット対応 */
@media screen and (max-width: 1024px) {
	main{
	width: 100%;
}

    .main-column {
	min-width: auto;
	max-width: 100%;
	width: 100%;
    }
	body .is-layout-grid .right-column {
        display: none;
    }
}

/* モバイル対応 */
@media screen and (max-width: 599px) {
	main{
	width: 100dvw;
}

	
    .three-column-container {
        display: block;
		margin-left: 0; 
    }


	.wp-site-blocks>div{
		-ms-grid-columns: 0 1fr;
		grid-template-columns: 0 1fr;
	}
    
    .main-column {
		width: clamp(320px, 40vw, 400px);
		padding: 0px;
        box-shadow: none;
		
    }
	

}

/* SNSアイコンサイズ */

.cuore-sns{
	gap:1rem;
}
ul.cuore-sns li a {
    min-height: 44px;
    min-width: 44px;
    margin: auto;
}

.wp-block-social-links .wp-social-link svg {
    min-height: 24px;
    min-width: 24px;
    margin: auto;
}



/* ブログページ */
.blog-nav ul{
	grid-template-columns: 1fr;
}