@charset 'UTF-8';
/*===========================================
reset.css
===========================================*/

v\:line, v\:rect, v\:fill, v\:image, v\:stroke{ behavior: url(#default#VML); }

/*--------------------------------------------
  HTML5 Reset ::style.css
  -------------------------
  We have learned much from/been inspired by/taken code where offered from:
  Eric Meyer:http://ericmeyer.com
  HTML5 Doctor:http://html5doctor.com
  and the HTML5 Boilerplate:http://html5boilerplate.com
---------------------------------------------*/

/* Let's default this puppy out
--------------------------------*/
html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/*
img,
object,
embed{max-width:100%;}
.ie8 img,
.ie8 object,
.ie8 embed{width:auto;}
*/
html{overflow-y:scroll;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content:none;}
a{margin:0; padding:0;  vertical-align:baseline; background:transparent;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
th{font-weight:bold; vertical-align:top;}
td{font-weight:normal; vertical-align:top;}
hr{display:block; height:1px; border:0; border-top:1px solid #999; margin:1em 0; padding:0;}
input, select{vertical-align:top;}
pre{
  white-space:pre; /* CSS2 */
  white-space:pre-wrap; /* CSS 2.1 */
  white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap:break-word; /* IE */
}
input[type="radio"]{vertical-align:middle;}
input[type="checkbox"]{vertical-align:middle; *vertical-align:baseline;}
select, input, textarea{font:99% sans-serif;}
table{font:100%;}
a:hover, a:active{outline:none;}
small{}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;}
sub, sup{line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
.clickable,
label,
input[type=button],
input[type=submit],
button{cursor:pointer;}
button, input, select, textarea{margin:0;}
button{width:auto; overflow:visible;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{vertical-align:bottom;}

/*-------------------------------------------
Base
-------------------------------------------*/
html{
	font-size:62.5%;
	width:100%;
}
@media screen and (max-width:767px) {
  html{
    font-size: 3.2vw;
  }
}
#frame{
	min-width: 1024px;
}
@media screen and (max-width:767px) {
	#frame{
		min-width: 100%;
	}
}
body,select,input,textarea{
	font:16px Helvetica,Arial,Tahoma,sans-serif;
	/*font-family:'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;*/
	font-size: 1.4rem;
	font-family:YuGothic,'游ゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.7;
	color:#333;
	-webkit-text-size-adjust:none;
}
a{color:#015ed0;text-decoration:underline;-webkit-tap-highlight-color:rgba(0,0,255,0.2)!important;}
a:link{-webkit-tap-highlight-color:#1e6eb4;text-decoration:none;}
a:hover{color:#2788ff;text-decoration:underline;}
a:visited{color:#7837c1;text-decoration:none;}
caption{margin-bottom:5px;text-align:left;}
ins{background-color:#fcd700;color:#000;text-decoration:none;}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:bold;}
textarea{resize:vertical;}
address{font-style:normal;}
em{font-style:normal;}
legend{display:none;}
body{background:#ffffff; word-break: break-all; min-width:320px;width:100%;}
.clear:after,.section-inner:after{display:table;content:"";clear:both;}
.clear,.section-inner{zoom:1;}
.col-2{
	width:50%;
	float:left;
}
@media screen and (max-width:767px) {
	img {
		max-width: 100%;
		height: auto;
	}
}

/*-------------------------------------------
toparea
-------------------------------------------*/
.toparea{
	background: #002298;
	padding: 10px 0 20px;
	min-width: 1024px;
}
.toparea .breadcrumbs{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	line-height: 1;
}
.toparea .breadcrumbs li{
	display: inline;
	color: #ffffff;
	font-size: 13px;
}
.toparea .breadcrumbs li:after{
	content: ' > ';
}
.toparea .breadcrumbs li:last-child{
	font-weight: bold;
}
.toparea .breadcrumbs li:last-child:after{
	content: '';
}
.toparea .breadcrumbs a,
.toparea .breadcrumbs a:hover,
.toparea .breadcrumbs a:visited{
	color: #ffffff;
}
.toparea .icon{
	text-align: center;
	width: 100%;
	margin: 10px 0;
	line-height: 0;
}
.toparea .pt_hd1{
	color: #ffffff;
	text-align: center;
	width: 100%;
	font-size: 28px;
	font-weight: bold;
	display: block;
}
@media screen and (max-width:767px) {
	.toparea{
		padding: 0 2% 0 2%;
		min-width: 0;
	}
	.toparea .breadcrumbs {
		width: 100%;
		height: auto;
		padding: 0 3px 0 7px;
	}
	.toparea .breadcrumbs li{
		font-size: 0.8rem;
	}
	.toparea .pt_hd1{
		font-size: 1.75rem;
	}
	.toparea .icon{
		width: 15%;
		margin: 0.5rem auto;
	}
}

/*-------------------------------------------
content
-------------------------------------------*/
.content{
	width:100%;
	padding-top: 60px;
	padding-bottom: 60px;
}
.content#topIndex{
	padding-bottom: 0px;
}
.content .content-inner{
	width:980px;
	margin: 0 auto;
}

.section-inner{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width:767px) {
	.content {
		/* padding-top: 2.6%; */
		padding-top: 0;
	}
	.section-inner{
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
}

/*-------------------------------------------
GDPR
-------------------------------------------*/

#gdprArea {
	display: none;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  line-height: 1.8;
}
#gdprArea.close{
	display: none;
	opacity: 0;
}
#gdprArea .gdprInner {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  padding: 15px 30px;
	box-sizing: border-box;
}
#gdprArea .gdprLink {
  text-decoration: underline;
  color: #fff;
}
#gdprArea .gdprClose {
	cursor: pointer;
	position: absolute;
	top: 17px;
	right: 30px;
	display: block;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background-color: #ffffff;
}
#gdprArea .gdprClose:after,
#gdprArea .gdprClose:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 16px;
	display: block;
	width: 2px;
	height: 15px;
	background-color: #999;
	transform: rotate(45deg);
}
#gdprArea .gdprClose:before {
  transform: rotate(-45deg);
}

@media screen and (max-width:767px) {
  #gdprArea {
    line-height: 1.7;
    bottom: 0;
  }
  #gdprArea .gdprInner {
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 40px 12px 10px;
    font-size: 12px;
  }
  #gdprArea .gdprClose {
    right: 10px;
    top: 13px;
		width: 18px;
    height: 18px;
  }
	#gdprArea .gdprClose:after,
	#gdprArea .gdprClose:before {
		top: 2px;
		left: 8px;
	}
}

