/*
Theme Name: Hello Elementor Child
Theme URI:
Description: this is child theme
Author: Its ME
Author URI:
Template: hello-elementor
*/

@import "bootstrap-grid.css";


/*------------------------------
modifiy bootstrap
------------------------------*/
.container .row > div {
	margin: 30px auto;
}

/*------------------------------
汎用class
------------------------------*/
.fzXS {
	font-size: 67%;	
}

/*------------------------------
listRecommendation
------------------------------*/
.listRecommendationVer01 {
	
}
/*------------------------------
boxPostVer01
------------------------------*/
.boxPostVer01 {
	position: relative;
}
.boxPostVer01 a {
	display: block;
	height: 100%;
	position: relative;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15) !important;
	overflow: hidden;
	border-radius: 20px;
	padding-bottom: 10px;
	background-color: #fff;
}
.boxPostVer01 a:hover,
.boxPostVer01 a:focus {
	opacity: 0.7;
}
.boxPostVer01 .postImg {
	display: block;
}
.boxPostVer01 .postImg > img {
	display: block;
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.boxPostVer01 .postTitle {
	display: block;
	line-height: 1.2;
	color: #09f;
	color: #18b7be;
	font-size: 94%;
	margin: 6px 3%;
}
.boxPostVer01 .postText {
	display: block;
	line-height: 1;
	font-size: 67%;
	color: #999;
	margin: 6px 3%;
}
.boxPostVer01 .postPrice {
	display: block;
	margin: auto 3%;
	font-size: 67%;
	text-align: right;
}

.boxPostVer01 .tagPost {
	font-size: 76%;
	position: absolute;
	top: 3%;
	right: 3%;
}
/*------------------------------
tagPost
------------------------------*/
.tagPost {
	padding: 2px 3%;
	background-color: #999;
	color: #fff;
	border-radius: 10px;
}
.boxPostVer01 .tagPost.information {
	right: unset;
	left: 3%;
}
.tagPost.information {
	background-color: #222;
	border-radius: 0;
}
.tagPost.product {
	background-color: #f00;
}
.tagPost.product.sightseeing {
	background-color: #f90;
}
.tagPost.product.tour {
	background-color: #f90;
}
.tagPost.product.hotel {
	background-color: #09f;
}
.tagPost.product.air {
	background-color: #99f;
}
.tagPost.product.coupon {
	background-color: #f90;
}
.tagPost.product.transfer {
	background-color: #99f;
}
.tagPost.product.daytour {
	background-color: #f90;
}
.tagPost.product.tourwithair {
	background-color: #f99;
}
.tagPost.product.tourwithoutair {
	background-color: #f99;
}
.tagPost.product.tourwithhotel {
	background-color: #f99;
}

/*------------------------------
frontprice
------------------------------*/
.frontprice {
	padding: 14px;
	background-color: #fff;
	box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
	--border-bottom: 3px solid #3c3;
}
.frontpriceForeword {
	display: inline-block;
	line-height: 1.0;
	color: grey;
}
.frontpricePrefix2 {
	display: inline-block;
	line-height: 1.0;
	color: grey;
	font-size: 76%;
}
.frontpricePrefix1 {
	display: inline-block;
	line-height: 1.0;
	color: red;
	font-size: 76%;
}
.frontpricePrice {
	display: inline-block;
	line-height: 1.0;
	color: red;
	font-size: 200%;
	font-weight: bold;
}
.frontpriceSuffix1 {
	display: inline-block;
	line-height: 1.0;
	color: red;
	font-size: 76%;
}
.frontpriceSuffix2 {
	display: inline-block;
	line-height: 1.0;
	color: grey;
	font-size: 76%;
}
.frontpriceAfterword {
	display: inline-block;
	line-height: 1.0;
	color: grey;
}



.termNamesAll {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 2px 3%;
	font-size: 67%;
	color: #fff;
	background-color: #000;
	border-radius: 20px;
}
.terms-hochiminhcity .termNamesAll {
	background-color: #c38;
}
.terms-danang .termNamesAll {
	background-color: #3c8;
}
.terms-hanoi .termNamesAll {
	background-color: #38c;
}
.terms-nhatrang .termNamesAll {
	background-color: #83c;
}
.terms-sapa .termNamesAll {
	background-color: #8b4;
}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適用される */

}



/*------------------------------
tailSection
------------------------------*/
.tailSection-072a40-ffffff {
}
.tailSection-072a40-ffffff:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-072a40.png) repeat-x bottom center #fff;
	background-size: auto 20px;
}
.tailSection-072a40-ffffff:before {
	content: 'Before content';
	display: block !important;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-ffffff.png) repeat-x top center #072a40;
	background-size: auto 20px;
}

.tailSection-072a40-18b7be {
}
.tailSection-072a40-18b7be:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-072a40.png) repeat-x bottom center #18b7be;
	background-size: auto 20px;
}
}
.tailSection-072a40-f9f7f0 {
}
.tailSection-072a40-f9f7f0:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-072a40.png) repeat-x bottom center #f9f7f0;
	background-size: auto 20px;
}

.tailSection-18b7be-ffffff {
}
.tailSection-18b7be-ffffff:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-18b7be.png) repeat-x bottom center #fff;
	background-size: auto 20px;
}
.tailSection-18b7be-072a40 {
}
.tailSection-18b7be-072a40:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-18b7be.png) repeat-x bottom center #072a40;
	background-size: auto 20px;
}
.tailSection-18b7be-f9f7f0 {
}
.tailSection-18b7be-f9f7f0:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-18b7be.png) repeat-x bottom center #f9f7f0;
	background-size: auto 20px;
}

.tailSection-f9f7f0-ffffff {
}
.tailSection-f9f7f0-ffffff:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-f9f7f0.png) repeat-x bottom center #fff;
	background-size: auto 20px;
}
.tailSection-f9f7f0-072a40 {
}
.tailSection-f9f7f0-072a40:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-f9f7f0.png) repeat-x bottom center #072a40;
	background-size: auto 20px;
}
.tailSection-f9f7f0-18b7be {
}
.tailSection-f9f7f0-18b7be:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-f9f7f0.png) repeat-x bottom center #18b7be;
	background-size: auto 20px;
}

.tailSection-ffffff-072a40 {
}
.tailSection-ffffff-072a40:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-ffffff.png) repeat-x bottom center #072a40;
	background-size: auto 20px;
}
.tailSection-ffffff-18b7be {
}
.tailSection-ffffff-18b7be:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-ffffff.png) repeat-x bottom center #18b7be;
	background-size: auto 20px;
}
.tailSection-ffffff-f9f7f0 {
}
.tailSection-ffffff-f9f7f0:after {
	content: '';
	display: block;
	height: 20px;
	background: url(/wp-content/themes/hello-elementor-child/img/bg-semicircle-ffffff.png) repeat-x bottom center #f9f7f0;
	background-size: auto 20px;
}