@charset "utf-8";

/* body.pc css */


/*********************************************************************************************************
def
*********************************************************************************************************/

* {
	margin : 0px;
	padding : 0px;
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	-ms-box-sizing : border-box;
	-o-box-sizing : border-box;
}

header,
main,
footer,
section,
article,
aside,
figure,
figcaption,
nav,
div {
	margin: 0px auto;
	display: block;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
}

/*---------------------------*/

body {
/*
	font-family: "游明朝", YuMincho, 'Hiragino Mincho ProN', serif;
	font-family: Meiryo, "游ゴシック", YuGothic, "Lucida Grande", "Hiragino Kaku Gothic ProN", sans-serif;
*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.5em;
	line-height: 1.7;
	letter-spacing: 0.025em;
	color: #3D351E;
	position: relative;
}

/*---------------------------*/

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
	margin-bottom: 1em;
}

ul {
	list-style: disc outside;
    line-height: 1.4;
}

ol {
	list-style: decimal outside;
    line-height: 1.4;
}

ul li {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

ol li {
	margin-left: 2em;
	margin-bottom: 0.5em;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-top: 0.5em;
}

ul li:last-child,
ol li:last-child {
	margin-bottom: 0em;
}

ul + ol,
ol + ul {
	margin-top: 2em;
}

ul li.all {
	margin-top: 1.5em;
}

.banner ul li {
	margin: 0px;
	list-style: none;
}

.readList li {
	list-style-type: none;
	margin: 0px;
}

ul.border {
	border-left: 5px solid #A171BD;
	padding-left: 10px;
}

/*-------------------------------------*/

nav ul,
nav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

nav ul::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*-------------------------------------*/

table {
	clear: both;
	font-size: 90%;
	line-height: 1.4;
	border-collapse: collapse;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 2em;
}

body.sp table {
	white-space: pre-wrap;
	word-break: break-all;
}

/*-------------------------------------*/

table th {
	padding: 0.5em;
	border: 1px solid #B5B5B5;
	text-align: center;
	background-color: rgba(252,246,228,0.50);
	font-weight: normal;
}

table td {
	padding: 0.5em;
	border: 1px solid #B5B5B5;
	background-color: rgba(255,255,255,0.50);
}

/*---------------------------*/

table td>* {
	margin-bottom: 0.5em;
}

table td>*:last-child {
	margin-bottom: 0em;
}

/*---------------------------*/

blockquote {
	margin-left: 4em;
}

/*---------------------------*/

a {
	color: #2269B3;
	text-decoration: underline;
}

a[href*=".pdf"] {
	background-image: url(../img/format/icon/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 22px;
	margin-right: 10px;
}

a:hover {
	color: #BD0000;
	text-decoration: underline;
}

/*---------------------------*/

a img {
	opacity: 1;
}

a:hover img {
	opacity: 0.8;
}

/*---------------------------*/

form {
	display: inline;
}

input,
textarea,
select {
	font-family: Meiryo, "游ゴシック", YuGothic, "Lucida Grande", "Hiragino Kaku Gothic ProN", sans-serif;
	padding: 0.25em 0.5em;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 0.25em 0.5em;
	margin: 0em 0.5em;
}

textarea {
	background-color: rgba(255,255,255,0.50);
	padding: 0em;
	width: 100%;
	max-width: 100%;
	margin: 0em;
	border: none;
	line-height: 1.7;
	letter-spacing: 0.025em;
	color: #5E5740;
	letter-spacing: 0.03em;
}

/*********************************************************************************************************
img border
*********************************************************************************************************/

.readList li .photo img ,
article.content img[src*=".jpg"] {
	border: 5px solid #FFF;
	box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	-webkit-box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	-moz-box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	-ms-box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	-o-box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
}

#contentLink img,
.banner img ,
#readContent img {
	 border: none;
	 box-shadow: none;
	 -webkit-box-shadow: none;
	 -moz-box-shadow: none;
	 -ms-box-shadow: none;
	 -o-box-shadow: none;
}

/*********************************************************************************************************
body > #loader
*********************************************************************************************************/

#loading {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 501;
	left: 0px;
	top: 0px;
	background-color: #000000;
	background-image: url(../img/format/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#loaderTitle {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 502;
	left: 0px;
	top: 0px;
	background-color: #000000;
	background-image: url(../img/format/loading.gif);
	background-repeat: no-repeat;
	background-position: center 40%;
	background-size: auto 50%;
}

#loaderMask {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 501;
	left: 0px;
	top: 0px;
	background-color: #000000;
}



/*---------------------------------------------------------------
body > #visual & other common
---------------------------------------------------------------*/

#visual ,
#contentHeaderImageFront ,
#contentHeaderImageBack {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: -100;
}

#visualInner {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -2;
}

#visualInner div {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	opacity: 0;
}


/*---------------------------------------------------------------
body > #ud
---------------------------------------------------------------*/

#ud {
	display: block;
	width: 50px;
	position: fixed;
	right: 2%;
	bottom: 5%;
	cursor: pointer;
	z-index: 1000;
}

#ud img {
	opacity: 0.5;
}

#ud img:hover {
	opacity: 1;
}

/*********************************************************************************************************
body > div#container
*********************************************************************************************************/

#container {
	width: 100%;
	position: relative;
	min-width: 700px;
}


/*******************************************************************************************************
.wfix
*******************************************************************************************************/

.wfix {
	clear: both;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	max-width: 1200px;
}

.wfix::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
/*
#anc {
	padding-top: 100px;
}
*/


/*********************************************************************************************************
body div#container header
*********************************************************************************************************/

header {
/*
	position: fixed;
	position: relative;
	background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(0,0,0,0.80) 40%,rgba(0,0,0,0.81) 60%,rgba(0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(0,0,0,0.80) 40%,rgba(0,0,0,0.81) 60%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(0,0,0,1.00) 0%,rgba(0,0,0,0.80) 40%,rgba(0,0,0,0.81) 60%,rgba(0,0,0,1.00) 100%);
*/
	position: absolute;
	width: 100%;
	z-index: 500;
}

/*
body.ie header {
	position: fixed;
}
*/

/*------------------------------------------------------------------------------------------
body div#container header .wfix
------------------------------------------------------------------------------------------*/

header .wfix {
    width: 100%;
}

/*------------------------------------------------------------------------------------------
body div#container header #headerContent
------------------------------------------------------------------------------------------*/

#headerContent {
	position: relative;
	z-index: 1;
	z-index: 500;
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
/*
*/
	background-image: url(../img/format/line_gold.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 1px;
	line-height: 50px;
}

#headerContent::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*------------------------------------------------------------------------------------------
body div#container header #headerContent .wfix h1
------------------------------------------------------------------------------------------*/

header h1 {
	display: block;
	background-image: url(../img/format/tomoe.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 250px;
	height: 50px;
	line-height: 50px;
}

header h1 a {
	display: block;
	opacity: 1;
}

header h1 a:hover {
	opacity: 0.8;
}

header h1 a img {
	vertical-align: middle;
}



/*------------------------------------------------------------------------------------------
body div#container header #headerContent .wfix #button
------------------------------------------------------------------------------------------*/

#button {
	display: block;
	position: absolute;
	top: 0px;
	right: 0%;
	z-index: 500;
	height: 50px;
	line-height: 50px;
	color: #FFF;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
}

#menu {
	display: inline-block;
	background-image: url(../img/format/icon_menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 10px 0px 30px;
	opacity: 1;
}

#sitemap {
	display: inline-block;
	background-image: url(../img/format/icon_list.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 20px;
	padding: 0px 0px 0px 26px;
	opacity: 1;
}

#button a {
	color: #FFF;
	text-decoration: none;
	opacity: 1;
}

#button a:hover {
	color: #FFF;
	opacity: 0.75;
}


/*------------------------------------------------------------------------------------------
body div#container nav#global
------------------------------------------------------------------------------------------*/

#global {
	width: 100%;
	margin-top: 0px;
	background-color: rgba(0,0,0,0.8);
	padding: 40px 0px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.70);
	display: none;
/*
*/
	background-image: url(../img/format/line_gold.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 1px;
	position: absolute;
}

/*---------------------------------------*/

#global .wfix {
	padding: 20px;
	background-image: url(../img/format/stripe.png);
}

/*---------------------------------------*/

#global ul::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#global li:hover {
	cursor: pointer;
}

/*---------------------------------------*/

#global ul.menu {
	display: block;
	position: relative;
	width: 100%;
	list-style-type: none;
}

#global ul.menu li {
	display: block;
	list-style: none;
	margin: 0px;
	float: left;
	border: 1px solid rgba(0,0,0,0.50);
}

.w #global ul.menu li {
	width: 16.66%;
	width: 14.28%;
}

.h #global ul.menu li {
	width: 25%;
}

#global ul.menu li img {
	opacity: 1;
	width: 100%;
	border: 1px solid #000000;
}

#global ul.menu li a  {
	display: block;
}

#global ul.menu li .loc  {
	background-color: #000000;
}

#global ul.menu li .loc img {
	border: 5px solid #FFFFFF;
}

#global ul.menu li:hover img {
	border: 1px solid #FFFFFF;
}

/*---------------------------------------*/

#global .banner {
	position: relative;
	clear: both;
	width: 100%;
	margin-top: 20px;
	padding: 0px 1px 0px 1px;
	overflow: hidden;
}

#global .banner::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#global .banner li img {
	width: 99%;
	opacity: 1;
}

#global .banner li:hover img {
	opacity: 0.9;
}

/*********************************************************************************************************
body div#container section#contentHeader
*********************************************************************************************************/

#contentHeader {
	width: 100%;
	padding-top: 50px;
	max-height: 540px;
	min-height: 150px;
	background-size: auto;
	position: relative;

/*
	background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,1.00) 10%,rgba(0,0,0,0.00) 50%,rgba(0,0,0,1.00) 90%);
	background-image: -moz-linear-gradient(0deg,rgba(0,0,0,1.00) 10%,rgba(0,0,0,0.00) 50%,rgba(0,0,0,1.00) 90%);
	background-image: linear-gradient(90deg,rgba(0,0,0,1.00) 10%,rgba(0,0,0,0.00) 50%,rgba(0,0,0,1.00) 90%);
*/