/*-------------------------------------------
運休のお知らせ
-------------------------------------------*/

/* 運休のお知らせ */
.infoArea{
	width: 100%;
	min-width: 1024px;
	background: #192e77;
	padding: 5px 0;
}
.infoArea .infoBox{
	width: 1024px;
	margin: 0 auto;
	display: table;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
.infoArea .infoBox .data{
	width: 170px;
	display: table-cell;
	padding: 5px 15px 5px 70px;
	box-sizing: border-box;
	position: relative;
}

.infoArea .infoBox.no_day .data{
	width: 10px;
	display: table-cell;
	padding: 5px 0px 5px 70px;
	box-sizing: border-box;
	position: relative;
}

.infoArea .infoBox .data:before{
	content: '';
	position: absolute;
	display: block;
	background: url(/common/images/arw/arrow_white_r7x22.png) no-repeat center;
	margin-top: 4px;
	left: 45px;
	top: 8px;
	width: 15px;
	height: 20px;
	background-size: contain;
}
.infoArea .infoBox .note{
	display: table-cell;
	padding: 5px 5px 4px 0px;
}
.infoArea .infoBox .note a{
	color: #fff;
}
.infoArea .infoBox .data.caution{
	background: url(/common/images/header/ico_caution.png) no-repeat left center;
	background-size: 30px;
}


@media screen and (max-width:767px) {
	.infoArea{
		min-width: 0;
	}
	.infoArea .infoBox{
		width: 100%;
		margin: 0;
		padding: 0 6%;
		box-sizing: border-box;
		font-size: 20px;
	}
	.infoArea .infoBox .data{
		width: 13em;
		padding: 3px 12px 5px 50px;
	}
	.infoArea .infoBox .data:before{
		left: 42px;
		margin-top: 1px;
	}
	.infoArea .infoBox .data.caution{
		background-size: 26px;
		background-position: top 7px left;
	}
	.infoArea .infoBox .note{
		font-weight: normal;
		padding: 3px 5px 3px 0;
	}
}

/*-------------------------------------------
goTop
-------------------------------------------*/
.goTop {
	position: fixed;
	z-index: 10;
	right: 30px;
	bottom: 20px;
	display: none;
	width: 66px;
}

/*-------------------------------------------
general
-------------------------------------------*/

.aL{text-align:left !important;}
.aC{text-align:center !important;}
.aR{text-align:right !important;}

.vT{vertical-align:top !important;}
.vM{vertical-align:middle !important;}
.vB{vertical-align:bottom !important;}

.fL{float:left;}
.fR{float:right;}
.fN{float:none;}

.wordB{
	word-break:break-all;
	word-wrap: break-word;
}
.indent li {
    margin-left: 1em;
    text-indent: -1em;
}

.imeFull{ime-mode:active;}    /*初期値：日本語入力モード*/
.imeHalf{ime-mode:inactive;}  /*初期値：英数字入力モード*/
.imeAlp{ime-mode:disabled;}  /*英数字入力モード*/

.fBold{font-weight:bold;}
.fNml{font-weight:normal;}

.colR{color:#cc0000 !important;}
.colR2{color:#ff0000 !important;}

.borderNone{border:none !important;}

.fSmall{ font-size:80%; }

.w100p{width: 100% !important;}
.w95p {width: 95% !important;}
.w90p {width: 90% !important;}
.w85p {width: 85% !important;}
.w80p {width: 80% !important;}
.w75p {width: 75% !important;}
.w70p {width: 70% !important;}
.w65p {width: 65% !important;}
.w60p {width: 60% !important;}
.w55p {width: 55% !important;}
.w50p {width: 50% !important;}
.w49p {width: 49% !important;}
.w48p {width: 48% !important;}
.w47p {width: 47% !important;}
.w45p {width: 45% !important;}
.w40p {width: 40% !important;}
.w35p {width: 35% !important;}
.w30p {width: 30% !important;}
.w25p {width: 25% !important;}
.w20p {width: 20% !important;}
.w15p {width: 15% !important;}
.w10p {width: 10% !important;}
.w5p  {width: 5% !important;}

.w840px{width: 840px !important;}
.w800px{width: 800px !important;}
.w750px{width: 750px !important;}
.w700px{width: 700px !important;}
.w650px{width: 650px !important;}
.w600px{width: 600px !important;}
.w550px{width: 550px !important;}
.w500px{width: 500px !important;}
.w450px{width: 450px !important;}
.w400px{width: 400px !important;}
.w350px{width: 350px !important;}
.w300px{width: 300px !important;}
.w250px{width: 250px !important;}
.w200px{width: 200px !important;}
.w150px{width: 150px !important;}
.w100px{width: 100px !important;}
.w90px {width: 90px !important;}
.w80px {width: 80px !important;}
.w70px {width: 70px !important;}
.w60px {width: 60px !important;}
.w50px {width: 50px !important;}
.w40px {width: 40px !important;}
@media screen and (max-width:767px) {
	.w95p {width: 100% !important;}
	.w90p {width: 100% !important;}
	.w85p {width: 100% !important;}
	.w80p {width: 100% !important;}
	.w75p {width: 100% !important;}
	.w70p {width: 100% !important;}
	.w65p {width: 100% !important;}
	.w60p {width: 100% !important;}
	.w55p {width: 100% !important;}
	.w50p {width: 100% !important;}
	.w49p {width: 100% !important;}
	.w48p {width: 100% !important;}
	.w47p {width: 100% !important;}
	.w45p {width: 100% !important;}
	.w40p {width: 100% !important;}
	.w840px{width: 100% !important;}
	.w800px{width: 100% !important;}
	.w750px{width: 100% !important;}
	.w700px{width: 100% !important;}
	.w650px{width: 100% !important;}
	.w600px{width: 100% !important;}
	.w550px{width: 100% !important;}
	.w500px{width: 100% !important;}
	.w450px{width: 100% !important;}
	.w400px{width: 100% !important;}
}

.mT0{margin-top:0px !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}
.mT55{margin-top:55px !important;}
.mT60{margin-top:60px !important;}
.mT65{margin-top:65px !important;}
.mT70{margin-top:70px !important;}
.mT75{margin-top:75px !important;}
.mT80{margin-top:80px !important;}
.mT85{margin-top:85px !important;}
.mT90{margin-top:90px !important;}
.mT95{margin-top:95px !important;}
.mT100{margin-top:100px !important;}
.mB0{margin-bottom:0px !important;}
.mB5{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB45{margin-bottom:45px !important;}
.mB50{margin-bottom:50px !important;}
.mB55{margin-bottom:55px !important;}
.mB60{margin-bottom:60px !important;}
.mB65{margin-bottom:65px !important;}
.mB70{margin-bottom:70px !important;}
.mB75{margin-bottom:75px !important;}
.mB80{margin-bottom:80px !important;}
.mB85{margin-bottom:85px !important;}
.mB90{margin-bottom:90px !important;}
.mB95{margin-bottom:95px !important;}
.mB100{margin-bottom:100px !important;}
.mCenter{margin-left:auto !important;margin-right:auto !important;}
.pT0{padding-top:0px !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT45{padding-top:45px !important;}
.pT50{padding-top:50px !important;}
.pT55{padding-top:55px !important;}
.pT60{padding-top:60px !important;}
.pT65{padding-top:65px !important;}
.pT70{padding-top:70px !important;}
.pT75{padding-top:75px !important;}
.pT80{padding-top:80px !important;}
.pT85{padding-top:85px !important;}
.pT90{padding-top:90px !important;}
.pT95{padding-top:95px !important;}
.pT100{padding-top:100px !important;}
.pB0{padding-bottom:0px !important;}
.pB5{padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB45{padding-bottom:45px !important;}
.pB50{padding-bottom:50px !important;}
.pB55{padding-bottom:55px !important;}
.pB60{padding-bottom:60px !important;}
.pB65{padding-bottom:65px !important;}
.pB70{padding-bottom:70px !important;}
.pB75{padding-bottom:75px !important;}
.pB80{padding-bottom:80px !important;}
.pB85{padding-bottom:85px !important;}
.pB90{padding-bottom:90px !important;}
.pB95{padding-bottom:95px !important;}
.pB100{padding-bottom:100px !important;}
.pL0{padding-left:0px !important;}
.pL5{padding-left:5px !important;}
.pL10{padding-left:10px !important;}
.pL15{padding-left:15px !important;}
.pL20{padding-left:20px !important;}
.pL30{padding-left:30px !important;}
.pL40{padding-left:40px !important;}
.pL50{padding-left:50px !important;}
.pL60{padding-left:60px !important;}
.pL70{padding-left:70px !important;}
.pL80{padding-left:80px !important;}
.pL90{padding-left:90px !important;}
.pL100{padding-left:100px !important;}
.pR0{padding-right:0px !important;}
.pR5{padding-right:5px !important;}
.pR10{padding-right:10px !important;}
.pR15{padding-right:15px !important;}
.pR20{padding-right:20px !important;}
.pR30{padding-right:30px !important;}
.pR40{padding-right:40px !important;}
.pR50{padding-right:50px !important;}
.pR60{padding-right:60px !important;}
.pR70{padding-right:70px !important;}
.pR80{padding-right:80px !important;}
.pR90{padding-right:90px !important;}
.pR100{padding-right:100px !important;}

.pc_only{display: block;}
.sp_only{display: none;}

@media screen and (max-width:767px) {
	.pc_only{display: none;}
	.sp_only{display: block;}
}

.bg_gray {
	background-color: #f5f5f5 !important;
}
.bg_blue {
	background-color: #dfe7fa !important;
}

/*-------------------------------------------
header
-------------------------------------------*/
.header{
	background: #fff;
	text-align: center;
	font-size: 15px;
	color: #000;
	position: relative;
	z-index: 10;
}
.header-wrapper{
	width: 100%;
}
.header-frame{
	width: 1024px;
	margin: 0 auto;
}
.header img{
	width: 100%;
}
.header1{
	margin-bottom: 10px;
}
.header1 .logo{
	width: 188px;
	float: left;
	padding-top: 13px;
}
.header1 .logo a{
	display: block;
}
.header1 .topNav{
	float: right;
}
.subNav{
	float: left;
	padding-top: 13px;
}
.header1 .subNav .txt{
	display: inline-block;
	width: auto;
	padding: 0 20px;
	font-size: 13px;
	font-weight: bold;
}
.header1 .subNav .txt a{
	font-size: 13px;
	color: #000;

}
.s_btnBox{
	width: 221px;
	float: left;
	margin-left: 20px;
	font-size:0;
}
.s_btnBox .btn{
	float: left;
}
.s_btnBox .btn.lg{
	margin-left: 1px;
}
.language_menu_wrap{
	position:relative;
	clear:both;
}
.language_menu{
	width: 138px;
	position: absolute;
	top: 0;
  right: 0;
	z-index: 1;
	border: 1px solid #ccc;
	background: #fff;
	display: none;
}
.language_menu li{
	border-top: 1px solid #ccc;
}
.language_menu li:first-child{
	border-top: none;
}
.language_menu li a{
	display: block;
	padding: 5px;
	color: #333333;
}
.language_menu li a:hover{
	background: #dfe7fa;
	text-decoration: none;
}
/*---TOPグローバルナビ---*/
.gNav{
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.gNav .nav{
	width: 170px;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #cccccc;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 10px;
	box-sizing: border-box;
	word-break: break-word;
}



.pc_only .gNav span{
	color: #9e9b9b!important;
}


.gNav .nav:first-child{
	border-left: 1px solid #cccccc;
}
.gNav .nav:hover{
	background: #dfe7fa;
	text-decoration: none;
}

@media screen and (max-width:767px) {
	.header1{
		margin-bottom: 0;
	}
	.header-wrapper .logo{
		width: 66%;
		padding: 3.5% 15% 1% 6%;
		box-sizing: border-box;
	}
	.header1 .btnBox{
		width: 34%;
		float: left;
		display: table;
		padding-top: 0;
		margin-left: 0;
	}

	/*---多言語用---*/
	.header1 .globalLg .btnBox{
		width: 17%;
		float: right;
	}
	/*---/多言語用---*/

	.header1 .btnBox li{
		width: 50%;
		display: table-cell;
		vertical-align: top;
		border-left: 1px solid #c2c8e0;
	}
	.header1 .btnBox li.qt{
		background: url(/common/images/header/ico_adopt.png) no-repeat top #fff;
		background-size: contain;
	}

	.header1 .btnBox li.lg{
		width: auto;
		background: url(/common/images/header/ico_language2.png) no-repeat top #f2f2f2;
		background-size: contain;
	}
	.header1 .btnBox .qt a,
	.header1 .btnBox .lg span{
		padding: 65% 2px 12%;
		font-size: 0.6rem;
		color: #015ed0;
	}
	.header1 .btnBox a,
	.header1 .btnBox span{
		display: block;
		font-size: 7px;
		font-weight: bold;
		color: #015ed0;
	}
	.language_menu{
		width: 40%;
	}
	.s_btnBox{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.s_btnBox li{
		width: 50%;
		float: left;
	}

	.gNav .nav div{
		background: #ccc;
		display: table-cell!important;
		vertical-align: middle;
		padding: 5px;
		border-radius: 3px;
		font-size: 12px;
		font-weight: bold;
		color: #333!important;
		line-height: 1.2;
		height: 28px;
	}
	/*---下層用グローバルナビ---*/
	#top .gNav{
		width: 100%;
		padding: 4.5% 6% 2.5%;
		background: url(/common/images/header/bg_header.png) no-repeat center #092b9d;
		background-size: 100% 100%;
		box-sizing: border-box;
		margin: 0;
	}
	#top .gNav .nav{
		width: 32%;
		float: left;
		display: block;
		margin: 0 2% 2% 0;
		border: none;
		padding: 0;
		box-sizing: border-box;
		box-shadow: 1px 1px 2px #011e6e;
		border-radius: 3px;
	}
	#top .gNav .nav:nth-child(3n){
		margin-right: 0;
	}
	#top .gNav .nav a{
		padding: 42% 5px 4%;
		display: block;
		line-height: 1.2;
		border-radius: 3px;
		font-size: 12px;
		color: #666666;
	}
	#top .gNav .nav a .top_only{
		display: block;
	}
	#top .gNav .nav a span{
		padding: 8px 0;
		display: block;
	}
	.gNav .nav:first-child,
	#top .gNav .nav:first-child{
		border: none;
	}
	#top .gNav .search a{
		background: url(/common/images/header/gnav_search.png) no-repeat top #fff;
		background-size: contain;
	}
	#top .gNav .service a{
		background: url(/common/images/header/gnav_service.png) no-repeat top #fff;
		background-size: contain;
	}
	#top .gNav .bus a{
		background: url(/common/images/header/gnav_bus.png) no-repeat top #fff;
		background-size: contain;
	}
	#top .gNav .guide a{
		background: url(/common/images/header/gnav_guide.png) no-repeat top #fff;
		background-size: contain;
	}
	#top .gNav .time a{
		background: url(/common/images/header/gnav_time.png) no-repeat top #fff;
		background-size: contain;
	}

	#top .gNav .tours a{
		background: url(/common/images/header/gnav_tours.png) no-repeat top #fff;
		background-size: contain;
	}

	#top .gNav .nav div{
		padding: 42% 5px 4%;
	    display: block!important;
	    line-height: 1.2;
	    border-radius: 3px;
	    font-size: 12px;
	    color: #666666;
		}


	#top .gNav .no_link div{
		background: url(/common/images/header/gnav_time.png) no-repeat top #ccc;
		background-size: contain;

	}
	#top .gNav .no_link .h_nav{
		padding: 42% 5px 6%;
	    display: block!important;
	    line-height: 2.5;
	    border-radius: 3px;
	    font-size: 12px;
		}

	/*---TOPグローバルナビ---*/
	.gNav{
		width: 100%;
		background: #b9e4fc url(/common/images/header/bg_header2.png) no-repeat center;
		background-size: 100% 100%;
		margin: 0 auto;
		padding: 3% 2%;
		box-sizing: border-box;
	}
	.gNav .nav{
		width: 32%;
		float: left;
		display: table;
		padding: 0.65%;
		border: none;
		box-sizing: initial;
	}
	.gNav .nav a{
		background: #fff;
		display: table-cell;
		vertical-align: middle;
		padding: 5px;
		border-radius: 3px;
		font-size: 12px;
		font-weight: bold;
		color: #002299;
		line-height: 1.2;
		box-shadow: 1px 1px 2px #acbfce;
	}
	.gNav .no_link{
	}
	.gNav .no_link div{
		box-shadow: 1px 1px 2px #acbfce;
	}
	.gNav .nav a .top_only{
		display: none;
	}

}

