@charset "utf-8";

/*fossil
---------------------------------------------------------------------------*/
.fossil_contents {
	display: flex;
	flex-direction: column;
	margin-bottom: 3%;
}
.fossil_contents .fossil_photo_l {
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 4%;
	margin-bottom: 8%;
}
.fossil_contents .fossil_photo_l img{
	width: 100%;
}
.fossil_contents .fossil_photo_l .photo_caption{
	text-align: center;
	margin: 1% auto;
}

.fossil_bnr_area {
	display: flex;
	flex-direction: column;
}
.fossil_bnr_area .fossil_bnr{
	margin-bottom: 5%;
}
.fossil_bnr_area .fossil_bnr img{
	width: 100%;
}

		/*画面幅768px以上の追加指定*/
		@media screen and (min-width:768px) {
	
			/*PCのみ表示*/
			.fossil_contents {
				display: flex;
				flex-direction: row;
			}
            .fossil_contents .fossil_photo_l {
	            width: 30%;
	            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	            padding: 1.5%;
				margin-bottom: 0;
            }    
			.fossil_contents .fossil_txt {
				width: 65%;
				padding: 1.3%;
				margin-left: 5%;
			}
			.fossil_contents .fossil_txt p{
                padding-bottom: 3%;
			}

			.goby_bnr_area {
				flex-direction: row;
				gap: 4%;
			}
			.goby_bnr_area .goby_bnr{
				width: 32%;
			}

			.goby_contents02 {
				display: flex;
				flex-direction: row;
			}
			.goby_contents02 .goby02_photo_area {
	            width: 30%;
            }    
            .goby_contents02 .goby02_photo {
	            width: 100%;
	            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	            padding: 5%;
            }    
			.goby_contents02 .goby02_txt {
				width: 70%;
				padding: 1.3%;
				margin-right: 5%;
			}

			.goby_contents03 {
				display: flex;
				flex-direction: row;
			}
			.goby_contents03 .goby03_photo_area {
	            width: 30%;
            }    
            .goby_contents03 .goby03_photo {
	            width: 100%;
	            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	            padding: 5%;
            }    
			.goby_contents03 .goby03_txt {
				width: 65%;
				padding: 1.3%;
				margin-left: 5%;
			}
			
			}/*画面幅768px以上の追加指定ここまで*/


	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {
	

	}/*画面幅900px以上の追加指定ここまで*/


	.exbition_contents03 {
		display: flex;
		flex-direction: column;
	}
	.exbition_contents03 .exbition_photo_area02 {
		width: 100%;
		margin-bottom: 5%;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 4%;
	}
	.exbition_contents03 .exbition_photo_area02 img{
		width: 100%;
	}
	.exbition_contents03 .exbition_txt_area .exbition_wifi_area{
		margin-left: 3%;
	}
			/*画面幅768px以上の追加指定*/
			@media screen and (min-width:768px) {
		
				/*PCのみ表示*/
				.exbition_contents03 {
					flex-direction: row;
				}
				.exbition_contents03 .exbition_photo_area02 {
					width: 35%;
					padding: 1.5%;
					margin-right: 3%;
				}
				.exbition_contents03 .exbition_txt_area {
					width: 65%;
				}
				.exbition_contents03 .exbition_txt_area .exbition_wifi_area{
					margin-top: 8%;
				}
				
				}/*画面幅768px以上の追加指定ここまで*/
	
	
		/*画面幅900px以上の追加指定*/
		@media screen and (min-width:900px) {
		
	
		}/*画面幅900px以上の追加指定ここまで*/

/*fossil-detail
---------------------------------------------------------------------------*/
.fossil_detail_contents {
	display: flex;
	flex-direction: column;
	margin-bottom: 8%;
}
.fossil_detail_contents_r {
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 8%;
}
.fossil_detail_contents .fossil_photo_l {
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 4%;
	margin-bottom: 8%;
	height: auto;
	align-self: flex-start;
}
.fossil_detail_contents .fossil_photo_l img{
	width: 100%;
}
.fossil_detail_contents_r .fossil_photo_r {
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 4%;
	margin-bottom: 8%;
}
.fossil_detail_contents_r .fossil_photo_r .photo_caption{
	text-align: center;
	margin: 1% auto;
}
.fossil_detail_contents_r .fossil_photo_r img{
	width: 100%;
}

.fossil_detail_contents .fossil_txt{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 3%;
}
.fossil_detail_contents .fossil_photo_l_w30 {
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 4%;
	margin-bottom: 6%;
	height: auto;
	align-self: flex-start;
}
.fossil_detail_contents .fossil_photo_l_w30 .photo_caption{
	text-align: center;
	margin: 1% auto;
}
.fossil_detail_contents .fossil_photo_l_w30 img{
	width: 100%;
}