/*
	background-image: url(../img/format/contentHeaderMask.png);
	background-position: left top;
	background-size: 100% 150%;
	background-repeat: no-repeat;
*/

}

#contentHeader .wfix {
	position: relative;
	height: 100%;
	overflow: hidden;
}

/*********************************************************************************************************
body div#container section#contentHeader div#contentHeaderText
*********************************************************************************************************/

#contentHeaderText {
	display: block;
	position: absolute;
	bottom: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}

#contentHeaderText h1 {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 150px;
	text-indent: -99999px;
	overflow: hidden;
	overflow: hidden;
	background-image: url(../img/symbol/okunijinja.png);

/*
	background-size: auto 80%;
*/

}

/*********************************************************************************************************
body div#container section#contentHeader div#contentHeaderTexture
*********************************************************************************************************/

#contentHeaderTexture {
	display: block;
	position: absolute;
	width: 100%;
	height: 35px;
	min-height: 35px;
	max-height: 35px;
	bottom: 0px;
	left: 0px;
	background-image: url(../img/format/visualBottomTexture.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	box-shadow: 0px 2px 3px #666;
	-webkit-box-shadow: 0px 2px 3px #666;
	-moz-box-shadow: 0px 2px 3px #666;
	-ms-box-shadow: 0px 2px 3px #666;
	-o-box-shadow: 0px 2px 3px #666;
	border-bottom: 1px solid #FFF;
	z-index: 498;
}

#index #contentHeaderTexture {
	min-height: 50px;
	max-height: 100px;
}


/*********************************************************************************************************
body div#container main
*********************************************************************************************************/

main {
	clear: both;
	background-position: center top;
	background-color: #FFF;
	background-image: url(../img/format/bgGradation.jpg);
	background-repeat: repeat-y;
	-webkit-box-shadow: 0px -1px 3px rgba(0,0,0,0.50);
	box-shadow: 0px -1px 3px rgba(0,0,0,0.50);
}



/*********************************************************************************************************
body div#container main .path
body div#container main section#bottom #pathTop
*********************************************************************************************************/

.path::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.path p {
	margin: 0em auto;
	line-height: 16px;
	font-size: 90%;
	display: inline-block;
	white-space: pre-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.path span {
	padding: 10px 10px 10px 18px;
	display: inline-block;
	background-image: url(../img/format/path_span.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.path span:first-child {
	background-image: url(../img/format/path_spanTop.png);
	background-repeat: no-repeat;
	background-position: left center;
	
}

.path a {
	text-decoration: none;
	color: inherit;
}

.path a:hover {
	text-decoration: underline;
	color: #FFF;
}

/*-------------------------------------*/

#pathTop {
	display: block;
	position: relative;
	background-color: #000;
	background-image: url(../img/format/pathTop.png);
	background-position: center top;
	padding: 2px 0px;
	height: 40px;
	color: #A59B7A;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
	border-bottom: 1px solid rgba(255,255,255,1.00);

	background-image: url(../img/format/on_bg.png);
	background-position: center top;
	background-size: 100% 100px;

}



/*********************************************************************************************************
body div#container main section#mainContent
*********************************************************************************************************/

#mainContent {
	z-index: 1;
	background-image: url(../img/format/main_bottomLine.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#mainContent::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*********************************************************************************************************
.tabmenu
*********************************************************************************************************/

.tabmenu {
	font-size: 90%;
	background-image: url(../img/format/stripeB_01.png);
	padding: 0.5em;
	background-color: rgba(200,200,200,0.25);
	border-left: 5px solid #A70002;
}

.tabmenu a ,
.tabmenu span {
	padding: 0.25em 1em;
	display: inline-block;
	text-decoration: none;
	color: inherit;
	border-right: 1px solid #999;
	line-height: 1em;
}

.tabmenu a.loc ,
.tabmenu span.loc {
	color: #FFF;
	background-color: #A80002;
}

.tabmenu a:hover ,
.tabmenu span:hover {
	color: #FFF;
	background-color: #333;
	cursor: pointer;
}


.tabmenu>*:last-child  {
	margin: 0px;
}

/*********************************************************************************************************
body div#container main section#mainContent nav.symbol
*********************************************************************************************************/

.symbol {
	position: relative;
	clear: both;
	border-top: 1px solid rgba(255,255,255,1);
	border-bottom: 1px solid rgba(255,255,255,1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.65);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.65);
	margin-top: 6px;
	margin-bottom: 6em;
	background-image: url(../img/format/symbolBg.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: rgba(235,232,195,1.00);
}

/*-------------------------------------*/

.symbol ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 1em 0em;
}

.symbol:after ,
.symbol ul::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.symbol ul li {
	display: block;
	margin: 0px;
	padding: 1em 0em;
	float: left;
	text-align: center;
	width: 16.6%;
}

/*-------------------------------------*/

.symbol ul.symbol2 li {
	width: 50%;
}

.symbol ul.symbol3 li {
	width: 33.3%;
}

.symbol ul.symbol4 li {
	width: 25%;
}

.symbol ul.symbol5 li {
	width: 20%;
}

.w .symbol ul.symbol6 li {
   width: 16.6%;
}

.h .symbol ul.symbol6 li {
	width: 33.3%;
}

/*-------------------------------------*/

.symbol ul li a {
	position: relative;
	text-decoration: none;
}

.symbol ul li a:hover {
	text-decoration: underline;
}

.symbol ul li img {
	width: 80%;
	max-width: 150px;
	height: auto;
	margin: 0px auto 0.5em auto;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.60);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.60);
	border: 5px solid rgba(255,255,255,1.00);
}

.symbol ul li span {
	display: block;
	width: auto;
	font-size: 90%;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px 0.5em;
}

.symbol ul li.loc {
	color: rgba(183,0,3,1.00);
}

.symbol ul li.loc img {
	border: 5px solid rgba(158,0,2,1.00);
}

/*********************************************************************************************************
article.content article.intro
*********************************************************************************************************/

article.content {
	clear: both;
	position: relative;
	background-image: url(../img/format/line_shadow.png);
	background-repeat: no-repeat;
	background-position: center 25px;
	padding-top: 50px;
	margin-bottom: 6em;
}

article.content#content0 {
padding-top: 7em;
text-align: center;
margin-bottom: 0em;
}


.bannerCenter>*{
text-align: center;
    width: 49%;
    margin: 0 auto 1em auto;
}

#bannerSpecial::after {
content: "";
display: block;
clear: both;
height: 0;
}

#bannerSpecial>* {
display: block;
width: 49%;
margin-bottom: 1em;
}

#bannerSpecial>*:nth-child(odd) {
float: left;
clear: both;
margin-right: 2%;
}

#bannerSpecial>*:nth-child(even) {
float: right;
}

.bannerInfo {
clear: both;
margin-bottom: 2em;
width: 100%;
background-color: rgba(255,255,255,1.00);
text-align: center;
/*
border: 1px solid rgba(0,0,0,0.12);
*/
}

.bannerInfo::after {
content: "";
display: block;
clear: both;
height: 0;
}

#kaminotana {
max-width: 500px;
margin: auto;
}

.bannerInfo#reiwa {
background-color: inherit;
/*
background-image: url("../img/index/reiwa_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 2em;
*/
margin-bottom: 3em;
}

.bannerInfo#reiwa p {
max-width: 300px;
margin: auto;
}

.bannerOuter {
clear: both;
margin-bottom: 2em;
}

.bannerOuter::after {
content: "";
display: block;
clear: both;
height: 0;
}

#jinjaphotocon {
width: 20%;
margin: auto;
}

article.content:after ,
article.content .wrap::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

article.content .wrap {
	margin: 5% 0% 0% 20%;
	padding-left: 5%;
	padding-bottom: 4em;
	background-image: url(../img/format/wrapShadow.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 25px 100%;
}


article.content .h4wrap {
	margin-bottom: 2em;
}

article.content .h4wrap::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

article.content .h5wrap {
	margin-top: 2em;
	margin-bottom: 2em;
}

article.content .column>.h5wrap:first-child {
	margin-top: 4em;
}

article.content .h5wrap>*:last-child {
	margin-bottom: 0em;
}

article.content .h5wrap::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.clearBox {
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 2em;
}

.clearBox::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

article.content .column>table:first-child {
	margin-top: 0em;
}


/*------------------------------------------------------------------------------------------
article.option
------------------------------------------------------------------------------------------*/

article.option {
	clear: both;
	position: relative;
    background-image: url('../img/format/main_bottomLine.png');
    background-position: center top;
    background-repeat: no-repeat;
	padding: 7% 0% 5% 0%;
}

article.option .wrap {
	clear: both;
	position: relative;
}

article#option1 .left {
	float: left;
	width: 37%;
	margin-right: 3%;
}

article#option1 .right {
	width: 60%;
	display: table;
}

article.option .wrap::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}



/*------------------------------------------------------------------------------------------
article.content div.sectionHeader
------------------------------------------------------------------------------------------*/

article.content .sectionHeader {
	position: relative;
	width: 100%;
	height: 210px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-top: 1px solid #999;
}

article.content .sectionHeaderShadow {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../img/format/sectionHeaderShadow.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 6px;
	border-bottom: 5px solid #FFF;
	border-bottom: 10px solid #D7D1B6;
}

article.content .sectionHeaderMask {
	width: 100%;
	height: 100%;
	background-image: url(../img/format/sectionHeaderMask.png);
	background-position: center center;
}

article.content .sectionHeaderContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../img/format/okunijinnjaWhite.png);
	background-position: 97% 50%;
	background-repeat: no-repeat;
	background-size: auto 16%;
	opacity: 0.5;
}

article.content .sectionHeaderTomoe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../img/format/tomoe2.png);
	background-position: 3% center;
	background-repeat: no-repeat;
	background-size: auto 70%;
}


/*------------------------------------------------------------------------------------------
article.content h2
------------------------------------------------------------------------------------------*/

article.content h2 {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999px;
	background-size: contain;
	width: 18%;
	max-width: 150px;
	min-width: 100px;
	height: 100%;
	min-height: 300px;
	position: absolute;
	top: -30px;
	left: 2%;
	overflow: hidden;
}