/*-------------------------------------------
footer
-------------------------------------------*/
.footer{
	background:#00186d;
	color:#ffffff;
	text-align: center;
	font-size: 15px;
	padding: 0;
	min-width: 1024px;
}

.footer a{
	color:#ffffff;
}

.footer-wrapper{
	padding: 20px 0;
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width:767px) {
	.footer{
		min-width: 0;
	}
	.footer-wrapper{
		padding-top: 30px;
	}
}



/* ************ navi1 ************ */

.footer .navi1{
	padding: 25px 0;
	overflow: hidden;
}

@media screen and (max-width:767px) {
	.footer .navi1{
		margin: 0 20px;
		padding: 0;
	}
}

.footer .navi1 .navContent{
	overflow: hidden;
}
.footer .navi1 .navContent .SubContent{
	float: left;
	margin-right:99px;
	width: calc((100% - 200px) / 3);
	width: -webkit-calc((100% - 200px) / 3);
	width: -moz-calc((100% - 200px) / 3);
}

/*---多言語用---*/
.footer .globalLg .navi1 .navContent .SubContent{
	width: 45%;
}
/*---/多言語用---*/

.footer .navi1 .navContent .SubContent:last-child {
	margin-right:0;
}

@media screen and (max-width: 767px) {
	.footer .navi1 .navContent .SubContent,
	.footer .globalLg .navi1 .navContent .SubContent{
		float:none;
		width:100%;
	}
}

