@charset "UTF-8";
/*
Theme Name: overseas

 */


html{
width:100%;
height:100%;
font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	

}
a:link { text-decoration:none; color: #000;}

a:hover{color:gray;}

a:visited
{ 
color:gray;
}	

body{

	height: 100%;
	color:#333333;
	letter-spacing: 2px;
	max-width: 100%; 
	

}

.sp{display:none;}
.pc{display:block;}

#wrap
{
height:100%;
width: 100%;
margin: 0 auto;
	
}

#header
{
height:85px;
width:100%;

	
background-color:white;
margin:0 auto;
padding:0px;
position: relative;
z-index:5;
	padding-bottom:10px;
}
#header .inner{width:100%; margin:0 auto; max-width:1035px; position:relative;}
#header h1 
{
text-align:center;
background-color:white;
color:black;
margin:0;
	width:100%;
	text-align: center;
	
}
#header h1 img{ width:95px;height: auto; margin-top:15px;}
#header #jihou{position:absolute; top:10px; right:30px; }
#header #insta{position:absolute; top:10px; right:0px; }
#header #insta img{width:23px;}
#header #jihou img{width:100px;}
ul#gnavi{
width:100%;
margin:0 auto;
	padding:0px;
display:block;
text-align:center;
color:#999999;
	z-index:1;
	margin-top:15px;


}

#gnavi li 
{
	font-size:12px;
	margin: 0 auto;
	padding:0px;
  	display: inline;
    vertical-align:middle;
	display: inline-block;
	max-width: 165.5px;
	width:13%;
	border-left:1px #999999 solid;
	text-align:center !important;
	zoom: 1;

}

#gnavi li.sp{display:none;}

#gnavi li a
{
color:#333333;
	display: block;
	width:100%;
	margin:0 auto;
	padding:0px;
	height:100%;
	text-align: center;
	
}

#gnavi li:hover
{
	
	color:gray;

}
#gnavi li.right_border{border-right:1px #999999 solid; }

#container {
	height:100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 0;

}
#overflow{overflow: hidden; padding-bottom: 40px;}

#container ul.slider{width:100% !important;	 margin:0 auto;padding-bottom:10px; margin:0px;padding-bottom:20px;}
#container ul.slider li img{ width:100%;  margin:0 auto;;padding:0px; height:auto;}
#container ul.slider.sp{display:none ;}
#container ul.slider.pc{display:block;}
#main{width:100%;margin:0 auto;overflow: hidden;}

#contents {
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	height:100%;
	width:100%;
	background-color:white;
	max-width:1024px;
	margin:0 auto;


}
#contents ul#panel{
	width:100%;
margin:0 auto;
	padding:0px;
display:block;
text-align:center;
	margin-top:40px;
	overflow: hidden;
}
#contents ul li{
	font-size:12px;
	margin: 0 auto;
	padding:0px !important;
  	display: inline;
    vertical-align:middle;
	display: inline-block;
	width: 32.9%;
	text-align:center !important;
	zoom: 1;
	margin-top:0.3%;
}
#contents ul#panel li a img{width:100%;height:auto;}

#contents, #main{text-align: center;color:#666666;}
#main p{margin-top:40px; font-size:16px;line-height: 30px;letter-spacing: 2px;}
#main h2, #main h3{text-align: center; margin-top:60px;font-size:27px;letter-spacing: 2px;color:#666666;}
#main h3{font-size:16px;letter-spacing: 2px;margin-top:40px; margin-bottom:40px;}
#main p.address{color:#666666;font-size:16px;margin:0px; padding:0px;line-height: 25px;}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:40px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#footer{background: #b3ada3; color:white;  text-align: center;height:30px; line-height:30px;margin-top:60px;}
#footer p{font-size:10px;}


#toggle{display:block;}


