@charset "UTF-8";
/* CSS Document */



/****************************************************************************************************
メイン画像・カテゴリ画像
****************************************************************************************************/
#main-img {
	position:relative;
	width:100%;
	/*height:42.857vw;*/
	height:600px;
	overflow:hidden;
}
#main-img img {
	position: absolute;
	width: 100%;
	height: auto;
	min-width: 1400px;
	left: 602px;
	top: 299px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#main-img2 {
	position:relative;
	width:100%;
	/*height:42.857vw;*/
	height:600px;
	overflow:hidden;
}
#main-img img2 {
	position:absolute;
	width:100%;
	height:auto;
	min-width:1400px;
	left:50%;
	top:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

#main-img3 {
	position:relative;
	width:100%;
	/*height:42.857vw;*/
	height:150px;
	overflow:hidden;
}
#main-img3 img {
	position:absolute;
	width:100%;
	height:auto;
	min-width:760px;
	left:50%;
	top:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}


#main-imgw {
	position:relative;
	width:100%;
	/*height:42.857vw;*/
	height:600px;
	overflow:hidden;
}





#sub-img {
	position:relative;
	width:100%;
	/*height:42.857vw;*/
	height:300px;
	overflow:hidden;
}
#sub-img img {
	position:absolute;
	width:100%;
	height:auto;
	min-width:1400px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}



/****************************************************************************************************
コンテンツ外枠
****************************************************************************************************/
.contents-wrap {
	width:1200px;
	margin:0 auto;
	padding:30px 0 100px 0;
	text-align:left;
}

.contents-wrap.top {
	position:relative;
	padding:80px 0 90px 0;
}



/****************************************************************************************************
パンくずナビ
****************************************************************************************************/
.footmark {
	color:#333;
	font-size:13px;
	line-height:1.6;
}
.footmark ul li {
	float:left;
}
.footmark ul li + li:before {
	content:'　＞　';
}
.footmark ul li a {
	color:#333;
	text-decoration:none;
}

.contents-wrap.top .footmark {
	position:absolute;
	left:0;
	top:80px;
	line-height:31px;
}



/****************************************************************************************************
ページタイトル
****************************************************************************************************/
.page-ttl {
	text-align:center;
}
.page-ttl.top {
	margin:0 0 40px 0;
}
.page-ttl.sub {
	margin:30px 0 0 0;
}



/****************************************************************************************************
コンテンツ枠
****************************************************************************************************/
.contents {
}



/****************************************************************************************************
カテゴリートップ（各index.html）
****************************************************************************************************/
.page-link .page-link-box {
	float:left;
	width:373px;
	text-align:center;
}
.page-link .page-link-box + .page-link-box {
	margin:0 0 0 40px;
}
.page-link-box a > div,
.page-link-box a > h3,
.page-link-box a > p {
	display:table;
	width:100%;
}
.page-link-box .img {
	padding:20px;
	background:#EEE;
}
.page-link-box a {
	display:block;
}
.page-link-box.select a {
	opacity:0.2;
}
.page-link-box a > h3 {
	margin:30px 0 0 0;
	font-size:18px;
	line-height:1.6;
	letter-spacing:2px;
}
.page-link-box a > p {
	margin:10px 0 0 0;
	font-size:15px;
	line-height:1.8;
}
.page-link-box .ar {
	margin:20px 0 0 0;
}

.page-link .page-link-box:nth-of-type(3n+1) {
	clear:both;
	margin-left:0;
}
.page-link .page-link-box:nth-of-type(n+4) {
	margin-top:50px;
}


/****************************************************************************************************
下層ページ：タイトル
****************************************************************************************************/
.page-ttl .category + h1 {
	margin:11px 0 0 0;
}



/****************************************************************************************************
下層ページ：構造
****************************************************************************************************/
.page-ttl + .contents {
	margin:72px 0 0 0;
}

.sec-block + .sec-block {
	margin:75px 0 0 0;
}
.sub-sec-block + .sub-sec-block {
	margin:75px 0 0 0;
}