.footer .navi1 .column .content{
	text-align: left;
	padding-top: 0px;
}

@media screen and (max-width:767px) {
	.footer .navi1 .column .content{
		text-align: left;
		padding-top: 0;
		margin: 0;
	}

	.footer .navi1 .column:last-child{
		margin-right: 0;
	}
}

@media screen and (min-width:768px) {
	.footer .navi1 .column{
		width: 100%;
		display: block;
	}
}

.footer .navi1 .column .content .mainMenu{
	font-size: 16px;
	padding: 15px 0;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}

.footer .navi1 .column .content .mainMenu:before{
	content: " ";
	background: url(/common/images/arw/arrow_white_r6x12.png) no-repeat 0px center;
	padding: 20px 5px;
	font-weight: bold;
	display: inline-block;
	width: 15px;
	vertical-align: middle;
}




.footer .navi1 .column .content .subMenu .list{
	font-size: 14px;
	padding-bottom: 14px;
}

.footer .navi1 .column .content .subMenu .list:first-child {
	padding-top: 14px;
}

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

	/*
	.footer .navi1 .column .content .mainMenu{
		font-size: 1.4rem;
		padding: 20px 0;
		border-bottom: 1px solid #ffffff;
		font-weight: bold;
	}
	*/

	.footer .navi1 .column .content .mainMenu{
		font-size: 1.4rem;
		padding: 10px 5px;
		border-bottom: 1px solid #ffffff;
		font-weight: bold;
	}

	.footer .navi1 .column .content .mainMenu:before{
		content: " ";
		background: url(/common/images/arw/arrow_white_r6x12.png) no-repeat 6px center;
		padding: 20px 5px;
		font-weight: bold;
		display: inline-block;
		width: 15px;
		vertical-align: middle;
	}

	.footer .navi1 .column .content .mainMenu a{
		padding: 0 15px;
	}

	.footer .navi1 .column .content .subMenu .list{
		padding: 0px 0px 18px 20px;
	}
	.footer .navi1 .column .content .subMenu .list:first-child{
		padding-top: 20px;
	}

	.footer .navi1 .column .content .contact{
		border-bottom: none;
	}

	.footer .pt_acd_sp{
		margin-bottom: 20px;
	}
	.footer .pt_acd_sp .pt_acd_ttl{
		background: url('/common/images/icon/icon_plus.png') no-repeat 98% center #00186d;
		padding: 10px;
		color: #ffffff;
		background-size: 15px;
		cursor: pointer;
	}
	.footer .pt_acd_sp .pt_acd_ttl.open{
		background-image: url('/common/images/icon/icon_minus.png');
	}


}