/*------------------------------------------------------------------------------------------
body div#container main section#mainContent article.content h3
------------------------------------------------------------------------------------------*/

article.intro .wrap .headline ,
article.content .wrap .headline {
	clear: both;
	margin-top: 4em;
	margin-bottom: 2em;
	padding-bottom: 0.75em;
	background-image: url(../img/format/dot_w2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#mainContent article.intro h3 ,
#mainContent article.content h3 {
/*
	font-family: "游明朝", YuMincho, 'Hiragino Mincho ProN', serif;
*/
	font-size: 160%;
	line-height: 1.2;
	letter-spacing: 0em;
	padding: 0.75em 0em;
	margin-bottom: 0.75em;
	background-image: url(../img/format/textureLine.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	color: #5A3325;
	font-weight: normal;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.20);
}

#mainContent article.content h4 {
/*
	font-family: "游明朝", YuMincho, 'Hiragino Mincho ProN', serif;
*/
	font-size: 125%;
	line-height: 1.4;
	letter-spacing: 0em;
	color: #5A3325;
	font-weight: normal;
}


article.content .wrap .headline:first-child {
	margin-top: 0em;
}

article.content .headline h4 {
	margin-bottom: 0.5em;
}

article.content .headline>p {
	margin-bottom: 0.25em;
}

article.content h4 span {
	font-size: 75%;
	word-spacing: 0em;
	font-weight: normal;
	letter-spacing: 0em;
}

article.content:last-child {
	margin-bottom: 6em;
}

#mainContent article.intro h5 ,
#mainContent article.content h5 {
	font-size: 110%;
	line-height: 1.2;
	letter-spacing: 0em;
	padding: 0.5em;
	font-weight: normal;
	background-color: rgba(212,210,189,0.50);
	color: rgba(61,10,10,1.00);
}


article.content h5 span {
	font-size: 80%;
	word-spacing: 0em;
	font-weight: normal;
	letter-spacing: 0em;
}


#mainContent article.content h6 {
	font-size: 100%;
	color: rgba(114,4,4,1.00);
	font-weight: normal;
	text-decoration: underline;
}


/*-------------------------------------*/

article.content h3 span {
	font-size: 60%;
}

article.content h3 span.false {
	display: inline-block;
	margin-bottom: 0.5em;
}

article.content .false {
	opacity: 0.65;
	font-style: italic;
}

article.content h3 span.false ,
article.content h3 span.red {
	font-size: 100%;
}

article.content h4 span {
	font-size: 70%;
}

article.content .false {
	text-decoration: line-through;
}

article.content h4 span.span {
	font-size: 100%;
	display: block;
	margin-bottom: 1em;
}


/*--------------------------------------------*/

article.content .column {
	position: relative;
	margin-bottom: 2em;
	clear: both;
}

article.content .column ul ,
article.content .column ol {
	display: block;
}

article.content .column ul:after ,
article.content .column ul::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*------------------------------*/
article.content .img {
	text-align: center;
	margin-bottom: 2em;
}

article.content .img span {
	display: inline-block;
	font-size: 90%;
	margin-top: 1em;
	line-height: 1.2;
	letter-spacing: 0em;
}

article.content .img::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

article.content .img p {
	float: left;
}

article.content .img img {
	width: 98%;
}

/*
#index article.content#content3 .img[class~="c2"] img.h ,
#index article.content#content3 .img[class~="c3"] img.h ,
#index article.content#content3 .img[class~="c4"] img.h ,
#index article.content#content3 .img[class~="c5"] img.h {
	width: 48%;
}
*/

/*------------------------------*/

article.content .img.c1 p {
	float: none;
}

article.content .img.c2 p {
	width: 50%;
}

article.content .img.c3 p {
	width: 33.3%;
}

article.content .img.c4 p {
	width: 25%;
}

/*------------------------------*/

article.content .img.R p ,
article.content .img.L p {
	width: 98%;
}

/*------------------------------*/

article.content .img.R {
	float: right;
	width: 40%;
}

article.content .img.R + .column {
	clear: none;
	float: left;
	width: 55%;
}

/*------------------------------*/

article.content .img.L {
	float: left;
	width: 40%;
}

article.content .img.L + .column {
	clear: none;
	float: right;
	width: 55%;
}

/*------------------------------*/

article.content .column.L {
	float: left;
	width: 48%;
}

article.content .column.R {
	clear: none;
	float: right;
	width: 48%;
}

/*------------------------------*/

article.content .illust {
	margin-bottom: 2em;
}
article.content .illust img {

}

/*--------------------------------------------*/

article.content .banner {
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
}

article.content .banner li {
	display: inline-block;
	width: 100%;
}

article.content .banner.half li {
	display: inline-block;
	width: 50%;
}

article.content .inlineBanner {
	display: block;
	width: 100%;
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
}

article.content .inlineBanner li {
	display: block;
	margin-bottom: 1em;
}

article.content .inlineBanner li img {
	width: 90%;
}

article.content .inlineBanner::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*--------------------------------------------*/

article.content .texture {
	clear: both;
	border: 5px solid #E0E0DB;
	padding: 2%;
	background-image: url('../img/format/texturebox1.png');
	background-color: rgba(249, 249, 249, 0.75);
	margin-top: 1em;
	margin-bottom: 2em;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.75);
	color: #5B532A;
	line-height: 1.5;
	font-size: 90%;
}

article.content .texture>*:last-child {
	margin-bottom: 0em;
}

article.content .texture::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*--------------------------------------------*/

article.content .colorbox {
	background-color: rgba(223,171,137,0.25);
	padding: 1em;
	line-height: 1.4;
	text-align: justify;
}

article.content .colorbox>*:last-child {
	margin-bottom: 0em;
}

article.content .colorbox::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}


/*********************************************************************************************************
uniq #information #season #faq
*********************************************************************************************************/


div.readControl,
div.readListIndex {
	display: block;
	clear: both;
	margin-bottom: 3em;
}

div.readControl div{
	display: block;
	clear: both;
	margin-top: 1em;
}

div.readListIndex a {
	padding: 0.2em;
	font: 1.2em "Times New Roman", Times, serif;
	text-decoration: none;
}

div.readListIndex a:hover {
	text-decoration: underline;
}

div.readListIndex a.loc {
	font-size: 170%;
	text-decoration: underline;
	color: #000;
}

div.readControl select,
div.readListIndex select {
	padding: 0.1em 0.5em;
	vertical-align: middle;
	width: 80%;
	max-width: 80%;
	text-overflow: ellipsis;
}

div.readControl option,
div.readListIndex option {
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
}


div.readControl input,
div.readListIndex input {
	padding: 0.2em 0.5em;
	margin: 0px;
	vertical-align: middle;
}

div.readControl .count {
    display: none;
}

#readTitle {
	margin-top: 3em;
}

#readTitle h3 {
	margin-bottom: 0em;
	font-size: 1.5em;
}

#readTitle .date {
	font-size: 90%;
	padding: 0.5em 1em;
}

#readContent ,
#preview ,
#pvalue {
	border: 1px solid rgba(180,180,180,1.00);
	background-color: rgba(255,255,255,0.75);
	padding: 2em;
	margin-bottom: 3em;
}


/*********************************************************************************************************
common #information #season #faq
*********************************************************************************************************/

ul.readList,
div.readList {
	display: block;
	margin-bottom: 4em;
	width: 100%;
}

ul.readList:after ,
ul.readList li::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

ul.readList li {
	margin: 0em;
	padding: 1em 0em;
	display: block;
	background-image: url(../img/format/dot_w1.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 100%;
}

aside ul.readList li {
	padding: 0em 0.5em 1em 0.5em;
	background-image: none;
}


ul.readList li:last-child {
	border-style: none;
}


ul.readList li .readEdit {
	display: block;
}

ul.readList li .photo {
	width: 20%;
	height: 100%;
	display: block;
	float: left;
}

ul.readList li .update {
	display: inline-block;
	font-size: 80%;
	margin-bottom: 0.5em;
}

#index #content2 ul.readList li .update ,
#season #mainContent ul.readList li .update ,
#asideSeason ul.readList li .update {
	border-left: 3px solid rgba(167,105,181,1.00);
	padding-left: 0.75em;
	letter-spacing: 0em;
}

ul.readList li .vol {
	font-size: 80%;
	font-family: "Times New Roman", Times, serif;
	display: inline-block;
	letter-spacing: 0.05em;
}

ul.readList li .vol span {
	font-size: 160%;
	letter-spacing: 0em;
}


ul.readList li .title {
	display: block;
	font-size: 120%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.2;
}

ul.readList li a {
	text-decoration: none;
}

/*-------------------------------------*/

#mainContent ul.readList li .lookup {
	display: block;
	float: right;
	width: 77%;
}

#mainContent ul.readList li .content {
	display: block;
	float: right;
	width: 77%;
}

#other_menu ul.readList li .lookup,
aside ul.readList li .lookup {
	display: block;
	float: right;
	width: 75%;
}

#other_menu ul.readList li .content,
aside ul.readList li .content {
	display: block;
	float: right;
	width: 75%;
}

/*------------ #index -----------------*/

#index ul.readList[class*="slider"] li .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.linkAll {
	clear: both;
}
.linkAll p {
	margin: 0;
}
.linkAll p a {
	border: 1px solid rgba(255,255,255,1.00);
	padding: 0.5em 1em;
	margin: 0;
	text-decoration: none;
	background-image: -webkit-linear-gradient(270deg,rgba(249,249,249,1.00) 0%,rgba(235,235,235,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(249,249,249,1.00) 0%,rgba(235,235,235,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(249,249,249,1.00) 0%,rgba(235,235,235,1.00) 100%);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.70);
}


/*********************************************************************************************************
common #index #information #season #faq
*********************************************************************************************************/

ul.readList li .class {
	font-size: 80%;
	display: inline-block;
	padding: 0.2em 0.5em;
	width: 8em;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	margin-right: 1em;
	margin-bottom: 1em;
}


/*********************************************************************************************************
body div#container main section#main article#contentFaq
*********************************************************************************************************/

#contentFaq {
	margin: 0;
	padding-top: 8em;
	padding-bottom: 5em;
	background-image: url(../img/format/main_bottomLine.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#contentFaq h2 {
	background-color: rgba(167,25,25,1.00);
	border-bottom: 5px solid #D7D1B6;
	background-image: url(../img/format/texture3.png);
}

#contentFaq h2 a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.5em;
	background-image: url(../img/format/faq.png);
	background-repeat: no-repeat;
	background-position: 0.5em center;
	background-size: auto 30px;
	text-indent: -99999px;
	overflow: hidden;
}

