@charset "utf-8";
*::before, * {
 margin:0px;
 padding:0px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: none;
	background: transparent;
	font-style:normal;
	font-size: 100%;
	vertical-align: baseline;
}

body,
h1, h2, h3, h4, h5, h6, th, [class*="hint--"]::after  {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif!important;
}



body {
	text-align: center;
	background: #FFF;
	color: #333;
	line-height: 1;
	letter-spacing: normal!important;
}
a {
}
a:hover {
	color: #999;
}
img {
	max-width: 100%;
	border:none;
}
ul li {
	list-style-type: none;
}
h1, h3, h4, h5, h6 {
	line-height: 1.6em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
area {
	border: none;
	outline: none;
}
.catch, .catchSub {
	color: #421D70;
}
.blu{
color:#0033CC;
}
#hrCLEAR {
	clear: both;
	border-top: 1px solid #C8C8C8;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
}
header {
	position: relative;
}
#Navigation ul:nth-of-type(2) li a {
letter-spacing: 0!important;
}
/* --- pankuzu --- */

#pankuzu {
	background: #FFF;
	box-shadow:0px -5px 5px -1px rgba(0, 0, 0, .06) inset;
	border: solid 1px #ddd;
}
.single-post #pankuzu {
	display: none;
}
.single-post #pankuzu.show {
	display: inherit;
}
.page-id-9454 #pankuzu.show {
	display:none;
}
#pankuzu a {
	text-decoration: underline;
}
#pankuzu ul {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}
#pankuzu li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #333;
}
#pankuzu li::before {
 content: '＞';
 width: 1em;
 height: 1em;
 line-height: 1;
 text-align: center;
 font-size: 1em;
 color: inherit;
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
#pankuzu li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #000;
}
#pankuzu li:first-child {
	background:url(../images/ico_home.png) no-repeat left center;
	padding-left: 1.6em;
	background-size: 1em;
}
 #pankuzu li:last-child::before {
 content: normal;
}


/* -- anker -- */
.listAnk {
	text-align: center;
display: flex;
    justify-content: space-between;
	padding: 0 0 6em;
}
.listAnk li {
	margin: 0 0 0 .6em;
	text-align: center;
	width: 100%
}
.listAnk li:first-child{
margin: 0;
}

.listAnk li a {
	display: block;
	background: rgba(0,0,0,.16);
	color: #666;
	padding: .4em 0 1em;
	position: relative;
	transition:all .6s;
	text-decoration: none!important;
}
.listAnk li a:hover, .listAnk li.ov a {
	background: #170e7a;
	color: #FFF!important;
}
.listAnk li a:before {
	content:"";
	position: absolute;
	bottom: .4em;
	left: calc(50% - 4px);
	height: 8px;
	width: 8px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	transform: rotate(225deg);
}
.listAnk li a:hover:before, .listAnk li.ov a:before {

	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	bottom: .6em;
}

.guide .listAnk li{

}

/* --------- footer ---------- */
footer {
	clear: both;
	background: #000;
	color: rgba(255, 255, 255, .7);
}
footer p {
}
#Copyright {
}
/* ----- common ------ */h2, h3, h4, h5, h6, li, dl {
	line-height: 1.6em;
}
p {
	line-height: 1.8em;
}
table {
	border:none;
	border-collapse:collapse;
}
.aRIGHT {
	text-align: right;
}
.aCENTER {
	text-align: center;
}
.verMidd {
	vertical-align: middle;
}
.capCo {
	text-align: center;
}
.capCo img {
	margin-bottom: 5px;
	vertical-align: bottom;
}
.red {
	color: #FF6666;
}
.redB {
	color: #FF0000;
	font-weight: 900;
}
.green{
color: #66CC33;
}

.txtTOP {
	font-size: .688em;
	vertical-align: text-top;
}
.txtSUB {
	font-size: .688em;
	vertical-align:text-bottom;
}
.txtUNDER {
	text-decoration: underline;
}
.txtBLUE {
	color: #007299;
}
.txtVL {
	color: #6F59B7;
}
.fltR {
	float: right;
}
.fltL {
	float: left;
}
.pctL {
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
}
.pctR {
	float: right;
	margin-left: 1em;
	margin-bottom: 2em;
}
.pctR img, .pctL img {
	padding-bottom: .6em;
}
.pctInn li{
float: left;
width: 48%;
}
.pctInn li+li{
float: right;
}
.pctInn li img{
width: 100%;
}

.boxR {
	float: right;
}
.boxL {
	float: left;
}
.boxW {
	background:#FFF;
}
.boxB {
	background: #0B1437;
	color: #FFF;
}
.boxG {
	background: #F6F6F6;
}
.overFH {
	overflow: hidden;
}
.ov:hover * {
	opacity: .8!important;
}
.clearBT {
	clear: both;
}
.noWRAP {
	white-space: nowrap;
}
hr.lineDotted {
	clear: both;
	height: 1px;
	border-right: none;
	border-bottom: 1px dotted #C8C8C8;
	border-left: none;
	border-top: none;
	background: transparent;
}
hr.clearBT {
	visibility: hidden;
	height: 1px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
}
.hide {
	display: none;
}
.ss {
	font-size: .75em;
	font-weight: normal;
}
.ssB {
	font-size: .75em;
	font-weight: 900;
}
.bb {
	font-weight: 900;
}
img.mgnBNo {
	margin-bottom: 0px;
}
.Inner {
	margin: auto;
}
.boxLine {
	border: 5px solid #EFEFEF;
	background: #FFF;
	padding: 2em;
}
video[poster] {
	height:100%;
	width:100%;
}

/* -- 2.3.4 column --- */
.twoColumn, .threeColumn, .fourColumn {
	clear: both;
}
.threeColumn .boxL, .fourColumn .boxL {
	margin:0 20px 0 0;
}
.twoColumn .boxL {
	width: 560px;
	margin: 0 80px 0 0;
}

#pageCommon .boxL p{
margin: 0 0 .6em;
}
#pageCommon .boxG p{
margin: .6em 0;
}
.twoColumn.wAuto{
display: inline-block;
margin: auto;
}
.twoColumn.wAuto .boxL {
	width:auto;
}

.twoColumn.wAuto .boxL img{
margin: 0 auto 14px;
display: block;
}

#pageCommon.keidai .boxL{
padding: 0 0 3em;
}

#pageCommon.keidai .boxL p{
margin: 0 0 1.4em;
}

#pageCommon.homotsu .boxL p.aRIGHT{
margin-bottom: 12px;
}
ul.threeColumn li{
float: left;
padding: 0 0 3em;
}

.twoColumn .boxL img, .threeColumn .boxL img, .fourColumn .boxL img, ul.threeColumn li img, .boxC img {
	width: 100%;
	margin: 0 0 1em;
}
ul.threeColumn li img {
margin: 0;

}
.twoColumn .boxL img.wAuto, .threeColumn .boxL img.wAuto, .fourColumn .boxL img.wAuto {
	width: auto;
}
.wAuto .boxL, .wAuto .boxL img{
width: auto!important;

}

ul.twoColumn li{
width: 48%;
float: left;
padding: 0 0 .8em;
}
ul.twoColumn li img{
margin: 0 0 .6em;
width: 100%;
}
ul.twoColumn li:nth-of-type(even){
float: right;
}

ul.listFlex{
width: 100%;
display: flex;flex-wrap: wrap;
justify-content: space-between;
}
ul.listFlex li img{
margin: 0 0 12px;
}
ul.listFlex li{
text-align: center;
padding: 0 0 2em;
}

ul.listFlex.no02 li{
width: 48%;
}

ul.listFlex.no03 li{
width: 30%;
}

ul.listFlex.no04 li{
width: 23%;
}

ul.listInline{
width: 100%;
}
ul.listInline li{
float: left;
text-align: center;
display: inline-block;

}

