@charset "UTF-8";

/*リスト
 1:全体
 2:ヘッダ
 3:メイン
 4:フッタ
 5:その他共通パーツ
*/
/*----------------------------------------
 1:全体
----------------------------------------*/

/*リンク*/

#new-items a {
	color: #020104;
	text-decoration: none;
}

#new-items a:visited {
	color: #020104;
}

#new-items a:hover {
	text-decoration: underline;
	opacity: 0.7;
}

#new-items a:active {
	color: #020104;
}

/*画像*/

#new-items img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}

/*common layout*/

#new-items .container {
	*zoom: 1;
	margin: 0 auto;
	width: 980px;
	min-width: 980px;
}

@media (max-width: 768px) {
	#new-items .container {
		width: 100%;
		min-width: 100%;
	}
}

@-ms-viewport {
	width: device-width;
}

#new-items h1,
#new-items h2,
#new-items h3,
#new-items h4,
#new-items h5,
#new-items p,
#new-items ul,
#new-items ol,
#new-items li,
#new-items dl,
#new-items dt,
#new-items dd {
	margin: 0;
}

#new-items ul,
#new-items ol {
	padding: 0;
}


/*----------------------------------------
 3:メイン
----------------------------------------*/


/*NEW ARRIVAL*/
#new-items .top__new {
	 padding-top:40px;  
}


#new-items .assets_per_day{
	margin-bottom:3em;
}

#new-items .top__new__title h2 {
	font-size: 2em;
	line-height: 2em;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
	font-family: 'Julius Sans One', sans-serif;
	padding-bottom: 20px;
	text-align: center;
}

#new-items .top__new__list {
	list-style: none;
	/*フレックスボックスの設定*/
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	/*フレックスボックスの要素を左寄せ*/
	justify-content: left;

	text-align: left;
	margin-bottom: 2em;
	font-size:0.8em;
}

#new-items .top__new__list > li {
	width: calc( ( 100% - 60px ) / 4 );
	margin-right: 20px;
	margin-bottom:2em;
	
	text-align: center;
	line-height: 1.5em;
}

#new-items .top__new__list > li:nth-child(4n) {
	margin-right: 0;
}





/*#new-items .top__new__list > li{
	margin-bottom:2em;
}

#new-items .top__new__item {
	font-size: 0.8rem;
	line-height: 1.3em;
	text-align: center;
	box-sizing: content-box;
	width: calc(25% - 16px);
	padding-right: 21px;
	padding-bottom: 40px;
	word-break: keep-all;
}*/

/*#new-items .top__new__item:nth-child(4n) {
	padding-right: 0;
}*/

#new-items .top__new__item__title{
	margin-top:1em;
}

/*#new-items .top__new__item__title img {
	max-height: 80px;
	padding: 8px 0;
}*/

#new-items .top__new__item__text{
	margin-top:0.5em;
}

@media (max-width: 768px) {
	
	#new-items .top__new__list > li {
		width: calc( ( 100% - 10px ) / 2 );
		margin-right: 10px;
	}
	
	#new-items .top__new__list > li:nth-child(2n) {
		margin-right: 0;
	}
	
	
	/*#new-items .top__new {
		padding-top: 4vw;
		
	}

	#new-items .top__new__title h2 {
		text-align: center;
		font-size: 3em;
		line-height: inherit;
		letter-spacing: 2vw;
		text-indent: 2vw;
		padding-bottom: 7.5vw;
		width: 100%;
	}

	#new-items .top__new__list {
		padding: 0 4vw;
	}

	#new-items .top__new__item {
		font-size: 11px;
		line-height: 16.6px;
		width: calc(50% - 0.5vw);
		padding-right: 0.9vw;
		padding-bottom: 0;
		word-break: keep-all;
	}

	#new-items .top__new__item:nth-child(2n) {
		padding-right: 0;
	}

	#new-items .top__new__item:nth-child(n+3) {

	}

	#new-items .top__new__item a {
		color: #666;
	}

	#new-items .top__new__item img {
		width: 100%;
	}

	#new-items .top__new__item:nth-child(2) {

	}

	#new-items .top__new__item {

	}*/
}

#new-items .top__new__item.top__new__subtitle .top__new__subtitle__title {
	font-family: 'Amiri', sans-serif;
	background: #C9C9C9;
	color: #fff;
	font-size: 1.4em;
	line-height: 1;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	padding-top:0.25em;
}

#new-items .top__new__item.top__new__subtitle .top__new__subtitle__date {
	font-family: 'Amiri', sans-serif;
	padding-top: 30px;
	font-size: 7em;
	line-height: 1em;
}

#new-items .top__new__item.top__new__subtitle .top__new__subtitle__week {
	font-family: 'Amiri', sans-serif;
	font-size: 2.5em;
	line-height: 1.2em;
}

#new-items .top__new__item.top__new__subtitle .top__new__subtitle__week:before {
	content: "<"
}

#new-items .top__new__item.top__new__subtitle .top__new__subtitle__week:after {
	content: ">"
}

#new-items .top__new__item.top__new__subtitle .top__new__subtitle__text {
	padding-top: 12px;
	font-size: 2.2em;
	line-height: 1.2em;
}

@media (max-width: 768px) {
	#new-items .top__new__subtitle {
		/* padding-right: 0; */
	}

	#new-items .top__new__item.top__new__subtitle .top__new__subtitle__title {
		background: #707070;
	}

	#new-items .top__new__item.top__new__subtitle .top__new__subtitle__date {
		font-size: 15vw;
		padding-top: 7vw;
	}

	#new-items .top__new__item.top__new__subtitle .top__new__subtitle__week {
		font-size: 6vw;
		line-height: 1em;
		margin-top:0.15em;
	}

	#new-items .top__new__item.top__new__subtitle .top__new__subtitle__text {
		padding-top: 4vw;
		font-size: 1.5em;
		line-height: 1.2em;
	}
}


/*----------------------------------------
 5:その他
----------------------------------------*/
#new-items .text__red {
	color: #AA0001;
}

#new-items .sp {
	display: none;
}

@media (max-width: 768px) {
	#new-items .pc {
		display: none;
	}
	#new-items .sp{
		display: inline-block;
	}
}



/*.top__new iframe {
	width: 100%;
	border: none;
}*/


@media (max-width: 768px) {

	/* 空欄用JSロゴの崩れ防止 */
	#new-items .top__new__item__blank {
		width: calc(50% - 1.3vw);
	}
}