@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */
/*体験するのヘッダーイメージをposition-top*/
#page-title h1{
  font-size: 1.5rem;
	position:relative;
	margin-left:32px;
}

#page-title h1::before {
	content:"";
	position:absolute;
	background-image:url(../images/com_mark_3c.png) ;
	top:2px;
	left:-35px;
	 width:2.0rem;
	height: 2.0rem;
	background-size:contain;
}

.top-image.dome img{
   object-position:left top;
}

.image-box{
  text-align: right;
  width: 100%;
}

.image-box img {
  width: 20%;

}
.search-top-image {
  position: relative;
  background-color:black;
  display:inline-block;

}


.colorfilter-image {
  opacity: 0.7;
  display: block;
}

/*.top-image > h2{
  position: absolute;
  left:0;
  bottom:1.5%;
  width:100%;
  margin: 1rem auto;
  font-size: 3rem;
  color:#fff;
  padding-left: 2%;
  line-height:3.75rem;
}*/

.search_howto {
  margin-top:1rem;
  margin-left:1rem;
  line-height:1.8;
}
/*checkbox*/
.group_checkbox,
.subject_checkbox,
.free_search {
  width: 100%;
  margin: 2% 0;
  background: #fff;
  padding: 1%;
  padding-bottom:2.5rem;
  border-bottom:dotted 1px #aaa ;
}

.group_checkbox > h4,
.subject_checkbox > h4,
.free_search > h4 {
  font-weight: bold;
  font-size: 2.0rem;
  color:#262626;
  padding: 0.2rem 0.8rem 0 0.8rem;
  border-left: 7px solid #004098;
}

.group_checkbox > h4,
.subject_checkbox > h4 {
  margin-bottom: 2.5%;
}

.group_checkbox > h5,
.subject_checkbox > h5 {
  font-weight: bold;
  font-size: 1.5rem;
  color:#532020;
  margin-left:0.5rem;
  /*padding: 0rem 0.8rem 0 0.8rem;
  border-left: 3px solid #532020;*/
  margin-bottom:1.0rem;
  margin-top:1.5rem;
}

.group_checkbox label,
.subject_checkbox label {
  cursor: pointer;
  display: inline-block;
  margin-right: 2%;
  margin-bottom: 1%;
  line-height: 16px;
}

.group_checkbox input[type="checkbox"],
.subject_checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  font-size: 1.2em;
  margin: -2px 5px 0 0;
  padding: 0;
  box-sizing: border-box;
  vertical-align: middle;
}

.subject_flex,
.group_flex {
  display: flex;
  flex-wrap: wrap;
}

.subject_flex label,
.group_flex label {
  /*width: 18%;*/
  width:17%;
}

@media print, screen and (min-width: 768px) {
.subject_flex,
.group_flex {
  margin-left:2rem;
}
}

/*
.group_flex label:last-child {
  width: 30%;
}
*/
input {
  accent-color: #005B98;
}

.free_search label {
  margin-top:2rem;
}

#word {
  width: 30%;
  height: 2em;
  font-size:1.0rem;
  margin-top:2rem;
}

.button_area {
  width: 100%;
  text-align: center;
}

#search,
#clear {
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 0;
  padding: 1% 2%;
  font-size: 1.2em;
  margin: 2%;
  transition: .2s;
}

#search:hover,
#search:focus {
  background: #005B98;
  color: #fff;
}

#clear:hover,
#clear:focus {
  background: #aaa;
  color: #fff;
}

@media screen and (max-width: 1054px) {
.group_flex label {
  width: 48%;
}

.group_flex label:last-child {
  width: 48%;
}

.subject_flex label {
  width: 31.3%;
}

#word {
  width: 50%;
}

}

@media screen and (max-width: 1000px) {
  .image-box img{
    width: 30%;
  }

  }

@media screen and (max-width: 700px) {
    .image-box img{
      width: 30%;
    }
  
    }
  
@media screen and (max-width: 621px) {
.group_flex label:last-child {
  width: 100%;
}
.image-box img{
  width: 40%;
}

}

@media screen and (max-width: 546px) {
.subject_flex label {
  width: 48%;
}

#word {
  width: 80%;
}
}

#artsearch {
  color: #2b4aba;
}

