/* CSS Document 
Theme Name: Templestay add2019
Theme URI: http://www.templestay.com/
Description: 3 Column Responsive theme
*/


/*--------------------------------------------------------------------------------*/
/*------------------------------------ menus -------------------------------------*/
/*--------------------------------------------------------------------------------*/

#main-menu { height: 110px; background: #fff; }
.mainmenus ul li a { color: #6d685c; }
.mainmenus ul li a:hover { color: #a64144; }
.mainmenus ul li:hover ul { border-top: 6px solid #a64144; }
.mainmenus ul li ul { background: #fff; }
.mainmenus>ul>li>a { padding: 28px 0px 32px 0px; }
.mainmenus ul li ul li:first-child { padding-top: 20px; }
.topmenu a { color: #6d685c; }
.topmenu a:hover { color: #f6d059; }
.topmenu .logicon { background-image: url(../images/icon-login-color.png); }
.topmenu a:hover .logicon { background-image: url(../images/icon-login-yellow.png); }
#top-menu ul li ul { background: url(../images/submenu-bgtop-color.png) no-repeat top center; }
#top-menu li li a:hover { color: #fff; }

/*--------------------------------------------------------------------------------*/
/*----------------------------------- search-box ---------------------------------*/
/*--------------------------------------------------------------------------------*/

input:not([type="image" i]) { box-sizing: border-box; }
#search-box { background: none; }
.search-box-main { background: #f4ece3; }
.search-box-main-left { float: left; width: 50%; }
.search-content { padding: 30px 40px; }
.search-content input, .search-content select { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.search-content .listing-name select { border: none; background: none; padding: 14px 10px 14px 20px; height: 48px; }
.search-content-divider { display: inline-block; background: url(../images/search-content-divider.png) no-repeat center bottom; width: 100%; height: 18px; }
.filter-type { background: #fff; border: 1px solid #dfd8cf; border-radius: 7px; margin-bottom: 10px; }
.listing-name { width: 100%; margin-bottom: 5px; }
.listing-word { width: 100%; }
.listing-checkin, .listing-checkout { width: 47%; margin-right: 5%; }
.listing-checkout { float: right; margin-right: 0px; }
.search-box-main-right { float: left; width: 50%; background: url(../images/search-bgimage.jpg); }
.search-content h5 { color: #a64144; margin: 5px 0; }
.search-caption { color: #6d653a; margin-top: 5px; margin-bottom: 10px; }
.search-box-main #et-filter { margin-bottom: 15px; border-radius: 7px; }
#content_buttonSearch { padding: 14px 50px; font-size: 20px; }
.icon-location { position: absolute; bottom: 140px; width: 136px; background: #f4ebe0; padding: 10px 10px 4px; border-radius: 8px; }
.icon-location span { float: left; margin-right: 10px; }
.icon-location a { color: #a64144; }
.icon-location a:hover { color: #111; }

.templemap-title { float: left; }
.templemap { position: relative; float: right; margin-top: 0px; margin-bottom: 50px; }
.templemap h3, .templemap p { color: #a64144; margin: 0; padding: 0; line-height: 1em; text-align: center; }
.templemap p { font-size: 12px; }
.templemap a:hover h3, .templemap a:hover p { color: #111; }
.temple-number-1 {position: absolute;top: 47px;left: 89px;}
.temple-number-2 {position: absolute;top: 80px;left: 100px;}
.temple-number-3 {position: absolute;top: 41px;left: 163px;}
.temple-number-4 {position: absolute;top: 116px;left: 140px;}
.temple-number-5 {position: absolute;top: 130px;left: 52px;}
.temple-number-6 {position: absolute;top: 189px;left: 89px;}
.temple-number-7 {position: absolute;top: 254px;left: 70px;}
.temple-number-8 {position: absolute;top: 136px;left: 190px;}
.temple-number-9 {position: absolute;top: 214px;left: 159px;}
.temple-number-10 {position: absolute;top: 344px;left: 16px;}

.reserv #search-box { position: absolute; margin-top: -50px; }
.reserv #content-area { padding-top: 240px; }
.reserv #content-area.search-result { padding-top: 150px; }	
.search-box-sub { background: #f4ece3; padding-bottom: 20px; }
.search-box-sub-left { float: left; width: 30%; }
.search-box-sub-right { float: left; width: 70%; }
.search-box-sub-right .search-content { padding-left: 0; }
.search-box-sub .listing-word { width: 100%; }
.search-box-sub .listing-checkin { float: left; width: 30%; }
.search-box-sub .listing-checkout { float: left; width: 30%; }
.search-box-sub #et-filter { width: 30%; margin-bottom: 15px; border-radius: 7px; float: right; margin-right: 0px; }
.search-box-table { margin: 30px 0; border: 1px solid #ddd; }
.search-box-table-left, .search-box-table-right { width: 50%; margin-left: 0; }
.search-box-table-right .option-title { border-left: 1px solid #ddd; }
.option-title { display: inline-block; width: 30%; color: #a64144; font-weight: 600; line-height: 60px; text-align: center; }
.table-select-area, .table-select-type { width: 65%; background: none; border: none; line-height: 60px; }

/*--------------------------------------------------------------------------------*/
/*------------------------------------ main area ---------------------------------*/
/*--------------------------------------------------------------------------------*/

body.home { background: #fff; }
.handphoneonly { display: none; }

#main-slides .bxslider li { background-size: cover !important; }
.home #search-box { padding-top: 362px; }
.news-section { margin-top: 20px; }
.news-section .section-title h2 { color: #c66a6c; font-size: 40px; line-height: 1.2em; font-weight: normal; }
.service-entry { padding-top: 10px; }
.service-entry .entry-thumb { float: left; margin-right: 10px; height: 32px; padding-top: 5px; }
.service-entry .entry-thumb img { max-width: 100%; max-height: 100%; }
.service-entry h3 { line-height: 20px; font-size: 14px; font-weight: normal; letter-spacing: 0; }
.news-section .one-half.last { width: 52.5%; margin-left: 0; }
.news-section .one-half.last .one-fourth { margin-left: 3%; }
.slider-news-wrapper { padding: 30px 0; background: url(../images/news-bgimage.jpg) repeat-x bottom; }
.news-pc-container .swiper-slide .thumb { width: 100%; height: 227px; overflow: hidden; margin-bottom: 10px; }
.swiper-slide h3.title { font-size: #6d685c; font-size: 18px; font-weight: normal; letter-spacing: -0.5px; }
.swiper-slide .thumb img { max-width: 100%; }
.meta-date { float: left; margin-right: 10px; margin-bottom: 30px; letter-spacing: -1px; }
.meta-date .day { margin: 5px 0; text-align: center; color: #a64144; font-size: 28px; }
.readmore-section { text-align: center; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; }
.readmore-section .more-info { display: block; width: 150px; border: 1px solid #b0aa9f; margin: 0 auto; padding: 8px 0; }

.program-section .section-title { margin-top: 50px; }
.program-section .section-title h2 { color: #c66a6c; font-size: 40px; line-height: 1.2em; font-weight: normal; }
.slider-program-wrapper { padding: 50px 0; }
.program-pc-container .swiper-slide .thumb { position: relative; height: 190px; overflow: hidden; }
.swiper-slide .description { border: 1px solid #ddd; padding: 20px; min-height: 110px; margin-bottom: 50px; }
.swiper-slide .description p { margin: 5px 0; }
.slider-news-wrapper .swiper-button-area .swiper-button-prev { left: 0px; background-image: url(../images/swiper-control-left.png); }
.slider-news-wrapper .swiper-button-area .swiper-button-next { right: 0px; background-image: url(../images/swiper-control-right.png); }
.slider-program-wrapper .swiper-button-area .swiper-button-prev { left: -50px; background-image: url(../images/swiper-control-left.png); }
.slider-program-wrapper .swiper-button-area .swiper-button-next { right: -50px; background-image: url(../images/swiper-control-right.png); }
	.program-mc-container { width: 240px; } 
	.program-mc-container .swiper-slide .thumb { position: relative; height: 180px; }
	.slider-program-wrapper.mobileonly  .swiper-button-area .swiper-button-prev { left: 0px; width: 14px; height: 22px; background-size: contain; }
	.slider-program-wrapper.mobileonly  .swiper-button-area .swiper-button-next { right: 0px; width: 14px; height: 22px; background-size: contain; }
.swiper-pagination-bullet { width: 12px !important; height: 12px !important; }
.swiper-pagination-bullet-active { background: #a64144 !important; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px !important; }

.et-status-icon { position: absolute; bottom:8px; right:8px; width: 41px; height: 39px; padding: 5px 8px; text-indent: -999px; }
.et-status-icon.et-1day { background: url(../images/et-1day.png) no-repeat center center; }
.et-status-icon.et-2day { background: url(../images/et-2day.png) no-repeat center center; }
.et-status-icon.et-rest { background: url(../images/et-rest.png) no-repeat center center; }
.slider-program-wrapper .description .et-1day { color: #930; }
.slider-program-wrapper .description .et-2day { color: #6a9ebb; }
.slider-program-wrapper .description .et-rest { color: #40573f; }

.page-tabmenu li a.active { background: #be8945; }
.page-tabmenu-title h1 { color: #be8945; }
#content-top-area { background: #b4844a url(../images/content-top-area-new.jpg) no-repeat top center; }
.metrobox { background: #be8945; }
.page-title { letter-spacing: -0.5px; }
.topmenu a { padding-right: 18px; }
#top-menu .language a { top: 52px; }
#top-area { background-color: #7FD3EC; }
.datepicker, .datepicker th.next, .datepicker th.prev, .datepicker th.switch { background: #ecdfce !important; }
.datepicker thead tr:first-child th { border: 1px solid #ecdfce !important; }


/*--------------------------------------------------------------------------------*/
/*--------------------------------- templeslides ---------------------------------*/
/*--------------------------------------------------------------------------------*/

.templeslides { background: #f9f9f9; border: 1px dotted #ddd; }
ul.templeslider { margin: 0; }
.templeslides-left { float: left; width: 50%; padding-bottom: 10px; }
	.templeslides-left .bx-wrapper .bx-pager.bx-default-pager a	{ background: #999; }
	.templeslides-left .bx-wrapper .bx-pager.bx-default-pager a:hover, .templeslides-left .bx-wrapper .bx-pager.bx-default-pager a.active { background: #a64144; }	
.templeslides-right { float: left; width: 44%; padding: 2% 3%; background: #fff; }
	.templeslides-right h3 { font-size: 20px; color: #333; line-height: 1em; letter-spacing: -0.5px; margin: 6px 0; font-family: 'Nanum Myeongjo', '나눔명조', serif;}
	.templeslides-price table { width: 100%; }
	.templeslides-right .reserve-person { width: 153px; border: 1px solid #ddd; }	
	.templeslides-right .pagebutton { margin: 15px 0 0; }
	.button-big a, .button-big button { font-size: 20px; font-weight: bold; }	
	.templeslides-right .button-big a, .templeslides-right .button-big button { padding: 8px 30px; font-size: 20px; font-weight: bold; margin-bottom: 0px; }
.templeslides-content { width: 100%; }
.alert-price-table table { width: 800px; }
.alert-price-table tr td { padding: 3px; }

.datebutton { position: relative; float: left; width: 140px; height: 29px; margin-bottom: 10px; margin-right: 30px; }
	.datebutton a { display: block; border: 1px solid #ddd; width: 100%; height: 29px; line-height: 29px; border-radius: 29px; padding: 2px; }
	.dateinput { display: inline-block; background: url(../images/dateinput.png) no-repeat 0 8px; padding: 0 24px; color: #a64144; line-height: 30px; }
	.dateinput.fullwidth { display: block; }
	.dateinput input { border: none; width: 100%; height: 29px; padding: 2px 0px; color: #a64144; min-width: 260px; }
.checkinbutton, .checkoutbutton { display: inline-block; position: relative; width: 220px; height: 29px; margin-bottom: 10px; }
	.checkinbutton a, .checkoutbutton a { display: block; border: 1px solid #ddd; width: 100%; height: 29px; line-height: 29px; padding: 2px; }
	.wave { display: inline-block; width: 30px; text-align: center; }

h4.bullet { font-size: 16px; padding-left: 20px; background: url(../images/h4-bullet.png) no-repeat 6px 8px; }
.box.program, .box.location { width: 94%; padding: 2% 3%; margin: 20px 0; background-color: #fff; border: 1px solid #eee; }
.box.program h3, .box.location h3 { font-size: 18px; }
.box.program h4, .box.location h4 { font-size: 16px; }
.temple-description .work-title { width: 140px; }

/*--------------------------------------------------------------------------------*/
/*--------------------------------- alert & popup --------------------------------*/
/*--------------------------------------------------------------------------------*/

.alertbox { visibility: hidden; height: 0%; }
.alertbox.alert-is-shown { visibility: visible; height: 100%; }
.alertbox .alert { transform: translateY(130%); transition-timing-function: ease-in; transition: 0.2s;  }
.alertbox.alert-is-shown .alert { transition: 0.25s; transition-timing-function: ease-out; transform: translateY(0); opacity: 1; }
.alertbox { position: fixed; top: 0; left: 0; width: 100%; margin: 0 auto; height: 100%; overflow: hidden; z-index: 999; }
.alertbox.alert-is-shown { background-color: rgba( 0, 0, 0, 0.7 ); }
.alert { position: absolute; width: 90%; min-height: 60px; left: 5%; top: 20%; opacity: 0; z-index: 10; }
.alert-inner { position: relative; margin: 0 auto; background: #fff; padding: 20px; }
.alert-price { width: 800px; }
.alert-inner h3 { font-size: 20px; color: #333; line-height: 1em; letter-spacing: -2px; margin: 10px 0; font-family: 'Nanum Myeongjo', '나눔명조', serif;}
.alert-trigger { text-align: center; } 
.alert-price { max-height: 500px; overflow-y: scroll; } 
.datepicker td, .datepicker th { font-size: 0.8em; }





.popupbox { visibility: hidden; height: 0%; }
.popupbox.popup-is-shown { visibility: visible; height: 100%; }
.popupbox .popup { transform: translateY(130%); transition-timing-function: ease-in; transition: 0.2s;  }
.popupbox.popup-is-shown .popup { transition: 0.25s; transition-timing-function: ease-out; transform: translateY(0); opacity: 1; }
.popupbox { position: fixed; top: 0; left: 0; background-color: rgba( 0, 0, 0, 0.7 ); width: 100%; margin: 0 auto; height: 100%; overflow: hidden; z-index: 999; }
.popup { position: absolute; width: 90%; min-height: 60px; left: 5%; top: 20%; opacity: 0; z-index: 10; }
.popup-inner { position: relative; margin: 0 auto; background: #fff; padding: 20px; }
.xbutton { position: absolute; top: -50px; right: 0; z-index: 10; }
.popup-date { width: 500px; }
.popup-inner h3 { font-size: 20px; color: #333; line-height: 1em; letter-spacing: -0.5px; margin: 10px 0; font-family: 'Nanum Myeongjo', '나눔명조', serif;}
.popup-inner p { font-weight: 400; }
.popup-trigger { text-align: center; }



.popupbox_second { visibility: hidden; height: 0%; }
.popupbox_second.popup-is-shown { visibility: visible; height: 100%; }
.popupbox_second .popup { transform: translateY(130%); transition-timing-function: ease-in; transition: 0.2s;  }
.popupbox_second.popup-is-shown .popup { transition: 0.25s; transition-timing-function: ease-out; transform: translateY(0); opacity: 1; }
.popupbox_second { position: fixed; top: 0; left: 0; background-color: rgba( 0, 0, 0, 0.7 ); width: 100%; margin: 0 auto; height: 100%; overflow: hidden; z-index: 999; }



.button-area { text-align: center; margin: 0 auto; }
.button, input[type=submit].button { width: 114px; font-size: 14px; font-weight: 500; line-height: 34px; background-color: #a64144; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; outline: 0; cursor: pointer; }
.button:hover, input[type=submit].button:hover { opacity: 0.7; }
.button-left, input[type=submit].button-left { float: left; background-color: #898989; }
.button-right, input[type=submit].button-right { float: right; }

.widget-datepicker button { border: none; background: no-repeat; width: 36px; height: 32px; }
.widget-datepicker button.widget-datepicker-prev { border-right: 1px dotted #ddd; }
.widget-datepicker button.widget-datepicker-next { border-left: 1px dotted #ddd;}
.widget-calendar { width: 500px; }
.widget-calendar .widget-datepicker-label { font-size: 16px; padding-bottom: 5px; padding-top: 5px; }
	.widget-calendar .widget-datepicker-hd { border: 1px dotted #ddd; border-bottom: none; }
	.widget-calendar .calendar-prev { float: left; width: 240px; margin-right: 20px; }
	.widget-calendar .calendar-next { float: left; width: 240px; }
	.widget-calendar .widget-datepicker-weekend { color: #636b66; font-weight: normal; }
	.widget-calendar .widget-datepicker-disabled { background: #f1f1f1; color: #ddd; }
	.widget-calendar .widget-datepicker-disabled a { color: #ddd; }
	.widget-calendar .widget-datepicker-closed { background: #fff0d2; border: 1px solid #ddd; color: #636b66; }
	.widget-calendar .widget-datepicker-closed a { background: #fff0d2; color: #636b66; }
	.widget-calendar .widget-datepicker-highlight { background: #fff; border: 1px solid #ddd; font-weight: normal; color: #636b66; }
	.widget-calendar .widget-datepicker-selected { background: #a64144 !important; color: #fff !important; }
	.widget-calendar .widget-datepicker-selected a { color: #fff; }
.widget-calendar .widget-datepicker { margin: 0; }
.widget-calendar .widget-datepicker-bd table tr td { padding: 0; }
.widget-calendar .widget-datepicker-bd table tr td a { display: block; padding: 6px; }

.reserv-status-info { margin: 10px 0; line-height: 24px; }
.reserv-status-info span { display: inline-block; width: 14px; height: 14px; border: 1px solid #ddd; padding: 0; margin-right: 5px; vertical-align: sub; }
.reserv-status-highlight { background: #fff; }
.reserv-status-closed { background: #fff0d2; }
.reserv-status-disabled { background: #f1f1f1; }
.reserv-status-selected { background: #a64144; }

.popup-notice { display: inline-block; background: url(../images/popup-notice.png) no-repeat top left; padding: 0 0 0 25px; color: #a64144; font-size: 14px; font-weight: normal; letter-spacing: -0.5px; }
a.plus-button { display: inline-block; width: 100%; text-align: right; margin: 5px 0; color: #999; cursor: pointer; }
a.plus-button:hover { color: #666; }
a.plus-button span { position: relative; display: inline-block; width: 16px; height: 16px; background: url(../images/plus-button.png) no-repeat right; opacity: 0.7; vertical-align: sub; }
a.plus-button:hover span { opacity: 1; }

/*--------------------------------------------------------------------------------*/
/*------------------------------------ gallery -----------------------------------*/
/*--------------------------------------------------------------------------------*/

#box-gallery { margin: 30px 0 0 -36px; padding: 0; }
#box-gallery li { position: relative; float: left; width: 30%; margin-left: 3%; margin-bottom: 3%; padding: 0; display: inline; border: 1px solid #e0e0e0;}
#box-gallery .gallery-thumb { width: 100%; height: 200px; overflow: hidden; background: #666 url(../images/noimage.jpg) no-repeat center center; }
#boxe-gallery .gallery-thumb a { height: 140px; overflow: hidden; }
#box-gallery .gallery-thumb img { width: 100%; }
#box-gallery .gallery-description { font-size: 14px; background: #fff; text-align: left; padding: 10px 10px 20px; }
	#box-gallery h3 a { font-size: 16px; color: #666; line-height: 1em; }
	#box-gallery .gallery-description p.meta-info { background: none; padding-top: 0; font-size: 14px; }
	
/*--------------------------------------------------------------------------------*/
/*------------------------------------ footer ------------------------------------*/
/*--------------------------------------------------------------------------------*/	

#footer { background: #f5eee7; color: #9e988f; }
.footer-left { float: left; width: 45%; }
.footer-right { float: left; width: 35%; margin-top: 15px; }
.footer-sns { float: right; width: 20%; text-align: right; margin-top: 10px; }
.footer-sns ul { float: right; }
.footer-sns li { float: left; padding-left: 0; }
#footer a { color: #9e988f; }
.footer-tell, .footer-tell a { color: #a64144 !important; font-size: 18px; }

	
/*--------------------------------------------------------------------------------*/
/*------------------------------------ response ----------------------------------*/
/*--------------------------------------------------------------------------------*/

@media only screen and ( max-width: 960px ) {
	.templeslides-left { float: none; width: 100%; }
	.templeslides-right { float: none; width: 94%; padding: 2% 3%; }
}


@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	#box-gallery { margin-left: -24px; }
	#box-gallery .gallery-thumb { height: 130px; }
	
	.filter-type.listing-word { width: 100%; }
	.listing-checkin, .listing-checkout { width: 46%; }
	
	.icon-location { bottom: 30px; }
	.templemap-title { float: none; }
	.templemap { float: none; margin-bottom: 136px; }
	
	.news-section .one-half { width: 100%; float: none; margin: 0; }
	.news-section .one-half.last { width: 80%; padding: 0 10%; }
	.news-section .section-title h2 { margin-bottom: 20px; text-align: center; }
	.news-pc-container .swiper-slide .thumb { height: 170px; }
	.swiper-slide h3.title { font-size: 16px; }
	.program-pc-container .swiper-slide .thumb { height: 124px; }
	.program-pc-container .swiper-slide .description { padding: 10px; }
	.slider-news-wrapper.mobileonly { display: none; }
	.slider-news-wrapper.pconly { display: block; }
	.slider-program-wrapper.mobileonly { display: none; }
	.slider-program-wrapper.pconly { display: block; }
	.swiper-button-area { display: none; }

	.search-content { padding: 30px }
	.reserv #search-box { margin-top: -120px; }
	.reserv #content-area { padding-top: 230px; }
	.reserv #content-area.search-result { padding-top: 150px; }	
	.filter-type.listing-checkout { margin-right: 0; }	
	.search-caption { margin-bottom: 20px; }
		
	.footer-left { float: none; width: 100%; }
	.footer-right { float: none; width: 100%; }
	.footer-sns { float: none; width: 100%; text-align: left; }
	.footer-sns ul { float: none; }
}

@media only screen and ( max-width: 767px ) {
	
	#main-menu { height: 80px; }
	#logo { top: 15px; }
	.navi-icon { top: 20px; }
	.page-name h1 { font-size: 28px; }
	.templeslides-right { float: none; width: 88%; padding: 4% 6%; }
	.templeslides-right h3 { font-size: 18px; }
	.templeslides-right .reserve-person { width: 132px; }
	.templeslides-price.mobileonly tr td { text-align: left; }
	.box.program, .box.location { width: 90%; padding: 3% 5%; }
	.temple-description .work-title { width: 100px; }
	.alert-inner, .popup-inner { width: 240px;  }
	.alert-inner .popup-notice { padding: 0; background: none; margin: 0; }
	.alert-price-table { width: 240px; overflow: auto; }
	.alert-price-table table { width: 800px; } 

	.widget-daterange { overflow: auto; } 

	a.plus-button { text-align: left; margin-bottom: 20px; }
	#box-gallery { margin-left: -15px; }
	#box-gallery li { width: 46%; margin-left: 3%; margin-bottom: 20px; }
	#box-gallery .gallery-thumb { height: 130px; }
	
	.home #search-box { padding-top: 290px; }
	.search-content { padding: 20px; }
	.search-content input { padding: 10px; }
	.search-content .listing-name select { padding: 10px; height: 40px; }
	#content_buttonSearch { padding: 10px 50px; }
	.search-box-main-left, .search-box-main-right { width: 100%; }
	.listing-checkin, .listing-checkout { width: 100%; margin-right: 0px; }
	.search-caption { margin-bottom: 10px; font-size: 12px; letter-spacing: -1px; }
	
	.icon-location { bottom: 30px; }
	.templemap-title { float: none; }
	.templemap { float: none; margin-top: 0; margin-bottom: 136px; margin-left: 50px; }
	
	.section-top { display: none; }
	.news-section { margin-top: 0; }
	.one-half.news-title { display: none; }
	.news-title h2 { text-align: center; color: #c66a6c; font-size: 24px; font-weight: normal; margin-bottom: 20px; }
	.program-section .section-title h2 { text-align: center; font-size: 24px }
	.news-section .one-half.last { border-top: 1px solid #ddd; padding-bottom: 0; width: 100%; }
	.news-section .one-half.last .one-fourth { margin-left: 0; }
	.news-section .one-fourth { border-bottom: 1px solid #ddd; padding: 10px 0; }
	.service-entry { width: 200px; margin: 0 auto; padding-top: 0; }
	.service-entry .entry-thumb { padding-top: 0; }
	.service-entry h3 { padding-top: 5px; }
	.slider-news-wrapper { background-repeat: repeat; }
	.slider-program-wrapper { padding: 30px 0; }
	.news-mc-container .swiper-slide .thumb { height: 360px; overflow: hidden; margin-bottom: 10px; }
	.meta-date { padding-left: 20px; }
	.swiper-slide h3.title { padding-right: 20px; }
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 60px !important; }
	.swiper-slide .description { margin-bottom: 100px; }

	.reserv #search-box { margin-top: -150px; }
	.reserv #content-area { padding-top: 430px; }
	.reserv #content-area.search-result { padding-top: 180px; }		
	.search-box-sub-left, .search-box-sub-right { width: 100%; }
	.search-box-sub-right .search-content { padding-left: 20px; padding-top: 0; }
	.search-box-sub-right .listing-checkin, .search-box-sub-right .listing-checkout { width: 100%; }	
	.search-box-sub #et-filter { width: 100%; }
	.search-box-table { margin: 20px 0; }
	.search-box-table-left, .search-box-table-right { width: 100%; padding-bottom: 0; }
	.search-box-table-right { border-top: 1px solid #ddd;}
	.search-box-table-right .option-title { border-left: none; }
	.option-title { width: 30%; line-height: 40px; }
	.table-select-area, .table-select-type { width: 65%; line-height: 40px; }
	.checkinbutton, .checkoutbutton { width: 188px; }
		
	#footer .container { padding: 0 20px; }
	#footer .container p { font-size: 12px; }
	.footer-left { float: none; width: 100%; }
	.footer-right { float: none; width: 100%; }
	.footer-sns { float: none; width: 100%; text-align: left; }
	.footer-sns ul { float: none; }
	
}


@media only screen and ( max-width: 479px ) {
	.templeslides-right .reserve-person { width: 120px; }
	.dateinput { background: none; padding: 0; line-height: 1.4em; }
	.popup-notice { margin-top: 10px; }
	.handphoneonly { display: block; }
	#box-gallery { margin-left: 0; }
	#box-gallery li { width: 100%; margin-left: 0; margin-bottom: 20px; }
	#box-gallery .gallery-thumb { height: 180px; }
	.templemap { margin-left: 0; }
	.news-mc-container .swiper-slide .thumb { height: 225px; }
	.checkinbutton, .checkoutbutton { width: 110px; }
	.wave { width: 20px; }
	
}