/* ************ navi2 ************ */

.footer .navi2{
	padding: 15px 0 30px 0;
	overflow: hidden;
	_zoom: 1;
}
@media screen and (max-width:767px) {
	.footer .navi2{
		padding: 0px 0 30px 0;
		margin: 0 20px;
	}
}

.footer .navi2 .gNavi{
	overflow: hidden;
}
.footer .navi2 .gNavi .subNav{
	float:left;
	margin-top: 13px;
	margin-right:50px;
	padding-top: 0;
	width: calc((100% - 100px) / 3);
	width: -webkit-calc((100% - 100px) / 3);
	width: -moz-calc((100% - 100px) / 3);
}
/*---多言語用---*/
.footer .globalLg .navi2 .gNavi .subNav{
	width: 45%;
}
/*---/多言語用---*/

.footer .navi2 .gNavi .subNav:last-child {
	margin-right:0;
}

@media screen and (max-width: 767px) {
	.footer .navi2 .gNavi .subNav{
		margin-right: 5px;
		width: calc((100% - 10px) / 3);
		width: -webkit-calc((100% - 10px) / 3);
		width: -moz-calc((100% - 10px) / 3);
		background: #3850a3;
    border-radius: 3px;
	}
	.footer .globalLg .navi2 .gNavi .subNav{
		width: 100%;
	}
}

