/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Custom Styles */

@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");

body {
    /*font-family: Kazesawa-Regular, Bitter-Regular, sans-serif !important;*/
    /*font-family: Kazesawa-Regular !important;*/
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    line-height: 1.8;
}

h1 { font-size: 16px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.8;
}


a, a:visited {
    outline: none;
    /*color: #404040;*/
    color: #0044CC;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: none;
    /*color: #F5900C;*/
    color: #0044CC;
}

.home a, .home a:visited, .single .entry-title a, .single .entry-title a:visited {
    outline: none;
    color: #404040;
    /*color: #0044CC;*/
    text-decoration: none;
}

.home a:hover, .home a:active, .single .entry-title a:hover, .single .entry-title a:active {
    text-decoration: none;
    color: #F5900C;
    /*color: #0044CC;*/
}

.archive.category #content a, .archive.category #content a:visited, .archive.tag #content a, .archive.tag #content a:visited {
    outline: none;
    color: #404040;
    /*color: #0044CC;*/
    text-decoration: none;
}

.archive.category #content a:hover, .archive.category #content a:active, .archive.tag #content a:hover, .archive.tag #content a:active {
    text-decoration: none;
    color: #F5900C;
}



.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#header {
    background-color: #fff;
	border-top: 5px solid #010101;
    margin-bottom: 0;
}

html.mobile div#wpadminbar { display: none; }
html.pc div#wpadminbar { display: block; }

/*html.mobile div.content { margin-top: 76px; }*/
html.mobile div#tag-ticker-wrap { margin-top: 76px; }

.currentinfo {
    /*border: 1px solid #f00;*/
    /*width: 200px;*/
    /*height: 90px;*/
}

#weather {
    text-align: center;
    padding: 8px 0;
}

#weather h2 {
    padding: 5px 0;
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #999;
}

#weather > #weather-icons > div { height: 30px; }
#weather > #weather-temp > div  { height: 20px; padding: 3px 0; }
#weather > #weather-label > div  { height: 20px;padding: 3px 0 ; }

.navbar-brand {
    height: auto;
    padding: 0;
    margin-top: 0;
}

.navbar-brand img {
    max-width: 100%;
}



.content {
	margin: 20px auto;
}

#main-nav {
}

#main-nav > div > ul > li:first-child > a {
    border-left: 1px #fff solid;
}

#main-nav > div > ul > li > a {
    border-radius: 0;
    padding: 10px;
    border-right: 1px #fff solid;
    color: #fff;
    height: 30px;
    padding: 5px 3px 5px 3px;
    font-weight: bold;
    font-size: 13px;
}

#main-nav > div > ul > li > a,
#main-nav > div > ul > li > a:visited {
    background: transparent url(none);
    color: #fff !important;
    background: url(../images/main-nav-bg.gif) repeat-x center bottom;
}

#main-nav > div > ul > li > a:hover {
    background: transparent url(../images/menu_08_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(1) > a:hover,
#main-nav > div > ul > li:nth-child(1).active > a {
    background: transparent url(../images/menu_01_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(2) > a:hover,
#main-nav > div > ul > li:nth-child(2).active > a {
    background: transparent url(../images/menu_02_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(3) > a:hover,
#main-nav > div > ul > li:nth-child(3).active > a {
    background: transparent url(../images/menu_03_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(4) > a:hover,
#main-nav > div > ul > li:nth-child(4).active > a {
    background: transparent url(../images/menu_04_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(5) > a:hover,
#main-nav > div > ul > li:nth-child(5).active > a {
    background: transparent url(../images/menu_05_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(6) > a:hover,
#main-nav > div > ul > li:nth-child(6).active > a {
    background: transparent url(../images/menu_06_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(7) > a:hover,
#main-nav > div > ul > li:nth-child(7).active > a {
    background: transparent url(../images/menu_07_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(8) > a:hover,
#main-nav > div > ul > li:nth-child(8).active > a {
    background: transparent url(../images/menu_08_on.gif) repeat-x center bottom;
}

#main-nav > div > ul > li:nth-child(9) > a:hover,
#main-nav > div > ul > li:nth-child(9).active > a {
    background: transparent url(../images/menu_09_on.gif) repeat-x center bottom;
}




/* >> Sidebar */

.sidebar {
	text-align: center;
	/*border: 1px solid #f00;*/
	padding-left: 15px;
}

.side-widget {
	display: block;
	margin-bottom: 20px;
}

ul#social-links {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#social-links li {
	display: inline-block;
	float: left;
	margin: 0 3px;
}


.input-search {
	width: 100%;
}

.input-search input {
    border-radius: 12px;
    background-color: #ccc;
    color: #000;
}

.input-search  i {
	cursor: pointer;
	display: block;
	float: right;
	top: 10px;
	position: absolute;
	right: 10px;
	z-index: 3;
}

/* << Sidebar */

/* >> Footer */

footer {
	text-align: center;
}

footer #footer-widget {
	padding: 30px;
	background-color: #e7e7e7;
	color: #000;
}

footer #copyright {
	padding: 30px;
	background-color: #77c25e;
	color: #fff;
}

footer #footer-menu {
	padding-bottom: 0;
	margin-bottom: 0;
}

footer #footer-menu li {
	display: inline-block;
	margin-right: 15px;
}

footer #footer-menu li:last-child {
	margin-right: 0;
}

/* << Footer */



/* Article Listing */

.summary-list {

}

.summary-list .section-headline {
    font-size: 14px;
    padding-left: 15px;
}

.summary-list > article.post {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    width: 100%;
}

.summary-list > article.post:last-child {
    border-bottom: none;
}

.summary-list .post-thumb {
    width: 100%;
}

.summary-list .post-thumb img {
    width: 100%;
    height: auto;
}

.summary-list .post-info {
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.summary-list .post-info ul.meta li {
    float: left;
    display: block;
    list-style-type: none;
    margin-right: 10px;
}


div#gmap { width: 290px; height: 218px; margin: auto; }

.responsive-video {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden;
    max-width: 400px;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}ß

.summary-list .post-info ul.meta li {
    float: left;
    display: block;
    list-style-type: none;
    margin-right: 10px;
}

.summary-list .title {
    font-size: 14px;
}

.summary-list .post-info .more {
    /*position: absolute;
    bottom: 0;
    right: 0;*/
    /*margin: 10px 0 0 0;*/
    display: block;
}

.summary-list li.date { font-size: 12px; }

article.featured .post-thumb {
    width: 100%;
}

article.featured .post-thumb img {
    width: 100%;
    height: auto;
}

article.featured .post-info {
    width: 100%;
    position: relative;
    margin-top: 10px;
}

a.category {
    display: block;
    width: 98px;
    height: 20px;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    background-size: 100%;
    background-color: #efefef;
}

a.image {
    /*background: #efefef;*/
    display: block;
}

a.image img {
    display: block;
    opacity: 1;
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
}

#sidebar a > img {
    opacity: 1;
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
}

#sidebar a:hover img  { opacity: 0.75; }

a.image:hover img, a.active img, #sidebar a:hover img  { opacity: 0.75; }

