@charset "UTF-8";
/*-----------------------
	基本クラス
----------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

sup{vertical-align:top; font-size:0.7em;}
sub{vertical-align:bottom; font-size:0.7em;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul{
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote::before, blockquote::after,
q::before, q::after {
	content:'';
	content:none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr{
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
	max-width:100%;
	max-height: 80vh;
}

.border{ border: 1px solid #ccc;
padding: 1% 2%;
}
img.default_size {
	max-height:none;
}
a{
	text-decoration:none;
	color:#636363;
}
a:hover{	color:#222;	}


html {
	font-size:10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

strong{
	font-size:1.2em;
}

body{
	text-align:center;
}

/*// クラス設定 ///////////////////////////////*/

.autoWrap{
	margin-left: auto;
	margin-right: auto;
	width:960px;
	text-align:left;
	position:relative;
}

.clear{	clear:both;	}
br.clear{	height:0;line-height:0;	}

.none{	display:none;	}
.clF::before,
.clF::after{
  content:"";
  display: table;
}
.clF::after{
  clear:both;
}

.Fl{	float:left;	}
.Fr{	float:right;	}

.lT{	text-align:left;	}
.cT{	text-align:center;	}
.rT{	text-align:right;	}

.tV{	vertical-align : top;	}
.mV{	vertical-align : middle;	}
.uV{	vertical-align : unser;	}

.mTlong{	margin-top:12em;	}
.mTw{	margin-top:4em;	}
.mT{	margin-top:2em;	}
.mTs{	margin-top:0.5em;	}

.fSs{	font-size: 0.8em;	}
.fSm{	font-size: 1rem;	}
.fSl{	font-size: 1.2em;	}
.fSll{	font-size: 2.4em;	}

.lH10{	line-height: 1em;	}
.lH12{	line-height: 1.25em;	}
.lH15{	line-height: 1.5em;	}
.lH17{	line-height: 1.75em;	}
.lH20{	line-height: 2em;	}

.fWn{	font-weight:normal;	}
.fWb{	font-weight:bold;	}

.fCo{	color:#E83A29;	}
.fCbl{	color:#2A90D9;	}
.fCr{	color:#900;	}

.Ma1{	margin-left:1px;	margin-right:1px;	}

.spOnly{	display:none;	}

.Pa1{	padding:1em;	}

.both{	clear:both; }


/*---------------
	ヘッダー
	--------------------*/
#header{	}

#header h1{
	width:481px;
}
	

#header #searchBox{
	position:absolute;
	right:0;
	top:34px;
	height:24px;
	width: 240px;
}
/*
#header #searchBox input{
	float:right;
	padding:0;
	margin:0;
	border:none;
	line-height:24px;
	height:24px;
}
#header #searchBox input._text{
	background-color:#DDD;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;	
}

#header #searchBox #searchBtn{
	overflow:hidden;
	width:24px;
	background:url("../images/style/search.gif") no-repeat center center;
	background-size:100%;
	text-indent:-999em;
	cursor:pointer;
}
*/
/*---------------
	メインメニュー
	--------------------*/
#mainMenu{
	background-color:#EEE;
	font-size:1.4em;
}	

#mainMenu dl{ 	}

#mainMenu dt { 
	float:left;
	width:16.66666%;
	position:relative;
	overflow:hidden;
}
#mainMenu dt._m06 { 	width:16.66667%;	}


#mainMenu dt a{ 
	position:relative;
	display:block;
	padding:0.8em 0;
	text-align:center;
	color:#FFF;
	background-color:#666;
	cursor:pointer;
}


#mainMenu dt a::after{
	content:"";
	display:block;
	position:absolute;
	background-color:#FFF;
	width:1px;
	height:5.6em;
	top:0;
	right:0;
	overflow:hidden;	
	padding:0;
	margin:0;
} 

#mainMenu dt._m06 a::after{
	content:"";
	display:none;
} 

#mainMenu dd{ 
	position:absolute;
	top:100%;
	left:0;
	width:98.8%;
	padding-left:1.2%;
	display:none;
	padding-bottom:1em;
	color:#FFF;
}

#mainMenu dd ul li{
	text-align:left;
}

#mainMenu dd ul li._t,
#mainMenu dd table th{
	clear:left;
	padding:1em 0 0.15em 0.5em;
	font-weight:normal;
	text-align:left;
}