/****************************************************************************************************
下層ページ：セクション
****************************************************************************************************/
.sec-ttl {
	text-align:center;
	margin:0 0 45px 0;
	padding:0 0 28px 0;
	border-bottom:1px solid #999;
	line-height:1.0;
}
.sec-ttl.large {
	padding:0 0 20px 0;
}
.sec-cont {
}
.sec-cont + .sec-cont {
	margin:40px 0 0 0;
}
.sec-cont + .sec-cont.mt20 {
	margin:20px 0 0 0;
}
.sec-cont + .sec-cont.mt30 {
	margin:30px 0 0 0;
}
.sec-cont + .sec-cont.mt50 {
	margin:50px 0 0 0;
}
.sec-cont + .sec-cont.mt70 {
	margin:70px 0 0 0;
}
.sec-cont.bd-top {
	margin:-8px 0 0 0;
	padding:45px 0 0 0;
	border-top:1px solid #999;
}

.flL {
	float:left;
}
.flR {
	float:right;
}

.flL1 {
	float:left;
}
.flR1 {
	float:right;
}


.left-block.short {
	float:left;
	width:270px;
}
.left-block.wide {
	float:left;
	width:890px;
}
.left-block.wide760 {
	float:left;
	width:760px;
}
.left-block.medium {
	float:left;
	width:580px;
}
.left-block.syuin-txt {
	float:left;
	width:290px;
}
.left-block.garan-map {
	float:left;
	width:476px;
}
.right-block.short {
	float:right;
	width:270px;
}
.right-block.short420 {
	float:right;
	width:420px;
}
.right-block.medium {
	float:right;
	width:580px;
}

.right-block.wide {
	float:right;
	width:890px;
}

.par-block {
}
.par-block + .par-block {
	margin:40px 0 0 0;
}
.par-block + .par-block.dot {
	margin:35px 0 0 0;
	padding:35px 0 0 0;
	border-top:1px dotted #CCC;
}



/****************************************************************************************************
下層ページ：文字
****************************************************************************************************/
.contents p,
.contents ul li {
	color:#333;
	font-size:15px;
	line-height:2.0;
}
.contents ul.small li {
	color:#333;
	font-size:13px;
	line-height:1.8;
}
.contents h3.midashi {
	margin:0 0 3px 0;
	color:#333;
	font-size:15px;
	line-height:2.0;
}
.contents h3.midashi.large {
	font-size:18px;
}
p.xlarge {
	font-size:20px;
}
p + p,
.mt2em {
	margin:2em 0 0 0;
}
p + p.nomg {
	margin:0;
}
.alc {
	text-align:center;
}
.alr {
	text-align:right;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
a.icon_ar {
	background:URL(../img/common/ar-r-small.png) no-repeat left top;
	padding:0 0 0 16px;
	text-decoration:underline;
}
a.ud {
	text-decoration:underline;
}
ul.indent li {
	text-indent:-1em;
	padding-left:1em;
}



/****************************************************************************************************
下層ページ：画像ブロック
****************************************************************************************************/
.img-container {
}
.img-container.syuin {
	margin-top:5px;
}
.img-container figure {
}
.img-container .txt-box {
	margin:15px 0 0 0;
}
.img-container .cap-box {
	margin:6px 0 0 0;
}
.img-container .txt-box h3 {
	font-size:15px;
	line-height:1.8;
}
.img-container .txt-box p,
.img-container .cap-box p {
	font-size:15px;
	line-height:1.8;
}
.img-container .txt-box p.caption,
.img-container .cap-box p.caption {
	font-size:13px;
	line-height:1.8;
}


.right-block .img-container + .img-container {
	margin:40px 0 0 0;
}
.right-block .img-container + .img-container.mt30 {
	margin:30px 0 0 0;
}
.img-container.mt-ttl {
	margin:60px 0 0 0;
}
.img-container.flL-170 {
	float:left;
	width:170px;
	margin:0;
}
.img-container.flL-170 + .img-container.flL-170 {
	margin:0 0 0 10px;
}
.img-container.flL-270 {
	float:left;
	width:270px;
	margin:0;
}
.img-container.flL-270 + .img-container.flL-270 {
	margin:0 0 0 40px;
}



/****************************************************************************************************
下層ページ：下部ページリンク
****************************************************************************************************/
.page-link-wrap {
	position:relative;
	overflow:hidden;
	margin:70px 0 0 0;
	padding:71px 0 0 0;
	border-top:1px dotted #CCC;
}
.page-link-wrap .page-link {
	position:relative;
	left:50%;
	float:left;
}
.page-link-wrap .page-link .page-link-box {
	position:relative;
	left:-50%;
	float:left;
	width:226px;
}
.page-link-wrap .page-link .page-link-box + .page-link-box {
	margin:0;
}
.page-link-wrap .page-link .page-link-box a > div.img {
	display:inline-block;
	width:112px;
	padding:6px;
	background:#EEE;
}
.page-link-wrap .page-link .page-link-box a > div.img img {
	width:100%;
}
.page-link-wrap .page-link .page-link-box a > h3 {
	margin:15px 0 18px 0;
}



/****************************************************************************************************
下層ページ：コンタクトブロック
****************************************************************************************************/
.sec-block + .contact-block {
	margin:75px 0 100px 0;
}
.contact-block .contact-ttl h3 {
	font-size:20px;
	text-align:center;
}
.contact-block .contact-ttl + .contact-cont {
	margin:15px 0 0 0;
}
.contact-block .contact-ttl + .contact-cont .gr-box {
	padding:30px;
	background:#EEE;
	text-align:center;
}
.contact-block .contact-ttl + .contact-cont .gr-box .contact-txt {
	font-size:15px;
	line-height:1.8;
}
.contact-block .contact-ttl + .contact-cont .gr-box .contact-txt dt {
	display:block;
	font-weight:bold;
}
.contact-block .contact-ttl + .contact-cont .gr-box .contact-txt dd {
	display:inline-block;
	margin:0 1em;
}



/****************************************************************************************************
下層ページ：申請フォーム
****************************************************************************************************/

#tomonokai-join-form form{
	text-align: center;
}

