@charset "shift_jis";

/*=======================================�X�^�C�����Z�b�g=======================================*/
    /* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
    */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,
q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,
th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

ul, ol, li {
	list-style: none;
}

a, a:hover {
	color: #333;
	text-decoration: none;
}

/*=======================================����=======================================*/
body *{
    font-family:'Noto Sans JP','Yu Gothic black',sans-serif,'Lato','���C���I';
    font-size: 4vw;
    letter-spacing:0;
    font-weight: normal;
    box-sizing: border-box;
}

#revenge_trip img{
    width: 100%;
}

#revenge_trip {
    background-color: #fff;
}

#revenge_trip .smp_none {
    display: none;
} 

/* ���� ���o��
================================ */
#revenge_trip h1{
	font-size: 0;
}

/* ���� �J����
================================ */
#revenge_trip ul[class^="col_"]{
    display: flex;
    flex-wrap: wrap;
    gap:1.2vw 1.2vw;
    margin: 0 2% 3%;
}

#revenge_trip ul.col_1 > li{
    width:100%;
    margin-bottom: 1.2vw;
}

#revenge_trip ul.col_2 > li,
#revenge_trip ul.col_4 > li{
    width: calc(calc(100% - 1.2vw) / 2);
}

#revenge_trip ul.col_3 > li,
#revenge_trip ul.col_5 > li{
    width: calc(calc(100% - calc(1.2vw * 2)) / 3);
}

#revenge_trip ul[class^="col_"] li{
    display: flex;
    justify-content: center;
}
/*=======================================
section title �Ŕ�
=======================================*/
#revenge_trip .title {
    background-color: #fff;
}

/*=======================================
section side_anchor_link �n���o�[�K�[���j���[
=======================================*/
#revenge_trip .toggle {
    position: fixed;
    z-index: 9999;
    bottom: 3vw;
    right: 2vw;
    width: 18vw;
    height: 18vw;
    background-color: #661818;
    border: solid 0.5vw #fff;
    border-radius: 50%;
    display: block;
} 

#revenge_trip .toggle span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 40%;
    height: 0.8vw;
    border-radius: 50px;
    background-color: #fff;
    transform: translate(-50%, -50%);
} 
    
#revenge_trip .toggle span:nth-of-type(1) { top: calc(50% - 10px)}
#revenge_trip .toggle span:nth-of-type(2) { top: calc(50%);}
#revenge_trip .toggle span:nth-of-type(3) { top: calc(50% + 10px);}
#revenge_trip .toggle.active span:nth-of-type(1) {
    top: calc(100%/2);
    transform: translate(-50%,-50%)   rotate(-45deg);
} 
#revenge_trip .toggle.active span:nth-of-type(2) { opacity: 0; }
#revenge_trip .toggle.active span:nth-of-type(3){
    top: calc(100%/2);
    transform: translate(-50%,-50%)  rotate(45deg);;
} 

#revenge_trip .side_anchor_link{/*���j���[*/
    position: fixed;
    bottom: -200%;
    right: 0;
    z-index: 99;
    width: 56%;
    transition: 0.6s;
} 

#revenge_trip .side_anchor_link.panelactive{/*���j���[*/
    bottom: 0;
} 

#revenge_trip .side_anchor_link ul.wrapper{
    background-color: rgba(255, 255, 255, 0.95);
    border-right: solid 35px #661818;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
} 

/* #revenge_trip .side_anchor_link ul li{
    border-bottom: solid 1px #222;
    width: 90%;
    margin: 0 auto;
}  */

#revenge_trip .side_anchor_link ul li:last-child{
    border-bottom: solid 0px #222;
    padding:2vw 0;
} 

#revenge_trip .side_anchor_link ul li a{
    display: flex;
    justify-content: flex-start;
    padding: 5%;
    font-size: 4vw;
    transition: 0.2s;
} 

#revenge_trip .side_anchor_link span{
	margin-right: 10px;
} 

/* #revenge_trip .side_anchor_link ul li a:hover{
    background-color: #8cc5d4;
    color: #fff;
}  */
#revenge_trip .side_anchor_link li.main_list{
    margin-left: 10%;
}

#revenge_trip .side_anchor_link ul.sub_list{
    margin-left: 9%;
}

#revenge_trip .side_anchor_link li.main_list a {
	position: relative; /*�A���_�[���C���̈ʒu�����߂邽�߂̊ */
	opacity:1
}

#revenge_trip .side_anchor_link li.main_list a::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	bottom: -1px;
	transform: scale(0, 1);
	transform-origin: right top; /*�ό`�i�A���_�[���C���̐L���j�̌��_��a�^�O�i�e���j���[�j�̉E�[*/
	transition: transform 0.3s;  /*�ό`�̎���*/
}

