@charset "utf-8";

/* 共通定義 */
.clear { clear:both; }
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
.fr {float: right;}
.fl {float: left;}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

.header .navbar .nav-btn,
.page-title {
text-shadow: 
    #144272 2px 0px,  #144272 -2px 0px,
    #144272 0px -2px, #144272 0px 2px,
    #144272 2px 2px , #144272 -2px 2px,
    #144272 2px -2px, #144272 -2px -2px,
    #144272 1px 2px,  #144272 -1px 2px,
    #144272 1px -2px, #144272 -1px -2px,
    #144272 2px 1px,  #144272 -2px 1px,
    #144272 2px -1px, #144272 -2px -1px;
}

.bg_gray {
    background-color:rgba(0,0,0,0.1);
}

section {
    padding: 3rem 18%; /* page側 */
}

section.wide {
    padding: 3rem 8%; /* TOPページ側 */
}

section .about {
    overflow: hidden;
}

.footer {
    background-color: var(--main-color);
}

.footer-item h2,
.footer-item p,
.footer-item .info a,
.footer .content p,
.footer .content p span,
.footer-item .links p i,
.footer-item .connect i {
    color:  var(--secondary-color);
}

.footer-item .social a {
    border: solid 2px var(--white);
}

.scroll-top {
    background: var(--secondary-color);
}

.scroll-top:hover {
    background: var(--main-color);
    border: solid 2px var(--white);
}

.footer-item .links p:hover a{
    color: var(--white);
}

.team a.link_button {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    background-color: var(--black);
    color: var(--white);
    border-radius: 5px;
}

.team a.link_button:hover{
    background-color: var(--main-color);
    cursor: pointer;
}

/* index.php用定義 */
.home-item .content{ 
    background: none;
}

.home-search-tour .yoyaku_button {
    width:75%;
    margin:0 auto;
    display:block;
    text-align:center;
}

.home-search-tour {
    padding-bottom:3rem;
}

