/*
Theme Name: 蟷螂山 2025
Theme URI: https://tourouyama.jp
Description: 蟷螂山サイトのテーマ2025：記事ページ
Version: 1
Author: Yumi Asakura
Author URI: http://yumiasakura.com
*/

/* ページ共通 *************************************************/
.page-top {
    text-align: center;
    width: 70%;
    margin: 3em auto;
    background: url(img/page-title.png) top left / 288px 73px no-repeat, url(img/page-title2.png) top right / 288px 73px no-repeat;
}
.page-top h1 {
    font-size: 180%;
    font-weight: bold;
    padding: 1em 0;
}
.page section p {
    line-height: 2.3;
    text-align: justify;
}
.page section p a {
	border-bottom: 1px dotted #7E9F67;
	padding-bottom: .1em;
}
@media screen and (max-width: 768px) {
	.page {
		margin-top: 25%;
	}
	.page-top {
    	width: 100%;
    	background: url(img/page-title.png) top left / 30% no-repeat, url(img/page-title2.png) top right / 30% no-repeat;
	}
	.page-top h1 {
    	font-size: 140%;
		padding: .5em 0;
	}
}


/****************************************
		お知らせ
*****************************************/
.news section {
	width: 60%;
	margin: 5em auto 0 auto;
}
.news article {
	margin-bottom: 10em;
    text-align: center;
}
.news h2 {
	font-size: 140%;
    font-weight: normal;
    padding: 0 4em;
    background: url(img/dia.png) center left / 3em no-repeat, url(img/dia.png) center right / 3em no-repeat;
    display: inline-block;
}
.news .date {
	font-size: 90%;
	text-align: center;
	margin-bottom: 3em;
	color: #77746E;
}
.news .post-content {
	text-align: left;
}
.news table {
	width: 100%;
	text-align: left;
    letter-spacing: 0.1em;
	margin-top: 2em;
}
.news table tr:nth-of-type(odd) {
		background: rgba(204, 201, 173, .3);
}
.news table tr:first-of-type {
	background: #3B311C;
	color: #fff;
}
.news table tr:first-of-type td {
	border: 1px solid #000;
}
.news table tr:first-of-type td:first-of-type {
	font-weight: normal;
	padding: 1em;
	width: 25%;
	border-right: 1px solid #eceadc;
}
.wp-element-caption {
	margin: 2em 0;
	font-size: 90%;
	display: block;
}
.news table td, .news table th {
	padding: 1em;
	line-height: 1.7em;
}
@media screen and (max-width: 768px) {
	.news section {
    	width: 80%;
    	margin: 0 auto 5em auto;
	}
	.news h2 {
    	font-size: 120%;	
        padding: 2em 0 0 0;
        background: url(img/dia.png) top center / 45px no-repeat;
		font-weight: bold;
	}
	.news article {
    	font-size: 90%;
		margin-bottom: 6em;
	}
	.news .date {
    margin-bottom: 2em;
	}
	.news table {
    	font-size: 80%;
	}
}


/****************************************
		祭礼授与品
*****************************************/
.juyohin {
    text-align: center;
}
.juyohin section {
    width: 80%;
    margin: 0 auto 100px auto;
}
.read {
	width: 70%;
	margin: 0 auto 5em auto;
}
.juyo-yotei {
	font-size: 130%;
	margin: 0 auto 2em auto;
}
.page section p.juyo-yotei-txt {
	text-align: center;
}
.sakka-title {
    font-size: 80%;
    margin-bottom: .5em;
	font-weight: normal;
}
h2.sakka  {
    font-size: 150%;
    margin: 0 auto 2em auto;
    padding: 0 4em;
	background: url(img/dia.png) center left / 3em no-repeat, url(img/dia.png) center right / 3em no-repeat;
    display: inline-block;
}
.sakka-table {
	text-align: left;
	margin: 0 auto 3em auto;
	width: 70%;
}
.wp-block-table td, .wp-block-table th {
    border: none!important;
}
.wp-block-table th {
	width: 30%;
	padding: .5em .5em .5em 1.5em!important;
	background: url('img/icon-dia.png') left 0.9em / 1em no-repeat;
	vertical-align: top;
}
.sakka-table .wp-block-table td {
	font-size: 90%;
	padding: 0 .5em .5em .5em;
}
.profile {
    text-align: justify;
    margin: 0 auto 3em auto;
	width: 70%;
}
a.link {
    display: inline-block;
    padding: 1em 4em;
    border: 1px solid #7E9F67;
    font-size: 90%;
    background: url(img/triangle.png) top right / 15px no-repeat;
}
/* リスト */ 
.juyohin-list-title {
    background: rgba(126,159,103,.7);
    padding: 1em;
    width :100%;
    margin-bottom: 3em;
    font-weight: bold;
    font-size: 120%;
	margin-top: 100px;
}
.juyohin .caption {
	text-align: center; 
	margin-bottom: 5em;
}
/* ギャラリー */
.wp-block-image {
	padding-bottom: 6em;	
}
.wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px!important;
}
/* ギャラリー内の figure */
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
  width: 100%!important;
	margin-bottom: 3em;
}
/* 画像 */
.wp-block-gallery .wp-block-image img {
  width: 100%;
  height: auto;
  display: block;
	border-bottom: 1px solid #DBCB9B;
}
/* ✅ スマホ：2列に変更（768px以下） */
@media (max-width: 768px) {
  .wp-block-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* キャプション */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: none!important;
    color: #3B311C!important;
    font-size: 70%!important;
    text-shadow: none!important;
	font-family: "yu-gothic-pr6n", sans-serif;
    }
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {
	font-size: 120%;
	font-family: "Shippori Mincho", serif;
}
#fancybox-outer {
	box-shadow: none!important;
}
.fancybox-title-outside {
	padding: 1em;
    text-align: center;
    background: #fff;
}
.fancy-ico span {
	background: #B1ACA4!important;
	box-shadow: 0 0 4px #B1ACA4!important;
}
/* 新作 */
.new::after {
  content: "";
  display: inline-block;
  width: 32px;     /* 画像の幅 */
  height: 61px;    /* 画像の高さ */
  background-image: url('img/new.jpg');
  background-size: contain;
  background-repeat: no-repeat;
	position: absolute;
	top: -1em;
	right: 1em;
}

