@charset "utf-8";

html{font-size:10px;}
.innisfreeday{position:relative; max-width:2560px; margin:0 auto}
.container{width:100%; margin:0 auto; max-width:1000px; position:relative;}
.pt0{padding-top:0 !important}

.con01{position:relative; padding:100px 0; background:url(images_my/con01_bg.jpg) center top / cover; background-color:#d4eae0}
.con02{position:relative; padding:100px 0; background:url(images_my/con02_bg.jpg) center top / cover;}

.con01 .title{position:relative; text-align:center; padding:0 50px}
.con01 .title p{position:relative; padding:4% 0 0 0; font-size:30px; font-weight:bold; color:#353535}

.box{position:relative; margin:0 40px; text-align:center; margin-bottom:50px}
.box.mb0{margin-bottom:0}
.box .bTit{position:relative; background:#a9d18e; padding:0 5px}
.box .con{position:relative; padding:0 50px; background:#fff}
.box .wBox{position:relative; padding:40px 0;}
.box .wBox.border{border-top:1px solid #e1e1e1}
.box .wBox .imgg{position:relative}
.box .wBox .txt{position:relative;}
.box .wBox .txt .tit{position:relative; font-size:24px; color:#4d4d4d; font-weight:bold; padding:10px 0 0 0}
.box .wBox .txt .tail{position:relative; font-size:19px; color:#4d4d4d; line-height:1.4; padding:10px 0 0 0}
.box .wBox .txt .tail.pt5{padding-top:20px}
.box .wBox .txt .ft{position:relative; font-size:17px; color:#b4b4b4; padding:15px 0 0 0}
.box .wBox .price{position:relative; font-weight:bold; color:#1d5d39; font-size:39px}
.box .wBox .price span{display:inline-block; position:relative; padding:0 5px; color:#a1a1a1; font-size:24px; font-weight:normal; margin-right:5px}
.box .wBox .price span:after{content:''; display:block; width:100%; height:1px; background:#a1a1a1; position:absolute; left:0; top:50%}
.box .wBox .pric{position:relative; padding:10px 0 0 0; font-size:24px; color:#a9d18e}
.box .wBox .pric:before{content:''; display:inline-block; width:16px; height:16px; background:url(images_my/star.jpg) no-repeat; vertical-align:middle; margin:0 5px; position:relative; top:-1px}
.box .wBox .pric:after{content:''; display:inline-block; width:16px; height:16px; background:url(images_my/star.jpg) no-repeat; vertical-align:middle; margin:0 5px; position:relative; top:-1px}
.box .wBox .pdList{position:relative; padding:40px 0 0 0; font-size:0}
.box .wBox .pdList li{display:inline-block; vertical-align:top; margin-right:15px}
.box .wBox .pdList li:nth-last-child(1){margin-right:0}
.box .wBox .pdList li .txt{position:relative; padding:10px 0 0 0; font-size:19px; color:#4d4d4d; line-height:1.4}
.box .wBox .pdList.mr{padding-bottom:5px}
.box .wBox .pdList.mr li{margin-right:30px}
.box .wBox .imgBox{position:relative}
.box .wBox .imgBox .iTit{position:relative; font-size:19px; color:#4d4d4d; line-height:1.4}
.box .wBox .imgBox .iTit.big{font-size:34px; font-weight:bold; color:#097152}
.box .wBox .imgBox .iTit em{font-weight:bold;}
.box .wBox .imgBox .iImg{position:relative; padding:20px 0 0 0}
.box .wBox .imgBox .iImg .mo{display:none}
.box .wBox .imgBox .iTail{position:relative; padding:15px 0 0 0; color:#b4b4b4; font-size:17px; line-height:1.4}
.box .wBox .imgBox .iTail.bb{color:#4d4d4d}
.con02 .ft_txt{position:relative; text-align:center; padding:40px 10px 0 10px; color:#9fcbbe; font-size:18px; line-height:1.4}

@media screen and (max-width: 1000px){
	.con01{padding:70px 0}
	.con01 .title p{font-size:20px}
	
	.con02{padding:70px 0}
	
	.box{margin:0 30px; margin-bottom:40px}
	.box .con{padding:0 40px}
	.box .wBox{padding:30px 0}
	.box .wBox .txt .tit{font-size:22px;}
	.box .wBox .txt .tail{font-size:17px;}
	.box .wBox .txt .ft{font-size:16px}
	.box .wBox .price{font-size:25px}
	.box .wBox .price span{font-size:17px}
	.box .wBox .pric{font-size:20px}
	.box .wBox .pdList li .txt{font-size:16px}
	.box .wBox .imgBox .iTit{font-size:17px}
	.box .wBox .imgBox .iTail{font-size:15px}
	.box .wBox .imgBox .iTit.big{font-size:28px}
	.con02 .ft_txt{font-size:16px; padding:30px 10px 0 10px}
}

@media screen and (max-width: 768px){
	.con01{padding:50px 0 160px 0; background:url(images_my/con01_bg_m.jpg) right bottom no-repeat; background-size:200px auto; background-color:#d4eae0}
	.con01 .title p{font-size:16px}
	
	.con02{padding:50px 0}
	
	.box{margin:0 20px; margin-bottom:30px}
	.box .con{padding:0 20px}
	.box .wBox{padding:20px 0}
	.box .wBox .txt .tit{font-size:16px;}
	.box .wBox .txt .tail{font-size:14px;}
	.box .wBox .txt .ft{font-size:13px}
	.box .wBox .pdList.mr{padding-top:20px}
	.box .wBox .pdList.mr li{width:33%; margin-right:0; display:inline-block; margin-bottom:0}
	.box .wBox .pdList.mr li .img img{width:90%; max-width:none}
	
	.box .wBox .imgBox .iTit{font-size:15px}
	.box .wBox .imgBox .iTail{font-size:14px}
	.box .wBox .imgBox .iTit.big{font-size:20px}
	.box .wBox .imgBox .iImg .pc{display:none}
	.box .wBox .imgBox .iImg .mo{display:inline}
	.con02 .ft_txt{font-size:14px; padding:30px 10px 0 10px}
}

@media screen and (max-width: 660px){
	.box .wBox .txt .tit{font-size:18px;}
	.box .wBox .txt .tail{font-size:15px;}
	.box .wBox .txt .ft{font-size:15px}
	.box .wBox .price{font-size:20px}
	.box .wBox .price span{font-size:15px}
	.box .wBox .pric{font-size:18px; padding:5px 0 0 0}
	
	.box .wBox .pdList li{display:block; margin-right:0; margin-bottom:30px}
	.box .wBox .pdList li .txt{font-size:14px}
	.box .wBox .pdList li:nth-last-child(1){margin-bottom:0}
	.box .wBox .pdList li.mt{margin-top:-50px}
	.box .wBox .img img{max-width:100px}
}