.footer .navi2 .btn{
	float: left;
	background: #3850a3;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
	padding: 18px 20px;
	width: 100%;
	line-height: 1.2;
	box-sizing: border-box;
}
.footer .navi2 .subNav.no_link .btn{
	background: #626262;
}

.footer .navi2 .btn:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.footer .navi2 .no_link{
	color: #9e9b9b;
}
.footer .navi2 .no_link .btn:hover{
  display: block;
  opacity:1;
  filter: none;
  -moz-opacity: 1;
  -webkit-transition: 1;
  -moz-transition: 1;
  -o-transition: 1;
  transition: 1;
}

@media screen and (max-width:767px) {
	.footer .navi2 .btn{
		padding: 15px 10px;
		font-size: 1.1rem;
		background: none;
		border-radius: 0;
	}
}

@media screen and (min-width:768px) {
	.footer .navi2 .btn img{
		margin-right: 0px;
	}
}

.footer .navi2 .btn .icon,.footer .navi2 .btn .text{
	display: inline-block;
	vertical-align:middle;
	margin:0 auto;
}
.footer .navi2 .btn .text{
	padding-left: 20px;
}
@media screen and (max-width:767px) {
	.footer .navi2 .btn .icon{
		padding-bottom: 10px;
	}
	.footer .navi2 .btn .text{
		display:table-cell;
		line-height: initial;
		padding: 0;
	}
	.footer .navi2 .btn .text.timetable{
		padding: 11px 0;
	}
}

