@charset "shift_jis";

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

#revenge_trip *,
#revenge_trip *::before,
#revenge_trip *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
#revenge_trip h1,
#revenge_trip h2,
#revenge_trip h3,
#revenge_trip h4,
#revenge_trip h5,
#revenge_trip h6,
#revenge_trip ul,
#revenge_trip ol,
#revenge_trip dl,
#revenge_trip li,
#revenge_trip dt,
#revenge_trip dd,
#revenge_trip p,
#revenge_trip div,
#revenge_trip span,
#revenge_trip img,
#revenge_trip a,
#revenge_trip table,
#revenge_trip tr,
#revenge_trip th,
#revenge_trip td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

#revenge_trip header,
#revenge_trip footer,
#revenge_trip nav,
#revenge_trip section,
#revenge_trip article,
#revenge_trip main,
#revenge_trip aside,
#revenge_trip figure,
#revenge_trip figcaption {
    display: block;
}

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

#revenge_trip img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

#revenge_trip a {
    color: inherit;
    text-decoration: none;
    transition: 0.2s;
}

#revenge_trip a:hover {
    opacity: 0.5;
}

#revenge_trip .no,
#revenge_trip .pc_none{
    display: none !important;
}

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

body{
	background: #fff;
}

#revenge_trip img{
	width: 980px;
	vertical-align: top;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

#revenge_trip {
	width: 980px;
	background-color: #fff;
	margin: 0 auto;
}

#revenge_trip .pc_none {
	display: none;
}

#revenge_trip .title {
	width: 980px;
	margin: 0 auto;
}

/* ���� ���o��
================================ */

#revenge_trip h1{
	font-size: 0;
}

/* ���� �J����
================================ */
#revenge_trip ul[class^="col_"]{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 1%;
	justify-content: center;
}

#revenge_trip ul.col_1 > li{
	width:100%;
}

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

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

#revenge_trip ul.col_4 > li{
	width: calc(calc(100% - 3%) / 4);
}

#revenge_trip ul.col_5 > li{
	width: calc(calc(100% - 4%) / 5);
}

#revenge_trip ul.col_6 > li{
	width: calc(calc(100% - 5%) / 6);
}

/*=======================================
section side_anchor_link �n���o�[�K�[���j���[
=======================================*/
#revenge_trip .side_anchor_link{
    position: fixed;
    top: 0;
    right: 0;
	width: calc((100vw - 1000px) / 2);
    height: 100%;
    padding-bottom: 45px;
    padding-left: calc(2 * var(--gutter));
    padding-right: calc(2 * var(--gutter));
    display: grid;
    justify-items: center;
    padding-top: calc(240 / 768 * 100dvh);
} 

#revenge_trip .side_anchor_link.on{
	opacity: 1;
} 


#revenge_trip .side_anchor_link ul{
	display: flex;
    flex-direction: column;
	gap: .8vw;
    width: 50%;
	margin-top: .8vw;
} 

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

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

#revenge_trip .side_anchor_link ul li a{
	color: #fff;
	font-weight: 600;
} 

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

#revenge_trip .side_anchor_link li.main_list{
	font-size: 17px;
}

#revenge_trip .side_anchor_link ul.sub_list{
	margin-left: 9%;
	font-size: 15px;
}

#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{
	width: 100%;
	margin: 0 auto;
	padding: 1.5% 0 1%;
	flex-wrap: nowrap;
	gap:10px 0;
	background-color: #fff;
}

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

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

#revenge_trip .anchor_link ul li,
#revenge_trip .anchor_link2 ul li{
    border-right: dotted 1px #441e1e;
}

#revenge_trip .anchor_link ul li:last-child,
#revenge_trip .anchor_link2 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: 35px;
}

#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: "\f239";
} 

#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,
#revenge_trip .anchor_link2 ul li a::after{
	font-family:'Material Icons';
	content: "\e5cf";
	transition: 0.2s;
} 

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

#revenge_trip .anchor_link2{
	margin: 20px auto;
	width: 900px;
} 

#revenge_trip .anchor_link{
	margin: 20px auto;
	width: 900px;
} 

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

