นารา Archives

/*--WA Styles--*/
@import 'https://fonts.googleapis.com/css?family=Kanit:400,500&subset=thai';

@font-face {
	font-family: Japanese Regions;
	src: url(/wp-content/uploads/fonts/KozGoPr6N-Bold.otf) format("opentype");
}

h1,h2,h3,h4,h5,
.social-media-widget .signup a,
.rev_slider .tp-mask-wrap .tp-caption,
.bold-text-font p,
.td-header-style-6 .sf-menu>li>a,
.sf-menu ul .td-menu-item>a,
.td_mega_menu_sub_cats a,
.cat-text-navs a, .cat-text-navs span,
.interests-widget .title,
#menu-sidebar-areas-menu .menu-item-object-page > span a.easy-sidebar-menu-widget-link,
#menu-sidebar-areas-menu .menu-item-object-page > .sub-menu a.easy-sidebar-menu-widget-link,
.widget_recent_entries li a,
.popular-searches-widget .textwidget p a,
svg .area-link text,
div.wpforms-container-full .wpforms-form .wpforms-field-label,
.registration-form .submit-button
{
 font-family:'Kanit','Georgia', serif !important;
 font-weight:500 !important;
}

.bold-text-font a > strong:first-child{
    font-family: Japanese Regions, sans-serif !important;
}

.sidebar-ad-image{
	width: 100%;
}

#menu-sidebar-areas-menu .menu-item-object-page > span a.easy-sidebar-menu-widget-link,
    #menu-sidebar-areas-menu .menu-item-object-page > .sub-menu a.easy-sidebar-menu-widget-link{
        font-size: 15px;
    }
    
    #menu-sidebar-areas-menu .menu-item-object-page > span a.easy-sidebar-menu-widget-link{
        font-weight: 700;
    }

#menu-sidebar-areas-menu .menu-item-object-page:nth-child(1) > span a.easy-sidebar-menu-widget-link{
		color: #6eb4e7;
	}

#menu-sidebar-areas-menu .menu-item-object-page:nth-child(2) > span a.easy-sidebar-menu-widget-link{
		color: #e46380;
	}

#menu-sidebar-areas-menu .menu-item-object-page:nth-child(3) > span a.easy-sidebar-menu-widget-link{
		color: #ffbe00;
	}

#menu-sidebar-areas-menu .menu-item-object-page:nth-child(4) > span a.easy-sidebar-menu-widget-link{
		color: #21b475;
	}

#menu-sidebar-areas-menu .menu-item-object-page:nth-child(5) > span a.easy-sidebar-menu-widget-link{
		color: #dd7557;
	}

#menu-sidebar-areas-menu .menu-item-object-page:nth-child(6) > span a.easy-sidebar-menu-widget-link{
		color: #7838bc;
	}

#menu-sidebar-areas-menu .menu-item-object-page:nth-child(7) > span a.easy-sidebar-menu-widget-link{
		color: #ffbcd8;
	}

#menu-sidebar-areas-menu .menu-item-object-page:nth-child(8) > span a.easy-sidebar-menu-widget-link{
		color: #a2a7af;
	}

