@charset "utf-8";

/*ランキング全体*/
.swiper-amagetti-container{
	width:100%;
	height:auto;
	margin-bottom:20px;
	overflow:hidden !important;
}

/*スライド全体（横の表示域調整用）*/
.swiper-amagetti-wrapper{
	padding:0 20px;
}

/*商品スライド*/
ul.amagetti-tabs{
	list-style:none;
	border-bottom:2px solid #ddd;
	padding:0px 0px 1.5em 0px !important;
	margin-bottom:15px;
}

/*カテゴリータブ*/
ul.amagetti-tabs li{
	float:left;
	text-align:center;
	list-style-type:none;
	margin:0px;
	padding:0px 20px !important;
	color:#666;
	cursor:pointer;
	font-size:14px !important;
	font-weight:600 !important;
}
/*（複数カテゴリー化の時に必要）*/
ul.amagetti-tabs li:hover{
	color:#ff6347;
}
ul.amagetti-tabs li.active{
	color:#ff6347;
	border-bottom:2px solid #ff6347;
}
div.amagetti-tabContent{
	clear:both;
	display:none;
}
div.active{
	display:block;
}

/*商品画像*/
.amagetti-pic{
	width:150px;
	height:150px !important;
	object-fit:cover;
	position:relative;
	top:-5px;
}

/*発売日*/
.amagetti-release{
	font-size:12px;
	overflow-wrap:break-all !important;
	margin:-20px 0 5px 0;
	color:#888;
}

/*商品カテゴリー*/
.amagetti-cat{
	position:relative;
	background-color:#bb5535;
	color:#fff;
	width:80px;
	text-align:center;
	z-index:9999;
	bottom:2.2em;
	transform: translateZ(0);
	overflow:hidden !important;
	line-height:1.3em;
}

/*商品カテゴリー（デザイン調整用）*/
.amagetti-cat-adjust{
	white-space:nowrap;
	width:70px !important;
	text-align:center;
	overflow:hidden !important;
	font-size:0.5em;
	padding:0px 5px;
}

/*通常価格*/
.amagetti-price{
	text-decoration:line-through;
	font-size:14px;
	color:#888;
}

/*最安値価格*/
.amagetti-newprice{
	font-weight:500;
	color:#888;
	font-size:14px;
}

/*最安値価格（金額）*/
.amagetti-newprice-val{
	font-weight:600 !important;
	color:#dc143c;
	line-height:0.8em !important;
}

/*商品タイトル*/
.amagetti-title{
	width:150px !important;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	line-height:1.3em;
}
.amagetti-title a:link{
	font-weight:600;
	text-decoration:none;
	color:#666;
}
.amagetti-title a:hover{
	color:#ff0000;
}
.amagetti-title a:visited{
	color:#666;
}

/*商品レビューリンク（有料版のみ）*/
.amagetti-review a{
	font-size:11px !important;
}

/*ランキング順位表示*/
ol.swiper-amagetti-wrapper li:before{
	display:block;
	padding:0px 11px;
	color:#fff;
	background-color:#cc0000;
	content:counter(wpp-count);
	position:absolute;
	opacity:1;
	z-index:10000;
	top:0em;
	left:0px;
	font-size:12px;
	font-weight:600;
	transform: translateZ(0);
}
ol.swiper-amagetti-wrapper li:before.fixed {
  position: fixed;
}

/*商品スライド*/
ol.swiper-amagetti-wrapper li{
	counter-increment:wpp-count;
	position:relative;
	margin:0 20px 0 0px !important;
	width:150px !important;
	list-style: none;
}

/*Amazonで見るボタン*/
.amagetti-btn{
	width:150px;
	background-color:#ff6633;
	margin:10px 0 0 0;
	text-align:center;
	border-radius: 5px;
	padding:5px 0px;
	line-height:1.0em;
}
.amagetti-btn a{
	text-decoration:none !important;
	color:#fff !important;
	font-size:15px;
	width:100% !important;
}
.amagetti-btn a:hover{
	opacity:0.7;
}

/*左右の送り矢印ボタン*/
.swiper-amagetti-button-white{
	background-color:rgba(200,0,0,0.8);
	padding:0.6em 5px !important;
	border-radius:3px !important;
}
.swiper-amagetti-button-white:hover{
	background-color:rgba(200,0,0,0.9);
}
.swiper-amagetti-button-prev{
	margin:-30px 0 0 -10px !important;
}
.swiper-amagetti-button-next{
	margin:-30px -5px 0 0;
}
.swiper-amagetti-button-next:after, .swiper-amagetti-button-prev:after {
   display: none;
}
.swiper-amagetti-button-next:before{
	content: "＞";
	font-size:20px;
	font-weight:600;
}
.swiper-amagetti-button-prev:before{
	content: "＜";
	font-size:20px;
	font-weight:600;
}

/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {

/*最安値価格*/
.amagetti-newprice-val{
	font-size:26px !important;
	margin:5px 0 15px 0;
}

/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width:599px) {

/*最安値価格*/
.amagetti-newprice-val{
	font-size:20px;
}

/*スマホ表示では左右の矢印ボタンを消しています*/
.swiper-amagetti-button-white{
	display:none !important;
	}

/*タブメニューを横スクロール対応（複数カテゴリー化の時に必要）*/
.amagetti-tabs-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	-ms-overflow-style: none;
    	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.amagetti-tabs::-webkit-scrollbar{
	display:none !important;
	 -webkit-overflow-scrolling: touch;
}

/*タブメニュー（複数カテゴリー化の時に必要）*/
.amagetti-tabs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	list-style: none;
	overflow-x: auto;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.amagetti-tabs li{
	word-break: keep-all;
}
ul.amagetti-tabs{
	padding:0px 0px 0px 0px !important;
}

/*-- ここまで --*/
}