#contentFaq h2:hover {
	background-color: rgba(124,11,11,1.00);
}

#contentFaq article {
	background-color: rgba(251,250,244,1.00);
	background-image: url(../img/format/texture2.png);
	border-left: 5px solid rgba(219,216,204,0.75);
	border-right: 5px solid rgba(219,216,204,0.75);
	border-top: 5px solid rgba(219,216,204,0.75);
}

#contentFaq article:last-child {
	border-bottom: 5px solid rgba(219,216,204,0.75);
}

#contentFaq .q_block {
	padding: 1em 1em 1em 55px;
	background-image: url(../img/format/faqQ.png);
	background-repeat: no-repeat;
	background-position: 0.5em 1em;
	color: rgba(127,31,0,1.00);
}

#contentFaq .q_block:hover {
	color: rgba(217,0,2,1.00);
	background-color: rgba(255,255,255,0.5);
	cursor: pointer;
}

#contentFaq h3 {
	font-weight: normal;
	font-size: 100%;
}

#contentFaq .a_block {
	color: rgba(115,100,61,1.00);
	padding: 1em 1em 1em 55px;
	background-image: url(../img/format/faqA.png);
	background-repeat: no-repeat;
	background-position: 0.5em 1em;
	border-top: 1px dotted rgba(215,211,193,0.75);
}

#contentFaq .q_block>*:last-child ,
#contentFaq .a_block>*:last-child {
	margin-bottom: 0px;
}


/*********************************************************************************************************
body div#container main aside
*********************************************************************************************************/

aside {
	clear: both;
	position: relative;
	font-size: 95%;
}

aside article {
	clear: both;
	position: relative;
	background-image: url(../img/format/main_bottomLine.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 5em 0em;
}

aside article::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*-------------------------------------*/

#other_menu {
	margin-bottom: 5em;
}

#other_menu h2,
aside h2 {
	background-color: rgba(85,36,96,0.75);
	border-bottom: 5px solid #D7D1B6;
	background-image: url(../img/format/texture3.png);
}

#other_menu h2 a,
aside h2 a {
	display: block;
	width: 100%;
	padding: 0.5em;
	background-repeat: no-repeat;
	background-position: 0.5em center;
	background-size: auto 30px;
	text-indent: -99999px;
	overflow: hidden;
}

aside h2:hover {
	background-color: rgba(41,3,49,0.75);
}

/*-------------------------------------------------------------------------
body div#container main aside#asideInformation
-------------------------------------------------------------------------*/
#information #other_menu h2 a,
#asideInformation h2 a {
	background-image: url(../img/format/asideInformation.png);
}

/*-------------------------------------------------------------------------
body div#container main aside#asideSeason
-------------------------------------------------------------------------*/

#season #other_menu h2 a,
#asideSeason h2 a {
	background-image: url(../img/format/asideSeason.png);
}

#other_menu ul.readList li .photo ,
aside ul.readList li .photo {
	width: 24%;
	height: auto;
	margin-right: 1%;
	padding-right: 5%;
	background-image: url('../img/format/wrapShadow.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 25px 100%;
}

aside .readList li .photo img {
	box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	-webkit-box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	-moz-box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	-ms-box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	-o-box-shadow: 0px 1px 2px rgba(116,115,95,0.75);
	border: 5px solid rgba(255,255,255,1.00);
}


/*********************************************************************************************************
body div#container main aside nav#bannav
*********************************************************************************************************/

nav#bannav {
	padding: 5em 0em;
}

nav#bannav li img {
	width: 99%;
}

/*********************************************************************************************************
body div#container main section#bottom
*********************************************************************************************************/


#bottom {
	clear: both;
}

#pathBottom a {
	color: inherit;
}

/*********************************************************************************************************
body div#container main section#bottom nav#bnav
*********************************************************************************************************/

nav#bnav {
	clear: both;
	width: 100%;
	position: relative;
	box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.25);
}

nav#bnav .wrap {
	position: relative;
	background-image: url(../img/format/bnav_line.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0% 0% 4% 0%;
}

nav#bnav .wfix {
	background-image: url(../img/format/treeBottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 35% auto;
	padding-bottom: 8em;
}

nav#bnav ul {
	width: 60%;
	list-style:none;
	margin-bottom: 5%;
}

nav#bnav ul::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

nav#bnav li {
	display: block;
	float: right;
	max-height: 215px;
}

nav#bnav li a {
	text-indent: -99999px;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
	margin-top: 20px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	overflow: hidden;
}

nav#bnav li.home a {
	background-image: url(../img/navi/home2.png);
}

nav#bnav li.guide a {
	background-image: url(../img/navi/guide2.png);
}

nav#bnav li.iroha a {
	background-image: url(../img/navi/iroha2.png);
}

nav#bnav li.prayer a {
	background-image: url(../img/navi/prayer2.png);
}

nav#bnav li.wedding a {
	background-image: url(../img/navi/wedding2.png);
}

nav#bnav li.event a {
	background-image: url(../img/navi/event2.png);
}

nav#bnav li.beliefs a {
	background-image: url(../img/navi/beliefs2.png);
}

nav#bnav li.facilities a {
	background-image: url(../img/navi/facilities2.png);
}

nav#bnav li.access a {
	background-image: url(../img/navi/access2.png);
}

nav#bnav li.chronology a {
	background-image: url(../img/navi/chronology2.png);
}

nav#bnav li.faq a {
	background-image: url(../img/navi/faq2.png);
}

nav#bnav li.information a {
	background-image: url(../img/navi/information2.png);
}

nav#bnav li.season a {
	background-image: url(../img/navi/season2.png);
}

nav#bnav li.morinosiki a {
	background-image: url(../img/navi/morinosiki2.png);
}


/*---------------------------*/

nav#bnav li.loc,
nav#bnav li:hover {
	background-image: url(../img/navi/over.png);
	background-repeat: repeat-x;
	background-size: contain;
}

/*********************************************************************************************************
body div#enmusubi
*********************************************************************************************************/


#enmusubi {
	position: absolute;
	width: 35%;
	right: 0%;
	bottom: 0%;
	margin-bottom: 3%;
	display: block;
	text-align: center;
	z-index: 1;
}

#enmusubi p {
	bottom: 0%;
}

#enmusubi a {
	display: block;
}


/*********************************************************************************************************
body div#container main section#bottom nav#onav
*********************************************************************************************************/

nav#onav {
	width: 100%;
	clear: both;
	padding: 1em 0em;
	font-size: 80%;
	line-height: 1.6;
	color: #A59B7A;
	background-position: center top;
	background-image: url(../img/format/on_bg.png);
	background-size: 100% 100px;
	letter-spacing: 0em;
}

nav#onav ul {
	border-left: 1px solid #A59B7A;
}

nav#onav li {
	display: block;
	text-align: center;
	float: left;
	border-right: 1px solid #A59B7A;
}

nav#onav li a {
	text-decoration: none;
	padding: 0em 2em;
	color: inherit;
}

nav#onav li a:hover {
	text-decoration: underline;
	color: inherit;
}


/*********************************************************************************************************
body div#container footer
*********************************************************************************************************/

footer {
	font-size: 90%;
	color: #999;
	background-color: #111;
	background-image: url(../img/format/line_gold.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 1px;
	padding-top: 1px;
}

/* ----------------------------------------------------------- */

#footerInner {
	background-color: #000;
	background-image: url(../img/format/texture.png);
}

#author {
	padding-top:  5em;
	padding-bottom: 5em;
}

#author::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#name {
	width: 70px;
	float: left;
	margin: 0em 5%;
	text-align: center;
}

/* ----------------- */

address {
	display: table;
	font-style: normal;
	line-height: 1.5em;
}

address span {
	display: block;
	white-space: nowrap;
}

/* ----------------- */

#words {
	color: #A59B7A;
	font-size: 90%;
	margin-top: 1em;
	letter-spacing: 0.1em;
	padding-right: 50px;
}

#words span {
	display: inline-block;
}

#caution {
	font-size: 80%;
	margin-top: 1.5em;
	opacity: 0.8;
}

/* ----------------- */

#copyright {
	clear: both;
	display: block;
	font: 0.8em "Times New Roman", Times, serif;
	line-height: 2;
	color: #999;
	letter-spacing: 1em;
	padding: 1em 0%;
	margin: 0px;
	background-image: url(../img/format/line_gold.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 1px;
}


/*********************************************************************************************************
uniq #guide
*********************************************************************************************************/

body#guide article#content1 .colmun {
	margin-bottom: 3em;
}

body#guide article#content1 .wrap .colmun1 {
	background-image: url(../img/photo/guide_colmun1.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 3em 40% 2em 0%;
	text-shadow: 1px 1px rgba(255,255,255,1.00);
	color: #222222;
	background-size: contain;
	margin-bottom: 4em;
}

body#guide article#content1 .colmun2 {
	text-shadow: 1px 1px rgba(255,255,255,1.00);
	color: #222222;
	width: 48%;
	float: left;
}

body#guide article#content1 .colmun2 img {
	margin-top: 2em;
}

body#guide article#content1 .colmun3 {
	text-shadow: 1px 1px rgba(255,255,255,1.00);
	color: #222222;
	width: 48%;
	float: right;
}

body#guide article#content1 .colmun3 img {
	margin-top: 2em;
	margin-bottom: 2em;
}

body#guide article#content1 .colmun4 {
	width: 48%;
	float: left;
}

body#guide article#content1 .colmun4 img {
	margin-top: 2em;
}

body#guide article#content1 .colmun5 {
	width: 48%;
	float: right;
	text-shadow: 1px 1px rgba(255,255,255,1.00);
	color: #222222;
}

body#guide article#content1 .colmun6 {
	width: 48%;
	float: left;
	text-shadow: 1px 1px rgba(255,255,255,1.00);
	color: #222222;
	margin-top: 10em;
}


#symbolLink {
	clear: both;
	margin-top: 4em;
}