.summary-list .section-headline { margin:0 0 20px 0; padding: 15px; }
.summary-list .section-headline a { color: #fff;  }
.summary-list .section-headline a:link, .summary-list .section-headline a:visited { text-decoration: none; color: #fff; }
.summary-list .section-headline a:hover { text-decoration: none; }

#home-recent .section-headline { padding: 0 0 0 15px; margin:0 0 10px 0; background: url(../images/top/new-topics-h3-bg.gif) center left no-repeat; border-bottom: 1px dotted #ccc; color: #000;  height: 30px; line-height: 30px; padding-right: 0; padding-bottom: 3px;}
#home-recent .section-headline a:link, #home-recent .section-headline a:visited { color: #4d4c4c; }

#home-recent article:nth-child(1) .post-thumb {
    width: 400px;
    margin-right: 20px;

}
#home-recent article:nth-child(1) .post-thumb img {
    width: 400px;
}

#home-recent article:nth-child(1) .post-info {
    width: 290px;
    position: relative;
}



#home-restaurant .section-headline { background-image: none; background-color: #f5c53b; }

#home-popular .section-headline { background-image: none; background-color: #009944; }

#home-activity .section-headline { background-image: none; background-color: #42bbbc; }

#home-beauty .section-headline { background-image: none; background-color: #E62889; }

#home-school .section-headline { background-image: none; background-color: #f29418; }

#home-recommended .section-headline { background-image: none; background-color: #306293; }

#home-intro .section-headline { background-image: none; background-color: #fa96bc; color: #fff;}

#home-recommended .section-headline { padding: 0 0 0 15px; margin:0 0 10px 0; background: url(../images/top/new-topics-h3-bg.gif-) center left no-repeat; border-bottom: 1px dotted #ccc; color: #000;  height: 30px; line-height: 30px; padding-right: 0; padding-bottom: 3px; border-left: 5px solid #fc91bd;}
#home-recommended .section-headline a:link, #home-recommended .section-headline a:visited { color: #4d4c4c; }

#home-realestate .section-headline { background-image: none; background-color: #6cb92d; }

#home-foreigner .section-headline { background-image: none; background-color: #e71f19; }

#menu-columns ul li a {
    color: #fff;
}

#menu-columns ul li:nth-child(1) {
    background-color: #009944;
}

/*
#home-popular .section-headline { padding: 0 0 0 15px; margin:0 0 10px 0; background: url(../images/top/new-topics-h3-bg.gif) center left no-repeat; border-bottom: 1px dotted #ccc; color: #000;  height: 30px; line-height: 30px; padding-right: 0; padding-bottom: 3px;}
#home-popular .section-headline a:link, #home-popular .section-headline a:visited { color: #4d4c4c; }
*/


/* Categories */

a.category-127 {
    background: url(../images/category/category-127.jpg) center left no-repeat;
    background-size: 100%;
}

a.category-44 {
    background: url(../images/category/category-44.jpg) center left no-repeat;
    background-size: 100%;
}

a.category-45 {
    background: url(../images/category/category-45.jpg) center left no-repeat;
    background-size: 100%;
}

a.category-46 {
    background: url(../images/category/category-46.jpg) center left no-repeat;
    background-size: 100%;
}

a.category-47 {
    background: url(../images/category/category-47.jpg) center left no-repeat;
    background-size: 100%;
}

a.category-62 {
    background: url(../images/category/category-62.jpg) center left no-repeat;
    background-size: 100%;
}

a.category-91 {
    background: url(../images/category/category-91.jpg) center left no-repeat;
    background-size: 100%;
}

a.category-92 {
    background: url(../images/category/category-92.jpg) center left no-repeat;
    background-size: 100%;
}

a.category-106 {
    background: url(../images/category/category-106.jpg) center left no-repeat;
    background-size: 100%;
}



/* Sidebar */

.widget_cp_widget_freepapers { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;  text-align: center; }

.widget_cp_widget_freepapers .side_headline { font-size: 14px; font-weight: bold; }

.widget_cp_widget_freepapers span { display: block; text-align: center; }

.widget_cp_widget_freepapers ul img { max-width: 100%; height: auto; }

#nav_menu-13 h3, #nav_menu-15 h3 {
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
    text-align: left;
}

ul#menu-client-pages {
    height: 530px;
}

ul#menu-client-pages > li {
    text-align: left;
    border-left: 5px solid #000;
    padding-left: 15px;
    /*font-size: 12px;*/
    margin-bottom: 5px;
    height: 30px;
    display: block;
    width: 100%;
}

ul#menu-client-pages > li:nth-child(1) { border-left: 5px #00A651 solid; }
ul#menu-client-pages > li:nth-child(2) { border-left: 5px #F5C53B solid; }
ul#menu-client-pages > li:nth-child(3) { border-left: 5px #42BBBC solid; }
ul#menu-client-pages > li:nth-child(4) { border-left: 5px #E62889 solid; }
ul#menu-client-pages > li:nth-child(5) { border-left: 5px #F29418 solid; }
ul#menu-client-pages > li:nth-child(6) { border-left: 5px #51B340 solid; }
ul#menu-client-pages > li:nth-child(7) { border-left: 5px #51B340 solid; }
ul#menu-client-pages > li:nth-child(8) { border-left: 5px #ED1C24 solid; }


ul#menu-client-pages > li > a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    overflow: hidden;
}

ul#menu-client-pages > li > ul {
    display: block;
    padding: 5px 0 0 -15px;
    margin: 0;
}


ul#menu-client-pages > li > ul
{
    margin-top: 10px;
}

ul#menu-client-pages > li > ul > li {
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px;
    height: 20px;
    display: block;
    width: 100%;
}

ul#menu-client-pages > li > ul > li > a {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

ul#menu-client-pages > li > ul > li > a:before {
    content: "＞  ";
}

#nav_menu-14, #nav_menu-16, #nav_menu-5, #nav_menu-12 {
    border: 1px solid #f5c53b;
    padding: 15px;
    background-color: #f5c53b;

}

#nav_menu-14 h3, #nav_menu-16 h3, #nav_menu-5 h3, #nav_menu-12 h3 {
    /*border-bottom: 1px dotted #ccc;*/
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    /*padding: 10px;*/
    padding: 0 0 0 15px;
    margin: 0;
    text-align: left;
}

ul#menu-services {
    padding: 15px 0 0 15px;
    margin: 0;

}

ul#menu-services > li {
    text-align: left;
    margin-bottom: 5px;
    height: 20px;
    display: block;
    width: 100%;
    font-size: 12px;
}

ul#menu-services > li > a {
    color: #fff;
}

ul#menu-services > li:last-child {
    margin-bottom: 0;
}

/* Ticker */

#tag-ticker-wrap {
    /*background-color: #2C2C2C;*/
    font-size: 12px;
}

ul.newsticker {
    position: relative;
    margin: 0;
    padding: 0;
}

ul.newsticker li {
    float: left;
    margin: 0 120px 0 0;
    padding: 0;
}

#tag-ticker {
    /*width: 964px;*/
    overflow: hidden;
    margin: 10px auto;
    height: 23px;
    /*background: url(../images/common/header_topics.jpg) no-repeat left 3px;*/
    text-align: center;
}

html.mobile div#tag-ticker {
    height: auto;
}



