@charset "utf-8";
/*
Theme Name: 石峰寺
Theme URI: http://sekihoji.com/
Description: 
Author: 石峰寺
Version: 1.1
*/


#wrapper {
	width: 100%;
	height: 100%;
}

/* **********************************************************************
 * #header
 * ********************************************************************** */
 
div#header {
	position: fixed;
	_position: absolute;
	bottom: 80px;
	right: 0px;
	width: 100%;
	height: 80px;
	z-index: 5000;
	visibility: hidden;
	background-color: #E9451C;
}

/* #pageNavi
------------------------------------------------------------*/

#pageNavi {
	position: absolute;
	top: 0px;
	right: 50%;
	display: block;
	width: 900px;
	height: 80px;
	margin-right: -450px;
	z-index: 9000;
}

#pageNavi #logo {
	width: 260px;
	float: left;
	margin: 18px 0px;
}
#pageNavi #logo a:hover,
#pageNavi #logo a:focus {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	/zoom: 1;
}

#pageNavi ul {
	float: right;
	height: 20px;
	padding-top: 27px;
}

#pageNavi ul li {
	height: 20px;
	text-align: left;
	margin-left: 20px;
	overflow: hidden;
	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
	/zoom: 1;
	vertical-align: middle;
}
#pageNavi ul li a {
	display: block;
	height: 20px;
	text-align: left;
	padding-top: 20px;
	color: #FFF;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#pageNavi ul li a:hover,
#pageNavi ul li a:focus {
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

#pageNavi ul li.navi01 a {
	width: 122px;
	background-image: url(images/navi/navi01.gif);
}
#pageNavi ul li.navi02 a {
	width: 92px;
	background-image: url(images/navi/navi02.gif);
}
#pageNavi ul li.navi03 a {
	width: 92px;
	background-image: url(images/navi/navi03.gif);
}
#pageNavi ul li.navi04 a {
	width: 122px;
	background-image: url(images/navi/navi04.gif);
}
#pageNavi ul li.navi05 a {
	width: 92px;
	background-image: url(images/navi/navi05.gif);
}


/* **********************************************************************
 * #contents
 * ********************************************************************** */

/* page common
------------------------------------------------------------*/

#content {
	position: relative;
	left: 0;
	height: 380px;
	text-align: left;
	visibility: hidden;
}
#content-single {
	position: relative;
	text-align: left;
	background-color: #fff;
	visibility: visible;
}

div#content div.page div#first {
	position: absolute; top: 0; right:0;
	width: 0;
	height: 0;
	overflow: hidden;
}

div#content div.page {
	position: relative;
	float: right;
	margin: 0px;
}

h2#pageTitle {
	float: right;
	width: 450px;
	height: 380px;
	overflow: hidden;
}
#pageTitle span {
	display: block;
	padding-top: 380px;
}

div#content div.pageinner {
	float: right;
	position: relative;
	height: 380px;
	padding: 0px 50px 0px 30px;
	background: url(images/bg.png) repeat left top;
}

div#content div.pageinner .section {
	float: right;
	height: 320px;
	padding: 30px 0px;
	margin-left: 100px;
}

h3.sectionTitle {
	float: right;
	width: 65px;
	height: 320px;
	margin-left: 70px;
	overflow: hidden;
}
h3.sectionTitle span {
	display: block;
	padding-top: 320px;
}

div#content div.section div {
	float: right;
	height: 320px;
	overflow: hidden;
}
div#content div.section div p { padding-top: 320px; }
div#content div.section div a {
	display: block;
	padding-top: 320px;
}


/* about
------------------------------------------------------------*/

body#about #content { width: 2135px; }
body#about div#content div.pageinner { width: 1605px; }

body#about h2#pageTitle { background: url(images/about/pagetitle.jpg) no-repeat left top; }
body#about .section01 { width: 570px; }
body#about .section01 h3.sectionTitle span { background: url(images/about/title01.png) repeat right top; }
body#about .section01 div { width: 435px; }
body#about .section01 div p { background: url(images/about/contents_01.png) no-repeat right top; }

body#about .section02 { width: 825px; }
body#about .section02 h3.sectionTitle span { background: url(images/about/title02.png) repeat right top; }
body#about .section02 div { width: 690px; }
body#about .section02 div p { background: url(images/about/contents_02.png) no-repeat right top; }


/* seeing
------------------------------------------------------------*/

body#seeing #content { width: 2066px; }
body#seeing div#content div.pageinner { width: 1536px; }

body#seeing h2#pageTitle { background: url(images/seeing/pagetitle.jpg) no-repeat left top; }
body#seeing .section01 { width: 155px; }
body#seeing .section01 h3.sectionTitle span { background: url(images/seeing/title01.png) repeat right top; }
body#seeing .section01 div { width: 20px; }
body#seeing .section01 div p { background: url(images/seeing/contents_01.png) no-repeat right top; }