/* 拝受されるには */ 
.haiju {
    width: 70%;
    margin: 0 auto 100px auto;
    padding-top: 5em;
    border-top: 1px solid #DBCB9B;
}
.haiju h2 {
    margin-bottom: 1em;
	font-size: 140%;
	font-weight: normal;
}
.haiju p {
    width: 70%;
    margin: 3em auto;
    text-align: justify;
}

/* これまでの授与品 */ 
.archives-title {
	font-weight: normal;
	font-size: 140%;
	padding-top: 5em;
	border-top: 1px solid #DBCB9B;
}
.archives ul {
    width: 100%;
    margin: 3em auto;
}
.archives ul li {
    margin-bottom: 2em;
}
.archives ul li a {
    display: grid;
    height: 10em;
    align-items: center;
    grid-template-columns: 1fr 1fr;    
}
.archives ul li a img {
    width: 100%;
    height: 10em;
    object-fit: cover;
    opacity: .7;
    border-top: 1px solid #EBE7DF;
    border-left: 1px solid #EBE7DF;
    border-bottom: 1px solid #EBE7DF;
}
.archives ul li a h3 {
    background: rgba(255, 255, 255, .7);
    height: 100%;
    padding-top: 3em;
    border-top: 1px solid #EBE7DF;
    border-right: 1px solid #EBE7DF;
    border-bottom: 1px solid #EBE7DF;
    font-size: 110%;
}
.archives ul li a h3 span {
	display: block;
	font-size: 80%;
	font-weight: normal;
}
.archives ul li a:hover img {
    border-top: 1px solid #DBCB9B;
    border-left: 1px solid #DBCB9B;
    border-bottom: 1px solid #DBCB9B;
    opacity: 1;
    transition: all 0.3s;
}
.archives ul li a:hover h3 {
    border-top: 1px solid #DBCB9B;
    border-right: 1px solid #DBCB9B;
    border-bottom: 1px solid #DBCB9B;
    transition: all 0.3s;
}
.archives ul li a:hover {
    opacity: 1;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}
@media screen and (max-width: 768px) {
	.juyohin p {
		font-size: 90%;
	}
	.read {
		width: 100%;
	}
	h2.sakka {
		padding: 0 3em;
    	background: url(img/dia.png) center left / 2em no-repeat, url(img/dia.png) center right / 2em no-repeat;
	}
	.profile {
    	width: 100%;
	}
	.sakka-table {
    	width: 100%;
	    font-size: 80%;
		line-height: 1.7em;
	}
	a.link {
    	padding: 1em;
    	font-size: 80%;
		width: 100%;
	}
	.juyohin section {
    	margin: 0 auto 2em auto;
	}
	.juyohin-list-title {
    	margin-bottom: 2em;
	}
	.juyohin .caption {
    	font-size: 80%;
		margin-top: -1em;
		margin-bottom: 2em;
	}
	.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
    	margin-bottom: 1em;
	}
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
		padding: 1em 0!important;
		top: 39vw!important;
		overflow: visible!important;
		line-height: 2em;
	}
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {
    	font-size: 100%;
	}
	.wp-block-gallery {
    	gap: 10px !important;
	}
	.new::after {
    	width: 15%;
		right: 0.5em;
	}
	.haiju {
		padding-top: 2em;
	}
	.haiju h2 {
    	font-size: 120%;
    	font-weight: bold;
	}
	.haiju p {
    	width: 100%;
    	margin: 2em auto;
	}
	.archives ul li {
    	margin-bottom: 0.5em;
	}
	.archives ul li a {
    	display: inherit;
    	height: auto;
    	position: relative;
	}
	.archives ul li a img {
    	width: 100%;
    	height: 7em;
    	border: none;
    	opacity: .5;
	}
	.archives ul li a h3 {
    	height: 7em;
    	width: 100%;
    	padding: 10% 1em;
    	border: 1px solid #D2CDC3;
    	position: absolute;
    	top: 0;
		text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
	}
}