@charset "UTF-8";

/*
Theme Name: nipponia-chichibu
Theme URI: http://
Description: nipponia-chichibu
Author: 
Author URI: http://
Version: 1.0
*/

.aligncenter {
	text-align:center;
}

.wp-block-image {
	overflow:hidden;
}

.wpcf7-previous {
	margin-right:10px;
}

h1.wp-block-heading {
	font-size:40px;
}

/* ===== Q&A（婚礼トップ「よくあるご質問」）=====
   開閉は標準の details / summary。JavaScript は使っていない。
   指定はすべて .home #sec-qa の中に閉じてあり、他のページには影響しない。
   節の枠と見出しは隣の Access に合わせている（幅980px・見出しは中央寄せ）。 */
.home #sec-qa .container { width: 980px; max-width: 100%; margin: 0 auto; padding: 45px 0; }
@media screen and (min-width: 768.9px) {
  .home #sec-qa .container { padding: 90px 0; }
}
.home #sec-qa .sec-title { text-align: center; }
.home #sec-qa .sec-title .en { margin-bottom: 30px; }
.home #sec-qa .qa-list { max-width: 900px; margin: 0 auto; }
.home #sec-qa .qa-lead { font-size: clamp(13px, 3.4vw, 15px); line-height: 2; margin-bottom: 2em; }
.home #sec-qa .qa-list { border-top: 1px solid #d8d2c6; }
.home #sec-qa .qa-item { border-bottom: 1px solid #d8d2c6; }
.home #sec-qa .qa-item > summary {
  position: relative; display: block; cursor: pointer; list-style: none;
  padding: 1.2em 3em 1.2em 3.2em; text-align: left;
  font-size: clamp(14px, 3.6vw, 16px); line-height: 1.7; font-weight: 600;
  transition: background-color .25s;
}
.home #sec-qa .qa-item > summary::-webkit-details-marker { display: none; }
.home #sec-qa .qa-item:nth-child(odd)  > summary { background-color: #A63446; }
.home #sec-qa .qa-item:nth-child(even) > summary { background-color: #CB5C6C; }
.home #sec-qa .qa-item > summary { color: #fff; }
.home #sec-qa .qa-item:nth-child(odd)  > summary:hover { background-color: #972e3e; }
.home #sec-qa .qa-item:nth-child(even) > summary:hover { background-color: #bf4f5f; }
.home #sec-qa .qa-item > summary:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
.home #sec-qa .qa-item > .qa-a {
  position: relative;
  padding: 1.2em 3em 1.4em 3.2em; text-align: left; background-color: #fff;
  font-size: clamp(13px, 3.4vw, 15px); line-height: 2;
}
.home #sec-qa .qa-item > summary::before, .home #sec-qa .qa-item > .qa-a::before {
  position: absolute; left: 1em; top: 1.05em;
  font-family: "EB Garamond", serif; font-size: 1.25em; line-height: 1.35;
}
.home #sec-qa .qa-item > summary::before { content: "Q"; color: #fff; }
.home #sec-qa .qa-item > .qa-a::before { content: "A"; color: #b0a48c; }
.home #sec-qa .qa-item > summary::after {
  content: ""; position: absolute; right: 1.1em; top: 50%;
  width: 14px; height: 14px; transform: translateY(-50%);
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 14px 1px, 1px 14px;
  background-position: center center, center center;
  background-repeat: no-repeat;
  transition: background-size .25s;
}
.home #sec-qa .qa-item[open] > summary::after { background-size: 14px 1px, 1px 0; }
@media screen and (min-width: 768px) {
.home #sec-qa .qa-item > summary { padding: 1.4em 3.5em 1.4em 3.2em; }
.home #sec-qa .qa-item > .qa-a { padding: 1.4em 3.5em 1.6em 3.2em; }
}
