img{
	width: auto;
}
.inner {
	max-width: 1260px;
}

/*.areaIntro*/
.areaIntro {
	margin: 100px 0 45px;
}
.areaIntro .inner {
	/* display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start; */
	display: grid;
	grid-template-columns: 450px calc(100% - 535px);
	justify-content: space-between;
}
.areaIntro .pink {
	color: #f56e6e;
}
.areaIntro .introPhoto {
	width: 450px;
	grid-row: 1/10;
}
.areaIntro .introPhoto .photoTop {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 450px;
	border: 1px solid #cccccc;
	padding: 10px;
	margin-bottom: 31px;
}
.areaIntro .introPhoto .photoTop .slick-track .topImg {
	display: inline-block;
    float: inherit;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.areaIntro .introPhoto .photoTop .slick-track .topImg img {
	display: inline-block;
	max-width: 428px;
	max-height: 428px;
	width: auto;
}
.areaIntro .introPhoto .photoBot .slick-track {
	width: 100%;
}
.areaIntro .introPhoto .photoBot .botImg {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cccccc;
	width: 98px;
	height: 98px;
	margin: 0 9px;
	padding: 5px 2px;
	cursor: pointer;
}
.areaIntro .introPhoto .photoBot .botImg img {
	max-width: 60px;
	max-height: 74px;
	width: auto;
}
.areaIntro .introPhoto .photoBot .botImg.slick-slide.slick-current.slick-active {
	border-color: #F56E6E;
}
.areaIntro .introWrap {
	/* width: 55.4%; */
	margin-top: 3px;
}
.areaIntro .introWrap .introBasic {
	margin-bottom: 33px;
}
.areaIntro .basicType {
	font-size: 19px;
	font-weight: 400;
	margin-bottom: -2px;
}
.areaIntro .basicName {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 11px;
}
.areaIntro .basicName span{
	display: inline-block;
    margin-left: 11px;
	font-size: 19px;
	font-weight: 400;
	letter-spacing: 3px;
}
.areaIntro .introWrap .introBasic .basicUses {
	font-size: 17px;
	line-height: 1.75;
}
.areaIntro .introWrap .introReco .recoName{
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.9px;
	margin-bottom: 15px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,200,1) 70%, rgba(255,255,200,1) 100%);
}
.areaIntro .introWrap .introReco .recoList li {
	font-size: 17px;
	padding-left: 26px;
	background: url(../images/product/area-intro-photo-05.png)no-repeat top 4px left/21px 18px;
}
.areaIntro .introWrap .introReco .recoList li:not(:last-child) {
	margin-bottom: 8px;
}
/*.areaIntro*/

/*.areaPrice*/
.areaPrice {
	background: #feefef;
	padding: 45px 0 58px;
}
.areaPrice .priceWrap {
	width: 100%;
	max-width: 800px;
	padding: 0 20px;
	margin: 0 auto;
}
.areaPrice .priceWrap .priceTab {
	display: flex;
}
.areaPrice .priceWrap .priceTab .tabName {
	width: 50%;
}
.areaPrice .priceWrap .priceTab .tabName a {
	display: flex;
	justify-content: center;
    align-items: center;
	width: 100%;
    height: 100%;
	font-size: 19px;
	font-weight: bold;
	color: #808080;
	background-color: #fafafa;
	border-radius: 5px 5px 0 0;
	border: 1px solid #cccccc;
	text-align: center;
	padding: 17px 5px 13px;
}
.areaPrice .priceWrap .priceTab .tabName.active a {
	background-color: #fff;
	color: #4d4d4d;
	border-bottom-width: 0;
	padding: 17px 5px 14px;
}
.areaPrice .priceWrap .priceTab .tabFisrt.active {
	width: calc(50% + 1px);
	margin-right: -1px;
}
.areaPrice .priceWrap .priceTab .tabRegular.active{
	width: calc(50% + 1px);
	margin-left: -1px;
}
.areaPrice .priceWrap .priceBox {
	display: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	border-top-width: 0;
	padding: 30px 29px 18px;
}
.areaPrice .priceWrap .priceBox .priceInfo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}
.areaPrice .priceWrap .priceBox .priceInfo .infoLeft {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 64%;
}
.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox {
	width: 150px;
	margin-right: 1%;
}
.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox .leftTime {
	font-size: 19px;
	margin-bottom: 10px;
}
.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox .leftSale {
	display: inline-block;
	font-size: 19px;
	font-weight: bold;
	color: #f56e6e;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,200,1) 70%, rgba(255,255,200,1) 100%);
}
.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftPrice {
	width: calc(99% - 150px);
	font-size: 41px;
}
.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftPrice span{
	font-size: 20px;
}
.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftNote {
	width: 100%;
	font-size: 16px;
	margin-top: 8px;
}
.areaPrice .priceWrap .priceBox .priceInfo .infoBtn {
	width: 35.6%;
	margin-top: 4px;
}
.areaPrice .priceWrap .priceBox .priceInfo .infoBtn a{
	display: block;
	width: 100%;
	background: #f56e6e url(../images/product/area-intro-photo-06.png)no-repeat center left 8.9%/ 30px 25px;
	border-radius: 20px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding: 16px 10px 14px 42px;
	color: #fff;
	border: 1px solid #f56e6e ;
}
.areaPrice .priceWrap .priceBox .priceRight {
	background: #ffffc8;
	text-align: center;
	border-radius: 10px;
	padding: 12px 18px 4px;
	color: #f56e6e;
	margin-bottom: 13px;
}
.areaPrice .priceWrap .priceBox .priceRight .rightName {
	font-size: 20px;
	font-weight: bold;
	background: url(../images/product/icon-dots.svg)repeat-x bottom left/ 20.5px;
	padding-bottom: 7px;
	margin-bottom: 14px;
}
.areaPrice .priceWrap .priceBox .priceRight .rightList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
} 
.areaPrice .priceWrap .priceBox .priceRight .rightList li {
	font-size: 19px;
	font-weight: bold;
	background-color: #fff;
	border-radius: 30px;
	margin: 0 4px 12px;
	padding: 7px 19px 9px;
	letter-spacing: 2px;
}
.areaPrice .priceWrap .priceBox .priceSub {
	font-size: 15px;
	font-weight: 400;
    line-height: 2;
    text-align: justify;
}