#mainMenu dt._n+dd{
	display:block;
	z-index: 50000;
}

#mainMenu dd table{ 
	width:100%;
}


#mainMenu dd a{ 
	color:#FFF;
	float:left;
	display:inline-block;
	width:24%;
	margin:0.15em 0 0.15em 1%;
}

#mainMenu dd table td,
#mainMenu dd table th{
	vertical-align:top;
}

#mainMenu dd table td{
	padding:0.15em 0 0.15em 1%;

} 

#mainMenu dd table a{ 
	float:none;
	width:100%;
	margin:0;
}

#mainMenu dd ul li._t a{ 
	float:none;
	width:99%;
	margin: 0;
}

#mainMenu dd a._w{ 
	width:49%;
}
#mainMenu dd a.blank{
	background: url(../images/common/blank.png) no-repeat 8em 2px;
	background-size: 18px 15px !important;
}

#mainMenu dd ul li._t a.blank{
	background: url(../images/common/blank.png) no-repeat 11.5em 2px;
	background-size: 18px 15px;
}



/*---------------
	ページカラー設定
	--------------------*/

#pageNavigation._m01,
#mainMenu dt._m01 a,
#mainMenu dd._s01{		background-color:#3F93D1;	border-bottom-color: #3688C6;}

#pageNavigation._m02,
#mainMenu dt._m02 a,
#mainMenu dd._s02{		background-color:#C779A0;	border-bottom-color: #BE6491;}

#pageNavigation._m03,
#mainMenu dt._m03 a,
#mainMenu dd._s03{		background-color:#DEC084;	border-bottom-color: #D5B77E;}

#pageNavigation._m04,
#mainMenu dt._m04 a,
#mainMenu dd._s04{		background-color:#3E93AE;	border-bottom-color: #3288A2;}

#pageNavigation._m05,
#mainMenu dt._m05 a,
#mainMenu dd._s05{		background-color:#8370B0;	border-bottom-color: #7865A5;}

#pageNavigation._m06,
#mainMenu dt._m06 a,
#mainMenu dd._s06{		background-color:#717B9E;	border-bottom-color: #697296;}

#pageNavigation._m07,
#mainMenu dt._m07 a,
#mainMenu dd._s07{		background-color:#cccccc;	border-bottom-color: #aaaaaa;}

#mainMenu #spMenuBtn{
	display:none;
	cursor:pointer;
	width:100%;
	
	color:#FFF;
	background:#3F5256 url("../images/style/spmenuarrow.png") no-repeat center center;
	background-size:auto 14px;
	height:24px;
	line-height:1;
	border:none;
}
#mainMenu #spMenuBtn._n{
	background:#3F5256 url("../images/style/spmenuarrow2.png") no-repeat center center;
	background-size:auto 14px;
}


#mainMenu #spMenuCheck{	display:none;	}

#mainContents h5 { font-weight:400;}
#mainContents._c01 h1,#mainContents._c01 h2,#mainContents._c01 h3,
#mainContents._c01 h4,#mainContents._c01 h5,#mainContents._c01 h6,
#mainContents._c01 h7{		color:#3F93D1; text-decoration: underline;}

#mainContents._c01 h3 {margin-bottom:  0.8em; text-decoration: none;}
#mainContents._c01 a{		color:#3F93D1; text-decoration: underline;	}

#mainContents._c02 h1,#mainContents._c02 h2,#mainContents._c02 h3,
#mainContents._c02 h4,#mainContents._c02 h5,#mainContents._c02 h6,
#mainContents._c02 h7{		color:#C779A0;	}
#mainContents._c02 a{		color:#C779A0; text-decoration: underline;	}

#mainContents._c03 h1,#mainContents._c03 h2,#mainContents._c03 h3,
#mainContents._c03 h4,#mainContents._c03 h5,#mainContents._c03 h6,
#mainContents._c03 h7{		color:#DEC084;	}
#mainContents._c03 a{		color:#DEC084; text-decoration: underline;	}

#mainContents._c04 h1,#mainContents._c04 h2,#mainContents._c04 h3,
#mainContents._c04 h4,#mainContents._c04 h5,#mainContents._c04 h6,
#mainContents._c04 h7{		color:#3E93AE;	}
#mainContents._c04 a{		color:#3E93AE; text-decoration: underline;	}