ul.listInline li img{
margin: 0 auto 15px;
display: block;
}

/* ---{ clearfix }--- */
#Contents:after, footer:after, #Navigation ul:after, .Inner:after, #sns:after, #articleCo .Inn:after, #menuFIX:after, .clearfix:after, header:after, .twoColumn:after, .threeColumn:after, #linkF ul:after, .listAnk:after, #pickUP ul:after, #pankuzu ul:after, .box:after, ul.listNormal, #pickUP ul:after, #linkF ul:after, .boxL:after, .wpb_column:after, .bnrNEWS:after, #newsINDEX dl:after, .photo:after, .link ul:after,ul.listInline:after, #pageCommon:after {
	content: "";
	display: block;
	clear: both;
}
/* ----- main ------ */
#mainINDEX {
	position: relative;
	background: #000;
	width: 100%;
	background-position:center bottom;
	background-repeat: no-repeat;
	align-items: center;
	justify-content: center;
}
#mainINDEX a.ScrollBtn {
	color: #FFF;
	position: absolute;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	padding-top: 70px;
}
#mainINDEX a.ScrollBtn span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}
#mainINDEX a.ScrollBtn span:nth-of-type(1) {
 -webkit-animation-delay: 0s;
 animation-delay: 0s;
}
#mainINDEX a.ScrollBtn span:nth-of-type(2) {
 top: 12px;
 -webkit-animation-delay: .15s;
 animation-delay: .15s;
}
#mainINDEX a.ScrollBtn span:nth-of-type(3) {
 top: 22px;
 -webkit-animation-delay: .3s;
 animation-delay: .3s;
}
@-webkit-keyframes sdb {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes sdb {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
#mainPage {
	background: #000;
}
#mainPage h2 {
	font-weight: normal;
	color: #FFF;
}
#mainPage h2 span {
	display: block;
}
.page-id-4860 #mainPage h2 span, .page-id-4870 #mainPage h2 span, .page-id-7910 #mainPage h2 span, .page-id-7684 #mainPage h2 span, .page-id-8933 #mainPage h2 span,  .page-id-4858 #mainPage h2 span, .page-id-6072 #mainPage h2 span {
	letter-spacing: .6em;
}
/* --- jyuyo oshirase-- */	
#noticeImpt {
	color: #fff;
	background: #4a0000;
	box-shadow:0px -3px 3px -1px rgba(0, 0, 0, .4) inset;
}
#noticeImpt .Inner {
	text-align: left;
}
#noticeImpt h2 span {
	position: relative;
	display: inline-block;
	padding: 0 4em;
}
#noticeImpt h2 span:before, #noticeImpt h2 span:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	background-color: rgba(255, 255, 255, .6);
}
#noticeImpt h2 span:before {
	left: 0;
}
#noticeImpt h2 span:after {
	right: 0;
}
#noticeImpt h3 {
	clear: both;
	display: inline-block;
	padding: .4em .6em;
	margin: 1.5em 0;
	line-height: 1em;
	background: #b70000;
}
/* ---- NEWS ------ */
#newsINDEX, #articleCo {
	background: #F9FAF5 url(../images/bg_news.jpg) no-repeat bottom;
}
#newsINDEX.event {
	background: transparent!important;
}
#newsINDEX dl {
	text-align: left;
}
#newsINDEX dl span, .date span {
	color: #FFF;
	font-size: 11px;
	display:block;
	float: right;
	padding: .4em;
	border-radius: 2px;
	line-height: 1em;
	width: 6em;
	text-align: center;
}
#newsINDEX dt {
	font-weight: normal;
}
#newsINDEX dd a {
	color: #000;
	text-decoration: underline;
}
#newsINDEX .btnMore a:hover {
	background: #000;
	color: #fff;
}
#newsINDEX .bnrNEWS {
	clear: both;
}
#newsINDEX .bnrNEWS li {
	float: left;
}
.ico01 {
	background: #b70000;
}
.ico01.cat83 {
	background: #b09b37;
}
.ico01.cat89 {
	background: #003399;
}
.nation {
	clear: both;
	border-top: 1px solid #ccc;
}
.nation ul {
	text-align: center;
}
.nation ul:after {
	content: "";
	display: block;
	clear: both;
}
.nation ul li {
	display: inline;
	margin: 0 5px;
	padding: 0;
	line-height: 1.4em!important;
}
.nation ul li span, .nation ul li a {
	display: inline-block;
	background: #fff;
	text-decoration: none!important;
	vertical-align: middle;
	border-radius: 4px;
}
.nation ul li .disabled {
	color: #CCC;
}
.nation ul li .current {
	background: #090534;
	color: #FFF;
}
.nation ul li a:hover {
	background: #090534;
	color: #FFF;
	text-decoration: none;
}
.nation ul li span, .nation ul li a {
	padding: 0.4em 0.8em;
}
#articleCo .Inn {
	background: #FFF;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, .2);
}
#articleCo .Inn h3 {
	border-bottom: 2px solid #000;
	padding: 0 0 1em;
}
#articleCo .date {
	text-align: right;
	padding: 1em 0;
}
#articleCo .btnMore a {
	background: #000;
	color: #fff;
	border: 0;
}
#articleCo article table {
	width: 100%;
	margin: 1em auto;
}
#articleCo article th, #articleCo article td {
	border: 1px solid #ccc;
	padding: .5em 1em;
}
#articleCo article th {
	background: #E4E6BD;
}
#articleCo article td {
	background: #fff;
}
.content-wrapper .articleCo .aLEFT {
	text-align: left!important;
}

/* -- */

ul.listNormal {
margin: 0 0 1.4em 0.4em;
}

ul.listNormal li {
position: relative;
padding: .3em 0 .3em 1em;
}

ul.listNormal li::after, ul.listNormal li::before {
position: absolute;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
ul.listNormal li::before {
top: 1em;
width: 8px;
height: 8px;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* -- table -- */

caption {
text-align: left;
padding: 1em 0 1em 1.28em;
font-weight: bold;
color: #000;
line-height: 1.4em;
font-size: 1.5em;
position: relative;
}
caption:before {
position: absolute;
content:"";
width: 1em;
height: 1em;
-webkit-border-radius: 50%;
border-radius: 60%;
background: #000;
left: 0;
top: 1.25em;
}
caption::after {
position: absolute;
content:"";
left: .3em;
top: 1.6em;
width: .24em;
height: .24em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.tblNormal table {
	width: 100%;
	margin: 0 0 2em;
}
.tblNormal th, .tblNormal td {
	border:1px solid rgba(0,0,0,.3);
	padding: .8em 1.2em;
	text-align: left;
	line-height: 1.6em;
	vertical-align: middle;

}
.tblNormal.aCENTER th, .tblNormal.aCENTER td {
text-align: center;
}
.tblNormal.aCENTER th.aLEFT, .tblNormal.aCENTER td.aLEFT {

	text-align: left;
}

.tblNormal th {
	background:#DFD7B0;
	text-align: center;
}

.tblNormal td{
background: #FFF;
}
.tblNormal th.thClr {
	background: #FFFFCC;
}
.tblNormal th.aCENTER, .tblNormal td.aCENTER {
	text-align: center;
}
 .tblNormal table tr:nth-child(2n) td, .tblNormal td {
background: #FFF;
}

#pageCommon .tblNormal th, #pageCommon .tblNormal td{
border:1px solid rgba(173,159,112,0.7);
}

#pageCommon .tblNormal th{
background:rgba(238,223,176,.3);
}

#pageCommon .tblNormal th.thClr{
background:rgba(153,137,44,.3);
}

/**/

.tbl table {
	width: auto;
	margin-bottom: 2em;
}
.tbl th, .tbl td {
	padding: .4em 1em .4em 0;
	text-align: left;
	line-height: 1.8em;
	vertical-align: top;
	border: 0!important;
	background: transparent!important;
}

