body {
background:#afe4b0;	
}




/*home スライダー*/
.swiper-wrapper-home {
position: relative;	
}
.swiper-wrapper-home img {
aspect-ratio: 1.618 / 1;
object-fit: cover;
}
.swiper-wrapper-home .slide-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color:white;
}
.swiper-wrapper-home .slide-title:before {
content: '';   
width: 100%;
height: 7.7em;
position: absolute;
bottom: 0;  
background: linear-gradient(rgba(0, 0, 0, 0) 0, rgb(0 10 11 / 50%) 40%, rgb(0 10 11 / 50%) 100%);
}
.swiper-wrapper-home time, .slide-title span, .slide-title h1 {
position: relative;
}
.swiper-wrapper-home time {
font-size: clamp(15.6px, 2.5vw, 20.4px);
padding-left: clamp(1.15em, 3.8vw, 1.35em);
letter-spacing: 0.4px;
}
.iphone .swiper-wrapper-home time {
font-size: clamp(15px, 2.5vw, 20.4px);
}
.pickup-label {
background-image: url(https://self-traveling-thailand.jp/wp-content/uploads/tag-decoration.svg);
background-repeat:no-repeat;
height: 54px;
width: 115px;
top: 4.8%;
right: 3%;
position: absolute;
filter: drop-shadow(3.5px 3.5px 0 #fff);	
}
.home .swiper-button-next, .home .swiper-button-prev {
padding: 30px;	
}
.slide-title h1 {
padding: 0 2.5%;
margin: 0.05em 0 0.5em;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;	
font-size: clamp(1.35em,3.7vw,1.52em);	
}
.slide-title span {
padding: 0.15em 0.4em 0.2em;	
border: 1.5px solid;
border-radius: 2.5px;	
margin-left: 1em;
font-size: clamp(14px, 2.5vw, 17px);	
}
.iphone .slide-title span {
padding: 0.25em 0.4em;	
}
.mac .slide-title span {
padding: 0.415em 0.4em 0.32em;	
}
_::-webkit-full-page-media, _:future, :root .slide-title span:not(.iphone .slide-title span ) {
padding: 0.4em 0.4em 0.2em;	
}
.slide-title .fi-tr-time {
font-size: 0.95em;
position: relative;
left: -3.5px;	
}
.mac .slide-title .fi-tr-time {
top: -0.03em;	
}
.swiper-pagination-bullet {
background: #6ac6ff !important;
width:20px!important;
height:20px!important;
opacity:1!important;	
margin: 0 9.5px!important;	
transition: 0.3s ease-out;
filter: drop-shadow(0px 3px 2px #ffffff0f) drop-shadow(0px -3px 2px #0000000f);
}
.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
background: #3f687f!important;
}
.swiper-wrapper-home .swiper-pagination {
position:relative!important; 	
bottom: unset!important;
margin: 1.4em 0 calc(4.7% + 15.5px);
}
.top-post-list:before {
content: "";
border-radius: 1em 1em 0 0;
position: absolute;
padding: 2.3% 0;
margin-top: -4.5%;
width: 100%;
background: #b0dffd;
}
.post-list a {
transition: transform 0.38s, border-radius 0.38s;
transform: translate(0);
display: block;
padding: 18.2px;	
background: #b0dffd;
border-top: solid #ffffff5c 0.5px;
pointer-events: none;
}
.post-list.animation a {
animation: pointer-events-on 0s 0.32s forwards;
}
.post-list a:hover {
transform: translatex(3px);
border-radius: 7px;
}
.post-list .description {
font-size: clamp(13px, 2.17vw, 15.8px);
line-height: 1.4;
color: #042234;
text-align:justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;	
}
.post-list .description p {
margin: 0
}
.post-list .description div {
height: 0!important
}
.top-post-list .entry-title {
font-size: clamp(20.7px, 2.5vw, 21.8px);
color: #042234;
line-height: 1.53;
margin:0;	
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;	
margin-bottom: clamp(0.3em, 0.9vw, 0.5em);	
}
.top-post-list .vcard {
margin: 0 0 15px 21.5px;
}
.iphone .top-post-list .vcard {
margin: 0 0 15px 21px;
}
.top-post-list .time__date:before {
left: -1.21em;	
font-size: 1em;	
}
.top-post-list .time__date.undo:before {
font-size: 1.05em;	
}
.mac .top-post-list .time__date:before {	
font-size: 0.98em;	
top: -0.1px;	
}
_::-webkit-full-page-media, _:future, :root .top-post-list .time__date:not(.iphone .top-post-list .time__date):before {	
top: -1.4px;	
}
.iphone .top-post-list .time__date:before {	
font-size: 0.98em;	
top: 0;	
}
.top-post-list a:hover .cat-name {
transform: translatex(9%);	
}
.top-post-list .entry-content {
padding: 0 0 0 43.7%;
}
.top-post-list .vcard .date {
color: #042234;
font-size: clamp(13.6px, 2.5vw, 18px);
display: inline-flex;
align-items: center;
letter-spacing: 0.4px;	
}
.iphone .top-post-list .vcard .date {
font-size: 15.2px!important;		
}
.top-post-list .cat-name {
font-size: clamp(15.8px, 2vw, 16.4px);
border-radius: 1.4em 0.5em;
position: absolute;
background: #e1f3ff;
transition: transform 0.66s;
box-shadow: 0px -6px 16px -12.5px #707070;
opacity:0;
margin-left: 2.5%;	
font-weight: 400;
line-height: 1.2;	
display: inline-flex;
align-items: center;	
}
.top-post-list .cat-tourism, .top-post-list .cat-transportation, .top-post-list .cat-web-production, .top-post-list .cat-uncategorized {
padding: 0.6em 0.75em 0.6em 2em;	
letter-spacing: 0.5px;		
}
.mac .top-post-list .cat-tourism, .mac .top-post-list .cat-transportation, .mac .top-post-list .cat-web-production, .mac .top-post-list .cat-uncategorized {
padding: 0.66em 0.75em 0.54em 2em;	
}
.top-post-list .cat-japanese-tour, .top-post-list .cat-hotel, .top-post-list .cat-gourmet {
padding: 0.66em 0.75em 0.54em 2em;	
letter-spacing: 0.1px;	
}
.mac .top-post-list .cat-japanese-tour, .mac .top-post-list .cat-hotel, .mac .top-post-list .cat-gourmet {
padding: 0.71em 0.75em 0.49em 2em;	
}
.top-post-list .cat-name:after {
position: absolute;
font-family: 'uicons-thin-rounded';	
font-size: 1.05em;	
left: 14.5%;	
content: "";	
}
.top-post-list .cat-tourism:after {
content: "\e001";
}
.top-post-list .cat-japanese-tour:after {
content: "\e003";
}
.top-post-list .cat-hotel:after {
content: "\e004";
}
.top-post-list .cat-transportation:after {
content: "\e005";
}
.top-post-list .cat-gourmet:after {
content: "\e006";
}
.top-post-list .cat-web-production:after {
content: "\e007";
}
.top-post-list .cat-uncategorized:after {
content: "\e008";
}
/* ページネーション・ページ分け */
.pagination li,
.page-links li {
 margin: 13.5px 4px;
  display: inline-block;
}
.pagination .current,
.page-links ul>li>span {
  cursor: default;
}
.pagination a, .pagination span {
color: #fff;
border-radius: 4px;
box-shadow: 0 6px 16px -8.5px #ffffffb0, 0px -6px 16px -8.5px #00000030;
background: #6ac6ff;
display: flex;
width: 48px;
min-height: 45px;
align-items: center;
justify-content: center;
}
.mac .pagination a, .mac .pagination span, .mac .page-numbers.dots {
padding-top: 0.25em;
}
.mac a.next.page-numbers, .mac a.prev.page-numbers {
padding: 0.4em 0;
top: -2px;
position: relative;
}
_::-webkit-full-page-media, _:future, :root a.next.page-numbers:not(.iphone a.next.page-numbers), _::-webkit-full-page-media, _:future, :root a.prev.page-numbers:not(.iphone a.prev.page-numbers) {
top: -1.5px;
padding: 0.4em 0 0.3em;
}
.pagination .current, .pagination a:hover, .pagination .current:hover, .pagination a:focus, .page-links a:focus {
background: #3f687f;
color: #fff;	
}
.pagination {
border-radius: 0 0 1em 1em;
text-align:center;	
padding: 5px 17px 17px;
background: #b0dffd;
border-top: solid #ffffff5c 0.5px;
font-weight: 400;	
min-height: 41px;	
}
.page-numbers.prev, .page-numbers.next {
font-size: 0 ;
}
.page-numbers:before {
font-family: 'uicons-thin-rounded';
font-size: 18.5px; 
top: 0.08em;
position: relative;	
}
.page-numbers.prev:before {
content: "\e091";
}
.page-numbers.next:before {
content: "\e092";
}
.pagination a, span.page-numbers.current, .page-numbers.dots { 
margin: 11px 0 0;	
}
.iphone .pagination {	
font-size:0.98em
}
.iphone .pagination a, .iphone span.page-numbers.current, .iphone .page-numbers.dots {
padding-top: 0.25em;  
}
.iphone a.prev.page-numbers, .iphone a.next.page-numbers {
position:relative;	
top:-2px;	
padding-top: 0;	
}
.search .pagination {
background: white;
border-radius: 9px;	
min-height: 90px;	
}
.mobile .pagination a {
transition: 0s;
}
.scrolldown-sign {
position: absolute;
left: 93%;
margin-top: -4.5%;
z-index: 1;
}
.home .scrolldown-sign:not(.paged .scrolldown-sign) {
display: none;
}
.scrolldown-sign:not(.single .scrolldown-sign):before {
animation: scrolldown 0.9s 0.53s ease-in-out 3 forwards;
background: #042234;
border-radius: 50%;
content: "";
width: 10px;
height: 10px;
left: -4px;
position: absolute;   	
opacity:0	
}
@keyframes scrolldown {
0% {opacity: 0;bottom: 40px}
40%, 75% {opacity: 1}
100% {opacity: 0;bottom: -5px}
}
.scrolldown-sign span {
font-size: 12px;
writing-mode: vertical-rl;
top: 7px;
left: 1.5px;
position: relative;
display: inline-block;
}
.scrolldown-sign:after {
background: #042234;
content: "";
height: 49px;
top:0;	
left: 0;
position: absolute;
width: 2px;
border-radius: 10px;
}
.scrolldown-sign .arrow {
height: calc(10px / 2 * tan(60deg));
width: 10px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
top: 48px;
left: -4px;
background: #042234;
position: absolute;
opacity:0;
animation: fade-in ease-in-out 0.4s 3.25s forwards;	
}
.archivettl span {
display: flex;
justify-content: center;
position:relative;
padding: 0 12px;	
}
.category .archivettl span {
height: 2em;
}
.archivettl span:not(.search .archivettl span):before {
content: "";
position: absolute;
width: 72px;
height: 10px;
top: 1.5em;
background-image: url(https://self-traveling-thailand.jp/wp-content/uploads/wavy-line.svg);
background-repeat:no-repeat;	
}
.mac .archivettl span:not(.search .archivettl span):before, .iphone .archivettl span:not(.search .archivettl span):before {
top: 1.42em;
}
.search .archive-title:before {
content: "";
position: absolute;
width: 72px;
height: 10px;
top: 1.5em;
background-image: url(https://self-traveling-thailand.jp/wp-content/uploads/wavy-line.svg);
background-repeat:no-repeat;	
}
.archivettl h1:not(.search .archivettl h1) {
margin: 0.5em 0 calc(6.5% + 5px);
font-size: clamp(1.33em,3.7vw,1.52em);
}
.search-no-results .search h2 {
display:none
}
.archivettl h1 .author-icon img {
  border-radius: 50%;
  width: 80px;
  margin-bottom: 1.3em;
  border: 2px solid #fff;
  box-shadow: 0 0 10px #ddd;
}
.readmore {
  text-align: left;
 margin: 1.2em 0;
}
.readmore a {
  display: inline-block;
  padding: 0.65em 1em 0.75em 1.3em;
}
.readmore a:after {
 font-family: 'uicons-thin-rounded';
  content: "\e08b";
  top: 4px;
  position: relative;
  padding-left: 2.5px;
}














































@media (max-width:767px) {
.post-list a {
padding: clamp(11px, 2.7vw, 14px);
}			
.top-post-list .entry-title {
font-size: clamp(14.3px, 2.73vw, 20px);
}		
.top-post-list .cat-name {
font-size: clamp(12.3px, 2.15vw, 15.8px);
}
.top-post-list .vcard {
margin: 0 0 calc(3.3vw - 10px) calc(2vw + 6px);	
}	
.iphone .top-post-list .vcard {
margin: 0 0 calc(3.3vw - 10px) calc(2vw + 6.5px);	
}	
.post-list .description {
-webkit-line-clamp: 3;	
}			
.home.paged .top-post-list {
margin-top: 4.5%;
}		
.home.paged .top-post-list {
margin-top: calc(13.8% + 20px);
}		
.paged .p-panel-hero-scrolldown, .category .p-panel-hero-scrolldown {
left: 94%;    
}	
	
	
	
}
















@media (max-width:480px) {	
.swiper-wrapper-home img {
aspect-ratio: 1/1.1;		
}	
.iphone .top-post-list .cat-tourism:after {
height: 59%;
left: 18%;	
}
.iphone .top-post-list .cat-japanese-tour:after {
height: 60%;
left: 15%;	
}
.iphone .top-post-list .cat-hotel:after {
height: 53.5%;
left: 16.5%;	
}
.iphone .top-post-list .cat-transportation:after { 
height: 56%;
left: 18.5%;	
}
.iphone .top-post-list .cat-gourmet:after {
height: 55%;
left: 17%;
}
.iphone .top-post-list .cat-web-production:after {
height: 55%;
left: 17.5%;	
}	
.iphone .top-post-list .cat-tourism, .iphone .top-post-list .cat-transportation, .iphone .top-post-list .cat-web-production, .iphone .top-post-list .cat-uncategorized {
padding: 0.72em 0.75em 0.52em 2.1em;	
}
.iphone .top-post-list .cat-japanese-tour, .iphone .top-post-list .cat-hotel, .iphone .top-post-list .cat-gourmet {
padding: 0.78em 0.75em 0.46em 2.1em;	
}	
.top-post-list .vcard {
margin: -2px 0 calc(3.3vw - 9px) 16.7px;
}			
.iphone .top-post-list .vcard {
margin: 0 0 calc(3.3vw - 9px) 15.7px;
}		
.iphone .top-post-list .vcard .date {
font-size: 12px!important;
}		
.top-post-list .entry-content .description {
display: none
}			
.top-post-list .entry-title {
font-size: clamp(15.2px, 4vw, 17px);
line-height: 1.5; 
-webkit-line-clamp: 4;	
}		
.pagination li, .page-links li {
margin: 0 3px;  
}	
	
}