#symbolLink li {
	list-style-type: none;
	display: block;
	float: left;
	max-width: 150px;
	margin-left: 0px;

	width: 15.5%;
	margin-right: 1%;
	margin-bottom: 1%;
}

#symbolLink li:nth-child(2) {
	clear: both;
}


body#guide article#content2 .img.R {
    float: right;
    width: 25%;
}

body#guide article#content2 .img.R + .column {
    width: 70%;
}

body#guide article#content2 ul li {
	float: left;
}
body#guide article#content2 ul li .s {
	font-size: 70%;
}

/*********************************************************************************************************
uniq #chronology
*********************************************************************************************************/

body#chronology table {
	margin-top: 0em;
}

body#chronology table td {
	text-align: center;
	width: 33.3%;
}

body#chronology article#content1 .chapter {
	margin-top: 3em;
	margin-bottom: 3em;
}

body#chronology article#content4 h5 {
	clear: both;
}

body#chronology article#content4 li {
	float: left;
}

body#chronology article#content4 ul::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*********************************************************************************************************
uniq #access
*********************************************************************************************************/

body#access table td {
	text-align: center;
	width: 16%;
}

/*********************************************************************************************************
uniq #iroha_altar
*********************************************************************************************************/

body[id^="iroha"] #intro1 {
	text-align: center;
	margin-bottom: 3em;
	font-size: 110%;
	width: 80%;
	line-height: 1.4;
}

body[id^="iroha"] #intro1 h1 {
	font-weight: normal;
	margin-bottom: 0.5em;
	color: rgba(120,7,31,1.00);
}

body[id^="iroha"] #intro1 h2 {
	font-weight: normal;
	margin-top: 2em;
	margin-bottom: 0.5em;
	color: rgba(120,7,31,1.00);
}

body[id^="iroha"] #intro1 p {
	color: rgba(122,103,107,1.00);
}

/*********************************************************************************************************
uniq #iroha_yearly
*********************************************************************************************************/

#iroha_yearly .texture.s {
	font-size: 95%;
	color: rgba(118,108,59,1.00);
	letter-spacing: 0.05em;
}

#iroha_yearly .ps {
	font-size: 110%;
}

#iroha_yearly dt {
	font-size: 110%;
	width: 4em;
	float: left;
	white-space: nowrap;
	text-align: center;
	margin-right: 1em;
}

#iroha_yearly dd {
	margin-bottom: 1em;
	display: table;
}

#iroha_yearly .copy {
	text-align: center;	
}


/*********************************************************************************************************
uniq #iroha_altar
*********************************************************************************************************/

#iroha_altar table {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}


#iroha_altar table th {
	text-align: left;
	width: 35%;
}

/*********************************************************************************************************
uniq #iroha_life
*********************************************************************************************************/


body#iroha_life article#content12 ul {
	clear: none;
}

body#iroha_life article#content12 li {
	float: left;
}

/*********************************************************************************************************
uniq #prayer
*********************************************************************************************************/

body#prayer article#content1 .h5wrap li,
body#prayer article#content1 .texture li {
	float: none;
}

/*********************************************************************************************************
uniq #wedding
*********************************************************************************************************/

body#wedding article#content2 li li {
	font-size: 90%;
	color: rgba(179,0,2,1.00);
}


/*********************************************************************************************************
uniq #event
*********************************************************************************************************/

#event table th {
	width: 12%;
}

#event table .sub_title {
	text-align: left;
	width: 20%;
	background-image: url(../img/format/stripeW_02.png);
}


body[id^="event_"] #intro1 .chapter {
	width: 47.5%;
} 

body[id^="event_"] #intro1 .wrap::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body[id^="event_"] #intro1 .chapter:nth-of-type(1) {
	float: left;
}

body[id^="event_"] #intro1 .chapter:nth-of-type(2) {
	float: right;
}


/* body#event_bugaku */


body[id="event_bugaku"] #intro1 {
    text-align: justify;
}

body[id="event_bugaku"] #intro1 .chapter {
    margin-bottom: 3em;
    clear: both;
	float: none;
	width: 100%;
}

body[id="event_bugaku"] #intro1 .chapter .photo {
    max-width: 40%;
    margin-left: 2em;
	float: right;
}

body[id="event_bugaku"] #intro1 .chapter .txt {
    max-width: 57%;
    margin: 0;
}

body[id="event_bugaku"] #intro1 .chapter .block {
    margin-bottom: 4em;
    clear: both;
}

body[id="event_bugaku"] #intro1 .chapter:nth-of-type(1) .block {
    margin-bottom: 0;
}

body[id="event_bugaku"] #intro1 .chapter .block::after {
content: "";
clear: both;
display: block;
}

body[id="event_bugaku"] #intro1 .chapter table {
    clear: none;
}


body[id="event_bugaku"] #intro1 .chapter:nth-of-type(5) li {
    margin-bottom: 0;
    line-height: 1.2;
}

body[id="event_bugaku"] #intro1 h4 {
    font-size: 130%;
    font-weight: normal;
    line-height: 1.2;
    color: rgba(255,255,255,1.00);
    background-color: rgba(144,63,35,1.00);
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-radius: 4px;
}

body[id="event_bugaku"] #intro1 .chapter:nth-of-type(5) .block:nth-of-type(3) p {
    font-size: 130%;
    padding: 2em 0;
}

body[id="event_bugaku"] #intro1 .borderbox {
    background-color: rgba(255,255,255,0.25);
    border: 1px solid rgba(0,0,0,0.15);
    padding: 1em;
    border-radius: 4px;
    display: table;
}

.borderbox>*:last-child {
    margin-bottom: 0;
}

body[id="event_bugaku"] #intro1 .catch {
    display: inline-block;
    padding: 0.15em 0.75em;
    margin-right: 0.5em;
    background-color: rgba(127,73,26,0.25);
    border-radius: 2em;
}




/*********************************************************************************************************
uniq #beliefs
*********************************************************************************************************/

body#beliefs article#content1 .column:nth-of-type(2) {
	color: #FF0004;
	clear: both;
	width: 100%;
}

body#beliefs article#content2 .texture p:nth-of-type(1) {
	float: left;
	margin-right: 5%;
	width: 30%;
}

body#beliefs_history article.content .img.R {
	width: 30%;
}

body#beliefs_history article.content .img.R + .column {
    width: 65%;
}

body#beliefs_history article#content2>.column:nth-of-type(3) {
	clear: both;
}

/*********************************************************************************************************
uniq #facilities
*********************************************************************************************************/

body#facilities article#content1 .wrap>.img.R {
	width: 45%;
}

body#facilities article#content1 .wrap>.img.R+.column {
	float: left;
    width: 50%;
}

body#facilities article#content1 .h5wrap .img {
	float: left;
	width: 20%;
}

body#facilities article#content1 .h5wrap .column {
	float: right;
    width: 75%;
}

/*

body#facilities article#content1 .wrap>.img.R {
	width: 55%;
}

body#facilities article#content1 .wrap>.img.R+.column {
	float: left;
    width: 40%;
}

body#facilities article#content1 .h5wrap {
 	float: left;
	width: 30%;
	margin-right: 3%;
}

body#facilities article#content1 .h5wrap .img.R {
 	float: left;
	width: 100%;
}
*/


/*********************************************************************************************************
uniq #facilities_
*********************************************************************************************************/

body[id^="facilities_"] article.content .column {
	clear: none;
	float: left;
    width: 65%;
}

body[id^="facilities_"] article.content .img.R {
	width: 30%;
}

body[id^="facilities_"] article.content .img.R + .column {
    width: 65%;
}

body#facilities_nature article#content5 .img.R {
	width: 40%;
}
body#facilities_nature article#content5 .img.R + .column {
    width: 55%;
}


/*********************************************************************************************************
uniq #facilities_equipment
*********************************************************************************************************/

body#facilities_equipment article#content20 .column:nth-of-type(3) {
	font-size: 90%;
}
body#facilities_equipment article#content20 .column:nth-of-type(3) li {
	margin-bottom: 0em;
}


/*********************************************************************************************************
body#faq
*********************************************************************************************************/

body#faq article.qa_block {
	clear: both;
	margin-top: 0%;
	margin-bottom: 1em;
	background-color: rgba(255,255,255,0.50);
	background-image: url(../img/format/texture2.png);
	border: 5px solid rgba(237,234,215,1.00);
	box-shadow: 0px 0px 2px rgba(116,115,95,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(116,115,95,0.5);
	-moz-box-shadow: 0px 0px 2px rgba(116,115,95,0.5);
	-ms-box-shadow: 0px 0px 2px rgba(116,115,95,0.5);
	-o-box-shadow: 0px 0px 2px rgba(116,115,95,0.5);
}

body#faq article.qa_block *:last-child {
	margin-bottom: 0px;
}

body#faq article.qa_block .q_block {
	padding: 1em 1em 1em 55px;
	background-image: url(../img/format/faqQ.png);
	background-repeat: no-repeat;
	background-position: 0.5em 1em;
	color: rgba(127,31,0,1.00);
}

body#faq article.qa_block .q_block:hover {
	color: rgba(217,0,2,1.00);
	background-color: rgba(255,255,255,0.5);
	cursor: pointer;
}

body#faq article.qa_block h3 {
	padding: 0px;
	background-image: none;
	background-color: transparent;
	margin: 0px;
	border: 0px;
	font-size: 120%;
	font-weight: normal;
}
body#faq article.qa_block h3:hover {
	background-image: none;
	background-color: transparent;
}

body#faq article.qa_block .a_block {
	color: rgba(115,100,61,1.00);
	padding: 1em 1em 1em 55px;
	background-image: url(../img/format/faqA.png);
	background-repeat: no-repeat;
	background-position: 0.5em 1em;
	border-top: 1px dotted rgba(215,211,193,0.75);
}

body#faq article.qa_block .categori {
	border-top: 1px dotted rgba(215,211,193,0.75);
	padding: 1em 0em 0em 0em;
	font-size: 80%;
}

body#faq .list_control:nth-of-type(2) {
	margin-top: 5em;
	margin-bottom: 5em;
}

body#faq textarea#fq {
	min-height: 5em;
}
body#faq textarea#fa {
	min-height: 30em;
}

