@charset "utf-8";
#contents {
	padding: 40px 0 100px;
}

#contents h2{
	font-size: 2.4rem;
	line-height: 120%;
	text-align: left;
	padding: 0 0 15px;
	margin: 0 auto 40px;
	border-bottom: 1px solid #ccc;
}

#contents table.cart{
	border: none;
	max-width: 1200px;
	margin: 0 auto 90px;
}
#contents table.cart th,
#contents table.cart td{
	font-size: 1.4rem;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;
}
#contents table.cart th{
	text-align: center;
}
#contents table.cart th:nth-child(1){
	width: 15%;
}
#contents table.cart th:nth-child(2){
	width: 41%;
}
#contents table.cart th:nth-child(3){
	text-align: left;
	padding-left: 20px;
	width: 15%;
}
#contents table.cart th:nth-child(4){
	text-align: left;
	padding-left: 55px;
	width: 29%;
}
#contents table.cart td{
	padding: 20px 0;
	padding-right: 60px;
	vertical-align: middle;
}
#contents table.cart tr:nth-child(2) td{
	padding: 20px 0 20px;
	padding-right: 60px;
}
#contents table.cart td.none{
	border-bottom: none;
}
#contents table.cart tr.price td{
	padding: 30px 0;
	padding-right: 60px;
}
#contents table.cart td p{
	font-size: 1.4rem;
	line-height: 180%;
	text-align: left;
}
#contents table.cart td p.img{
	line-height: 0;
	width: 170px;
}
#contents table.cart td p.img img{
	width: 100%;
	height: auto;
}
#contents table.cart td p.cat,
#contents table.cart td p.item{
	line-height: 140%;
}
#contents table.cart td p.name{
	font-size: 2rem;
	line-height: 140%;
	margin: 0 auto 5px;
}
#contents table.cart td p.item{
	color: #666;
	margin: 0 auto;
}
#contents table.cart td.p{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: right;
}
#contents table.cart tr.price td p>span{
	display: inline-block;
	font-size: 1.6rem;
	padding: 0 25px 0 0;
	vertical-align: bottom;
}
#contents table.cart tr.price td p>span:nth-child(2){
	font-size: 2.4rem;
	font-weight: bold;
}
#contents table.cart td .counts{
	display: block;
	letter-spacing: -0.4em;
	text-align: left;
	line-height: 0;
}
#contents table.cart td .counts .plus-minus,
#contents table.cart td .counts .delete{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	margin: 0 auto;
}
#contents table.cart td .counts .plus-minus{
	letter-spacing: -0.4em;
	background: #f4f3f2;
	padding: 10px;
	margin: 0 20px 0 0;
}
#contents table.cart td .counts .plus-minus>form,
#contents table.cart td .counts .plus-minus>span{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	margin: 0;
}
#contents table.cart td .counts .plus-minus>form button{
	border: none;
	border-radius: 0;
	font-size: 1.6rem;
	line-height: 100%;
	padding: 10px 20px;
	background: none;
	cursor: pointer;
	color: #333;
}
#contents table.cart td .counts .plus-minus>span.c{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 5px;
}
#contents table.cart td .counts .delete button{
	border: none;
	border-radius: 0;
	background: none;
	padding: 10px;
	font-size: 1.4rem;
	cursor: pointer;
	color: #333;
}

#contents .total{
	display: block;
	letter-spacing: -0.4em;
	text-align: right;
	line-height: 0;
	background: #f2f2f2;
	border-radius: 20px;
	margin: 0 auto 40px;
	padding: 60px;
}
#contents .total span{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	font-size: 1.4rem;
	line-height: 160%;
	padding: 0 15px;
}
#contents .total span:nth-child(2){
	font-size: 1.6rem;
}
#contents .total span:nth-child(3){
	font-size: 2.4rem;
	font-weight: bold;
}
#contents .total table{
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto 10px;
}
#contents .total td{
	font-size: 1.6rem;
}
#contents form.all-delete{
	display: block;
	margin: 0 auto 40px;
	padding: 0 80px;
	text-align: right;
}
#contents form.all-delete button{
	border: none;
	border-radius: 0;
	background: none;
	font-size: 1.6rem;
	cursor: pointer;
	text-decoration: underline;
	color: #333;
}

