@charset "utf-8";

/* --------------------------------
	Theme CSS for EC-CUBE 3
	-------------------------------- */

/* --------------------------------
	Common
	-------------------------------- */

	body {
		font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial,
		"メイリオ", Meiryo, sans-serif;
		line-height: 1.4;
		background-color: #121212;
		color: #fefefe;
		-webkit-text-size-adjust: 100%;
	}

	.img_center,
	.txt_center {
		text-align: center;
	}
	.img_right,
	.txt_right {
		text-align: right;
	}

	/****** Base Layout Setting ********/

	#header {
		background: #121212;
	}
	#contents {
		background: #121212;
	}

	/****** Header Setting ********/

	.header_logo_area {
		/*margin-right: 100px;*/
	}
	.header_logo_area .header_logo a:link,
	.header_logo_area .header_logo a:visited,
	.header_logo_area .header_logo a:hover,
	.header_logo_area .header_logo a:active {
		text-decoration: none;
		color: #fefefe;
	}
	.header_logo_area .header_logo a:hover {
		color: #fff;
	}

	/****** Side Setting ********/

	/****** Footer Setting ********/

	/****** Effect Setting ********/

	/****** Each BlockParts Setting ********/

	/* cart area */

	#cart_area {
		/* width: 100%; */
		position: absolute;
		right: 0;
		top: 0;
		/*z-index: 11;*/
		/* padding: 10px; */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	@media screen and (max-width: 767px) {
		#cart_area {
			width: 100%;
			position: relative;
			right: 0;
			top: 0;
			z-index: 10;
		}
	}

	#cart_area>p {
		border: 1px solid #ffffff;
		width: 100px;
		background: rgba(0, 0, 0, 0.5);

	}
@media screen and (max-width: 767px) {
#cart_area>p {
		border: none !important;
		width: auto;
		background: none;
	}
	}

	#cart_area p.cart-trigger {
		position: relative;
		right: 0;
		/* min-width: 256px; */
		padding: 5px 0;
		margin: 5px 0;

	}
	#cart .inner {
		background: #000;
		padding: 10px;
	}

	/* search area */

	#search {
		/*background: #121212;*/
		padding: 0;
	}
	#search select {
		width: 100%;
	}

	/* snsbtn_area */
	.snsbtn_area .snsbtn {
		float: left;
		height: 20px;
		margin: 0 10px 10px 0;
	}

/* --------------------------------
	Top Page
	-------------------------------- */

	.front_page a:hover img {
		opacity: 0.8;
	}
	.front_page #contents .row > div {
		padding-bottom: 8px;
	}
	.front_page #contents .row.no-padding > div {
		padding-bottom: 0;
	}

	/* Comment Area */

	.front_page .comment_area h4 {
		font-size: 24px;
		font-size: 2.4rem;
		margin: 0 0 2px;
	}
	.front_page .comment_area h5 {
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0;
	}
	.front_page .comment_area p {
		margin: 10px 0 15px;
	}

	/* Item List */

	.front_page .item_comment {
		color: #fefefe;
	}
	.front_page .item a {
		padding-bottom: 0;
	}
	.front_page .item a:hover {
		opacity: 0.8;
	}
	.front_page .item a:hover img {
		opacity: 1;
	}
	.front_page #contents_top .item_comment {
		color: #fefefe;
		font-weight: normal;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.front_page #contents_top .item_comment.text-warning,
	.front_page #contents_top .item_name.text-warning {
		color: #4179a9;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.2;
	}
	.front_page .more_link.text-warning {
		font-weight: bold;
		color: #4179a9;
		text-align: center;
	}

	/* news_area */

	.news_contents {
		padding: 0 0 0 0;
	}
	#news_area {
		/*background: #f8f8f8;*/
		margin: 0 1%;
	}
	#news_area .heading01 {
		padding: 0 8px 8px;
		text-align: center;
		margin: 0;
	}

	/* txt_bnr */

	.txt_bnr_area {
		padding: 0 0 16px;
	}

	.txt_bnr {
		/*background: #f8f8f8;*/
		border: 1px solid #d9d9d9;
		font-weight: bold;
		padding: 16px;
		margin: 12px 0 0;
		text-align: center;
	}
	.txt_bnr strong {
		color: #de5d50;
		font-size: 20px;
		font-size: 2rem;
	}
	.txt_bnr strong strong {
		font-size: 32px;
		font-size: 3.2rem;
	}

	.item_gallery {
		margin-top: 50px;
		clear: both;
	}

/* --------------------------------
	Detail Page
	-------------------------------- */

	#item_detail + row {
		margin-top: -1px;
		background: #121212;
	}

/*#item_detail .btn_area li:last-child {
    padding-left: 0;
}
*/