.tickercontainer {
    width: 916px;
    margin: 0 0 0 76px;
    padding: 0;
    overflow: hidden;
}

.tickercontainer .mask {
    position: relative;
    left: 0px;
    top: 0px;
    width: 916px;
    overflow: hidden;
}

#tag-list { width: auto; display: inline-block; margin: 0; }
#tag-list li { float:left; font-size:12px; margin:0 5px; }
#tag-list li a { color:#000; text-decoration:none; padding: 0 10px;  -moz-border-radius:10px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:15px; display:block; background:#f00; }
#tag-list li:nth-child(1) a { background: #fee687;  }
#tag-list li:nth-child(2) a { background: #99e6fc;  }
#tag-list li:nth-child(3) a { background: #fcbedb;  }
#tag-list li:nth-child(4) a { background: #bafc99;  }
#tag-list li:nth-child(5) a { background: #fccfbe;  }
#tag-list li:nth-child(6) a { background: #eebefc;  }
#tag-list li:nth-child(7) a { background: #99f9fc;  }
#tag-list li a:hover { background:#444; color:#fff; }

html.mobile div.content {
    margin-top: 0;
}

html.mobile div#tag-ticker {
    margin: 0;
}

html.mobile div#tag-ticker li {
    /*padding: 5px;*/
}

html.mobile ul#tag-list li {
    margin: 0 4px;
    margin-bottom: 10px;
    /*font-size: 12px;*/

}

html.mobile ul#tag-list li a {
    padding: 0 4px;
}



/* Agoda */

#side_agoda {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;

}

#side_agoda img#loading {
    display: block;
    margin: 0 auto;
}

#side_agoda #AgodaSearchBoxWrapper { display: block; width: 190px; margin: 0 auto; }

#side_agoda #AgodaSearchBoxWrapper #CityRow, #side_agoda #AgodaSearchBoxWrapper #CheckInRow {
    display: block;
    margin: 5px auto;
}

#side_agoda #AgodaSearchBoxWrapper #CityLabel, #side_agoda #AgodaSearchBoxWrapper #CheckInLabel, #side_agoda #AgodaSearchBoxWrapper #NightLabel {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}


#side_agoda #AgodaSearchBoxWrapper #txtCitySearch {
    width: 185px;
}

#side_agoda #AgodaSearchBoxWrapper #txtCheckInDate {
    float: left;
    width: 155px;
}

#side_agoda #AgodaSearchBoxWrapper #CheckInField img.ui-datepicker-trigger {
    display: block;
    width: 22px;
    height: 22px;
    background: url(http://cdn4.agoda.net/images/affiliates/calendar.gif) no-repeat;
    float: left;
    margin-left: 3px;
}

#side_agoda #AgodaSearchBoxWrapper #Title1, #side_agoda #AgodaSearchBoxWrapper #Title2 {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #4D4C4C;
    font-weight: bold;
    text-align: center;
}

#side_agoda #AgodaSearchBox #SearchButton {
    display: block;
    width: 165px;
    margin: 3px auto;
    padding: 0px;
    border: 0px solid;
    background-image: url("//cdn0.agoda.net/images/affiliates/CmsLandingSearchButton.gif");
    background-repeat: no-repeat;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    height: 55px;
    /* position: absolute;*/
    text-align: center;
    left: 76px;
}

#side_agoda #AgodaSearchBoxWrapper * {
    font-family: Tahoma;
    font-size: 12px;
    color: #666;
}

#side_agoda #AgodaSearchBoxWrapper #AgodaLogo .txt {
    display: block;
    margin: 5px auto;
    width: auto;
    text-align: center;
}

#side_agoda #AgodaSearchBoxWrapper #AgodaLogo .logo {
    width: 155px;
    height: 17px;
    display: block;
    margin: 5px auto;
    background-image: url("//cdn0.agoda.net/images/affiliates/agoda_logo_small.png");
    background-position: 0px 1px;
    background-repeat: no-repeat;
}

/* Flights */

#side_flights { margin: 0 auto 20px auto; }
#side_flights h4 { display: block; text-indent: -9999px; background: url(../images/common/h4_flights.png) no-repeat; width:290px; height: 28px; margin: 0 auto; padding: 0; }
#side_flights > div { padding: 15px; border: 1px solid #112F8D;  }
#side_flights > div > ul { margin: 0; font-size: 13px; }
#side_flights > div > ul > li { margin-bottom: 5px; }
#side_flights ul li span { display: block; background: url(../images/common/bg_flights.gif) no-repeat; display: block; width: auto; height: 21px; line-height: 21px;  padding-left: 30px;  margin-top: 5px margin-bottom: 5px; margin-left: 5px; margin-bottom: 5px; }
#side_flights ul li p { display: block; width: 160px; margin: 0 auto;}

/* >> Home Ads */

.home_ads { margin-bottom: 20px; }
.home_ads ul { }
.home_ads ul li { }
.home_ads ul.grid-1 li { margin-bottom: 10px;  margin: 0 auto; width: 100%; display: block; float: left;}
.home_ads ul.grid-1 li img { margin: 0 auto; display: block; max-width: 100%;}
.home_ads ul.grid-2 li { display: block; margin: 10px 0; }
.home_ads ul.grid-2 li img { display: block; max-width: 245px; margin: 0 auto; }
.home_ads ul.grid-3 li { width: 100%; display: block; margin: 10px 0; }
.home_ads ul.grid-3 li img { display: block; max-width: 245px; margin: 0 auto; }

.widget_cp_widget_ads ul li {
    display: block;
    margin-bottom: 15px;
}

.widget_cp_widget_ads ul li img {
    max-width: 100%;
}

/* related post*/
#related-posts { margin: 15px 0 15px 0; }
/*
#related-posts ul { margin:0 -30px 0 15px; }
#related-posts ul ul { margin:0 0 7px 0; }
#related-posts li { float:left; display:inline-block; margin:0 30px 20px 0; width:342px; }
#related-posts li.odd { clear: both; }
#related-posts li li { float:none; display:inline; margin:0 0 5px 0; width:auto; font-size:11px; line-height:110%; }
*/
#related-posts .image { float:left; width: 40%; }
#related-posts .image img { width:100%; height:auto; }
#related-posts .info { width: 57%; float:right; }
#related-posts .title { font-size:16px; margin:0; }
#related-posts .title a { color:#333; }
#related-posts > ul > li { margin-bottom: 15px; }



.headline3 {
    margin: 0 0 20px 0;
    line-height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    /*background: url(img/common/headline1.gif) repeat-x left top;*/
    padding: 0 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #F7BE08;
}

body.single article.post {

}

body.single article.post img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

body.single .entry-meta { display: block; margin: 20px 0 15px 0; }

img.aligncenter { display: block; margin: 0 auto; }

#nav-below { margin: 15px 0; }

#nav-pages { margin: 15px 0; text-align: center; }

.archive h1.entry-title, .search h1.entry-title, .blog h1.entry-title, .coupons h1.entry-title {
    margin: 0;
    line-height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    /*background: url(img/common/headline1.gif) repeat-x left top;*/
    background-color: #666;
    padding: 0 15px;
}

.category-44 h1.entry-title {
    background-color: #43BBBC;
}

