@charset "utf-8";

/* share
---------------------------------------------------- */

.ctgbox {
	overflow: hidden;
}

.bnrbox02 .grid {
	width: 49%;
	margin: 0 0 0 2%;
}
.bnrbox02 .grid:first-child {
	margin: 0;
}
.bnrbox02 .grid img {
	width: 100%;
	height: auto;
}

/* breadbox
-----------------------------------------*/

.breadbox {
	width: 100%;
	margin: 0 0 60px;
}
.breadbox .inbox {
	padding: 6px 0;
}
.breadbox li {
	display: inline;
	font-size: 0.86em;
	color: #333;
	list-style-type: none;
}
.breadbox li::after {
	padding: 0 6px;
	content:" > ";
}
.breadbox li:last-child::after {
	padding: 0 0 0 6px;
	content:"";
}
.breadbox li a {
	color: #333;
	text-decoration: underline;
}
.breadbox li a:hover {
	color: #999;
	text-decoration: none;
}



/* detail
-----------------------------------------*/


#slider {
	width: 70%;
	margin: 0 auto;
}
.slick-list {
	border: solid 1px #ccc;
	text-align: center;
}
.slick-slide img {
	width: 80%;
	margin: 0 auto;
}
#wrap {
	margin: 0 auto 50px;
}
.thumb-box {
	width: 70%;
	margin: 0 auto;
}
#thumbnail-list {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap:wrap;
}
.thumbnail-item {
        width: 18.4%!important;
        margin: 0 0 3% 2%;
	padding: 0 10px;
	box-sizing: border-box;
	position:relative;
	border: solid 1px #ccc;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.thumbnail-item:after{
	content:'';
	background-color: rgba(255,255,255,0.5);
	position:absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: .3s opacity linear;
}
.thumbnail-item.thumbnail-current:after{
	opacity: 0;
}
.thumbnail-item.thumbnail-current:after img{
	width: 100%;
}
#thumbnail-list .thumbnail-item:first-child,
#thumbnail-list .thumbnail-item:nth-of-type(5n+1) {
          margin-left: 0;
}
.thumbnail-item.noph {
	pointer-events: none;
	cursor: default;
}
.thumbnail-item img {
	width:100%;
	height: auto;
}


.prev-arrow,
.next-arrow {
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
	opacity: 1.0;
}
.prev-arrow {
	cursor: pointer;
	left: -80px;
}
.next-arrow {
	cursor: pointer;
	right: -80px;
}
.prev-arrow:hover,
.next-arrow:hover {
	opacity: 0.6;
}
.slide-arrow {
	bottom: 0;
	margin: auto;
	position: absolute;
	top: 0;
}

.pgdetail #cont02 .detailbox {
	width: 70%;
	margin: 0 auto;
	padding: 50px 0px;
}
.detailbox h1 {
	font-size: 1.1em;
	color: #111;
	padding: 0 0 10px;
}
.detailbox h4 {
	font-size: 1.1em;
	color: #111;
	padding: 0 0 20px;
}
.detailbox h4 span {
	padding: 0 0 0 4px;
	font-size: 0.6em;
}

.detailbox .itemdt {
	font-size: 0.9em;
	padding: 0 0 4px;
	line-height: 1.4em;
}
.detailbox .itemdt dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.detailbox .itemdt dt {
	width: 80px;
}
.detailbox .itemdt dl dl dt {
	width: 100px;
}
.detailbox .itemdt dd {
	flex: 1;

}
.detailbox .itemdt span {
	width: 120px;
	padding: 0 14px 0 0;
}
.detailbox .itemdd {
	font-size: 0.9em;
	padding: 0 0 20px;
	line-height: 1.4em;
}
.detailbox .itemcapt {
	font-size: 0.9em;
	padding: 0px 20px 20px;
	line-height: 1.4em;
}
.detailbox .itemcapt li {
	font-size: 0.9em;
	padding: 0 0 0 20px;
	text-indent: -1.0em;
}
.cartbox {
	width: 40%;
	margin: 10px 30% 60px;
	text-align: center;
}
.cartbox span.capt {
	padding: 0 0 6px;
	font-size: 0.9em;
	color: #cc0000;
	text-align: center;
}
.cartbtn {
	display: block;
	width: 100%;
	margin: 6px 0 0;
	padding: 20px 0;
	cursor: pointer;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	border-radius: 6px;
	background: #4f9d80;
	border: none !important;
	text-align: center;
}
.cartbtn span {
	padding: 0 30px 0 40px;
	background: url(../images/icon_cart.png) no-repeat left center;
	background-size: 24px 24px;
}
.cartbtn:hover {
	color: #fff;
	background: #5582eb;
}


/* lowinfo
-----------------------------------------*/


.lpbox {
	width: 100%;
}
.lpbox h1 {
	margin: 0 0 50px;
	font-size: 26px;
}
.lpbox h2 {
	padding: 0 0 6px;
	font-size: 1.2em;
}
.lpbox h3 {
	padding: 0 0 6px;
	font-size: 1.1em;
}
.lpbox .textbox {
	margin: 0 0 40px;
	font-size: 0.9em;
}
.lpbox .textbox a {
	color: #5582eb;
	text-decoration: none;
}
.lpbox .textbox a:hover {
	color: #5582eb;
	text-decoration: underline;
}
.lpbox table {
	width: 100%;
}
.lpbox table th {
	width: 30%;
	background: #eee;
	padding: 20px;
	border-collapse: collapse;
	border:1px solid #ccc;
}
.lpbox table td {
	width: 70%;
	padding: 20px;
	border-collapse: collapse;
	border:1px solid #ccc;
}
.lpbox table td p {
	margin-bottom: 10px;
}


/* ------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (max-width: 1100px){







}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (max-width: 896px){



.thumb-box {
	width: 100%;
	margin: 0 auto;
}
.pgdetail #cont02 .detailbox {
	width: 100%;
	margin: 0 auto;
}
.cartbox {
	width: 90%;
	margin: 10px 5% 60px;
	text-align: center;
}



}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (max-width: 480px){



.cartbox {
	width: 94%;
	margin: 10px 3% 60px;
	text-align: center;
}

.lpbox table th {
	width: 100%;
	display: block;

}
.lpbox table td {
	width: 100%;
	display: block;

}
.lpbox table td p {
	margin-bottom: 10px;
}

}