:root{
	--goaisatsuImage:url("css_img/kariginu.jpg");
	--gosaijinImage:url("css_img/gosaijin.jpg");
	--nentyuImage:url("css_img/temizu.jpg");
	--liveImage:url("css_img/live.jpg");
	--speImage:url("css_img/spe.jpg");
	--iseImage:url("css_img/ise.jpg");
}
.haikei{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
	
}

.imglist{
	display:flex;
	justify-content:center;
}

.imglist li{
	padding:30% 0 0 0 !important;
	border:2px solid rgba(0,180,20,0.3);
	background:#fff;
	width:30%;
	overflow:hidden;
	position:relative;
	margin:1rem;
	box-shadow:0px 0px 2rem 0 rgba(0,180,20,0.3);
	transition-duration:0.3s;
}
.imglist li:hover{
	transform:rotate(-5deg) scale(1.1,1.1);
	
}
.imglist li:nth-child(2){
	transform:rotate(3deg);
}

.imglist li:nth-child(2):hover{
	transform:rotate(-2deg) scale(1.1,1.1);
}

.imglist li:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:10px solid #fff;
	z-index:1;
}
.imglist li:after{
	content:"";
	display:block;
	position:absolute;
	top:-10px;
	left:-10px;
	width:calc(100% + 20px);
	height:calc(100% + 20px);
	background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,0.05));
	z-index:10;
}

.imglist li img{
	display:block;
	width:auto;
	height:100%;
	top:0;bottom:0;
	left:-10rem;right:-10rem;
	margin:auto;
	position:absolute;
	overflow:hidden;
}

#siteTitle{
	
	position:absolute;
	margin:0;
	height:100%;
	width:25%;
	writing-mode:vertical-rl;
	text-align:center;

}
#siteTitle p{
	
	margin:0;
	padding:0.5rem;
}	
#siteTitle h1{
	--shadowColor:#000;
	margin:0;
	padding:0 3.5rem 0 0.5rem;
	
	text-shadow:
		1px 1px 5px var(--shadowColor),
		1px -1px 5px var(--shadowColor),
		-1px 1px 5px var(--shadowColor),
		-1px -1px 5px var(--shadowColor)
	;
	
}
#kaisetu h3{
	
	padding:0 0 0 0.5rem;
	font-size:1.2rem;
	
}
#kaisetu h4{
	font-size:1.7rem;
	color:#ff1493;
}

#kaisetu h5{
	
	padding:0 0 0 0.5rem;
	font-size:1.2rem;
	color:#000;
	margin:2.5rem 0 0.5rem 0;
	
}

#kaisetu h6{
	margin:0.5em 0;
	padding:0 0 0 0.5rem;
	font-size:1.2rem;
	color:#f00;
	
}

#kaisetu h2,
#kaisetu h3,
#kaisetu h4,
#kaisetu h5,
#kaisetu h6{
	margin:1.25em 0 0.75em 0;
}


#kaisetu p + h2,
#kaisetu p + h3,
#kaisetu p + h4,
#kaisetu p + h5,
#kaisetu p + h6{
	margin-top:5rem;
}

#kaisetu p{
	font-size:0.9rem;
	padding:0 0 0 1rem;
	
}
#kaisetu li{
	font-size:1.2rem;
	padding:0 0 0 1rem;
	color:#00f;
	
}
@media screen and (max-device-width: 767px)  {

	#siteTitle{
		writing-mode:lr;

		top:2rem;
		right:auto;
		
		height:100%;
		color:#00f;
		width:100%;
		background-color:rgba(17,22,8,0.3);
		display:flex;
		align-items:center;
		flex-wrap:wrap;
	}
	#siteTitle h1{
	
		margin:0;
		padding:1rem 0;
		font-size:2rem;
		
	}
	#siteTitle > *{
	
		width:100%;
		
	}
	#kaisetu p{
	font-size:0.9rem;
	padding:0 1rem 0 1rem;
	
}
	#kaisetu h6{
		font-size:1rem;
	}

}

/**************************
	トップページ #toppage
***************************/

#toppage .haikei{
	padding-bottom:35%;
	transition-duration:2s;
	transition-property:background;
}

#toppage .haikei.img1{
	background-image:url("css_img/mori.jpg");
}

#toppage .haikei.img2{
	background-image:url("css_img/natu.jpg");
}