/*********************************************************************************************************
#morinosiki
*********************************************************************************************************/

#morinosiki article#content3 .chapter {
	clear: both;
}

#morinosiki article#content3 h5 {
    float: left;
    width: 55%;
}

/*********************************************************************************************************
#index
*********************************************************************************************************/

#index #content1 h3 {
	font-size: 95%;
}

#index #content1 h3 {
	font-family: Meiryo, "游ゴシック", YuGothic, "Lucida Grande", "Hiragino Kaku Gothic ProN", sans-serif;
	padding: 0.4em 0.5em;
	background-image: none;
	border-style: none;
	background-color: inherit;
	color: rgba(255,255,255,1.00);
	font-size: 0.8em;
	display: inline-block;
	width: 10em;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0px 1px 1px rgba(116,115,95,0.5);
	-webkit-box-shadow: 0px 1px 1px rgba(116,115,95,0.5);
	-moz-box-shadow: 0px 1px 1px rgba(116,115,95,0.5);
	-ms-box-shadow: 0px 1px 1px rgba(116,115,95,0.5);
	-o-box-shadow: 0px 1px 1px rgba(116,115,95,0.5);
	font-weight: normal;
}

#index #content1 h3.class1 {
	background-color: #86126F;
}

#index #content1 h3.class2 {
	background-color: #8E2609;
}

#index #content1 h3.class3 {
	background-color: #36730B;
}

/*---------------*/

#index ul.readList {
	margin-bottom: 1em;
/*
	border-left: 1px solid rgba(147,147,147,0.3);
	border-right: 1px solid rgba(147,147,147,0.3);
*/
	margin-bottom: 2em;
}

#index ul.readList li {
	background-image: none;
	margin-bottom: 1em;
	padding: 0em;
}

#index ul.readList li .photo {
	margin-right: 2%;
	margin-bottom: 0.5em;
	text-align: center;
}


#index ul.readList li .title {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*---------------*/

#index ul.readList.slider2 {
	margin-top: 1em;
	margin-bottom: 1em;
}

#index ul.readList.slider2 li {
	background-image: none;
	margin-bottom: 1em;
	padding: 0em 5%;
	line-height: 1.5;
}

#index ul.readList.slider2 li .lookup,
#index ul.readList.slider2 li .content {
	float: none;
	width: 100%;
}


#index ul.readList.slider2 li .photo {
	float: none;
	width: 100%;
	margin: 0px auto 1em auto;
	text-align: center;
}

#index ul.readList.slider2 li .photo img {
	width: auto;
	max-width: auto;
	max-height: 160px;
}

#index ul.readList.slider2 li .title  {
	padding: 0.5em 0em;
	margin: 0px 0px 0.5em 0px;
	border-top: 1px dotted rgba(162,162,162,1.00);
	border-bottom: 1px dotted rgba(162,162,162,1.00);
	font-size: 110%;
}

/*---------------*/

#index ul.readList.slider3 {
	margin-top: 1em;
	margin-bottom: 2em;
}

#index ul.readList.slider3 li {
	background-image: none;
	margin-bottom: 1em;
	padding: 0em 5%;
	line-height: 1.5;
}

#index ul.readList.slider3 li .lookup,
#index ul.readList.slider3 li .content {
	float: none;
	width: 100%;
}

#index ul.readList.slider3 li .content {
	font-size: 90%;
}

#index ul.readList.slider3 li .photo {
	float: none;
	width: 100%;
	margin: 0.5em 0px 1em 0px;
	text-align: center;
}

#index ul.readList.slider3 li .photo img {
	width: auto;
	max-width: auto;
	max-height: 160px;
}

#index ul.readList.slider3 li .title  {
	padding: 0.5em 0em;
	margin: 0px 0px 0.5em 0px;
	border-top: 1px dotted rgba(162,162,162,1.00);
	border-bottom: 1px dotted rgba(162,162,162,1.00);
	font-size: 110%;
}

/*---------------*/

#index ul.readList.slider4 {
	margin-top: 0em;
	margin-bottom: 1em;
}

#index ul.readList.slider4 li {
	background-image: none;
	padding-right: 10%;
	font-size: 90%;
}

#index ul.readList.slider4 li .lookup,
#index ul.readList.slider4 li .content {
	float: none;
	width: 100%;
}

#index ul.readList.slider4 li .photo {
	float: none;
	width: 100%;
	margin: 0px;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.75em;
	border-top: 1px dotted rgba(162,162,162,1.00);
	border-bottom: 1px dotted rgba(162,162,162,1.00);
}

#index ul.readList.slider4 li .photo img {
	width: auto;
	max-width: auto;
	max-height: 120px;
}

#index ul.readList.slider4 li .content {
	display: none;
}

#index ul.readList.slider4 li .title  {
	font-size: 100%;
	line-height: 1.5;
	white-space: pre-wrap;
}



/*********************************************************************************************************
END
*********************************************************************************************************/
body#index #headerContent {
}

body#index #mainVisual {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #000000;
/*
	padding-top: 50px;
*/
}


body#index #mainVisual #maskL {
	position: absolute;
	height: 3em;
	width: 3em;
	top: 50%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	background-image: url(../img/format/icoL2.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

body#index #mainVisual #maskR {
	position: absolute;
	height: 3em;
	width: 3em;
	top: 50%;
	right: 0px;
	background-color: rgba(0,0,0,0.6);
	background-image: url(../img/format/icoR2.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

body#index #mainVisual #maskL:hover {
	background-color: rgba(0,0,0,1.0);
	background-image: url(../img/format/icoL.png);
}

body#index #mainVisual #maskR:hover {
	background-color: rgba(0,0,0,1.0);
	background-image: url(../img/format/icoR.png);
}

body#index #mainVisual .owl-wrapper-outer {
    overflow: visible;
}

body#index #mainVisual .owl-item article>*{
	opacity: 0;
}

body#index #mainVisual .active article>*{
	opacity: 1;
}

body#index #mainVisual .owl-controls {
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 10px 0px;
	bottom: 3px;
	bottom: 10px;
}

body#index #mainVisual .owl-page span {
    width: 14px;
    height: 14px;
    margin: 0px 15px;
	background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
/*
*/
}

header .wfix {
	width: 90%;
	max-width: 1200px;
}

body#index #mainVisual .wfix {
/*
	width: 92%;
	max-width: 1200px;
*/
	width: 100%;
	max-width: inherit;
}

#global .wfix {
	width: 100%;
	max-width: 1200px;
}

body#index #mainVisual .scene {
	position: relative;
	height: 100%;
	max-height:1080px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 70px 40px;
	height: 700px;
	box-shadow: inset 0px -2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0px -2px 5px rgba(0, 0, 0, 0.5);
}

body#index #mainVisual .scene::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body#index #mainVisual .scene#scene1 {
	background-image: url(../img/mainVisual/scene1.jpg);
}

body#index #mainVisual .scene#scene2 {
	background-image: url(../img/mainVisual/scene2.jpg);
}

body#index #mainVisual .scene#scene3 {
	background-image: url(../img/mainVisual/scene3.jpg);
}

body#index #mainVisual .scene#scene4 {
	background-image: url(../img/mainVisual/scene4.jpg);
}

body#index #mainVisual .scene#scene5 {
	background-image: url(../img/mainVisual/scene5.jpg);
}

body#index #mainVisual .scene#scene6 {
	background-image: url(../img/mainVisual/scene6.jpg);
}

body#index #mainVisual .scene#scene7 {
	background-image: url(../img/mainVisual/scene7.jpg);
}

body#index #mainVisual .scene#scene8 {
	background-image: url(../img/mainVisual/scene8.jpg);
}

body#index #mainVisual .scene#scene9 {
	background-image: url(../img/mainVisual/scene9.jpg);
}

body#index #mainVisual .scene#scene10 {
	background-image: url(../img/mainVisual/scene10.jpg);
}

body#index #mainVisual .scene#scene11 {
	background-image: url(../img/mainVisual/scene11.jpg);
}

body#index #mainVisual .scene#scene12 {
	background-image: url(../img/mainVisual/scene12.jpg);
}

body#index #mainVisual .scene#scene13 {
	background-image: url(../img/mainVisual/scene13.jpg);
}

body#index #mainVisual .scene#scene14 {
	background-image: url(../img/mainVisual/scene14.jpg);
}

body#index #mainVisual .scene#scene15 {
	background-image: url(../img/mainVisual/scene15.jpg);
}

body#index #mainVisual .scene#scene16 {
	background-image: url(../img/mainVisual/scene16.jpg);
}

body#index #mainVisual .scene#scene17 {
	background-image: url(../img/mainVisual/scene17.jpg);
}

body#index #mainVisual .scene#scene18 {
	background-image: url(../img/mainVisual/scene18.jpg);
}

body#index #mainVisual .scene#scene19 {
	background-image: url(../img/mainVisual/scene19.jpg);
}

body#index #mainVisual .scene#scene20 {
	background-image: url(../img/mainVisual/scene20.jpg);
}

body#index #mainVisual .scene#scene21 {
	background-image: url(../img/mainVisual/scene21.jpg);
}

body#index #mainVisual .scene#scene22 {
	background-image: url(../img/mainVisual/scene22.jpg);
}

body#index #mainVisual .scene#scene23 {
	background-image: url(../img/mainVisual/scene23.jpg);
}

body#index #mainVisual .scene#scene24 {
	background-image: url(../img/mainVisual/scene24.jpg);
}

body#index #mainVisual .scene#scene25 {
	background-image: url(../img/mainVisual/scene25.jpg);
}

body#index #mainVisual .scene#scene26 {
	background-image: url(../img/mainVisual/scene26.jpg);
}

body#index #mainVisual .scene#scene27 {
	background-image: url(../img/mainVisual/scene27.jpg);
}

body#index #mainVisual .scene#scene28 {
	background-image: url(../img/mainVisual/scene28.jpg);
}

body#index #mainVisual .scene#scene29 {
	background-image: url(../img/mainVisual/scene29.jpg);
}

body#index #mainVisual .scene#scene30 {
	background-image: url(../img/mainVisual/scene30.jpg);
}

body#index #mainVisual .scene#scene31 {
	background-image: url(../img/mainVisual/scene31.jpg);
}