.t-join-input{
	position: relative;	
	margin-bottom: 10px;
}
span.t-join-name{
	display: inline-block;
	width: 130px;
	text-align: left;
}
.t-join-btn{
	margin: 50px 0;
	text-align: center;
}
.mwform-tel-field>input{
	width: 119px;
}
.t-join-btn>input{
	padding: 5px 10px;
	background-color: #34414c;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	font-size: 14px;
	color: #fff;
}



#wedding_inquiry-join-form form{
	text-align: center;
}

.t-join-input{
	position: relative;	
	margin-bottom: 10px;
}
span.t-join-name{
	display: inline-block;
	width: 130px;
	text-align: left;
}
.t-join-btn{
	margin: 50px 0;
	text-align: center;
}
.mwform-tel-field>input{
	width: 119px;
}
.t-join-btn>input{
	padding: 5px 10px;
	background-color: #34414c;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	font-size: 14px;
	color: #fff;
}


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



	/****************************************************************************************************
	メイン画像・カテゴリ画像
	****************************************************************************************************/
	#main-img {
		position:relative;
		width:100%;
		height:80vw;
		overflow:hidden;
	}
	#main-img img {
		position:absolute;
		width:100%;
		height:auto;
		min-width:240vw;
		left:50%;
		top:50%;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
	
	#main-img2 {
	position:relative;
	width:100%;
	/*height:42.857vw;*/
	height:600px;
	overflow:hidden;
}
#main-img img2 {
	position:absolute;
	width:100%;
	height:auto;
	min-width:1400px;
	left:50%;
	top:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
	
	#sub-img {
		position:relative;
		width:100%;
		height:50vw;
		overflow:hidden;
	}
	#sub-img img {
		position:absolute;
		width:100%;
		height:auto;
		min-width:240vw;
		left:50%;
		top:50%;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}



	/****************************************************************************************************
	コンテンツ外枠
	****************************************************************************************************/
	.contents-wrap {
		width:100%;
		margin:0 auto;
		padding:6vw 5vw 20vw 5vw;
		text-align:left;
	}
	
	.contents-wrap.top {
		position:relative;
		padding:15vw 5vw 10vw 5vw;
	}
	
	
	
	/****************************************************************************************************
	パンくずナビ
	****************************************************************************************************/
	.footmark {
		display:none;
	}
	
	
	
	/****************************************************************************************************
	ページタイトル
	****************************************************************************************************/
	.page-ttl {
		text-align:center;
	}
	.page-ttl.top {
		margin:0 0 8vw 0;
	}
	.page-ttl.sub {
		margin:6vw 0 0 0;
	}
	
	
	
	/****************************************************************************************************
	コンテンツ枠
	****************************************************************************************************/
	.contents {
	}
	
	
	
	/****************************************************************************************************
	カテゴリートップ（各index.html）
	****************************************************************************************************/
	.page-link .page-link-box {
		float:none;
		width:100%;
		text-align:center;
	}
	.page-link .page-link-box + .page-link-box {
		margin:8vw 0 0 0;
	}
	.page-link-box a > div,
	.page-link-box a > h3,
	.page-link-box a > p {
		display:table;
		width:100%;
	}
	.page-link-box .img {
		padding:5vw;
		background:#EEE;
	}
	.page-link-box a {
		display:block;
	}
	.page-link-box.select a {
		opacity:0.2;
	}
	.page-link-box a > h3 {
		margin:6vw 0 0 0;
		font-size:4.800vw;
		line-height:1.6;
		letter-spacing:2px;
	}
	.page-link-box a > p {
		margin:2vw 0 0 0;
		font-size:3.466vw;
		line-height:1.8;
	}
	.page-link-box .ar {
		width:6vw;
		margin:20px auto 0 auto;
	}
	
	.page-link .page-link-box:nth-of-type(3n+1) {
		clear:none;
	}
	.page-link .page-link-box:nth-of-type(n+4) {
		margin-top:8vw;
	}


	/****************************************************************************************************
	下層ページ：タイトル
	****************************************************************************************************/
	.page-ttl .category {
		width:70vw;
		margin:0 auto;
	}
	.page-ttl .category + h1 {
		margin:1vw 0 0 0;
	}
	
	
	
	/****************************************************************************************************
	下層ページ：構造
	****************************************************************************************************/
	.page-ttl + .contents {
		margin:11vw 0 0 0;
	}
	
	.sec-block + .sec-block {
		margin:15vw 0 0 0;
	}
	.sub-sec-block + .sub-sec-block {
		margin:15vw 0 0 0;
	}
	
	
	
	/****************************************************************************************************
	下層ページ：セクション
	****************************************************************************************************/
	.sec-ttl {
		text-align:center;
		margin:0 0 6vw 0;
		padding:0 0 5vw 0;
		border-bottom:1px solid #999;
		line-height:1.0;
	}
	.sec-ttl.large {
		padding:0 0 4vw 0;
	}
	.sec-cont {
	}
	.sec-cont + .sec-cont {
		margin:8vw 0 0 0;
	}
	.sec-cont + .sec-cont.mt20 {
		margin:4vw 0 0 0;
	}
	.sec-cont + .sec-cont.mt30 {
		margin:6vw 0 0 0;
	}
	.sec-cont + .sec-cont.mt50 {
		margin:10vw 0 0 0;
	}
	.sec-cont + .sec-cont.mt70 {
		margin:14vw 0 0 0;
	}
	.sec-cont.bd-top {
		margin:-1.5vw 0 0 0;
		padding:9vw 0 0 0;
		border-top:1px solid #999;
	}
	
	.flL {
		float:left;
	}
	.flR {
		float:right;
	}
	.flL + .flR {
		margin-top:5vw;
	}
	
	.left-block.short {
		float:none;
		width:100%;
	}
	.left-block.wide {
		float:none;
		width:100%;
	}
	.left-block.wide760 {
		float:none;
		width:100%;
	}
	.left-block.medium {
		float:none;
		width:100%;
	}
	
	.left-block.syuin-txt {
		float:none;
		width:100%;
	}
	.left-block.garan-map {
		float:none;
		width:100%;
	}
	.right-block.short {
		float:none;
		width:100%;
		margin-top:5vw;
	}
	.right-block.short420 {
		float:none;
		width:100%;
	}
	.right-block.short420 .flL {
		width:32%;
	}
	.right-block.short420 .flR {
		width:64%;
	}
	.right-block.medium {
		float:none;
		width:100%;
		margin-top:5vw;
		}
	.right-block.wide {
		float:none;
		width:100%;
	}
	
	.par-block {
	}
	.par-block + .par-block {
		margin:8vw 0 0 0;
	}
	.par-block + .par-block.dot {
		margin:7vw 0 0 0;
		padding:7vw 0 0 0;
		border-top:1px dotted #CCC;
	}
	

	
	/****************************************************************************************************
	下層ページ：文字
	****************************************************************************************************/
	.contents p,
	.contents ul li {
		color:#333;
		font-size:3.466vw;
		line-height:1.8;
	}
	.contents ul.small li {
		color:#333;
		font-size:2.933vw;
		line-height:1.6;
	}
	.contents h3.midashi {
		margin:0 0 3px 0;
		color:#333;
		font-size:3.466vw;
		line-height:1.8;
	}
	.contents h3.midashi.large {
		font-size:4.266vw;
	}
	p.xlarge {
		font-size:4.266vw;
	}
	p + p,
	.mt2em {
		margin:2em 0 0 0;
	}
	p + p.nomg {
		margin:0;
	}
	.alc {
		text-align:center;
	}
		
	.alr {
		text-align:right;
	}
	.mt10 {
		margin-top:2vw;
	}
	.mt20 {
		margin-top:4vw;
	}
	a.icon_ar {
		background:URL(../img/common/ar-r-small-sp.png) no-repeat left top;
		padding:0 0 0 4.5vw;
		background-size:3.8vw;
		text-decoration:underline;
	}
	a.ud {
		text-decoration:underline;
	}
	ul.indent li {
		text-indent:-1em;
		padding-left:1em;
	}



	/****************************************************************************************************
	下層ページ：画像ブロック
	****************************************************************************************************/
	.img-container {
	}
	.img-container.syuin {
		margin-top:0;
	}
	.img-container figure {
	}
	.img-container .txt-box {
		margin:3vw 0 0 0;
	}
	.img-container .cap-box {
		margin:1vw 0 0 0;
	}
	.img-container .txt-box h3 {
		font-size:3.466vw;
		line-height:1.8;
	}
	.img-container .txt-box p,
	.img-container .cap-box p {
		font-size:3.466vw;
		line-height:1.8;
	}
	.img-container .txt-box p.caption,
	.img-container .cap-box p.caption {
		font-size:2.933vw;
		line-height:1.8;
	}
	
	
	.right-block .img-container + .img-container {
		margin:5vw 0 0 0;
	}
	.right-block .img-container + .img-container.mt30 {
		margin:4vw 0 0 0;
	}
	.img-container.mt-ttl {
		margin:5vw 0 0 0;
	}
	.img-container.flL-170 {
		float:left;
		width:28vw;
		margin:0;
	}
	.img-container.flL-170 + .img-container.flL-170 {
		margin:0 0 0 3vw;
	}
	.img-container.flL-170:nth-of-type(3n+1) {
		margin-left:0 !important;
	}
	.img-container.flL-170:nth-of-type(n+4) {
		margin-top:3vw !important;
	}
	.img-container.flL-270 {
		float:left;
		width:43.5vw;
		margin:0;
	}
	.img-container.flL-270 + .img-container.flL-270 {
		margin:0 0 0 3vw;
	}



	/****************************************************************************************************
	下層ページ：下部ページリンク
	****************************************************************************************************/
	.page-link-wrap {
		position:relative;
		overflow:hidden;
		margin:10vw 0 0 0;
		padding:10vw 0 0 0;
		border-top:1px dotted #CCC;
	}
	.page-link-wrap .page-link {
		position:relative;
		left:50%;
		float:left;
	}
	.page-link-wrap .page-link .page-link-box {
		position:relative;
		left:-50%;
		float:left;
		width:30vw;
	}
	.page-link-wrap .page-link .page-link-box + .page-link-box {
		margin:0;
	}
	.page-link-wrap .page-link .page-link-box a > div.img {
		display:inline-block;
		width:25vw;
		padding:1.5vw;
		background:#EEE;
	}
	.page-link-wrap .page-link .page-link-box a > div.img img {
		width:100%;
	}
	.page-link-wrap .page-link .page-link-box a > h3 {
		margin:3vw 0 1vw 0;
		font-size:2.933vw;
		letter-spacing:0;
	}
	
	
	
	/****************************************************************************************************
	下層ページ：コンタクトブロック
	****************************************************************************************************/
	.sec-block + .contact-block {
		margin:10vw 0 12vw 0;
	}
	.contact-block .contact-ttl h3 {
		font-size:4.266vw;
		text-align:center;
	}
	.contact-block .contact-ttl + .contact-cont {
		margin:2vw 0 0 0;
	}
	.contact-block .contact-ttl + .contact-cont .gr-box {
		padding:6vw 2vw;
		background:#EEE;
		text-align:center;
	}
	.contact-block .contact-ttl + .contact-cont .gr-box .contact-txt {
		font-size:3.466vw;
		line-height:1.8;
	}
	.contact-block .contact-ttl + .contact-cont .gr-box .contact-txt dt {
		display:block;
		font-weight:bold;
	}
	.contact-block .contact-ttl + .contact-cont .gr-box .contact-txt dd {
		display:inline-block;
		margin:0 1em;
	}