/* ---- pick up --- */
#pickUP {
	background:#f7f9ed url(../images/pickup_bg.png) no-repeat center top;
	clear: both;
}
#pickUP h2 {
	margin: 0 0 1.4em;
}
#pickUP h2 span {
	position: relative;
	padding: 0 0 .2em;
}
#pickUP h2 span:after {
	content:"";
	height: 2px;
	bottom: 0;
	right: .8em;
	left: .8em;
	background: #ec6941;
	position:absolute;
}
#pickUP ul li {
	float: left;
}
/* -------- btn -------- */
.btnMore {
	text-align: center;
	clear: both;
	line-height: 1em;
}
.btnMore a {
	display: inline-block;
	margin: auto;
	text-decoration: none!important;
	transition:all 1.0s;
	font-weight: bold;
	padding: .5em 1.6em;
	border: 1px solid #170e7a;
	background:#170e7a;
	color: #FFF;
}
.btnMore a img{
vertical-align:middle;
}
#pageCommon .btnMore a{
font-size: 1.25em;
padding: 1.5em 2em;	color: #FFF;
}
#pageCommon .btnMore a:hover{
opacity: .6;
}

iframe.gMAP {
	width: 100%;
	height: 600px;
}

#pageCommon iframe.gMAP{
margin-bottom: 2em;
}
/* ---- { contents } -*/

#Contents {
	margin: 0 auto;
}
footer address {
	color: #888;
}
footer address a {
	display: inline-block;
	float: left;
	background: #434343;
	color: #FFF;
	border-radius: 50px;
	white-space: nowrap;
}
footer .contactH p {
	text-align: center;
	font-weight: bold;
	color: #05ac96;
}
#Copyright {
	clear: both;
	text-align: center;
}

/* -- finish -- */
.finish .btnMore{
padding: 100px 0 0;
} 
/* ------ notice --- */
.boxNotice {
	border: 3px solid #D90000;
	text-align: left;
	color: #333;
	line-height: 1.6em;
}
.boxNotice strong {
	color: #D90000;
}
/* ------ link footer ------ */
#linkF {
	background: #090534;
}
#linkF li {
	float: left;
	line-height: 1.8em;
}
#linkF a {
	color: #FFF;
	text-decoration: none;
}
#linkF a:hover {
	text-decoration: underline;
}
/* ------- bnr fix ------ */

#menuFIX {
	position: fixed;
}
#menuFIX li a {
	display: block;
	color: #fff;
	text-decoration: none;
	transition: all 1s;
}
#menuFIX li a:hover {
	opacity: .6;
}
/*
#menuFIX li a{
background: #00736d url(../images/ico_cart.png) no-repeat;
letter-spacing: -0.02em;

}*/
body .history-desc-1 {
	letter-spacing: 0;
}
 #menuFIX li:nth-of-type(1) a {
background: #996c33 url(../images/ico_movie.png) no-repeat;
}
#menuFIX li:nth-of-type(2) a {
background: #00736d url(../images/ico_cart.png) no-repeat;
letter-spacing: -0.02em;
}
#page.site {
	background: #F9F5E3 url(../images/bg_co.jpg) left bottom fixed;
	letter-spacing: 0;
}
#page.site .ico01 {
	margin: .6em;
}
.branding__logo {
	display:none;
}
.page-content, .content-wrapper .page-content {
	padding: 0!important;
}
.row {
	text-align: left;
	padding: 5em 0;
}
 .tm-spacer:nth-of-type(1) {
display:none;
}
.row .Keidai-Test-header-9 {
	padding-top: 0!important;
	margin: 0 0 1em!important;
	width: auto!important;
	line-height: normal;
}
body.boxed {
	width: 100%;
	letter-spacing:0;
	box-shadow: none;
	max-width: 100%;
}
.Keidai-Test-header-8 {
	margin-top: 0!important;
}
.page-id-6072 .vc_row.vc_inner.vc_row-fluid {
	background: #FFF;
}
.single .page-title-bar {
	display: none;
}
.row ol ol {
	margin: 1em 0 .5em 1em;
}
.row li {
	line-height: 1.6em;
	padding-bottom: 1em;
}
.row ol {
	margin: 0 0 2em 1.5em;
}
ul.normal {
	margin-left: -1em;
}
ul.normal li {
	padding-left: 2em;
	text-indent: -1em;
}
ul.kome {
	margin-left: -1em;
}
ul.kome li {
	padding-left: 2em;
	text-indent: -1em;
}
ol.latin li {
	list-style: lower-latin;
}
a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	color: #fff;
	border-color: #660000;
	background-color: #660000;
}
.single-post .entry-content {
	border-bottom: 0!important;
	margin: 0!important;
}
.post-navigation {
	display: none;
}
.row .access-header-1, .row .history-header-1, .row .Keidai-Test-header-9, .row .event-header-1, h3.keidai-title-1 {
 letter-spacing: 0!important;
}
.vc_separator .vc_sep_holder {
	display: none;
}
h3.event-header-3,  h3.access-header-2, h3.history-header-2 {
	letter-spacing: 0;
	border: 0;
	background: transparent;
	border-bottom: 2px solid #fff;
	padding: .8em 0 .8em 1.4em;
	position: relative;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .4);
	line-height: 1.6em;
}
h3.event-header-3:after, h3.access-header-2:after, h3.history-header-2:after {
	position: absolute;
	left: 0;
	top: 48%;
	height: 3px;
	width: .8em;
	background: #dd0000;
	content:"";
}
h3.event-header-3:before, h3.access-header-2:before, h3.history-header-2:before {
	position: absolute;
	height: 1px;
	background: rgba(0, 0, 0, .2);
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	content:"";
}
.page-scroll-up.show {
	display: none;
	visibility: hidden!important;
}
.entry-content ul, .entry-content ol {
	margin-left: 2em;
}
.entry-content ul li {
	list-style: disc;
}
rs-fullwidth-wrap, rs-layer-wrap.rs-parallax-wrap {
	display: none!important;
}
/* ----- */
.content-wrapper .articleCo th.thClr {
	background: #ABA06B;
	color: #FFF;
	font-weight: bold;
}
.content-wrapper .articleCo th.thLT {
	background: #E1D9AE;
}
.content-wrapper .catch {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
	font-weight: bold;
}
.content-wrapper .articleCo p.catchSub {
	margin-bottom: 0.6em;
	font-size: 24px;
	font-weight: bold;
	letter-spacing:0.1em;
}
.content-wrapper .articleCo h3 {
	letter-spacing: 0;
	border: 0;
	background: transparent;
	border-bottom: 2px solid #fff;
	padding: .8em 0 .8em 1.4em;
	position: relative;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .4);
	line-height: 1.6em;
	clear: both;
}
.content-wrapper .articleCo h3:after {
	position: absolute;
	left: 0;
	top: 48%;
	height: 3px;
	width: .8em;
	background: #dd0000;
	content:"";
}
.content-wrapper .articleCo h3:before {
	position: absolute;
	height: 1px;
	background: rgba(0, 0, 0, .2);
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	content:"";
}
.content-wrapper .articleCo a {
	text-decoration: underline;
}
.content-wrapper .articleCo h4 {
	margin: 0 0 .5em;
	color:  #000099;
	clear: both;
}
.content-wrapper .articleCo hr.lineDotted {
	margin-bottom: 3em;
}
.btnMore,
.content-wrapper .articleCo .btnMore {
	padding: 3em 0;
}

.content-wrapper .articleCo .btnMore a {
	background: #000;
	color: #FFF;
	padding: 1em 4em;
	font-size: 24px;
	margin-bottom: 1.5em;
}
.content-wrapper .articleCo .btnMore.noFLT {
	clear: none;
}
.content-wrapper .articleCo .btnMore.noFLT a {
	padding: .6em 1.5em;
	font-size: 20px;
}
.content-wrapper .articleCo .btnMore a:hover {
	background: #999900;
	border: 1px solid #999900;
}
.listNote li {
	padding: 0 0 .5em 2em;
	text-indent: -1em
}

