@charset "utf-8";

#fv.no_bg_content {padding: 75px 0 0;}
/* ------------------------------------------------------------ #photograph ------------------------------------------------------------ */
#photograph{padding: 95px 0 0;  min-width: 1200px; overflow: hidden;}
#photograph .swiper_box { width: 100%; }
#photograph .photograph_main_slider {width: 100%;overflow: visible;}
#photograph .photograph_main_slider .swiper-wrapper {align-items: center;}
#photograph .photograph_main_slider .swiper-slide {width: 873px;transition: opacity 0.4s;}
#photograph .photograph_main_slider .img_box {position: relative;}
#photograph .photograph_main_slider .img_box img {display: block;width: 100%;height: auto; aspect-ratio: 3 / 2; object-fit: cover;}

#photograph .photograph_main_slider .img_box a {position: absolute;left: 50%;bottom: -46px;z-index: 2; width: 788px;min-height: 80px;padding: 30px 38px 30px 44px;background: #fff;color: #111;text-decoration: none;box-sizing: border-box;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); opacity: 0;visibility: hidden;transform: translateX(-50%) translateY(10px);transition: opacity 0.4s, visibility 0.4s, transform 0.4s; }
#photograph .photograph_main_slider .swiper-slide-active .img_box a {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
#photograph .photograph_main_slider .img_box a p {width: 100%; font-size: 20px;line-height: 145%;font-weight: 500;}
#photograph .photograph_main_slider .img_box a .data {width: 100%;color: #999; font-size: 15px; display: block; padding: 12px 0 0; line-height: 140%;}
#photograph .photograph_main_slider .img_box a .mini {position: absolute;width: auto; font-size: 16px;text-align: right;box-sizing: border-box; display: inline-block; right: 38px; bottom: 34px; padding: 0 0 0 65px;}
#photograph .photograph_main_slider .img_box a .mini::before {content: "";position: absolute;left: 0;top: 50%;width: 53px;height: 1px; background: #999;}

#photograph .inner_3{max-width: 1600px; margin: 0 auto; padding: 0 56px;}
#photograph .inner_3 .list_box{display: flex; gap: 86px 1px; flex-wrap: wrap; padding: 155px 0 0 ;}
#photograph .inner_3 .list_box li{width: calc(100% / 4 - 1px); height: auto;}
#photograph .inner_3 .list_box li a{display: block;}
#photograph .inner_3 .list_box li img{ width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block;}
#photograph .inner_3 .list_box li p{padding: 15px 0 0; font-size: 15px; text-align: center; line-height: 160%; color: #9A9A9A;}
#photograph .inner_3 .list_box li p span{font-size: 18px; line-height: 160%; color: #000; display: inline-block; padding: 0 0 10px;}

#photograph .gold_page{padding: 115px 0 0;}

/* コンテンツ未登録時：空状態を全幅・余白調整 */
#photograph .inner_3 .list_box li.list_box__empty{width: 100%; background: #efefef;}
#photograph .inner_3 .list_box:has(.list_box__empty){padding: 0;}

.detail_box .img_box:not(:first-child){padding: 54px 0 0;}
/* ------------------------------------------------------------ #photograph_detail------------------------------------------------------------ */
#photograph_detail {padding: 69px 0 0;}

/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */

@media only screen and (max-width: 768px) {


/* fv */
	#fv.no_bg_content { padding: 38px 0% 0; }

/* photograph */
	#photograph { padding: 40px 0 0; min-width: initial; overflow: hidden; }
	#photograph .swiper_box { width: 100%; }
	#photograph .photograph_main_slider { width: 100%; overflow: visible; }
	#photograph .photograph_main_slider .swiper-slide { width: 82vw; }
	#photograph .photograph_main_slider .img_box a { width: 90%; min-height: initial; margin: 15px 0 0; padding: 14px 16px 17px; opacity: 0; visibility: visible; box-shadow: 0 0 15px 5px rgba(0,0,0,0.08);display: flex; flex-wrap: wrap; align-items: end;}
	#photograph .photograph_main_slider .img_box a p { font-size: 16px; line-height: 160%; padding: 0 0 8px;}
	#photograph .photograph_main_slider .img_box a .data { font-size: 12px; padding: 0; line-height: 150%; display: inline-block; width: auto;}
	#photograph .photograph_main_slider .img_box a .mini {position: relative; padding: 0 0 0 40px; font-size: 13px; line-height: 150%; right: auto; bottom: auto; margin: 0 0 0 auto;}
	#photograph .photograph_main_slider .img_box a .mini::before { width: 32px; }
	#photograph .inner_3 { max-width: 90%; padding: 0%; margin: 0 auto;}
	#photograph .inner_3 .list_box { display: block; padding: 80px 0 0; }
	#photograph .inner_3 .list_box li { width: 100%; margin: 0 0 5%; }
	#photograph .inner_3 .list_box li:last-child { margin-bottom: 0; }
	#photograph .inner_3 .list_box li p { padding: 8px 0 0; font-size: 12px; line-height: 160%; }
	#photograph .inner_3 .list_box li p span { font-size: 16px; line-height: 160%; padding: 0 0 6px; }
	#photograph .gold_page { padding: 55px 0 0; }

	.detail_box .img_box:not(:first-child){padding: 27px 0 0;}
	
	
	/* ------------------------------------------------------------ #photograph_detail------------------------------------------------------------ */
	#photograph_detail {padding: 35px 0 0;}
}