.category-45 h1.entry-title {
    background-color: #6CB92D;
}

.category-46 h1.entry-title {
    background-color: #F29518;
}

.category-47 h1.entry-title {
    background-color: #E71F19;
}

.category-61 h1.entry-title {
    background-color: #43BBBC;
}

.category-62 h1.entry-title {
    background-color: #F5C53A;
}

.category-91 h1.entry-title {
    background-color: #E62889;
}

.category-92 h1.entry-title {
    background-color: #306293;
}

.category-108 h1.entry-title {
    background-color: #009944;
}

.category-127 h1.entry-title {
    background-color: #9933ff;
}

.blog h1.entry-title {
    background-color: #F99106;
}

.archive article, .search article, .blog article, .coupons article {
    padding: 15px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.archive article .post-thumb, .search article .post-thumb, .blog article .post-thumb, .coupons article .post-thumb {
    width: 100%;
    margin-bottom: 5px;
}

.archive article .post-thumb img, .search article .post-thumb img, .blog article .post-thumb img {
    width: 100%;
}

.archive article .post-info, .search article .post-info, .blog article .post-info, .coupons article .post-info {
    width: 100%;
    position: relative;
}

.archive article .post-info ul.meta li, .search article .post-info ul.meta li, .blog article .post-info ul.meta li {
    float: left;
    display: block;
    list-style-type: none;
    margin-right: 10px;
}

.archive.category-129 article {
    padding: 0 0 15px 0;
    border-left: 0 solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 1px solid #ccc;
}



/* >> company clients */

/* >> company category recommended listing */

ul.company_recommended_list {
    margin-top: 10px;
    font-size: 12px;
    display: block;
    width: 744px;
    width: 100%;
    margin: 10px auto;
}

ul.company_recommended_list > li {
    display: block;
    width: 738px;
    width: 100%;
    border: 1px solid #ccc;
    margin-right: 6px;
    margin-bottom: 10px;
    padding: 2px;
    /*height: 157px;*/
    position: relative;
}



ul.company_recommended_list > li:last-child {
    margin-bottom: 0;
}

ul.company_recommended_list li h5 {
    width: auto;
    display: block;
    margin: 0;
    padding: 0;
    height: 15px;
    line-height: 1.25em;
    overflow:hidden;
    margin-bottom: 0px;
    font-size: 13px;
}
ul.company_recommended_list li h5.en {
    visibility:hidden;
}

ul.company_recommended_list li > div {
    display: block;
}

ul.company_recommended_list li > div > a:link, ul.company_recommended_list li > div > a:visited {
    width: 738px;
    width: 100%;
    height: 100%;
    display: block;
    color: #4D4C4C;
    text-decoration: none;
}

ul.company_recommended_list li > div > a:hover {
    background-color: #f9f9f9;
}

ul.company_recommended_list li div.images {
    width: 268px;
    height: 117px;
    display: block;
    border: 0 solid #ccc;
    float: none;
    margin: 0 auto;
}

ul.company_recommended_list > li div.images > div {
    display: block;
    float: left;
    position: relative;
}

ul.company_recommended_list > li div.images > img {
    display: block;
    float: right;
}

ul.company_recommended_list > li div.images > img:nth-child(2) {
    margin-left: 3px;
}

ul.company_recommended_list > li div.images > img:nth-child(3) {
    margin-left: 3px;
    margin-top: 5px;
}

ul.company_recommended_list > li div.images > div span.client_new {
    /*
    width: 53px;
    height: 48px;
    background: transparent url("http://version2015.cebupot.com/media/images/store/icon_new_post.gif") ;
    */
    display: block;
    width: 59px;
    height: 25px;
    background: transparent url("/media/images/store/icon_new_post.jpg") ;
    position: absolute;
    top: 0px;
    right: 0px;
}

ul.company_recommended_list > li div.images > div > span.client_update {
    /*
    width: 53px;
    height: 48px;
    background: transparent url("http://version2015.cebupot.com/media/images/store/icon_update_post.gif") ;
    */
    display: block;
    width: 59px;
    height: 25px;
    background: transparent url("/media/images/store/icon_update_post.jpg") ;
    position: absolute;
    top: 0px;
    right: 0px;
}

ul.company_recommended_list li h5.jp {
    background: transparent url("../images/clients/shop_name_bg.gif") repeat-x scroll center 12px;
    height: 35px;
}

ul.company_recommended_list li h5.jp span {
    display: block;
    width: 460px;
    color: #3F7985;
    text-decoration: none;
    height: 30px;
    overflow: hidden;
}

ul.company_recommended_list li div.other_details {
    /*
    display: block;
    text-align: center;
    width: auto;
    margin: 0 auto;
    height: 23px;
    border: 0 solid #ccc;
    position: absolute;
    top: 3px;
    right: 10px;
    */
    position: relative;
    width: 100%;
    text-align: right;
}

ul.company_recommended_list li div.other_details > span.area {
    display: inline-block;
    height: 23px;
    background: url('../images/clients/icon_map.gif') no-repeat;
    padding-left: 25px;
    line-height: 23px;
    font-size: 10px;
    margin-top: 5px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.company_recommended_list li div.other_details > span.type {
    display: inline-block;
    height: 23px;
    padding-left: 25px;
    line-height: 23px;
    font-size: 10px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.company_recommended_list li div.other_details > span.type_restaurant {
    background: url('../images/clients/icon_restaurant.gif') no-repeat;
}

ul.company_recommended_list li div.other_details > span.type_hotel {
    background: url('../images/clients/icon_hotel.gif') no-repeat;
}

ul.company_recommended_list li div.other_details > span.type_spa {
    background: url('../images/clients/icon_spa.gif') no-repeat;
}

ul.company_recommended_list li div.other_details > span.type_activity {
    background: url('../images/clients/icon_activity.gif') no-repeat;
}

ul.company_recommended_list li div.other_details > span.type_realestate {
    background: url('../images/clients/icon_realestate.gif') no-repeat;
}


ul.company_recommended_list li div.details {
    display: block;
    float: left;
    border: 0 solid #ccc;
    width: 455px;
    width: 100%;
    /*margin-left: 10px;*/
    /*margin-left: 2%;*/
}

ul.company_recommended_list li div.details > span{
    width: 300px;
    height: 35px;
    margin-bottom: 3px;
    display: none;
    font-size: 12px;
    border: 0 solid #ccc;
    overflow:hidden;
}

ul.company_recommended_list li div.details > span.line_01{
    width: 455px;
    height: 18px;
    margin-bottom: 3px;
    display: block;
    font-size: 12px;
    border: 0 solid #ccc;
    overflow:hidden;
}

ul.company_recommended_list li p {
    display: block;
    line-height: 1.2em;
    /*height: 43px;*/
    /*height: 115px;*/
    overflow: hidden;
    margin: 0;
    margin-bottom: 1px;
    /* text-overflow: ellipsis;*/
    /*width: 100%;*/
    padding: 5px 0;
}

ul.com_recommended_list_property li p {
    height: 43px;
}

ul.company_recommended_list li a {
    margin-bottom: 3px;
}

ul.company_recommended_list li a img {
    margin: 0 auto;
    padding: 0;
}

ul.company_recommended_list li div {
}


/* >> company category listing */

ul.company_index_list {
    margin-top: 10px;
    font-size: 12px;
    display: block;
    margin: 10px auto;
}

ul.company_index_list li {
    display: block;
    float: left;
    /*width: 166px;*/
    border: 0 solid #ccc;
    /*margin-right: 20px;*/
    margin-bottom: 6px;
    padding: 3px;
    height: 240px;
}

ul.company_index_list li:nth-child(4n+4) {
    margin-right: 0;
}

ul.company_index_list li a:link, ul.company_index_list li a:visited {
    text-decoration: none;
    color: #4D4C4C;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px;
    border: 1px solid transparent;
}

ul.company_index_list li a:hover {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}

ul.company_index_list li h5 {
    width: auto;
    display: block;
    margin: 0;
    padding: 0;
    height: 15px;
    line-height: 1.25em;
    overflow:hidden;
    margin-bottom: 3px;
    font-size: 13px;
}

ul.company_index_list li h5.en {
    display: none;
}

ul.company_index_list li div {
    width: 176px;
    width: 100%;
    /*height: 117px;*/
    display: block;
    position: relative;
}

ul.company_index_list li div span.client_new {
    /*
    width: 53px;
    height: 48px;
    background: transparent url("http://version2015.cebupot.com/media/images/store/icon_new_post.gif") ;
    */
    width: 59px;
    height: 25px;
    background: transparent url("/media/images/store/icon_new_post.jpg") ;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}

ul.company_index_list li > div > span.client_update {
    /*
    width: 53px;
    height: 48px;
    background: transparent url("http://version2015.cebupot.com/media/images/store/icon_update_post.gif") ;
    */
    width: 59px;
    height: 25px;
    background: transparent url("/media/images/store/icon_update_post.jpg") ;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}

ul.company_index_list li h5.jp {
    background: transparent url("img/store/shop_name_bg.gif") repeat-x scroll center bottom;
}

ul.company_index_list li h5.jp span {
    display: block;
    width: 100%;
    height: 100%;
    color: #3F7985;
}


ul.company_index_list li p {
    display: block;
    line-height: 1.2em;
    height: 43px;
    overflow: hidden;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

ul.company_index_list li a {
    margin-bottom: 3px;
}

ul.company_index_list li a img {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

ul.company_index_list li > div {
    display: block;
    /*width: 172px;*/
    width: 100%;
    height: 240px;
}


ul.company_index_list li span.area {
    display: block;
    float: left;
    width: 51px;
    width: 100%;
    height: 23px;
    background: url('/media/images/store/icon_map.gif') no-repeat;
    padding-left: 25px;
    padding-top: 5px;
    line-height: 12px;
    font-size: 10px;
    margin-top: 5px;
}

ul.company_index_list li span.type {
    display: block;
    float: right;
    width: 65px;
    width: 100%;
    height: 23px;
    padding-left: 25px;
    padding-top: 5px;
    line-height: 12px;
    font-size: 10px;
    margin-top: 5px;
}

ul.category_restaurant li span.type {
    background: url('/media/images/store/icon_restaurant.gif') no-repeat;
}

ul.category_hotel li span.type {
    background: url('/media/images/store/icon_hotel.gif') no-repeat;
}

ul.category_spa li span.type {
    background: url('/media/images/store/icon_spa.gif') no-repeat;
}

ul.category_activity li span.type {
    background: url('/media/images/store/icon_activity.gif') no-repeat;
}

ul.category_rent li span.type, ul.category_sale li span.type {
    background: url('/media/images/store/icon_realestate.gif') no-repeat;
}


ul.company_index_list li span.type_restaurant {
    background: url('/media/images/store/icon_restaurant.gif') no-repeat;
}

ul.company_index_list li span.type_hotel {
    background: url('/media/images/store/icon_hotel.gif') no-repeat;
}

ul.company_index_list li span.type_spa {
    background: url('/media/images/store/icon_spa.gif') no-repeat;
}

ul.company_index_list li span.type_activity {
    background: url('/media/images/store/icon_activity.gif') no-repeat;
}

.navbar-toggle {
    position: absolute;
    float: right;
    padding: 9px 10px;
    margin-top: 28px;
    /*margin-right: 15px;*/
    margin-bottom: 8px;
    background-color: #F99106;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    border-color: #F99106;
    right: 0;
}

#shop_filter {
    text-align: left;
    margin: 10px 0 20px 0;
}

#shop_filter h4 {
    padding: 3px 0 0 25px;
    margin: 0 0 0 0;
    height: 23px;
    font-weight: normal;
}

#shop_filter h4.shop_filter_area {
    background: url('../images/clients/icon_map.gif') no-repeat;
}

#shop_filter h4.shop_filter_hotel {
    background: url('../images/clients/icon_hotel.gif') no-repeat;
}

#shop_filter h4.shop_filter_restaurant {
    background: url('../images/clients/icon_restaurant.gif') no-repeat;
}

