@charset "utf-8";
/* Import Stylesheet */
@import url("../plugin/bootstrap/css/bootstrap.min.css");
@import url("../plugin/bootstrap-icons/fonts/bootstrap-icons.css");
@import url("../plugin/fontawesome/css/all.min.css");
@import url("../plugin/wow/css/libs/animate.css");
@import url("custom-animate.css");
@import url("../plugin/bootstrap-select/bootstrap-select.min.css");
@import url("../plugin/daterangepicker/daterangepicker.css");
@import url("../plugin/swiper/swiper-bundle.css");
@import url("../plugin/fancybox/dist/fancybox/fancybox.css");
@import url("../plugin/fancybox/dist/carousel/carousel.css");
@import url("../plugin/fotorama/fotorama.css");
@import url("../plugin/owl-carousel/dist/assets/owl.carousel.min.css");
@import url("../plugin/owl-carousel/dist/assets/owl.theme.default.min.css");
@import url("loading.css");
@import url("nav.css");
@import url("footer.css");

/* Root */
:root {
  --font-primary: "Sarabun", "Noto Sans JP", "Noto Sans", Arial, sans-serif;
  --font-secondary: "Sarabun", "Noto Sans JP", "Noto Sans", Arial, sans-serif;
  --text-10: 10px;
  --text-11: 11px;
  --text-12: 12px;
  --text-14: 14px;
  --text-16: 16px;
  --text-18: 18px;
  --text-20: 20px;
  --text-22: 22px;
  --text-24: 24px;
  --text-30: 30px;
  --text-32: 32px;
  --text-36: 36px;
  --text-48: 48px;
  --white: #fff;
  --black: #1a1a1a;
  --grapefruit-1: #ed5565;
  --grapefruit-2: #da4453;
  --bittersweet-1: #fc6e51;
  --bittersweet-2: #e9573f;
  --sunflower-1: #ffce54;
  --sunflower-2: #f6bb42;
  --grass-1: #a0d468;
  --grass-2: #8cc152;
  --mint-1: #48cfad;
  --mint-2: #37bc9b;
  --aqua-1: #4fc1e9;
  --aqua-2: #3bafda;
  --bluejeans-1: #5d9cec;
  --bluejeans-2: #4a89dc;
  --lavander-1: #ac92ec;
  --lavander-2: #967adc;
  --pinkrose-1: #ec87c0;
  --pinkrose-2: #d770ad;
  --lightgray-1: #f5f7fa;
  --lightgray-2: #e6e9ed;
  --mediumgray-1: #ccd1d9;
  --mediumgray-2: #aab2bd;
  --darkgray-1: #656d78;
  --darkgray-2: #434a54;
  --border-line: #ccc;
  --box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  --box-shadow-2: 1px 1px 0 rgba(0, 0, 0, 0.08);
  --border-radius: 12px;
  --border-radius-6: 6px;
  --border-radius-round: 999px;
  --border-radius-0: 0;

}
.white { background: var(--white); }
.black { background: var(--black); }
.grapefruit-1 { background: var(--grapefruit-1); }
.grapefruit-2 { background: var(--grapefruit-2); }
.bittersweet-1 { background: var(--bittersweet-1); }
.bittersweet-2 { background: var(--bittersweet-2); }
.sunflower-1 { background: var(--sunflower-1); }
.sunflower-2 { background: var(--sunflower-2); }
.grass-1 { background: var(--grass-1); }
.grass-2 { background: var(--grass-2); }
.mint-1 { background: var(--mint-1); }
.mint-2 { background: var(--mint-2); }
.aqua-1 { background: var(--aqua-1); }
.aqua-2 { background: var(--aqua-2); }
.bluejeans-1 { background: var(--bluejeans-1); }
.bluejeans-2 { background: var(--bluejeans-2); }
.lavander-1 { background: var(--lavander-1); }
.lavander-2 { background: var(--lavander-2); }
.pinkrose-1 { background: var(--pinkrose-1); }
.pinkrose-2 { background: var(--pinkrose-2); }
.lightgray-1 { background: var(--lightgray-1); }
.lightgray-2 { background: var(--lightgray-2); }
.mediumgray-1 { background: var(--mediumgray-1); }
.mediumgray-2 { background: var(--mediumgray-2); }
.darkgray-1 { background: var(--darkgray-1); }
.darkgray-2 { background: var(--darkgray-2); }
::-webkit-input-placeholder {
  color: var(--black);
}
:-ms-input-placeholder {
  color: var(--black);
}
::placeholder {
  color: var(--black);
}
.noto-sans-<uniquifier> {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.sarabun-regular {
  font-family: "Sarabun", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.sarabun-medium {
  font-family: "Sarabun", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.sarabun-bold {
  font-family: "Sarabun", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.line-gradient::after {
  background-image: url(../img/line-gradient.png);
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
}
/* */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100%;
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: var(--white);
  color: var(--black);
  font-family: var(--font-primary);
  font-size: var(--text-16);
  line-height: 1.875;
}
input:not([type=range]),
select,
textarea {
  outline: none;
}
main {
  overflow: hidden;
}
img {
  /*height: auto;*/
}
a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  cursor: pointer;
  transition: 0.5s;
}
a, a:hover {
  text-decoration: none;
}
ul, li, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
p {
  margin-bottom: 20px;
  font-size: var(--text-16);
  font-weight: 400;
  line-height: 1.75;
  color: var(--black);
}
button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  text-decoration: none;
}
button:focus {
  outline: 0;
}
/* Link */
.alink {
  cursor: pointer;
  color: var(--darkgray-1);
  text-decoration: underline;
}
.alink:hover {
  color: var(--grapefruit-1);
  text-decoration: underline;
}
.alink-wrap {
  word-wrap: break-word;
}
.alink-all, .alink-link {
  margin: 0;
  padding: 8px 16px;
  background: var(--lightgray-2);
  border-radius: var(--border-radius-round);
  font-size: var(--text-14);
  font-weight: 400;
  line-height: 20px;
  color: var(--darkgray-1);
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.alink-all:hover, .alink-link:hover {
  background: var(--grapefruit-1);
  color: var(--white);
}
/* Scroll Top */
.scroll-top {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 8px 8px 8px 16px;
  background: var(--lightgray-2);
  border-radius: var(--border-radius-round) 0 0 var(--border-radius-round);
  text-align: center;
  font-size: var(--text-14);
  line-height: 20px;
  color: var(--black);
  z-index: 99;
  cursor: pointer;
  display: none;
  transition: all .2s ease-in-out;
}
.scroll-top:hover { 
  background: var(--grapefruit-1);
  color: var(--white);
}

/* Main */
.main-page-wrapper {
  position: relative;
}
.section-main {
  position: relative;
}

/*  */
.main-slide {
  position: relative;
}
.main-slide-content {
  position: relative;
  padding-top: 155px;
  z-index: 1;
}
.carousel-slide .slideimg {
  position: relative;
  top: 0;
  width: 100%;
  height: 400px;
  overflow: hidden;
  z-index: 0;
}
.carousel-slide .slideimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.center-div {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 180px;
  text-align: left;
  z-index: 2;
  color: var(--black);
}
.center-div::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 180px;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%);
  z-index: 1;
}
.center-div .center-txt {
  position: relative;
  padding-top: 65px;
  z-index: 1;
}
.center-div .center-txt h1 {
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: var(--text-30);
  line-height: 44px;
  color: var(--black);
}
.center-div .center-txt h2 {
  display: block;
  margin: 0;
  width: 100%;
  height: 38px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: var(--text-24);
  line-height: 38px;
  color: var(--black);
}
/**/
.post {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
  background: var(--lightgray-1);
  border-radius: var(--border-radius);
  transition: all 300ms ease;
}
.post-img {
  position: relative;
  padding-top: 70%;
  background-color: var(--white);
  background-image: url(../img/no-image.png);
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
  z-index: 0;
  opacity: 1;
}
.post-img img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /*min-width: 1%;*/
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  transition: all .8s cubic-bezier(.165, .84, .44, 1);
}
.post-body {
  flex: 1 1 auto;
  padding: 15px;
}
.post-title {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 64px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: var(--text-24);
  line-height: 32px;
  color: var(--black);
}
.post-text {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: var(--text-16);
  line-height: 24px;
  color: var(--darkgray-1);
}
.post-tag-date {
  display: flex;
  flex-wrap: wrap;
}
.post-tag-date a {
  display: flex;
}
.post-tag-date span {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 5px 10px;
  border-radius: var(--border-radius-round);
  font-size: var(--text-12);
  font-weight: 400;
  line-height: 14px;
  text-align: center;
}
.post-tag-date span i {
  margin-right: 5px;
}
.post-tag {  
  color: var(--white);
}
.post-date {
  padding: 5px 0 !important;
  color: var(--black);
}
.post:hover {
  background: var(--white);
  box-shadow: var(--box-shadow);
}
.post:hover .post-img img {
  transform: scale(1.15);
}
.post:hover .post-title {
  color: var(--grapefruit-1);
}
a:hover .post-tag.grapefruit-2 { background: var(--grapefruit-1); }
a:hover .post-tag.bittersweet-2 { background: var(--bittersweet-1); }
a:hover .post-tag.sunflower-2 { background: var(--sunflower-1); }
a:hover .post-tag.grass-2 { background: var(--grass-1); }
a:hover .post-tag.mint-2 { background: var(--mint-1); }
a:hover .post-tag.aqua-2 { background: var(--aqua-1); }
a:hover .post-tag.bluejeans-2 { background: var(--bluejeans-1); }
a:hover .post-tag.lavander-2 { background: var(--lavander-1); }
a:hover .post-tag.pinkrose-2 { background: var(--pinkrose-1); }
/**/
.main-hilight {
  padding: 50px 0;
}
.main-hilight .hilight-inside .post-hilight-l .post-title {
  height: 32px;
  -webkit-line-clamp: 1;
  font-size: var(--text-24);
  line-height: 32px;
}
.main-hilight .hilight-inside .post-hilight-s .post-title {
  height: 26px;
  -webkit-line-clamp: 1;
  font-size: var(--text-18);
  line-height: 26px;
}
.main-hilight .hilight-inside .post-hilight-s .post-img {
  padding-top: 55%;
}
.main-content {  }
.blog {  }
.section-head {
  position: relative;
}
.section-title {
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  font-size: var(--text-30);
  font-weight: 400;
  line-height: 36px;
  color: var(--black);
}
.section-head::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 2px;
  background-size: cover;
}
.section-head .alink-all, .section-head .alink-link {
  position: absolute;
  top: 0;
  right: 0;
}
.sideblog {
  position: relative;
  margin: 0 0 30px 0;
  background: var(--lightgray-1);
  border-radius: var(--border-radius);
}
.sideblog .section-title {
  padding: 10px;
  font-size: var(--text-18);
}
.sideblog .alink-all, .sideblog .alink-link {
  top: 10px;
  right: 10px;
}
/* News & Article */
.blog-news {
  margin: 0 0 30px 0;
}
.blog-news .news-list, .blog-article .article-list {
  margin: 0 0 30px 0;
}
.blog-news .news-list .post .post-title, .blog-article .article-list .post .post-title {
  height: 52px;
  font-size: var(--text-18);
  line-height: 26px;
}
/* Place */
.blog-place {  }
.blog-place .place-list {
  margin: 0 0 30px 0;
}
.blog-place .place-list .post .post-img {
  padding-top: 65%;
}
.blog-place .place-list .post .post-title {
  height: 26px;
  -webkit-line-clamp: 1;
  font-size: var(--text-18);
  line-height: 26px;
}
/* event */
.blog-event .event-list {
  margin: 0 0 30px 0;
}
.blog-event .event-list .post .post-title {
  height: 26px;
  -webkit-line-clamp: 1;
  font-size: var(--text-18);
  line-height: 26px;
}
/* articleother */
.blog-articleother .articleother-list {
  margin: 0 0 30px 0;
}
.blog-articleother .articleother-list .post .post-title {
  height: 26px;
  -webkit-line-clamp: 1;
  font-size: var(--text-18);
  line-height: 26px;
}
/* Popular */
.blog-popular .popular-list {
  margin: 0 0 30px 0;
}
.blog-popular .popular-list .post .post-img {
  padding-top: 65%;
}
.blog-popular .popular-list .post .post-title {
  height: 26px;
  -webkit-line-clamp: 1;
  font-size: var(--text-18);
  line-height: 26px;
}
/* Season */
.blog-season, .blog-city { }
.blog-season .season-list, .blog-city .city-list { }
.blog-season .season-list .post, .blog-city .city-list .post {
  border-radius: var(--border-radius);
}
.blog-season .season-list .post .post-img, .blog-city .city-list .post .post-img {
  padding-top: 40%;
  border-radius: var(--border-radius);
}
.blog-season .season-list .post .post-img img, .blog-city .city-list .post .post-img img {
  width: 100%;
  border-radius: var(--border-radius);
}
.blog-season .season-list .post .post-body, .blog-city .city-list .post .post-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.blog-season .season-list .post .post-body::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: calc(100% + 32px);
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.9) 100%);
  z-index: 1;
}
.blog-city .city-list .post .post-body::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: calc(100% + 24px);
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.9) 100%);
  z-index: 1;
}
.blog-season .season-list .post .post-title {
  position: relative;
  margin-bottom: 0;
  height: 36px;
  -webkit-line-clamp: 1;
  z-index: 2;
}
.blog-city .city-list .post .post-title {
  position: relative;
  height: 24px;
  -webkit-line-clamp: 1;
  z-index: 2;
  transform: translateY(calc(100% + 24px));
  transition: all 0.3s ease-out;
}
.blog-city .city-list .post .post-text {
  position: relative;
  margin-bottom: 10px;
  height: 36px;
  font-size: var(--text-12);
  line-height: 18px;
  z-index: 2;
  opacity: 0;
}
.blog-season .season-list .post:hover, .blog-city .city-list .post:hover {
  box-shadow: none;
}
.blog-city .city-list .post:hover .post-title {
  transition-delay: 0.2s;
  transform: translateY(0);
}
.blog-city .city-list .post:hover .post-text {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-exchange {}
.exchange-inside {
  padding: 0 1rem 1rem 1rem;
}
.exchange-txt {
  margin: 0 0 1rem 0;
  padding: 1rem;
  background: var(--white);
  font-size: var(--text-14);
  font-weight: 400;
  line-height: 20px;
  color: var(--black);
  text-align: center;
}
.exchange-txt .date{
  display: block;
  margin-top: 5px;
  color: var(--mediumgray-2);
  text-align: right;
}
.exchange-form {
  font-size: var(--text-16);
  font-weight: 400;
  line-height: 22px;
  color: var(--black);
}
.exchange-form span {
  display: block;
  font-size: var(--text-12);
  font-weight: 400;
  line-height: 18px;
  color: var(--mediumgray-2);
}
.exchange-form .form-group {
  margin: 0 0 10px 0;
}
.exchange-form #frLink1 {
  display: none;
}
.blog-vocabulary {}
.vocabulary-list {
}
.vocabulary-list li {
  margin: 0;
  padding: 1rem;
  border-top: dashed 1px var(--border-line);
}
.vocabulary-list li:first-child {
  margin: 0;
  padding: 0 1rem 1rem 1rem;
  border-top: none;
}
.vocabulary-all {
  margin: 0 0 30px 0;
}
.vocabulary-list .word-th, .vocabulary-all .word-th {
  position: relative;
  font-size: var(--text-14);
  font-weight: 700;
  line-height: 20px;
  color: var(--black);
}
.vocabulary-list .word-th::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 3px;
  height: 10px;
  background: var(--grapefruit-1);
  transform: translateY(-50%);
}
.vocabulary-all .word-th::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 4px;
  height: 10px;
  background: var(--grapefruit-1);
  transform: translateY(-50%);
}
.vocabulary-all .accordion-body .word-th::before {
  display: none;
}
.vocabulary-all .accordion-body .vocabulary-text {
  position: relative;
}
.vocabulary-all .accordion-body .vocabulary-text + .vocabulary-text {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dashed 1px var(--border-line);
}
.vocabulary-all .accordion-body .vocabulary-text:first-child::before {
  position: absolute;
  top: 0;
  left: -40px;
  width: unset;
  height: unset;
  background: transparent;
  transform: unset;
  font-family: "bootstrap-icons";
  font-size: var(--text-24);
  color: var(--mediumgray-1);
  content: "\F257";
  line-height: 24px;
}
.vocabulary-list .word-jp, .vocabulary-all .word-jp {
  font-size: var(--text-14);
  font-weight: 400;
  line-height: 20px;
  color: var(--darkgray-1);
}
.vocabulary-list .word-en, .vocabulary-all .word-en {
  font-size: var(--text-14);
  font-weight: 400;
  line-height: 20px;
  color: var(--grapefruit-1);
}
.vocabulary-all .accordion-body {
  position: relative;
  padding-left: 60px;
}
.vocabulary-all .vocabulary-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.vocabulary-all .accordion-button:not(.collapsed) {
  background-color: var(--lightgray-1);
}
.vocabulary-all .accordion-button:focus {
  box-shadow: none;
}
.vocabulary-all .accordion-item-no-collapse {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.vocabulary-all .accordion-item-no-collapse:not(:first-of-type) {
  border-top: 0;
}
.vocabulary-all .accordion-item-no-collapse:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.vocabulary-all .accordion-item-no-collapse:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.vocabulary-all .accordion-item-no-collapse .accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0;  
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
.blog-article {  }
.sideblog.blog-place .place-list, .sideblog.blog-popular .popular-list, .sideblog.blog-season .season-list, .sideblog.blog-news .news-list, .sideblog.blog-article .article-list, .sideblog.blog-regions .regions-list, .sideblog.blog-regions .city-list, .sideblog.blog-city .city-list {
  padding: 0 15px;
}
.sideblog .post {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 15px 0;
  background: transparent;
  border-radius: var(--border-radius-0);
}
.sideblog .post a {
  margin-right: 10px;
  width: 110px;
}
.sideblog .post-img {
  border-radius: var(--border-radius-0);
}
.sideblog .post-img img {
  border-radius: var(--border-radius-0);
}
.sideblog .post .post-body {
  flex: unset;
  padding: 0;
  width: 60%;
}
.sideblog .post .post-body a {
  margin-right: 0;
  width: auto;
}
.sideblog .post .post-title, .sideblog.blog-news .news-list .post .post-title, .sideblog.blog-article .article-list .post .post-title {
  margin-bottom: 5px;
  height: 46px;
  font-size: var(--text-16);
  line-height: 24px;
}
.sideblog.blog-place .place-list .post .post-title {
  margin-bottom: 5px;
  height: 24px;
  font-size: var(--text-16);
  line-height: 24px;
}
.sideblog.blog-place .place-list .post-text {
  margin-bottom: 0;
  height: 40px;
  font-size: var(--text-14);
  line-height: 20px;
}
.sideblog.blog-popular .popular-list .post .post-title {
  margin-bottom: 5px;
  height: 48px;
  font-size: var(--text-16);
  line-height: 24px;
  -webkit-line-clamp: 2;
}
.sideblog.blog-place .post-tag-date span.post-tag, .sideblog.blog-popular .post-tag-date span.post-tag {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0;
  padding: 5px;
  border-radius: var(--border-radius-0)
  font-size: 10px;
  line-height: 12px;
}
.sideblog.blog-season .post a {
  margin-right: 0;
  width: 100%;
}
.sideblog.blog-season .post .post-body {
  padding: 10px;
}
.sideblog.blog-season .season-list .post .post-title {
  margin-bottom: 0;
  height: 24px;
  line-height: 24px;
}
.sideblog.blog-regions .post a {
  margin-right: 0;
  width: 100%;
}
.sideblog.blog-regions .post .post-body {
  padding: 10px;
}
.sideblog.blog-regions .city-list .post .post-title {
  margin-bottom: 10px;
}
.sideblog.blog-regions .city-list .post .post-text {
  margin-bottom: 0;
}
.sideblog.blog-city .post a {
  margin-right: 0;
  width: 100%;
}
.sideblog.blog-city .post .post-body {
  padding: 10px;
}
.sideblog.blog-city .city-list .post .post-title {
  margin-bottom: 10px;
}
.sideblog.blog-city .city-list .post .post-text {
  margin-bottom: 0;
}
.sideblog .post:hover {
  background: transparent;
  box-shadow: unset;
}
.blog-memorial-day {}
.memorial-day {
  padding: 0 1rem 1rem 1rem;
  width: 100%;
  text-align: left;
  font-size: var(--text-16);
  font-weight: 400;
  line-height: 24px;
}
.memorial-day .day-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.memorial-day .day-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1; 
}
.memorial-day .day-row dt {
  position: relative;
  padding: 5px 0;
  min-width: 50px;
}
.memorial-day .day-row dd::before {
  position: absolute;
  left: -5px;
  content: "-";
}
.memorial-day .day-row dd {
  position: relative;
  margin: 0 0 0 5px;
  padding: 5px;
  flex: 1 1 0%;
}
.memorial-day a:hover dd {
  color: var(--grapefruit-1);
}
.memorial-day-all, .vocabulary-all {
  margin: 0 0 30px 0;
}
.memorial-day-all .accordion .memorial-day {
  padding: 0;
}
.memorial-day-all .accordion-button:not(.collapsed), .vocabulary-all .accordion-button:not(.collapsed) {
  background-color: var(--lightgray-1);
}
.memorial-day-all .accordion-button:focus, .vocabulary-all .accordion-button:focus {
  box-shadow: none;
}
.memorial-day-all .accordion-button:hover dd {
  color: var(--grapefruit-1);
}
.memorial-day-all .accordion-body {
  position: relative;
  padding-left: 80px;
}
.memorial-day-all .accordion-body::before {
  position: absolute;
  top: 20px;
  left: 30px;
  font-family: "bootstrap-icons";
  font-size: var(--text-24);
  color: var(--mediumgray-1);
  content: "\F215";
  line-height: 24px;
}
.blog-facebook {
  background: transparent;
  height: 250px;
  text-align: center;
}
.blog-twitter {
  background: transparent;
  /*height: 250px;*/
  text-align: center;
}
.blog-banner {
  margin: 0;
  background: transparent;
  border-radius: var(--border-radius-0);
  text-align: center;
}
.blog-banner img {
  margin-bottom: 30px;
  max-width: 100%;
}
.main-destination {
  padding: 50px 0;
  background: var(--lightgray-1);
}
.destination-list .post {
  border-radius: var(--border-radius);
}
.destination-list .post-destination-2, .destination-list .post-destination-3, .destination-list .post-destination-6, .destination-list .post-destination-7 {
  margin: 0;
}
.destination-list .post .post-img {
  padding-top: 70%;
  background: transparent;
  border-radius: var(--border-radius);
}
.destination-list .post-destination-6 .post-img, .destination-list .post-destination-7 .post-img {
  padding-top: 146%;
}
.destination-list .post-destination-6 .post-img img, .destination-list .post-destination-7 .post-img img {
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
  /*object-position: center 40%;*/
}
.destination-list .post .post-img img { 
  border-radius: var(--border-radius);
}
.destination-list .post .post-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.destination-list .post .post-body::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: calc(100% + 35px);
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.60) 50%, rgba(255,255,255,0.80) 100%);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  z-index: 1;
}
.destination-list .post .post-title {
  position: relative;
  margin-bottom: 10px;
  height: 35px;
  -webkit-line-clamp: 1;
  z-index: 2;
  transform: translateY(calc(100% + 25px));
  transition: all 0.3s ease-out;
}
.destination-list .post .post-text {
  position: relative;
  margin-bottom: 0;
  height: 48px;
  -webkit-line-clamp: 2;
  color: var(--black);
  z-index: 2;
  opacity: 0;
}
.destination-list .post:hover {
  box-shadow: none;
}
.destination-list .post:hover .post-title {
  transition-delay: 0.2s;
  transform: translateY(0);
}
.destination-list .post:hover .post-text {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-regions {  }
.destination-list.regions-list .post-img img, .destination-list.city-list .post-img img {
  height: 100%;
}
.sideblog.blog-regions .regions-list .post .post-img {
  padding-top: 40%;
}
.sideblog.blog-regions .regions-list .post-img img {
  width: 100%;
  height: auto;
}
.sideblog.blog-regions .regions-list .post .post-title {
  height: 24px;
  transform: translateY(calc(100% + 24px));
}
.sideblog.blog-regions .regions-list .post .post-text {
  height: 36px;
  font-size: var(--text-12);
  line-height: 18px;
}
.sideblog.blog-regions .regions-list .post:hover, .blog-city .city-list .post:hover {
  box-shadow: none;
}
.sideblog.blog-regions .regions-list .post:hover .post-title {
  transition-delay: 0.2s;
  transform: translateY(0);
}
.sideblog.blog-regions .regions-list .post:hover .post-text {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-mypage-link {}
.blog-mypage-link .mypage-link {
  padding: 15px;
}
.blog-mypage-link .mypage-link li {
  display: block;
  padding: 10px 0 0 0;
}
.blog-mypage-link .mypage-link li:first-child {
  padding: 0;
}
.blog-mypage-link .mypage-link li a {
  display: block;
  padding: 0 15px;
  border-radius: var(--border-radius-6);
  font-size: var(--text-14);
  line-height: 40px;
  color: var(--black);
}
.blog-mypage-link .mypage-link li a i {
  margin-right: 10px;
}
.blog-mypage-link .mypage-link li a:hover {
  color: var(--grapefruit-1);
}
.page-mypage .blog-mypage-link .mypage-link li.link-1 a:hover, .page-mypage-changepassword .blog-mypage-link .mypage-link li.link-2 a:hover, .page-tripplan .blog-mypage-link .mypage-link li.link-3 a:hover {
  color: var(--black);
}
.page-mypage .blog-mypage-link .mypage-link li.link-1 a, .page-mypage-changepassword .blog-mypage-link .mypage-link li.link-2 a, .page-tripplan .blog-mypage-link .mypage-link li.link-3 a {
  background-color: var(--lightgray-2);
}
.offcanvas-body.blog-mypage-link {
  background-color: var(--lightgray-1);
}
.offcanvas-body.blog-mypage-link .mypage-link {
  padding: 10px;
}
.button {
  margin: 0;
  padding: 8px 16px;
  min-width: 150px;
  /*width: 100%;*/
  background: var(--grapefruit-2);
  border-radius: var(--border-radius-round);
  font-size: var(--text-14);
  font-weight: 400;
  line-height: 20px;
  color: var(--white);
  text-align: center;
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.button i {
  margin-right: 5px;
}
.button:hover {
  background: var(--grapefruit-1);
  color: var(--white);
}
.button.bittersweet { background: var(--bittersweet-2); }
.button.bittersweet:hover { background: var(--bittersweet-1); }
.button.sunflower { background: var(--sunflower-2); }
.button.sunflower:hover { background: var(--sunflower-1); }
.button.grass { background: var(--grass-2); }
.button.grass:hover { background: var(--grass-1); }
.button.mint { background: var(--mint-2); }
.button.mint:hover { background: var(--mint-1); }
.button.aqua { background: var(--aqua-2); }
.button.aqua:hover { background: var(--aqua-1); }
.button.bluejeans { background: var(--bluejeans-2); }
.button.bluejeans:hover { background: var(--bluejeans-1); }
.button.lavander { background: var(--lavander-2); }
.button.lavander:hover { background: var(--lavander-1); }
.button.pinkrose { background: var(--pinkrose-2); }
.button.pinkrose:hover { background: var(--pinkrose-1); }
.button.lightgray { background: var(--mediumgray-2); }
.button.lightgray:hover { background: var(--mediumgray-1); }
.main-page {
  position: relative;
  padding-top: 155px;
}
.bg-breadcrumb {
  padding: 1rem 0;
  background: var(--lightgray-1);
  border-bottom: solid 1px var(--lightgray-2);
}
.bg-breadcrumb .breadcrumb {
  margin-bottom: 0;
  font-size: var(--text-14);
  line-height: 20px;
}
.bg-breadcrumb .breadcrumb .breadcrumb-item a:hover {
  color: var(--grapefruit-1);
}
.page-inside {
  position: relative;
  padding: 50px 0;
  background: var(--white);
}
.pagination {
  margin-bottom: 30px;
}
.page-item {
  margin: 0 5px;
}
.page-link {
  background: var(--lightgray-1);
  border-color: transparent;
  font-size: var(--text-14);
  line-height: 18px;
  color: var(--darkgray-1);
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
  border-radius: var(--border-radius-0);
}
.disabled>.page-link, .page-link.disabled {
  display: none;
  background: transparent;
  border-color: transparent;
}
.page-link:hover {
  background: var(--lightgray-2);
  border-color: transparent;
  color: var(--grapefruit-1);
}
.active>.page-link, .page-link.active {
  background: var(--grapefruit-1);
  border-color: var(--grapefruit-2);
  color: var(--white);
}
.blog-content {
  margin: 0 0 30px 0;
}
.section-subhead {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px 0;
}
.title-content {
  font-size: var(--text-24);
  line-height: 30px;
}
.content-img {
  text-align: center;
}
.content-img img {
  margin: 0 0 5px 0;
  width: 60%;
}
.content-img figcaption {
  font-size: var(--text-12);
}
.content-gallery-slide {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  height: auto;
  background: var(--white);
  overflow: hidden;
}
.fotorama__wrap {
  margin: 0 auto;
}
.fotorama__nav--thumbs {
  position: absolute;
  bottom: 0;
  background: var(--white);
  opacity: .75;
}
.fotorama__thumb-border {
  border-color: var(--grapefruit-1);
}
.content-detail {
  margin: 0 0 30px 0;
}
.content-detail iframe {
  margin: 0 auto;
  width: 100%;
  aspect-ratio: 16 / 9;
  text-align: center;
}
.content-detail dl {  }
.content-detail dt, .content-detail dd {
  padding: 7px;
}
.content-detail dd ~ dt, .content-detail dd ~ dd {
  border-top: dashed 1px var(--border-line);
}
.content-detail dt {
  width: 17%;
  float: left;
}
.content-detail dd {
  display: flex;
  margin-bottom: 0;
  margin-left: 17%;
}
.content-detail dd:after {
  content: "";
  display: block;
  clear: both;
}
.content-detail dt i {
  margin: 0 15px 0 5px;
}
.content-detail a {
  cursor: pointer;
  color: var(--darkgray-1);
  text-decoration: underline;
  /*display: block;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.content-detail a:hover {
  color: var(--grapefruit-1);
  text-decoration: underline;
}
.subtitle {
  position: relative;
  margin: 0 0 20px 0;
  padding: 6px 0 10px 15px;
  border-bottom: solid 1px var(--border-line);
  font-size: var(--text-18);
  font-weight: 700;
  line-height: 30px;
  color: var(--darkgray-2);
}
.subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 12px;
  background: var(--grapefruit-1);
  border-radius: 0 10px 10px 0;
  transform: translateY(-50%);
}
.subtitle .subtitle-link {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 8px 16px;
  background: var(--lightgray-2);
  border-radius: var(--border-radius-round);
  font-size: var(--text-14);
  font-weight: 400;
  line-height: 20px;
  color: var(--darkgray-1);
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.subtitle .subtitle-link:hover {
  background: var(--grapefruit-1);
  color: var(--white);
}



/* Share Social */
.post-share {
  position: relative;
}
.share-icons a {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: var(--text-14);
  margin: 0 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  background-size: 100% 200%;
  background-position: 0% 0%;
  transition: background-position 0.5s, color 0.5s;
}
.share-icons a:nth-child(1) {
  color: #1976d3;
  background-image: linear-gradient(var(--lightgray-1) 50%, #1976d3 50%);
}
.share-icons a:nth-child(2) {
  color: #07b53b;
  background-image: linear-gradient(var(--lightgray-1) 50%, #07b53b 50%);
}
.share-icons a:nth-child(3) {
  color: #03a9f5;
  background-image: linear-gradient(var(--lightgray-1) 50%, #03a9f5 50%);
}
.share-icons a:hover {
  background-position: 0% 100%;
  color: #fff;
}
/* Scroll link */
.scroll-link, .alink-type {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 20px 0;
  padding: 0;
  width: 100%;
}
.scroll-link a, .alink-type a {
  margin: 3px;
  padding: 8px 16px;
  background: var(--lightgray-2);
  border-radius: var(--border-radius-round);
  font-size: var(--text-12);
  font-weight: 400;
  line-height: 16px;
  color: var(--darkgray-1);
  cursor: pointer;
  transition: all .2s ease-in-out;
  text-align: center;
}
.scroll-link a.add-trip {
  display: block;
  margin: 3px 0;
  margin-left: auto;
  min-width: 110px;
  background: var(--grapefruit-2);
  color: var(--white);
}
.scroll-link a:hover, .alink-type a:hover {
  background: var(--grapefruit-1);
  color: var(--white);
}

/* Gallery Slider */
#gallerySlider {
  --f-carousel-slide-width: calc(100% / 2);
  --f-carousel-spacing: 0;
  --f-carousel-slide-padding: 0 5px;
  --f-button-prev-pos: 0;
  --f-button-next-pos: 0;
}
@media screen and (min-width: 992px) {
  #gallerySlider {
    --f-carousel-slide-width: calc(100% / 3);
  }
}
@media screen and (min-width: 1200px) {
  #gallerySlider {
    --f-carousel-slide-width: calc(100% / 4);
  }
}
@media screen and (min-width: 1400px) {
  #gallerySlider {
    --f-carousel-slide-width: calc(100% / 5);
  }
}
.f-carousel__slide img {
  max-width: 100%;
  height: auto;
}
.blog-review {
  margin: 0 0 30px 0;
  padding: 0;
  overflow: hidden;
}
.post-review {
  position: relative;
}
.review-list {
  display: flex;
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  width: 100%;
  float: left;
  border-top: dashed 1px var(--border-line);
}
.blog-review .review-list:first-child {
  margin: 0;
  padding: 0;
  border-top: none;
}
.review-list-inside {
  position: relative;
  width: 100%
}
.review-owner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
.owner-avatar {
  margin-right: 15px;
  border-radius: var(--border-radius-6);
}
.owner-avatar img {
  width: 36px;
  border-radius: var(--border-radius-6);
}
.owner-author {
  font-size: var(--text-14);
  font-weight: normal;
  line-height: 14px;
}
.owner-name {
  margin-bottom: 7px;
  color: var(--black);
}
.review-time {
  color: var(--mediumgray-2);
}
.review-comment {
  position: relative;
}
.review-gallery {
  margin: 0 0 10px 0;
}
.review-gallery-inside {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.review-img-list {
  margin: 5px;
  width: 150px; 
}
.review-img {
  position: relative;
  padding-top: 65%;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-radius: var(--border-radius);
  overflow: hidden;
  z-index: 0;
  opacity: 1;
  cursor: pointer;
}
.review-img img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 1%;
  max-width: 100%;
  height: auto;
  min-height: 170px;
  width: 100%;
  border-radius: var(--border-radius);
}
.reply-admin {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.reply-admin-comment {
  position: relative;
  word-break: break-word;
  padding: 12px;
  background: var(--lightgray-1);
  border: none;
  border-radius: var(--border-radius);
  font-size: var(--text-14);
  line-height: 1.5;
}
.reply-left {
}
.reply-left a {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  font-size: var(--text-14);
  line-height: 30px;
  color: var(--darkgray-1);
}
.reply-left a i {
  margin-right: 5px;
}
.reply-left a:hover {
  color: var(--grapefruit-1);
}
.reply-right {
  padding-left: 10px;
}
.bloc-addcomment {
}
.bloc-addcomment .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 20px 0;
}
.bloc-addcomment .images .img, .bloc-addcomment .images .pic {
  flex-basis: 90px;
  margin-bottom: 10px;
  border-radius: var(--border-radius);
}
.bloc-addcomment .images .img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  width: 90px;
  height: 90px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  overflow: hidden;
}
.bloc-addcomment .images .img span {
  display: none;
  text-transform: capitalize;
  z-index: 2;
  font-size: var(--text-12);
}
.bloc-addcomment .images .img:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 4px;
  transition: opacity .1s ease-in;
  opacity: 0;
}
.bloc-addcomment .images .img:hover:after {
  display: block;
  background-color: var(--black);
  opacity: .5;
}
.bloc-addcomment .images .img:hover span {
  display: block;
  color: var(--white);
}
.bloc-addcomment .images .pic {
  align-self: center;
  padding: 35px 0;
  width: 90px;
  background-color: var(--lightgray-1);
  text-align: center;
  text-transform: uppercase;
  color: var(--mediumgray-2);
  font-size: var(--text-12);
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap;
}
.bloc-addcomment .images .input-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  width: 120px;
  height: 120px;
  border-radius: var(--border-radius);
  background-color: var(--white);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.bloc-addcomment .images .input-img img {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
}
.bloc-addcomment .secure{
  margin-bottom: 20px;
}

.place-rating {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0;
  padding: 0;
}
.place-rating > .place-rating-item {
  display: inline-block;
  margin-right: 2px;
}
.place-rating > .place-rating-item:after {
  font-family: "bootstrap-icons";
  font-size: var(--text-14);
  color: var(--sunflower-1);
  content: "\f588";
}
.place-rating[data-rating="4.5"] > .place-rating-item:nth-child(-n+4):after, .place-rating[data-rating="3.5"] > .place-rating-item:nth-child(-n+3):after, .place-rating[data-rating="2.5"] > .place-rating-item:nth-child(-n+2):after, .place-rating[data-rating="1.5"] > .place-rating-item:nth-child(-n+1):after, .place-rating[data-rating="0.5"] > .place-rating-item:nth-child(-n+0):after, .place-rating[data-rating="5"] > .place-rating-item:nth-child(-n+5):after, .place-rating[data-rating="4"] > .place-rating-item:nth-child(-n+4):after, .place-rating[data-rating="3"] > .place-rating-item:nth-child(-n+3):after, .place-rating[data-rating="2"] > .place-rating-item:nth-child(-n+2):after, .place-rating[data-rating="1"] > .place-rating-item:nth-child(-n+1):after {
  content: "\f586";
}
.place-rating[data-rating="4.5"] > .place-rating-item:nth-child(5):after, .place-rating[data-rating="3.5"] > .place-rating-item:nth-child(4):after, .place-rating[data-rating="2.5"] > .place-rating-item:nth-child(3):after, .place-rating[data-rating="1.5"] > .place-rating-item:nth-child(2):after, .place-rating[data-rating="0.5"] > .place-rating-item:nth-child(1):after {
  content: "\f587";
}
.google-map-area {
  margin: 0 0 50px 0;
  text-align: center;
}
.google-map {
  width: 100%;
  height: 500px;
}
.block-board {
  margin-bottom: 20px;
  background-color: var(--white);
  border: solid 1px var(--mediumgray-1);
  border-radius: var(--border-radius);
}
.block-board > *:first-child { }
.sidesticky {
  position: sticky;
  top: 135px;
}
.mytrip-list {
  padding: 20px 0;
}
.button-add-mytrip {
  position: absolute;
  bottom: -50px;
  right: 0;
  display: block;
}
.mytrip-list .post {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 0 0 15px 0;
  background: var(--lightgray-1);
}
.mytrip-list .post a {
  width: 36%;
}
.mytrip-list .post-img {
  border-radius: var(--border-radius) var(--border-radius-0) var(--border-radius-0) var(--border-radius);
}
.mytrip-list .post-img img {
  border-radius: var(--border-radius) var(--border-radius-0) var(--border-radius-0) var(--border-radius);
}
.mytrip-list .post .post-body {
  flex: unset;
  padding: 15px;
  width: 64%;
}
.mytrip-list .post .post-body a {
  margin-right: 0;
  width: auto;
}
.mytrip-list .post .post-title {
  margin-bottom: 15px;
  height: 46px;
  font-size: var(--text-16);
  line-height: 24px;
}
.mytrip-list .post:hover {
  box-shadow: unset;
}
.no-mytrip {
  padding: 20px;
}
.button-delete-mytrip {
  position: absolute;
  bottom: 15px;
  right: 15px;
  min-width: 80px !important;
  width: auto !important;
}
.button-area-mytrip {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
}
.button-area-mytrip .button {
  display: inline;
  margin: 0 0 0 5px;
  min-width: 120px;
}
.blog-mypage-trip {
  padding: 0;
  overflow: hidden;
}
.sideblog.blog-place.blog-mypage-trip .post {
  align-items: center;
  margin: 15px 0 0 0;
  background: var(--white);
}
.sideblog.blog-place.blog-mypage-trip .post:first-child {
  margin: 0;
}
.sideblog.blog-place.blog-mypage-trip .post a {
  margin-right: 0;
  width: 40%;
}
.sideblog.blog-place.blog-mypage-trip .place-list .post .post-title {
  -webkit-line-clamp: 2;
  margin: 0;
  height: 48px;
  font-size: var(--text-14);
}
.sideblog.blog-place.blog-mypage-trip .post .post-body {
  padding: 10px;
}
.sideblog.blog-place.blog-mypage-trip .post a.button-delete {
  position: absolute;
  top: -5px;
  right: -5px;
  margin-right: 0;
  padding: 0;
  min-width: 24px;
  width: auto;
  height: 24px;
  border-radius: var(--border-radius-round);
}
.sideblog.blog-place.blog-mypage-trip .post a.button-delete i {
  margin-right: 0;
  line-height: 24px;
}
.distance-ab {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 0 0;
  background: var(--lightgray-2);
  border-radius: var(--border-radius-round);
}
.travel-distance {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0;
}
.travel-distance i {
  margin-right: 5px;
}
.travel-distance span {
  display: inline;
  margin: 0;
  padding: 0 0 0 10px;
  font-size: var(--text-12);
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}
.go2map {
  display: flex;
}
.go2map .button {
  min-width: 100px;
}
.sideblog.blog-place.blog-mypage-trip .place-list {
  position: relative;
  margin: 0;
  padding: 15px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.no-place-list {
  text-align: center;
}
.add-mytrip-list {
  margin: 0;
  padding: 15px;
  background: var(--lightgray-2);
  border-radius: var(--border-radius-0) var(--border-radius-0) var(--border-radius) var(--border-radius);
}
.blog-mypage .add-mytrip-list {
  margin: 0 0 15px 0;
  border-radius: var(--border-radius);
}
.add-mytrip-list .button {
  display: block;
  width: 100%;
}
.blog-mypage .place-list.place-around {
  margin: 0 auto;
  padding: 0;
  background: var(--lightgray-2);
  border-radius: var(--border-radius);
}
.blog-mypage .place-list.place-around .post-body {
  padding: 10px;
}
.blog-mypage .place-list.place-around .post .post-img {
  padding-top: 65%;
}
.blog-mypage .place-list.place-around .post .post-title {
  height: 54px;
  -webkit-line-clamp: 2;
  font-size: var(--text-18);
  line-height: 26px;
}
.blog-mypage .place-list.place-around .post-text {
  height: 40px;
  font-size: var(--text-14);
  line-height: 20px;
}
.tripplan-googlemap {
  margin: 30px 0 15px 0;
}
.tripplan-googlemap iframe {
  display: block;
  width: 100%;
  height: 400px;
  border: 0;
}
.place-around.owl-carousel .owl-nav button.owl-next, .place-around.owl-carousel .owl-nav button.owl-prev, .place-around.owl-carousel button.owl-dot {
  margin: 0;
  width: 36px;
  height: 36px;
  background: var(--white);
  border-radius: var(--border-radius-round);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  color: var(--black);
  font-size: 24px;
  line-height: 36px;
  transition: all .4s cubic-bezier(0.68,-3,0.27,5);
}
.place-around.owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 100%;
  transform: translateY(-50%);
}
.place-around.owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: -10px;
}
.place-around.owl-theme .owl-nav .owl-next {
  position: absolute;
  right: -10px;
}
.place-around.owl-carousel .owl-nav button.owl-next:hover, .place-around.owl-carousel .owl-nav button.owl-prev:hover {
  transform: scale(1.15);
}
.place-around.owl-carousel .post {
  margin: 10px;
}
.resource_img {
  float: right; 
  padding: 5px 0px; 
  margin-top: -47px
}
.warning.error {
  color: #cc524b;
  padding: 10px;
  padding-left: 0px;
}