[class^="list-design1"] .item{
  overflow: hidden;
  aspect-ratio: 1 / 1;
  margin: 0.5rem;
  border: 1px solid var(--borderColor);
}
[class^="list-design1"] .item p{
  color: #ffffff;
  background:var(--accentColor);
}

/*====詳細検索ここまで=====*/

a{
	text-decoration:none;
}

.br::before{
	content:"\A";
	white-space:pre;
}

@media only screen and (max-width: 767px) {
	.sp-br::before{
		content:"\A";
		white-space:pre;
	}
}

.top-image {
	position:relative;
}

.top-image::before {
content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:linear-gradient(to right, rgba(0, 0, 0, .3) 20%, transparent);
	display: block;
}

.top-image h2 {
	position:absolute;
	color:#fff ;
	z-index:999;
	
}

.top-image h2.jp {
	left:0;
	/*top:10%;*/
	bottom:25%;
	/*font-size: 2.5rem;*/
	font-size: clamp(2.4rem, calc(2.2rem + 0.625vw), 2.9rem);
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.9));
	line-height:1.2;
	width:100%;
	max-width:100%;
	border-bottom:solid 6px var(--accentColor);
	padding-left:20px;
}

.top-image h2.en {
	left:3px;
	/*top:24%;*/
	bottom:10%;
	font-size: 1.4rem;
	font-weight:normal;
	letter-spacing:0.1rem;
/*	border-top:solid 8px var(--accentColor);*/
	padding-top:0;
	padding-left:20px;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.9));
}

/* =========================
   h2 レスポンシブ調整
   ========================= */

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

  .top-image h2.jp{
    bottom: 22%; /* 少し下げる */
    font-size: clamp(1.6rem, 4vw, 2rem); /* 小さめに */
    border-bottom: solid 4px var(--accentColor);
  }

  .top-image h2.en{
    bottom: 10%;
    font-size: clamp(0.9rem, 2.8vw, 1.1rem);
    letter-spacing: 0.05rem;
  }

}

/*@media (max-width: 767px) {
	.top-image h2.jp {
		left:0;
		top:15%;
		font-size: 1.8rem;
		margin:0;
		padding:1.5rem 1rem .5rem 1rem;
	}
	.top-image h2.en {
		left:0;
		top:24%;
		font-size: 1.4rem;
		font-weight:normal;
		letter-spacing:0.1rem;
		padding:0rem 1rem .5rem 1rem;
	}*/
}

/*title-border {
	position:absolute;
	top:24%;
	left:0;
	width:100%;
	height:6px;
	background:var(--accentColor);
	z-index:9999;
}*/

/*ぱんくず家アイコン消す*/
.breadcrumb li:first-child::before {
	background-image: none;
	width: 0px;
}

/*日本語English切り替えボタン*/
.language-btn-wrap {
	display:flex;
	justify-content:flex-end;
	flex-wrap:nowrap;
	padding-right:1em;
}

.language-btn-wrap > div {
	width:auto;
	border:solid 1px #ccc;
	display:flex;
}

.language-btn-wrap button{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	background:#fff;
	border:none;
	padding:1.5% 2%;
	width:6em;
}

.language-btn-wrap button:hover {
	background:#262626;
	color:#fff;
	transition: all .5s ease;
}

.language-btn-wrap button.no-links:hover {
	background:#fff;
	color:#262626;
}

.language-btn-wrap button.no-links {
	font-weight:bold;
}
/*intro*/
#intro{
	/*margin-top: 2rem;*/
	margin-top:0rem;
}
#intro > .intro-container > .intro-txt-jpn{
  padding: 2rem 0 0.5rem;
}

#intro > .intro-container > .intro-txt-eng{
  padding: 0.5rem 0 2rem;
}
/* intro
---------------------------------------------- */
@media (max-width: 767px) {
#intro{
/*  position: relative;
  margin-top: 2rem;
  font-size: 1.0rem;
  line-height: 2;*/
  margin-top:1rem;
}

#intro > .intro-container{
  /*width:100%;
  padding: 0 2rem;
  display:flex;
  flex-wrap:wrap;*/
  padding:0 0;
}

#intro > .intro-container > .intro-txt{
  /*padding-top: 2rem;
  padding-bottom: 2rem;*/
  padding-top:0;
}
}
/*=====ここまでテンプレートintro========*/