#shop_filter h4.shop_filter_spa {
    background: url('../images/clients/icon_spa.gif') no-repeat;
}

#shop_filter h4.shop_filter_activity {
    background: url('../images/clients/icon_activity.gif') no-repeat;
}

#shop_filter h4.shop_filter_realestate {
    background: url('../images/clients/icon_realestate.gif') no-repeat;
}

#shop_filter h4.shop_filter_realestate_type, #shop_filter h4.shop_filter_realestate {
    background: url('../images/clients/icon_realestate.gif') no-repeat;
}

#shop_filter h4.shop_filter_price {
    background: url('../images/clients/icon_price.gif') no-repeat;
}

#shop_filter h4.shop_filter_layout {
    background: url('../images/clients/icon_layout.gif') no-repeat;
}

#shop_filter h4.shop_filter_amenities {
    background: url('../images/clients/icon_amenities.gif') no-repeat;
}



#shop_filter ul {
    margin-left: 15px;
    margin-top: 10px;
}

#shop_filter li label {
    width: 100%;
    cursor: pointer;
}

#shop_filter input#submit {
    display: block;
    margin: 5px auto;
}

/* shop */

#breadcrumbs_wrap { margin-bottom: 15px; }

#shop {
}

#shop p {
    line-height: 1.25em;
}

#shop h2#jp {
    display: block;
    background: url(./img/store/shop_name_bg.gif) bottom repeat-x;
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 2em;
}

#shop h2#en {
    display: block;
    float: left;
    margin: 5px 0 10px 0;
    padding: 0;
    font-size: 2em;
    font-weight: bold;
}

#shop p#shoutout {
    display: block;
    float: right;
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0 10px 0;
}

#shop #image_main {
    float: left;
    margin: 0 0 20px 0;
}

#shop div#intro {
    /*width: 340px;*/
    width: 100%;
    float: right;
}

#shop div#intro img.shop_image_main {
    display: block;
    float: left;
    margin: 10px 0 10px 0;
}

#shop div#intro > span {
    font-size: 1em;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: bold;
    display: block;
}

#shop div#intro table {
    background-color:#b69068;
    border-collapse:collapse;
    margin: 20px auto;
    border: 1px solid #b69068;
    width: 96%;
}

