@charset 'UTF-8';


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

	PC設定

================================================================================ */
@media ( min-width:768px ) {

	.top_row{
		max-width:1920px;
		width:100%;
		
	}


	/* メインコンテンツ
	------------------------------------------ */
	#main{
		padding:8vw 0 0;
	}

	.columns h2.midashi01{
		font-family: "Libre Baskerville","a-otf-ryumin-pr6n", sans-serif;
		text-align: center;
		padding: 0 0 0 0;
		margin: 0 0 2vw 0;
		font-size: 2vw;
		font-weight: 100 !important;
	}



	/* 新着アイテム オススメアイテム
	------------------------------------------ */
	.section-newitems,
	.section-recitems{
		padding:0 5vw;
		font-size:0.9vw;
		line-height:1.4;
		text-align:center;
	}
	.section-newitems .thumbnail-box img,
	.section-recitems .thumbnail-box img{
		width:100%;
		height:20vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.section-newitems .thumb-title,
	.section-recitems .thumb-title{
		font-size:0.9vw;
		font-family: "Libre Baskerville","a-otf-ryumin-pr6n", sans-serif;
		font-weight: 300;
	}


	/* Moreボタン
	------------------------------------------ */
	.more_btn a{
		display: block;
		text-align: center;
		width: 15vw;
		margin: 3vw auto 6vw;
		font-size: 1.4vw;
		font-family: "Libre Baskerville","a-otf-ryumin-pr6n", sans-serif;
		font-weight: 300;
		padding: 0.8vw 0 0.7vw;
		border: 1px solid #000000;
		line-height: 1;
		background-color: #1c1817;
		color: #FFFFFF;

	}
	.more_btn a:hover{
		opacity:0.4;
	}




	/* 新着情報
	------------------------------------------ */
	.post_wrap{
		padding:0 5vw;
		margin:0 auto;
		margin-bottom:10vw;
	}
	.post_wrap > ul{
		height:12vw;
		padding:2vw;
		border-top:1px solid #939393;
		border-bottom:1px solid #939393;
	}
	.post_wrap > ul li{
		display:table;
		width:100%;
		margin-bottom:1vw;
	}
	.post_date{
		display:table-cell;
		width:8%;
		vertical-align:top;
		font-family: 'Caveat',cursive;
		font-size:0.8vw;
	}
	.post_title{
		display:table-cell;
		width:92%;
		vertical-align:top;
		font-size:0.8vw;
	}
	.main_is img{
		width:100vw;
	}



}













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

	SP設定

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

@media  (max-width:767px) {

	.top_row{
		max-width:1920px;
		width:100%;
	}


	/* メインコンテンツ
	------------------------------------------ */
	#main{
		padding:20vw 0 0;
	}

	.columns h2.midashi01{
		font-family: "Libre Baskerville","a-otf-ryumin-pr6n", sans-serif;
		text-align: center;
		padding: 0 0 0 0;
		margin: 0 0 8vw 0;
		font-size: 8vw;
		font-weight: 100 !important;
		line-height: 4vw;
	}



	/* 新着アイテム オススメアイテム
	------------------------------------------ */
	.section-newitems,
	.section-recitems{
		padding:0 5vw;
		font-size:3.5vw;
		line-height:1.4;
		text-align:center;
	}
	.section-newitems .thumbnail-box img,
	.section-recitems .thumbnail-box img{
		width:100%;
		height: 86vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.section-newitems .thumb-title,
	.section-recitems .thumb-title{
		font-size:3.5vw;
		font-family: "Libre Baskerville","a-otf-ryumin-pr6n", sans-serif;
		font-weight: 300;
	}


	/* Moreボタン
	------------------------------------------ */
	.more_btn a{
		display:block;
		text-align:center;
		width: 48vw;
		margin: 6vw auto 20vw;
		font-size: 4.5vw;
		font-family: "Libre Baskerville","a-otf-ryumin-pr6n", sans-serif;
		font-weight: 300;
		padding: 2.5vw 0 2.3vw;
		border: 1px solid #000000;
		line-height: 1;
		background-color: #1c1817;
		color: #FFFFFF;
	}
	.more_btn a:hover{
		opacity:0.4;
	}




	/* 新着情報
	------------------------------------------ */
	.post_wrap{
		padding:0 5vw;
		margin:0 auto;
		margin-bottom:10vw;
	}
	.post_wrap > ul{
		height:56vw;
		padding:6vw 2vw;
		border-top:1px solid #939393;
		border-bottom:1px solid #939393;
	}
	.post_wrap > ul li{
		display:table;
		width:100%;
		margin-bottom:1vw;
	}
	.post_date{
		display:table-cell;
		width:20%;
		vertical-align:top;
		font-family: 'Caveat',cursive;
		font-size:3vw;
	}
	.post_title{
		display:table-cell;
		width:80%;
		vertical-align:top;
		font-size:3vw;
	}


}

	#wrapper{
		display:none!important;
	}