.listIDT li{
padding: 0 0 .5em 1em;
	text-indent: -1em
}

.menjyo .wpcf7-list-item {
	display: block;
	margin-top: 5px;
}
/* -- */

.content-wrapper ul.listPDF li a {
	display: inline-block;
	background:url(../images/ico_pdf.png) no-repeat right .2em;
	background-size: 1.4em;
	padding: 0 1.6em .8em 1em;
	position: relative;
	text-decoration: underline;
}

ul.listPDF li a{
	background:url(../images/ico_pdf.png) no-repeat left top;
	padding: 0 0 .8em 1.8em;
}

.content-wrapper ul.listPDF li a:before {
	position: absolute;
	content:"";
	top: .6em;
	left: 0;
	width: 8px;
	height: 8px;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
ul.listPdf,
.content-wrapper ul.listPdf {
	margin: 0 0 3em 1em;
}

ul.listPdf li,
.content-wrapper ul.listPdf li {
	list-style: disc;
}

ul.listPDF{
list-style:none;

}

li ul.listPDF{
padding: 1em 0;
}
.content-wrapper ul.listPdf span {
	background: #dd0000;
	color: #FFF;
	padding: 0.2em 0.6em;
	font-size: .75em;
	line-height: 1em;
	display: block;
	float: left;
	display: inline-block;
	margin: 4px 5px 0 0;
}
.photo {
	display: inline-block;
	text-align: center;
	padding: 0 0 2em;
	margin:auto;
}
.photo .boxL {
	padding: 0 0 4em;
	line-height: 1.6em;
}
.photo .boxL img {
	margin: 0 0 15px;
}


/* - dl  */


dl.dlNormal {
	padding-bottom: 3em;
}
dl.dlNormal dt {
	font-weight: 700;
	color: #000;
	background: url(../images/point.png) no-repeat 0px 6px;
	background-size: 16px;
	margin: 0;
	padding: 0 0 5px 22px;
	line-height: 1.5em;font-size: 1.25em;
}
dl.dlNormal dd {
font-size: 1.125em;
	line-height: 1.8em;
	padding: 4px 0 0 0;
	margin-left: 1.2em;
}
dl.dlNormal dd+dt {
	margin-top: 1em;
}
a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
#wrapper {
	width: 100%;
	overflow: hidden;
}
#wrapper.index{
overflow: inherit;
}
#pageTop {
	position: fixed;
	bottom: 30px;
	right: 10px;
}
.ankP {
	display: block;
	clear: both;
}hr.lineDotted {
	margin: 2em 0;
	padding-top: 2em;
}/* -- */

#pageCommon{
text-align: left;
margin:auto;
}

#pageCommon h3{
font-size: 2.75em;
font-weight: normal;
padding: 1em 0 .5em;
margin: 0 0 1em;
position: relative;
text-align: center;
}

#pageCommon h3:before{
position: absolute;
content:"";
background: #000;
height: 2px;
width: 3em;
left: calc(50% - 1.5em);
bottom: 0;
}
#pageCommon h4{
	border-top: 2px solid #000;
	border-bottom: 1px solid rgba(0,0,0,.3);
	padding: .8em .4em;
	margin: 2em 0 1.5em;
	font-size: 1.75em;
	clear: both;
}
#pageCommon h5,
#pageCommon .tblNormal h4{
border:0;
border-left: 2px solid #000;
padding: .2em 0 .2em .8em;
}
#pageCommon h5{
font-size: 1.5em;
margin: 2em 0 .8em;
}#pageCommon h6{
font-size: 1.375em;
margin: 2em 0 .8em;
}
#pageCommon .boxL h6{
margin-top: 0;
}
#pageCommon .boxL h5{

margin-top:0;
}#pageCommon .tblNormal h5{
border: 0;
padding: 0;
}

#pageCommon p+h4{
margin-top: 4em;
}
#pageCommon p{
margin: 0 0 2.5em;
line-height: 2em;
font-size: 1.125em;
}
#pageCommon p.catch{
font-size: 1.5em;
font-weight: bold;
}

#pageCommon ol{
margin: 0 0 2em 1.5em;
}

#pageCommon ol ol{
margin:1em 0 0.5em 1em;
}

#pageCommon ol li{
margin: 0 0 1em;
}
#pageCommon .boxLine p{
margin: .8em 0;
}

#pageCommon a{
color:#003399;
	text-decoration: underline;
}

@media screen and (min-width:768px) {
body, html {
	min-width:1300px;
}
}
@media print, screen and (min-width:768px) {


.noWrapPC {
	white-space: nowrap;
}
.sp {
	display: none!important;
}
a{
cursor: pointer;
}

a.telSP, a.tel,
a[href*="tel:"] {
pointer-events: none;
	color: #333;
	cursor: text;
text-decoration: none!important;
}

.Inner {
	width: 1200px;
	margin: auto;
}.threeColumn .boxL,
ul.threeColumn li{
	width: 386px;
	margin:0 21px 0 0;
}
.fourColumn .boxL {
	width: 285px;
}
 .twoColumn .boxL:nth-of-type(2n), .threeColumn .boxL:nth-of-type(3n), .fourColumn .boxL:nth-of-type(4n), ul.threeColumn li:nth-of-type(3n) {
margin: 0!important;
}
ul.threeColumn li:nth-of-type(3n+1){
clear: left;
}

ul.listInline.no03 li:nth-of-type(2){
margin: 0 40px;
}
.boxC{
margin: 0 auto 2em;
width: 590px;
}

.twoColumn.wAuto .boxL {
max-width:560px;
}
/* --- navi ----- */

#Navigation {
}
#Navigation a:hover {
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
#Navigation:after, #Navigation ul:after {
	display: block;
	clear: both;
	content: "";
}
#Navigation ul {
	position: absolute;
	right: 0;
}
 #Navigation ul:nth-of-type(1) {
bottom: 20px;
}
#Navigation ul:nth-of-type(2) {
 top: 20px;
}
#Navigation ul li {
	float: left;
	text-align: center;
	font-size: 1.063em;
	position: relative;
}

#Navigation ul li:hover:after,
.history #Navigation ul li#nav01:after,
.guide #Navigation ul li#nav02:after{
content:"";
position: absolute;
width: 3em;
height: 1px;
background: #FFF;
left: calc(50% - 1.5em);
bottom: 0;
}
#Navigation ul li a {
	display:block;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	padding: 0;
	font-weight: bold;
	width: 8em;
	
}

#Navigation ul li a:hover {
	color: #ccc;
}
 #Navigation ul:nth-of-type(1) li a {
 border-right: 1px solid rgba(255, 255, 255, .3);
 text-shadow: 2px 2px 2px rgba(0,0,0,.8);
}
#Navigation ul li#nav00 {
	border-left: 1px solid rgba(255, 255, 255, .3)
}
#Navigation ul:nth-of-type(2) li a {
color: #000;
background:rgba(255, 255, 255, 1);
font-size: 11px;
line-height: 20px;
width: 86px;
 border: 1px solid rgba(255, 255, 255, 1);
 border-radius: 50px;
 margin: 0 0 0 1em;
 position: relative;font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif!important;
	font-weight: bold;
}
#Navigation ul:nth-of-type(2) li a::before {
position: absolute;
 top: 8px;
 content: "";
 left: 8px;
 width: 5px;
 height: 5px;
 border-top: 2px solid #000;
 border-right: 2px solid #000;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

.english #Navigation ul:nth-of-type(2) li:nth-of-type(1),
#Navigation ul:nth-of-type(2) li:nth-of-type(2) {
opacity: .6;
}