.togglePass{ cursor: pointer; }
.no-click{cursor: unset;}
.input-warning{ border-color: #cc524b !important; }
.txt-error { color: #cc524b; }
.remove-backdrop .modal-backdrop {opacity: 0 !important; }
.icon-map{ color: #999; }
.info-window img{ width: auto; height: 80px; }
.info-window p{ margin-bottom: 0px; }
.info-window a { text-decoration: underline; color: #427fed;}
.anchor {
  display: block;
  height: 130px;
  margin-top: -130px;
  visibility: hidden;
}
.article-list .post-img img {
  width: 100%;
  height: 100%;
}
.recommend-destination .subtitle { margin-top: 20px; }
.recommend-destination .subtitle a { text-decoration: underline; }

/*.skiptranslate img{ display: none;}*/
#google_translate_element {
  font-size: 14px;
  width: 140px;
  margin: 0pt auto;
}
.goog-te-combo{ width: 130px;}

.google_translate_container{ 
  width: 200px;
}
.gg-translate-show-original{ 
  display: none; 
}
button.gg-translate-show-original{ 
  display: none; 
  width: 200px; 
  margin: 20px 5px !important;
}
iframe.skiptranslate {
  display: none !important;
}
.gg-translate-show-original{ text-decoration: underline;text-align:center; }
body{ top: 0 !important;}

.fb_iframe_widget{ padding: 0 0 1rem 0; }

#inline_calendar{ padding: 0 1rem 1rem 1rem; }
.event-title {
  position: absolute;
  background: silver;
  padding: 4px;
  white-space: nowrap;
  border-radius: 5px;
}
.event-title-left{ left: 0; }
.event-title-right{ right:0px; }
.event-title-bottom{ top: 33px; }
.event-title-top{ bottom: 33px; }
.fc-event-title{ display:none; }
.fc-daygrid-event-dot { margin-left: 0px; display:none; }
.fc-daygrid-dot-event{ height:30px; background:rgba(255, 164, 137, 0.5); }
.alink-type .active {
  background: var(--grapefruit-1);
  color: var(--white);
}