.tours .box-container {
    -ms-grid-columns: (minmax(30rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}

.gallery-item.one {
    -ms-flex: 1 1 24.5%;
    flex: 1 1 24.5%;
}

.gallery-item.two {
    -ms-flex: 1 1 49.75%;
    flex: 1 1 49.75%;
}

.gallery-item.three {
    -ms-flex: 1 1 73%;
    flex: 1 1 73%;
}

.gallery-item.four {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.discount-banner {
    height:50vh;
}

.testi-item .image {
    -ms-flex: 1 1 30%;
    flex:1 1 30%;
}

.testi-item .content {
    -ms-flex: 1 1 70%;
    flex:1 1 70%;
}

.testi-item .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.testi-item .fa-quote-left {
/*    right:29rem;*/
}

.discount-banner {
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url(../../images/discount.jpg);
    background:         linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url(../../images/discount.jpg);
}

/*----- 5- Discount Banner -----*/
.discount-banner2{
    width: 100%;
    height: 50vh;
    padding: 3rem 5%; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url(../../upload_8RorUfRUnl8/open/images/871B1CV5AH_top_pic.jpeg);
    background:         linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url(../../upload_8RorUfRUnl8/open/images/871B1CV5AH_top_pic.jpeg);
    background-position: left;
/*    background-size: cover;
    background-attachment: fixed;*/
}
/*
.discount-banner2 .content{
    width: 70rem;
}
*/
.discount-banner2 h2{
    font-size: 6rem;
    color: var(--white);
}

.discount-banner2 h2 span{
    color: var(--main-color);
}

.discount-banner2 p{
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    font-weight: 500;
    color: var(--white);
    padding-top: 1rem;
    padding-bottom: 2rem;
    line-height: 1.4;
}

/*----- 2- Button CSS -----*/
.btn2{
    display: inline-block;
    color: #e6e6e6;
    font-size: 3rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px; 
    padding: 1.5rem 3rem;
    position: relative;  
    overflow: hidden;
    background: #ff0d0d;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: inset 0 0 0 4.5px rgba(255, 255, 255, 0.65);
            box-shadow: inset 0 0 0 4.5px rgba(255, 255, 255, 0.65);
    border-radius: 5px;
}

.btn2:hover{
    -webkit-box-shadow: inset 0 0 0 4.5px rgba(255, 255, 255, 0.25);
            box-shadow: inset 0 0 0 4.5px rgba(255, 255, 255, 0.25);
	cursor: pointer;
}



/* page.php用定義 */
.page-title .link span {
    color: var(--white);
}

/* from main.css .tour-item */
.list_pic {
    margin:15px auto;
}

.w40p {width: 100%;}
.w50p {width: 100%;}
.w20p {width: 100%;}

@media screen and (min-width:800px){

.list_pic {
    width:50%;
}

.w40p {width: 40%; margin-right:2rem;}
.w50p {width: 46%; margin:0 1% }
.w20p {width: 20%; margin-right:2rem;}

}

.page_container {
    line-height: 1.3;
    min-height:400px;
}

.page_container p {
    text-transform: none;
}

.page_container .tour-details {
    padding-bottom: 2rem;
}

.page_container .iframe_map {
    display:block;
    width:80%;
    height:400px;
    margin:2rem auto;
}

.blog_item .icon-container a{
    width: auto;
    border-radius: 0%;
    border: 0.15rem solid var(--white);
    padding:1rem;
}

/* from .blog-info .details */
.page_container .details,
.blog_item .details,
.item .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    padding-bottom: 2rem;
}
.page_container .details .category,
.blog_item .details .category,
.item .details .category {
    display: inline-block;
    font-size: 1.6rem;
    color: var(--white);
    background-color: var(--main-color);
    padding: 0.5rem 1rem;
}
.page_container .details h3,
.blog_item .details h3,
.item .details h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.6rem;
    color: var(--grey);
}
.page_container .details h3 i,
.blog_item .details h3 i,
.item .details h3 i {
    color: var(--main-color);
}
.page_container .details h3 span,
.blog_item .details h3 span,
.item .details h3 span {
    font-weight: 400;
}

.block_container {
    line-height: 1.3;
    margin-bottom:2rem;
}


/* from main.css .heading h2 */
.page_container h2 { 
    font-weight: bolder;
    font-size: 4rem;  
    color: var(--secondary-color);
    text-transform: uppercase;
    position: relative;
    font-family: "Raleway", sans-serif;
    word-spacing: 0.1rem; 
    letter-spacing: 0.2rem; 
    text-align:center;
}

/* from main.css .about .box-container .content h3 */
.page_container h3{
    font-size: 3.5rem;
    color: var(--secondary-color);
    line-height: 1.3;
    padding-bottom: 1rem;
}

/* from main.css .about .box-container .content p */
.page_container p { 
    font-size: 1.5rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    color: var(--grey);
    padding-bottom: 1rem;
    line-height: 1.5;
}

/* from main.css .single-blog h4 */
.page_container h4{  
    font-size: 2.5rem; 
    color: var(--black); 
    padding-bottom: 1rem;
}

/* from main.css .blog-item .image */
.bgimg {
    border-top: 0.7rem solid var(--secondary-color);
    border-top-left-radius: 6rem;
    border-bottom: 0.7rem solid var(--main-color);
    border-bottom-right-radius: 6rem;

    min-height:24rem;
    max-width:100%;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    margin-bottom:1rem;
}

.item.item3 .bgimg {
    min-height:32rem;
}

/* from main.css .sidebar .sidebar-item */
.page_container .item {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border: var(--border);
}

.page_container .mt-1 {
    margin-top:60px;
}

.pager {
    text-align:center;
    line-height: 1.3;
    min-height:40px;
}

ul.menu_contents {
    list-style-type: none;
    width:70%;
}

ul.menu_contents li {
    float:left;
    width:20rem;
    padding-right:2rem;

    font-size: 1.5rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    color: var(--grey);
    padding-bottom: 1rem;
    line-height: 1.5;
}

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}

.top_video_area {
    display:block;
    height:560px;
    margin:0 auto;
}

.top_video {
    display:block;
    object-fit: contain;
    height:560px;
}

@media (max-width: 768px){

.top_video_area {
    display:block;
    width:100%;
    height:200px;
    margin:0 0;
}

.top_video {
    display:block;
    object-fit: contain;
    height:200px;
}

}

/* ランチバイキング */
.lunch001, .block_text {
    width:80%;
    margin:2rem auto 3rem;
    display:block;
}
/*----- 5- Discount Banner -----*/
.discount-banner3 {
    width: 100%;
    height: 50vh;
    padding: 3rem 5%; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url(../../images/lunch001banner.jpg);
    background:         linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url(../../images/lunch001banner.jpg);
    background-position: left;
}
.discount-banner3 h2{
    font-size: 6rem;
    color: var(--white);
}
.discount-banner3 h2 span{
    color: var(--main-color);
}
.discount-banner3 p{
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    font-weight: 500;
    color: var(--white);
    padding-top: 1rem;
    padding-bottom: 2rem;
    line-height: 1.4;
}

/* TOPページ用 */
.button_notice {
    background-color:#ff3838;
    font-weight:bold;
}

/* ロゴ変更に伴い高さアップ対応 24/07/29 */
.header {
    height: 8rem;
}
.header.active {
    height: 9rem;
}
.logo img {
    height: 6rem;
}

/* 2025/05/19 */
.home-search-tour .juyo_button {
    width:75%;
    margin:0 auto;
    display:block;
    text-align:center;
    color:#000000;
    background-color: #ffc90d;
    font-weight: bold;
    margin-bottom:30px
}