.english #Navigation ul:nth-of-type(2) li:nth-of-type(2),
 #Navigation ul:nth-of-type(2) li:nth-of-type(2):hover {
opacity: 1;
}
/* ----- { header } ------ */

h1 {
	width: 125px;
	float: left;
}
h1 img {
	width: 100%;
}
header {
	/*  */background: -moz-linear-gradient(top, rgba(0,0,0,.4), transparent);
	background: -webkit-linear-gradient(top, rgba(0,0,0,.4), transparent);
	background: linear-gradient(to bottom, rgba(0,0,0,.4), transparent);
	height: 120px;
}
header .Inner {
	padding: 20px 0 0;
	position: relative;
}



#pankuzu ul{font-size: 14px;
	letter-spacing: .04em;
	padding: 1em 0;
	width: 1200px;
	margin:auto;
}
/* -------------- footer ---------- */

footer {
	padding: 35px 0 0;
	margin: 0 auto;
}
footer p, footer address {
	font-size: .75em;
	line-height: 1.8em;
}
footer p#imgZGJ {
	padding: 50px 0;
}
footer p {
font-size: 12px;
}
#Copyright {
	padding: 50px 0;
	font-size: 0.75em;
}

#mainPage h2 {
font-weight: normal;
letter-spacing: .8em;
margin: 0;
background: #050F45 url(../images/main_k.jpg) no-repeat center right;
}
.history #mainPage h2 {
	background: #2E221D url(../history/img/main.jpg) no-repeat right center;
}
.guide #mainPage h2 {
	background: #002937 url(../guide/img/main.jpg) no-repeat right top;
}
.zen #mainPage h2 {
	background: #2E0D33 url(../zen/img/main.jpg) no-repeat right top;
}


#mainPage h2 span{
	text-align: left;
	width: 1200px;
	margin:auto;
	padding: 100px 0;
	font-size: 40px!important;
	letter-spacing:.8em;
}

#mainPage h2.narrow span{
letter-spacing: normal;
}
/* ------ jyuyo oshirase ------ */

#noticeImpt {
	padding: 40px 0;
}
#noticeImpt h2 {
	font-size: 1.5em;
}
#noticeImpt h3, #noticeImpt h4 {
	font-size: 1.125em;
	margin-bottom: 1em;
}
#noticeImpt p {
	font-size: .875em;
}
/* ---- NEWS ------ */


#newsINDEX, #articleCo {
	text-align: left;
	padding: 80px 0;
}

#newsINDEX .Inner {
	position: relative;
}
#newsINDEX h2 {
	float: left;
	font-size: 30px;
}
#newsINDEX dl {
	margin: 0 0 0 160px;
	border-left: 1px solid #CCC;
	padding: 0 0 0 30px;
}
#newsINDEX.kaso dl{
	margin: 0 0 0 250px;

}
#newsINDEX dt, #newsINDEX dd {
	padding-bottom: 1em;
}
#newsINDEX dt {
	float: left;
	width: 9.6em;
}


#newsINDEX dt span {
	margin: 5px 0 0;
}
#newsINDEX dd {
	padding-left: 10em;
}
#newsINDEX .bnrNEWS{
padding: 30px 0;
}
#newsINDEX .bnrNEWS li{

margin: 0 0 0 20px;
}
#newsINDEX .bnrNEWS li:first-child{
margin: 0;
}



#newsINDEX.event{
padding: 0;
}
#newsINDEX.event dl{
margin-left: 220px;
}


#newsINDEX.event dt,
#newsINDEX.event dd{
font-size: 18px;
line-height: 2em;
}
#newsINDEX.event dt{
	width: 4em;
	font-size: 20px;
}
#newsINDEX.event dd{
	padding-left: 5em;
}


#newsINDEX.kaso dd{
padding-left: 9.4em;
}
#newsINDEX .btnMore {
	position: absolute;
	left: 0;
	top: 60px;
}
#newsINDEX .btnMore a {
	font-size: .875em;
	padding: .4em .85em
}
#newsINDEX.kaso{
padding: 0;
}
#newsINDEX.kaso h2{
padding-top: 60px;
}


#newsINDEX.kaso dl{
padding: 60px 0 60px 60px;
}
#newsINDEX.kaso dt, #newsINDEX.kaso dd {
font-size: 16px;
padding-bottom: 0;
}
#newsINDEX.kaso .ico01{
margin-top: 0;
}
.nation {
	padding: 3em 0;
}

#articleCo .Inn{
padding: 80px;
margin: 0 0 60px;
}
#articleCo .Inn h3{
font-size: 2em;
}

#articleCo .date{
}
#articleCo .btnMore a{
padding: 1.5em 3em;
font-size: 18px;
}
#articleCo article{
line-height: 2em;
font-size: 1.125em;
}


/* ---- pick up --- */
#pickUP {
	padding: 40px 0;
}
#pickUP ul {
	/**/ width: 1200px; 

	margin:auto;
}
#pickUP h2 {
	font-size: 1.875em;
}
#pickUP ul li {
	margin: 0 0 0 26px;
}
#pickUP li:first-child {
	margin: 0;
}
/* ------ link footer ------ */
#linkF {
	padding: 20px 0;
}
#linkF ul {
	display: inline-block;
	font-size: 14px;
}
#linkF ul li{
	padding: 0 1.5em;
	font-size: 1.125em;
}
#linkF li:first-child {
	border: 0;
}
/* ------- bnr fix ------ */

#menuFIX {
	left: 0;
	top: 140px;
}
#menuFIX li {
	margin: 0 0 10px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 16px;
	background: #FFF;

	overflow: hidden;
}



#menuFIX li a {
	padding: 50px 10px 20px;
	background-size: 34px!important;
	background-position:8px 10px!important;
}


#sns{
position: fixed;
top: 510px;
left: 5px;
}#sns li{
padding: 0 0 10px;
}
#sns img{
width: 40px;
}

#sns li a:hover img{
opacity: 1;
}

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

.content-wrapper p{
font-size: 18px;
line-height: 2.2em
}


.row .access-header-1,
.row .history-header-1,
.row .Keidai-Test-header-9,
.row .event-header-1{
font-size: 34px;
text-align: left;
}

.page-id-7684 .wpb_wrapper{
max-width: 1000px;
overflow: hidden;
margin: auto;
}
.row .tm-spacer{
height:3em!important;
}


.row .vc_col-sm-8{
width: 100%;
}

.longN{
width: 1000px;
margin: auto;
}

.row li{
font-size: 16px;
}


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

.content-wrapper .articleCo p{
	margin: 0 0 2.5em;
	font-size: 18px;
}
.content-wrapper .articleCo p.catch{
	font-size: 2em;
	margin: 0 0 1.8em;
}

.content-wrapper .articleCo h3, h3.normal{

font-size: 24px;
margin: 0 0 1em;
}
.content-wrapper .articleCo h4{
font-size: 20px;
}

.content-wrapper .articleCo th,
.content-wrapper .articleCo td{
font-size: 18px;
}

.fltLpc{
	float: left;
	width: 560px;
}

.fltLpc.WD{
	float: left;
	width: 800px;
}

.content-wrapper .articleCo .fltR p,
.content-wrapper .articleCo .pctR p{
margin: 0;
font-size: 14px;
}


/* -- */

#pageCommon{
width: 1200px;
padding: 60px 0 100px;
}




#pageCommon .threeColumn .boxL p,
#pageCommon .fourColumn .boxL p{
margin: 0 0 .5em;
line-height: 1.8em;
font-size: 1em;
}




/*  */
.fltLpc.imgV {
width: 750px;
}
.photo {
width: 1300px;
}
.photoMgn {
margin-right: 50px;
}
.photo.three .boxL img {
height: 300px;
}