#revenge_trip .side_anchor_link li.main_list a:hover::after {
	transform: scale(1, 1);     /*�z�o�[��Ax��������1�i���Βl�j�L��*/
	transform-origin: left top; /*������E�Ɍ�����*/
}

/*=======================================
section anchor_link �A���J�[�����N
=======================================*/
#revenge_trip .anchor_link ul,
#revenge_trip .anchor_link2 ul{
    padding: 2vw 0;
    background-color: #fff;
}

#revenge_trip .anchor_link ul{
    justify-content: center;
    gap:1.5vw 0;
}

#revenge_trip .anchor_link ul li a,
#revenge_trip .anchor_link2 ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0.2vw 0.2vw;
    font-size: 3.8vw;
    font-weight: bold;
    color: #661818;
    height: 20vw;
} 

#revenge_trip .anchor_link2 ul li a{
    color: #784e31;
}

#revenge_trip .anchor_link ul li{
    border-right: solid 0.5vw #661818;
}

#revenge_trip .anchor_link2 ul li{
    border-right: solid 0.5vw #784e31;
}

#revenge_trip .anchor_link ul li:nth-child(3),
#revenge_trip .anchor_link ul li:last-child{
    border-right: 0vw;
} 

#revenge_trip .anchor_link ul li a::before,
#revenge_trip .anchor_link2 ul li a::before{
    font-family: 'FontAwesome';
    font-size: 9vw;
}

#revenge_trip .anchor_link ul li:nth-child(1) a::before{
    content: "\f5c1";
} 

#revenge_trip .anchor_link ul li:nth-child(2) a::before{
    content: "\f072";
} 

#revenge_trip .anchor_link2 ul li:nth-child(1) a::before{
    content: "\f5c1";
} 

#revenge_trip .anchor_link2 ul li:nth-child(2) a::before{
    content: "\f0f2";
} 

#revenge_trip .anchor_link2 ul li:nth-child(3) a::before{
    content: "\f164";
} 

#revenge_trip .anchor_link2 ul li:nth-child(4) a::before{
    content: "\f072";
} 

#revenge_trip .anchor_link2 ul li:nth-child(5) a::before{
    content: "\f1b0";
} 

#revenge_trip .anchor_link2 ul li:nth-child(6) a::before{
    content: "\f553";
} 

#revenge_trip .anchor_link ul li a::after{
    font-family:'Material Icons';
    content: "\e5cf";
    transition: 0.2s;
} 

#revenge_trip .anchor_link ul li a:hover::after{
    transform: translateY(30%);
} 

/*=======================================
section choose �X�[�c�P�[�X�̑I�ѕ�
=======================================*/
#revenge_trip .choose{
    width: 100%;
    background-color: #385d8c;
    margin: 0 auto 5%;
    padding: 1% 0;
} 

#revenge_trip h2{
    text-align: center;
    font-size: 5vw;
    padding: 2% 0 1%;
    font-weight: 900;
    color: #fff;
}

#revenge_trip .choose h3{
    padding: .1em 1em .2em;
    border-radius: 50px;
    background-color: #661818;
    color: #fff;
    width: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4vw;
    font-weight: 600;
}

#revenge_trip .choose h3.orn{
    padding: .1em 1em .2em;
    border-radius: 50px;
    background-color: #44b235;
    color: #fff;
    width: 65%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4vw;
    font-weight: 600;
}

#revenge_trip .choose img{
    width: 90%;
    margin: 3vw auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#revenge_trip .choose p{
    text-align: start;
    margin: 0 3vw 4vw;
    font-size: 2.5vw;
    color: #fff;
}

/*=======================================
���o��
=======================================*/
#revenge_trip h3{
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 5vw;
	font-weight: 900;
    text-align: center;
    color: #fff;
    margin: 4vw 0;
}

#revenge_trip .container h3::before, 
#revenge_trip .container h3::after {
    content: '';
    width: 20vw;
    height: 1vw;
    background-color: #fff;
    margin: 4vw;
}

/*=======================================
inner_content
=======================================*/
#revenge_trip .container{
	width: 100%;
	background-color: #385d8c;
	display: flow-root;
}

/*�J����*/
#revenge_trip ul.item_box{
    width: 95%;
    display: flex;
    justify-content: center;
    margin: 2% auto 3%;
}

#revenge_trip ul.item_box.col_1{
    padding-bottom: 0;
}

#revenge_trip ul.item_box li a {
	padding: 5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #000;
	background-color: #fff;
	text-align: center;
	border-radius: 10px;    
}

#revenge_trip ul.item_box.col_1 li a{
    display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
	padding: 3%;
}	

/*���i���X�g�F�g*/
#revenge_trip .item_box > li .flex-left {
    width: 100%;
	display: flex;
	align-items: center;
}