#mainContents._c05 h1,#mainContents._c05 h2,#mainContents._c05 h3,
#mainContents._c05 h4,#mainContents._c05 h5,#mainContents._c05 h6,
#mainContents._c05 h7{		color:#8370B0;	}
#mainContents._c05 a{		color:#8370B0; text-decoration: underline;	}

#mainContents._c06 h1,#mainContents._c06 h2,#mainContents._c06 h3,
#mainContents._c06 h4,#mainContents._c06 h5,#mainContents._c06 h6,
#mainContents._c06 h7{		color:#717B9E;	}
#mainContents._c06 a{		color:#717B9E; text-decoration: underline;	}


#mainMenu dd ul::before,
#mainMenu dd ul::after{
  content:"";
  display: table;
}
#mainMenu dd ul::after{
  clear:both;
}

ul.buttons{
	width: 100%;
	margin: 2% 0;
}
li.button {
	width: 24%;
	margin:0 1% 10px 0;
	text-align: center;
	font-weight: 400;
	float: left;
}

.button a{
	width: 98%;
	min-height: 55px;
	padding: 18px 1% 0 1%;
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	box-sizing: border-box;
	text-decoration: none !important;
	float: left;
	display: inline;
	line-height: 1.2;
}
.button.ni-gyo a{padding:9px 1% 0 1%;}

#mainContents._c02 .button a{background-color:#c779a0; color: #fff; border: 1px solid #c779a0}
#mainContents._c02 .button a:hover{background-color:#fff; color: #c779a0; border: 1px solid #c779a0}

#mainContents._c03 .button a{background-color:#dec084; color: #fff; border: 1px solid #dec084}
#mainContents._c03 .button a:hover{background-color:#fff; color: #dec084; border: 1px solid #dec084}

#mainContents._c05 .button a{background-color:#8370b0; color: #fff; border: 1px solid #8370b0}
#mainContents._c05 .button a:hover{background-color:#fff; color: #8370b0; border: 1px solid #8370b0}



/*---------------
	ページナビ
	--------------------*/
#pageNavigation{
	font-size:1.2em;
	color:#FFF;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-bottom:0.8em;
}
#pageNavigation a{		color:#FFF;		}

#pageNavigation ul{
	padding:1em 0;
	line-height:1.5em;
}
#pageNavigation ul li{
	margin-left:1em;
	display:inline;
	line-height:1.5em;
	vertical-align:top;
}
#pageNavigation ul li::before{
	content:"＞";
	margin-right:1em;
	
}
#pageNavigation ul li:first-child{
	display:inline-block;
	padding-left:7px;
	margin-left:0;
	background: url("../images/style/home.png") no-repeat left center;
	background-size:16px 13px;
	

}
#pageNavigation ul li:first-child::before{
	content:"";
}

#pageNavigation h2{	
	font-size:2.66em;
	font-weight:normal;
	margin-top:0.5em;
}




/*---------------
	メインコンテンツ
	--------------------*/
#mainContents{
	font-size:1.4em;
	clear:both;
	color:#444;
	line-height:2;
}


/*---------------
	フッター
	--------------------*/
#pageTop{
	position:fixed;
	width:49px;
	height:40px;
	margin:0;
	padding:0;
	bottom:0.5em;
	right:0.5em;
	z-index:20000;
}	
	
#footer{
	clear:both;
	margin-top:3em;
	background-color:#F7F8F8;
	font-size:1.1em;
	padding:2em 0;
}

#footer address{
	font-style:normal;
	color:#231815;
	
}

#footer a{
	position:absolute;
	right:0;
	bottom:0;
	color:#231815;
	
}
#footer a::before{
	content:"";
	width:3px;
	height:5px;
	display:inline-block;
	margin-right:4px;
	background: url("../images/style/arrow01.png") no-repeat left top;
	background-size:100%;
	position:relative;
}


ul.lists{
}

