/* -------------------------------------  1500px  ------------------------------------- */
@media(max-width:1500px)
{
    /* FeatureHomePage */
    .FeatureHomePage{ margin: 70px 30px 0px;}

    /* FeatureCategoryage */
    /*.FeatureCategoryage{ margin: 20px 30px 0px;}*/

    /* BreadcrumbTopAll */
    .BreadcrumbTop{ margin-left: 30px; margin-right:30px;}

}

/* -------------------------------------  1280px  ------------------------------------- */
@media(max-width:1280px)
{
    /* FeatureHomePage */
    .FeatureHomePage ul li .PictureDisplay{ height: 450px; }
    .FeatureHomePage ul li h1{ font-size: 55px; }

    /* FeatureCategoryage */
    /*.FeatureCategoryage .PictureDisplayCat{ height: 450px;}
    .FeatureCategoryage .LeftCaptions{ width: 35%; margin-left: 5%;}
    .FeatureCategoryage .RightCaptions{ width: calc(40% - 5%); margin-right: 5%;}*/

    /* FeatureCategoryage */
    .FeatureCategoryage .PictureDisplayCat{ height: 450px;}
    .FeatureCategoryageBox{ margin-left: 60px; margin-right: 60px; }
    .FeatureCategoryage .LeftCaptions h1{ font-size: 60px; line-height: 55px;  }

    /* FeatureCulture */
    .FeatureCulture .PictureDisplayCat{ height: 450px;}
    .FeatureCultureBox{ margin-left: 60px; margin-right: 60px; }
    .FeatureCulture .LeftCaptions h1{ font-size: 60px; line-height: 55px;  }

    .FeatureCultureV2BG{ height: 450px; }
    .FeatureCultureV2Box{ width: 90%; height: 450px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1{ font-size: 40px; }
    .FeatureCultureV2 .LeftCaptionsV2 p{ font-size: 60px; line-height: 55px;  }

    /* FooterAboutChillChillJapan */
    .FooterAboutChillChillJapan{ padding:80px 0px 80px 0px;  }
    .FooterAboutChillChillJapanInner{ margin-left: 60px; margin-right: 60px; }
    .FooterAboutChillChillJapanRight h2{ font-size: 30px; }
    .FooterAboutChillChillJapanRight p{ font-size: 18px; }
    .FooterAboutChillChillJapanRightLink{ font-size: 23px; }
    .FooterMenu{ margin-left: 30px; margin-right: 30px; }

    /* DestinationTopPageBox */
    .DestinationTopPage{ padding: 40px 0px 40px 0px; text-align: center; }
    .DestinationTopPage h2{ margin-bottom: 20px; }
    .DestinationTopPageBox { /*width: 90%;*/ margin: auto; margin-left: 60px; margin-right: 60px; }
    .DestinationTopPageBox ul{ margin-top: 30px; }
    .DestinationTopPageBox ul li{ margin-bottom: 40px; margin-left: 20px; margin-right: 20px;  margin-top: 0px; }
    .DestinationTopPageBox ul li .RightCaptions{ padding: 10px 10px 10px 10px;}
    .DestinationTopPageBox ul li .Title { font-size: 25px; line-height: 25px; }
    .DestinationTopPageBox ul li:nth-child(1) .Title { font-size:25px; line-height: 23px;}
    .DestinationTopPageBox ul li .Captions{ font-size: 20px; line-height: 25px; }
    .DestinationTopPageBox ul li .DateAndCate p:nth-child(1){ float: left; }
    .DestinationTopPageBox ul li .DateAndCate p:nth-child(2){ float: right; }

    /* TravelHomepage */
    .TravelHomepage{ padding: 50px 0px 50px 0px;}
    .TravelHomepageBox{ margin-left: 60px; margin-right: 60px; padding: 0px;}

    /* InterestingCategory */
    .InterestingCategory{ padding: 50px 0px 50px 0px; }
    .InterestingCategoryBox{ margin-left: 60px; margin-right: 60px; padding: 0px;}

    /* CouponDiscountHomepage */
    .CouponDiscountHomepageBox{ margin-left: 60px; margin-right: 60px; padding: 0px; }

    /* LineHalf */
    .LineHalf{ width: 100%;}
    .LineHalf2{ margin: 0 60px;}

    /* ActivityHomepage */
    .ActivityHomepage{ padding: 50px 0px 0px 0px; } 
    .ActivityHomepageBox{ margin-left: 60px; margin-right: 60px; padding: 0px; }
    .ActivityHomepageBox ul li .PictureDisplay{ height: 170px;}

    /* PlanTripHomepage */
    .PlanTripHomepage{ padding: 50px 0px 50px 0px; } 
    .PlanTripHomepageBox{ margin-left: 60px; margin-right: 60px; padding: 0px; }
    .PlanTripHomepageBox ul li .PictureDisplay{ height: 170px;}

    /* TailContentHomepage */
    .TailContentHomepage{ width: auto; margin: auto; margin-top: 40px; padding: 40px 0px 40px 0px; }
    .TailContentHomepageBox{ width: auto; margin: auto; margin-left: 60px; margin-right: 60px; }
    /*.TailContentHomepageBox{ width: auto; height: auto; margin-left: 60px; margin-right: 60px;}
    .TailContentHomepageBoxLeft{ width: calc(100% - 390px); float: left;}
    .TailContentHomepageBoxRight{ width: 100%; float: right; border-left: 1px solid #eee; padding-left:4%; max-width: 320px;}*/

    /* ArticleListHomepage */
    .ArticleListHomepage{ margin-bottom: 40px; }
    .ArticleListHomepage ul li{ margin-bottom: 20px; }
    .ArticleListHomepage ul li .CategoryDisplay{ font-size: 13px; }
    .ArticleListHomepage ul li .CategoryDisplay img{ height: 12px;}
    .ArticleListHomepage ul li .PictureDisplay{ width: 38%; }
    .ArticleListHomepage ul li .RightCaptions{ width: 57%; padding-top: 10px;}
    .ArticleListHomepage ul li .RightCaptions p{ margin-bottom: 10px; }
    .ArticleListHomepage ul li .Title { font-size: 23px; line-height: 28px; padding-left: 20px;}
    .ArticleListHomepage ul li .Title:before{ top: 7px; left:0px; }
    .ArticleListHomepage ul li .DateAndCate{ font-size: 15px; margin-top: 0px; }
    .ArticleListHomepage ul li .Captions{ font-size: 17px; line-height: 20px; margin-top: 20px; }

    /* SinglePageLayout */
    .SinglePageLayoutBox{ width: auto; margin: auto; margin-left: 60px; margin-right: 60px; }
    /*.SinglePageLayoutBoxLeft{ width: calc(100% - 360px); float: left; min-width: 680px; border-right: 1px solid #eee; padding-right: 20px; }
    .SinglePageLayoutBoxRight{ width: calc(100% - 300px); float: right; max-width: 300px; }*/

    /* SocialPost */
    .SocialShare ul li a{ display: block; margin-left: -1px; margin-right: -1px; }
    .FBSahre{ width:100px; }
    .TWSahre{  width:100px; }
    .LineSahre{ width:100px; }

    /* PrivilegeCard */
    .SinglePageDetail .PrivilegeCard table td.head{ height: auto; padding-bottom: 30%; padding-top: 10%; font-size: 18px; line-height: 18px; }
    .SinglePageDetail .PrivilegeCard table td span{ font-size: 15px; line-height: 16px; }

    /* CouponPage */
    .CouponPage{  margin-left: 60px; margin-right: 60px; }
    .PromotionHeader .banner img{ width: 113%; }

    /* CultureHighlight */
    /*.CultureHighlight{ margin-left: 60px; margin-right: 60px;}
    .CultureHighlight ul li a{ height:320px;}
    .CultureHighlight ul li .RightCaptions{}
    .CultureHighlight ul li .Title { font-size: 25px; }
    .CultureHighlight ul li .Captions{ font-size: 17px; }*/

    ul.type02 li p:first-child{ font-size: 20px; }

    ul.type03 li p:first-child{ font-size: 20px; }

    /* FeatureImagePost */
    /*.FeatureImagePost{ height: 60vh;}*/

    /* ################## Edit For Block editor ################## */
    .SinglePageDetail figure.TableCompair table thead{ height: 110px; }
    .SinglePageDetail figure.TableCompair table thead tr th{ font-size: 20px; line-height: 21px; padding: 0% 10px 50px 10px; }
    /* ################## End Edit For Block editor ################## */

    /* ADSCouponList */
    .ADSCouponList ul li .DisplayLogoCoupon{ width: 60px; left: 10px; top: 30px; }

    /* ADSCouponForPage */
    .ADSCouponForPage ul li .DisplayLogoCoupon{ width: 60px; left: 10px; top: 30px; }

    /* BannerCoupon */
    .SinglePageBannerCoupon{ width: auto; margin: auto; margin-left: 60px; margin-right: 60px; }
    .ADSCouponRight .Title{ font-size: 18px; line-height: 20px; }
}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1023px)
{
    /* BreadcrumbTopAll */
    .BreadcrumbTopAll{ height: auto; margin-top: 50px;}
    .BreadcrumbTop{ margin-left: 30px; margin-right:30px;}

    /* FeatureCategoryage */
    /*.FeatureCategoryage .PictureDisplayCat{ height: 400px;}
    .FeatureCategoryage .LeftCaptions{ width: 40%; margin-left: 5%;}
    .FeatureCategoryage .LeftCaptions p{ margin-top: 10px; }
    .FeatureCategoryage .RightCaptions{ width: calc(50% - 5%); margin-right: 5%;}
    .FeatureCategoryage .RightCaptions h2{ font-size: 30px;}*/

    /* FeatureCulture */
    .FeatureCategoryage .PictureDisplayCat{ height: 400px;}
    .FeatureCategoryageBox{ width: 90%; margin: auto; }
    .FeatureCategoryage .LeftCaptions h1{ font-size: 58px; }
    .FeatureCategoryage .RightCaptions h2{ font-size: 30px;}

    /* FeatureCulture */
    .FeatureCulture .PictureDisplayCat{ height: 400px;}
    .FeatureCultureBox{ width: 90%; margin: auto; }
    .FeatureCulture .LeftCaptions{ width: 40%; margin-left: 0%; }
    .FeatureCulture .LeftCaptions h1{ font-size: 58px; }
    .FeatureCulture .RightCaptions{ width: 50%; margin-right: 0%; }
    .FeatureCulture .RightCaptions h2{ font-size: 30px;}
    /* FeatureCulture */    

    .FeatureCultureV2BG{ height: 400px; }
    .FeatureCultureV2Box{ width: 90%; height: 400px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1{ font-size: 26px; line-height: 30px; margin-top: 20px; padding-left:40px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.TravelH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.FoodH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.ShopH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.StayH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.TipsH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.NewsH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.MapH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.TrainH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.CouponH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.AriplaneH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.CultureH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.LearnH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.OthersH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 p{ font-size: 48px; }
    .FeatureCultureV2 .LeftCaptionsV2{ width: 35%;}
    .FeatureCultureV2 .RightCaptionsV2{ width: 60%;}
    .FeatureCultureV2 .RightCaptionsV2 h2{ font-size: 30px;}

    /* FeatureHomePage */
    .FeatureHomePage{ margin: 50px 30px 0px; }
    .FeatureHomePage ul li .PictureDisplay{ width: 100%; height: 400px; border-radius: 15px;}
    .FeatureHomePage ul li .RightCaptions{ width: 80%; }
    .FeatureHomePage ul li h1{ font-size: 45px; line-height: 40px; }
    .FeatureHomePage ul li .Captions{ font-size: 25px; line-height: 25px; width: 80%; }

    /* InterestingCategoryBox */
    .InterestingCategoryBox{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto;}
    .InterestingCategoryBox ul{ width: 100%; margin: 0px; padding: 0px; margin-top: 20px; }
    .InterestingCategoryBox ul li{ width: 28.3%; margin: 1% 2% 1% 2%; font-size: 16px; }
    .InterestingCategoryBox ul li a{ padding: 20px 0px 20px 17%; }
    .InterestingCategoryBox ul li:after{ width: 18px; height: 18px; top: 35%; right:6%; }

    .InterestingCategoryBox ul li a .TravelCateTypePage:after{ width: 18px; height: 18px; top: 33%; right:7%; }
    .InterestingCategoryBox ul li a .SeasonCateTypePage:after{ width: 18px; height: 18px; top: 33%; right:7%; }
    .InterestingCategoryBox ul li a .TripCateTypePage:after{ width: 18px; height: 18px; top: 33%; right:7%;}
    .InterestingCategoryBox ul li a .HotelsCateTypePage:after{ width: 18px; height: 18px; top: 33%; right:7%;}
    .InterestingCategoryBox ul li a .ShoppingCateTypePage:after{ width: 18px; height: 18px; top: 33%; right:7%;}
    .InterestingCategoryBox ul li a .RestaurantsCateTypePage:after{ width: 18px; height: 18px; top: 33%; right:7%;}
    .InterestingCategoryBox ul li a .PlanCateTypePage:after{ width: 18px; height: 18px; top: 33%; right:7%;}
    .InterestingCategoryBox ul li a .MapCateTypePage:after{ width: 18px; height: 18px; top: 33%; right:7%;}

    /* DestinationTopPageBox */
    .DestinationTopPage{ /*width: 90%;*/ margin-left: 0px; margin-right: 0px; margin: auto; }
    .DestinationTopPageBox { /*width: 90%;*/ margin: auto; margin-left: 60px; margin-right: 60px; }

    /* FeatureCategoryPage */
    .FeatureCategoryPage{ /*margin-top: 30px;*/}

    /* HeaderBox */
    .HeaderBox h2{ font-size: 28px; }
    .HeaderBox h2:before { content:' '; position: absolute; margin-top: -10px; width: 25px; border-bottom: 3px solid #ea1313; transform:translateX(0%);}
    .HeaderBox h3{ font-size: 28px; }
    .HeaderBox h3:before { content:' '; position: absolute; margin-top: -10px; width: 25px; border-bottom: 3px solid #ea1313; transform:translateX(0%);}
    .HeaderBox span{ font-size: 28px; padding: 0px 15px 0px 5px; }
    .HeaderBox img{ vertical-align: top; width: 35px; }
    .RightMoreLink{ margin-top:5px; }

    /* HeaderBox */
    .PopularListHomepage .HeaderBox h3{ font-size: 28px; }

    /* LineHalf */
    .LineHalf{ width: 90%;}
    .LineHalf2{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto;}

    /* Footer */
    .FooterMenu{ width: 90%; margin:auto; margin-top: 30px; padding: 10px; }
    .FooterMenuBox{ margin: 2% 0.5% 0% 2.5%; font-size: 16px; }
    .FooterMenuBox:nth-child(1){ width:28%;}
    .FooterMenuBox:nth-child(2){ width:24%;}
    .FooterMenuBox:nth-child(3){ width:22%;}
    .FooterMenuBox:nth-child(4){ width:14%;}
    .FooterMenuBox:nth-child(5){ width:23%; float: left;}
    .FooterMenuBox .Title{ font-size: 28px; letter-spacing: 2px; margin: 0px; padding: 0px; position: relative; margin-top: 10px;}
    .FooterMenuBox .Title:before { margin-top: -10px; width: 25px; }
    .FooterLink ul li{ padding-top: 15px; padding-bottom: 15px; }
    .FooterLink ul li a{ padding: 5px 10px 5px 10px; font-size: 18px;}
    .FooterOthers{ width: 18%; }

    /* Footer */
    .CopyRight{ margin-bottom: 45px;}

    /* SocialShareFixed */
    .SocialShareFixed{ /*display: block;*/ }

    /* TravelHomepage */
    .TravelHomepageBox{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto; padding: 0px;}
    .TravelHomepageBox ul li{ width: 28.8%; display: inline-block; text-align: center; margin: 2%!important; float: none; vertical-align: top;}
    .TravelHomepageBox ul li .PictureDisplay{ height:180px;}

    /* ActivityHomepage */
    .ActivityHomepageBox{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto; padding: 0px; }
    .ActivityHomepageBox ul li .PictureDisplay{ height: 150px;}
    .ActivityHomepageBox ul li p{ font-size: 20px; }

    /* PlanTripHomepage */
    .PlanTripHomepageBox{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto; padding: 0px; }
    .PlanTripHomepageBox ul li .PictureDisplay{ height: 150px;}
    .PlanTripHomepageBox ul li p{ font-size: 20px; }

    /* CouponDiscountHomepage */
    .CouponDiscountHomepageBox{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto; padding: 0px; }

    /* TailContentHomepageBox */
    /*.TailContentHomepageBox{ width: 90%; height: auto; margin-left: 0px; margin-right: 0px; margin: auto; }
    .TailContentHomepageBoxLeft{ width: 100%; float: none;}
    .TailContentHomepageBoxRight{ width: 100%; float: none; border-left: 0px solid #eee; padding-left:0%; max-width: 100%;}*/

    /* TailContentHomepageBox */
    .TailContentHomepageBox{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto; }
    .TailContentHomepageBoxLeft{ width: 100%; float: none; border-right: 0px; padding-right: 0px;}
    .TailContentHomepageBoxRight{ width: 100%; float: none; margin-top: 30px; max-width: 100%; }

    /* ArticleListHomepage */
    .ArticleListHomepage ul li .RightCaptions p{ margin-bottom: 10px; }
    .ArticleListHomepage ul li .Title { font-size: 22px;}
    .ArticleListHomepage ul li .Captions{ line-height: 20px; margin-top: 20px; }

    /* CouponRightBox */
    .CouponRightBox{ width: calc(45% + 20px); max-width: 320px; position: relative; float: left; padding: 10px 0px 50px 0px; margin-top: 40px; clear: left; }

    /* PopularListHomepage */
    .PopularListHomepage{ width: calc(45% + 20px); float: right; position: relative; clear: none; padding-top: 10px; margin-bottom: 50px; max-width: 100%; }
    .PopularListHomepage ul li{ margin-bottom: 20px; }
    .PopularListHomepage ul li .CategoryDisplay{ font-size: 13px; }
    .PopularListHomepage ul li .CategoryDisplay img{ height: 12px; }
    .PopularListHomepage ul li .PictureDisplay{ width: 38%; }
    .PopularListHomepage ul li .RightCaptions{ width: 57%; padding-top: 0px;}
    .PopularListHomepage ul li .RightCaptions p{ margin-bottom: 0px; }
    .PopularListHomepage ul li .Title { font-size: 18px; line-height: 22px; padding-left: 15px;}
    .PopularListHomepage ul li .Title:before{ top: 7px; left:0px; }
    .PopularListHomepage ul li .DateAndCate{ font-size: 15px; }
    .PopularListHomepage ul li .Captions{ display: none; line-height: 20px; margin-top: 20px; }

    /* Footer */
    .FooterAboutChillChillJapanInner{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto;}
    .FooterAboutChillChillJapan .BGPicFooter{ height: 650px; }

    span.DestinationIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }
    span.FoodIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }
    span.ShoppingIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }
    span.HotelIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }
    span.TravelIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }
    span.MapIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }
    span.TrainIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }
    span.CouponIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }
    span.AirportIconCate{ width:40px;height: 40px; background-size:auto 40px; margin: -10px 0px 0px 0px; padding: 0px; vertical-align: middle; }

    /* ------ Category Type Icon ------ */
    span.AreaIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.ActivityIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.TravelPlanIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.DirectoryIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }

    /* ------ Activity Type Icon ------ */
    /* Activity */
    span.DestinationTypeList{ padding:0 3px 0 10px; margin:0 0px 0 0px; }
    span.LandmarkIconDisplay{ margin:-10px 0px 0px 5px;  padding:0px;}
    span.EatFoodIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.ShoppingIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.PlanyourTripIconDisplay{ margin:-10px 0px 0px 5px; padding:0px;}

    /* ------ Travel Plan Type Icon ------ */
    span.GuidanceIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.TravelingIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.HotelIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.TipsIconDisplay{ margin:-10px 0px 0px 5px; padding:0px;  }

    /* ------ Directory Type Icon ------ */
    span.JapaneseFoodIconDisplay{ margin:-10px 0px 0px 5px; padding:0px;  }
    span.JapanLanguageIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; }
    span.CouponIconDisplay{ margin:-10px 0px 0px 5px; padding:0px;  }

    /* SinglePageLayout */
    .SinglePageLayoutBox{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto; }
    .SinglePageLayoutBoxLeft{ width: 100%; float: none; border-right: 0px; padding-right: 0px;}
    .SinglePageLayoutBoxRight{ width: 100%; float: none; margin-top: 30px; max-width: 100%; }

    /* BlogerProfile */
    .BlogerProfilePicture{ float: left; }
    .BlogerProfileInfo{ width: calc(100% - 140px);}

    /* RelatedPostSinglePage */
    .RelatedPostSinglePage{ width: calc(45% + 20px); float: none; padding:80px 0px 40px 0px; }
    .RelatedPostSinglePageBox{ width: 80%; margin: auto; margin-top: 10px; }
    .RelatedPostSinglePageBox ul li{ width: auto; float: none; margin: auto; margin-bottom: 10px; clear: both; overflow: auto;}
    .RelatedPostSinglePageBox ul li .Title { margin-top: 0px;}
    .RelatedPostSinglePageBox ul li .Captions{ display: none; }
    .RelatedPostSinglePageBox ul li .DateAndCate p:nth-child(1){ margin-top: 0px; margin-bottom: 0px; }
    .RelatedPostSinglePageBox ul li .DateAndCate p:nth-child(2){ margin-top: 0px; margin-bottom: 0px; }

    /* FeatureSingleRightBox */
    .FeatureSingleRightBox{ width: calc(45% + 20px); float: right; margin-top: 50px; margin-bottom: 50px; clear: right;}
    .FeatureSingleRightBox ul li{ margin-bottom: 20px; }
    .FeatureSingleRightBox ul li:nth-child(1) a{ height: 220px; }
    .FeatureSingleRightBox ul li:nth-child(1) .PictureDisplay{ height: 230px;  }
    .FeatureSingleRightBox ul li:nth-child(1) .PictureDisplay img{ width: 120%; }

    /* SinglePageDetail */
    .SinglePageDetail{ max-width: 760px; margin: auto; margin-bottom: 30px; margin-top: 30px;}

    /* CultureHighlight */
    .CultureHighlight{ width: 90%; margin: auto; margin-top: 50px; margin-bottom: 50px;}
    .CultureHighlight ul li a{ height:300px; border-radius: 20px;}
    .CultureHighlight ul li .RightCaptions{ padding: 20px;}
    .CultureHighlight ul li .Title { /*height: 45px; overflow: hidden;*/ font-size: 23px; line-height: 23px; }
    .CultureHighlight ul li .Captions{ font-size: 17px; height: 63px; line-height: 16px; margin-top: 10px; }

    /* CategoryRightCulture */
    .CategoryRightCulture{ width: 47.5%; float: right; margin-top: 80px; }

    /* ListLineRightCulture */
    .ListLineRightCulture{ width: 47.5%; float: left; }
    .ListLineRightCulture ul li .LeftCallNumber{ width: 60%; }
    .ListLineRightCulture ul li .RightCallNumber{ width: 40%; }

    /* Privacy Policy */
    .PrivacyPolicyPage{ width: 90%; }

    /* ContactUsPage */
    .ContactUsPage{ width: 90%; }

    /* RecruitmentPage */
    .RecruitmentPage{ width: 90%; }

    /* SitemapPage */
    .SitemapPage{ width: 90%; }

    /* AboutUsPage */
    .AboutUsPage{ width: 90%; }

    /* PageNotFoundPage */
    .PageNotFoundPage{ width: 90%; }

    /* CouponPage */
    .CouponPage{ width: 90%; margin: auto; margin-top: 50px; }
    .PromotionHeader { margin: 0px; padding: 0px; border-radius: 20px; overflow: hidden; }
    .PromotionHeader .banner { width: auto; float: none; height: auto; }
    .PromotionHeader .banner img{ width: 100%; position: relative; top: auto; left: auto; transform: translate(0, 0); -ms-transform: translate(0, 0); }
    .PromotionHeader .description { width: auto; float: none; height: auto; margin-top: -10px; }
    .PromotionHeader .description .Space { position: relative; top: auto; left: auto; transform: translate(0, 0); -ms-transform: translate(0, 0); }

    /* CouponPageBox */
    .CouponPageBox ul{ margin-top: 50px;}
    .CouponPageBox ul li{ width: 47%; }
    .CouponPageBox ul li a{ height: 200px; }

    /* SCK_BannerContainer */
    .SCK_BannerContainer{ padding: 20px 20px!important; }
    #SCK #SCK_BannerTextContainer{ width: auto!important; float: none!important; }
    #SCK #SCK_BannerTextContainer p{ text-align: center!important; line-height: 18px!important;}
    #SCK #SCK_BannerActions{ width: auto!important; text-align: center!important; position: relative!important; bottom: auto!important; right: auto!important;}
    #SCK .SCK_Accept{ float: none!important;}
    #SCK #SCK_BannerActionsContainer { display: inline-block!important; width: auto!important; float: none!important; text-align: center!important; margin: auto!important;}

    /* ################## Edit For Block editor ################## */
    .SinglePageDetail figure.TableCompair table thead{ height: 120px; }
    .SinglePageDetail figure.TableCompair table thead tr th{ font-size: 20px; line-height: 21px; padding: 0% 10px 50px 10px; }
    /* ################## End Edit For Block editor ################## */

    /* ADSCouponList */
    .ADSCouponList ul li .DisplayLogoCoupon{ width: 80px; left: 10px; top: 10px; }

    /* BannerCoupon */
    .SinglePageBannerCoupon{ width: 90%; margin-left: 0px; margin-right: 0px; margin: auto; z-index: 999; }
    .BannerCouponDisplay{ width: 100%; margin-bottom: 50px; }
    .ADSCouponRight{ width: 90%;}
    .ADSCouponRight .Picture{ width: 120px; overflow: hidden; /*height: 100px;*/ height: auto; }
    .ADSCouponRight .Title{ font-size: 15px; line-height: 17px; /*padding: 5px 5px 30px 10px;*/ padding: 5px 45px 0px 10px; }
    .CloseADSCoupon{ right: 15px; top: -20px; }
    .ADSCouponRight .DiscountNumber{ font-size: 15px; padding: 20px 20px 10px 20px; }
    .ADSCouponRight .DiscountNumber p{ font-size: 28px;}
    .ADSCouponRight span.IconDiscountNumber{ font-size: 20px;}
    .ADSCouponRight .DisplaySuCat{ padding:0 0 0 25px; }
    .ADSCouponRight .DisplaySuCat{display: none;}
    .ADSCouponList ul li .DiscountPinArea .DisplaySuCat{display: none;}

    /* ADSCouponForPage */
    .ADSCouponForPage ul li .DisplayLogoCoupon{ width: 80px; left: 10px; top: 10px; }
    /*.ADSCouponForPage ul li .DiscountPinArea .DisplaySuCat{display: none;}*/

    /* SearchCouponBox */
    .SearchCouponBox .select-style { width: 235px; }

}

