/*デジタルカタログ（4種共通）専用 CSS　Ver.1.0.0（2025.02.10作成） */

.non-home main.degital-catalog {padding-top:0;}
.non-home main.degital-catalog h2 {padding-bottom:0;}
.non-home main.degital-catalog h2 span.page-title {font-size:64px; text-decoration:none; color:rgba(255,255,255,1.0); position:absolute; top:0; left:0; z-index:2;}
.page-header {width:100%;}
.page-menu {width:100%; max-width:1000px; margin:30px auto 0; padding:0 20px;}
.page-menu li {width:14%; padding:0 1%; border-left:1px solid rgb(75,75,75);}
.page-menu li:last-child {border-right:1px solid rgb(75,75,75);}
.page-menu li a {padding:2px 0.2em; font-size:10.5px; text-align:center; display:block;}
.items-catagory {margin-top:100px;} #catalog.items-catagory {padding:50px 0 30px; background-color:rgba(240,240,240,1.0);}
#main-content .items-catagory h3 {font-family:'Cormorant Garamond', serif; margin-bottom:20px; font-size:40px; font-weight:normal; line-height:1.35; text-align:left;}
#main-content .items-catagory h3 span {display:block;}
.items-catagory h4 {margin-bottom:30px; font-size:18.5px; line-height:0.8; border-bottom:2px solid rgb(75,75,75); display:inline-block;}
.items-catagory a {display:block;}
.item-box {width:48%;}
.item-box-text p {font-weight:300; line-height:1.65;}
.item-sub-box {display: flex; flex-direction:column; justify-content:space-between;}
.item-box-ph-s a {width:25%;}
.for-catalog {margin-top:20px;}
.for-catalog a {padding:2px 10px; font-size:10.5px; line-height:1.0; display:inline-block; border-right:1px solid rgb(75,75,75); border-left:1px solid rgb(75,75,75);}
.dc-btn-title {text-align:center; position:relative;}
.dc-btn-title span {padding:0 10px; font-size:1.15em; background-color:rgb(240,240,240); position:relative; z-index:3;}
.dc-btn-title::before {content:""; width:100%; border-top:1px solid rgb(180,180,180); position:absolute; top:50%; transform:translateY(-50%); left:0;}
.dc-btn-wrap {width:100%; max-width:1020px; margin:0 auto; padding:20px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.dc-btn {width:48%; margin-bottom:20px;}
.dc-btn a, .dc-btn a:visited {padding:1.2em 1.0em; text-align:center; color:#fff; background-color:rgba(114, 114, 114, 1.0); border-radius:6px; box-shadow:2px 2px 6px rgba(0,0,0,0.2); display:block;}
.dc-btn a:hover {box-shadow:0 0 2px rgba(0,0,0,0.5);}
.page-footer {padding-top:60px} .dc-foot-navi li {width:23.5%;} .dc-foot-navi li a {transition: 0.25s;} .dc-foot-navi li a:hover {opacity:0.6;}

.swiper-slide-active .slide-media,
.swiper-slide-duplicate-active .slide-media,
.swiper-slide-prev .slide-media {
  animation: zoomanime 7s linear 0s normal both;
}
@keyframes zoomanime {
	5% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.15);
	}
}

/*=================================
タブレット設定（641px〜1024px）
=================================*/
@media only screen and (max-width: 1024px) {
	.page-menu {padding:0 5px;}
}

/*=================================
スマホ設定（〜640px）
=================================*/
@media only screen and (max-width: 640px) {
	.non-home main.degital-catalog {padding-top:48px;}
	.non-home main.degital-catalog h2 span.page-title {font-size:38px; left:10px;}
	.page-menu {max-width: 360px; margin: 5px auto 0; padding: 0 5px;}
	.page-menu li:nth-child(4n) {border-right:1px solid rgb(75,75,75);}
	.page-menu li {width:25%; margin-top:15px;}
	.page-menu li a {padding:0; font-size:8px;}
	.items-catagory:not(:first-of-type) {margin-top:50px;}
	#main-content .items-catagory h3 {margin-bottom:10px; font-size:25px;}
	.items-catagory h3 span {font-size:11px;}
	.items-catagory h4 {margin-bottom:15px; font-size:15px; line-height:1.15; border-bottom:1px solid rgb(75,75,75);}
	.item-box {width:100%;}
	.item-sub-box {flex-direction:column-reverse;}
	.item-box-text, .item-box-ph, .item-box-ph-s {margin-top:10px;}
	.dc-btn {width:100%; margin-bottom:16px;}
	.dc-btn a, .dc-btn a:visited {font-size: 11px;}
	.dc-foot-navi li {width:48.7%; margin-bottom:10px;}
}