#contents form.next{
	display: block;
	letter-spacing: -0.4em;
	line-height: 0;
	margin: 0 auto 60px;
	padding: 0;
	text-align: center;
}
#contents form.next a{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	font-size: 1.6rem;
	line-height: 80px;
	border-radius: 40px;
	border: 1px solid #333;
	color: #333;
	font-weight: bold;
	min-width: 350px;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 12px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#contents form.next button{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	font-size: 1.6rem;
	line-height: 80px;
	border-radius: 40px;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	min-width: 350px;
	background: #0087a7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 12px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#contents form.next a:hover,
#contents form.next button:hover{
	text-decoration: none;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#contents form.next button:focus{
	outline: none;
}

#contents table.cart p.teiki-change{
	font-size: 1.4rem;
	line-height: 140%;
	text-align: left;
	margin: 10px auto;
}
#contents table.cart p.teiki-change>a{
	display: inline-block;
	line-height: 40px;
	padding: 0 25px 0 35px;
	background: #999;
	border-radius: 5px;
	color: #fff;
	transition: 0.3s ease-in-out;
	position: relative;
}
#contents table.cart p.teiki-change>a::before{
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#contents table.cart p.teiki-change>a:hover{
	text-decoration: none;
	opacity: 0.7;
}

#contents .amazon-btn-box {border-top:1px solid #333;border-bottom:1px solid #333;padding:35px 0;margin:0 auto 100px; position: relative;}
#contents .amazon-btn-box div {float:left;text-align:left;padding:0 7%;}
#contents .amazon-btn-box div p:nth-child(1) {
	position: absolute;
    top: -10px;
    left: 50%;
	background: #FFF;
    line-height: 1.0;
    width: 7vw;
    text-align: center;
    margin-left: -3.5vw;
	font-size: 1.6rem;
}
#contents .amazon-btn-box div p:nth-child(2) {color:#DC5B11 !important;font-size:1.8rem;font-weight:bold;}
#contents .amazon-btn-box div p:nth-child(3) {font-size:1.4rem;margin:0 0 14px 0;}
#contents .amazon-btn-box div p:nth-child(4) {font-size:1.1rem;}
#contents .amazon-btn-box #AmazonPayButton {margin:10px 0 0 0;}
	

#contents .benefits {margin-bottom:150px;}
#contents .benefits .cam-title {background:#EEE;font-size:16px;padding:20px;line-height:100%;margin:60px 0 0 0;}
#contents .benefits p {font-size:18px;font-weight:bold;padding:50px 20px 0;}
#contents .benefits p span {color:#E0460C;}
#contents .benefits p span.v2 {font-size:23px;}