#revenge_trip h2{
	text-align: center;
	font-size: 28px;
	margin: 1% 0;
	font-weight: 900;
	color: #661818;	
}

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

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

#revenge_trip .choose img{
	width: 900px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#revenge_trip .choose p{
	text-align: end;
	margin: 0 auto;
	display: flex;
	width: 900px;
	justify-content: flex-end;
}

/*=======================================
���o��
=======================================*/
#revenge_trip h3{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	text-align: center;
	color: #661818;
	margin: 1% 0;
	font-weight: 600;
}

#revenge_trip .container h3::before, 
#revenge_trip .container h3::after {
	content: '';
	width: 10%;
	height: 4px;
	background-color: #661818;
	margin: 2%;
}

/*=======================================
inner_content
=======================================*/
#revenge_trip ul[class^="col_"],
#revenge_trip section {
	width: 100%;
	margin: 0 auto;
}

#revenge_trip .container {
	width: 100%;
	background-color: #ffebd4;
	display: flow-root;
	padding-bottom: 2%;
	padding-top: 2%;
}

#revenge_trip .inner_content {
	width: 900px;
	margin: 0 auto;
}

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

#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: 30px;
}

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

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

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

#revenge_trip .col_2 > li .flex-right,
#revenge_trip .col_3 > li .flex-right,
#revenge_trip .col_4 > li .flex-right {
	width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#revenge_trip .col_2 > li .flex-left,
#revenge_trip .col_3 > li .flex-left,
#revenge_trip .col_4 > li .flex-left {
	width: 100%;
	display: flex;
	align-items: center;
}


/*���i��*/
#revenge_trip ul.item_box h4{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 16px;
	color: #3c3c43;
	text-align: center;
	height: 55px;
	line-height: 24px;
	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.5%;
	font-size: 14px;
	padding: .1em .4em;
	white-space: nowrap;
	line-height: 1.6;
	font-weight: 600;
}

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

#revenge_trip .point li{
	display: flex;
    flex-wrap: wrap;
	width: 80px;
}

#revenge_trip .point li p{
	font-size: 16px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	align-items: center;
	font-weight: 500;
	line-height: 17px;
	height: 45px;
}	

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

#revenge_trip .item_box .price_block{
    display: flex;
    justify-content: center;
    color: #3c3c43;
    text-align: center;
    font-weight: bolder;
    align-items: flex-end;
	padding: 10px;
}

#revenge_trip .item_box .price_block .value{
    font-family: 'Lato';
    font-weight: bolder;
    letter-spacing: 1px;
	font-size: 25px;
}

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

#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: #661818;
    padding: .6em 0;
    border-radius: 100px;
    width: 100%;
    color: #fff;
}


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

#revenge_trip .col_4 div.cart p{
    font-size: 14px;
}

#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: 20px;
}

#revenge_trip .cate {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #784e31;
    /* border: solid 5px #100b03; */
    /* box-shadow: 5px 5px 0 #100b03; */
    height: 80px;
    border-radius: 70px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

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

#revenge_trip .cate h4 {
	font-size: 18px;
    font-weight: 700;
}

#revenge_trip ul.col_1.column > li {
    width: 100%;
    padding: 1% 0 0 0;
}

/*�摜*/
/* #revenge_trip ul[class^="col_"] img {
	border-radius: 30px;
} */


/*=======================================
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: 900px;
	display: flex;
	justify-content: center;
	margin: 3% auto 2%;
} 


/*-----------------------------------------------
section bottom
-----------------------------------------------*/
#revenge_trip .bottom{
	width: 100%;
	background-color: #661818;
	margin: 0 auto;
	padding: 2% 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    
}

#revenge_trip .bottom a{
    color: #fff;
    font-size: 18px;
    letter-spacing: 3px;
    transition: 0.2s;
}

#revenge_trip .bottom a:hover{
    opacity: 0.6;
}

/*-----------------------------------------------
section pagetop
-----------------------------------------------*/
#revenge_trip .pagetop {
	position: fixed;
	bottom: 70px;
	right: 20px;
	z-index: 9999;
}

#revenge_trip .pagetop a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #000000;
	border-radius: 80px;
	width: 70px;
	height: 70px;
}

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