#toppage .haikei.img3{
	background-image:url("css_img/aki.jpg");
}

#toppage .haikei.img4{
	background-image:url("css_img/syougatu.jpg");
}
#toppage .haikei.img5{
	background-image:url("css_img/sakura.jpg");
}
#toppage .haikei.img6{
	background-image:url("css_img/omiki.jpg");
}
#toppage .haikei.img7{
	background-image:url("css_img/raihin.jpg");
}
#toppage .haikei.img8{
	background-image:url("css_img/tai.jpg");
}
#toppage #siteTitle{
	top:0;
	right:0;
	
	background-color:rgba(17,22,8,0.5);
	color:#fff;

}

#toppage #garary{
	position:relative;
}
#toppage #galary h3{
	width:98%;
	margin:1rem auto;
	position:relative;
	padding-left:1rem;
	
}
#toppage #galary h3:after{
	background:linear-gradient(
		to right,
		rgba(17,22,8,0), 
		rgba(17,22,8,1) 10%, 
		rgba(17,22,8,1) 90%, 
		rgba(17,22,8,0)
	);
	content:"";
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	left:0;
	bottom:0;
}	
#toppage #galary ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#toppage #galary li{
	width:31%;
	margin:0.5rem 0;
	position:relative;
}
#toppage #galary li div{
	position:absolute;
	top:0;
	left:0;
	color:#fff;

}

#toppage #galary li a > div{
	background:rgba(50,40,0,0.7);
	opacity:0;
	width:100%;
	padding-bottom:calc(100% * 0.57);
	transition-duration:0.5s;
	
}
#toppage #galary li a > div > div{
	top:1rem;
	left:1rem;
	color:#fff;
	font-size:2rem;
} 
#toppage #galary li a > div:hover{
	opacity:0.8;
}
#toppage #galary #news{
	text-align:center;
	background-color:#c95;
	color:#fff;
}
@media screen and (max-device-width:767px){
	#toppage #galary li{
		width:48%;
		margin:0.1rem 0;
		position:relative;
	}
	#toppage #galary li a > div{
		opacity:0.8;
	}
	#toppage #galary li a > div > div{
		top:0.5rem;
		left:0.5rem;
		color:#fff;
		font-size:1.2rem;
	}
	#toppage #galary h3{
		text-align:center;
	
	} 
}

/**************************
	ご挨拶 #goaisatsu
***************************/

#goaisatsu .haikei{
	background-image:var(--goaisatsuImage);
	padding-bottom:50%;
}

#goaisatsu #siteTitle{
	top:0;
	right:0;
	height:100%;
	color:#fff;

}
#goaisatsu #kaisetu{
	margin:0;
	padding-top:0.5rem;
	background:linear-gradient(#fbdaef,#fff);
	
}
#goaisatsu #kaisetu h3{
	
	
	color:#333;
	padding:0.25em 1em 0.1em 1em;
	position:relative;
	border-radius:0.2em;
	border-left:1em solid #f743af;
	border-right: 1em solid #f743af;
    border-top: 1px solid #ddd;
    background-color: #ffffff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    margin-left: 0.5em;
	margin-right: 0.5em;
	
}
#goaisatsu .guuji{
	text-align:center;
}
#goaisatu #kaisetu p{
	font-size:1rem;
}
/**************************
	ご祭神 #gosaijin
***************************/

#gosaijin .haikei{
	background-image:var(--gosaijinImage);
	padding-bottom:50%;
}

#gosaijin #siteTitle{
	top:0;
	right:0;
	height:100%;
	color:#fff;

}
#gosaijin #kaisetu{
	margin:0;
	background:linear-gradient(#fdf0e7,#fff);
	
}
#gosaijin #kaisetu h3{
	
	
	color:#333;
	padding:0.25em 1em 0.1em 1em;
	position:relative;
	border-radius:0.2em;
	border-left:1em solid #fb7652;
	border-right: 1em solid #fb7652;
    border-top: 1px solid #ddd;
    background-color: #ffffff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    margin-left: 0.5em;
	margin-right: 0.5em;
	
}

#gosaijin p.setumei{
	text-align:center;
	font-size:1.1rem;
	color:#00f;
	margin:0;
	padding:1rem 0 0 0;
	vertical-align:middle;
}
#gosaijin p.setumei span{
	color:#f00;
	font-size:1.4rem;
	font-weight:bold;
	vertical-align:middle;
}

