@charset "utf-8";

.content {display: block; font-size:15px; line-height: 30px; margin:0px 0px 8px 0px;}
.exclusive {background:#f7f7f7; border:1px solid #edeaea; padding:10px;  font-weight: bold; margin:25px 0px;}
.exclusive-con {display: block; font-size:15px; line-height: 24px; margin:0px 15px 8px 20px; font-weight: normal; clear: both;}
.exclusive-title {background: #3b9c9c; color:#ffffff; padding:8px; margin-left:-11px; margin-top:-10px; position: absolute;}
.exclusive-bigtitle {display: block; padding-left:10px; margin:40px 15px 10px 10px; font-size:21px; line-height: 36px;}
.txt-title {float:left; display: block; text-align: center; color:#1b1b1b; width:100%;} 
.txt-sp {color:#fc6729; font-weight: bold; float:left; display: block; font-size:15px; line-height: 24px; text-align: center; padding-top:10px; padding-bottom: 8px; width:100%;}
.txt-sp em {font-size:30px; font-style: normal;}
.txt-sp2 {color:#fc6729; font-weight: bold;}
.discount {}
.discount-sp {background:#fc6729; color:#ffffff; padding:5px; margin:0px 5px; border-radius: 6px;}
.txt-price {}
.txt-small {font-size:12px;}
.txt-tt {color:#fc4c02; font-weight: bold;}

.couponcode {background: #def4f4; padding:15px; text-align: center; word-break: break-word;}
.couponcode p {line-height: 36px; padding: 5px 0px;}
.code-sp {font-size:36px; font-weight: bold; color:#fc4c02;}
.code-txt {font-size:26px; font-weight: bold; color:#167a7a;}
.code-btn {margin:0px 5px;}
.code-btn a {font-size:26px; font-weight: bold; background: #167a7a; color:#ffffff; padding:6px; border-radius: 8px; -moz-box-shadow:2px 2px rgba(20%,20%,40%,0.3); -webkit-box-shadow:2px 2px rgba(153 153 188 / 50%); box-shadow:2px 2px rgba(153 153 188 / 50%);}
.code-btn a:hover {background:#166b6b;}
.applicable {display: block; font-size:15px; line-height: 30px; margin:12px 0px 0px 0px;}

.btn-more {text-align: right; margin-bottom: 20px;}
.btn-more a {
    background:#167a7a;;
    padding:10px; 
    color:#ffffff;
    -moz-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    -webkit-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    box-shadow:2px 2px rgba(20%,20%,40%,0.3);
}
.btn-more a:hover {
    background:#166b6b;;
}

.text-list {text-indent: -14px; padding-left:12px;}
.line-bar {clear: both; display: block; border-bottom:1px dotted #b4d3a7; padding:0px 10px; margin:0px 15px 8px 20px;}

.stroke {margin:25px 0px;}
.route {margin:35px 0px; line-height: 24px;}
.route-title {color:#005eb8; background: #e1f6fe; border-radius: 5px; padding:5px 0px 5px 10px; margin:8px 0px; font-weight: bold; font-size:18px;}
.route-tt {display: block; color:#589c54; font-weight: bold; margin:12px 0px 0px 0px;}
.route-tt span {border:1px solid #589c54; padding:5px;}
.route-txt {color:#005eb8; font-weight: bold; font-size:15px; line-height: 24px; margin:4px 0px;}
.route ul {margin:12px 0px;}
.route ul li {width:100%; display: block; border-bottom:1px dotted #cccccc; padding:5px 0px;}
.route ul li a:hover {color:#589c54;}
.text-list {text-indent: -12px; padding-left:12px;}

.homestay-introduction {padding:0px 15px; float:left;}
.homestay-title {text-align: center; margin:22px}
.homestay-tt {font-size:21px; color:#eb6100; text-align: center; border-bottom:1px dotted #eb6100; border-top:1px dotted #eb6100; background:#d0f1c2; border-radius:10px; padding:10px 6px;}
.homestay-con {font-size:15px; color:#43803f; font-weight: normal; line-height:24px;}
.homestay-consp {font-weight: bold; color:#0d3c0a;}

.promotion-pic {width:97%; height:100%; padding:5px 0px 10px 7px; margin:10px auto;}
.promotion-pic img {width:100%; height:100%; margin:0 auto;}


.btn-go {display: block; text-align: center; margin:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; clear:both;}
.btn-go a {
    display: block;
    background:#086969;
    padding:10px; 
    color:#ffffff;
    -moz-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    -webkit-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    box-shadow:2px 2px rgba(20%,20%,40%,0.3);
}
.btn-go a:hover {
    background: #0c7d7d;  
}

/*
@media screen and (min-width: 801px) and (max-width: 920px) {
.homestay-introduction {width:92%; margin:10px 0px 20px 6px; background: #d0f1c2;  padding:15px; float:left;}
}

@media screen and (min-width: 769px) and (max-width: 800px) {
.homestay-introduction {width:92%; margin:10px 0px 20px 3px; background: #d0f1c2;  padding:15px; float:left;}
}

@media screen and (min-width: 670px) and (max-width: 768px) {
.homestay-introduction {width:92%; margin:10px 0px 20px 9px; background: #d0f1c2;  padding:15px; float:left;}
}*/
@media screen and (max-width: 900px) {
.txt-title {float:left; display: block; text-align: left; color:#1b1b1b; width:100%;} 
.txt-sp {color:#fc6729; font-weight: bold; float:right; display: block; font-size:15px; line-height: 24px; text-align: center; width:100%; padding:10px 0px; }    
}


@media screen and (max-width: 468px) {
.txt-title {text-align: center; width: 100%; font-size: 26px; padding: 5px 0px;}
.txt-sp {text-align: center; width:100%;}   
.discount {margin:0 auto; margin-bottom: 3px; margin-top: 8px; display: block;}
.txt-price {width:100%; text-align: center; margin: 15px 0px 5px 0px;}
.txt-sp em {font-size:27px; font-style: normal;}
    
.code-btn {display: block;margin: 5px 0px;}
.code-sp {font-size:22px;}
}

@media screen and (max-width: 385px) {
.homestay-title {text-align: center; margin:22px 5px;} 
.homestay-tt {font-size:16px; color:#eb6100; text-align: center; border-bottom:1px dotted #eb6100; border-top:1px dotted #eb6100; background:#d0f1c2; border-radius:10px; padding:10px 6px;}
}