[class^="list-design"] h3, .container h3{
	position:relative;
	font-size:2.5rem;
	color:#575757;
	font-weight:900;
	padding:0;
	padding-top:2rem;
	padding-bottom:2rem;
}

/*見出しh3下の装飾*/
[class^="list-design"] h3:after, .container h3:after {
	content:"　";
	position:absolute;
	display:block;
	bottom:0.5rem;
		left:50%;
	  transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	width:5%;
	height:8px;
	background: linear-gradient(to right, var(--accentColor) 0%, var(--accentColor) 50%, 
	transparent 50%, transparent 100%);
	background-size: 4px 6px;
	background-repeat:repeat;
	z-index:99;
}

/*photoalbum.html検索窓説明*/
#search-center-wrap h4 {
	text-align:center;
	text-decoration:underline;
	margin-top:1em;
	font-size:1.4em;
}

#search-center-wrap p {
	text-align:center;
	margin-top:.5em;
	margin-bottom:2rem;
	font-size:1.0em;
}

[class^="list-design"] .list-txt{
  width:100%;
  font-size:1.0rem;
  line-height:2;
  padding:0 2rem;
  padding-bottom:2.0rem;
	/*display: grid;*/
	display:inline-block;
  place-content: center;
}

[class^="list-design"] .list-txt a {
	text-decoration:underline;
}

/*itemの装飾*/
[class^="list-design"] .item{
	margin: 0.5rem;
	/*border: 1px solid var(--borderColor);*/
	border: 1px solid #dedede;
	background-color: #ffffff;
		-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
/*  display: block;*/
  padding:0;
}

/*adeac-styleをリセット*/
.list-design4 .item > h4 a:hover, .list-design3.multiple-link  .item > h4 a:hover{
	/*  background:var(--accentColor);*/
	background:transparent;
}

.list-design4 .item > h4, .list-design3.multiple-link .item > h4 {
	display: block;
	/*  font-size: 1.5rem;*/
	font-size:1.4rem;
  line-height:1.0;
	transition: .3s ease;
	background:#fff;
	border-bottom:solid 4px var(--accentColor);
	padding: 1rem 1.5rem ;
}

/*.list-design4 .item > h4:hover {
	background:var(--accentColor);
	color:#fff;
}*/

.list-design4 .item > h4 a, .list-design3.multiple-link .item > h4 a{
	line-height:0.9;
	padding:0;
}

.item > h4 a span.eng {
	font-size:0.7em;
	line-height:1.2;
	color:#696969;
	display:block;
}

/*.list-design4 .item > h4 a:hover, .item > h4 a span.eng:hover{
	color:#fff;
	opacity:1;
}*/

.list-design4 .item > h4 a span {
	display:block;
	padding-bottom:0;
}

.list-design4.inner-center .item p{/* コンテンツ中身の配置：中央 */
	/*text-align: center;*/
	text-align:left;
}

/*平和研究所topの見出しをパンフレットカラーに変更*/
.list-design4 .item > h4.sub1 {
		border-bottom:solid 4px var(--sub1Color);
}
.list-design4 .item > h4.sub2 {
		border-bottom:solid 4px var(--sub2Color);
}
.list-design4 .item > h4.sub3 {
		border-bottom:solid 4px var(--sub3Color);
}

.list-design4 .item > h4.sub1:hover {
		background:var(--sub1Color);
}
.list-design4 .item > h4.sub2:hover {
		background:var(--sub2Color);
}
.list-design4 .item > h4.sub3:hover {
		background:var(--sub3Color);
}

.list-design4 .item > h4.sub1:hover a, .list-design4 .item > h4.sub2:hover a, .list-design4 .item > h4.sub3:hover a{
	color:#262626;
}


/*平和研究所のボタンカラー(きんちゃ)*/
#index-type2 .multiple-link a.arrow{
	background:var(--similarColor);
	/*margin:0.5em 0;*/
	margin:0.5em 2rem;
	width:auto;
	max-width:20em;
	margin-left:1rem;
	color:#262626;
}

#index-type2 .multiple-link a.arrow:first-of-type {
	/*margin-top:1.5em;*/
	margin-top:2.5em;
}

