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

img{
	max-width: 100%;
}

a{
    text-decoration: none;
}

/*-------------------------------- PCここから --------------------------------*/

@media screen and (min-width:769px) {
body {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
/*	background: #AAC4C7;*/
}
	

.fvimg{
	text-align: center;
}
	

.text{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #2c2c2c; 
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 2.5px;
    margin: 7rem auto;
}
	

    
/*==================================================
LINEUPのためのcss
===================================*/
	
/*　↓最初の段階でLINE UP部分がul構造だった時のcss
	.thumnail{
		text-align: center;
		width: 680px;
		margin: 0 auto;
	}
	
	.thumnail ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap:1em;
		list-style: none;
		padding-right: 2.5em;
	}
	
	.thumnail li{
		width: 30%;
	}
	
	li img{
		max-width: 100%;
	}*/
	
	
/*	↓ワンピース特集からコピペしてきたcss
	.index {
			width: 90%;
			max-width: 560px
			margin: 0 auto;
		}

	.index_title {
		width: 100%;
		margin: 0 auto;
	}
	.index ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		list-style: none;
	}
	
	.index li {
		width: 31%;
		margin-bottom: 20px;
	}*/
/*---------------------------------------------------*/
	
	
	
	
/*LINE UP*/
	.thumnail_title img{
		max-width: 130px;
		margin: 80px auto 20px;
		display: flex;
	}


/*==================================================
サムネイル連動スライダーのためのcss（参考サイトから引用）
===================================*/

/*//画像をブロック要素にする*/
.slider-area img {
	max-width: 100%;
	display: block;
	height: auto; 
}
/*//スライダーの幅を指定、overflow: hidden;で横スクロールを除外*/
.slider-area {
/*	overflow: hidden;*/
	max-width: 550px;
	width: 100%;
	margin: 0 auto 100px;
}
 
/*//サムネイル
//display: flex;を指定、transformをunsetにする*/
.thumnail .slick-track {
	transform: unset !important;
	width: 100% !important;
	max-width: 500px;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin-bottom: 5rem;
}
/*//flexの値を変更し列数を変更*/
.thumnail .slick-slide {
    display: block!important;
    float: none !important;
    flex: 0 0 33.3%;
}
	
.thumnail-item {
	padding-bottom: 20px;
}
	
/*	.thumnail-item:hover {
		cursor: pointer;
	}*/
	
}


/*-------------------------------- SPここから --------------------------------*/

@media screen and (max-width: 768px) {
#bestseller_wrap{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}
	
.fvimg{
	text-align: center;
}

.text{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #2c2c2c;  
    text-align: center;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 1.5px;
    margin: 4rem auto;
}

/*LINE UP*/
	.thumnail_title img{
		max-width: 100px;
		margin: 80px auto 20px;
		display: flex;
	}


/*==================================================
サムネイル連動スライダーのためのcss（参考サイトから引用）
===================================*/

/*//画像をブロック要素にする*/
.slider-area img {
	max-width: 100%;
	display: block;
	height: auto; 
}
/*//スライダーの幅を指定、overflow: hidden;で横スクロールを除外*/
.slider-area {
	overflow: hidden;
	max-width: 450px;
	width: 100%;
	margin: 0 auto 40px;
}
 
/*//サムネイル
//display: flex;を指定、transformをunsetにする*/
.thumnail .slick-track {
	transform: unset !important;
	width: 100% !important;
	max-width: 400px;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin-bottom: 5rem;
}
/*//flexの値を変更し列数を変更*/
.thumnail .slick-slide {
    display: block!important;
    float: none !important;
    flex: 0 0 33.3%;
}
	
.thumnail-item {
	padding-bottom: 20px;
}

}