@charset "UTF-8";


@media screen and (max-width: 900px) {
/* #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# スマホ 設定 #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# */

/* L1 ######################################## ロゴ ######################################## */



/* L1 ######################################## コンセプト ######################################## */

#concept {
	margin: 5em 0;
}


/* L1 ######################################## ラインナップ ######################################## */

section.line-up {
	text-align: left;
}

/* L2 **************************************** タイトル **************************************** */

section.line-up > h2 {
	text-align: left;
	line-height: 1.4;
}


/* L2 **************************************** 商品情報 **************************************** */

/* L3 ======================================== 個別 ======================================== */

section.line-up div.product {
	width: calc(50% - 3px);
}


/* #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# スマホ 設定 ここまで #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# */
}

@media screen and (max-width: 500px) {

/* L1 ######################################## ラインナップ ######################################## */

/* L2 **************************************** 商品情報 **************************************** */

/* L3 ======================================== 個別 ======================================== */

section.line-up div.product {
	width: 100%;
}

section.line-up div.more {
	text-align: left;
}


section.line-up div.more br {
	display: none;
}

section.line-up div.more::before {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	text-decoration: none !important;
	border-radius: 10px 10px 0 0;
}

}