#shop div#intro table th, #shop div#intro table td {
    background-color:#f2ebe4;
    cellpadding: 2px;
    border: 1px solid #b69068;
}

#shop #horizontalTabContent #info > table {
    background-color:#b69068;
    border-collapse:collapse;
    margin: 10px auto;
    width: 96%;
}

#shop #horizontalTabContent #info > table th {
    width: 150px;
}


#shop #horizontalTabContent #info > table th, #shop #horizontalTabContent #info > table td {
    background-color:#ebebeb;
    cellpadding: 2px;
    border: 1px solid #8f8f8f;
}

#shop #horizontalTabContent #tab-2 > table {
    background-color:#b69068;
    border-collapse:collapse;
    margin: 10px auto;
    width: 96%;
}

#shop #horizontalTabContent #tab-2 > table td {
    background-color:#ebebeb;
    cellpadding: 2px;
    border: 1px solid #8f8f8f;
}

#shop #horizontalTabContent #tab-2 > table th {
    background-color:#9f9f9f;
    cellpadding: 2px;
    border: 1px solid #8f8f8f;
}

#shop #horizontalTabContent #tab-2 > table td {
    text-align: center;
}

#shop ul#thumbs {
}

#shop ul#thumbs li {
    display: block;
    float: left;
    /*width: 179px;*/
    /*margin-right: 11px;*/
    border: 0 solid #0f0;
}

#shop a#thumb_view {
    display: block;
    float: right;
}

ul#thumbs li div {
    display: block;
    /*width: 179px;*/
    /*height: 123px;*/
    margin-bottom: 3px;
}


#shop #thumbs li  p {
    width: 100%;
    word-break: break-all;
    line-height: 1.25em;
    min-height: 30px;
    overflow: hidden;
}

#shop ul#thumbs li:nth-child(4n+4) {
    margin-right: 0;
}

#shop #owner_comment {
    background: url(./img/store/header_owner_comments_restaurant.gif) no-repeat;
}

#shop.hotel #owner_comment {
    background: url(./img/store/header_owner_comments_hotel.gif) no-repeat;
}

#shop #owner_comment img {
    float: right;
    margin: 0 0 20px 20px;
}

#shop #owner_comment p {
    padding: 90px 10px 10px 10px;
}

#shop .responsive-video {
    padding-bottom: 0;
    padding-top: 0;
}

#recommended_shops {
    padding: 0;
    margin: 0;
}

#recommended_shops > ul {
    padding: 0;
    margin: 0;
}

#recommended_shops h3 {
    color: #edb91c;
}

#recommended_shops > ul > li {
    width: 213px;
    padding: 8px;
    min-height: 298px;
    border: 1px solid #bcbcbc;
    float: left;
    margin-right: 26px;
}



#recommended_shops > ul > li > span {
    display: block;
}

#recommended_shops > ul > li:nth-child(3n+3) {
    margin-right: 0;
}

#recommended_shops > ul > li > ul {
    margin: 0;
    padding: 0;
}


#recommended_shops > ul > li > ul > li > span {
    display: inline-block;
}

#recommended_shops > ul > li > ul > li > p {
    line-height: 1.25em;
    margin: 0;
    display: inline-block;
}

#shop #map_canvas {
    width: 100%;
    height: 150px;
}


#horizontalTabContent {
    background-color: #e0862b;
}

#horizontalTab ul > li {
    margin-left: -15px;
}

#horizontalTab ul > li:first-child {
    margin-left: 0;
    z-index: 3;
}

#horizontalTab ul > li:first-child {
    margin-left: 0;
    z-index: 3;
}

#horizontalTab ul > li:nth-child(2) {
    z-index: 2;
}

#horizontalTab ul > li:nth-child(3) {
    z-index: 1;
}

#horizontalTab ul > li.r-tabs-state-active {
    z-index: 4;
}

#reserve {
    background-color: #E0862B;
    position: relative;
}

#profile_display_table {
    margin: 20px auto;
    border: 1px solid #b69068;
    border-collapse: collapse;
    width: 100%;
}

#profile_display_table th {
    padding: 5px;
    text-align: center;
    font-weight: bold;
    background: #f2ebe4;
    border: 1px solid #b69068;
}

#profile_display_table td {
    padding: 5px;
    text-align: left;
    font-weight: normal;
    background: #fff;
    vertical-align: top;
    border: 1px solid #b69068;
}

.profile_display_table_rate {
    display: none;
}

#infowindow { border: 1px solid #f00; }

/* forms */
form#reserve {
    width: 100%;
}

#frmReserveWrap { padding: 15px; display: block;
    position: relative; }

.form-group {
    /*
    margin-right: -15px;
    margin-left: -15px;
    */
    margin-bottom: 15px;
}

.form-group label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}

.form-group > label { display: block; /* width: 30%; */ float: left;}

.form-group > div { display: block; /* width: 65%; */ float: right; }

label.error { padding-left: 5px; color: #f00; }

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    outline: none;
    margin: 0;
    font-family: inherit;
    box-sizing: border-box;
}

textarea.form-control {
    height: auto;
}

.widget_cp_widget_tags {
    border: 1px solid #ddd;
}

.widget_cp_widget_tags h3 {
    display: block;
    background: url(../images/common/menu_column_h3_bg.jpg);
    color: #000;
    font-size: 14px;
    height: 30px;
    text-align: left;
    padding: 8px;
    margin: 0;
}

.widget_cp_widget_tags ul {
    text-align: left;
    margin: 10px;
}

.widget_cp_widget_tags ul li {
    text-align: left;
    list-style-type: none;
    background: url(../images/common/menu_column_li_bg.jpg) no-repeat 0 3px; padding-left: 20px;
}

.widget_cp_widget_tags ul li a:link, .widget_cp_widget_tags ul li a:visited {
    text-decoration:none;
    color: #4D4C4C;
}

.widget_cp_widget_tags ul li a:hover {
    text-decoration:underline;
}

.page h1.entry-title {
    margin: 0;
    line-height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    /*background: url(img/common/headline1.gif) repeat-x left top;*/
    background-color: #F7BE08;
    padding: 0 15px;
}

.page section.entry-content { margin: 20px auto; }

#header-top-level { padding-bottom: 10px; }

#header p#slogan {
    /*padding: 10px 0 0 18px;*/
    padding: 10px 0 0 0;
    margin-bottom: 3px;
    font-size: 8px;
    margin-top: 8px;
}

#company_coupons h3 {
    font-size: 16px;
    padding-left: 15px;
}

#company_coupons ul li p {
    margin: 10px 0;
    padding: 0;
}

article.coupon li.date span {
    margin-right: 10px;
}

section.coupons {
    margin-bottom: 20px;
}

#frmReserve h3 {
    font-size: 16px;
    margin: 0 0 20px 0;
    font-weight: bold;
}

#recommended { margin-top: 20px; }

#recommended h3 { margin: 0; font-size: 16px; font-weight: bold; }

#pt {
    position:fixed;
    float: right;
    opacity: .70;
    z-index: 1;
    right: 20px;
    bottom: 20px;
}

#pt a {
    /*float: right;*/
    /*margin: -84px 0 30px 0;*/
    /*display: none;*/
    display: block;
    width: 36px;
    height: 46px;
    text-indent: -9999px;
    background: url(../images/common/return_top.gif) no-repeat left top;
    /*position: fixed;*/
    /*right: 10px;*/
    /*bottom: 20px;*/

}