#gosaijin #gaiyou p{
	font-size:1rem;
	padding:0 0 0 1rem;
	
}

/**************************
	年中行事 #nentyu
***************************/
#nentyu .haikei{
	background-image:var(--nentyuImage);
	padding-bottom:50%;
}

#nentyu #siteTitle{
	top:0;
	right:0;
	height:100%;
	color:#fff;

}
#nentyu .mokuji a{
	font-size:1.3rem;
	color:#0f0;
}
#nentyu .gyouji{
	margin:0;
	background:linear-gradient(#fefefb,#fff);
	
}
#nentyu .gyouji{
	display:flex;
	justify-content:space-between;
}
#nentyu .gyouji .ira img{
	width:17rem;
	height:auto;
}
#nentyu .gyouji h3{
	
	padding:0 0 0 1rem;
	
}
#nentyu #kaisetu h3{
	border-left:1em solid #bbb;
	color:#333;
	padding:0.25em 1em 0.1em 1em;
	position:relative;
	border-radius:0.2em;
	border-right: 1em solid #bbb;
    border-top: 1px solid #ddd;
    background-color: #ffffff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    margin-left: 0.5em;
	margin-right: 0.5em;
}
#nentyu #kaisetu .imi{
	font-size:1.2rem;
	padding:0 0 0 0.5rem;
	color:#000;
	margin:0;
	font-weight:bold;
	
}
#nentyu #kaisetu .center{
	font-size:1rem;
	padding:0 0 0 0.5rem;
	text-align:center;
	color:#00f;
	font-weight:bold;
}
#nentyu .list h4{
	margin:1rem;
}
#nentyu .kai h4{
	margin:1.2rem;
}
#nentyu .kai h3{
	margin:1.2rem;
}
#gMap{
	width:96%;
	height:25rem;
	border:1px solid #aaa;
	margin:1rem auto;
	display:block;
}

@media screen and (max-device-width:767px){
	#nentyu .gyouji{
		flex-wrap:wrap;
		flex-direction:column-reverse;
	}
	
	#nentyu .gyouji > *{
		width:98%;
		
	}
	
	#nentyu .gyouji .ira{
		text-align:center;
	}
	#nentyu .gyouji .ira img{
		width:70%;
		
	}
}
/**************************
	ライブ #live
***************************/
#live{
	background:#ddd;
}
#live .haikei{
	background-image:var(--liveImage);
	padding-bottom:50%;
}

#live #siteTitle{
	writing-mode:lr;
	transform: rotate(-25deg);
	top:2rem;
	right:3.8rem;
	
	height:50%;
	color:#00f;

}
#live #nengou{
	margin:0 0 0 8rem;
	border-left:1px dashed #555;
	padding:1px;
	background-color:#fff;
}

#live #nengou h2{
	text-align:center;
	font-size:2.8rem;
	line-height:3rem;
	font-weight:bold;
	position:relative;
	width:8rem;
	padding-top:2.5rem;
	margin:2rem 0 0 -4rem;
	z-index:0;
	color:#707070;
}

#live #nengou h2:before{
	content:"";
	width:8rem;
	height:8rem;
	border-radius:50%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	background-color:#eee;
}

#live #nengou h2.midori:before{

	border:6.5px outset #0f0;

}
#live #nengou h2.aka:before{

	border:6.5px inset #f00;

}
#live #nengou h2.ao:before{

	border:6.5px outset #00bfff;

}
#live #nengou ul{
	margin:0 0 0 2.5rem;
	
}
#live #nengou li{
	padding:0.2rem 0 0 6rem;
	font-size:1.2rem;
}
@media screen and (max-device-width: 767px)  {
#live #siteTitle{
	background-color:rgba(0,0,0,0);
	}
#live #nengou{
	margin:0 0 0 2.4rem;
	border-left:1px dashed #555;
	padding:0.3px;
	background-color:#fff;
}

#live #nengou h2{
	text-align:center;
	font-size:0.85rem;
	line-height:0.9rem;
	font-weight:bold;
	position:relative;
	width:2.4rem;
	padding-top:0.76rem;
	margin:0.6rem 0 0 -1.2rem;
	z-index:0;
	color:#707070;
	
}

#live #nengou h2:before{
	content:"";
	width:2.4rem;
	height:2.4rem;
	border-radius:50%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	background-color:#eee;
}

