/*
Theme Name: Alpine Tour
Theme URI: 
Author: Alpine Tour
Author URI: https://example.com/
Description: Alpine Tour
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-original-theme
*/

/* around_the_world */

.contactpage.title-banner.archive-banner {
    height: 534px;
	background: url("https://www.alpine-tour.com/atsmgr/wp-content/uploads/2025/09/Rectangle-21.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.inner-page-title {
    width: -webkit-fill-available;
}

.inner-title-blue.archive-title-blue {
    max-width: 291px;
    padding: 20px 40px 20px 40px;
}

img.atw-img {
    height: 190px;
    margin-bottom: 3rem;
    position: relative;
    left: -15px;
}
img.jp-img {
    height: 75px;
    margin-bottom: 3rem;
    position: relative;
    left: -15px;
}

section.postlist-contents {
    display: flex;
    max-width: 1440px;
    margin: 4rem auto;
	position:relative;
	padding: 0 3.3rem;
    overflow:hidden;
}

.category-list {
    min-width: 300px;
    max-width: 380px;
    width: -webkit-fill-available;
	margin-right: 60px;
}

.postlist-box {
    width: -webkit-fill-available;
	max-width: 860px;
}

.postlist {
    margin-top: 3rem;
}

h3.day-title {
    background-color: #00409D;
    color: #fff;
    text-align: center;
    font-size: 23px;
    padding: 13px;
    border-radius: 15px 0 0;
}

.post-item {
    padding: 1rem 0;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    border-bottom: 1px solid #00409D;
}

.post-box {
    margin-bottom: 5rem;
}

.post-item img {
    max-width: 300px;
    width: -webkit-fill-available;
    aspect-ratio: 5 / 4;
    height: auto;
    object-fit: cover;
}

span.place-tag {
    background: #f3f3f3;
    color: #00409D;
    font-weight: 600;
    border-radius: 5px;
    min-width: 122px;
    display: inline-block;
    text-align: center;
    padding: 6px;
    margin-right: 5px;
}

span.seat-tag {
	color:#EA5532;
	font-weight: 600;
	border:1px solid #EA5532;
    border-radius: 5px;
    width: 115px;
    display: inline-block;
    text-align: center;
    padding: 6px;
    margin-right: 5px;
	font-size:14px;
}

h3.archive-postitem-title {
    margin: 1rem 0;
    font-size: 20px;
    color: #00409D;
    width: fit-content;
    text-decoration: underline 1px;
}

.post-about {
    display: grid;
	align-items: center;
}

.post-bottom-tag {
    display: flex;
    gap: 10px;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}

span.departure-tag,span.price-tag {
    width: 105px;
    display: inline-block;
    text-align: center;
    border: 1px solid;
    color: #00409D;
    padding: 3px 1px;
    margin-right: 10px;
    border-radius: 5px;
    font-weight: 600;
}

p.about-tag {
    margin-right: 2px;
    display: flex;
    align-items: center;
}

ul.archive-list li {
    margin: 0;
}

img.top-icon {
    position: absolute;
    right: 2%;
    bottom: 5%;
}

ul.day-tag-list {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
	flex-wrap:wrap;
}

ul.day-tag-list li {
    width: 104px;
    background: #f5f5f5;
    color: #00409D;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    text-align: center;
    border-radius: 5px;
}


ul.day-tag-list li a {
    width: -webkit-fill-available;
    display: block;
    padding: 5px 7px;
}


span.seat-tag.seat-full {
    background: #00409D;
    border: 1px solid #00409D;
    color: #fff;
}

span.seat-tag.seat-cancel {
	background: #4D4D4D;
    border: 1px solid #4D4D4D;
    color: #fff;
}


/* accordion */

.accordion {
  width: 100%;
  overflow: hidden;
position:relative;
	z-index:100;
}

.accordion-item {
  background: #00409D;
  border-radius: 0px 15px 0 0;
  overflow: hidden;
	padding: 40px;
}



.accordion-header {
    width: 80%;
    padding: 12px 16px;
    text-align: left;
    background: #00409D;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    position: relative;
    margin: 0 0 0 auto;
    display: block;
}

.accordion-content.japan-box,.accordion-item.japan-box,button.accordion-header.japan-btn,button.accordion-header.japan-btn.active {
    background-color: #F2F2F2;
}

button.accordion-header.japan-btn {
    color: #00409D;
}

.accordion-content {
    display: none;
    background: #fff;
    width: 75%;
    color: #00409D;
    margin: 0 0 0 auto;
}

.accordion-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.accordion-content li {
    border: 1px solid #00409D;
    border-top: 0px;
    margin: 0;
    min-height: 3rem;
    display: flex;
    align-items: anchor-center;
	font-weight: 500;
}

.accordion-content.japan-box {
    border-top: 1px solid;
	background: #fff;
}



.accordion-content a {
    color: #00409D;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    width: -webkit-fill-available;
}

.accordion-content a:hover {
  text-decoration: underline;
}

button.accordion-header.japan-btn {
    display: grid;
    background: url("https://www.alpine-tour.com/atsmgr/wp-content/uploads/2025/09/under.png");
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 73%;
}


.accordion-item.japan-box {
    position: relative;
    top: -10px;
}

.accordion-item .accordion-content {
    display: none;
}

.accordion-item.open .accordion-content {
    display: block;
}

ul.archive-list {
    margin-bottom: 5rem;
}

.accordion-content li {
    background: url("https://www.alpine-tour.com/atsmgr/wp-content/uploads/2025/08/Linkicon-blue.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}

@media screen and (max-width: 1080px) {
.post-item {
    display: block;
}
}


@media screen and (max-width: 980px) {
	section.postlist-contents {
    display: block;
}
	.category-list {
    margin: 0 0 3rem 0;
    max-width: -webkit-fill-available;
}
	
	ul.day-tag-list li {
    width: 100px;
}	
	.accordion-header {
    width: 100%;
		display: grid;
}



.accordion-content {
    width:100%;
}
	
	
	}

@media screen and (max-width: 768px) {
	.post-item {
    display: block;
}
	
	.post-item img {
    max-width: -webkit-fill-available;
}
	
	section.postlist-contents {
    padding: 0 1.5rem;
}

	img.top-icon {
    right: 0%;
    bottom: 3%;
}
	
	img.atw-img {
    margin-bottom: 0rem;
}

}

/* archive */
.overviewpage.title-banner.news-list  {
    background-image: url("https://www.alpine-tour.com/atsmgr/wp-content/uploads/2025/09/Rectangle-2-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.category-aboutbox {
    position: relative;
    display: flex;
    gap: 2.5rem;
    margin: 3rem 0;
    justify-content: space-between;
    color: #00409D;
    z-index: 1;
    padding: 2.5rem 0;
}

.category-aboutbox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #F4F9FF;
    transform: translateX(-50%);
    z-index: -1; 
}

h3.category-aboutbox-title {
    font-family: 'GenrokuShian';
    opacity: 0.3;
    font-size: 3rem;
    position: absolute;
    top: -3.5rem;
}

ul.narrow-down-btnlist {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
}

ul.narrow-down-btnlist li{
    background-color: #E6E6E6;
    color: #00409D;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    border-radius: 8px;
    font-size: 20px;
    max-width: 175px;
}

li.current {
    background: #00409D !important;
    color: #fff !important;
}

.news-contents-box {
    margin: auto;
    max-width: 1200px;
}


li.archive-news-postitem a {
    display: flex;
    gap: 4rem;
}

img.news-contents-item-img {
    max-width: 200px;
    max-height: 150px;
    width: -webkit-fill-available;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

li.archive-news-postitem {
    border-bottom: 1px solid #00409D;
    padding: 2.5rem 0;
    padding-right: 5rem;
    margin: 0;
    background-image: url(../../../uploads/2025/08/blue-arrow.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: 96%;
    background-position-y: center;
}

li.archive-news-postitem {
    border-bottom: 1px solid #00409D;
    padding: 2rem 0;
}

li.archive-news-postitem:first-child {
    border-top: 1px solid #00409D;
}

.news-contents-item-text {
    display: grid;
}

img.category-about-img {
    width: 40%;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    position: relative;
    bottom: 5rem;
	min-width: 300px;
	max-height: fit-content;
}

p.news-contents-item-status span {
    color: #00409D;
    font-weight: bold;
    border: 1px solid;
    padding: 3px 10px;
    width: auto;
    max-width: none;
	min-width:120px;
    display: inline-block;
    text-align: center;
}

p.news-contents-item-day {
    color: #00409D;
    font-weight: bold;
    margin: 10px 0;
}

h3.news-contents-item-title,p.news-contents-item-about {
    color: #4D4D4D;
}

.next-page {
    display: flex;
    justify-content: end;
    color: #00409D;
    margin: 4rem 0;
    font-weight: 500;
}

.next-page a {
    display: flex;
    gap: 15px;
    align-items: center;
}

p.news-contents-item-about {
    padding-right: 5rem;
}

.accordion-item.japan-box.open.top-s {
    position: relative;
    top: -2.5rem;
}

h2.en-mv-text {
    font-family: 'GenrokuShian';
    opacity: 0.5;
    font-size: 3rem;
    line-height: 4rem;
}

h3.go-text {
    margin-bottom: 10px;
    color: #00309D;
    display: flex;
    gap: 10px;
    font-size: 20px;
}

@media screen and (max-width: 768px) {
	.contactpage.title-banner.archive-banner {
    height: 300px;
	}
	
	h2.en-mv-text {
    font-size: 2.7rem;
    line-height: 3rem;
}
	
	h3.go-text {
    font-size: 18px;
}
	
li.archive-news-postitem a {
    display: block;
    gap: 4rem;
}

ul.narrow-down-btnlist {
    gap: 10px;
}

ul.narrow-down-btnlist li {
    font-size: 15px;
}

img.news-contents-item-img {
    max-width: none;
    max-height: none;
}

li.archive-news-postitem {
    background-image: inherit;
}

h3.news-contents-item-title {
    font-size: 18px;
}

p.news-contents-item-about {
    padding: 0;
    font-size: 15px;
}

p.news-contents-item-status {
    margin-top: 10px;
}

	.category-aboutbox {
    display: block;
}
	
	img.category-about-img {
    width: 100%;
    bottom: 0rem;
    margin: 2rem 0 0;
}
	
	.inner-title-blue.archive-title-blue {
    padding: 20px;
}
	
}



/* archive-tour-readar */
.overviewpage.title-banner.tour-reader{
	background-image: url(../../../uploads/2025/11/Rectangle-2-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.inner-title-wh {
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 450px;
    padding: 20px 40px 20px 60px;
    height: -webkit-fill-available;
    color: #fff;
    display: flex;
    align-items: center;
}

img.tour-reader-title {
    max-height: 41px !important;
}

h1.blue-title {
    color: #00409D;
}

.tour-reader-about-inner {
    position: relative;
    padding: 2rem 0;
}

.tour-reader-about::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #F4F9FF;
    transform: translateX(-50%);
    z-index: -1;
}

.tour-reader-about {
    position: sticky;
    padding: 2rem 0;
}

.tour-reader-about-inner p {
    color: #00409D;
}


@media screen and (max-width: 768px) {
	
	
	.inner-title-wh {
    padding: 20px;
}
	
	img.tour-reader-title {
    max-height: 34px !important;
}
	
}