body#index #mainVisual .scene#scene32 {
	background-image: url(../img/mainVisual/scene32.jpg);
}

body#index #mainVisual .scene#scene33 {
	background-image: url(../img/mainVisual/scene33.jpg);
}

body#index #mainVisual .scene#scene34 {
	background-image: url(../img/mainVisual/scene34.jpg);
}

body#index #mainVisual .scene#scene35 {
	background-image: url(../img/mainVisual/scene35.jpg);
}

body#index #mainVisual .scene#scene36 {
	background-image: url(../img/mainVisual/scene36.jpg);
}

body#index #mainVisual .scene#scene37 {
	background-image: url(../img/mainVisual/scene37.jpg);
}

body#index #mainVisual .scene#scene38 {
	background-image: url(../img/mainVisual/scene38.jpg);
}

body#index #mainVisual .scene#scene39 {
	background-image: url(../img/mainVisual/scene39.jpg);
}

body#index #mainVisual .scene#scene40 {
	background-image: url(../img/mainVisual/scene40.jpg);
}

body#index #mainVisual .scene#scene41 {
	background-image: url(../img/mainVisual/scene41.jpg);
}

body#index #mainVisual .scene#scene42 {
	background-image: url(../img/mainVisual/scene42.jpg);
}

body#index #mainVisual .scene#scene43 {
	background-image: url(../img/mainVisual/scene43.jpg);
}

body#index #mainVisual .scene#scene44 {
	background-image: url(../img/mainVisual/scene44.jpg);
}

body#index #mainVisual .scene#scene45 {
	background-image: url(../img/mainVisual/scene45.jpg);
}

body#index #mainVisual .scene#scene46 {
	background-image: url(../img/mainVisual/scene46.jpg);
}

body#index #mainVisual .scene#scene47 {
	background-image: url(../img/mainVisual/scene47.jpg);
}

body#index #mainVisual .scene#scene48 {
	background-image: url(../img/mainVisual/scene48.jpg);
}

body#index #mainVisual .scene#scene49 {
	background-image: url(../img/mainVisual/scene49.jpg);
}

body#index #mainVisual .scene#scene50 {
	background-image: url(../img/mainVisual/scene50.jpg);
}

body#index #mainVisual .scene#scene51 {
	background-image: url(../img/mainVisual/scene51.jpg);
}

body#index #mainVisual .scene#scene52 {
	background-image: url(../img/mainVisual/scene52.jpg);
}

body#index #mainVisual .scene#scene53 {
	background-image: url(../img/mainVisual/scene53.jpg);
}

body#index #mainVisual .scene#scene54 {
	background-image: url(../img/mainVisual/scene54.jpg);
}

body#index #mainVisual .scene#scene55 {
	background-image: url(../img/mainVisual/scene55.jpg);
}

body#index #mainVisual .scene#scene56 {
	background-image: url(../img/mainVisual/scene56.jpg);
}

body#index #mainVisual .scene#scene57 {
	background-image: url(../img/mainVisual/scene57.jpg);
}

body#index #mainVisual .scene#scene58 {
	background-image: url(../img/mainVisual/scene58.jpg);
}

body#index #mainVisual .scene#scene59 {
	background-image: url(../img/mainVisual/scene59.jpg);
}

body#index #mainVisual .scene#scene60 {
	background-image: url(../img/mainVisual/scene60.jpg);
}

body#index #mainVisual .scene#scene61 {
	background-image: url(../img/mainVisual/scene61.jpg);
}

body#index #mainVisual .scene#scene62 {
	background-image: url(../img/mainVisual/scene62.jpg);
}

body#index #mainVisual .scene#scene63 {
	background-image: url(../img/mainVisual/scene63.jpg);
}

body#index #mainVisual .scene#scene64 {
	background-image: url(../img/mainVisual/scene64.jpg);
}

body#index #mainVisual .scene#scene65 {
	background-image: url(../img/mainVisual/scene65.jpg);
}

body#index #mainVisual .scene#scene66 {
	background-image: url(../img/mainVisual/scene66.jpg);
}

body#index #mainVisual .scene#scene67 {
	background-image: url(../img/mainVisual/scene67.jpg);
}

body#index #mainVisual .scene#scene68 {
	background-image: url(../img/mainVisual/scene68.jpg);
}

body#index #mainVisual .scene#scene69 {
	background-image: url(../img/mainVisual/scene69.jpg);
}

body#index #mainVisual .scene#scene70 {
	background-image: url(../img/mainVisual/scene70.jpg);
}

body#index #mainVisual .scene#scene71 {
	background-image: url(../img/mainVisual/scene71.jpg);
    background-size: contain;
    background-color: #fffdee;
}

body#index #mainVisual .scene#scene72 {
	background-image: url(../img/mainVisual/scene72.jpg);
}

body#index #mainVisual .scene#scene73 {
	background-image: url(../img/mainVisual/scene73.jpg);
}

body#index #mainVisual .scene#scene74 {
	background-image: url(../img/mainVisual/scene74.jpg);
}

body#index #mainVisual .scene#scene75 {
	background-image: url(../img/mainVisual/scene75.jpg);
}

body#index #mainVisual .scene#scene76 {
	background-image: url(../img/mainVisual/scene76.jpg);
}

body#index #mainVisual .scene#scene77 {
	background-image: url(../img/mainVisual/scene77.jpg);
}

body#index #mainVisual .scene#scene78 {
	background-image: url(../img/mainVisual/scene78.jpg);
}

body#index #mainVisual .scene#scene79 {
	background-image: url(../img/mainVisual/scene79.jpg);
    background-size: contain;
    background-color: #fffdee;
}

body#index #mainVisual .scene#scene80 {
	background-image: url(../img/mainVisual/scene80.jpg);
}

body#index #mainVisual .scene#scene81 {
	background-image: url(../img/mainVisual/scene81.jpg);
}

body#index #mainVisual .scene#scene82 {
	background-image: url(../img/mainVisual/scene82.jpg);
}

body#index #mainVisual .scene#scene83 {
	background-image: url(../img/mainVisual/scene83.jpg);
}

body#index #mainVisual .scene#scene84 {
	background-image: url(../img/mainVisual/scene84.jpg);
}

/*-------------------------------*/

body#index #mainVisual .scene#scene85 {
	background-image: url(../img/mainVisual/scene85.jpg);
}

body#index #mainVisual .scene#scene85 p.copy {
    position: absolute;
    width: 100%;
    top: 50%; 
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    max-height: initial;
    padding: 110px 50px 90px 50px;
}

/*-------------------------------*/

body#index #mainVisual .scene#scene86 {
	background-image: url(../img/mainVisual/scene86.jpg);
}

body#index #mainVisual .scene#scene87 {
	background-image: url(../img/mainVisual/scene87.jpg);
}

body#index #mainVisual .scene#scene88 {
	background-image: url(../img/mainVisual/scene88.jpg);
}

body#index #mainVisual .scene#scene89 {
	background-image: url(../img/mainVisual/scene89.jpg);
}

body#index #mainVisual .scene#scene90 {
	background-image: url(../img/mainVisual/scene90.jpg);
}

/*-------------------------------*/

body#index #mainVisual .scene#scene91 {
	background-image: url(../img/mainVisual/scene91.jpg);
}

body#index #mainVisual .scene#scene92 {
	background-image: url(../img/mainVisual/scene92.jpg);
}

body#index #mainVisual .scene#scene93 {
	background-image: url(../img/mainVisual/scene93.jpg);
}

body#index #mainVisual .scene#scene94 {
	background-image: url(../img/mainVisual/scene94.jpg);
}

body#index #mainVisual .scene#scene95 {
	background-image: url(../img/mainVisual/scene95.jpg);
}

body#index #mainVisual .scene#scene96 {
	background-image: url(../img/mainVisual/scene96.jpg);
}

/*-------------------------------*/

body#index #mainVisual .scene#kodama1 {
	background-image: url(../img/mainVisual/kodama1.jpg);
}

body#index #mainVisual .scene#kodama2 {
	background-image: url(../img/mainVisual/kodama2.jpg);
}

body#index #mainVisual .scene#kodama3 {
	background-image: url(../img/mainVisual/kodama3.jpg);
}

body#index #mainVisual .scene#kodama4 {
	background-image: url(../img/mainVisual/kodama4.jpg);
}

body#index #mainVisual .scene#kodama5 {
	background-image: url(../img/mainVisual/kodama5.jpg);
}

body#index #mainVisual .scene#kodama6 {
	background-image: url(../img/mainVisual/kodama6.jpg);
}

body#index #mainVisual .scene#kodama7 {
	background-image: url(../img/mainVisual/kodama7.jpg);
}

body#index #mainVisual .scene#kodama8 {
	background-image: url(../img/mainVisual/kodama8.jpg);
}

body#index #mainVisual #kodama_symbl {
	position: absolute;
	top: 50%;
	right: 8%;
	width: 20%;
	transform: translateY(-50%);
	z-index: 10;
	
}

body#index #mainVisual .scene .copy {
	margin: 0px;
	min-width: 100px;
	height: 100%;
	max-height: 480px;
	z-index: 1;
	float: left;
}

body#index #mainVisual #scene1 .copy ,
body#index #mainVisual #scene33 .copy ,
body#index #mainVisual #scene39 .copy ,
body#index #mainVisual #scene45 .copy ,
body#index #mainVisual #scene51 .copy ,
body#index #mainVisual #scene57 .copy ,
body#index #mainVisual #scene63 .copy ,
body#index #mainVisual #scene69 .copy ,
body#index #mainVisual #scene75 .copy ,
body#index #mainVisual #scene80 .copy ,
body#index #mainVisual #scene86 .copy ,
body#index #mainVisual #scene91 .copy {
	float: none;
	position: absolute;
	width: -webkit-calc(100% - 20px) ;
	width: calc(100% - 80px);
	height: 50%;
	top: 25%;
	text-align: center;
}

body#index #mainVisual #scene28 .copy ,
body#index #mainVisual #scene52 .copy ,
body#index #mainVisual #scene77 .copy {
	text-align: center;
	max-height: 500px;
	height: 55%;
	width: 100%;
	position: absolute;
	top: 25%;
}