body#seeing .section02 { width: 361px; }
body#seeing .section02 h3.sectionTitle span { background: url(images/seeing/title02.png) repeat right top; }
body#seeing .section02 div { width: 226px; }
body#seeing .section02 div p { background: url(images/seeing/contents_02.png) no-repeat right top; }


/* access
------------------------------------------------------------*/

body#access #content { width: 2130px; }
body#access div#content div.pageinner { width: 1600px; }

body#access h2#pageTitle { background: url(images/access/pagetitle.jpg) no-repeat left top; }
body#access .section01 { width: 665px; }
body#access .section01 h3.sectionTitle span { background: url(images/access/title01.png) repeat right top; }
body#access .section01 div { width: 530px; }
body#access .section01 div a { background: url(images/access/contents_01.png) no-repeat right top; }

body#access .section02 { width: 155px; }
body#access .section02 h3.sectionTitle span { background: url(images/access/title02.png) repeat right top; }
body#access .section02 div { width: 20px; }
body#access .section02 div p { background: url(images/access/contents_02.png) no-repeat right top; }

body#access .section03 { width: 210px; }
body#access .section03 h3.sectionTitle span { background: url(images/access/title03.png) repeat right top; }
body#access .section03 div { width: 75px; }
body#access .section03 div p { background: url(images/access/contents_03.png) no-repeat right top; }


/* event
------------------------------------------------------------*/

body.archive #content { width: 2510px; }
body.single #content { width: 3010px; }
body.archive div#content div.pageinner {
	width: 2000px;
	height: 320px;
	padding: 30px;
}
body.single div#content div.pageinner {
	width: 2500px;
	height: 320px;
	padding: 30px;
}

body#event h2#pageTitle { background: url(images/event/pagetitle.jpg) no-repeat left top; }
body.archive h2#pageTitle { background: url(images/event/pagetitle.jpg) no-repeat left top; }
body.single h2#pageTitle { background: url(images/event/pagetitle.jpg) no-repeat left top; }

div#content div.post {
	float: right;
}
div#content div.post div,
div#content div.post p,
.page-frame {
	float: right;
}
h3.entry-title a {
	color: #000;
}
h3.entry-title a:hover,
h3.entry-title a:focus {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.page-frame {
	margin-left: 30px;
}

.nehan-page {
	font-family:IPA明朝, ＭＳ 明朝, Hiragino Mincho Pro, monospace;
}

.navigation {
	float: right;
}
.entry-content img {
	float: right;
}


body.single div#content-single {
	max-width: 900px;
	margin: 30px auto 60px;
	padding: 60px;
	background-color: #fff !important;
}


body.single .cat {
	letter-spacing: 0.07em;
	margin: 0 0 10px;
}
body.single .cat a {
	color: #fff;
	font-size: 0.9rem;
	padding: 4px 10px;
	background-color: #e9451c;
	
}
.cat a:hover,
.cat a:focus {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
body.single .cat .date {
	font-size: 0.9rem;
	padding-left: 10px;
}

body.single .entry-title {
	font-size: 1.6rem;
	letter-spacing: 0.07em;
}
body.single .entry-content {
	margin: 40px 0;
}
body.single .entry-content p {
	font-size: 1.0rem;
	margin: 0 0 30px;
}
body.single .entry-content img {
	float: none;
}

body.single .navigation {
	float: none;
	font-size: 1.0rem;
	border-top: #ededed 1px solid;
	padding-top: 30px;
}
body.single .navigation {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
body.single .nav-index {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
	body.single div#content-single {
		max-width: 80%;
		margin: 40px auto;
		padding: 40px;
	}
}
@media screen and (max-width: 768px) {
	body.single div#content-single {
		max-width: 90%;
		margin: 40px auto;
		padding: 30px;
		background-color: #fff;
	}
	body.single .entry-title {
		font-size: 1.8rem !important;
		letter-spacing: 0.07em;
	}
	body.single .entry-content p {
		font-size: 1.2rem;
	}
}


/* footer
------------------------------------------------------------*/

div#footer {
	width: 10px;
	height: 380px;
	position: absolute;
	top: 0;
	left: 10px;
}
body#event.single #footer {
	width: 100%;
	height: auto;
	font-size: 0.7rem;
	margin: 30px 0 0;
	padding: 0px;
	position: inherit;
}

/* p#copyright */
p#copyright {
	
}

/* img#loading */
img#loading {
	position:fixed; top:50%; left:50%;
	_position:absolute;
	margin: -17px 0 0 -17px;
	z-index: 9000;
}

/* p#noscript */
p#noscript {
	position:fixed; top:50%; left:50%;
	_position:absolute;
	margin: -219px 0 0 -490px;
	z-index: 9999;
}



/* div.box
------------------------------------------------------------*/
div.box {
	position:absolute; top:-9000px; left:-9000px;
	background-color: #ffffff;
	text-align: center;
	visibility: hidden;
	z-index: 9999;
}
/* div.boxInner */
div.box div.boxInner {
	padding: 10px 32px 10px 10px;
}