.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0.5em;
  width: 15px;
	/*height: 4px;*/
	height: 2px;
  border-radius: 9999px;
  background-color: #ffffff;
	/*transform-origin: calc(100% - 2px) 50%;*/
	transform-origin: calc(100% - 1px) 50%;
}

/*平和研究所各サブページをパンフレットカラー（3色）に変更*/
#sub1 .list-design3.multiple-link .item > h4, #sub2 .list-design3.multiple-link .item > h4, #sub3 .list-design3.multiple-link .item > h4 {
	border-bottom:solid 4px var(--subDarkColor);
	background:#fff;
}

/*#sub1 .list-design3.multiple-link .item > h4:hover,#sub2 .list-design3.multiple-link .item > h4:hover,#sub3 .list-design3.multiple-link .item > h4:hover {
	background:var(--subImageColor);
	color:#262626;
}*/

/*hover変化させない*/
#sub1 .list-design3.multiple-link .item > h4.no-links:hover,#sub2 .list-design3.multiple-link .item > h4.no-links:hover,#sub3 .list-design3.multiple-link .item > h4.no-links:hover {
	background:#fff !important;
}
#sub1 .multiple-link a.arrow, #sub2 .multiple-link a.arrow, #sub3 .multiple-link a.arrow{
		background:var(--subImageColor);
}

#sub1 .multiple-link a.arrow:hover, #sub2 .multiple-link a.arrow:hover, #sub3 .multiple-link a.arrow:hover {
	background:var(--subDarkColor);
}





/* 2列-中央 */
.list-design4.column2 .item > h4 {
	padding:1.2rem 1.0rem .5rem;
}

.list-design4.column2 .item > h4 a{
	/*padding: 1.25rem 1.5rem;*/
	padding: 0.1rem 0.2rem 0.2rem;
}

.list-design4 .item p {
	/*  padding: 0.5rem 1.65rem 2rem;*/
	padding: 0.5rem 1.6rem 2rem 1.2rem;
	font-size: 1.0rem;
	line-height:1.65;
	text-align:left;
}

/*art分類資料検索,peaceinstitute資料種別*/

.list-design1.image-button .item img{
  transition: transform .6s ease;
  width: 100%;
  height: 100%;
	object-fit: cover;
	filter: brightness(0.8);
	 transition: .3s ease-in-out;
}

[class^="list-design1"] .item:hover img{
/*	transform: scale(1.1); */
	transform: scale(1.0); 
}
[class^="list-design1"] .item img:hover{
	/*  transform: scale(1.1); */
	transform: scale(1.0);
	filter: brightness(1.0);
}

[class^="list-design1"] .item a{
/*color: #ffffff;
background:var(--accentColor);*/
	color:#262626;
	background:transparent;
}

/*アンダーライン初期案
.list-design1.image-button .item p::after, #index-type1 [class^="list-design1"] .item p::after {
	position:absolute;
	content:"";
	background:var(--accentColor);
	width:50%;
	height:2px;
	top:calc(50% + 1.0em);
	left:25%;
}*/

/*芸術資料館入り口デザイン*/
.list-design1.image-button .item p, #index-type1 [class^="list-design1"] .item p{
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  display: inline-block;
	width:100%;
	height:2em;
  padding:1rem .5rem;
  font-size: 1.4rem;
  line-height: 1.0;
	background:transparent;
	color:#fff;

}


.list-design1.image-button .item p:hover{
	color:#262626;
}


 /* 5列*/
[class^="list-design1"].column5 .item p{
	/*padding: .5rem 1rem;
	font-size: 1.25rem;*/
	padding:1rem .5rem;
	font-size:1.4rem;
}

/*PDFリンクボタン*/
[class^="list-design1"] .item.one-btn{
	  aspect-ratio: 2 / 1;
}

[class^="list-design1"] .item.one-btn p{
	background: rgba(0,0,0, .4);
	color:#fff;
}

[class^="list-design1"] .item.one-btn p::after{
	content: "";
	display: block;
	bottom: 0;
        left: 0;
		width:100%;
		height:3px;
		background-color:var(--accentColor);
}


/*地図からさがす--仮画像--地図埋め込み時削除*/

.list-design6 .item {
	max-height:400px;
	overflow:hidden;
}

.list-design6 .item img{
  width:auto;
	width:100%;
	object-fit:cover;
	object-position:center bottom;
}