#mainINDEX {
	height:100vh;min-height: 800px;
}
#mainINDEX p {
	position:absolute;
	left: 50%;
	top: 20%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#mainINDEX p img {
	width: 300px;
}
#mainINDEX a.ScrollBtn {
	bottom: 0px;
}
}

/* -- LINK -- */
#pageCommon.link ul li{
float: left;
width: 25%;
text-align: center;
display:table;
border-spacing:10px;
border-collapse:separate;
}
#pageCommon.link ul li:nth-of-type(10){
letter-spacing: -.08em;
}

#pageCommon.link ul li a{
display: table-cell;
vertical-align:middle;
height: 6em;
background:rgba(238,223,176,.3) url(../images/arrow_r.png) no-repeat 98% center;
background-size: 1.2em;
text-decoration: none;
border: 2px solid #FFF;
color: #000;
transition:.6s;
}

#pageCommon.link ul li a:hover{
box-shadow: 0 2px 7px rgba(0,0,0,.4);
}


/* -- event -- */

#pageCommon.event{
	background:url(../images/event_cara.png) no-repeat right bottom;
	min-height: 300px;
	}

#pageCommon.event h3{
float: left;
padding:0;
font-size: 1.75em;
}
#pageCommon.event h3:before{
display: none;
}

#pageCommon.event dl {
	margin: 0 0 0 220px;
	border-left: 1px solid #CCC;
	padding: 0 0 0 30px;
}
#pageCommon.event dt, #pageCommon.event dd {
	padding-bottom: 1em;
}

#pageCommon.event dt,
#pageCommon.event dd{
line-height: 2em;
}
#pageCommon.event dt{
float: left;
	width: 4em;
font-size: 1.25em;
}
#pageCommon.event dd{
padding: 0 0 2em 6em;
}

#pageCommon.event dd a{
font-size: 1.25em;

}


/* guide - */


.guide #pageCommon .tblNormal th,
.guide #pageCommon .tblNormal td{
text-align: center;
}


.guide #pageCommon .tblNormal th{
width: 30%;
}
.guide #pageCommon .tblNormal th.thClr{
width: auto;
}

.guide #pageCommon.homotsu .tblNormal th{
width: 5em;
}
.guide #pageCommon.homotsu .tblNormal td{
text-align: left;
}
#pageCommon.homotsu .hAuto img{
display: block;
margin:0 auto 15px;
}

.guide #pageCommon .tblNormal.aLEFT th, .guide #pageCommon .tblNormal.aLEFT td{
text-align: left;
}
.guide #pageCommon .fltR.txt{
width: 560px;
padding: 0 0 5em;
}
.guide #pageCommon .keidai li img{
margin-bottom: 1em;
}

#pageCommon.gyoji h4{
padding: 1.2em 0 .8em .4em;
}
#pageCommon.gyoji .threeColumn h5{
border: 0;
padding-left:0;
}
#pageCommon.gyoji .threeColumn h5:first-letter{
color:#c2bc55;
}
#pageCommon.gyojiTOP th{
padding-right:0;
padding-left:0;
}
#pageCommon.gyojiTOP td{
width: 70%;
}
/* -- english --- */

.english{
font-family: Georgia, "Times New Roman", Times, "游明朝体", "Yu Mincho", serif;
}

.english #Navigation ul li {
font-size: .875em;
font-family:"Times New Roman", Times, serif;
}

.english .thClr{
width: 25%;
}
.english .boxL p{
text-align: center;
}


/* -- application -- */

#pageCommon.App .twoColumn{
padding: 2em 0;
}

#pageCommon.App .twoColumn .boxL{
background: #FFF;
padding: 2em;
box-shadow: 0 0 10px rgba(0,0,0,.1);
}
#pageCommon.App .twoColumn p{
font-size: 1.25em;
margin: 0 0 1.25em;
}

#pageCommon.App .btnMore{
padding: 0;
}
#pageCommon.App .btnMore a{
background: #8d0000;
color: #FFF;
border: 0;
padding: 1.8em 0;
border-radius: 6px;
position: relative;
}

#pageCommon.App .btnMore a:after{
position: absolute;
right: 1.4em;
top: calc(50% - .3em);
width: .6em;
height: .6em;
content:"";
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

}


#pageCommon #formCo td input.day {
	background: url(../application/img/ico_calendar.png) no-repeat 10px center;
	background-size: 24px auto;
	padding-left: 50px;
	width: 12em;
	border: 1px solid #666;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .12;
}

#pageCommon #formCo h4{
border:0;
border-left: 2px solid #000;
padding: .2em 0 .2em .8em;
}

/* -- library -- */

#pageCommon.library .threeColumn li img{

display:block;
margin: 0 0 10px;
}

#pageCommon.library .threeColumn li .pop{
display: block;
float: right;
width: 8.6em;
text-align: center;
padding: .6em 0;
background: #990000;
color: #FFF;
font-size: 12px;
border-radius: 50px;
line-height: 1em;
text-decoration: none;
}#pageCommon.library .threeColumn li .pop:hover{
background: #0066FF;
}

@media print, screen and (min-width:768px) {
.english #Navigation ul:nth-of-type(1) li a{
width: 10em;
font-weight: normal;
}
.english .boxC{
padding: 3em 0;
width: 800px;
}

#pageCommon.App .twoColumn{
width: 1000px;
margin: 5em auto 0;
}


#pageCommon.App .twoColumn .boxL{
width: 48%;
margin: 0;
}
#pageCommon.App .twoColumn .boxL+.boxL{
float: right;
}
#pageCommon.App .btnMore a{
font-size: 1em;
width: 80%;
}
#pageCommon.App.kaso .btnMore a{
width: 20em;
}

/* -- library --*/

#pageCommon.library .threeColumn{
width: 1080px;
margin:0 auto 5em;
}
#pageCommon.library .threeColumn li{
width: 320px;
margin: 0 60px 0 0;
}

#pageCommon.homotsu .pctInn{
width: 600px;
}

#pageCommon.homotsu .hAuto img{
height: 600px;
width: auto!important;
}
#pageCommon.homotsu .hAuto h6{
text-align: center;
}
#pageCommon.event p.noEvent{
padding: .4em 0 0 22em;
}
/* -- gyoji -- */

#pageCommon.gyojiTOP .tblNormal{
float: left;
width: 580px;
}
#pageCommon.gyojiTOP .tblNormal:nth-of-type(2){
float:  right;
}
#pageCommon.gyojiTOP h3{
font-size: 2em;
}
}

/* -------- main -------- */


_::-webkit-full-page-media, _:future, :root #mainINDEX{
	height:100%;
}

@media print, screen and (min-width:2000px) {
#mainINDEX, #page.site {
background-size: 100%;
}
}
@media print, screen and (max-height:700px) {
#mainINDEX {
background-size: auto 100%;
}
}

@media all and (-ms-high-contrast: none) {
#menuFIX li {
	max-height: 220px;
  }
}



/* ---------------------- semi renewal --------------------- */
#menuINDEX {
	width: 1300px;
	margin:auto;
	padding: 50px 0;
	position: relative;
}
#menuINDEX:after {
	display: block;
	content:"";
	clear: both;
}
#menuINDEX ul.listL, #menuINDEX .boxR {
	color:#FFF;
}
#menuINDEX a {
	color: #FFF;
	text-decoration: none;
}
#menuINDEX .boxR {
	height: 1260px;
	width: 680px;
}
#menuINDEX .boxR .Inn {
	height: 99vh;
	position:sticky;
	top:0;
	display: none;
}
.iPad #menuINDEX .boxR .Inn {
height: 92vh;
}
#menuINDEX .boxR .Inn:before {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom: 0;
	content:"";
	background: rgba(0, 0, 0, .5);
	z-index:-1;
}
_:-ms-input-placeholder, :root #menuINDEX .boxR .Inn:before {
background: rgba(0, 0, 0, 0);
}
_:-ms-input-placeholder, :root #menuFIX {
top: 10px;
}
 _:-ms-input-placeholder, :root #menuINDEX .boxR .btnMore {
