@charset "utf-8";

/*商品一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main .list_tourdesk {
	position: relative;overflow: hidden;
	margin-bottom: 15px;	/*ボックスの下に空ける余白*/
}
#main .list_tourdesk a {
	text-decoration: none;display: block;overflow: hidden;
	border: 1px solid #dcdcdc;	/*枠線の幅、線種、色*/
	padding: 3%;	/*ボックス内の余白*/
}
#main .list_tourdesk a:hover {
	border: 1px solid #999;	/*マウスオン時の枠線の幅、線種、色*/
}
/*各ボックスの設定（※compactタイプへの追加設定）*/
#main .list_tourdesk.compact {
	box-shadow: none;
	width: 18.4%;			/*幅*/
	float: left;		/*左に回り込み*/
	margin-left: 1.3%;	/*左側に空けるスペース*/
	font-size: 11px;	/*文字サイズ*/
	line-height: 1.2;	/*行間を狭くする*/
}
#main .list_tourdesk.compact a {
	height: 200px;	/*高さ*/
	border: none;
	padding: 0;
}
/*ボックス内のh5タグ設定*/
#main .list_tourdesk h5 {
	margin-bottom: 0.5em;
	color: #508f0c;		/*文字色*/
	margin-left: 22%;	/*左側の写真幅とのバランスをとって設定*/
}
/*ボックス内のh5タグの１文字目への設定*/
#main .list_tourdesk h5::first-letter {
	border-left: 3px solid #508f0c;	/*左側の線の幅、線種、色*/
	padding-left: 10px;	/*線と文字との余白*/
}
/*ボックス内のh5タグ設定（※compactタイプへの追加設定）*/
#main .list_tourdesk.compact h5 {
	border: none;
	margin-left: 0;
}
/*ボックス内のh5タグの１文字目への設定（※compactタイプへの追加設定）*/
#main .list_tourdesk.compact h5::first-letter {
	border: none;
	padding: 0;
}
/*ボックス内の段落タグ設定*/
#main .list_tourdesk p {
	padding: 0px;
	margin-left: 22%;	/*左側の写真幅とのバランスをとって設定*/
}
/*ボックス内の段落タグ設定（※compactタイプへの追加設定）*/
#main .list_tourdesk.compact p {
	margin-left: 0;
}
/*ボックス内の写真設定*/
#main .list_tourdesk figure img {
	float: left;	/*画像を左へ回り込み*/
	width: 20%;		/*写真の幅*/
	margin-right: 2%;	/*写真の右側に空ける余白*/
}
/*マウスオン時のボックス内の写真設定*/
#main .list_tourdesk a:hover figure img {
	opacity: 0.8;	/*透明度80%にする設定*/
}
/*ボックス内の写真設定（※compactタイプへの追加設定）*/
#main .list_tourdesk.compact figure img {
	float: none;
	margin: 0;
	margin-bottom: 10px;
	border: none;
	width: auto;
	padding: 0;
}
/*マウスオン時のボックス内の写真設定（※compactタイプへの追加設定）と、ボックスにoption2スタイルが指定された場合の画像の設定。*/
.list_tourdesk.option2 a:hover figure img,
.list_tourdesk.option2 figure img {
	opacity: 0.3 !important;
}
/*登録日情報*/
#main .list_tourdesk .date {
	display: block;
	font-size: 11px;	/*文字サイズ*/
	color: #999;		/*文字色*/
	text-align: right;	/*テキストを右側に*/
}


/*ショップのご案内ページ（info.html）
---------------------------------------------------------------------------*/
/*ステップブロック１個あたりの設定*/
.step_tourdesk {
	overflow: hidden;
	padding: 20px 20px 120px;	/*上、左右、下へのボックス内の余白*/
	margin-bottom: 20px;
	background: url(../images_tourdesk/arrow1.png) no-repeat center bottom/200px;	/*背景の矢印画像の読み込み。りピーとせず、中央下部に配置。幅は200px。*/
}
/*h4見出し*/
.step_tourdesk h4，.list_tourdesk h4{
	color: #8a0c0c;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
}
/*h4見出しのspanタグ。見出し冒頭の番号。*/
.step_tourdesk h4 span, .list_tourdesk h4 span {
	display: inline-block;
	background: #8a0c0c;	/*背景色*/
	color: #fff;			/*文字色*/
	width: 30px;			/*幅*/
	line-height: 30px;		/*高さ（行間）*/
	border-radius: 50%;		/*角丸のサイズ。50%にすると円形になる。*/
	text-align: center;		/*文字を中央に*/
	margin-right: 10px;		/*右側に空けるスペース*/
}
/*段落タグ*/
.step_tourdesk p {
	padding: 0 !important;
}
/*最後のステップボックス*/
.step_tourdesk:last-child {
	background: none;	/*背景を消す*/
	padding-bottom: 0;	/*下の余白を消す*/
}




/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){


/*商品一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定（※compactタイプへの追加設定）*/
#main .list_tourdesk.compact {
	width: auto;		/*幅*/
	float: none;		/*回り込みをなくす設定*/
	margin: 0;
	font-size: 12px;	/*文字サイズ*/
}
#main .list_tourdesk.compact a {
	height: auto;	/*高さ*/
	border-top: 1px solid #ccc;	/*上の線の幅、選手、色*/
	padding: 10px 0;	/*上下、左右へのボックス内の余白*/
}
/*最後のボックスへの設定*/
#main .list_tourdesk.compact:last-of-type a {
	border-bottom: 1px solid #ccc;	/*下の線の幅、選手、色*/
}
/*ボックス内の写真設定（※compactタイプへの追加設定）*/
#main .list_tourdesk.compact figure img {
	float: left;	/*写真を左に回り込み*/
	width: 20%;		/*写真の幅*/
	margin: 0;
	margin-right: 10px;
}

}