/*テンプレートより*/
.list-design5 a{
	display: grid;
	place-items: center;
	min-height: 80%;
	margin: 0.5rem 0.5rem 1.5rem;
	font-size: 1.5rem;
  color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1.5;
	background: var(--accentColor);
  }

/*無地アクセントカラーボタン
.list-design5 a{
  display: grid;
  place-items: center;
  min-height: 80%;
  margin: 0.5rem 0.5rem 1.5rem;
  font-size: 1.2rem;
	color:#262626;
  text-decoration: none;
  vertical-align: middle;
	line-height: 1.5;
	background-color:var(--similarColor);
}*/

/*発刊号から探す鳩ボタンデザイン
---------------------------------------------- */


.list-design5#journal-bn a{
	background:left top / cover url("../images/peaceinstitute/btn-hato-bg.png")  no-repeat var(--similarColor) ;
	width:100%;
}
@media(min-width: 768px) {
	.list-design5.column4#journal-bn > .contents-wrap {
		width:90%;
		margin:0 auto;
	}

.list-design5#journal-bn.column4#journal-bn li{
  width: calc(95% / 4 - 1rem);
  margin:0 auto;
}
}

@media  (max-width: 767px) {
.list-design5.column4#journal-bn > .contents-wrap {
	width:100%;
}
.list-design5.column4#journal-bn li {
  width: 90%;
  margin:0 auto;
}
}
.list-design5#journal-bn.column4#journal-bn li a{
	padding: 1rem 1rem;
	color:#262626;
}



/* 外部リンク
---------------------------------------------- */
#external-link.container{
  padding: 2rem 0;
  margin: 2rem auto;
}

#external-link ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding:0 1rem;
}
#external-link li{
  padding: 1rem;
}
#external-link a:not(.bnr){
  position: relative;
}
#external-link a:not(.bnr)::after{
  position: absolute;
  bottom: 2px;
  right: -1.2em;
  width: 16px;
  height: 16px;
  content: "";
  background: url("../images/common/link_icon.png");
}

/*外部リンク*/

#external-link ul{
	justify-content: center;
  }



  /* 検索ウィンドウ */
.hiroshima-search #search-center-box {
    border: 2px solid #444444 !important;
}

.hiroshima-search #search-center-box button[type="submit"] {
    background-color: #444444 !important;
    border-color: #444444 !important;
    /* ボタン内のアイコンや文字が消えないように白指定 */
    color: #ffffff !important;
}

.hiroshima-search #search-center-box button[type="submit"]:hover {
    background-color: #222222 !important;
    opacity: 0.9;
}

#search-peace-keyword,
#search-peace02-keyword,
#search-peace03-keyword,
#search-peace04-keyword,
#search-peace05-keyword,
#search-peace06-keyword,
#search-peace07-keyword,
#search-art-keyword,
#search-peace-engkeyword,
#search-peace02-engkeyword,
#search-peace03-engkeyword,
#search-peace04-engkeyword{
  width: 100%;
  height: 45px;
  padding: 0.5rem 1rem;
  border: 2px solid #444444;
}
#search-peace-keyword::placeholder,
#search-peace02-keyword::placeholder,
#search-peace03-keyword::placeholder,
#search-peace04-keyword::placeholder,
#search-peace05-keyword::placeholder,
#search-peace06-keyword::placeholder,
#search-peace07-keyword::placeholder,
#search-art-keyword::placeholder,
#search-peace-engkeyword,
#search-peace02-engkeyword,
#search-peace03-engkeyword,
#search-peace04-engkeyword{
  color: #888888;
}


@media (max-width:768px) {
#search-peace-keyword,
#search-peace02-keyword,
#search-peace03-keyword,
#search-peace04-keyword,
#search-peace05-keyword,
#search-peace06-keyword,
#search-peace07-keyword,
#search-art-keyword,
#search-peace-engkeyword,
#search-peace02-engkeyword,
#search-peace03-engkeyword,
#search-peace04-engkeyword{
        padding:0 0.5rem;
    }
    
    #search-peace-keyword::placeholder,
    #search-peace02-keyword::placeholder,
    #search-peace03-keyword::placeholder,
    #search-peace04-keyword::placeholder,
	#search-peace05-keyword::placeholder,
	#search-peace06-keyword::placeholder,
    #search-peace07-keyword::placeholder,
    #search-art-keyword::placeholder,