left: auto;
right: 300px;
bottom: auto;
top: 800px;
}
 _:-ms-input-placeholder, :root #menuINDEX * {
 text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
}
#menuINDEX .boxR .Inn.active {
	display: block;
	transition: background 1s linear;
}
#menuINDEX ul.listL {
	width:600px;
	float: left;
}
#menuINDEX ul.listL li {
	filter: grayscale(100%);
	width: 100%;
	height: 300px;
	display:table;
	cursor:pointer;
	transition: 1s all;
	margin: 0 0 20px;
	text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
}
#menuINDEX ul.listL li.active {
	filter: grayscale(0%);
}
#menuINDEX ul.listL li a {
	letter-spacing: .3em;
	display:table-cell;
	color: #FFF;
	vertical-align:middle;
	position: relative;
}
#menuINDEX ul.listL li strong {
	letter-spacing: 1em;
	display: block;
	font-size: 2.5em;
	font-weight:normal;
	margin: 0 0 1em;
	text-indent: 1em;
}
#menuINDEX .menu01, #menuINDEX .r01 {
	background:url(../images/menu_01.jpg) no-repeat right center;
	background-size:cover;
}
#menuINDEX .menu02, #menuINDEX .r02 {
	background:url(../images/menu_02.jpg) no-repeat center;
	background-size:cover;
}
#menuINDEX .r02 {
	background-position: -200px center;
}
#menuINDEX .menu03, #menuINDEX .r03 {
	background:url(../images/menu_03.jpg) no-repeat center;
	background-size:cover;
}
#menuINDEX .menu04, #menuINDEX .r04 {
	background:url(../images/menu_04.jpg) no-repeat center;
	background-size:cover;
}
/**/



#menuINDEX ul.listL li a:hover:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 50%;
	width: 0;
	border-bottom: solid 1px #fff;
	transform: translateX(-50%);
 animation: anime .4s linear forwards;
}
 @keyframes anime {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
/**/

#menuINDEX ul.listL li a:hover:after {
	content: '';
	position: absolute;
	left: 10px;
	bottom: -150px;
	border-left: solid 1px #fff;
	transform: translateY(-50%);
 animation: anime2 .4s linear forwards;
}
 @keyframes anime2 {
 0% {
 height: 0%;
}
 100% {
 height: 300px;
}
}

/* -- */


#menuINDEX .boxR h2 {
	font-size: 3em;
	font-weight: normal;
	padding: 4em 0 1em;
	letter-spacing: .5em;
	text-indent: .5em;
}
#menuINDEX .boxR .Inn p {
	width: 80%;
	text-align:left;
	margin: 0 auto 4em;
	font-size: 1.125em;
	line-height: 2.2em;
}
#menuINDEX .boxR ul {
	display: inline-block;
	margin:auto;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	vertical-align: top;
	text-align: center;
}
#menuINDEX .boxR ul li {
	font-size: 1.75em;
	line-height: 2.2em;
	margin: 1em;
	letter-spacing:.4em;
	position: relative;
}

.iPad #menuINDEX .boxR ul li {
	font-size: 2.25em;
	line-height: 1.6em;
}


#menuINDEX .boxR a {
 transition: .6s all;
	display:block;
	padding: .8em 0;
}
#menuINDEX .boxR a:hover {
	text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #FFF, 2px -2px 10px #FFF, -2px -2px 10px #FFF;
}
#menuINDEX .boxR ul li:before,  #menuINDEX .boxR ul li:after {
	content:"";
	position: absolute;
	width: .6em;
	height: .6em;
}
#menuINDEX .boxR ul li:before {
	top: 0;
	right:0;
	border-top: 1px solid rgba(255, 255, 255, .6);
	border-right: 1px solid rgba(255, 255, 255, .6);
}
#menuINDEX .boxR ul li:after {
	border-left: 1px solid rgba(255, 255, 255, .6);
	border-bottom: 1px solid rgba(255, 255, 255, .6);
	bottom: 0;
	left:0;
}
#menuINDEX .boxR .btnMore {
	position: absolute;
	bottom:70px;
	left:0;
	right: 0;
}
#menuINDEX .boxR .btnMore a {
	border: 1px solid rgba(255, 255, 255, .6);
	background:transparent;
	border-radius: 100%;
	width: 60px;
	line-height: 60px;
	padding: 0;
}
#menuINDEX .boxR .btnMore a:hover {
	background: rgba(255, 255, 255, .4);
}
#menuINDEX .boxR .btnMore a span {
	transform: scale(0.6, 1);
	display: block;
	font-size: 30px;
}

@media screen and (max-height:850px) 
{

#menuINDEX .boxR .Inn p {
	margin: 0 auto 1em;
	}
#menuINDEX .boxR .btnMore {
	bottom:30px;
	left:auto;
	right: 50px;
}
}

/* -- museum --*/

#museumCo{
background: #000;
color: #FFF;
}

#museumCo h2, #museumCo h3{
font-weight: normal;
}
#museumCo .para{
height: 100vh;
width: 100%;
display: table;

}
#museumCo .para .Inn{
display: table-cell;
vertical-align: middle;
}
#museumCo .para h2+p,
#museumCo .para h3+p{
font-size: 1.5em;
}

#museumCo .para h3{
padding: 0 0 20px;
}
#museumCo .para h4{
clear: both;
}
#museumCo .para p{
font-size:1.125em;
}
#museumCo .para p a.txtL{
font-size: 1.5em;
text-decoration:none;
border-bottom: 1px solid #ddd;
}
#museumCo .para a{
color: #FFF;
}
#museumCo h3{font-size: 3em;
}

#museumCo #scene01.para{
background:url(../museum/img/bg_01.jpg) no-repeat center fixed;
background-size: auto 100%;
}#museumCo #scene02.para{
background:url(../museum/img/bg_02.jpg) no-repeat center fixed;
background-size: auto 100%;

}#museumCo #scene03.para{
background:url(../museum/img/bg_03.jpg) no-repeat center fixed;
background-size: auto 100%;

}#museumCo #scene04.para{
background:url(../museum/img/bg_04.jpg) no-repeat center fixed;
background-size: auto 100%;

}#museumCo #scene05.para{
background:url(../museum/img/bg_05.jpg) no-repeat center fixed;
background-size: auto 100%;

}#museumCo #scene06.para{
background:url(../museum/img/bg_06.jpg) no-repeat center fixed;
background-size: auto 100%;
}

#museumCo #scene01.para h2{
font-size: 5em;
padding: 0 0 5px;
letter-spacing: .8em;
text-indent: .8em;
}
#museumCo #scene01.para p{
font-size: 1.75em;
}

#museumCo #scene02.para ul{
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
width: 1000px;
margin:auto;
}
#museumCo #scene02.para h3{

padding: 0 0 80px;
}
#museumCo #scene02.para ul li{
width: 300px;
font-size: 1.375em
}

#museumCo #scene02.para ul li a{

text-decoration: none;
border: 1px solid rgba(255,255,255,.4);
display: block;
padding: 1em 0 1.5em;
position: relative;
margin: 20px 0;
transition: 1s;
}

#museumCo #scene02.para ul li a:before{
position: absolute;
bottom: .8em;
content:"";
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
width: .6em;
height: .6em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left:calc(50% - .3em);
}
#museumCo #scene02.para ul li a:hover{
background: rgba(255,255,255,.4);
}
#museumCo #scene03.para h3{
}

#museumCo #scene03.para ul{
display: inline-block;
padding: 40px 0 0;
}

#museumCo #scene03.para ul li{
float: left;
margin: 0 25px;
}



#museumCo #scene04.para p{
padding: 0 0 2em;
}


#museumCo #scene05.para h3{
	text-align: left;
}

