@charset "utf-8";
/*===============================================
 *	common
===============================================*/
#title-area_spot h1{color: #333;font-size: 40px;text-shadow:0 0 25px #fff,0 0 20px #fff,0 0 0.40px #fff;font-weight: bold;text-align: center;}
#title-area_spot h1 span{display: block;font-size: 25px;}
.title-ocean{background: url(../img/bg-title_ocean.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-flower{background: url(../img/bg-title_flower.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-redleaves{background: url(../img/bg-title_redleaves.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-amusement{background: url(../img/bg-title_amusement.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-fruits{background: url(../img/bg-title_fruits.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-golf{background: url(../img/bg-title_golf.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-handmade{background: url(../img/bg-title_handmade.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-hotspring{background: url(../img/bg-title_hotspring.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-museum{background: url(../img/bg-title_museum.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-nature{background: url(../img/bg-title_nature.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-powerspot{background: url(../img/bg-title_powerspot.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.title-zoo{background: url(../img/bg-title_zoo.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
.place-title{border-bottom: #816A27 2px solid;font-size: 20px;font-weight: bold;margin-bottom: 1em;padding-bottom: 5px;}
.basic-title img{width: 22px;display: inline;margin-bottom: 5px;margin-right: 5px;}
.purpose-txtbox{background: #fff;border: #BEAA87 1px solid;padding: 1em;margin-bottom: 2em;}
.purpose-title{font-size: 20px;font-weight: bold; text-align: center;}
.place-box{margin-bottom: 2em;}
.photo-place{float:left;width: 45%;margin-right: 1em;}
.place-contents{float:left;width: 50%;}
.place-contents h3{font-size: 18px;font-weight: bold;margin-bottom: 5px;}
.place-contents p{margin-bottom: 10px;}
a.btn-place{background: #fff;color: #333;display: block;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border: 2px solid #BEAA87;box-shadow: 0px 2px 0px 0px #BEAA87;-moz-box-shadow: 0px 2px 0px 0px #BEAA87;-webkit-box-shadow: 0px 2px 0px 0px #BEAA87;padding: 1em 0.5em 1em 1em;}
a.btn-place img{float: left;width: 28%;margin-right: 3%;}
a.btn-place dl{float: left;width: 69%;}
a.btn-place dt{font-size: 18px;font-weight: bold;margin-bottom: 5px;}
a.btn-place dt span{display: block;font-size: 12px;}
@media only screen and (max-width: 768px) {
.purpose-txtbox span{display: block;}
}
@media only screen and (max-width: 568px) {
.photo-place {float: none;width: 100%;margin-right: 0;}
.place-contents {float: none;width: 100%;}
a.btn-place {padding: 0.5em;}
}
@media screen and (min-width: 320px) and (max-device-width: 567px) {
.purpose-title{font-size: 18px;}
}
/*===============================================
 *	place Bxslider
===============================================*/
.spot-placebox .bxslider-wrapper_sp {background: #fff; margin-bottom:1em;width: 92%;margin: 0 auto;}
.spot-placebox{margin-bottom: 2em;}
.spot-placebox .spot-title {font-size: 20px;font-weight: bold;border-bottom: #816A27 2px solid;margin-bottom: 1em;padding-bottom: 5px;}
.spot-placebox .spot-title img{width:3%;display: inline;padding-bottom: 5px;margin-right: 5px;}
.spot-placebox .spot-update-place li{padding: 1em;}
.spot-placebox .spot-update-place li .hotel-name dt{font-size: 20px;font-weight: bold;margin-bottom: 5px;} 
.spot-placebox .spot-update-place li .hotel-name dd{font-size: 16px;margin-bottom: 10px;} 
.spot-placebox .spot-update-place li img{float: left;max-width: 170px;margin-right: 10px;}
.spot-update-place .spot_bxslider-contents {border: #ECDCC4 1px solid;padding: 1em;margin-bottom: 1em;}
.spot-update-place .spot_bxslider-contents p {font-size: 20px;font-weight: bold;border-bottom: #ECDCC4 2px solid;padding-bottom: 5px;margin-bottom: 10px;}
.spot-update-place .spot_bxslider-contents dl {float: left;width: 68%;}
.spot-update-place .spot_bxslider-contents dt {font-size: 18px;margin-bottom: 5px;font-weight: bold;}
.spot-update-place .spot_bxslider-contents dt span{display: block;}
.spot-update-place .spot_bxslider-contents dd{margin-bottom: 10px;}
.btn-hotel_detail {padding: 0.8em;display: block;width: 40%;text-align: center;color: #333;font-size: 18px;text-decoration: none;margin: 0 auto;font-weight: bold;}
@media only screen and (max-width: 768px) {
.spot-placebox .spot-update-place li img{max-width: 140px;}
.spot-update-place .spot_bxslider-contents dl {width: 60%;}
}
@media only screen and (max-width: 568px) {
.spot-placebox .spot-title img {width: 6%;}
.spot-update-place .spot_bxslider-contents dl {width: 58%;}
.spot-placebox .spot-update-place li img {max-width: 90px;}
.btn-hotel_detail {width: 88%;}
}
@media screen and (min-width: 320px) and (max-device-width: 567px) {
.spot-update-place .spot_bxslider-contents dt {font-size: 16px;}
.spot-update-place .spot_bxslider-contents dl {width: 100%;}
.spot-placebox .spot-update-place li img {float: none;max-width: 180px;width: 100%; margin: 0 auto 10px;}
}