#pt a:hover {
    background-position: left bottom;
}

#main-nav-mobile {
    /*
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 5px 0 0 0;
    */
}

#menu-global-menu-mobile a {
    color: #3E3E3F;
    /*padding: 4px;*/
    font-weight: bold;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1.4em;
}

#menu-global-menu-mobile > li:first-child, #menu-global-menu-mobile > li:last-child {
    display: block;
    width: 100%;
    padding: 3px 5px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}


#menu-global-menu-mobile > li:first-child {
    text-align: center;
    background-color: #f99106;
    border: 3px solid #fff;
    display: none;
}

#menu-global-menu-mobile > li:nth-child(3):after {
    clear: both;
}

#menu-global-menu-mobile > li:last-child {
    clear: both;
    text-align: center;
    background-color: #f99106;
    border: 3px solid #fff;
    display: none;
}

#menu-item-11834 {
    font-size: 12px;

}

#menu-global-menu-mobile li.menu-shops {
    width: 50%;
    float: left;
    /*border: 1px solid #f00;*/
    /*margin-left: 4px;*/
}

#menu-global-menu-mobile li.menu-shops li {
    border: 3px solid #fff;
    background-color: #f99106;
    padding: 3px;
}

#menu-global-menu-mobile li.menu-shops > a {
    border: 3px solid #fff;
    padding: 3px;
    text-align: left;
    background-color: #f99106;
    color: #fff;
}

#menu-global-menu-mobile li.menu-posts > a {
    border: 3px solid #fff;
    padding: 3px;
    text-align: left;
    background-color: #f99106;
    color: #fff;
}

#menu-global-menu-mobile li.menu-posts {
    width: 50%;
    float: right;
    /*border: 1px solid #f00;*/
    /*margin-right: 4px;*/

}

#menu-global-menu-mobile li.menu-posts li {
    border: 3px solid #fff;
    background-color: #f99106;
    padding: 3px;
    /*height: 30px;*/
}

#menu-global-menu-mobile li.menu-shops li.menu-fb, #menu-global-menu-mobile li.menu-shops li.menu-ig, #menu-global-menu-mobile li.menu-shops li.menu-tw {
    width: 33%;
    float: left;
    text-indent: -999px;
    height: 61px;
    padding: 0;
    background-color: #fff;
}

#menu-global-menu-mobile li.menu-shops li.menu-fb a {
    background: url(http://www.cebupot.com/wp-content/themes/cebupot2017/assets/images/social_fb.png) center no-repeat;
}

#menu-global-menu-mobile li.menu-shops li.menu-ig a {
    background: url(http://www.cebupot.com/wp-content/themes/cebupot2017/assets/images/social_ig.png) center no-repeat;
}

#menu-global-menu-mobile li.menu-shops li.menu-tw a {
    background: url(http://www.cebupot.com/wp-content/themes/cebupot2017/assets/images/social_twitter.png) center no-repeat;
}

#menu-global-menu-mobile li.menu-posts {
    width: 100%;
    float: right;
}

#menu-global-menu-mobile li.menu-shops {
    width: 100%;
}

#menu-global-menu-mobile li.menu-posts {
    display:none;
}

#menu-global-menu-mobile li.menu-shops li.menu-fb {
    display:none;
}

#menu-global-menu-mobile li.menu-shops li.menu-ig {
    display:none;
}

#menu-global-menu-mobile li.menu-shops li.menu-tw {
    display:none;
}

#main-nav-mobile {
    padding-bottom: 10px;
}

article.coupon div.post-info a:hover {
    color: #EF7574;
}

article.coupon div.post-info h4.title a {
    color: #EF7574;
    font-weight: bold;
}


article.coupon div.post-info ul.meta {
    color: #003366;
}

article.coupon div.post-info ul.meta li.date {
    font-weight: bold;
}

/* menu mobile */
ul#menu-mobile {
    list-style-type: none;
    margin-top: 15px;
    float: right;
}

ul#menu-mobile li {
    list-style-type: none;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    width: 35px;
    height: 35px;
    margin-left: 3px;
    margin-left: 5px;
}

ul#menu-mobile li:nth-child(1) {
    margin-left: 0px;
}


ul#menu-mobile li a {
    display: block;
    width: 100%;
    height: 100%;
}

ul#menu-mobile li a span {
    display: block;
    width: 100%;
    text-indent: -9999px;
}

ul#menu-mobile li#menu-mobile-fb a {
    background: url(../images/social_fb.png) center no-repeat;
    background-size: 100%;
}

ul#menu-mobile li#menu-mobile-ig a {
    background: url(../images/social_ig.png) center no-repeat;
    background-size: 100%;
}

ul#menu-mobile li#menu-mobile-tw a {
    background: url(../images/social_twitter.png) center no-repeat;
    background-size: 100%;
}

ul#menu-mobile li#menu-mobile-coupon a {
    background: url(../images/menu_coupon.jpg) center no-repeat;
    background-size: 100%;
}

ul#menu-mobile li#menu-mobile-tour a {
    background: url(../images/menu_tour.jpg) center no-repeat;
    background-size: 100%;
}

ul#menu-mobile li#menu-mobile-search a {
    background: url(../images/menu_search.png) center no-repeat;
    background-size: 100%;
}

ul#menu-mobile li#menu-mobile-menu a {
    /*background: url(../images/menu_button.jpg) center no-repeat;*/
    background: url(../images/menu_menu.png) center no-repeat;
    background-size: 100%;
}


http://www.cebupot.com/coupons.php


ul#menu-mobile li a span {
    display: block;
    text-indent: -9999px;
}

.alignleft { float: left; }

