@charset "utf-8";

/* ----------------------------------------------------------------------- 
netsuko common
-------------------------------------------------------------------------*/
.page-netsuko .pc-only {
    display: block;
}
.page-netsuko .sp-only {
    display: none;
}

/* MENUナビ(#hamburger_nav_area)を表示。旧はbiz style.cssのdisplay:noneを打消していたが、
   fan独立でstyle.css自体を読まなくなったため実質defaultだが、他CSSのhide対策で明示block維持 */
.page-netsuko #hamburger_nav_area {
    display: block;
}

/* fan独立方針(2026-07-02・fanトップと同一): biz style.css を読み込まないため、PC/SPレイアウト幅は
   旧同様 common.js の .touch(タッチ有無)ベースで制御する。biz reset.css の幅ベース副作用を打ち消し旧一致させる。
   ※netsuko/floor(class=page-netsuko)も本ファイルを読むため共通で効く。SP確認は実機/デバイスモード。 */
.touch .page-netsuko #container { min-width: 0; }                          /* タッチ時=SP解放 */
.touch .page-netsuko .titlenavigation.holdings-titlenav { display: none; } /* SP時は共有ヘッダーPC用共通navを非表示(旧同様) */
.no-touch .page-netsuko #container { min-width: 980px; }                   /* 非タッチ(PC)は980維持=旧一致 */

/* 移管ページ共通: ページ背景を白に。biz reset.css の body{background:#f2f2f2 !important} の灰色を #page(全体ラッパ)を白くして覆う */
#page { background-color: #fff; }

.flex__block {
	display: flex;
}
.flex__block.just-spabe {
	justify-content: space-between;
}
.flex__block.just-flexen {
	justify-content: flex-end;
}
.flex__block.just-center {
	justify-content: center;
}
.flex__block.flexdir-row-r {
	flex-direction:row-reverse;
}
.flex__block.flex-wr {
	flex-wrap: wrap;
}
.flex__block.align-flexen {
	align-items: flex-end;
}
.flex__block.align-center {
	align-items: center;
}
.flex-sp__block {
	display: block;
}

.t-center {
	text-align: center;
}
.t-right {
	text-align: right;
}

.page-netsuko a.on-hover:hover {
    opacity: 0.7;
}

/* SP Responsive (netsuko common)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko .pc-only {
		display: none;
	}
	.page-netsuko .sp-only {
		display: block;
	}
	.flex__block {
		display: block;
	}
	.flex-sp__block {
		display: flex;
	}
	.flex-sp__block.align-ce {
		align-items: center;
	}

	/*common custom*/
	.page-netsuko .column-three_child {
		border-top:10px #fff solid !important;
		border-left:none !important;
	}
	/* /common custom*/
}


/* custom */
.page-netsuko .bottom_nav {
    margin: 20px 0;
}
.page-netsuko .bottom_nav .middle_section {
    background: #fff;
}
.page-netsuko .bottom_nav .middle_section ul li {
    margin: 0 16px 10px 0;
}
.page-netsuko .bottom_nav .middle_section ul li:nth-child(4n) {
    margin: 0 0 10px 0;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko .bottom_nav .middle_section ul {
		width:100%;
		text-align: left;
	}
	.page-netsuko .bottom_nav .middle_section ul li {
		float: left;
		margin: 0 0 2% 2%;
	}
	.page-netsuko .bottom_nav .middle_section ul li:nth-child(4n) {
		margin: 0 0 2% 2%;
	}
	.page-netsuko .bottom_nav .middle_section ul li img {
		width:100%;
	}
}