#search-peace-engkeyword,
#search-peace02-engkeyword,
#search-peace03-engkeyword,
#search-peace04-engkeyword{
     font-size:80%;
     white-space:normal;
      margin:0;
    }
}




/* ---------------------------------------------- */
#photographersearch-words-wrap{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width:80%;
  max-width:1000px ;
  margin: 0 auto;
}
.photographersearch-words{
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.photographersearch-words h3{
  padding: 0;
  font-size: 1.0rem;
  line-height: 2.0;
  white-space: nowrap;
  font-weight:bold;
}
.photographersearch-words h3::after{
  content: "：";
}
.photographersearch-words ul{
  display: flex;
  flex-wrap: wrap;
  width:100%;
  max-width: 736px;
}
.photographersearch-words li{
  line-height: 2.0;
}

.photographersearch-words li::after{
  display: inline-block;
  width: 1px;
  height: 12px;
  content: "";
  background: #888888;
}
.photographersearch-words li:last-child::after{
  display: none;
}
.photographersearch-words a{
  padding: 16px 8px;
  font-size: 1.0rem;
  text-decoration: underline;
}

@media (max-width:999px) {
  #photographersearch-center{
    flex-direction: column;
  }
  #photographersearch-center-box{
    width: 100%;
  }
  #photographersearch-center-box~div{
    align-self: flex-end;
    padding: 1rem 0;
  }
  #photographersearch-words-wrap{
    display: block;
    width:95%;
    padding:0 1rem;
    margin: 0 auto;
  }
  .photographersearch-words{
    display:block;
    width:100%;
  }
  .photographersearch-words h3{
    display:block;
    width:100%;
  }
}



/* 地図の下のリンクをボタンに変更 */
.list-design6 .center {
    margin-top: 20px;
    display: flex;
    justify-content: center; /* ボタンを中央に並べる */
    gap: 15px;               /* ボタン同士の間隔 */
}

.list-design6 .center a.detail {
    display: inline-block;
    padding: 10px 24px;
    background-color: #444444; /* 先ほどと同じグレー */
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 4px;        /* 角を少し丸く */
    font-weight: bold;
    transition: background-color 0.3s;
    text-align: center;
    min-width: 200px;          /* ボタンの最低幅（お好みで調整） */
}

/* ホバー時の挙動 */
.list-design6 .center a.detail:hover {
    background-color: #222222; /* マウスを乗せた時に濃くする */
    text-decoration: none;
}

/* モバイル対応：画面が狭いときは縦に並べる */
@media screen and (max-width: 480px) {
    .list-design6 .center {
        flex-direction: column;
        align-items: center;
    }
}


.list-design1.image-button .item p .label{
  color: #fff;
  -webkit-text-stroke: 1px rgba(0,0,0,0.55); /* 1pxで軽め */
  paint-order: stroke fill; /* strokeを下に敷く（対応環境のみ） */

  /* フォールバック：細い影を“縁取りっぽく” */
  text-shadow:
    0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
}

/* pの下線を無効化 */
.list-design1.image-button .item p::after{
  content: none;
}

/* label基準で下線 */
.list-design1.image-button .item p .label{
  position: relative;
  display: inline-block; /* 下線の基準にする */
}

.list-design1.image-button .item p .label::after{
  content: "";
  position: absolute;
  left: 5%;
  width: 90%;
  height: 2px;
  background: var(--accentColor);
  bottom: -0.25em;
}

/* 画像上の p 文字を縁取りして可読性を上げる（背景なし） */
[class^="list-design1"] .item p{
  color: #fff; /* 念のため */

  /* きれいな縁取り（対応ブラウザ多め） */
  -webkit-text-stroke: 1px rgba(0,0,0,0.55);
  paint-order: stroke fill;

  /* フォールバック：影で“縁取りっぽく” */
  text-shadow:
    0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
}

/* 肖像のモデルになった人々 */
.text-center {
  text-align: center;
}

/* lightportraits_2.html の #cont1 にだけ適用（他ページへ影響を与えないよう限定） */
section.list-design1#models {
  padding-top: 0 !important;
  margin-top: 0 !important;
}