#cart-area {display: none !important;}
body {overflow: inherit !important;}
#contents p.tit2{font-size: 2rem;text-align: center;color: #fff;font-weight: bold;background: #3eac2f;line-height: 50px;margin: 100px auto 50px auto;}
#contents .flexslider {margin: 0 auto;border: none;border-radius: 0;}
#contents .flexslider ul.p_list{display: block !important;letter-spacing: -0.4em;text-align: left;line-height: 0;margin: 0 auto;}
#contents .flexslider ul.p_list>li{display: inline-block;letter-spacing: normal;vertical-align: top;width: 270px;margin: 0 40px 0 0;}
#contents .flexslider ul.p_list>li:last-child{margin-right: 0;}
#contents .flexslider ul.p_list>li>a{text-decoration: none;color: #333;padding: 0 0 15px;background: #fcfcfc;display: block;line-height: 0;box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);}
#contents .flexslider ul.p_list>li p{text-align: left;}
#contents .flexslider ul.p_list>li p.img{line-height: 0;margin: 0 auto 25px;background: #fff;overflow: hidden;position: relative;}
#contents .flexslider ul.p_list>li p.img img{width: 100%;height: auto;transition: 0.3s ease-in-out;}
#contents .flexslider ul.p_list>li:hover p.img img{transform: scale(1.1);}
#contents .flexslider ul.p_list>li p.img>i{
	position: absolute;
	top: 10px;
	left: -33px;
	font-size: 1.2rem;
	line-height: 100%;
	background: #333;
	color: #fff;
	font-style: normal;
	padding: 5px 40px;
	transform: rotate(-30deg);
}
#contents .flexslider ul.p_list>li p.name{font-size: 1.6rem;line-height: 140%;color: #333;margin: 0 auto 10px;letter-spacing: -1px;padding: 0 15px;font-weight: bold;}
#contents .flexslider ul.p_list>li p.name small{font-size: 1.4rem;}
#contents .flexslider ul.p_list>li p.size{font-size: 1.4rem;color: #333;line-height: 140%;margin: 0 auto 8px;padding: 0 15px;}
#contents .flexslider ul.p_list>li p.p1{font-size: 1.4rem;line-height: 140%;padding: 0 15px;margin: 0 auto 10px;color: #333;}
#contents .flexslider ul.p_list>li p.p1>i{display: inline-block;position: relative;margin: 0 0 0 5px;font-size: 1.6rem;}
#contents .flexslider ul.p_list>li p.p1>i::after{content: '';width: 100%;height: 1px;background: #333;position: absolute;top: 45%;left: 0;}
#contents .flexslider ul.p_list>li p.p1 strong{font-weight: bolder;}
#contents .flexslider ul.p_list>li p.p1 small{font-size: 1.2rem;}
#contents .flexslider ul.p_list>li p.p2{font-size: 1.4rem;line-height: 140%;color: #333;position: relative;padding: 0 15px;margin: 0 auto 15px;}
#contents .flexslider ul.p_list>li p.p2::before{content: '';width: 100%;height: 15px;background: #ffffbf;position: absolute;bottom: -5px;left: 0;z-index: 1;opacity: 0;}
#contents .flexslider ul.p_list>li p.p2>span{position: relative;z-index: 2;}
#contents .flexslider ul.p_list>li p.p2 strong{font-size: 2rem;font-weight: bolder;padding: 0 5px 0 0;}
#contents .flexslider ul.p_list>li p.p2 strong.v2{color: #333;}
#contents .flexslider ul.p_list>li p.cat{line-height: 0;padding: 0 15px;}
#contents .flexslider ul.p_list>li p.cat>span{display: inline-block;text-align: center;margin: 0 10px 0 0;line-height: 24px;font-weight: bold;color: #333;padding: 0 8px 0;border: 1px solid #333;vertical-align: top;margin-top: -1px;}
#contents .flexslider ul.p_list>li p.cat>span:last-child{margin-right: 0;}
#contents .flexslider ul.p_list>li p.cat>span.v2{color: #fff;background: #333;}


@media screen and (min-width:768px){

}