.category .td-excerpt, .search .td-excerpt{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	max-height: 82px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.popular-searches-widget .textwidget p{
		float: left;
	}

.popular-searches-widget .textwidget p a{
		color: #555;
		padding: 6px 12px;
		margin-right: 8px;
		border: 1px solid #555;
	  border-radius: 16px;
	}
	.popular-searches-widget .textwidget p a:hover{
		text-decoration: none !important;
		color: #fff;
		background-color: #555;
	}

/* Mega Menu Fixing */
	.sf-menu > li.td-normal-menu:nth-child(1) > ul.sub-menu{
		width: 1200px !important;
		left: -536px;
	}

.sf-menu > li.td-normal-menu:nth-child(2) > ul.sub-menu{
		width: 1110px !important;
		left: -578px !important;
	}

.sf-menu > li.td-normal-menu:nth-child(1) ul li.menu-item {
		width: 12.5% !important;
	}

.sf-menu > li.td-normal-menu:nth-child(2) ul li.menu-item {
		width: 16.666666% !important;
	}

.sf-menu .sub-menu .td-icon-menu-down {
		display: none;
	}

.sf-menu ul .td-menu-item > a {
		padding: 7px 10px;
		text-align: center;
	}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{
		top: 79px !important;
		padding: 0;
	}

.sf-menu > li.td-normal-menu:nth-child(1) .td-mega-menu ul.sub-menu {
		width: 1200px !important;
	}

.sf-menu > li.td-normal-menu:nth-child(2) .td-mega-menu ul.sub-menu {
		width: 1110px !important;
	}

@media (max-width: 1140px) and (min-width: 1019px){

.sf-menu > li.td-normal-menu:nth-child(1) > ul.sub-menu, .sf-menu > li.td-normal-menu:nth-child(2) > ul.sub-menu{
		width: 1019px !important;
	}

.sf-menu > li.td-normal-menu:nth-child(1) > ul.sub-menu{
		left: -667px !important;
	}

.sf-menu > li.td-normal-menu:nth-child(2) > ul.sub-menu{
		left: -748px !important;
	}

.sf-menu > li.td-normal-menu:nth-child(1) .td-mega-menu ul.sub-menu,.sf-menu > li.td-normal-menu:nth-child(2) .td-mega-menu ul.sub-menu {
		width: 1019px !important;
	}

}

@media (max-width: 1018px) and (min-width: 768px){
        .sf-menu > li.td-normal-menu:nth-child(1) > ul.sub-menu, .sf-menu > li.td-normal-menu:nth-child(2) > ul.sub-menu, .sf-menu > li.td-normal-menu:nth-child(1) .td-mega-menu ul.sub-menu, .sf-menu > li.td-normal-menu:nth-child(2) .td-mega-menu ul.sub-menu {
        	width: 768px !important;
        }
        
        .sf-menu > li.td-normal-menu:nth-child(1) > ul.sub-menu{
        	left: -480px !important;
        }
        
        .sf-menu > li.td-normal-menu:nth-child(2) > ul.sub-menu{
        	left: -544px !important;
        }
        
        
        .sf-menu > li.td-normal-menu:nth-child(1) .td-mega-menu ul.sub-menu,	.sf-menu > li.td-normal-menu:nth-child(2) .td-mega-menu ul.sub-menu{
        	top: 58px !important;
        }
        
        .sf-menu ul .td-menu-item > a {
    		padding: 7px 8px;
    	}
	}
	/* End Mega Menu Fixing */

/*header fix on scroll*/
	.td-header-menu-wrap{
		background-color: #161616 !important;
	}
/*End header fix on scroll*/

/*regitration form*/
	.registration-form{    
		padding: 15px 25px 25px 25px !important;
		border: 2px solid #dedede !important;
		background-color: #fbfbfb !important;
	}

.registration-form input:focus{
		border-color: red !important;
	}

.registration-form .wpforms-field-label{
		color: #4e4e4e !important;
		font-size: 16px !important;
	}

.registration-form .submit-button{
		color: #fff !important;
		background-color: #e60000 !important;
		border: 0 !important;
		transition-duration: 0.2s;
	}

.registration-form .submit-button:hover{
		background-color: #af0000!important;
	}

div.wpforms-container .wpforms-form div.wpforms-field-container .wpforms-field input{
		border: 1px solid #ccc;
		padding: 6px 10px;
		border-radius: 2px;
	}

@media (max-width: 767px){
	.registration-form {
		padding: 15px!important;
	}
}
	/*end registration form*/

.footer-links li{
		list-style: none !important;
	}

.footer-links li a:hover{
		color: #ccc;
		text-decoration: none !important;
	}

/*td*/
.td-main-page-wrap {
	padding-top: 0px
}

.widget {
    margin-bottom: 10px;
}
	
.posts-3-main-grid .td-big-grid-post {
    border-width: 0 !important;
    padding-top: 16%;
}

.posts-3-main-grid {
    margin-left: 0;
    margin-right: 0;
}

.interests-border-sides {
    height: 18px;
}

.home-cats-borders-row {
    margin-left: 0;
    margin-right: 0;
}

.interest-img a {
    transition-duration: 0.2s;
    border-radius: 50%;
}

.interest-img a:hover {
    opacity: 0.9;
}

.japanmap-title-side2 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.interests-page-grid.td-big-grids-fl.td-big-grids-margin .td-big-grid-post{
    border-width: 0;
}

.cat-header-title .td-fix-index h1{
    line-height: 1em !important;
}

.cat-block-4 .td-excerpt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 105px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.cat-text-navs a:hover {
    color: #000 !important;
}

@media (max-width: 767px){
    .interests-home-title h1{
        color: #fff;    
    }
}

/*Sign Up & Social Media Widget*/
	.social-media-widget .signup{
		margin-bottom: 6px;
		text-align: center;
		width: 100%;
		max-width: 324px;
	}

.social-media-widget .social-media{
		margin: 0 -3px;
		max-width: 332px;
	}

.social-media-widget .signup a:hover,
	.social-media-widget .social-media .fa:hover,
	.social-media-widget .social-media .ninja-button-area a:hover{
		background-color: #af0000;
		color: #fff;
		text-decoration: none !important;
	}

.social-media-widget .signup a{
		display: block;
		text-align: center;
		width: 100%;
		padding: 10px 5px;
		background-color: #e60000;
		border: 0;
		color: white;
		border-radius: 8px;
		font-size: 20px;
		font-weight: 700;
		border-bottom: 1px solid #ff0000;
		text-transform: uppercase;
		transition-duration: 0.4s;
	}

.social-media-widget .social-media .button-area{
		width: 14.285714%;
		max-width: 55px;
		text-align: center;
		padding: 0 3px;
		float: left;
	}

.social-media-widget .social-media .ninja-button-area{
		width: 28.571428%;
		max-width: 110px;
	}

.social-media-widget .social-media .fa,
	.social-media-widget .social-media .ninja-button-area a{
		display: block;
		position: relative;
		background-color: #e60000;
		color: white;
		width: 100%;
		height: 41px;
		font-size: 2.5em;
		border-radius: 8px;
		transition-duration: 0.4s;
	}

.social-media-widget .social-media .fa-youtube-play {
		font-size: 2.3em;
	}

.social-media-widget .social-media .fa:before,
	.social-media-widget .social-media .ninja-button-area img{
		position: absolute;
	}

.social-media-widget .social-media .fa-facebook:before{
		bottom: -3px;
		right: 6px;
	}

.social-media-widget .social-media .fa-instagram:before,
	.social-media-widget .social-media .fa-twitter:before,
	.social-media-widget .social-media .fa-youtube-play:before,
	.social-media-widget .social-media .fa-home:before,
	.social-media-widget .social-media .ninja-button-area img{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.social-media-widget .social-media .fa-youtube-play:after{
		content: "";
		position: absolute;
		top: 2px;
		right: -6px;
		width: 0;
		height: 37px;
		border-right: 2px solid #e60000;
	}

.social-media-widget .social-media .home-btn{
		margin-right: -4px;
		margin-left: 4px;
	}

@media (max-width: 1018px) and (min-width:768px){
		.social-media-widget .social-media {
			margin: 0 -2px;
		}

.social-media-widget .social-media .button-area{
			padding: 0 2px;
		}

.social-media-widget .signup {
			margin-bottom: 4px;
		}

.social-media-widget .social-media .fa,
		.social-media-widget .social-media .ninja-button-area a{
			font-size: 2em;
			height: 34px;
			border-radius: 6px;
		}

.social-media-widget .social-media .fa-youtube-play {
			font-size: 1.8em;
		}

.social-media-widget .signup a {
			font-size: 16px;
			padding: 4px 5px;
			border-radius: 6px;
		}

.social-media-widget .social-media .fa,
		.social-media-widget .social-media .ninja-button-area a,
		.social-media-widget .social-media .fa-youtube-play:after{
			height: 30px;
		}

.social-media-widget .social-media .fa-youtube-play:after{
			top: 1px;
			right: -4px;
			height: 28px;
		}

.social-media-widget .social-media .home-btn{
		margin-right: -2px;
		margin-left: 2px;
		}
	}

@media (max-width: 767px) and (min-width: 325px){
		.social-media-widget .signup ,.social-media-widget .social-media{
			margin-left: auto;
			margin-right: auto;
		}
	}
	/*End Sign Up & Social Media Widget*/
	
	
	
	
	
	
	
	
	
	/*Interests Widget*/
	.interests-widget .widget-row.main-title .widget-column-3:nth-child(odd){
		height: 10px;
		border: 1px solid #000;
		margin-top: 15px;
	}

.interests-widget .widget-row.main-title .widget-column-3.left-border{
		border-width: 1px 0 0 1px;
	}

.interests-widget .widget-row.main-title .widget-column-3.right-border{
		border-width: 1px 1px 0 0;
	}

.interests-widget::after{
		content:'';
		display: block;
		width: 100%;
		height: 10px;
		border: 1px solid #000;
		border-top-width: 0;
	}

.interests-widget .widget-row{
		width: 100%;
		margin-bottom: 10px;
	}

.interests-widget .widget-column-3{
		position: relative;
		width: 33.333333%;
		float: left;
		padding: 0 6px;
	}

.interests-widget .interest-item{
		position: relative;
		width: 100%;
	}

.interests-widget .interest-item:hover .back::after{
		border-radius: 8px;
		height: 100%;
	}

.interests-widget .title{
	    width: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
		font-weight: bold;
		font-size: 1em;
		text-transform: uppercase;
		color: #fff;
	}

.interests-widget .back{
		position: relative;
		width: 100%;
		padding-top: 100%;
		background-size: cover;
		background-position: center center;
		border: 1px solid #eee;
		border-radius: 8px;
	}

.interests-widget .back::after{
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		width: 100%;
		height: 35%;
		background-color: #000;
		transition-duration: 0.2s;
	}

.interests-widget .back.culture{
		background-image: url(/wp-content/uploads/2018/03/int-widget-culture_256x256.jpg);
	}

.interests-widget .back.spots{
		background-image: url(/wp-content/uploads/2018/03/int-widget-spots_256x256.jpg);
	}

.interests-widget .back.food-and-drink{
		background-image: url(/wp-content/uploads/2018/03/intwidget-food-and-drinkjpg_256x256.jpg);
	}

.interests-widget .back.nature{
		background-image: url(/wp-content/uploads/2018/03/int-widget-nature_256x256.jpg);
	}

.interests-widget .back.experience{
		background-image: url(/wp-content/uploads/2018/03/int-widget-experience_256x256.jpg);
	}

.interests-widget .back.shopping{
		background-image: url(/wp-content/uploads/2018/03/int-widget-shopping_256x256.jpg);
	}

@media (max-width: 1018px) and (min-width: 768px){
		.interests-widget .widget-row {
			margin-bottom: 4px;
		}
		.interests-widget .widget-column-3{
			padding: 0 2px;
		}

.interests-widget .title {
			font-size: 0.7em;
		}
	}
	/*End Interests Widget*/

/* Categories and Areas Pages */
	.cat-header-title .td-fix-index h1{
		font-size: 90px;
		font-family: 'Open Sans';
		position: relative;
		font-weight: 600;
		line-height: 60px;
	}

.cat-food .td-fix-index h1{
		line-height: 1em !important;
	}

.cat-header-title .td-fix-index h1:after{
		content: "";
		display: block;
		background: linear-gradient(-45deg,transparent 50%,#000 50%);
		height: 70px;
		width: 70px;
		position: absolute;
		bottom: -85px;
		left: 0;
	}

.cat-header-left-col.culture{
	height: 370px;
}
.cat-header-left-col.culture{
	background: linear-gradient(33.5deg,#ffe4e6 50%,#fff 50%);
}
.cat-header-circle-image.culture a{
	height: 340px !important;
}

.cat-header-left-col.spots{
	height: 440px;
}
.cat-header-left-col.spots{
	background: linear-gradient(38.3deg,#ffe4e6 50%,#fff 50%);
}
.cat-header-circle-image.spots a{
	height: 410px !important;
}

.cat-header-left-col.food{
	height: 560px;
}
.cat-header-left-col.food{
	background: linear-gradient(45.2deg,#ffe4e6 50%,#fff 50%);
}
.cat-header-circle-image.food a{
	height: 530px !important;
}

.cat-header-left-col.nature{
	height: 500px;
}
.cat-header-left-col.nature{
	background: linear-gradient(42deg,#ffe4e6 50%,#fff 50%);
}
.cat-header-circle-image.nature a{
	height: 470px !important;
}

.cat-header-left-col.experience{
	height: 440px;
}
.cat-header-left-col.experience{
	background: linear-gradient(38deg,#ffe4e6 50%,#fff 50%);
}
.cat-header-circle-image.experience a{
	height: 410px !important;
}

.cat-header-left-col.shopping{
	height: 495px;
}
.cat-header-left-col.shopping{
	background: linear-gradient(41.7deg,#ffe4e6 50%,#fff 50%);
}
.cat-header-circle-image.shopping a{
	height: 465px !important;
}

.cat-header-circle-image a:before,
.cat-header-circle-image a:after{
	content: '';
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	pointer-events: none;
	border: solid transparent;
	border-width: 30px;
	border-left-color: #fff;
	z-index: 99;
}

.cat-header-circle-image a:before{
	top: 0;
	border-top-color: #fff;
}

.cat-header-circle-image a:after{
	bottom: 0;
	border-bottom-color: #fff;
}

.cat-header-row p{
		font-family: 'Open Sans';
		font-size: 24px;
		line-height: 1.3em;
	}

.cat-text-navs a, .cat-text-navs span{
		font-family: "Open Sans";
	}

.cat-text-navs a:hover{
		color: #000 !important;
	}
	.tdc-content-wrap .tdc-row:first-child{
		padding: 0;
	}

.subcat-list ul{
		margin: 0;
	}

.subcat-list ul a:hover{
		color: #ea2e2e !important;
	}

.areas-header-imgs a{
		border-radius: 50%;
	}

.area-header-left-col-tohoku{
		background: linear-gradient(134deg,rgba(232, 115, 133, 0.2) 50%,#fff 50%);
		
	}
	.area-header-right-col.tohoku svg{
		height: 490px !important;
	}

.area-header-left-col-hokkaido{
		background: linear-gradient(132.3deg,rgba(110, 181, 232, 0.2) 50%,#fff 50%);
	}
	.area-header-left-col-chubu{
		background: linear-gradient(132.3deg,rgba(33, 181, 117, 0.2) 50%,#fff 50%);
	}
	.area-header-left-col-kanto{
		background: linear-gradient(135.2deg,rgba(255, 191, 0, 0.2) 50%,#fff 50%);
	}
	.area-header-left-col-kansai{
		background: linear-gradient(137deg,rgba(222, 117, 87, 0.2) 50%,#fff 50%);
	}
	.area-header-left-col-chugoku{
		background: linear-gradient(137deg,rgba(151, 111, 204, 0.2) 50%,#fff 50%);
	}
	.area-header-left-col-shikoku{
		background: linear-gradient(133.8deg,rgba(255, 150, 190, 0.2) 50%,#fff 50%);
	}
	.area-header-left-col-kyushu-okinawa{
		background: linear-gradient(129.8deg,rgba(178, 187, 193, 0.2) 50%,#fff 50%);
	}

.area-header-title-jp{
		position: absolute;
		top: 120px;
		right: 20px;
	}

.area-header-title-jp.food{
		top: 210px;
	}

.area-ko-header-title .td-fix-index h1{
		line-height: 1em !important;
	}

.area-header-title-jp-ko{
		top: 240px !important;
		right: 20px !important;
	}

.article-image-low-radius img{
		 border-radius: 25px;
	}

.article-image-low-circle a{
		border-radius: 50%;
	}

/* ==== ========== ====*/
	/* ==== Responsive ====*/
	/* ==== ========== ====*/
	@media (max-width: 1140px){
		.cat-header-left-col.culture{
			background: linear-gradient(36deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.spots{
			background: linear-gradient(40.7deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.food{
			background: linear-gradient(47.6deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.nature{
			background: linear-gradient(44.5deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.experience{
			background: linear-gradient(41deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.shopping{
			background: linear-gradient(44deg,#ffe4e6 50%,#fff 50%);
		}

.region-tohoku a{
			height: 600px !important;
		}
		.areas-header-imgs a{
			height: 136px !important;
		}
		
		
		.area-header-left-col-tohoku{
			background: linear-gradient(132deg,rgba(232, 115, 133, 0.2) 50%,#fff 50%);
		}
		.area-header-right-col.tohoku svg{
			height: 480px !important;
		}
		
		.area-header-left-col-hokkaido{
			background: linear-gradient(130.8deg,rgba(110, 181, 232, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-chubu{
			background: linear-gradient(129deg,rgba(33, 181, 117, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kanto{
			background: linear-gradient(133.5deg,rgba(255, 191, 0, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kansai{
			background: linear-gradient(133.5deg,rgba(222, 117, 87, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-chugoku{
			background: linear-gradient(133.5deg,rgba(151, 111, 204, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-shikoku{
			background: linear-gradient(130.5deg,rgba(255, 150, 190, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kyushu-okinawa{
			background: linear-gradient(125.5deg,rgba(178, 187, 193, 0.2) 50%,#fff 50%);
		}
	}

@media (max-width: 1018px){
		.cat-header-left-col.culture{
			height: 290px;
		}
		.cat-header-left-col.culture{
			background: linear-gradient(37deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-circle-image.culture a{
			height: 260px !important;
		}
		
		.cat-header-left-col.spots{
			background: linear-gradient(49deg,#ffe4e6 50%,#fff 50%);
		}
		
		.cat-header-left-col.food{
			height: 500px;
		}
		.cat-header-left-col.food{
			background: linear-gradient(52.5deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-circle-image.food a{
			height: 470px !important;
		}
		
		.cat-header-left-col.nature{
			height: 460px;
		}
		.cat-header-left-col.nature{
			background: linear-gradient(50deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-circle-image.nature a{
			height: 430px !important;
		}
		
		.cat-header-left-col.experience{
			height: 390px;
		}
		.cat-header-left-col.experience{
			background: linear-gradient(45.5deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-circle-image.experience a{
			height: 360px !important;
		}
		
		.cat-header-left-col.shopping{
			height: 470px;
		}
		.cat-header-left-col.shopping{
			background: linear-gradient(51deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-circle-image.shopping a{
			height: 440px !important;
		}
		
		
		.cat-header-title .td-fix-index h1{
		 	font-size: 60px;
			line-height: 40px;
		}
		
		.cat-header-title .td-fix-index h1:after{
			height: 50px;
			width: 50px;
			bottom: -80px;
		}
		.cat-header-description .td-fix-index h3{
			font-size: 18px;
			line-height: 20px;
		}
		
		.cat-header-title.cat-food .td-fix-index h1:after{
			bottom: -66px;
		}

.region-tohoku a{
			height: 520px !important;
		}
		.areas-header-imgs a{
			height: 96px !important;
		}
		
		
		
		.area-header-left-col-tohoku{
			background: linear-gradient(131.4deg,rgba(232, 115, 133, 0.2) 50%,#fff 50%);
		}
		.area-header-right-col.tohoku svg{
			height: 370px !important;
		}
		
		.area-header-left-col-hokkaido{
			background: linear-gradient(128deg,rgba(110, 181, 232, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-chubu{
			background: linear-gradient(128deg,rgba(33, 181, 117, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kanto{
			background: linear-gradient(131.5deg,rgba(255, 191, 0, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kansai{
			background: linear-gradient(131.2deg,rgba(222, 117, 87, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-chugoku{
			background: linear-gradient(131.2deg,rgba(151, 111, 204, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-shikoku{
			background: linear-gradient(128deg,rgba(255, 150, 190, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kyushu-okinawa{
			background: linear-gradient(123.6deg,rgba(178, 187, 193, 0.2) 50%,#fff 50%);
		}
		.area-header-title-jp{
			top: 99px;
			right: 10px;
		}
		.area-header-title-jp.food{
			top: 145px;
		}
		
		.area-header-title-jp p{
			font-size: 50px;
		}
		.area-header-title-jp-ko{
			top: 170px !important;
		}
	}

@media (max-width: 767px){
		.cat-header-left-col.culture,
		.cat-header-left-col.spots,
		.cat-header-left-col.food,
		.cat-header-left-col.nature,
		.cat-header-left-col.experience,
		.cat-header-left-col.shopping
		{
			height: auto !important;
		}
		
		.cat-header-left-col.culture{
			background: linear-gradient(39deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.spots{
			background: linear-gradient(51.3deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.food{
			background: linear-gradient(57deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.nature{
			background: linear-gradient(54.5deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.experience{
			background: linear-gradient(50deg,#ffe4e6 50%,#fff 50%);
		}
		.cat-header-left-col.shopping{
			background: linear-gradient(53.5deg,#ffe4e6 50%,#fff 50%);
		}
		
		.cat-header-circle-image.culture a,
		.cat-header-circle-image.spots a,
		.cat-header-circle-image.food a,
		.cat-header-circle-image.nature a,
		.cat-header-circle-image.experience a,
		.cat-header-circle-image.shopping a
		{
			height: 100% !important;
		}
		
		.cat-header-circle-image{
			padding-top: 100%;
		}
		
		.cat-header-circle-image a{
			position: absolute;
			top: 0;
			left: 0;
		}
		
		
		.cat-header-circle-image a:before{
			top: unset;
			left: unset;
			bottom: 0;
			right: 0;
			border-top-color: transparent;
			border-left-color: transparent;
			border-right-color: #fff;
			border-bottom-color: #fff;
		}

.area-header-title-jp.food {
			top: 165px;
		}
		
		.watt-button-sub-cat{
			width: 75%;
			margin-left: auto;
			margin-right: auto;
		}

.areas-header-imgs a{
			padding-top: 100%;
		}
		.area-header-left-col{
			height: unset !important;
		}
		
		.area-header-right-col.tohoku svg{
			height: unset !important;
		}
		
		.area-header-left-col-tohoku{
			background: linear-gradient(135deg,rgba(232, 115, 133, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-hokkaido{
			background: linear-gradient(135deg,rgba(110, 181, 232, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-chubu{
			background: linear-gradient(133deg,rgba(33, 181, 117, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kanto{
			background: linear-gradient(137.6deg,rgba(255, 191, 0, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kansai{
			background: linear-gradient(137.7deg,rgba(222, 117, 87, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-chugoku{
			background: linear-gradient(137.6deg,rgba(151, 111, 204, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-shikoku{
			background: linear-gradient(133deg,rgba(255, 150, 190, 0.2) 50%,#fff 50%);
		}
		.area-header-left-col-kyushu-okinawa{
			background: linear-gradient(127.5deg,rgba(178, 187, 193, 0.2) 50%,#fff 50%);
		}
	}

/* End Categories and Areas Pages */

/*end td*/

.cat-block-4 .td-module-thumb .entry-thumb {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

@media (max-width: 767px){
	.cat-block-4 .td-module-thumb .entry-thumb {
		height: auto;
	}
	
	.interests-page-grid{
	    margin-left: 0;
	    margin-right: 0;
	}
}

@media only screen and (max-width: 360px){
    .g-recaptcha{
        transform:scale(0.865);
        -webkit-transform:scale(0.865);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

.widget.widget_media_image .image{
	width: 100%;
}
/*--End WA Styles--*/

นารา

ไม่มีโพสต์ที่แสดง