/****************************************************************************************************
下層ページ：申請フォーム
****************************************************************************************************/

	#tomonokai-join-form form{
		width: 90%;
	}
	.t-join-input{
		margin-bottom: 70px;
	}
	span.t-join-name{
		text-align: left!important;
		display: block;
	}
	.t-join-input>input{
		height: 50px;
		width: 100%;
	}

	.mwform-tel-field>input{
		width: 30%;
		height: 50px;
	}
	.t-join-btn{
		margin: 100px 0 0;
		padding: 10px 20px;
	}	
	.t-join-btn>input{
		padding: 15px 30px;
	}
	
	
	#wedding_inquiry-join-form form{
		width: 90%;
	}
	.t-join-input{
		margin-bottom: 70px;
	}
	span.t-join-name{
		text-align: left!important;
		display: block;
	}
	.t-join-input>input{
		height: 50px;
		width: 100%;
	}

	.mwform-tel-field>input{
		width: 30%;
		height: 50px;
	}
	.t-join-btn{
		margin: 100px 0 0;
		padding: 10px 20px;
	}	
	.t-join-btn>input{
		padding: 15px 30px;
	}
}



/**************************************************
20220927追加 太元帥大法
**************************************************/
.ev_mainblock_flex{
margin: 0em;

border: solid 1px #a9a9a9;
background-color:#ffffff ;
}
.ev_mainblock_contents{
margin: 0em;
text-align: left;
}
/**************************************************
20250620追加 神変
**************************************************/
/* ------------------------------
  タイトル・見出し
------------------------------ */
.sinpen-maintitle,
.sinpen-subtitle {
  font-weight: bold;
  font-size: 16px;
}