@media screen and (max-width:767px){
	#contents{padding: 40px 0 60px;}
	#contents h2{
		font-size: 1.8rem;
	}

	#contents .cart-item{
		padding: 20px;
		background: #f2f1f0;
		margin: 0 -20px 20px;
	}
	#contents table.cart,
	#contents table.cart tbody,
	#contents table.cart tr,
	#contents table.cart th,
	#contents table.cart td{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#contents table.cart{
		background: #fff;
		padding: 8px;
		border: 1px solid #ddd;
		margin: 0 auto 25px;
	}
	#contents table.cart:last-child{
		margin-bottom: 0;
	}
	#contents table.cart tr{
		border-bottom: 1px solid #ddd;
	}
	#contents table.cart tr:last-child{
		border-bottom: none;
	}
	#contents table.cart tr:first-child,
	#contents table.cart th{
		display: none;
	}
	#contents table.cart td,
	#contents table.cart tr:nth-child(2) td{
		border: none;
		padding: 15px 15px 15px 0;
	}
	#contents table.cart td.p{
		text-align: right;
		padding-top: 0;
	}
	#contents table.cart td.none,
	#contents table.cart td.none2{
		display: none;
	}
	#contents table.cart tr:nth-child(2){
		display: block;
		position: relative;
	}
	#contents table.cart tr:nth-child(2) td{
		padding: 0 10px 15px;
	}
	#contents table.cart tr:nth-child(2) td:first-child{
		width: auto;
		margin: 0 30%;
	}
	#contents table.cart td p.img{
		width: 100%;
	}
	#contents table.cart tr:nth-child(2) td.names,
	#contents table.cart tr:nth-child(2) td.num{
		width: auto;
		margin: 0 0 0 auto;
		padding: 0;
	}
	#contents table.cart tr:nth-child(2) td.names{
		padding: 0 10px 20px;
	}
	#contents table.cart td p.name{
		font-size: 1.6rem;
	}
	#contents table.cart td p.cat{
		padding-top: 10px;
	}
	#contents table.cart td .counts .plus-minus{
		display: block;
		letter-spacing: normal;
		margin: 0 auto 5px;
		text-align: center;
		padding: 10px 5px;
		width: 40vw;
	}
	#contents table.cart td .counts .plus-minus>form button{
		padding: 10px;
	}
	#contents table.cart td .counts .delete{
		display: block;
		letter-spacing: normal;
		margin: 0 auto;
		text-align: right;
	}
	#contents table.cart tr.price td{
		padding: 15px 0;
		text-align: right;
	}
	#contents table.cart tr.price td p{
		text-align: right;
	}

	#contents .total{
		text-align: center;
		padding: 40px 20px 20px;
		position: relative;
	}
	#contents .total>div:last-child{
		text-align: right;
	}
	#contents .total span{
		vertical-align: initial;
		padding: 0 5px;
	}
	#contents .total span:first-child{
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 20px;
		left: 0;
		padding: 0;
	}
	#contents .total table,
	#contents .total tbody,
	#contents .total tr,
	#contents .total th,
	#contents .total td{
		display: block;
	}
	#contents .total tr{
		display: block;
		letter-spacing: -0.4em;
		text-align: left;
		line-height: 0;
	}
	#contents .total td{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
		width: 50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1.4rem;
		padding: 15px 10px;
	}
	#contents .total td:nth-child(2n){
		text-align: right;
		font-weight: bold;
	}
	#contents form.all-delete{
		padding: 0;
		text-align: center;
		margin: 0 auto 20px;
		padding: 0 25px;
	}
	#contents form.next {
		margin-bottom: 50px;	
	}
	#contents form.next a{
		display: block;
		width: 100%;
		min-width: 1px;
		margin: 0 auto;
		line-height: 55px;
	}
	#contents form.next button{
		display: block;
		width: 100%;
		min-width: 1px;
		margin: 0 auto;
		line-height: 55px;
	}
	#contents .amazon-btn-box{padding: 25px; margin-bottom:60px;}
	#contents .amazon-btn-box div {float:none; padding: 0;}
	#contents .amazon-btn-box div p:nth-child(1) {
		width: 20vw;
		margin-left: -10vw;
		font-size: 1.4rem;
	}
	#contents .amazon-btn-box div p:nth-child(2){font-size:1.8rem; padding-bottom: 10px;}
	#contents .amazon-btn-box div p:nth-child(3),
	#contents .amazon-btn-box div p:nth-child(4){font-size: 1.25rem;}
	#contents .amazon-btn-box #AmazonPayButton{margin: 20px auto 0; text-align: center;}

	#contents .benefits p{
		padding: 20px 10px;
		font-size: 1.4rem;
	}
	#contents .benefits p span.v2{font-size: 1.8rem;}
	.flex-direction-nav {display: none;}
	.flex-control-nav {left:0;}
	#contents .flexslider {padding:0 2.5%;}
	#contents p.tit2 {line-height:150%;padding:20px 0;}
	#contents .flexslider ul.p_list>li {margin:0;}
	#contents .flexslider ul.p_list>li div {padding:0 2.5%;}
	#contents .flexslider ul.p_list>li p.name {font-size:1.4rem;}
	#contents .flexslider ul.p_list>li p.name small {font-size:1.2rem;}
	#contents .flexslider ul.p_list>li p.size {display:none;}
	#contents .flexslider ul.p_list>li p.cat {font-size:90%;}
	#contents .flexslider ul.p_list>li p.p1 {font-size:1.2rem;}
	#contents .flexslider ul.p_list>li p.p1>i {font-size:1.5rem;}
	#contents .flexslider ul.p_list>li p.p1 small {font-size:1.1rem;}
	#contents .flexslider ul.p_list>li p.cat>span{font-size: 1rem;padding: 0 7px;line-height: 20px;}

}