#revenge_trip .item_box > li .flex-right {
	width: 100%;
    box-sizing: border-box;
    padding-left: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*���i��*/
#revenge_trip ul.item_box h4{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 3vw;
    color: #2c2c2c;
    text-align: center;
    height:     10vw;
    line-height: 4vw;
    font-weight: 700;
}

/*�T�C�Y*/
#revenge_trip .size{
	display: flex;
	gap: 1%;
	color: #FFF;
	margin-bottom: 0;
	flex-wrap: wrap;
	justify-content: center;
}

#revenge_trip .size span{
    background-color: #555555;
    margin-bottom: 1.5vw;
    font-size: 3vw;
    padding: .1em .4em;
    white-space: nowrap;
    line-height: 1.6;
    font-weight: 600;
}

/*�|�C���g�i��*/
#revenge_trip .point{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	gap: 0 1%;
}

#revenge_trip .point li{
	display: flex;
    flex-wrap: wrap;
    margin-top: 1%;
    width: 8vw;
}

#revenge_trip .point li p{
    font-size: 2.5vw;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    line-height: 2.9vw;
    height: 6vw;
    align-items: center;
    font-weight: 500;
}

/* ���i�v�� */
#revenge_trip .prdisp-price span:first-child{/*���i*/
    display: none;
}

#revenge_trip .item_box .price_block{
    display: flex;
    justify-content: center;
    color: #2c2c2c;
    text-align: center;
    font-weight: bolder;
    align-items: flex-end;
    margin-bottom: 0.2vw;
    padding: 1vw;
}

#revenge_trip .item_box .price_block .value{
    font-family: 'Lato';
    font-weight: bolder;
    letter-spacing: 0.2vw;
	font-size: 5vw;
}

#revenge_trip .item_box .price_block span{
    font-family: 'Noto Sans JP';
    font-size: 3vw;
    letter-spacing: 0px;
    font-weight: bolder;
    margin-bottom: 1%;
} 

#revenge_trip .item_box .price_block span.tax{
	font-size: 15px;
	margin-bottom: 1.5%;
} 

#revenge_trip .item_box .price_block.sale::before{
	font-family:'Material Icons';
	content: "\e579";
	font-weight: bolder;
	transform: rotate(-135deg);
	margin-bottom: 1%;
	font-size: 48px;
}

#revenge_trip .item_box		dl dd.price_nomal{/*�ʏ퉿�i*/
	font-family: 'Lato';
	text-align: left;
	font-size: 20px;
	color: #8c8c8c;
	text-decoration: line-through;
	margin-left:13%;
} 

/* �{�^�� */
#revenge_trip .item_box div.cart{
    position: relative;
    background-color: #661818;
    border-radius: 100vw;
    /* border: solid 2px #1a1a1a; */
    padding: 1.8vw 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 3vw;
}

#revenge_trip .item_box div.cart p{
    font-size: 3.5vw;
    font-weight: 600;
    /* padding-left: 10px; */
}

#revenge_trip .item_box div.cart::after {
    position: absolute;
    font-family: 'Material Icons';
    content: "expand_more";
    transform: translate(50%, -50%) rotate(-90deg);
    top: 50%;
    right: 10%;
    font-size: 4vw;
}

#revenge_trip .cate {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #ffffff;
    font-size: 3vw;
    font-weight: bold;
    background-color: #784e31;
    height: 15vw;
}

#revenge_trip .cate::after {
	position: absolute;
	right: 12%;
	top: 50%;
	transform: translate(50%, -50%);
	font-family: 'Material Icons';
	content: "\e5cc";
}

#revenge_trip .cate h4{
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
}
/*�摜*/
/* #revenge_trip ul.item_box.col_1 li img {
	width: 45%;
	height: 100%;
	margin-right: 3%;
} */


/*=======================================
section item
=======================================*/
#revenge_trip .item{
	width: 1100px;
	background-color: #c3e6f1;
	margin: 0 auto;
	border-radius: 130px;
} 

#revenge_trip .item .item_block{
	width: 900px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
}

#revenge_trip .revo-camp{
	margin-bottom: 10px;
}

#revenge_trip div.nomal_item ul.item_box li{
    border-radius: 15px;
}
#revenge_trip div.nomal_item ul.item_box li img{
    border-radius: 9px 9px 0 0 ;
}

/*�̑��E���i*/
/*�ڋʃA�C�e���̏ꍇ*/
#revenge_trip div.medama_item ul.item_box li dl dd.sale_box{
    display: flex;
    align-items: center;
    justify-content: center;
}

/*�̑����e*/
#revenge_trip ul.item_box li dl dd.sale_box div.sale{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90px;
    background-color: #9d010e;
    color: #ffe13b;
    font-size: 25px;
    font-weight: 800;
    text-align: center;
    font-style: italic;
}

