/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

.gallerymm {
 width: 100%;
 height: auto;
 display: flex;
 flex-wrap: wrap;
 gap: 70px 0px;
}
.gallerymm li {
 flex:0 0 calc((100% - 0px * 3) / 4);
 height: auto;
 display: block;
}
.gallerymm li a {
 width: 100%;
 height: auto;
 display: block;
 text-decoration: none;
}
.gallerymm li a .gallery_img {
 width: 100%;
 height: auto;
 display: block;
 overflow: hidden;
 box-shadow:0px 5px 10px rgba(0,0,0,0.2);
 transition: .4s all;
 margin-bottom: 15px;
}
.gallerymm li:nth-child(3n + 1) a .gallery_img {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.gallerymm li:nth-child(3n + 3) a .gallery_img {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.gallerymm li a:hover .gallery_img {
 filter: brightness(1.5);
}
.gallerymm li a .gallery_cc {
 width: 100%;
 height: auto;
 display: block;
 background-image: url(../img/header/box-333.webp);
 background-repeat: no-repeat;
 background-position: 0 bottom;
 background-size: 20% 1px;
 padding:0 0 10px 0;
 transition: .4s all;
}
.gallerymm li a:hover .gallery_cc {
background-image: url(../img/header/box-1st.webp);
 background-size: 80% 1px;
}
.gallerymm li a .gallery_cc p {
 width: fit-content;
 height: auto;
 display: block;
 font-size: clamp(12px, 1.1vw, 14px);
	font-weight: 400;
 line-height: 1.25em;
	letter-spacing: -0.03em;
 padding:0 1em 0 0;
 background-color: var(--color-white);
 margin:0;
}
}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

.gallerymm {
 width: 100%;
 height: auto;
 display: flex;
 flex-wrap: wrap;
 gap: 70px 0px;
}
.gallerymm li {
 flex:0 0 calc((100% - 0px * 2) / 3);
 height: auto;
 display: block;
}
.gallerymm li a {
 width: 100%;
 height: auto;
 display: block;
 text-decoration: none;
}
.gallerymm li a .gallery_img {
 width: 100%;
 height: auto;
 display: block;
 overflow: hidden;
 box-shadow:0px 5px 10px rgba(0,0,0,0.2);
 transition: .4s all;
 margin-bottom: 15px;
}
.gallerymm li:nth-child(3n + 1) a .gallery_img {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.gallerymm li:nth-child(3n + 3) a .gallery_img {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.gallerymm li a:hover .gallery_img {
 filter: brightness(1.5);
}
.gallerymm li a .gallery_cc {
 width: 100%;
 height: auto;
 display: block;
 background-image: url(../img/header/box-333.webp);
 background-repeat: no-repeat;
 background-position: 0 bottom;
 background-size: 20% 1px;
 padding:0 0 10px 0;
 transition: .4s all;
}
.gallerymm li a:hover .gallery_cc {
background-image: url(../img/header/box-1st.webp);
 background-size: 80% 1px;
}
.gallerymm li a .gallery_cc p {
 width: fit-content;
 height: auto;
 display: block;
 font-size: clamp(12px, 1.1vw, 14px);
	font-weight: 400;
 line-height: 1.25em;
	letter-spacing: -0.03em;
 padding:0 1em 0 0;
 background-color: var(--color-white);
 margin:0;
}

}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

.gallerymm {
 width: 100%;
 height: auto;
 display: flex;
	flex-direction: column;
 flex-wrap: wrap;
 gap: 40px 0px;
}
.gallerymm li {
 width: 100%;
 height: auto;
 display: block;
}
.gallerymm li a {
 width: 100%;
 height: auto;
 display: block;
 text-decoration: none;
}
.gallerymm li a .gallery_img {
 width: 100%;
 height: auto;
 display: block;
 overflow: hidden;
 box-shadow:0px 5px 10px rgba(0,0,0,0.2);
 transition: .4s all;
 margin-bottom: 15px;
}
.gallerymm li:nth-child(even) a .gallery_img {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.gallerymm li:nth-child(odd) a .gallery_img {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.gallerymm li a:hover .gallery_img {
 filter: brightness(1.5);
}
.gallerymm li a .gallery_cc {
 width: 100%;
 height: auto;
 display: block;
 background-image: url(../img/header/box-333.webp);
 background-repeat: no-repeat;
 background-position: 0 bottom;
 background-size: 20% 1px;
 padding:0 0 10px 0;
 transition: .4s all;
}
.gallerymm li a:hover .gallery_cc {
background-image: url(../img/header/box-1st.webp);
 background-size: 80% 1px;
}
.gallerymm li a .gallery_cc p {
 width: fit-content;
 height: auto;
 display: block;
 font-size: clamp(12px, 1.1vw, 14px);
	font-weight: 400;
 line-height: 1.25em;
	letter-spacing: -0.03em;
 padding:0 1em 0 0;
 background-color: var(--color-white);
 margin:0;
}

}