#live #nengou h2.midori:before{

	border:2px outset #0f0;

}
#live #nengou h2.aka:before{

	border:2px inset #f00;

}
#live #nengou h2.ao:before{

	border:2px outset #00bfff;

}
#live #nengou ul{
	margin:0 0 0 0.75rem;
	padding:1rem 0;
	
}
#live #nengou li{
	padding:0.06rem 0 0 0.75rem;
	font-size:0.9rem;
}
	
}
/**************************
	スペシャル #spe
***************************/
#spe .haikei{
	background-image:var(--speImage);
	padding-bottom:50%;
}

#spe #siteTitle h1{
	top:0;
	right:0;
	height:100%;
	color:#f00;

}
#spe #siteTitle a{
	color:#f00;
}
#spe #kaisetu{
	margin:0;
	background:linear-gradient(#f2fef2,#fff);
	
}
#spe #kaisetu h3{
	border-left:1em solid #23eddc;
	color:#333;
	padding:0.25em 1em 0.1em 1em;
	position:relative;
	border-radius:0.2em;
	border-right: 1em solid #23eddc;
    border-top: 1px solid #ddd;
    background-color: #ffffff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    margin-left: 0.5em;
	margin-right: 0.5em;
}
#spe #kaisetu p.setumei span{
	color:#f00;
	font-size:1.4rem;
	font-weight:bold;
	vertical-align:middle;
	
}
@media screen and (max-device-width:767px){
	
	
	#spe #siteTitle{
	background-color:rgba(0,0,0,0);
	}
	#spe #siteTitle ul{
		display:none;
	}
}

/**************************
	伊勢神宮解説 #ise
***************************/
#ise .haikei{
	background-image:var(--iseImage);
	padding-bottom:50%;
}

#ise #siteTitle{
	top:0;
	right:0;
	height:100%;
	color:#0f0;
}
#ise #kaisetu{
	margin:0;
	background:linear-gradient(#f5f5f5,#fff);
	
}
#ise #kaisetu h3{

	color:#333;
	padding:0.25em 1em 0.1em 1em;
	position:relative;
	border-radius:0.2em;
	
	border-right: 1em solid #bbb;
    border-top: 1px solid #ddd;
    background-color: #ffffff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    margin-left: 0.5em;
	margin-right: 0.5em;
}

#ise #kaisetu h3{

	color:#c2a000;
	padding:0.25em 1em 0.1em 2em;
	border-right: 2em double #fad00d;
}

#ise #kaisetu h3 i{
	position:absolute;
	top:-0.1em;
	left:-0.3em;
	font-size:2.2em;
	text-shadow:2px 2px 2px rgba(0,0,0,0.5);
	color:#fad00d;
}
/*************************
プライバシーポリシー #policy
***************************/

#policy .haikei{
	padding-bottom:20%;
}

#policy #siteTitle{
	
	writing-mode:lr;
	top:2rem;
	right:auto;
	width:100%;
	height:100%;
	color:#00f;

}
#policy #kaisetu{
	margin:0;
	background:linear-gradient(#f5f5f5,#fff);
	
}
#policy #kaisetu h3{
	
	color:#333;
	padding:0.25em 1em 0.1em 1em;
	position:relative;
	border-radius:0.2em;
	border-left:1em solid #53adef;
	border-right:1em solid #53adef;
    border-top: 1px solid #ddd;
    background-color: #ffffff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    margin-left: 0.5em;
	margin-right: 0.5em;
	color:#f00;
	
}
@media screen and (max-device-width:767px){
	#policy #kaisetu{
		padding-top:10rem;
	}
	#policy #siteTitle{
		background-color:rgba(0,0,0,0);
	}
}





/*****************
	お知らせ
*******************/
#osirase #kaisetu{
	background:linear-gradient(#f2fef2,#fff);
}
#osirase #kaisetu h3{
	position:relative;
	padding:0.6rem;
	background:#a6d3c8;
	text-align:center;
	color:#00f;
	font-size:1.4rem;
}
#osirase #kaisetu h3:before{
	position:absolute;
	content:"";
	top:100%;
	left:0;
	border:none;
	border-bottom:solid 15px transparent;
	border-right:solid 20px rgb(149,158,155);
}
#osirase #kaisetu p{
	font-size:1.1rem;
	color:#001f03;
}