@charset "utf-8";

@import url("../style/variables.css");/*変数定義*/
	
:root{
}
	
	.hd_title{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1c81b+0,fff8ad+50,d1c81b+100 */
		background: rgb(209,200,27); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(209,200,27,1) 0%, rgba(255,248,173,1) 50%, rgba(209,200,27,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(209,200,27,1) 0%,rgba(255,248,173,1) 50%,rgba(209,200,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(209,200,27,1) 0%,rgba(255,248,173,1) 50%,rgba(209,200,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c81b', endColorstr='#d1c81b',GradientType=0 ); /* IE6-9 */
		font-family: var(--font-family-minchou);
		font-size:1.3rem;
		font-weight: 600;
		padding:.3em .7em;
		border-radius:5px;
		margin:40px 0 20px 0;
		letter-spacing:1em;
		text-align:left;
	}
	
	#shaka{
		display:grid;
		grid-template-columns: 180px 1fr;
		gap:20px;
		figure{
			border-radius: 10px;
			overflow: hidden;
		}
		p{
			text-align: left;
		}
	}

	
	#ihai{
		padding:10px 0 0 0;
		display:grid;
		grid-template-columns: 1fr 180px;
		grid-template-areas: "A B";
		align-items: center;
		figure{
			grid-area: B;
			border-radius: 10px;
			overflow: hidden;
		}
		p{
			grid-area: A;
			text-align: left;
		}
	}
	
	
	#kitou{/*道場*/
		padding:10px 0 0 0;
		display:grid;
		grid-template-columns: 250px 1fr;
		gap:20px;
		figure{
			img{
				border-radius: 10px;
			}
		}
		p{
			text-align: left;
		}
		@media (max-width: 480px) {
			display:block;
			figure{
				width:min(250px,100%);
				margin:0 auto;
			}
			p{
				margin-top:10px;
			}
		}
	}

	#bunin{
		display:grid;
		grid-template-columns: repeat(auto-fill,minmax(min(270px,100%),1fr));
		gap:10px;
		margin:20px auto 0 auto;
		figure{
			img{
				border-radius: 10px;
			}
		}
	}
	
	#shurui{
		background:#EBEFF1;
		margin:20px 0 0 0;
		padding:20px;
		border-radius: 10px;
		> div{
			display:grid;
			grid-template-columns:300px 1fr;
			gap:20px;
			figure{
				img{
					border-radius: 10px;
				}
			}
			> div{
				ul{
					display:flex;
					flex-wrap:wrap;
					align-self: flex-start;
					gap:.5em 1em;
					li{
						list-style:disc;
						text-align: left;
						margin:0 0 0 2em;
					}
				}
				p{
					padding:10px 0 0 0;
					text-align:right;
				}
			}
			
		}
		
		@media (max-width: 480px) {
			> div{
				display:block;
				figure{
					width:auto;
				}
				ul{
					margin-top:10px;
					width:auto;
				}
			}
		}
	}
	

	#nayami{
		p{
			text-align: left;
		}
	}
		
		
	/*********** 厄年 *************/
	
	#yaku_title{
		font-size:1.3em;
		color:#3E2D20;
		font-weight:bold;
	}
	
	#yaku_all{
		width:600px;
		margin:0 auto;
		padding:30px 0;
		}
		#yaku_all section{
			}
			#yaku_all section table{
				margin:10px 0 50px 0;
				}
				#yaku_all section table tr{
					}
					#yaku_all section table tr th{
						border:1px solid #44231A;
						padding:0.5em 0.5em 0.3em 0.5em;
						vertical-align:middle;
						background:#FFF4C8;
						}
					#yaku_all section table tr td{
						border:1px solid #44231A;
						padding:0.5em 0.5em 0.3em 0.5em;
						vertical-align:middle;
						}
						#yaku_all section table tr td span{
							color:red;
						}
					#yaku_all section table tr:nth-child(even){
						background:#EAF1D8;
					}