#revenge_trip ul.item_box li dl dd.sale_box div.sale span{
    font-size: 32px;
}

/*=======================================
item_block item_01 �X�[�c�P�[�X
=======================================*/
#revenge_trip .Recommended img{
	width: 95%;
	display: flex;
	justify-content: center;
	margin: 2% auto 0;
} 


/*-----------------------------------------------
section bottom
-----------------------------------------------*/
#revenge_trip .bottom{
    background-color: #273d59;
    text-align: center;
    color: #fff;
    font-size: 4.5vw;
    padding: 3vw 0 3vw 0;
    font-weight: normal;
}

#revenge_trip .bottom a{
    color: #fff;
    font-size: 4.5vw;
    letter-spacing: 1px;
    font-weight: normal;
}

/*-----------------------------------------------
id2 
-----------------------------------------------*/


#revenge_trip ul.sp_col2 > li{
	width: calc(calc(100% - 2%) / 2)!important;
}

/*���i�J����
================*/

#revenge_trip .item_block ul.sp_col2 li a{
	display: block;
}

#revenge_trip .item_block ul.sp_col2 .thumb {
        width: 100%;
}

#revenge_trip .item_block ul.sp_col2 dl {
        width: 100%;
        margin: 0 0 0 3%;
}

/*-----------------------------------------------
section pagetop
-----------------------------------------------*/
#revenge_trip .pagetop {
    position: fixed;
    bottom: 17vw;
    right: 4vw;
    z-index: 9999;
}

#revenge_trip .pagetop a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 3vw;
    font-weight: 700;
    background-color: #000;
    border-radius: 80px;
    width: 12vw;
    height: 12vw;
}

#revenge_trip .pagetop a ::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #fff;
}


    /*-----------------------------------------------
	section event 250926�lj�
	-----------------------------------------------*/
	#revenge_trip .event ul {
		padding: 2vw 0;
	}

    #revenge_trip .event ul.sale_item li{
        background-color: #fff;
        margin: 0 auto;
        padding: 2vw;
    }

    /*���i��*/
    #revenge_trip .event ul.sale_item li dl dt h4{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 3.6vw;
        color: #1b1b1b;
        text-align: center;
        height: 13vw;
        line-height: 5vw;
        font-weight: 800;
    }

    /*�̑����e*/
    #revenge_trip .event ul.sale_item li dl dd.sale_box .sale{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 15vw;
        background-color: #9d010e;
        color: #ffe13b;
        font-size: 4.2vw;
        font-weight: 800;
        text-align: center;
    }

	#revenge_trip .event ul.sale_item li dl dd.sale_box div.sale div{
		font-weight: 800;
	}

    #revenge_trip .event ul.sale_item li dl dd.sale_box div.sale span{
        font-size: 6vw;
        line-height: 5vw;
        font-weight: 800;
    }

    /*���i*/
    #revenge_trip .event ul.sale_item li dl dd.sale_box div.price_block{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 15vw;
        background-color: #ffe13b;
    }

    #revenge_trip .event ul.sale_item li dl dd.sale_box div.price_block div.price_nomal{
        font-size: 3vw;
        color: #1b1b1b;
        text-decoration:line-through;
        text-align: center;
    }

    #revenge_trip .event ul.sale_item li dl dd.sale_box div.price_block div.prices{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        height: 9vw;
    }

    #revenge_trip .event ul.sale_item li dl dd.sale_box div.price_block div.prices span.prdisp-taxin{
        font-family: "Jost";
        color: #850a0a;
        font-weight: 800;
        letter-spacing: -0.2vw;
    }

    #revenge_trip .event ul.sale_item li dl dd.sale_box div.price_block div.prices span.prdisp-taxin span.value{
        font-family: "Jost";
        font-size: 9vw;
		font-weight: 600;
    }

    #revenge_trip .event ul.sale_item li dl dd.sale_box div.price_block div.prices span.prdisp-taxin span{
		font-family: "Jost";
        font-size: 5vw;
		font-weight: 600;
    }

    /*�{�^��*/
    #revenge_trip .event ul.sale_item li dl dd.btn{
        position: relative;
        background-color: #1b1b1b;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1.5vw auto;
        border-radius: 12vw;
        height: 10vw;
        width:95%;
        padding-right: 2vw;
        color: #fff;
        text-align: center;
        font-size: 3.5vw;
        font-weight: 600;
    }

    #revenge_trip .event ul.sale_item li dl dd.btn::after{
        position: absolute;
        font-family: 'Material Icons';
        content: "play_circle_filled";
        transform:translate(50%,-50%);
        font-size: 7vw;
        top:50%;
        right: 11%;
    }