.ssba-wrap { margin-bottom: 10px; }



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

    div#header-top-lang {
        display: none;
    }

    #header p#slogan {
        margin-top: -3px;
        text-indent: -9999px;
    }





}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    body {
        font-size: 14px;
    }

    #header p#slogan {
        font-size: 13px;
        margin-left: 15px;
    }

    .navbar-brand {
        margin-top: 0;
    }

    .navbar-brand img {
        max-width: auto;
    }

    #header-top-level { padding: 5px 0 10px 0; }

    .summary-list {

    }

    .summary-list .section-headline {
        font-size: 14px;
        padding-left: 15px;
    }

    .summary-list > article.post, category-129 .summary-list > article.post {
        display: block;
        padding: 0 0 20px 0 !important;
        padding-bottom: 20px;
        border-bottom: 1px dotted #ccc;
        border-left: 0 dotted #ccc;
        border-right: 0 dotted #ccc;
        margin-bottom: 20px;
        width: 100%;
    }

    .summary-list > article.post:last-child {
        border-bottom: none;
    }

    .summary-list .post-thumb {
        /*width: 300px;*/
        width: 42%;
        /*margin-right: 20px;*/
    }

    .summary-list .post-thumb img {
        /*width: 300px;*/
        width: 100%;
        height: auto;
    }

    .summary-list .post-info {
        /*width: 390px;*/
        width: 55%;
        position: relative;
        margin-top: 0;
    }

    .summary-list .post-info ul.meta li {
        float: left;
        display: block;
        list-style-type: none;
        margin-right: 10px;
    }

    .summary-list .post-info h4.title {
        /*font-size: 20px;*/
        font-size: 16px;
        font-weight: bold;
    }

    article.featured .post-thumb {
        width: 52%;
        /*margin-right: 20px;*/
    }

    article.featured .post-thumb img {
        width: 100%;
        height: auto;
    }

    article.featured .post-info {
        width: 45%;
        position: relative;
        margin-top: 0;
    }


    /* >> Home Ads */

    .home_ads { margin-bottom: 20px; margin-top: 32px; }
    .home_ads ul { }
    .home_ads ul li { }
    .home_ads ul.grid-1 li { margin-bottom: 10px;  margin: 0 auto; width: 100%; display: block; float: left;}
    .home_ads ul.grid-1 li img { /*width: 754px;*/ margin: 0 auto; display: block; max-width: 100%;}

    .home_ads ul.grid-2 li { width: auto; display: block; float: left; text-align: left; margin: 0 12px 0 0; }
    .home_ads ul.grid-2 li:nth-child(2n+2) { margin-right: 0; text-align: right; }
    .home_ads ul.grid-2 li img { width: auto; max-width: 348px; }

    .home_ads ul.grid-3 li { width: auto; display: block; float: left; text-align:left; margin: 0 5px 0 0; }
    .home_ads ul.grid-3 li:nth-child(2) { text-align: center; }
    .home_ads ul.grid-3 li:nth-child(3n+3) { margin-right: 0; text-align: right; }
    .home_ads ul.grid-3 li img { width: auto; }

    div#gmap { width: 600px; height: 450px; margin: auto; }

    .responsive-video {
        max-width: 600px;
        max-height: 450px;
    }

    .archive article, .search article, .blog article, .coupons article {
        padding: 10px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .archive article .post-thumb, .search article .post-thumb, .blog article .post-thumb, .coupons article .post-thumb {
        width: 47%;
        margin-right: 20px;
    }

    .archive article .post-thumb img, .search article .post-thumb img, .blog article .post-thumb img {
        width: 100%;
        height: auto;
    }

    .archive article .post-info, .search article .post-info, .blog article .post-info, .coupons article .post-info {
        width: 50%;
        float: right;
    }

    .archive article .post-info ul.meta li, .search article .post-info ul.meta li, .blog article .post-info ul.meta li {
        float: left;
        display: block;
        list-style-type: none;
        margin-right: 10px;
    }

    article.freepaper .post-thumb {
        width: 30%;
        margin-right: 20px;
    }

    .archive article.freepaper .post-info {
        width: 67%;
        float: right;
    }

    /* company listing */

    ul.company_recommended_list li div.images {
        width: 268px;
        height: 117px;
        display: block;
        border: 0 solid #ccc;
        float: left;
    }

    ul.company_recommended_list li div.details {
        width: 61%;
        margin-left: 1%;
    }

    ul.company_recommended_list li div.other_details {
        display: block;
        text-align: center;
        width: auto;
        margin: 0 auto;
        height: 23px;
        border: 0 solid #ccc;
        position: absolute;
        top: 3px;
        right: 10px;
    }

    ul.company_recommended_list li p {
        padding: 0;
    }

    ul.company_recommended_list li p {
        display: block;
        line-height: 1.2em;
        /*height: 43px;*/
        /*height: 115px;*/
        overflow: hidden;
        margin: 0;
        margin-bottom: 1px;
        /* text-overflow: ellipsis;*/
        /*width: 100%;*/
        padding: 0 0 0 0;
    }

    ul.company_index_list li span.area {
        display: block;
        float: left;
        width: 51px;
        width: 50%;
        height: 23px;
        background: url('/media/images/store/icon_map.gif') no-repeat;
        padding-left: 25px;
        padding-top: 5px;
        line-height: 12px;
        font-size: 10px;
        margin-top: 5px;
    }

    ul.company_index_list li span.type {
        display: block;
        float: right;
        width: 50%;
        height: 23px;
        padding-left: 25px;
        padding-top: 5px;
        line-height: 12px;
        font-size: 10px;
        margin-top: 5px;
    }





    #main-nav {
        /*background-color: #bbb;*/
        background: url(../images/main-nav-bg.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:first-child > a {
        border-left: 1px #fff solid;
    }

    #main-nav > div > ul > li > a {
        border-radius: 0;
        padding: 10px;
        border-right: 1px #fff solid;
        color: #fff;
        height: 63px;
        padding: 33px 1px 5px 1px;
        font-weight: normal;
        font-size: 12px;
        word-wrap: normal;
    }

    #main-nav > div > ul > li > a,
    #main-nav > div > ul > li > a:visited {
        background: transparent url(none);
        color: #fff !important;
    }

    #main-nav > div > ul > li > a:hover {
        background: transparent url(../images/menu_08_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(1) > a:hover,
    #main-nav > div > ul > li:nth-child(1).active > a {
        background: transparent url(../images/menu_01_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(2) > a:hover,
    #main-nav > div > ul > li:nth-child(2).active > a {
        background: transparent url(../images/menu_02_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(3) > a:hover,
    #main-nav > div > ul > li:nth-child(3).active > a {
        background: transparent url(../images/menu_03_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(4) > a:hover,
    #main-nav > div > ul > li:nth-child(4).active > a {
        background: transparent url(../images/menu_04_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(5) > a:hover,
    #main-nav > div > ul > li:nth-child(5).active > a {
        background: transparent url(../images/menu_05_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(6) > a:hover,
    #main-nav > div > ul > li:nth-child(6).active > a {
        background: transparent url(../images/menu_06_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(7) > a:hover,
    #main-nav > div > ul > li:nth-child(7).active > a {
        background: transparent url(../images/menu_07_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(8) > a:hover,
    #main-nav > div > ul > li:nth-child(8).active > a {
        background: transparent url(../images/menu_08_on.gif) repeat-x center bottom;
    }

    #main-nav > div > ul > li:nth-child(9) > a:hover,
    #main-nav > div > ul > li:nth-child(9).active > a {
        background: transparent url(../images/menu_09_on.gif) repeat-x center bottom;
    }

    .navbar-brand {
        padding: 0 15px 15px 15px;
    }

    #shop #map_canvas {
        width: 100%;
        height: 400px;
    }

    #shop div#intro img.shop_image_main {
        display: block;
        /*float: left;*/
        /*width: 55%;*/
        /*margin: 0 30px 30px 0;*/
        margin: 0 auto 30px auto;

    }

    #shop .responsive-video {
        max-width: 100%;
    }

    p#slogan {
        padding: 25px 0 0 15px;
        margin-bottom: 3px;
    }

    #return_top {
        opacity: 1.0;
    }

    #main-nav-mobile { display: none !important; }

    #main-nav-search { display: none !important; }

    div#header-top-lang {
        display: block;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .container { width: 994px; }

    #main-nav > div > ul > li > a {
        border-radius: 0;
        padding: 10px;
        border-right: 1px #fff solid;
        color: #fff;
        height: 63px;
        padding: 33px 3px 5px 3px;
        font-weight: bold;
        font-size: 13px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}