#museumCo #scene05.para p{
padding: 0 0 2em;
text-align: left;
}
#museumCo #scene06.para{
height: auto!important;
display: block;
padding: 80px 0 200px;
}
#museumCo #scene06.para .Inner{

text-align: left;

}

#museumCo #scene06.para h3{
padding: .2em 0 .2em .8em;
border-left: 3px solid #FFF;
margin: 1em 0;
}


#museumCo #scene06.para h4{
font-size: 1.5em;
padding: .8em 0;
border-bottom: 1px solid rgba(255,255,255,.4);
margin: 1em 0;
}
#museumCo #scene06.para h5{
font-size: 1.375em;
font-weight: normal;
text-align: center;
padding: 1em 0;
position: relative;
margin: 0 0 1.5em;
}

#museumCo #scene06.para h5:after{
position: absolute;
content:"";
height: 2px;
width: 4em;
bottom: .5em;
left:calc(50% - 2em);
background:rgba(255,255,255,.4);
}


#museumCo #scene06.para p{
margin: 1em 0;
}


/* -- wakizashi -- */

#museumCo #scene06.para .boxLine{
background: rgba(0,0,0,.6);
border: 1px solid #333;
margin: 3em 0;
}


#museumCo #scene06.para .boxLine ul li{
padding: .4em 0 .8em 3em;
text-indent: -3em;
font-size: 1.125em;
line-height: 2.4em;
}
#museumCo #scene06.para .boxLine h5{
font-size: 1.75em;
}

#museumCo #scene06.para .boxLine h6{
	font-size: 1.375em;
	padding: .2em 0 .2em .8em;
	margin: 0 0 1em;
	border-left: 1px solid #ccc
}

#kikakuten, #tenjishitsu, #note{
padding: 80px 0 0;
}

#museumCo #scene06.para #kikakuten h4{
border-top: 1px solid rgba(255,255,255,.4);
border-bottom:0;
padding: 1.2em 0 .2em
}
#museumCo #scene06.para #kikakuten .kikaku{
display:flex;
align-items:flex-start;
justify-content:space-between;
padding: 0 0 1.5em;
}
#museumCo #scene06.para #kikakuten .kikaku img{
width: 200px;
}
#museumCo #scene06.para #kikakuten .kikaku p{
width: 770px;
}


#museumCo #scene06.para #kikakuten ul{
background: rgba(0,0,0,.7);
border: 1px solid #333;
padding: 1em 3em 1em 1em;
height: 8.8em;
overflow:auto;
}
#museumCo #scene06.para #kikakuten ul::-webkit-scrollbar {
  width: 10px;
}
#museumCo #scene06.para #kikakuten ul::-webkit-scrollbar-track {
border: 1px solid #666;
  border-radius: 5px;
}
#museumCo #scene06.para #kikakuten ul::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 5px;
}

@media print, screen and (min-width:768px) {

#museumCo #scene01.para{
height: calc(100vh - 120px);
}

#museumCo #scene04.para .Inn{
padding: 0 10% 0 40%;

}

#museumCo #scene05.para .Inn{
padding: 0 40% 0 10%;

}
#museumCo #scene06.para .Inner{

width:1000px;
}
#museumCo #scene06.para h3{
font-size: 2.25em;
}
#museumCo #scene06.para .boxLine .pctR {
padding: 0 170px 0 0;
}
#museumCo #scene06.para #kikakuten ul{
min-width: 70%;
}

.flexPC{
display: flex;
}
.flexPC.n02 .Inn{
width:48%;
}
.flexPC.inLine{
display:inline-flex;
}
}
.ju{
justify-content:space-between;
}

/*  -- ipad -- */
.iPad{
min-height:100vh;
}
.iPad #museumCo #scene01.para,
.iPad #museumCo #scene02.para,
.iPad #museumCo #scene03.para,
.iPad #museumCo #scene04.para,
.iPad #museumCo #scene05.para,
.iPad #museumCo #scene06.para{
background-attachment:inherit;

height:130vh;
}
.iPad #menuFIX{
top: 30%;
display:block!important;
}
.iPad #sns{
top: 55%;
}

.iPad #museumCo h3{
font-size: 4em;
}

.iPad #museumCo .para h2+p,
.iPad #museumCo .para h3+p{
font-size: 2.5em!important;
}

.iPad #museumCo #scene04.para .Inn{
padding: 0 5% 0 30%;

}

.iPad #museumCo #scene05.para .Inn{
padding: 0 5% 0 10%;

}
.iPad #museumCo #scene04.para{
background:url(../museum/img/bg_04sp.jpg) no-repeat left top;
background-size: 100% auto;
}
.iPad #museumCo #scene05.para{
background:url(../museum/img/bg_05sp.jpg) no-repeat right top;
background-size: 100% auto;
}
.iPad #museumCo #scene06.para{
background:url(../museum/img/bg_06sp.jpg) no-repeat right top;
background-size: 100% auto;
}

.iPad #museumCo #scene06.para h4{
font-size: 2.25em;
}



.iPad #museumCo #scene01.para{
height: 118vh;
}

.iPad #museumCo .para p{
font-size: 24px!important;
line-height: 2.8em!important;
}
.iPad #pageCommon h3{
font-size: 4em;
}
.iPad #pageCommon h4{
font-size: 2.5em;
}

.iPad #pageCommon h5{
font-size: 2em;
}
.iPad #pageCommon p, .iPad #pageCommo li, .iPad #pageCommon dl.dlNormal dt, .iPad #pageCommon dl.dlNormal dd{
font-size: 1.75em;
}
.iPad #pageCommon .threeColumn h5{
font-size: 1.375em;
}

#wrapper.en{
font-family:"Times New Roman", Times, serif;
}
@media print{
body {
-webkit-print-color-adjust: exact;
width: 100%;
margin-left: -7%;
zoom:80%;
margin:auto;

}
#wrapper.index{
overflow: hidden;
width: 100%;
}


#mainINDEX {

	margin:auto;
	overflow: hidden;
	text-align: center;
}



#page.site{
background-position: center top;
background-attachment:scroll;
background-size: 100%;
}

#pageTop img{
display: none;
}
#mainINDEX{
background-size: 100%;
height: 400px;
}

#museumCo #scene01.para,
#museumCo #scene02.para,
#museumCo #scene03.para,
#museumCo #scene04.para,
#museumCo #scene05.para,
#museumCo #scene06.para{
background-attachment:inherit!important;
background-position: center top!important;
background-size:100% auto!important;
}
#museumCo, #Contents {

overflow: hidden;

}

#museumCo .para,
#museumCo .para .Inn{
display: block;
}
#museumCo .para{
height: auto;
padding: 50px 0;
margin: 0;
}

#museumCo #scene01.para{
padding: 250px 0;
background-size:auto 100%!important;
}

#museumCo #scene04.para .Inn,
#museumCo #scene05.para .Inn{
padding: 0px!important;
width: 1200px;
margin:auto;

}#museumCo #scene06.para .Inner{
margin: 0 auto;
}

/* -- */
#menuINDEX{
height: 1280px;
overflow: hidden;
}
#menuINDEX .boxR .Inn {
height: 1260px;
position: relative;
}
#menuINDEX ul.listL li a{
display: block;
height: 300px;
}

#menuINDEX ul.listL li a span{
display: block;
padding-top: 100px;
}
#sns, #menuFIX{
display: none;
}

}
/* -- kikakuten -- */

#pageCommon.kikakuten h3 .ssB{
color: #999900;
}
#pageCommon.kikakuten h5{
clear: both;
}
#pageCommon.kikakuten .btnMore a{
padding: 1em 0;
min-width: 16em;
}
#pageCommon.kikakuten .boxL.aCENTER h6,
#pageCommon.kikakuten .aCENTER .boxL h6{
text-align: left;
}