/* for IE6 */
* html .footer .navi2 .btn .icon{
	display:inline;
	zoom:1;
}

/* for IE7 */
*:first-child+html .footer .navi2 .btn .icon{
	display:inline;
	zoom:1;
}

/* ************ navi3 ************ */

.footer .navi3{
    display: table;
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
    padding: 30px 0;
    overflow: hidden;
}
.footer .navi3 .menu{
	display: table-cell;
	position: relative;
	padding: 0 1em;
	box-sizing: border-box;
	word-break: break-word;
}
@media screen and (max-width:767px) {
	.footer .navi3{
		display: table;
		width: 100%;
		font-size: 1.1rem;
		line-height: initial;
		border-top: 1px solid #ffffff;
		margin: 20px 0;
		padding: 0;
	}
	.footer .navi3 .menu{
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		width: 50%;
		display: table;
		float: left;
		padding: 0;
		box-sizing: border-box;
	}
	.footer .navi3 .menu:nth-child(2n){
		border-right: none;
	}
	.footer .navi3 .menu a{
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		padding: 15px 1em;
		box-sizing: border-box;
	}
}

@media screen and (min-width:768px) {
	.footer .navi3 .menu:not(:nth-child(1)):before{
		position: absolute;
		display: inline-block;
		top: 0;
		left: 0;
		content: "|";
		border: none;
	}

	.footer .navi3 .menu .pp{
		padding-left: 40px;
	}
}


