@charset "utf-8";
/*
Theme Name: ランドセルブログ2025
Theme URL: https://randoseru.morita-co.jp/blog
Description: ランドセルサイトのコラム
Author: lobo workstation
Version: 1.0
*/

html{
	background-color: #FFF;
}
body {
	color: #333;
	font: 16px/1.4 'Helvetica Neue', sans-serif;
}


.pw{
	max-width: calc( 620px + 60px );
	margin-left: auto;
	margin-right: auto;
	padding: 0 30px;
}
.pw-index{
	max-width: calc( 1000px + 40px );
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
}



.global-header{
	position: relative;
	height: 55px;
	background: rgba(255,255,255,0.95)
}

/*サイトロゴ／絶対配置*/
.site-id{
	width: 80px;
	position: absolute;
	top: 15px;
	left: calc( 50% - 40px);
}


.pc-nav-wrap{
	display: none;
}

main a{
	color:#1558d6;
}
/*main a:hover{
	color:#27565A;
}*/

/* ==================================================================================

		PCヘッダーの制御

================================================================================== */

@media (min-width:900px){
	.overlayMenuBtn{
		display: none;
	}
	/*グロナビ全体のwrap／高さ90指定／相対配置*/
	.global-header{
		height: 90px;
	}
	/*サイトロゴ／絶対配置*/
	.site-id{
		width: 120px;
		position: absolute;
		top: 20px;
		left: 20px;
	}
	/*グロナビとボタンまとめてwrap*/
	.pc-nav-wrap{
		display: flex;
		position: absolute;
		top: 0;
		right: 0;
	}
	/*グロナビとボタンの各ULをflex*/
	.pc-nav-wrap ul{
		display: flex;
	}
	.pc-nav{
		margin-right: 10px;
	}
	/*グロナビとボタンの各liをflex - 上下センターに／高さ90指定／フォントサイズ*/
	.pc-nav li{
		display:flex;
		align-items: center;
		height: 90px;
		font-size: 1.4rem;
	}
	.pc-nav li a{
		display: block;
		padding: 0 15px;
		font-weight: bold;
		transition-duration: 0.3s;
	}
	.pc-nav li a:hover{
		color: #369EA6;
	}
	.pc-nav li span{
		color: #969696;
		font-weight: bold;
		display: block!important;
		padding: 0 15px;
	}
	/*サブナビ（ボタン）*/
	.pc-nav-sub li{
		font-size: 1.2rem;
		transition-duration: 0.3s;
	}
	.pc-nav-sub li a{
		padding: 0 15px;
		display: flex;
		align-items: center; 
		height: 100%;
	}
	.pc-nav-sub li:nth-child(1){
		background: #369EA6;
	}
	.pc-nav-sub li:nth-child(1):hover{
		background: #205E63;
	}
	.pc-nav-sub li:nth-child(1) a{
		color: #FFF;
	}
	.pc-nav-sub li:nth-child(2){
		background: #D1B971;
	}
	.pc-nav-sub li:nth-child(2):hover{
		background: #A98C36;
		color: #FFF;
	}

}

/* ==================================================================================

		フッター

================================================================================== */
.footer{
	background-color:#F2F2F2;
	padding: 50px 0;
	margin-top: 50px;
}
@media (min-width:768px){
	.footer{
		margin-top: 75px;
	}
}
.footer-id{
	width: 120px;
	margin: 0 auto;
}

/* Section Separator---------------------------------------------------------

　トップへ戻るセクション

----------------------------------------------------------------------------*/
.store-top{
	background-image: url("https://morita.itembox.design/item/lb-randoseru_to-top.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 40px;
	background-position: center center;
}
.store-top .inner{
	padding: 0 20px;
	height: 240px;
	position: relative;
}
.store-top-copy{
	width: 200px;
	position: absolute;
	top: 50px;
	transition-duration: 0.3s;
}
.store-top-tag{
	width: 250px;
	background: rgba(255,255,255,0.90);
	position: absolute;
	bottom: 0;
	transition-duration: 0.3s;
}
.store-top-tag a{transition-duration: 0.3s;}
.store-top-tag a:hover{
	opacity: 0.5;
}
@media (min-width:768px){
	.store-top .inner{
		max-width: 1150px;
		padding: 0 40px;
		margin: 0 auto;
		height: 440px;
	}
	.store-top-copy{
		width: 360px;
		top: 110px;
	}
	.store-top-tag{
		width: 360px;
		height: 166px;
		bottom: 0;
	}
}