@media screen and (max-width:1024px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
#gnavi li { width:14.1%;}
}
@media screen and (max-width:870px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
#gnavi li { width:13%;}
	#contents ul#panel li{width:30%;}
	#gnavi li {font-size:10px;}

}
@media screen and (max-width:680px) { 
    .sp{display:block;}
.pc{display:none;}
	#gnavi li.sp{display:block;}
	#container{ width:100%;min-height: 100%;}
	ul#gnavi{display:none;}
	#gnavi li:rigt_border{border:none;}
	#gnavi li:first-child{border-left:none;}
	#header{height:60px;}	
	#container ul.slider.sp{display:block ;}
#container ul.slider.pc{display:none;}
	#contents{width:100%; margin:0 auto; overflow: hidden;}
	/*　スマホメニュー　css　*/
#header #jihou{position:absolute; top:20px; left:10px; }
#header #jihou img{width:70px; }
#toggle{display:block;position: relative;top:-25px; }
	ul#panel{overflow: hidden;}
#contents ul#panel li{width:48%;}
.menu-trigger,.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: absolute;
  width: 25px;
  height: 20px;
	
	z-index:10;
	right:15px;
	top:0px;
	
}
.menu-trigger span {
  position: absolute;
  
	top:10px;
  width: 100%;
  height: 1px;
  background:#666666;
  border-radius: 1px;
}
.menu-trigger span:nth-of-type(1) {
  top: -4px;
}
.menu-trigger span:nth-of-type(2) {
  top: 3px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 8px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
	#header h1 img{height: auto; padding-left:3px;}


ul#gnavi.active{display:block;}
	ul#gnavi{width:100% !important; position:absolute;background-color: rgba(255,255,255,0.9);overflow: visible; top:70px;margin:0px; padding:0px;padding-bottom: 5px;border-bottom: 1px #666666 solid;}
	ul#gnavi li{height:35px; line-height: 35px; width:100% ;max-width: 100%; display: block;border: none;border-bottom: 1px #666666 solid;}
	ul#gnavi li a{padding: 0px; display: block;font-size:12px; font-weight: bold;}
	ul#gnavi li:last-child{border-bottom: 0px;}
	#contents p.address{color:#666666;font-size:12px;margin:0px; padding:0px;line-height: 25px;}


	
}


/*　歴史ページ　*/

#sub_img{width:100%; height:453px;
	background-image: url("https://jyousaiji.or.jp/wp/wp-content/themes/jyousaiji/img/jyousaiji_pattern.jpg");
		background-repeat:repeat;
	padding-top:5px;
	padding-bottom:5px;
}


#sub_img img{display: block; margin:0 auto;max-height:450px; max-width:1028px;width: 100%;}
img.history_img{width:60%; display:block; margin:0 auto; margin-top:40px;}

/*　行事　*/


#event{width:100%; max-width:840px;margin:0 auto; font-size:16px;}
#event dl{width:840px; margin:0 auto;margin-top:10px;margin-bottom:20px;overflow: hidden; }
#event dt, #event dd{width:45%; border-bottom: 1px #999999 solid;padding:20px 0px;float:left; text-align: left;padding-left:20px;} 
#event dt{width:49%;border-left:1px #999999 solid;}
#event dd{border-right:1px #999999 solid;border-left:1px #999999 solid;}
#event dt.bordertop , #event dd.bordertop{border-top:1px solid #999999;}
#event dt.gray , #event dd.gray{background:#f2f2f2;}
#event h3{text-align: left;margin:0px; padding:0px;margin-top:20px;}
#event dd span{color:red !important;}
/*　納骨　*/
#event.houji dt.bordertop , #event.houji dd.bordertop{text-align: center; border-top:1px solid #999999;}

#grave, #custom, #access{text-align: center;max-width:1024px; width:100%; margin:0 auto;}
#grave h3, #custom h3{font-size:26px;margin-top:0px;}
#grave p, #custom p{font-size:16px;margin-top:20px;}
#grave img, #custom img{margin:0 auto;width:480px; margin-top:30px;}
#grave p br.sp, custom p br.sp{display:none;}


/*　仏事　*/

#custom{text-align: center;}
#custom p span{font-size:20px;}
#custom p.border{border:solid 1px #999999;max-width:800px;width:100%; padding:20px; margin:0 auto;}
#custom img{display: block;margin: 0 auto;max-width:400px;width:100%; margin-top:30px;margin-bottom:10px;}
#custom img.small{max-width:300px;}
#custom img.big{max-width:480px;}

/*　アクセス　*/
img#map_img{width:60%; display: block; margin:0 auto; margin-top:40px;}

/*　今月の言葉　*/
.quotes img{width:60%; display: block; margin:0 auto; margin-top:40px;}

@media screen and (max-width:840px) { #event dl{width:100%; }}
@media screen and (max-width:800px) { #custom p.border{border:solid 0px #999999;}}

@media screen and (max-width:710px){
	#event dt, #event dd{font-size:15px;width:45%; border-bottom: 1px #999999 solid;padding:20px 0px;float:left; text-align: left;padding-left:20px;} 
#event dt{width:45%;border-left:1px #999999 solid;}
}
@media screen and (max-width:700px) { 
#sub_img{width:100%; position:relative;}
#sub_img img{display: block; margin:0 auto;height:auto; width:100% !important;position: absolute;
  top: 50%; /*親要素を起点に上から50%*/
  left: 50%;  /*親要素を起点に左から50%*/
  transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%) translateX(-50%);}
	#main p{margin-top:40px; font-size:14px;line-height: 30px;letter-spacing: 1px;}
	#event dl{width:80%; }

#event dt, #event dd{width:99%; padding:0px;padding: 20px 0px;float:none; text-align: center;} 
	#event dt.bordertop , #event dd.bordertop{font-size:14px;}

#event.houji dt, #event.houji dd{width:48%; font-size:12px; padding:0px;padding: 20px 0px;float:left; text-align: center;} 

#event dt{border:1px #999999 solid;}
#event dd{border:1px #999999 solid;}
#event dt.bordertop , #event dd.bordertop{border-top:1px solid #999999;}
#event dt.gray , #event dd.gray{background:none;}
	#event dt.gray, #event dt{background:#f2f2f2;}
#event h3{text-align: center;margin-top:0px;}
#grave h3{font-size:26px;margin-top:0px;}
#grave img, #custom img{margin:0 auto;max-width:480px;width:100%; margin-top:30px;}
	#custom p.border{text-align: center;padding:0px;}

}