.fossil_detail_contents .fossil_photo_l_h50 {
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 4%;
	margin-bottom: 6%;
}
.fossil_detail_contents .fossil_photo_l_h50 .photo_caption{
	text-align: center;
	margin: 1% auto;
}
.fossil_detail_contents .fossil_photo_l_h50 img{
	width: 100%;
}
.fossil_detail_contents .fossil_photo_l_w40 {
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 3%;
	margin-bottom: 6%;
}
.fossil_detail_contents .fossil_photo_l_w40 .photo_caption{
	text-align: center;
	margin: 1% auto;
}
.fossil_detail_contents .fossil_photo_l_w40 img{
	width: 100%;
}

.fossil_detail_contents .fossil_txt_w70{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 3%;
}
.fossil_detail_contents .fossil_txt_w80{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 3%;
}
.fossil_detail_contents .fossil_photo_l_w100 {
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 4%;
	margin-bottom: 6%;
}
.fossil_detail_contents .fossil_photo_l_w30 .photo_caption{
	text-align: center;
	margin: 1% auto;
}
.fossil_detail_contents .fossil_photo_l_w100 img{
	width: 100%;
}

.fossil_exp_contents{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 8%;
	background-color: #E7F5FF;
	border-radius: 50px;
	padding: 5% 2%;
}
.fossil_exp_contents .fossil_photo_l_w80 {
	width: 90%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 4%;
	margin:0 auto 4% auto;
	background-color: #fff;
	border-radius: 20px;
}
.fossil_exp_contents .fossil_photo_l_w80 .photo_caption{
	text-align: center;
	margin: 1% auto;
}
.fossil_exp_contents .fossil_photo_l_w80 img{
	width: 90%;
	text-align: center;
}
.fossil_detail_contents .fossil_txt_l{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 3%;
}
.fd_tate{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 10%;
}
.fossil_detail_contents .fd_tate .fossil_photo_l_w30 {
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 4%;
	margin-bottom: 10%;
	height: auto;
	align-self: flex-start;
}
.fossil_detail_contents .fd_tate .fossil_photo_l_w30 .photo_caption{
	text-align: center;
	margin: 1% auto;
}
.fossil_detail_contents .fd_tate.fossil_photo_l_w30 img{
	width: 100%;
}
/*画面幅768px以上の追加指定*/
			@media screen and (min-width:768px) {
		
				/*PCのみ表示*/
				.fossil_detail_contents  {
					flex-direction: row;
					margin-bottom: 5%;
				}
				.jcc{
					justify-content: center;
				}
				.gap30px{
					gap:0 30px;
				}
				.fossil_detail_contents .fossil_photo_l {
					width: 50%;
					box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
					padding: 1.5%;
					margin-bottom: 0;
				}
				.fossil_detail_contents_r  {
					flex-direction: row;
					margin-bottom: 5%;
				}
				.fossil_detail_contents_r .fossil_photo_r {
					width: 50%;
					height: auto;
					box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
					padding: 1.5%;
					margin-bottom: 0;
				}    

				.fossil_detail_contents .fossil_txt {
					width: 50%;
					padding: 1.3%;
					margin-left: 5%;
					margin-bottom: 0%;
				}

				.fossil_detail_contents .fossil_photo_l_w30 {
					width: 40%;
					padding: 1.5%;
					margin-bottom: 0%;
					height: auto;
				}
				.fossil_detail_contents .fossil_photo_l_w40 {
					width: 47%;
					margin: 0 3%;
				}
				.fossil_detail_contents .fossil_photo_l_h50 {
					width: auto;
					height: 10%;
					box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
					padding: 1.5%;
					margin-bottom: 0%;
				}

				.fossil_detail_contents .fossil_txt_w70 {
					width: 60%;
					padding: 1.3%;
					margin-left: 5%;
				}
				.fossil_detail_contents .fossil_txt_w80{
					width: 80%;
					padding: 1.3%;
					margin-left: 5%;
				}
				.fossil_exp_contents{
					flex-direction: row;
					padding: 4% 6%;
				}
				.fossil_detail_contents_r .fossil_txt_l {
					width: 70%;
					padding: 1.3% 1.3% 1.3% 0;
					margin-right: 5%;
					margin-bottom: 0%;
				}
				.fd_tate{
					display: flex;
					flex-direction: row;
					max-width: 60%;
				}
				.fossil_detail_contents .fd_tate .fossil_photo_l_w30 {
					margin-bottom: 0;
					margin-right: 5%;
				}
				.fossil_detail_contents .fd_tate .fossil_photo_l_w30:last-child {
					margin-right: 0%;
				}

				}/*画面幅768px以上の追加指定ここまで*/