@charset "UTF-8";
/* CSS Document */


/*==============================
メイン設定
==============================*/

main{
	margin: 0 auto 200px;
}

/*------------------------------
パンくずリスト設定
------------------------------*/

.breadCrumb{
	margin: 45px auto 0;
	width: 960px;
	color: #4D4D4D;
	font-size: 1.4rem;
	line-height: 18px;
}

/*------------------------------
バナー設定
------------------------------*/

/*オンラインショップバナー*/
.bnrShop{
	margin: 200px auto 0;
	width: 720px;
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));
}

/*オンラインショップバナー 画像*/
.bnrShop img{
	border-radius: 20px;
}

/*オンラインショップ&インスタバナー*/
.bnrShopInsta{
	margin: 0 auto;
	width: 890px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/*オンラインショップ&インスタバナー リスト*/
.bnrShopInsta li{
	height: 250px;
	border-radius: 15px;
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));
}

/*オンラインショップバナー*/
.bnrShopInsta li:first-child{
	width: 490px;
	background: url(../images/common/bnr_onlineshop_m@2x.jpg) center center / cover;
}

/*インスタバナー*/
.bnrShopInsta li:nth-child(2){
	width: 365px;
	background: url(../images/common/bnr_insta@2x.jpg) center center / cover;
}

/*オンラインショップ&インスタバナー リンク*/
.bnrShopInsta li a{
	display: block;
	width: 100%;
	height: 100%;
}

/*------------------------------
共通設定
------------------------------*/

/*見出し*/
section h2{
	color: #484848;
	font-size: 3rem;
	font-weight: 500;
	text-align: center;
	font-family: 'Oswald', sans-serif;
}

/*見出し 日本語*/
section h2::after{
	content: "";
	display: block;
	margin: 10px 0 0 0;
	color: #4D4D4D;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
}


/*==============================
レスポンシブ設定
==============================*/

/*960px以下の場合*/
@media screen and (max-width:960px){

	/*==============================
	メイン設定
	==============================*/

	main{
		margin: 0 auto 150px;
	}


	/*------------------------------
	パンくずリスト設定
	------------------------------*/

	.breadCrumb{
		margin: 30px auto 0;
		width: calc(100% - 80px);
	}

	/*------------------------------
	バナー設定
	------------------------------*/

	/*オンラインショップバナー*/
	.bnrShop{
		margin: 150px auto 0;
		width: 480px;
	}

	/*オンラインショップ&インスタバナー*/
	.bnrShopInsta{
		width: 640px;
	}

	/*オンラインショップ&インスタバナー リスト*/
	.bnrShopInsta li{
		height: 180px;
		border-radius: 15px;
	}

	/*オンラインショップバナー*/
	.bnrShopInsta li:first-child{
		width: 352px;
	}

	/*インスタバナー*/
	.bnrShopInsta li:nth-child(2){
		width: 262px;
	}


}

/*480px以下の場合*/
@media screen and (max-width:480px){

	/*==============================
	メイン設定
	==============================*/

	main{
		margin: 0 auto 100px;
	}

	/*------------------------------
	パンくずリスト設定
	------------------------------*/

	.breadCrumb{
		margin: 20px auto 0;
		width: calc(100% - 40px);
		font-size: 1.2rem;
	}

	/*------------------------------
	バナー設定
	------------------------------*/

	/*オンラインショップバナー*/
	.bnrShop{
		margin: 80px auto 0;
		width: calc(100% - 40px);
	}

	/*オンラインショップ&インスタバナー*/
	.bnrShopInsta{
		width: 320px;
	}

	/*オンラインショップ&インスタバナー リスト*/
	.bnrShopInsta li{
		height: 180px;
		border-radius: 10px;
	}

	/*オンラインショップバナー*/
	.bnrShopInsta li:first-child{
		width: 100%;
		background: url(../images/common/bnr_onlineshop_sp@2x.jpg) center center / cover;
	}

	/*インスタバナー*/
	.bnrShopInsta li:nth-child(2){
		margin: 30px 0 0 0;
		width: 100%;
		background: url(../images/common/bnr_insta_sp@2x.jpg) center center / cover;
	}

	/*------------------------------
	共通設定
	------------------------------*/

	/*見出し*/
	section h2{
		font-size: 2.8rem;
	}

	/*見出し 日本語*/
	section h2::after{
		font-size: 1.4rem;
	}




}