.sinpen-new {
  margin: 12px 0 0 0;
}

.sinpen-new a {
  color: #ffffff;
  background: #7f7f7f;
  padding: 8px 30px;
  border-radius: 30px;
  display: inline-block;
}

/* ------------------------------
  アーカイブテーブル全体
------------------------------ */
.sinpen-archive-tbl {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 4px;
}

.sinpen-archive-tbl.head {
  margin: 12px 0 0 0;
}

.sinpen-archive-tbl.body {
  margin: 0;
}

.sinpen-archive-tbl th,
.sinpen-archive-tbl td {
  border: 1px solid #ccc;
  padding: 7px 12px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6;
  text-align: center;
}

.sinpen-archive-tbl thead th {
  background: #D2CAC4;
  cursor: pointer;
}

.sinpen-archive-tbl tbody td {
  background: #EEE;
}

.sinpen-archive-tbl tbody td a {
  color: #0000ff;
  text-decoration: underline;
  text-decoration-color: #0000ff;
}

/* ------------------------------
  モバイル対応
------------------------------ */
.sinpen-archive-tbl.mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .sinpen-archive-tbl.desktop {
    display: none;
  }
  .sinpen-archive-tbl.mobile {
    display: inline-table;
  }
  .sinpen-maintitle,
  .sinpen-subtitle {
    font-size: 16px;
  }
  .sinpen-maintitle {
    margin: 4em 0 0 0;
  }
}

/* ------------------------------
  開閉アニメーション部分
------------------------------ */
.sinpen.tbody-wrapper {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease;
}

.sinpen.tbody-wrapper.open {
  max-height: 200px; /* 必要に応じて調整可 */
}

/* ------------------------------
  アイコン表示（▼）
------------------------------ */
.sinpen-toggle-icon {
  float: right;
  font-size: 14px;
  transition: transform 0.3s ease;
  vertical-align: middle;
}

.sinpen-toggle-icon.rotate {
  transform: rotate(180deg);
}