.elementor-1242 .elementor-element.elementor-element-45be8b3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-491f6a5f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1242 .elementor-element.elementor-element-20a7183b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-7b0fda5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1242 .elementor-element.elementor-element-38755879{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 32px;--row-gap:0px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-4d2f4ce5{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-4d2f4ce5:not(.elementor-motion-effects-element-type-background), .elementor-1242 .elementor-element.elementor-element-4d2f4ce5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hakuei-shoji.jp/wp-content/uploads/2025/06/Artboard-55.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1242 .elementor-element.elementor-element-43801e5b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1242 .elementor-element.elementor-element-694f7113 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:1.5rem;font-weight:600;color:var( --e-global-color-c11d568 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1242 .elementor-element.elementor-element-575f9392{font-family:"Noto Sans JP", Sans-serif;font-size:1rem;font-weight:400;color:var( --e-global-color-cec362f );}.elementor-1242 .elementor-element.elementor-element-332dc3fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-6738af31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-1c311029{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 0px;--row-gap:32px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-1a72b5c5 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:1.5rem;font-weight:600;color:var( --e-global-color-c11d568 );}.elementor-1242 .elementor-element.elementor-element-160d921{--display:flex;}@media(min-width:768px){.elementor-1242 .elementor-element.elementor-element-4d2f4ce5{--width:50%;}.elementor-1242 .elementor-element.elementor-element-43801e5b{--width:50%;}}@media(max-width:767px){.elementor-1242 .elementor-element.elementor-element-20a7183b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-38755879{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1242 .elementor-element.elementor-element-694f7113{text-align:center;}.elementor-1242 .elementor-element.elementor-element-694f7113 .elementor-heading-title{font-size:1.3rem;line-height:1.5em;}.elementor-1242 .elementor-element.elementor-element-575f9392{font-size:1rem;}.elementor-1242 .elementor-element.elementor-element-1c311029{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1242 .elementor-element.elementor-element-1a72b5c5{text-align:left;}.elementor-1242 .elementor-element.elementor-element-1a72b5c5 .elementor-heading-title{font-size:1rem;}}/* Start custom CSS for shortcode, class: .elementor-element-5d7911d *//* ===== コンテナ (flex → wrap) ================================= */
.genre-nav{
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	margin:24px 0;
}

/* ===== 個別ボタン ============================================ */
.genre-btn{
	position:relative;
	flex:0 1 calc(33% - 18px);      /* 4列基準。幅は後述メディアクエリで調整 */
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:14px 20px;
	background:#c3eef7;
	border:1px solid #71dfed;
	border-radius:8px;
	color:#333333;
	font-size:1rem;
	font-weight:600;
	line-height:1.3;
	cursor:pointer;
	transition:background .15s, box-shadow .15s;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* ホバー時の効果 */
.genre-btn:hover, .genre-btn:focus{
    color:#333333;
	background:#71DFED85;
}

/* =====▼ 小さなピンクの矢印 =================================== */
.genre-btn .chevron{
	width:20px;             /* アイコンサイズ */
	height:20px;
	margin-left:20px;
	background:url('/wp-content/uploads/2025/06/Vector-9-Stroke.svg') 
	           no-repeat center / contain;
	flex-shrink:0;
}

/* ===== モバイル (1列) ======================================== */
@media(max-width: 768px){
	.genre-btn{
		flex:1 0 100%;          /* フル幅 */
	}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-271a589 */.grandcat{
	border-bottom:3px solid #F368A1;
	padding-bottom:16px;
	color:#00459B;
	font-size:1.5rem;
	font-weight:600;
}

.grandcat-grid{
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	margin-bottom:32px;
}

.grandcard{
	flex:0 0 calc(20% - 24px);
	max-width:calc(20% - 24px);
	display:flex;
	gap:20px;
	flex-direction: column;
}

.grandcard .thumb img{
	width:566px;
	max-width: 100;
	height:auto;
	border-radius:5px;
}

.grandcard .info{
	flex:1;
	margin-left:12px;
	display:flex;
	flex-direction:column;
}

.post-title{
	color:#333333;
	font-size:1rem;
	font-weight:500;
	margin:0;
	font-family: "Noto Sans JP", Sans-serif;
}

.price{
	font-size:0.9rem;
	line-height:1.4;
	color:#333;
	margin-bottom:10px;
}

.actions .btn.detail{
	display:none;
	background:#F368A1;
	color:#fff;
	padding:6px 20px;
	border-radius:6px;
	font-size:0.85rem;
	transition:opacity .2s;
	text-decoration:none;
}

.actions .btn.detail:hover{
	opacity:0.85;
}

.price{
    display: none;
}

@media (max-width: 768px){
	.grandcat-grid{
		gap:8px;
	}

	.grandcard{
		flex:0 0 calc(50% - 4px);
		max-width:50%;
		flex-direction:column;
		align-items:center;
	}
}/* End custom CSS */