.footer .sns{
	margin: 10px auto;
}

.footer .sns img{
	width: 100%;
	max-width: 45px;
	margin: 0 10px;
}

.footer .sns p{
	display: inline-block;
}

.footer .copyright{
	background: #002299;
	color:#ffffff;
	font-size: 12px;
	padding: 10px 0;
}
@media screen and (max-width:767px) {
	.footer .copyright{
		font-size: 1.0rem;
	}
}

.pageTop{
	width: 60px;
	height: 60px;
	position: fixed;
	background: #002299;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	z-index: 2;
	right: 1%;
	bottom: 5%;
	opacity: 1;
	transition: all 0.5s;
	border-radius: 3px;
	cursor: pointer;
}
.pageTop:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pageTop.hidden{
	opacity: 0;
	bottom: 0%;
}
.pageTop .icon{
	margin: 5px 0 5px 0;
	max-width: 12px;
	width: 100%;
}
.pageTop .text{
	line-height: 15px;
}
@media screen and (max-width:767px) {
	.pageTop{
		width: 50px;
		height: 50px;
		right: 3%;
		margin-top: 0px;
		bottom: 50px;
	}
	.pageTop .icon{
		margin: 0 0 4px 0;
		max-width: 10px;
		width: 100%;
	}
	.pageTop .text{
		line-height: 11px;
		font-size: 7px;
	}

}

.footer .navi1 .navContent .SubContent .content{
	padding-bottom: 0px;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
  #topIndex {
    overflow-x: hidden;
  }
  .pt_slideTop:before,
  .pt_slideTop:after {
    background: none !important;
  }
  .area6 .section-inner {
    box-sizing: border-box;
  }
}