body#index #mainVisual .copy img {
	width: auto;
	max-width: auto;
	max-height: 100%;
}

body#index #mainVisual #quicktour {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	bottom: 0%;
	left: 0%;
/*
	background-color: rgba(0,0,0,0.7);
*/
	padding: 15px 0px 50px 0px;
	margin: 0px;
	display: none;
}

body#index #mainVisual .scene .word {
	position: absolute;
	left: 7%;
	top: 60px;
	opacity: 0.25;
	max-width: 14%;
	z-index: 0;

	display: none;

}

body#index #mainVisual .scene .onepoint {
	position: absolute;
	left: 7%;
	bottom: 7%;
	width: 80px;
	height: 80px;
	opacity: 1;
	display: none;
}

body#index #mainVisual .scene .onepoint:hover {
	cursor: pointer;
	opacity: 0.8;
}

body#index #mainVisual .scene .read {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.7);
	padding: 4% 5% 5% 5%;
	color: rgba(255,255,255,1.00);
	text-shadow: 1px 1px rgba(0,0,0,1.00);
	background-repeat: no-repeat;
	background-position: right 5% center;
	background-size: auto 80%;
}

body#index #mainVisual .scene#scene2 .read {
	background-image: url(../img/mainVisual/snap2.png);
}

body#index #mainVisual .scene#scene3 .read {
	background-image: url(../img/mainVisual/snap3.png);
}

body#index #mainVisual .scene#scene4 .read {
	background-image: url(../img/mainVisual/snap4.png);
}

body#index #mainVisual .scene#scene5 .read {
	background-image: url(../img/mainVisual/snap5.png);
}

body#index #mainVisual .scene#scene6 .read {
	background-image: url(../img/mainVisual/snap6.png);
}

body#index #mainVisual .scene#scene7 .read {
	background-image: url(../img/mainVisual/snap7.png);
}

body#index #mainVisual .scene#scene8 .read {
	background-image: url(../img/mainVisual/snap8.png);
}

body#index #mainVisual .scene#scene9 .read {
	background-image: url(../img/mainVisual/snap9.png);
}

body#index #mainVisual .scene#scene10 .read {
	background-image: url(../img/mainVisual/snap10.png);
}

body#index #mainVisual .scene .theme {
	display: block;
	float: right;
	width: 20%;
	min-width: 100px;
	max-width: 200px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
	border: 5px solid rgba(255,255,255,1.0);
}

body#index #mainVisual .scene .subMenu {
	float: left;
	margin: 1em 0em 2em 0em;
}

body#index #mainVisual .scene .subMenu li {
	margin-right: 1em;
	list-style: disc;
	float: left;
}

body#index #mainVisual .scene .subMenu li a {
	color: rgba(0,197,200,1.00);
}

body#index #mainVisual .scene .subMenu li a:hover {
	color: rgba(205,0,0,1.00);
}

body#index #mainVisual .scene .subMenu::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

body#index #escape {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	background-color: #000000;
	padding: 5px;
	color: #A59B7A;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.50);
	border-bottom: 1px solid rgba(255,255,255,1.00);
/*
*/
	background-image: url(../img/format/on_bg.png);
	background-position: center top;
	background-size: 100% 100px;
}

#escape {
	width: 100%;
	display: block;
	text-align: center;
	background-color: #FFF;
}

#escape a {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	margin: auto;
	background-image: url(../img/format/escape.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 50px;
	height: 40px;
	opacity: 0.5;
}

#escape a:hover {
	background-color: #000;
	border-radius: 5px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	opacity: 1;
}

#scene22_title {
	position: absolute;
	top: 15%;
	left: 15%;
	background-image: url(../img/mainVisual/scene22_copy.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 70%;
	height: 70%;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#scene47_title {
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/*********************************************************************************************************
#sitemapContent
*********************************************************************************************************/

#sitemapContent {
	clear: both;
	padding: 5%;
	border: 5px solid rgba(232,231,211,1.00);
	margin-bottom: 5%;
	background-color: rgba(255,255,255,0.60);
	background-image: url(../img/format/treeTop.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 40% auto;
	box-shadow: 0px 0px 2px rgba(154,152,140,0.75);
	-webkit-box-shadow: 0px 0px 2px rgba(154,152,140,0.75);
	-moz-box-shadow: 0px 0px 2px rgba(154,152,140,0.75);
	-ms-box-shadow: 0px 0px 2px rgba(154,152,140,0.75);
	-o-box-shadow: 0px 0px 2px rgba(154,152,140,0.75);
}

#sitemapContent ul {
	clear: both;
	font-size: 100%;
}

#sitemapContent ul li {
	list-style: url(../img/format/icon_side_page.gif);
}

#sitemapContent ul ul {
	font-size: 85%;
	margin-top: 1em;
	margin-bottom: 3em;
	padding-left: 2em;
}

#sitemapContent ul ul::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#sitemapContent ul li ul li {
	line-height: 1.6;
	list-style: url(../img/format/icon_point.gif);
	background-image: none;
	float: left;
	padding-right: 2.5em;
}

#sitemapContent a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	text-overflow: clip;
}

#sitemapContent a span {
	font-size: 70%;
}

#sitemapContent a:hover {
	color: #C00A0D;
	text-decoration: underline;
}

/*********************************************************************************************************
#facilities map
*********************************************************************************************************/

#viewMode {
	padding-top: 1em;
}

#viewMode span {
	text-decoration: none;
	color: inherit;
	background-position: 15px center;
	padding: 0.5em 20px 0.5em 45px;
	background-repeat: no-repeat;
	border-left: 1px dotted rgba(0,0,0,0.5);
}

#fit {
	background-image: url(../img/format/zoom-out.png);
}

#scope {
	background-image: url(../img/format/zoom-in.png);
	border-right: 1px dotted rgba(0,0,0,0.5);
}

#viewMode span.loc {
	text-decoration: underline;
	color: #C00A0D;
}

#viewMode span:hover {
	text-decoration: underline;
	cursor: pointer;
}

/* ----------------- */

.zoom {
	display: block;
	position: relative;
	margin-bottom: 3em;
}

.zoom .scope {
	display: block;
	position: relative;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	overflow: scroll;
	overflow-x: scroll;
	overflow-y: scroll;
}

.zoom .scope img {
	max-width: inherit;
}

/* ----------------- */

#loadcontainer {
	position: absolute;
	top: 0px;
	padding: 5%;
	background-color: rgba(0, 0, 0, 0.90);
	min-height: 100%;
	color: #FFF;
	border: 5px solid #FFFFFF;
	overflow-y: auto;
}

#loadcontainer .wfix,
#loadcontainer .wrap {
	background-image: none;
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	height: auto;
	clear: both;
}

#loadcontainer h2 {
	background-image: none;
	text-indent: 0px;
	width: 100%;
	max-width: 100%;
	min-width: 0%;
	height: auto;
	min-height: 2em;
	position: relative;
	top: 0;
	left: 0;
	font-weight: normal;
	font-size: 1.2em;
    color: #FFF;
}

#mainContent #loadcontainer h3 {
	background-image: none;
	text-indent: 0px;
	width: 100%;
	max-width: 100%;
	min-width: 0%;
	height: auto;
	min-height: 2em;
	position: relative;
	top: 0;
	left: 0;
	font-weight: normal;
	font-size: 1.2em;
    color: #FFF;
	background-image: none;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#loadcontainer .column {
	clear: none;
	float: left;
	width: 55%;
}

#loadcontainer .texture {
	color: #FFF;
	background-image: none;
	background-color: rgba(0,0,0,0.60);
	border-color: #444;
	border-width: 1px;
}


/* -----------------------------------------
12月～3月 content3-1～content3-3
------------------------------------------*/

/*
#index #content3 .img {
	width: 100%;
}
#index #content3 .img span {
	display: none;
}

#index #content3 .img.R {
	width: 30%;
}
#index #content3 .img.R span {
	display: inline-block;
}


#index #content3 .column {
	float: left;
    width: 65%;
}
*/

/* -----------------------------------------
3月～ content3-4～content3-10
------------------------------------------*/

#index #content3 .img {
	width: 100%;
}

#index #content3 .img span {
	display: none;
}

#index #content3 .img span.visible {
	display: inline-block;
}

#index #content3 .img.R {
	width: 40%;
}

#index #content3 tbody th {
	width: 25%;
}

#index #content3-4 tbody th {
	width: 30%;
	font-size: 90%;
}

#index #content3-10 img.h {
	width: 50%;
}
#index #content3-17_column2 tbody th {
	width: auto;
}


#index article.content .texture {
	margin-top: 3em;
	font-size: 100%;
}

/* -----------------------------------------
2015 12月～ content3-25～content3-33
------------------------------------------*/

#index #content3 #content3-29 table td:last-child {
	text-align: center;
}

/* -----------------------------------------
2015 12月～ content3-25～content3-33
------------------------------------------*/

#index #content3 #content3-60 table td {
	text-align: center;
}

/* -----------------------------------------
2017 4月～
------------------------------------------*/
#content3-100_column2::after {
content: "";
display: block;
clear: both;
}

#content3-100_column2_1 {
float: left;
width: 28%;
}

#content3-100_column2_2 {
float: right;
width: 70%;
}

#index #content3 #content3-95 table td:last-child ,
#content3-95 table td {
    text-align: center;
}

/*************************************************/

#startInfo {
position: fixed;
z-index: 502;
display: inline-block;
width: auto;
padding: 1em 2em;
background-color: rgba(195,0,0,0.90);
color: white;
bottom: 0;
right: 0;
margin: 2em;
border-radius: 6px;
box-shadow: 0 8px 8px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.3);
text-align: left;
opacity: 0;
font-size: 80%;
}

#startInfo ul {
margin-bottom: 0;
line-height: 1.3;
}

#startInfo li {
margin-bottom: 0.5em;
}

#startInfo li:last-child {
margin-bottom: 0;
}

#startInfo a {
    color: inherit;
    display: none;
    text-decoration: none;
	transition: all 0.5s;
}

#startInfo a:hover {
    text-decoration: underline;
}

#animloader {
position: absolute;
bottom: 25%;
left: 0;
width: 100%;
height: 2.5em;
background-image: url(../img/format/animloader.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
z-index: 510;
}

/*************************************************/