@charset "UTF-8";

.tensen {
	margin-top: -15px;
  	/* margin-bottom: 14px; */
	margin-bottom: 25px;
	height: 17px;
}

/*
.category_title {
	margin-bottom: 24px;
}
*/
h3 {
	/* float: left; */
	margin-top: 0;
	/* margin-bottom: 24px; */
}

#description {
	font-size: 0.95rem;
	margin: 5px 10px 20px 10px;

}

#product-list {
	font-size: 1.1rem;
	margin: 0 10px;
}

.tour-category-box {
	margin: 0 10px;
}

.tour-category-box .title-box {
	margin-bottom: 30px;
}

.tour-category-box .sub_title {
	/* float: left;
	margin-left: 0;
	margin-top: 10px; */
}

.tour_box {
	/* float: left;
	width: 345px;
	margin-right: 20px;
	margin-bottom: 28px; */
	margin-bottom: 40px;
	/* max-width: 340px; */
	max-width: 715px;
}

.tour_picture {
	/* float: left; */
	width: 150px;
}

.tour_box div {
	/* float: left; */
	/* width: 190px; */

	/* height: 130px; */
	position: relative;
	/* overflow: hidden; */
}

.tour_title {
	font-size: 10pt;
	font-weight: bolder;
/*	height: 24px;*/

	margin-bottom: 4px;
	line-height: 12pt;
	word-wrap: break-word;
}


.tour_description {
	/* font-size: 8pt; */
	font-size: 0.75rem;
/*	height: 86px;*/

	line-height: 12pt;
	word-wrap: break-word;
}

.tour_detail {
	/* position: absolute;
	left: 0px;
	top: 112px; */
}

#tour_plus {
	float: left;
	margin-bottom: 10px;
}

#tour_plus p {
	float: left;
}

#tour_plus img {
	margin-bottom: 3px;
}

#plus {
	margin-left: 10px;
	font-size: 8pt;
}

/* リンク（通常） */
#plus a:link
{
	text-decoration:underline;		/* 表示形式 : アンダーライン無し */
	color:#ff3333;
}
/* リンク（既に見たリンク） */
#plus a:visited
{
	text-decoration:underline;		/* 表示形式 : アンダーライン無し */
	color:#ff3333;
}
/* リンク（選択時） */
#plus a:active
{
	text-decoration:underline;		/* 表示形式 : アンダーライン無し */
	color:#ff3333;
}
/* リンク（リンク上にポインタがある時） */
#plus a:hover
{
	text-decoration:underline;	/* 表示形式 : アンダーラインあり */
	color:#ff3333;
}



@media (min-width: 360px) {

	.tour_box {
		display: flex;
		gap: 20px 0;
		margin-bottom: 40px;
		/* max-width: 340px; */
	}

	.tour_picture {
		flex-shrink: 0;
		width: 140px;
	}

	.tour_box div {
		flex-grow: 1;
		height: 130px;
		position: relative;
		overflow: hidden;
	}

	.tour_detail {
		position: absolute;
		left: 0px;
		top: 112px;
	}



}


@media (min-width: 715px) {

	#ryokou-box {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.tour_box {
		width: 335px;
	}



}


@media (min-width: 1123px) {

	.tour_description {
		font-size: 0.67rem;
	}




}