html{font-size: calc(0.25vw + 13.2px);}
li{ list-style:none; }
#lumixbase-content.inner.showroom.gallery .visual {
    background: url(../images/showroom/gallery/sample005.jpg) no-repeat center center;
    background-size: cover;
    height: 600px;
    box-sizing: border-box;
    padding-top: 10px;
}
#lumixbase-content.inner.showroom.gallery .content .lead {
    text-align: center;
    font-size: 18px;
    line-height: 2.2em;
}

#lumixbase-content.inner.showroom.gallery .content .sec {
	width:960px;
	max-width:90%;
	margin:80px auto;
}
#lumixbase-content.inner.showroom.gallery .content .sec.holding .box {
	margin-left:120px;
}
#lumixbase-content.inner.showroom.gallery .content .sec.holding .box>.unit {
	display:flex;
}
#lumixbase-content.inner.showroom.gallery .content .sec.holding .box>.unit>div {
	width:50%;
}
#lumixbase-content.inner.showroom.gallery .content .sec.preparing .box {
	margin-left:120px;
}
#lumixbase-content.inner.showroom.gallery .content .sec.preparing .unit {
    width: calc(50% - 10px);
    display: inline-block;
}
#lumixbase-content.inner.showroom.gallery .content .sec.preparing .unit>.inner {
	padding:0 10px; 
}
#lumixbase-content.inner.showroom.gallery .content .sec.preparing .title {
	font-size:1.2rem;
	font-weight:bold;
}

#lumixbase-content.inner.showroom.gallery .content .sec.held table {
	width:100%;
}
#lumixbase-content.inner.showroom.gallery .content .sec.held table td {
	margin-bottom:1rem;
}

@media screen and (max-width: 640px) {
#lumixbase-content.inner.showroom.gallery .visual {
	height:300px;
}
#lumixbase-content.inner.showroom.gallery .content .sec.holding .box {
	margin-left:20px;
}
#lumixbase-content.inner.showroom.gallery .content .sec.holding .box>.unit {
	display:block;
}
#lumixbase-content.inner.showroom.gallery .content .sec.holding .box>.unit>div {
	width:100%;
}
#lumixbase-content.inner.showroom.gallery .content .sec.preparing .box {
	margin-left:20px;
}
#lumixbase-content.inner.showroom.gallery .content .sec.preparing .unit {
	width:100%;
	margin-bottom:50px;
}
#lumixbase-content.inner.showroom.gallery .content .sec.held table td {
	display:block;
}
}

section.holding>p.subtitle { text-align: center; }
section.holding>h1.title { text-align: center; margin-bottom: 60px; font-size:1.2rem; }
h2{ font-size:1.2rem; box-sizing: border-box; border-bottom: 2px solid black; padding-bottom: 5px; margin-bottom:50px; }
h3 { font-size: 1.1rem; font-weight: bold; margin-top: 3rem; }

section#artist .artist{ margin-bottom:2rem; }
section#artist .artist .inner{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;     -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
section#artist .artist h2{ width:100%; margin:20px; }
section#artist .artist div.image{ display:inline-block; width:30%; }
section#artist .artist div.summary{ display:inline-block; /* width:70%; */ }
section#artist .artist div.image>div.inner{ padding:10px; }
section#artist .artist div.summary>div.inner{ padding:0 0 0 20px; }
section#artist .artist div.summary p.name { font-size: 1.3rem!important; font-weight:bold; margin: 0 0 1rem; width:100%; }
section#artist .artist div.summary div.detail { font-size: .8rem!important;}

/* add start 20260205 */
section#artist .artist .summary>.inner{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;     -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: nowrap !important;/* display:block; */ }
section#artist .artist .summary>.inner div.image{ display:inline-block; width:30%; min-width:30%; }
/* add end 20260205 */

#lumixbase-content .content #top{ width:720px; max-width:100%; margin:80px auto; }
#lumixbase-content .content #top .top{ /* display: flex; flex-direction: row-reverse; justify-content: center;*/ }
#lumixbase-content .content #top .top>.item{ /*width:50%;*/ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-evenly;}
#lumixbase-content .content #top .top>.item>.inner{ padding:0 10% 0 10%; }
#lumixbase-content .content #top .top>.item>.inner .title{ font-size:2rem; font-weight:bold; white-space: nowrap; padding:0; margin:0; border:0; text-align:center; }
#lumixbase-content .content #top .top>.item>.inner .subtitle{ /*font-size:1.3rem; white-space: nowrap;*/ padding:0; margin:0; border:0; font-size:1.1rem; font-weight:bold; text-align:center; }
#lumixbase-content .content #range .range p{ font-size: .9rem; line-height: 1rem; padding: 0; border: 0; margin: 0; }
#lumixbase-content .content #range .range p:first-child{ font-size: 1rem; font-weight:bold; margin-bottom:1rem; }
#lumixbase-content .content #summary .summary .inner div{ font-size:1rem; }
#lumixbase-content .content #summary .summary .inner div p{ line-height:1.5rem!important; margin-bottom:1rem; }

section.sec .inner { padding: 0 2rem; }

section.finished table{ width:100%; text-align:left; border-collapse: collapse; }
section.finished table tr{ border-bottom:1px solid #666; }
section.finished table td{ padding-top:1rem; font-size:.8rem; }
.mt1{ margin-top:1rem; }
.mt2{ margin-top:2rem; }
.ml1{ margin-left:1rem; }
.tar{ text-align:right; }
section#top div.image img{ margin:0 auto; }

@media screen and (max-width: 640px) {
section#artist .artist div.image{ width:100%; max-width:100%; }
section#artist .artist div.summary{ width:100%; max-width:100%; }
h1.title{ font-size:1rem; }
section#artist .artist div.summary>div.inner{ padding:0 10px; }
section#artist .artist div.summary p.name { font-size: 1rem!important; }
#lumixbase-content .content #top .top{ flex-direction: column-reverse; }
#lumixbase-content .content #top .top>.item{ width:100%; }
/*
#lumixbase-content .content #top .top>.item>.inner{ padding:0; }
#lumixbase-content .content #top .top>.item>.inner .title{ font-size:1.2rem; text-align:center; }
 */
#lumixbase-content .content #top .top>.item>.inner .subtitle{ text-align:center; }
section.sec .inner { padding: 0 .5rem; }

#lumixbase-content .content #top .top>.item>.inner { padding-left:.5rem; }
#lumixbase-content .content #top .top>.item>.inner .title { font-size:1.2rem; }

section#artist .artist div.image{ width:100%; max-width:100%; }
section#artist .artist div.summary{ width:100%; max-width:100%; }
h1.title{ font-size:1rem; }
section#artist .artist div.summary>div.inner{ padding:0!important; }
section#artist .artist div.summary p.name { font-size: 1rem!important; }

/* add 20260205 */
section#artist .artist .summary>.inner{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;     -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: nowrap !important;/* display:block; */ }
section#artist .artist .summary>.inner div.image{ display:inline-block; width:30%; min-width:30%; }
section.finished table td{ font-size:.7rem; }
}