@media screen and (max-width:480px) { 
		#event dl{width:95%; }

	#main{width:95%; display:block; margin:0 auto;}
#main p{margin:0 auto; font-size:13px;line-height: 25px;width:95%;letter-spacing:normal; text-align: left;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
	#main p br.pc{display: none;}
#main h2, #main h3{text-align: center; margin-top:40px;font-size:20px;letter-spacing: 1px;color:#666666;}
#main h2{margin-bottom:10px;}
#main h3{font-size:14px;letter-spacing: 2px;margin-top:20px; margin-bottom:20px; font-weight: bold;}
#main p.address{color:#666666;font-size:12px;margin:0px; padding:0px;line-height: 25px;}
	#footer{background: #b3ada3; color:white;  text-align: center;height:30px; line-height:30px;margin-top:20px;}
#footer p{font-size:9px;}
	
#sub_img{width:100%; max-height:180px;
	background:none;
	margin:0px;
	padding:0px;
}

#sub_img img{ position: relative;padding:0px; margin:0px;}	
	#grave p{font-size:16px;margin-top:10px;text-align: center;}
	#grave p br.pc, #custom p br.pc{display:none;}
#grave p br.sp, #custom p br.sp{display:block;}
	#custom p, #grave p{margin-top:0px; text-align: center !important; font-size:12px;letter-spacing: normal;}
	#custom img, #grave img{margin:0 auto; display:block;width:80%;margin-top:10px !important;margin-bottom:10px !important;}
#custom img.big, #grave img{width:100% !important;}

	#grave h3, #custom h3{margin:0px;margin-top:10px;margin-bottom:10px; font-weight: bold !important;}
	img#map_img{width:100%; display: block; margin:0 auto; margin-top:40px;}

}



/*　つなぐ　*/

#tunagu{width:100%; margin:0px; padding:0px;max-width:1024px; margin:0 auto;padding-bottom:40px;clear: both;overflow: hidden;}
#tunagu p{font-size:13px; text-align:left;width:80%; margin:0 auto; letter-spacing: normal; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";margin-top:10px;}
#tunagu h2{text-align: center;}
#tunagu h3{line-height:25px; font-size:12px;border:solid 1px gray; padding:10px 15px; width:40%; max-width:180px; margin:0 auto; margin-top:20px;text-align: center;margin-bottom:10px;}
#tunagu h3 span{font-size:18px; font-weight: bold;}
#tunagu p.date{font-size:10px;text-align: center;margin:0px;width:100%;}
#tunagu p.has-text-align-center{text-align: left;margin-top:20px;font-size:16px;}
#tunagu p img{display:block; margin:0 auto;}
#tunagu div.right{float:right;margin-right:30px;}
#tunagu div.left{float:left;margin-left:30px;}
#tunagu div.bottom_btn{margin-top:60px;margin-bottom:40px; position:relative;color:white;background: #a09e9a;padding:5px 10px;height:40px;line-height: 40px;width:200px}
#tunagu div.bottom_btn a{color:white;width:100%; height:100%;}
#tunagu div.left:before{
  position: absolute;
    left:-50px;
    top: 0;
    content: ' ';
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 25px 25px;
    border-right-color: #a09e9a;
}
#tunagu div.right:after{
  position: absolute;
    left: 100%;
    top: 0;
    content: ' ';
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 25px 25px;
    border-left-color: #a09e9a;
}
#tunagu h4{text-align: center;margin:0px;font-size:20px !important;margin-top:20px; font-weight: bold;}
.sp{display:none !important;}
@media screen and (max-width:800px) { 
		#tunagu p img{width:95%; max-width:300px;display:block; margin:0 auto;}
	#tunagu img{width:95%; max-width:300px;display:block; margin:0 auto;}
	

}
@media screen and (max-width:480px){
	#tunagu div.right{float:none;display: block; margin:0 auto;margin-top:20px;width:90%;}
#tunagu div.left{float:none;display: block; margin:0 auto;margin-top:20px;width:90%;}
	#tunagu div.left:before, #tunagu div.right:after{
  
    border-width: 0px 0px;
    border-right-color: #a09e9a;
}
	#tunagu p{width:100%;}
	.sp{display:block !important;}

	
}