.lists li{
link: auto;
margin: 0;
padding: 0 0 0 14px;
text-align: left;
display: block;
background-size:6px 7px;
}
#mainContents._c01 .lists li{background: url(../images/common/arrow01.png) no-repeat 0 8px; background-size: 10px 10px;}
#mainContents._c02 .lists li{background: url(../images/common/arrow02.png) no-repeat 0 8px; background-size: 10px 10px;}
#mainContents._c03 .lists li{background: url(../images/common/arrow03.png) no-repeat 0 8px; background-size: 10px 10px;}
#mainContents._c04 .lists li{background: url(../images/common/arrow04.png) no-repeat 0 8px; background-size: 10px 10px;}
#mainContents._c05 .lists li{background: url(../images/common/arrow05.png) no-repeat 0 8px; background-size: 10px 10px;}
#mainContents._c06 .lists li{background: url(../images/common/arrow06.png) no-repeat 0 8px; background-size: 10px 10px;}
#mainContents._c07 .lists li{background: url(../images/common/arrow07.png) no-repeat 0 8px; background-size: 10px 10px;}
/*未設定↓↓↓↓↓*/
#mainContents._c01 .lists li.dot{background: url(../images/common/dot01.png) no-repeat 0 10px; background-size: 6px 6px;}
#mainContents._c02 .lists li.dot{background: url(../images/common/dot02.png) no-repeat 0 10px; background-size: 6px 6px;}
#mainContents._c03 .lists li.dot{background: url(../images/common/dot03.png) no-repeat 0 10px; background-size: 6px 6px;}
#mainContents._c04 .lists li.dot{background: url(../images/common/dot04.png) no-repeat 0 10px; background-size: 6px 6px;}
#mainContents._c05 .lists li.dot{background: url(../images/common/dot05.png) no-repeat 0 10px; background-size: 6px 6px;}
#mainContents._c06 .lists li.dot{background: url(../images/common/dot06.png) no-repeat 0 10px; background-size: 6px 6px;}
#mainContents._c07 .lists li.dot{background: url(../images/common/dot07.png) no-repeat 0 10px; background-size: 6px 6px;}

/* photogallery
------------------------------------------------------------*/
ul.pg{
}
.pg li{
    width: calc(90%/4);
    margin: calc(5%/4);
	height: auto;
	padding: 0;
	float:left;
	display:inline;
	position: relative;
	font-size: 12px;
	min-height: 300px;}
.pg li span{font-size: 14px; font-weight: 700;}
._c05 .pg li span{color:#8370B0;}
.trim{
	position: relative;
	width: calc(100%);
	padding-top: 75%;
	overflow: hidden;
	margin: 0;
}
.trim img{
	width: calc(100%);
	position: absolute;
	top: 20%;
	left: 50%;
  -webkit-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
  object-fit: cover;
}

@media screen and (max-width: 1040px) {
	#pageTop{
		bottom:2.5em;
	}	

}

/*--------------------------------------
	切り替え時期
--------------------------------------*/

@media screen and (max-width: 960px) {
	.autoWrap{
	
		width:96%;
		padding-left:2%;
		padding-right:2%;
	}
	
	#mainMenu .autoWrap{
	
		width:100%;
		padding-left:0;
		padding-right:0;
	}

	#header h1{
		width:auto;
		max-width:481px;
		margin:0 250px 0 auto;
	}
	
	#header #searchBox {    top: 12px;		}

	#mainMenu dt {  font-size:1.6vw;		}
	#mainMenu dd a{ font-size:1.5vw;		}
}


table.one{
text-align:left;
border-collapse:collapse;
	border:1px solid #ccc;
}