/*priceDetail*/
.areaPrice .priceWrap .priceDetail .priceInfo .infoLeft {
	align-items: flex-end;
}
.areaPrice .priceWrap .priceDetail .priceInfo .infoLeft .leftPrice {
	margin-bottom: -16px;
}
/*priceDetail*/

.areaPrice .priceWrap .priceList {
	padding: 21px 29px 5px;
}
.areaPrice .priceWrap .priceList .priceInfo {
	margin: 0;
	padding: 19px 0 32px;
	background: url(../images/product/icon-dots-gray.svg)repeat-x bottom left/ 17px;
}
.areaPrice .priceWrap .priceList .priceInfo:last-child {
	background: transparent;
}
.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftBox {
	width: 200px;
	margin-top: 12px;
}
.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftBox .leftTime {
	margin-bottom: 0;
}
.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftPrice {
	width: calc(99% - 200px);
	text-align: right;
	line-height: 1;
}
.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftPrice span.priceShip {
	display: block;
	margin-top: -2px;
}
/*priceList*/
/*areaPrice*/

/*.areaProduct*/

.areaProduct {
	margin-bottom: 44px;
}
.areaProduct .productWrap {
	width: 100%;
	max-width: 800px;
	padding: 0 25px;
	margin: 0 auto;
}
.areaProduct .productWrap .productPhoto {
	width: 100%;
	margin-bottom: 44px;
}
.areaProduct .productWrap .productPhoto .photo{
	width: 100%;
}
.areaProduct .productWrap .productPhoto .photo img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.areaProduct .productWrap .productPhoto .photo.bgYellow {
	background-color: #f8efde;
	padding: 30px 26px 0;
}
.areaProduct .productWrap .productPhoto .photo.lastYellow {
	padding-bottom: 30px;
}
.areaProduct .productWrap .productPhoto .photo.bgPink {
	background-color: #fef9f9;
	padding: 64px 34px 18px;
}
.areaProduct .productWrap .productPhoto .photo.lastPink {
	padding-bottom: 63px;
}
.areaProduct .productWrap .productDetail {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
.areaProduct .productWrap .productDetail table {
	font-size: 22px;
	border: 2px solid #979797;
}
.areaProduct .productWrap .productDetail th {
	width: 164px;
	background-color: #979797;
	border-bottom: 2px solid #fff;
	color: #fff;
	font-weight: 400;
	padding: 20px 11px 18px;
}
.areaProduct .productWrap .productDetail td {
	color: #333;
	padding: 20px 11px 18px;
	text-align: justify;
	border-bottom: 2px solid #979797;
}
.areaProduct .productWrap .productDetail tr:last-child th,td {
	border-bottom-width: 0;
}


@media (max-width: 1200px) and (min-width:769px) {
	.areaIntro .introWrap {
		/* width: calc(100% - 480px); */
	}
}
@media (max-width: 900px) and (min-width:769px) {
	/*areaIntro*/
	.areaIntro .basicType {
		font-size: 17px;
	}
	.areaIntro .basicName {
		font-size: 27px;
	}
	.areaIntro .basicName span {
		font-size: 17px;
	}
	.areaIntro .introWrap .introBasic .basicUses {
		font-size: 15px;
	}
	.areaIntro .introWrap .introReco .recoName {
		font-size: 20px;
	}
	.areaIntro .introWrap .introReco .recoList li {
		font-size: 15px;
	}
	/*areaIntro*/

	/*areaPrice*/
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft {
		width: calc(100% - 230px);
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox .leftTime {
		font-size: 16px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftPrice {
		font-size: 36px;
		min-width: 230px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftPrice span {
		font-size: 17px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoBtn {
		width: 210px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoBtn a {
		font-size: 15px;
	}
	/*areaPrice*/
}
@media (max-width: 845px) and (min-width:769px) {
	/*areaIntro*/
	.areaIntro .introPhoto {
		margin-bottom: 40px;
	}
	.areaIntro .introWrap {
		width: 100%;
	}
	/*areaIntro*/

	/*areaPrice*/
	.areaPrice .priceWrap .priceBox .priceInfo {
		justify-content: center;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft {
		width: 100%;
		margin-bottom: 20px;
		justify-content: center;
		text-align: center;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox {
		width: 100%;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftPrice {
		width: 100%;
	}
	.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftPrice {
		text-align: center;
	}
	.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftPrice span.priceShip {
		display: inline-block;
	}
	/*areaPrice*/
}


@media(min-width:769px) {
	.areaPrice .priceWrap .priceTab .tabName a:hover {
		background-color: #fff;
		color: #4d4d4d;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoBtn a:hover {
		color: #F56E6E;
		background: #fff url(../images/product/area-intro-photo-06-pink.svg)no-repeat center left 8.9%/ 30px 25px;
	}
	.areaIntro .introPhoto .photoBot .botImg:hover {
		border-color: #F56E6E;
	}
}

@media(max-width:768px) {
	.areaIntro {
    	margin: 55px 0 24px;
	}
	.areaIntro .inner {
		display: flex;
		flex-direction: column;
	}
	.areaIntro .introName {
		width: 100%;
		padding: 0 4.3%;
		margin-bottom: 6px;
		order: -1;
	}
	.areaIntro .basicType {
		font-size: 19px;
	}
	.areaIntro .basicName {
		font-size: 30px;
		margin-bottom: 0;
	}
	.areaIntro .basicName span {
		font-size: 19px;
		margin-left: 6px;
		letter-spacing: 0;
	}
	.areaIntro .introPhoto {
		width: 100%;
		padding: 0 4.3%;
	}
	.areaIntro .introPhoto .photoTop {
		height: 85.9vw;
		margin-bottom: 22px;
	}
	.areaIntro .introPhoto .photoTop .slick-track .topImg img {
		max-width: 500px;
		max-height: 500px;
	}
	.areaIntro .introPhoto .photoBot .botImg {
		width: 18.8vw;
		height: 18.8vw;
		margin: 0 1.8vw;
		padding: 8px 2px;
	}
	.areaIntro .introPhoto .photoBot .botImg.slick-slide img {
		height: 100%;
	}
	.areaIntro .introWrap {
		width: 100%;
		padding: 0 4.3%;
		margin-top: 15px;
	}
	.areaIntro .introWrap .introBasic {
    	margin-bottom: 17px;
	}
	.areaIntro .introWrap .introBasic .basicUses {
		font-size: 17px;
	}
	.areaIntro .introWrap .introReco {
		text-align: center;
		background-color: #fafafa;
		padding: 9px 10px 15px;
	}
	.areaIntro .introWrap .introReco .recoName {
		font-size: 22px;
		margin-bottom: 8px;
	}
	.areaIntro .introWrap .introReco .recoList {
		text-align: left;
	    width: 61.3%;
	    margin: 0 auto;
	}
	.areaIntro .introWrap .introReco .recoList li:not(:last-child) {
    	margin-bottom: 5px;
	}

	/*.areaPrice*/
	.areaPrice .priceWrap {
		padding: 0 4.3%;
	}
	.areaPrice .priceWrap .priceTab .tabName a {
		font-size: 19px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox{
		width: 100%;
		margin: 0;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftPrice {
		width: 100%;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftNote {
		font-size: 10px;
	}

	.areaPrice .priceWrap .priceBox .priceInfo .infoBtn {
		width: 100%;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoBtn a {
		width: 70%;
		max-width: 300px;
		margin: 0 auto;
		border-radius: 11px;
		background-size: 5.1vw 4vw;
	}
	.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftPrice {
		text-align: center;
	}
	.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftPrice span.priceShip {
		display: inline-block;
	}
	.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftBox .leftTime {
		margin-bottom: 12px;
	}	
	.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftBox .leftSale {
		margin-bottom: 8px;
	}

	/*areaProduct*/
	.areaProduct .productWrap {
		padding: 0;
	}
	.areaProduct .productWrap .productPhoto {
		margin-bottom: 23px;
	}
	.areaProduct .productWrap .productDetail {
		padding: 0 3.3%;
	}
	.areaProduct .productWrap .productDetail table {
		font-size: 19px;
	}
	.areaProduct .productWrap .productDetail th {
	    width: 23.2%;
	    border-width: 1px;
	    padding: 8px 6px 10px;
	}
	.areaProduct .productWrap .productDetail td {
		border-width: 1px;
		line-height: 1.65;
		padding: 10px 12px;
	}
	/*areaProduct*/
}
@media(max-width:414px) {
	/*areaIntro*/
	.areaIntro .basicType {
		font-size: 12px;
	}
	.areaIntro .basicName {
		font-size: 18px;
	}
	.areaIntro .basicName span {
		font-size: 12px;
	}
	.areaIntro .introPhoto .photoTop .slick-track .topImg img {
		max-width: 240px;
		max-height: 240px;
	}
	.areaIntro .introWrap .introBasic .basicUses {
		font-size: 10px;
	}
	.areaIntro .introWrap .introReco .recoName {
		font-size: 12px;
	}
	.areaIntro .introWrap .introReco .recoList li {
		font-size: 10px;
	}
	.areaIntro .introWrap .introReco .recoList li {
		background-position: top 0.9vw left 11px;
		background-size: 12px 10px;
	}
	/*areaIntro*/


	/*areaPrice*/
	.areaPrice {
	    padding: 31px 0 25px;	
	}

	.areaPrice .priceWrap .priceTab .tabName a {
		font-size: 12px;
		padding: 9px 5px 7px;
	}
	.areaPrice .priceWrap .priceTab .tabName.active a {
		padding: 9px 5px 8px;
	}
	.areaPrice .priceWrap .priceBox {
		padding: 16px 14px 12px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft {
		margin-bottom: 11px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox {
		margin-bottom: -4px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox .leftTime {
		font-size: 12px;
		margin-bottom: 2px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftBox .leftSale {
		font-size: 12px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftPrice {
		font-size: 24px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftPrice span {
		font-size: 13px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoLeft .leftNote {
		font-size: 10px;
	}
	.areaPrice .priceWrap .priceBox .priceInfo .infoBtn a {
		font-size: 10px;
		padding: 8px 10px 9px 30px;
		background-position: 10.3vw;
	}
	.areaPrice .priceWrap .priceBox .priceRight {
		padding: 6px 18px 12px;
		border-radius: 6px;
	}
	.areaPrice .priceWrap .priceBox .priceRight .rightName {
		font-size: 12px;
		background-size: 11.5px;
		padding-bottom: 4px;
		margin-bottom: 2px;
	}
	.areaPrice .priceWrap .priceBox .priceRight .rightList {
		margin-bottom: -2px;
	}
	.areaPrice .priceWrap .priceBox .priceRight .rightList li {
		font-size: 11px;
		padding: 4px 11px 6px;
		letter-spacing: 1.4px;
		margin: 7px 3px 0;
	}
	.areaPrice .priceWrap .priceBox .priceSub {
		font-size: 9px;
		line-height: 1.95;
	}
	.areaPrice .priceWrap .priceDetail .priceInfo .infoLeft .leftPrice {
    	margin-bottom: -9px;
	}
	.areaPrice .priceWrap .priceList {
		padding: 0px 14px 3px;
	}
	.areaPrice .priceWrap .priceList .priceInfo {
		padding: 17px 0 28px;
		background-size: 8px;
	}
	.areaPrice .priceWrap .priceList .priceInfo .infoLeft {
		margin-bottom: 11px;
	}
	.areaPrice .priceWrap .priceList .priceInfo .infoLeft .leftBox .leftTime {
		margin-bottom: 12px;
	}


	/*areaProduct*/
	.areaProduct {
    	margin-bottom: 21px;
	}
	.areaProduct .productWrap .productDetail table {
		font-size: 10px;
	}
	.areaProduct .productWrap .productDetail td {
		padding: 8px 6px 10px;
	}
	.areaProduct .productWrap .productPhoto .photo.bgYellow {
		padding: 15px 13px 0;
	}
	.areaProduct .productWrap .productPhoto .photo.lastYellow {
    	padding-bottom: 15px;
	}
	.areaProduct .productWrap .productPhoto .photo.bgPink {
		padding: 31px 17px 9px;
	}
	.areaProduct .productWrap .productPhoto .photo.lastPink {
		padding-bottom: 31px;
	}
	/*areaProduct*/
}