/* -------------------------------------  768px  ------------------------------------- */
@media(max-width:768px)
{
    .FooterAboutChillChillJapan .BGPicFooter{ height: 750px; }
    .ADSCouponList{overflow-y: scroll; padding: 0 0 30px;}
    .ADSCouponList ul{ width: auto; list-style: none; display: flex; flex-wrap: nowrap; justify-content: left; gap: 3%; }
    .ADSCouponList ul li{min-width: 200px; }

    .ADSCouponForPage{ padding: 0 0 30px;}
    .ADSCouponForPage ul{ gap: 4%; }
    .ADSCouponForPage ul li{ list-style: none; width: 48%; }
}  

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
    /* SearchCouponBox */
    .SearchCouponBox{ display: block; max-width: 320px; margin: auto; }
    .SearchCouponBox .ItemList{ margin-bottom: 15px; }
    .SearchCouponBox .select-style { width: 320px; background: #fafafa url("../images/icon-arrow-down.png") no-repeat 95% 50%; }

}

/* -------------------------------------  640px  ------------------------------------- */
@media(max-width:640px)
{
    /* FeatureHomePage */
    .FeatureHomePage{ width: 100%; margin: 30px 0px 0px;}
    .FeatureHomePage ul li .PictureDisplay{ width: 100%; height: 300px;  border-radius: 0px; }
    .FeatureHomePage ul li .RightCaptions{ width: 80%; }
    .FeatureHomePage ul li h1 { width: 100%; font-size: 33px; line-height: 35px; }
    .FeatureHomePage ul li .Captions{ width: 100%;font-size: 18px; line-height: 20px; margin-top: 10px; }

    /* FeatureCategoryage */
    /*.FeatureCategoryage{ width: 100%; margin-top:0px; margin-left: 0px; margin-right: 0px;}
    .FeatureCategoryage .PictureDisplayCat{ width: 100%; border-radius: 0px; height: 300px;}
    .FeatureCategoryage .LeftCaptions{ width: 40%; margin-left: 5%;}
    .FeatureCategoryage .LeftCaptions h1{ font-size: 50px; }
    .FeatureCategoryage .LeftCaptions p{ font-size: 20px; line-height: 19px; margin-top: 0px; }
    .FeatureCategoryage .RightCaptions{ width: calc(50% - 5%); margin-right: 5%;}
    .FeatureCategoryage .RightCaptions h2{ font-size: 23px;line-height: 21px; }
    .FeatureCategoryage .RightCaptions p{ font-size: 18px; line-height: 18px; }*/

    /* FeatureCategoryage */
    .FeatureCategoryage .PictureDisplayCat{ height: 300px;}
    .FeatureCategoryage .LeftCaptions h1{ font-size: 50px; line-height: 40px; margin-bottom: 20px; }
    .FeatureCategoryage .LeftCaptions p{ font-size: 20px; line-height: 19px; margin-top: 0px; }
    .FeatureCategoryage .RightCaptions h2{ font-size: 23px;line-height: 21px; margin-left: 20px; margin-right: 20px; }
    .FeatureCategoryage .RightCaptions p{ font-size: 18px; line-height: 18px; margin-left: 20px; margin-right: 20px; }

    /* FeatureCulture */
    .FeatureCulture .PictureDisplayCat{ height: 300px;}
    .FeatureCulture .LeftCaptions h1{ font-size: 50px; line-height: 40px; margin-bottom: 20px; }
    .FeatureCulture .LeftCaptions p{ font-size: 20px; line-height: 19px; margin-top: 0px; }
    .FeatureCulture .RightCaptions h2{ font-size: 23px;line-height: 21px; margin-left: 20px; margin-right: 20px; }
    .FeatureCulture .RightCaptions p{ font-size: 18px; line-height: 18px; margin-left: 20px; margin-right: 20px; }

    /*.FeatureCultureV2BG{ height: 350px; }
    .FeatureCultureV2Box{ width: 90%; height: 350px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1{ font-size: 25px; margin-top: 20px; padding-left:40px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.TravelH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.FoodH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.ShopH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.StayH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.TipsH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.NewsH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.MapH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.TrainH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.CouponH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.AriplaneH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.CultureH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.LearnH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1.OthersH1:before{ width:30px; height: 30px; background-size:auto 25px; }
    .FeatureCultureV2 .LeftCaptionsV2 p{ font-size: 40px; line-height: 40px; }
    .FeatureCultureV2 .RightCaptionsV2 h2{ font-size: 23px;line-height: 21px; }
    .FeatureCultureV2 .RightCaptionsV2 p{ font-size: 18px; line-height: 18px;}*/

    .FeatureCultureV2{ height: auto; }
    .FeatureCultureV2BG{ position: relative; height: 300px; clear: both; }
    .FeatureCultureV2Box{ width: auto; padding: 0 5% 0 5%; height: auto; position: relative; /*clear: both;*/ padding-top: 60px; background-color: #111; }
    .FeatureCultureV2 .LeftCaptionsV2{ width: 90%; margin-top: -250px; /*width: auto; height: auto; float: none; clear: both; padding: 0px;*/ }
    .FeatureCultureV2 .LeftCaptionsV2 h1{ font-size: 32px; line-height: 35px; }
    .FeatureCultureV2 .LeftCaptionsV2 p{ font-size: 45px; line-height: 35px; }
    .FeatureCultureV2 .RightCaptionsV2{ width: auto; height: auto; float: none; clear: both; background: transparent; padding: 0px; padding-top: 0px; padding-bottom: 50px; }
    .FeatureCultureV2 .RightCaptionsV2 h2{ font-size: 23px;line-height: 25px; margin-left: 0px; margin-right: 0px; text-align: left; }
    .FeatureCultureV2 .RightCaptionsV2 p{ font-size: 18px; line-height: 20px; height: auto;  padding: 0px; margin-left: 0px; margin-right: 0px; text-align: left; }
    .FeatureCultureV2 .TextBoxShowV2 { position: relative; height: auto; top: auto; left: auto; transform: translate(0%, 0%); }

    /* InterestingCategoryBox */
    .InterestingCategoryBox{ width: 90%;}
    .InterestingCategoryBox ul li{ width: 45%; margin: 2% 0% 1% 5%; font-size: 17px; }
    .InterestingCategoryBox ul li:nth-child(odd){ margin-left: 0px; margin-right: 3%; }

    /* HeaderBox */
    .HeaderBox h2:before { border-bottom: 2px solid #ea1313;}
    .HeaderBox h3:before { border-bottom: 2px solid #ea1313;}

    /* DestinationTopPage */
    .DestinationTopPageBox { width: 90%; margin: auto; }
    .DestinationTopPageBox ul{ margin: 0px; padding: 0px; margin-top: 20px; }
    .DestinationTopPageBox ul li{ width: auto; height:auto;  clear: both; margin-left: 0px; margin-right: 0px; margin-bottom: 30px; overflow: hidden;}
    .DestinationTopPageBox ul li:nth-child(1){ width: 100%; float: none; height:auto; margin-bottom: 30px; }
    /*.DestinationTopPageBox ul li:nth-child(1) .PictureDisplay{ width: 100%; float: none; clear: both;}
    .DestinationTopPageBox ul li:nth-child(1) .RightCaptions{ width: 100%; float: none; clear: both;}*/
    .DestinationTopPageBox ul li:nth-child(1) .PictureDisplay{ width: 100%; max-width: 100%; height: 250px; background-size: cover; float: none; clear: both;}
    .DestinationTopPageBox ul li:nth-child(1) .RightCaptions{ width: 100%; margin-left: 0px; margin-top: 10px; float: none; clear: both;}
    .DestinationTopPageBox ul li a{ color: #112233; transition: .3s ease; display: block; }
    .DestinationTopPageBox ul li a:hover{ background-color: #ecf0f1; color: #333; transition: .3s ease; border-radius: 10px; }
    .DestinationTopPageBox ul li .CategoryDisplay{ position: absolute; margin-top: 10px; font-size: 14px; background-color: #ea1313; border-radius: 0px 100px 100px 0px; padding:3px 10px 2px 10px; vertical-align: top; }
    /*.DestinationTopPageBox ul li .PictureDisplay{ width: 38%; float: left; clear: none; }
    .DestinationTopPageBox ul li .RightCaptions{ width: 57%; float: right; clear: none; text-align: left; margin: 0px; padding: 0px 10px 0px 10px;}*/
    .DestinationTopPageBox ul li .PictureDisplay{ width: 35%; width: 190px; height: 120px; float: left; clear: none; }
    .DestinationTopPageBox ul li .RightCaptions{ width: 55%; float: right; clear: none; text-align: left; margin: 0px; padding: 0px 10px 0px 10px;}
    .DestinationTopPageBox ul li .RightCaptions p{ }
    .DestinationTopPageBox ul li .Title { clear: both; text-align: left; margin: 0px; font-size: 18px; line-height: 20px; position: relative; letter-spacing: 1px; padding-top: 10px;}
    .DestinationTopPageBox ul li:nth-child(1) .Title { font-size:22px; line-height: 23px;}
    .DestinationTopPageBox ul li .DateAndCate{ font-size: 15px; text-align: center; }
    .DestinationTopPageBox ul li .DateAndCate p:nth-child(1){ float: left; text-align: left; margin: 0px; }
    .DestinationTopPageBox ul li .DateAndCate p:nth-child(2){ float: right; text-align: left; margin: 0px; }
    .DestinationTopPageBox ul li:nth-child(1) .DateAndCate p:nth-child(1){ float: left; text-align: left; }
    .DestinationTopPageBox ul li:nth-child(1) .DateAndCate p:nth-child(2){ float: right; text-align: right; }
    .DestinationTopPageBox ul li .DateAndCate img{ height: 12px; display: inline; vertical-align: middle; }
    .DestinationTopPageBox ul li .Captions{ margin: 0px; position: relative; line-height: 19px; font-size: 15px; padding-top: 10px; }

    /* FeatureCategoryPage */
    .FeatureCategoryPage{ /*margin-top: 0px;*/}

    /* FooterAboutChillChillJapan */
    .FooterAboutChillChillJapan{  padding: 0px 0px 30px 0px; }
    .FooterAboutChillChillJapan .BGPicFooter{ margin-top: -40px; top: 0; height: 750px; }
    .FooterAboutChillChillJapanInner{ width: auto;}
    .FooterAboutChillChillJapanLeft{ width: 100%; float: none; text-align: center;}
    .FooterAboutChillChillJapanRight{ width: auto; float: none; padding: 20px 20px 30px 20px;}
    .FooterAboutChillChillJapanRight h2{ font-size: 28px; line-height: 35px; }
    .FooterAboutChillChillJapanRight p{ font-size: 16px; }

    /* Footer */
    .FooterMenu{ margin-top: 30px; padding: 10px 0px 10px 0px; }
    .FooterMenuBox{ width: 45%; margin: 2.5% 2.5% 4% 2.5%; }
    .FooterMenuBox:nth-child(1){ width:45%; }
    .FooterMenuBox:nth-child(2){ width:45%;}
    .FooterMenuBox:nth-child(3){ width:45%; margin-left: 0%; clear: both;}
    .FooterMenuBox:nth-child(4){ width:45%;}
    .FooterMenuBox:nth-child(5){ width:45%; margin-left: 0%; float: left;}
    .FooterMenuBox:nth-child(5){ width: 45%; float: left; margin-right: 0px; }
    .FooterMenuBox .Title{ font-size: 28px; letter-spacing: 2px; margin: 0px; padding: 0px; position: relative; margin-top: 10px;}
    .FooterMenuBox .Title:before { margin-top: -10px; width: 25px; }
    .FooterLink ul li{ padding-top: 15px; padding-bottom: 15px; }
    .FooterLink ul li a{ padding: 5px 10px 5px 10px; font-size: 16px;}
    .FooterOthers{ width: 18%; }

    /* CouponDiscountHomepage */
    .CouponDiscountHomepage{ padding: 50px 20px 40px 20px;}
    .CouponDiscountHomepageBox{ width: auto; }

    /* LineHalf */
    .LineHalf{ width: auto; margin-left: 20px; margin-right: 20px;}
    .LineHalf2{ width: auto; margin-left: 20px; margin-right: 20px;}

    /* TravelHomepage */
    .TravelHomepage{ padding: 80px 0px 50px 0px; }
    .TravelHomepageBox ul li{ width: 45%; height:auto; float: left; margin: 2.5% 2.5% 4% 2.5%; overflow: auto; }
    .TravelHomepageBox ul li .PictureDisplay{ height:160px;}

    /* ActivityHomepage */
    .ActivityHomepage{ padding: 30px 20px 30px 20px; }
    .ActivityHomepageBox{ width: 100%; margin-top: 10px; }
    .ActivityHomepageBox ul li{ width: 45%; margin: 2.5% 2.5% 4% 2.5%; }
    .ActivityHomepageBox ul li:first-child{ margin-left: 2.5%; }
    .ActivityHomepageBox ul li:last-child{ margin-right: 2.5%; }
    .ActivityHomepageBox ul li .PictureDisplay{ height: 180px;}

    /* PlanTripHomepage */
    .PlanTripHomepage{ padding: 30px 20px 30px 20px; }
    .PlanTripHomepageBox{ width: 100%; margin-top: 10px; }
    .PlanTripHomepageBox ul li{ width: 45%; margin: 2.5% 2.5% 4% 2.5%; }
    .PlanTripHomepageBox ul li:first-child{ margin-left: 2.5%; }
    .PlanTripHomepageBox ul li:last-child{ margin-right: 2.5%; }
    .PlanTripHomepageBox ul li .PictureDisplay{ height: 180px;}

    /* TailContentHomepage */
    /*.TailContentHomepage{ width: auto; max-width: 100%; margin: auto; padding: 30px 20px 40px 20px; } 
    .TailContentHomepageBox{ width: 100%; height: auto; margin: auto; }
    .TailContentHomepageBoxLeft{ width: auto; float: none;}
    .TailContentHomepageBoxRight{ width: auto; float: none; border-left: 0px solid #eee; padding-left:0%; max-width: auto;}*/

    /* ArticleListHomepage */
    .ArticleListHomepage ul li .CategoryDisplay{ margin-top: 10px;}
    .ArticleListHomepage ul li .PictureDisplay{ width: 38%; max-width: 190px; height: 120px; border-radius: 10px; margin-left: 0px; }
    .ArticleListHomepage ul li .PictureDisplay img{ border-radius: 10px; }
    .ArticleListHomepage ul li .RightCaptions{ width: 56%; margin-right: 0px; padding-top: 0px; }
    .ArticleListHomepage ul li .RightCaptions p{ margin-bottom: 0px; }
    .ArticleListHomepage ul li .Title { font-size: 17px; line-height: 20px; padding-left: 15px;}
    .ArticleListHomepage ul li .DateAndCate{ font-size: 14px; }
    .ArticleListHomepage ul li .Captions{ font-size: 16px; line-height: 18px; margin-top: 15px; }
    .ArticleListHomepage ul li .Captions:before { top: -8px; left: 0px;}

    /* CouponRightBox */
    .CouponRightBox{ width: auto; float: none; margin: auto; padding: 20px 0px 50px 0px; }

    /* PopularListHomepage */
    .PopularListHomepage{ width: 100%; float: none;  margin-top: 30px;}
    .PopularListHomepage ul li .PictureDisplay{ width: 38%; margin-bottom: -8px; }
    .PopularListHomepage ul li .PictureDisplay img{ border-radius: 10px; }
    .PopularListHomepage ul li .RightCaptions{ width: 57%; float: right; text-align: left; margin: 0px; padding-top: 0px; padding-right: 10px;}
    .PopularListHomepage ul li .RightCaptions p{ margin-bottom: 5px; }
    .PopularListHomepage ul li .Title { font-size: 18px; margin: 0px; line-height: 20px; position: relative; padding-left: 15px;}
    .PopularListHomepage ul li .Title:before{ width: 0; height: 0; top: 5px; left:0px; }

    /* TailContentHomepage */
    .TailContentHomepage{ margin-top: 10px;}

    /* SinglePageLayout */
    .SinglePageLayout{ margin-top: 10px;}

    /* FeatureImagePost */
    .FeatureImagePost{ width: 100%; /*height: 30vh;*/ margin-bottom: 10px;}
    h1.TitlePost { font-size: 33px; line-height: 35px;}

    /* SocialPost */
    .SocialStar{ float: none; margin-top: 0px; text-align: center; }
    .SocialShare{ float: none; margin-top: 20px; text-align: center; font-size: 25px; }
    .SocialShareCulture{ float: none; width: auto; text-align: center; clear: both; padding-top: 20px!important;}

    /* BlogerProfile */
    .BlogerProfile{ padding: 20px; }
    .BlogerProfileInfo .MorePost{ float: none; margin-top: 0px; text-align: left; }

    /* RelatedPostSinglePage */
    .RelatedPostSinglePage{ width: auto; float: none; padding:80px 0px 10px 0px; }
    .RelatedPostSinglePageBox{ width:auto; margin: auto; margin-top: 10px; }
    .RelatedPostSinglePageBox ul{ margin: 0px; padding: 0px; margin-top:10px; }
    .RelatedPostSinglePageBox ul li{ width: auto; float: none; margin: auto; margin-bottom: 20px; clear: both; overflow: auto;}
    .RelatedPostSinglePageBox ul li .PictureDisplay{ width: 38%; height: auto; float: left; }
    .RelatedPostSinglePageBox ul li .RightCaptions{ width: 57%; height: auto; float: right;}
    .RelatedPostSinglePageBox ul li .DateAndCate p:nth-child(1){ margin-top: 0px; }
    .RelatedPostSinglePageBox ul li .DateAndCate p:nth-child(2){ margin-top: 0px; }

    /* FeatureSingleRightBox */
    .FeatureSingleRightBox{ width: auto; float: none; margin-top: 50px; margin-bottom: 40px; clear: none;}
    .FeatureSingleRightBox ul li{ margin-bottom: 20px; }
    .FeatureSingleRightBox ul li:nth-child(1) a{ height: 280px; }
    .FeatureSingleRightBox ul li:nth-child(1) .PictureDisplay{ height: 280px;  }

    /* SinglePageDetail */
    .SinglePageDetail h2{ font-size: 30px; line-height: 28px;}
    .SinglePageDetail h2:before{ top: 22px; left:15px;}
    .SinglePageDetail h3{ line-height: 1.1em; font-size: 25px; margin: 0 0 20px; padding: 0px 0px 0px 10px; }
    .SinglePageDetail h3.detail{ line-height: 1.1em; font-size: 30px; margin: 0 0 10px; padding: 0px 10px 0px 3px;}
    .SinglePageDetail h3.detail:before{ margin: 0 10px 0 0; padding: 0; }

    /* table */
    .SinglePageDetail table.detail{ font-size: 18px; }
    .SinglePageDetail table.detail th{ padding: 5px 10px 5px 10px; }
    .SinglePageDetail table.detail th:before{ top: 12px; }

    /* iframe */
    .SinglePageDetail div.detail iframe { width: 100%!important; height: 350px!important;}

    /* Link topic */
    .SinglePageDetail a.link { padding: 10px 30px 10px 10px; }
    .SinglePageDetail a.link p.title{ width: calc(102% - 130px); padding-right: 2%;}
    .SinglePageDetail a.link p.description{ width: calc(102% - 130px); padding-right: 2%; padding-bottom: 20px!important; }
    .SinglePageDetail a.link img{ width: 100px; }
    .SinglePageDetail a:after{ bottom: 10px; }
    .SinglePageDetail a.link:before{ position: absolute; right: 10px; }

    /* partner */
    .SinglePageDetail div.partner a.link p.title{ width: calc(102% - 130px); padding-right: 2%;}
    .SinglePageDetail div.partner a.link p.description{ width: calc(102% - 130px); padding-right: 2%; padding-bottom: 20px!important; }
    .SinglePageDetail div.partner a.link img{ width: 100px; }
    .SinglePageDetail div.partner:after{ bottom: 10px; }
    .SinglePageDetail div.partner a.link:before{ position: absolute; right: 10px; }

    /* CultureHighlight */
    .CultureHighlight ul li .Title { /*height: 45px; overflow: hidden;*/ font-size: 20px; line-height: 20px; }

    /* CategoryRightCulture */
    .CategoryRightCulture{ width: auto; float: none; }

    /* ListLineRightCulture */
    .ListLineRightCulture{ width: auto; float: none; }

    /* RatingStar */
    div.rating-form form{ margin: auto!important; }
    .save-rating{ margin-top: 10px!important; }

    /* PrivacyPolicyPage */
    .PrivacyPolicyPage h2{font-size: 25px; }
    .PrivacyPolicyPage .block{ font-size: 18px; line-height: 20px; }
    .PrivacyPolicyPage .block ol{ margin-left: 30px; }

    /* RecruitmentPage */
    .RecruitmentPage{ width: 90%; }
    .RecruitmentPage p{ font-size: 18px; }
    .RecruitmentPage table { font-size: 15px;}
    .RecruitmentPage table th { font-size: 1.2em; }

    /* SitemapPage */
    .sitemap ul li{ width: 50%; }
    .sitemap ul li a{ font-size: 19px; }

    /* AboutUsPage */
    .AboutUsPage .LeftIMG2{ width: auto; max-width: 300px; float: none; display: block; margin: auto; margin-top: 30px; margin-bottom: 30px; }
    .AboutUsPage .LeftIMG3{ width: auto; max-width: 300px; float: none; display: block; margin: auto; margin-top: 30px; margin-bottom: 30px; }

    /* PageNotFoundPage */
    .PageNotFoundPage h1{ font-size: 50px; }
    .PageNotFoundPage p{ font-size: 20px; margin-bottom: 20px; }

    /* CouponPageBox */
    .CouponPageBox { width:90%; margin: auto;}
    .CouponPageBox ul li{ width: auto; float: none; margin: 1% 0% 40px 0%; }
    .CouponPageBox ul li a{ height: 200px; }

    ul.type02 li{ width: 31.5%; }
    ul.type02 li p:first-child{ min-height: 100px; font-size: 18px; }

    ul.type03 li{ width: 31.5%; }
    ul.type03 li p:first-child{ min-height: 100px; font-size: 18px; }

    .SinglePageDetail div.summary{ padding: 20px 20px 20px 20px;}
    .SinglePageDetail div.summary:before{ left: 15px; top: 20px; }
    .SinglePageDetail div.summary em{ margin-left: 45px;}

    /* ################## Edit For Block editor ################## */
    /* block editor > table */
    .SinglePageDetail figure.detail table { font-size: 18px; }
    .SinglePageDetail figure.detail table tr td:nth-child(1){ padding: 5px 10px 5px 10px; }
    .SinglePageDetail figure.detail table tr td:nth-child(1):before{ top: 12px; }
    /* ################## End Edit For Block editor ################## */

    .TOCTop{ padding-bottom: 0px;}
    .TOCTop .BTNMore{ bottom: 0px;}
    .TOCTop .BTNMore2{ bottom: 20px; }

    /* TOCBTN */
    .TOCBTN{ right: 3px; bottom: 45px; z-index: 9999;}
    .TOCBTN .BTNIcon a{ width: 45px; height: 45px; padding: 9px 9px; }
    .PopopBG{ align-items:normal; }
    .PopopBG .PopopBox{ max-height: 85%; margin: 20px 20px 0 20px; padding: 0 20px; }
    .PopopBG .Close{ bottom: 3%; }

    .ADSCouponForPage{ padding: 0 0 30px;}
    .ADSCouponForPage ul{ gap: 4%; }
    .ADSCouponForPage ul li{ list-style: none; width: 100%; }
}

/* -------------------------------------  500px  ------------------------------------- */
@media(max-width:480px)
{
    /* FeatureCategoryage */
    /*.FeatureCategoryage .LeftCaptions{ width: 40%; margin-left: 5%;}
    .FeatureCategoryage .LeftCaptions h1{ font-size: 45px; }
    .FeatureCategoryage .LeftCaptions p{ font-size: 18px; line-height: 18px; }
    .FeatureCategoryage .RightCaptions{ width: 50%; margin-right: 0%;}
    .FeatureCategoryage .RightCaptions h2{ font-size: 20px;line-height: 21px; }
    .FeatureCategoryage .RightCaptions p{ font-size: 18px; line-height: 18px; }*/

    /* FeatureCategoryage */
    .FeatureCategoryageBox{ width: auto; padding-left: 20px; }
    .FeatureCategoryage .PictureDisplayCat{ /*height: 300px;*/ }
    .FeatureCategoryage .LeftCaptions h1{ font-size: 45px; line-height: 35px; margin-bottom: 10px; }
    .FeatureCategoryage .LeftCaptions p{ font-size: 18px; line-height: 16px; }
    .FeatureCategoryage .RightCaptions{ width: calc(55% - 0%); }
    .FeatureCategoryage .RightCaptions h2{ font-size: 20px;line-height: 21px; margin-left: 20px; margin-right: 20px; }
    .FeatureCategoryage .RightCaptions p{ font-size: 18px; line-height: 18px; margin-left: 20px; margin-right: 20px; }

    /* FeatureCulture */
    .FeatureCulture{ margin-bottom: 300px; }
    .FeatureCultureBox{ width: 90%; height: auto; margin: auto; padding-left: 0px; }
    .FeatureCulture .PictureDisplayCat{ height: 250px; overflow: auto;}
    .FeatureCulture .LeftCaptions{ width: 100%; float: none; }
    .FeatureCulture .LeftCaptions h1{ font-size: 45px; line-height: 35px; margin-bottom: 10px; }
    .FeatureCulture .LeftCaptions p{ font-size: 18px; line-height: 16px; }
    .FeatureCulture .RightCaptions{ /*width: calc(55% - 0%);*/ width: 100%; }
    .FeatureCulture .RightCaptions h2{ font-size: 20px;line-height: 21px; margin-left: 20px; margin-right: 20px; }
    .FeatureCulture .RightCaptions p{ font-size: 18px; line-height: 18px; margin-left: 20px; margin-right: 20px; }

    /*.FeatureCultureV2{ height: auto; }
    .FeatureCultureV2BG{ position: relative; height: 300px; clear: both; }
    .FeatureCultureV2Box{ width: 90%; padding: 0 5% 0 5%; height: auto; position: relative; clear: both; padding-top: 60px; background-color: #111; }
    .FeatureCultureV2 .LeftCaptionsV2{ width: auto; height: auto; float: none; clear: both; padding: 0px; }
    .FeatureCultureV2 .LeftCaptionsV2 h1{ font-size: 35px; line-height: 35px; }
    .FeatureCultureV2 .LeftCaptionsV2 p{ font-size: 45px; line-height: 35px; }
    .FeatureCultureV2 .RightCaptionsV2{ width: auto; height: auto; float: none; clear: both; background: transparent; padding: 0px; padding-top: 30px; padding-bottom: 50px; }
    .FeatureCultureV2 .RightCaptionsV2 h2{ font-size: 20px;line-height: 21px; margin-left: 0px; margin-right: 0px; text-align: left; }
    .FeatureCultureV2 .RightCaptionsV2 p{ font-size: 18px; line-height: 18px; height: auto;  padding: 0px; margin-left: 0px; margin-right: 0px; text-align: left; }
    .FeatureCultureV2 .TextBoxShowV2 { position: relative; height: auto; top: auto; left: auto; transform: translate(0%, 0%); }*/

    /* HeaderBox */
    .HeaderBox{ padding-top: 10px; padding-bottom: 10px;}
    .HeaderBox h2{ font-size: 23px; }
    .HeaderBox h2:before { margin-top: -10px; }
    .HeaderBox h3{ font-size: 23px;}
    .HeaderBox h3:before { margin-top: -10px; }
    .HeaderBox span{ font-size: 20px; padding: 0px 5px 0px 5px; }
    .HeaderBox .Describtions{ margin-top: -20px; text-align: center; font-size: 16px; line-height: 18px; }
    .HeaderBox .DescribtionsLeft{ font-size: 16px; line-height: 18px; }
    .HeaderBox .ClearPlan{ clear: both!important; display: block; }

    /* InterestingCategoryBox */
    .InterestingCategoryBox ul li{ margin: 0% 0% 1% 5%; font-size: 15px; }
    .InterestingCategoryBox ul li a{ padding: 15px 0px 15px 17%; }

    /* DestinationTopPage */
    .DestinationTopPageBox ul li:nth-child(1) .PictureDisplay{ height: 200px; }
    .DestinationTopPageBox ul li .PictureDisplay{ width: 38%; }
    .DestinationTopPageBox ul li .RightCaptions{ width: 56%; }
    .DestinationTopPageBox ul li .Title { padding-top: 5px;}
    .DestinationTopPageBox ul li .Captions{ display: none; }

    /* TravelHomepage */
    .TravelHomepageBox ul li .PictureDisplay{ height:130px;}

    /* ActivityHomepage */
    .ActivityHomepageBox ul li .PictureDisplay{ height: 150px;}
    .ActivityHomepageBox ul li p{ font-size: 19px; }
    .ActivityHomepageBox ul li .CategoryDisplay{ min-width: 125px; }

    /* PlanTripHomepage */
    .PlanTripHomepageBox ul li .PictureDisplay{ height: 150px;}
    .PlanTripHomepageBox ul li p{ font-size: 19px; }

    /* ArticleListHomepage */
    .ArticleListHomepage ul li .Captions{ display: none; }

    /* HeaderBox */
    .PopularListHomepage .HeaderBox h3{ font-size: 23px; }

    /* FooterAboutChillChillJapan */
    .FooterAboutChillChillJapan{ padding: 30px 0 30px 0; }
    .FooterAboutChillChillJapan .BGPicFooter{ margin-top: -20px; height: 800px; }
    .FooterAboutChillChillJapanRight h2{ font-size: 22px; line-height: 33px; }

    /* Footer */
    .FooterMenu{ margin:auto; margin-top: 30px; }
    .FooterMenuBox{ width: 45%; margin: 2.5% 2.5% 4% 2.5%; font-size: 16px; }
    .FooterLink ul li a{ padding: 5px 5px 5px 5px; letter-spacing: 0px;}

    /* iconTravel */
    span.DestinationIconCate{ width:32px;height: 32px; background-size:auto 32px; margin: 0px; padding: 0px; }
    span.FoodIconCate{ width:32px;height: 32px; background-size:auto 32px; margin: 0px; padding: 0px; }
    span.ShoppingIconCate{ width:32px;height: 32px; background-size:auto 32px; margin: 0px; padding: 0px; }
    span.HotelIconCate{ width:32px;height: 32px;  background-size:auto 32px; margin: 0px; padding: 0px; }
    span.TravelIconCate{ width:32px;height: 32px; background-size:auto 32px; margin: 0px; padding: 0px; }
    span.MapIconCate{ width:32px;height: 32px; background-size:auto 32px; margin: 0px; padding: 0px; }
    span.TrainIconCate{ width:32px;height: 32px; background-size:auto 32px; margin: 0px; padding: 0px;}
    span.CouponIconCate{ width:32px;height: 32px; background-size:auto 32px; margin: 0px; padding: 0px; }
    span.AirportIconCate{ width:32px;height: 32px; background-size:auto 32px; margin: 0px; padding: 0px; }

    /* Category Background */
    .ActivityCat{ padding:2px 5px 0px 10px; }
    .PlanTripCat{ padding:2px 5px 0px 10px; }

    /* Others iconTravel */
    span.TravelCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }
    span.FoodCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }
    span.PlanCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }
    span.ShoppingCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }
    span.HotelCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }
    span.MapCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }
    span.TrainCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }
    span.CouponCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }
    span.AirportCateType{ background-size:auto 10px; font-size:12px; line-height:13px; }

    /* ------ Category Type Icon ------ */
    span.AreaIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.ActivityIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.TravelPlanIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.DirectoryIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }

    /* ------ Activity Type Icon ------ */
    /* Activity */
    span.DestinationTypeList{ padding:0 0px 0 10px; margin:0 0px 0 0px; }
    span.LandmarkIconDisplay{ margin:-10px 0px 0px 5px;  padding:0px; width:28px;height: 28px; background-size:auto 28px;}
    span.EatFoodIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.ShoppingIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.PlanyourTripIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px;}

    /* ------ Travel Plan Type Icon ------ */
    span.GuidanceIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.TravelingIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.HotelIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.TipsIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }

    /* ------ Directory Type Icon ------ */
    span.JapaneseFoodIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }
    span.JapanLanguageIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px;}
    span.CouponIconDisplay{ margin:-10px 0px 0px 5px; padding:0px; width:28px;height: 28px; background-size:auto 28px; }

    /* TailContentHomepage */
    .TailContentHomepage{ margin-top: 0px; }

    /* SinglePageLayout */
    .SinglePageLayout{ margin-top: 0px; }

    /* SocialPost */
    .SocialShare{ font-size: 18px; }
    .ShareBTN{ margin-top: 0px;}
    .ShareBTNCount{ margin-top: 0px; }
    .SocialShare ul li a{ margin-left: 5px; margin-right: 5px;}
    .FBSahre{ width:60px; text-align: left; padding-left: 20px; }
    .FBSahre span{ display: none; }
    /*.FBSahre:before{ display: none; }*/
    .TWSahre{  width:65px; text-align: left; padding-left: 20px; }
    /*.TWSahre:before{ display: none; }*/
    .TWSahre span{ display: none; }
    .LineSahre{ width:65px; text-align: left; padding-left: 20px; }
    /*.LineSahre:before{ display: none; }*/
    .LineSahre span{ display: none; }

    /* FeatureImagePost */
    .FeatureImagePost{ /*height: 32vh;*/ /*height: 240px;*/ }
    h1.TitlePost { font-size: 32px; line-height: 37px;}
    h1.TitlePost:before{ top: 8px;}
    .CateangeDatePost .Date span{ font-size: 15px!important;}

    /* BlogerProfile */
    .BlogerProfile{ padding: 30px 40px; }
    .BlogerProfilePicture{ float: none; margin: auto; }
    .BlogerProfileInfo{ width: auto; margin: auto; }

    /* RelatedPostSinglePage */
    .RelatedPostSinglePageBox ul li .PictureDisplay{ width: 38%; }
    .RelatedPostSinglePageBox ul li .RightCaptions{ width: 55%; }
    .RelatedPostSinglePageBox ul li .Title { margin-top: 0px;}
    .RelatedPostSinglePageBox ul li .Captions{ display: none; }
    .RelatedPostSinglePageBox ul li .DateAndCate p:nth-child(1){ margin-bottom: 10px; }
    .RelatedPostSinglePageBox ul li .DateAndCate p:nth-child(2){ margin-bottom: 10px; }

    /* FeatureSingleRightBox */
    .FeatureSingleRightBox ul li:nth-child(1) a{ height: 210px; }
    .FeatureSingleRightBox ul li:nth-child(1) .PictureDisplay{ height: 210px;  }

    /* table */
    .SinglePageDetail table.detail{ font-size: 18px; }
    .SinglePageDetail table.detail th{ width: 30%; }
    .SinglePageDetail table.detail td{ width: 68%; }

    /* iframe */
    .SinglePageDetail div.detail iframe { width: 100%!important; height: 280px!important;}

    /* partner */
    .SinglePageDetail a.link p.title{ width: calc(102% - 130px); }
    .SinglePageDetail a.link p.description{ width: calc(102% - 130px); display: none; }
    .SinglePageDetail div.partner a.link p.title{ width: calc(100% - 110px); }
    .SinglePageDetail a.link p.title{ padding: 5px 20px 5px 10px; min-height: 65px; font-size: 19px; line-height: 1em; }
    .SinglePageDetail a.link p.title:before{ left: 3px; top: 10px;}
    .SinglePageDetail div.partner:after{ right: 35px; width: 80px; height: 20px;}
    .SinglePageDetail div.partner a.link p.description{ width: calc(102% - 130px); display: none; }

    /* PrivilegeCard */
    .SinglePageDetail .PrivilegeCard ul{ display:block; }
    .SinglePageDetail .PrivilegeCard li{ clear: both; display: block; width: 300px; margin: auto; margin-bottom: 20px;}
    .SinglePageDetail .PrivilegeCard table td.head{ height: auto; padding-bottom: 30%; padding-top: 12%; font-size: 22px; line-height: 22px; }
    .SinglePageDetail .PrivilegeCard table td span{ font-size: 18px; line-height: 18px; }

    /* Statment Summary */
    .SinglePageDetail .statment table{ margin-bottom: 10px; margin: 0px 5px 15px 5px; }
    .SinglePageDetail .statment table td{ border-bottom: 1px solid #D8D8D8; padding: 5px; }
    .SinglePageDetail .statment table .head{ font-family: 'db_adman_xbold'; color: #fff; padding: 7px 17px 5px 17px; }
    .SinglePageDetail .statment table.duration .head{ background-image: linear-gradient(150deg, #D80080 0%, #DD5A22 100%); padding: 7px 40px 5px 40px; }

    /* CultureHighlight */
    .CultureHighlight{ }
    .CultureHighlight ul li{ width:100%;  margin: 2% 0% 5% 0%; height: auto; float: none; clear: both;}
    .CultureHighlight ul li:nth-child(odd){ margin-left: 0%; margin-right:0%; clear: both; }
    .CultureHighlight ul li a{ height:345px; border-radius: 20px;}
    .CultureHighlight ul li .RightCaptions{ padding: 20px; height: auto;}
    .CultureHighlight ul li .Title { font-size: 25px; line-height: 25px; }
    .CultureHighlight ul li .Captions{ font-size: 18px; height:auto; line-height: 18px; margin-top: 10px; }

    /* BreadcrumbTop */
    .BreadcrumbTop ul li:last-child{ line-height: 15px;}

    /* AboutUsPage */
    .AboutUsPage .sitemap .title{ font-size: 23px; }

    /* PageNotFoundPage */
    .PageNotFoundPage h1{ font-size: 40px; }
    .PageNotFoundPage p{ font-size: 20px; margin-bottom: 20px; }

     /* CouponPage */
    .PromotionHeader .description h1{ font-size: 25px; }

    /* CouponPageBox */
    .CouponPageBox { width:auto; }
    .CouponPageBox ul li a{ height: 170px; }

    /* SingleTopCaptionsPromotion */
    #promotion-table th{ font-size: 18px; }
    #promotion-table td{ font-size: 18px; }
    
    /* ServayStage */
    .ServayStage{ max-width: 100%; }

    /* type02 */
    ul.type02{ width: 100%; display: flex; overflow-x: auto; }
    ul.type02 li{ width: 300px; margin: 0 1% 30px; }
    ul.type02 li p:first-child{ width: 250px; min-height: 130px; font-size: 22px; }

    /* type03 */
    ul.type03{ width: 100%; display: flex; overflow-x: auto; }
    ul.type03 li{ width: 300px; margin: 0 1% 30px; }
    ul.type03 li p:first-child{ width: 250px; min-height: 130px; font-size: 22px; }

    /* CouponRightBox */
    .CouponRightBox li a{ width: auto; }

    /* ################## Edit For Block editor ################## */
    /* block editor > table */
    .SinglePageDetail figure.detail table tr td:nth-child(1){ width: 30%!important; }
    .SinglePageDetail figure.detail table tr td:nth-child(2){ width: 68%!important; }

    /* block editor > Link topic */
    .SinglePageDetail .link p.description{ display: none;}
    .SinglePageDetail .link img{ width: 100px; height: auto; float: left; display: block; margin: 0 10px 0 0; }
    .SinglePageDetail .link p.title{ width: calc(102% - 100px);position: relative; }
    .SinglePageDetail .link p.description{ width: calc(102% - 130px); display: none; }
    .SinglePageDetail div.partner .link p.title{ width: calc(100% - 110px); position: relative;}
    .SinglePageDetail .link p.title{ padding: 5px 0px 5px 10px; min-height: 65px; font-size: 19px; line-height: 1em; position: relative;}
    .SinglePageDetail .link p.title:before{ left: 3px; top: 10px;}
    .SinglePageDetail div.partner .link:before{ position: absolute; right: 10px; }
    .SinglePageDetail div.partner .wp-block-media-text .wp-block-media-text__content{ padding: 0px 20px 0px 0px!important;}
    /* block editor > table compair */
    .SinglePageDetail .TableCompairBox{ overflow: scroll; padding: 30px 0 30px 0;}
    .SinglePageDetail .TableCompairBox .wp-block-group__inner-container{ width: 100%; flex-wrap: nowrap; }
    .SinglePageDetail .TableCompairBox figure.TableCompair{ min-width: 250px; margin: 0 10px 0 0!important; }
    .SinglePageDetail figure.TableCompair table thead{ height: 140px; }
    .SinglePageDetail figure.TableCompair table thead tr th{ font-size: 22px; line-height: 23px; }

    /* New Large Link */
    .SinglePageDetail .LargeLinkBox{ padding: 10px 30px 10px 10px; }
    .SinglePageDetail .LargeLinkBox figure.wp-block-media-text__media{ width: 110px; height: 70px;}
    .SinglePageDetail .LargeLinkBox .wp-block-media-text .wp-block-media-text__content{ width: calc(100% - 110px); min-height: 70px; padding: 0px 15px 0px 0px!important;}
    .SinglePageDetail .LargeLinkBox .wp-block-media-text .wp-block-media-text__content .title{ padding: 5px 0px 5px 10px; line-height: 1em; font-size: 19px; }
    .SinglePageDetail .LargeLinkBox .wp-block-media-text .wp-block-media-text__content .title:before{ top: 10px; left:3px; }
    .SinglePageDetail .LargeLinkBox .wp-block-media-text .wp-block-media-text__content .description{ display: none;}
    .SinglePageDetail .LargeLinkBox .booking:after{ width: 80px; height: 20px; bottom: 0; right: 5px; }
    /* ################## End Edit For Block editor ################## */

    .lwptoc ol ol li .lwptoc_item_number{ min-width: 38px; padding-right: 0px; margin-right: 0!important;} 

    .wp-block-embed__wrapper { padding-top: 60%; }

    .instagram-media{ width: 100%!important;}

    .LinkSNS{ font-size: 20px;}
    .LinkSNS .LinkFacebook{ padding: 15px 10px 15px 40px; }
    .LinkSNS .LinkLine{ padding: 15px 10px 15px 40px; }

    .LinkForRegister2 span{ font-size: 23px;}
    .LinkSNS2{ font-size: 18px; }
    .LinkSNS2 .LinkFacebook{ padding: 15px 10px 15px 45px;}
    .LinkSNS2 .LinkLine{ padding: 15px 10px 15px 45px;}

    /* SearchCouponBox */
    .SearchCouponBox{ display: block; max-width: 100%; margin: auto; margin-top: 40px; margin-bottom: 40px; }
    .SearchCouponBox .ItemList{ margin-bottom: 10px; }
    .SearchCouponBox .select-style { width: 100%; background: #fafafa url("../images/icon-arrow-down.png") no-repeat 95% 50%; }
    .SearchCouponBox button{ margin-top: 0;}
    .SearchCouponBox .ItemListBTT{ text-align: center;} 

}

/* -------------------------------------  320px  ------------------------------------- */
@media(max-width:320px)
{
    /* DestinationTopPage */
    .DestinationTopPageBox ul li .PictureDisplay{ width: 43%; }
    .DestinationTopPageBox ul li .RightCaptions{ width: 56%; }
    .DestinationTopPageBox ul li .Title{ font-size: 16px; line-height: 18px; }
    span.DashedIcon{ background-size:auto 12px; padding:0 2px 0 3px; }

    /* ActivityHomepageBox */
    .ActivityHomepageBox ul li:nth-child(3){ clear: both; }

    /* ArticleListHomepage */
    .ArticleListHomepage ul li .PictureDisplay{ width: 43%; }
    .ArticleListHomepage ul li .RightCaptions{ width: 53%; }
    .ArticleListHomepage ul li .Title { font-size: 16px; line-height: 18px;}
    .ArticleListHomepage ul li .DateAndCate{ font-size: 13px; }
    .CateangeDatePost span.DatePostCreate{ padding: 0 18px 0 0; margin:0 0 0 0; background-position: right top; }
    span.DatePostCreate{ margin:0 0 0 0; padding: 0 0 0 15px; }

    /* PopularListHomepage */
    .PopularListHomepage ul li .PictureDisplay{ width: 43%; }
    .PopularListHomepage ul li .RightCaptions{ width: 53%; }
    .PopularListHomepage ul li .Title { font-size: 16px; line-height: 18px; }

    /* TitlePost */
    h1.TitlePost{ line-height: 35px; }
    .UpdateDateTimeB{ display: block; }
    .SocialShare{ font-size: 0!important; }
    .ShareBTN:before{ width: 22px; height: 22px; }
    .ShareBTNCount{ font-size: 22px; }
    .FBSahre{ width: 55px; }
    .TWSahre{ width: 60px; }
    .LineSahre{ width: 60px; }
    .FBShareBox span{ background:url("../images/facebook-white.png") left 10px bottom 10px no-repeat; background-size: auto 20px; padding:12px 0px 8px 15px; }
    .TWShareBox span{ background:url("../images/twitter-white.png") left 10px bottom 10px  no-repeat; background-size: auto 20px; padding:12px 0px 8px 15px; }
    .LINEShareBox span{ background:url("../images/line-white.png") left 10px bottom 10px no-repeat; background-size: auto 20px; padding:12px 0px 8px 15px; }

    /* SinglePageDetail */
    .SinglePageDetail a.link{ padding: 10px 25px 10px 10px; }
    .SinglePageDetail a.link:before{ right: 5px; z-index: 1!important; }
    .SinglePageDetail div.partner a.link:before{ right: 5px; }
    .SinglePageDetail div.partner:after{ bottom: 15px; right: 40px; }
    .SinglePageDetail div.partner a.link p.description{ padding-bottom: 30px!important; }
    .SinglePageDetail a.link p.title{ z-index: 2!important;}
    .SinglePageDetail a.link p.description{ position: relative; z-index: 2!important; }

    .FooterAboutChillChillJapan{ padding: 60px 0 30px 0; }
    .FooterAboutChillChillJapanRight h2{ line-height: 25px; }
    .FooterAboutChillChillJapanLeft img{ margin-bottom: 30px; }
}