.one th{
width:auto;
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
	background-color: #f5f5f5;
text-align:center;
font-weight:700;
vertical-align:middle;
white-space:nowrap;
}
.one th.wdt{width:10%;}
.one td{
padding:8px 16px;
vertical-align:top;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.one td.year{
	width:5%;
	padding:8px 10px;
	vertical-align:top;
	color: #333;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	white-space:nowrap;
}
.one td.th{
	width:5%;
	padding:8px 10px;
	vertical-align:middle;
	color: #333;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	white-space:nowrap;
	background-color: #f5f5f5;
	text-align:center;
}

table.two,
table.history{
width:100%;
border-collapse:collapse;
}

.two th{
width:10%;
padding:8px 20px 8px 0;
border-right:1px dotted #666;
font-weight:700;
vertical-align:top;
white-space:nowrap;
}
.two td{
width:auto;
padding:8px 0 8px 20px;
vertical-align:top;
}

.history th{
width:5%;
padding:8px 12px 8px 0;
border-right:1px dotted #666;
font-weight:700;
vertical-align:top;
white-space:nowrap;
}
.history td{
padding:8px 0 8px 12px;
vertical-align:top;
}

/*--------------------------------------
	スマホ用
--------------------------------------*/

@media screen and (max-width: 600px) {
	.pcOnly{	display:none;	}
	.spOnly{	display:block;	}
	#mainMenu #spMenuBtn{	display:block;}

	#header{
		position:relative;
		padding-bottom:24px;
	}
	#header .autoWrap{
		text-align:center;
		
	}

	#header h1{
		width:auto;
		max-width:481px;
		width:80%;
		margin:0 10%;
	}
		
	
	#header #searchBox{	
		position:static;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:3em;
	}
	#header #searchBox input._text{
		width:60%;
	}

	
	#mainMenu{
		position:absolute;
		width:100%;
		z-index:20000;
	}

	#mainMenu #spMenuCheck+dl{
		display:none;
	}
	#mainMenu #spMenuCheck:checked+dl{
		display:block;
	}
	
	#mainMenu .autoWrap{
	
		width:100%;
		padding-left:0;
		padding-right:0;
	}

	#mainMenu dt {  font-size:1.1em;		}
	
	#mainMenu dt,
	#mainMenu dt._m06  { 
		float:none;
		width:auto;
		border-top:1px solid #FFF;
	}
	#mainMenu dd a{ font-size:0.9em;		}
	
	#mainMenu dt a  { 
		width:auto;
		padding-left:1em;
		text-align: left;
	}
	
	#mainMenu dt a::after{		display:none;		} 


	#mainMenu dd table,
	#mainMenu dd table tbody,
	#mainMenu dd table tr,
	#mainMenu dd table th,
	#mainMenu dd table td{ 
		display:block;
	}
	
	
	
	
	#mainMenu dd table td{
		width:100%;
		padding:0;
		margin:0;
	} 

	#mainMenu dd ul,#mainMenu dd table {
		position:relative;
		margin-top:-1em;
	}

	#mainMenu dd{ 
		position:static;
		width:auto;
		padding-left:1.5em;
	}
	#mainMenu dd a{ 
		width:48%;
		text-align:left;
	}
	#mainMenu dd a._w{ 
		width:98%;
	}
	
	
	#mainMenu dd td a{ 
		color:#FFF;
		float:left;
		display:inline-block;
		width:48%;
		margin:0.15em 0 0.15em 1%;
	}

	#mainContents{
		font-size:2.8vw;
	}
	#pageNavigation h2 {	    font-size: 5.8vw;		}

	#pageTop{
		width:42px;
		height:33px;
	    position: relative;
	    bottom: auto;
	    right: auto;
	    float: right;
	}	
	#pageTop a{
	    position: absolute;
	    top: 15px;
		right:15px;
		width:100%;
	}
	
	#footer{	    margin-top: 5em; }
	#footer address {
	    font-size:0.9em;
		text-align:center;
	}	
	
	#footer a{
		position:static;
		text-align:center;
		display:block;	
		margin-top:0.75em;
		font-size:1.2em;
	}


table.two,
table.history{
width: 100%;
margin:0;
padding: 0px;
text-align: left;
}
.two th,
.history th {
	width: auto !important;
	display: block;
	font-size:100%;
	word-break: break-all !important;
	white-space: normal !important;
	font-weight:bolder;
	padding:1% 0;
	margin:0 0 2% 0;
	text-align:left;
	border-right:none;
	border-bottom:2px dotted #ed7130;
}
.two td,
.history td {
	width: auto;
	display: block; 
	padding:1% 0 10% 0;
	border-top: none;
	border-bottom: none;
}
/*
ul.buttons{
	width: 100%;
	margin: 2% 0;
}*/
li.button {
	width: 48%;
	margin:0 1% 10px 1%;
	text-align: center;
	font-weight: 400;
	float: left;
}
/*
.button a{
	width: 98%;
	min-height: 55px;
	padding: 18px 1% 0 1%;
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	box-sizing: border-box;
	text-decoration: none !important;
	float: left;
	display: inline;
	line-height: 1.2;
}*/
.button.ni-gyo a{padding:15px 1% 0 1%;}



}

@media screen and (max-width: 640px) {

ul.pg{
	display:inline;
	margin:0;
	padding:0;
}
.pg li{
	width: 32%;
	height: 200%;
	margin:0 0.5% 0.5% 0.5%;
max-width: 150%;
max-height: 150%;
}

.trim{
width: 100%;
	height: 200% !important;

}
.trim img{
width: 120%;
	height: 120% !important;}

}
/*// クラス設定 ///////////////////////////////*/
/*googleカスタム検索用*/