/* Slider */
.slick-loading .slick-list {
	background: #121212 url("../images/tZtiS6apRv5D.gif") center center no-repeat;
}

/* Arrow */

.slick_prev,
.slick_next {
	font-size: 18px;
	font-size: 1.8rem;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

/* Dots */
.slick-slider {
	margin-bottom: 30px;
}

.slick-slide {
	text-align: center;
}
.slick-slide img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  /*    width:1500px;
  max-height:500px;*/
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;

	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	content: " ";
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	text-align: center;
	opacity: 0.25;
	background-color: #999;
	border-radius: 50%;
}
.slick-dots li.slick-active button:before {
	opacity: 0.75;
	background-color: #ccc;
}

.slick-dots li button.thumbnail img {
	width: 0;
	height: 0;
}

#item_photo_area .slick-slide {
	text-align: center;
}
#item_photo_area .slick-slide img {
	display: inline-block;
}
/* #item_detail {
	padding-top: 36px;
} */

/******************************
	Media Query
	*******************************/

	@media only screen and (max-width: 767px) {
		/* --------- common ---------- */

		/****** Header Setting ********/

		/****** Side Setting ********/

		/****** Effect Setting ********/
	}

	.member ul li {
		display: inline-block;
	}
	@media only screen and (min-width: 768px) {
		/* --------- common ---------- */

		#contents {
			padding-top: 0;
		}

		/****** Header Setting ********/

		/****** Layout ********/

		/* header */

		#header .header_logo_area {
			float: left;
			margin-right: 265px;
			margin-bottom: 15px;
		}
		#header #drawer #search {
			position: relative;
		}
		#search {
			background: none;
			padding: 0;
		}
		#member {
			float: right;
		}

		/****** Side Setting ********/

		/****** Footer Setting ********/

		/****** Each BlockParts Setting ********/

		/* search area */

		#search select {
			width: auto;
			max-width: 180px;
			border-radius: 0;
		}
		/* cart */

		#cart .inner {
			position: relative;
			right: 0;
			top: 0;

		}
		#cart_area {
			top: 0;
			/* right: 10px; */
		}
		#cart_area p {
			border: 1px solid #ffffff;
			/* float: right; */
			/* min-width: 256px; */
			/* background: rgba(0, 0, 0, 0.5); */
		}
		#cart_area p.cart-trigger {
			position: relative;
			right: 20px;
			min-width: 256px;
			padding: 10px;
		}
		#cart_area .inner {
			/*min-width: 256px;*/
		}
		#cart_area .cart_price {
			font-size: 12px;
		}
		#cart_area .cart_price .price {
			font-size: 16px;
		}

  /* --------------------------------
		Top Page
		-------------------------------- */

		.front_page #contents .row {
			padding-bottom: 24px;
		}
		/* Comment Area */

		.front_page .comment_area h4 {
			font-size: 24px;
			font-size: 2.4rem;
			margin: 0 0 8px;
		}
		.front_page .comment_area h5 {
			font-size: 20px;
			font-size: 2rem;
		}
		.front_page .comment_area p {
			font-size: 20px;
			font-size: 2rem;
			margin: 24px 0 24px;
		}

		/* news_area */

		.news_contents {
			padding: 20px 0 0 0;
		}

		#news_area .heading01 {
			padding: 0 0 16px 0;
			text-align: left;
		}
		/* txt_bnr */

		.txt_bnr_area {
			padding-left: 16px;
		}

		.txt_bnr {
			margin: 0 0 16px;
		}

  /* --------------------------------
		Detail Page
		-------------------------------- */

		#item_photo_area .slick-dots {
			margin: 0 auto;
			position: relative;
			bottom: 0;
			text-align: left;
		}

		#item_photo_area .slick-active {
			margin-bottom: 1rem;
		}
		#item_photo_area .slick-dots::after {
			content: "";
			display: table;
			clear: both;
		}

		#item_photo_area .slick-dots li {
			width: 25%;
			height: auto;
			padding: 0 5px;
			margin: 0 0 10px 0;
			display: inline-block;
		}

		.slick-dots li button.thumbnail {
			width: 100%;
			height: auto;
			padding: 0;
		}
		.slick-dots li button.thumbnail img {
			width: 100%;
			height: auto;
			opacity: 0.8;
		}
		.slick-dots li button.thumbnail:hover img,
		.slick-dots li.slick-active button.thumbnail img {
			opacity: 1;
		}
		.slick-dots li button.thumbnail::before {
			display: none;
		}
	}

/* --------------------------------
    display mask
    -------------------------------- */
    .prevention-masked {
    	position: fixed;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	z-index: 3040;
    	background-color: #000;
    	filter: alpha(opacity=50);
    	opacity: 0.5;
    }

    .extra-form {
    	margin: 10px 0;
    }