@charset "utf-8";
/* CSS Document */
/*---------------------------------
_基本ベース
-----------------------------------*/ 
body{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	font-size: 14px;
	/*font-size: 87.5%; 2014/01/29 IE8対応*/
	color: #181312;
	margin: 0px;
	padding: 0px;
	background-attachment:fixed;             /* 背景画像を固定する */
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #fff;
	line-height: 2;
	min-width: 320px;
}
a:link {
	text-decoration: none;
	color: #181312;
}
a:visited {
	text-decoration: none;
	color: #181312;
}
a:hover {
	text-decoration: underline;
	color: #181312;
}
a:active {
	text-decoration: underline;
	color: #181312;
}
a.red_link:link {
	text-decoration: underline;
	color: #ff0000;
}
a.red_link:visited {
	text-decoration: underline;
	color: #ff0000;
}
a.red_link:hover {
	text-decoration: underline;
	color: #ff0000;
}
a.red_link:active {
	text-decoration: underline;
	color: #ff0000;
}


/*---------------------------------
_汎用スタイル
-----------------------------------*/
h1, h2, h3, h4 ,h5 {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
	line-height: 100%;
	max-width: 100%;
}
p {
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
ul,ol  {
	margin: 0px;
	padding: 0px;	
	list-style-type: none;
}
li {
	padding: 0px;
	margin: 0px;
}
dl,dt,dd {
	margin: 0px;
	padding: 0px;
}
a {
	margin: 0px;
	padding: 0px;
}

a img:hover {
	filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity:0.70;
	filter:none/9;
}

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

/*---------------------------------
_テーブル共通
-----------------------------------*/
table {
	width: 96%;
	margin: 1.5em auto;
	text-align: left;
	line-height: 1.5;
	font-size: 0.8em;
}
table tr th {
	font-weight: bold;
	padding: 1em 0;
}
table tr td {
	background-image: url(../img/base/line/line_x.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 1em 0;
}
table tr:nth-child(2n) {
    background: #F7F7F7;
}

/*---------------------------------
_type_01
-----------------------------------*/
table.type_01 {
	width: 96%;
	margin: 1.5em auto;
	text-align: left;
	line-height: 1.5;
}
table.type_01 tr th {
	border-bottom: solid 1px #333333;
	text-align: left;
	font-weight: bold;
	padding-left: 0.5em;
}
table.type_01 tr th span {
	display: block;
	font-size: 0.7em;
	color: #999999;
}
table.type_01 tr td {
	padding-left: 0.5em;
}
table.type_01.type_01_border tr td {
	border-right: solid 1px #cccccc;
}
table.type_01.type_01_border tr td.border {
	border-left: solid 1px #cccccc;
}


/*---------------------------------
_type_02
-----------------------------------*/
table.type_02 {
	font-size: 0.8em;
	border-top: solid 1px #333333;
	margin-bottom: 4em;
}
table.type_02 tr th {
	border: none;
	padding: 1em 0;
	background-image: url(../img/base/line/line_x.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-right: 1em;
	text-align: left;
	padding-left: 0.5em;
}
table.type_02 tr td {
	padding-left: 0.5em;
}

/*---------------------------------
_clearfix
-----------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*---------------------------------
_header
-----------------------------------*/
header {
	 width: 100%;
	 min-width: 320px;
	 background-color: #f3f3f3;
	 text-align: center;
	 margin-bottom: 2em;
	 position: fixed;
	 top: 0;
	 z-index: 400;

}

/*---------------------------------
_スマホ用バナー
-----------------------------------*/
.s_yamagata_tabi_bn {
	text-align: center;
}
.s_yamagata_tabi_bn img {
	width: 96%;
}

/*---------------------------------
_contents
-----------------------------------*/
#contents {
	margin-top:3em;
	position: relative;
}
img.bg {
	height: 0px;
	overflow: hidden;
}

/*---------------------------------
_ugent_info(header)
-----------------------------------*/
header .ugent_info_title {
	line-height: 1.5em;
}
header .ugent_info {
	position: relative;
	padding: 0 1em 0 1em;
	line-height: 1.5;
}
header .ugent_info .header_bxslider .slide {
	background-color: #FFF;
	padding: 5px 0px;
	text-align: center;
	/*min-height: 3em;*/
	height: 3em;
}
header .ugent_info .control {
	font-size: 2.5em;
}
header .ugent_info .control .slider-prev {
	position: absolute;
	top: 20%;
	left: 0;
}
header .ugent_info .control .slider-next {
	position: absolute;
	top: 20%;
	right: 0;
}

/*---------------------------------
_ugent_info(footer)
-----------------------------------*/
footer .ugent_info {
	position: relative;
	padding: 0em 1em 1em 1em;
	line-height: 1.5;
}
footer .ugent_info .footer_bxslider .slide {
	background-color: #FFF;
	padding: 0.5em 0px;
	text-align: center;
	min-height: 3em;
}
footer .ugent_info .control {
	font-size: 2.5em;
}
footer .ugent_info .control .footer_slider-prev {
	position: absolute;
	top: 20%;
	left: 0;
}
footer .ugent_info .control .footer_slider-next {
	position: absolute;
	top: 20%;
	right: 0;
}

.address {
	margin: 10px 0px 0px 0px;
	font-size: 0.9em;
	text-align: center;
}

/*---------------------------------
_head_link
-----------------------------------*/
header #head_link {
	width: 100%;
}
header #head_link p {
	padding: 0px;
	margin: 0px;
	width: 50%;
	display: inline-block;
	float: left;
}


/*---------------------------------
_language
-----------------------------------*/
#language {
	height: 2em;
	padding: 0px;
	text-align: center;
}
#language ul {
	display: inline-block;
	margin: 0 auto;
}

#language ul li {
	float: left;
	background-image: url(../img/base/arrow/right_arrow_type01.png);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 0.5em;
	margin-right: 1.5em;
}

/*---------------------------------
_yamagata_tabi_bn
-----------------------------------*/
.yamagata_tabi_bn {
	display: none;
}


/*---------------------------------
_nav
-----------------------------------*/
nav {
	margin: 2em auto 2em auto;
	text-align: center;
}
nav #logo {
	margin-bottom: 2em;
}
nav #g_navi {
	margin: 0 auto;
	margin-bottom: 2em;
}
nav #g_navi li {
	width: 50%;;
	float: left;
	text-align: left;
}
nav .sub_navi {
	display: none;
}
nav #bnr_oishishonai,nav #bnr_freewifi {
	width: 60%;
	margin: 0 auto 1em auto;
	/* add 2018.08.29 */
	display: none;
}
nav #bnr_airponet　{
	width: 60%;
	margin: 0 auto;

}
nav .sub_navi ,nav .sub_navi_02 {
	text-align: left;
}
nav #g_navi li  .sub_navi li {
	background-image: url(../img/base/g_navi/sub_navi.gif);
	background-repeat: no-repeat;
	background-position: 1.5em 11px;
	padding-left: 2.5em;
	width: 100%;
}
nav #g_navi li  .sub_navi_02 li {
	background-image: url(../img/base/g_navi/sub_navi_02.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 50%;
	padding-left: 1.5em;
	width: 100%;
	font-size: 0.9em;
}
nav .accordion_head {
	cursor:pointer;
}

.sub_navi_s {
	padding: 1em 0;

}
.sub_navi_s .page {
	background-image: url(../img/base/arrow/right_arrow_type01.png);
	background-position: 0.5em 50%;
	background-repeat: no-repeat;
	padding: 0 1em;
	background-color: #f3f3f3;
}
.sub_navi_s .s_page {
	background-image: url(../img/base/g_navi/sub_navi_02.gif);
	background-position: 0.5em 50%;
	background-repeat: no-repeat;
	padding-left: 1.5em;
	
}
.sub_navi_s a {
	display: inline-block;
}


h2 {
	background-color: #f3f3f3;
	padding: 1em 1em;
	font-size: 1.4em;
	line-height: 1.5em
}
h2 span {
	display: block;
	color: #cc0000;
	font-size: 0.8em;
}

/*---------------------------------
_h3
-----------------------------------*/
h3 {
	background-color: #3A443C;
	color: #FFF;
	padding: 0.2em 1em 0.2em 1em;
	font-size: 1.2em;
}

/*---------------------------------
_h4
-----------------------------------*/
h4 {
	background-image: url(../img/base/arrow/right_arrow_type_02.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 1em;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 auto;
	line-height: 1.5em;
}

/*---------------------------------
_footer
-----------------------------------*/
footer {
	background-color: #EAEAEA;
	z-index: 100;
	position: relative;
}
footer #footer_navi {
	width: 100%;
	margin: 0;
	padding: 0.5em 0;
	margin-bottom: 1em;
	background-image: url(../img/base/line/line_x.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
footer #footer_navi p {
	margin-left: 20px;
	font-size: 1.1em;
	font-weight: bold;
}
footer #footer_navi ul {
	margin-left: 20px;
	width: 130px;
	float: left;
}
footer #sns {
	width: 90%;
	padding: 1em 0;
	margin: 0 auto;
}
footer #title_footer_info {
	display: none;
}

address {	
	text-align: center;
	background-color: #3A443C;
	color: #999999;
	line-height:50px;
	font-style: normal;
	font-size: xx-small;
}

footer #foot_link {
	display: none;
}

footer #link ul {
	text-align: center;
	margin: 0 auto;
}
footer #link ul li {
	display: inline-block;
	width: 30%;
	margin: 0 ;
	margin-bottom: 10px;
}
footer #link img {
	width: 100%;
}
/*---------------------------------
_page-top
-----------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 2000;
}
#page-top a {
}
#page-top a:hover {
}

/*---------------------------------
_ico_text
-----------------------------------*/
.ico_text {
	letter-spacing: 0.2em;
}
.ico_text img {
	vertical-align: middle;
	margin-right: 5px
}

/*---------------------------------
_bg_slash
-----------------------------------*/
.bg_slash {
	background-image: url(../img/base/texture/slash.gif);
}

/*---------------------------------
_more
-----------------------------------*/ 
.more {
	background-image: url(../img/base/arrow/right_arrow_type01.png);
	background-position: 1em 50%;
	background-repeat: no-repeat;
	background-color: #F2F2F2;
	display: inline-block;
	padding: 0 1em 0 2em;
}

/*---------------------------------
_font_size
-----------------------------------*/ 
.fs_l {
	font-size: 1.2em!important;
}
.fs_s {
	font-size: 0.8em!important;
}

/*---------------------------------
_qr_translate
-----------------------------------*/ 
#qr_translate {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 3em;
}
#qr_translate dl.qr_translate_item {
	margin-bottom: 1em;	
}
#qr_translate dl.qr_translate_item  dt {
	background-image: url(../img/base/arrow/right_arrow_type01.png);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 0.5em;
	font-weight: bold;
	height: 1.5em;
	margin-bottom: 5px;
}


/*---------------------------------
_600～1023
-----------------------------------*/
@media screen and (min-width : 600px) {

	#contents {
		margin-top:6em;
	}
	nav #g_navi li {
		width: 25%;
	}
	nav #bnr_oishishonai,nav #bnr_freewifi  {
		width: 40%;
	}
	nav #bnr_airponet {
		width: 40%;
		margin: 0 auto;
	}
	
	table.type_01,table.type_02 {
		font-size: 1em;
	}
	
	/*---------------------------------
	_スマホ用バナー
	-----------------------------------*/
	.s_yamagata_tabi_bn img {
		display: none;
	}
	
	/*---------------------------------
	_qr_translate
	-----------------------------------*/ 
	#qr_translate {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 3em;
	}
	#qr_translate dl.qr_translate_item {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	#qr_translate .last {
		margin-right: 0%!important;
	}
	
}

/*---------------------------------
_ 980
-----------------------------------*/
@media screen and (min-width : 980px),print {
/*---------------------------------
_スマホ用バナー
-----------------------------------*/
.s_yamagata_tabi_bn img {
	display: none;
}

#language {
	width: 240px;
	float: right;
}
/*---------------------------------
_yamagata_tabi_bn
-----------------------------------*/
.yamagata_tabi_bn {
	display: block;
	float: right;
	}
.sub_navi_s  {
	display: none;
}
nav .sub_navi {
	display: block;
	margin-bottom: 1em;
}
img#bg {
	/* Set rules to fill background */
	min-width: 1600px;
	min-height: 200px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	/* またはabsolute; */
	top:80px;
	left: 50%;
	margin-left: -800px;
}

#contents {
	margin-top: 280px;
	background-color: #fff;
	padding-top: 60px;
	position:relative;
}
h2 span {
	display: none
}
h2 {
	background-color: transparent;
	padding: 0px;
	width: 730px;
	margin-bottom: 40px;
	height: 0px;
	padding-top: 80px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

h3.round {
	background-color: transparent;
	padding: 0;
	width: 110px;
	height: 0px;
	padding-top: 110px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	float: left;
}
h3.round_80 {
	background-color: transparent;
	padding: 0;
	width: 80px;
	height: 0px;
	padding-top: 80px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	float: left;
}


/*---------------------------------
_レイアウト
-----------------------------------*/
.wrapper {
	max-width: 980px;
	margin: 0 auto;
}


/*---------------------------------
_header
-----------------------------------*/
header { 
	height: 85px;
	/*height: 80px;*/
	margin-bottom: 80px;
	padding-bottom: 1em;
}
header .left {
	width: 56%;
	float: left;
}
header .right {
	width: 30%;
	float: right;
}

/*---------------------------------
_slider
-----------------------------------*/
.ugent_info_title {
	width: 16%;
	float: left;
	text-align: left;
	padding: 22px 0px;
}
.ugent_info {
	width: 34%;
	float: left;
	margin-top: 22px;
}

/*---------------------------------
_head_link
-----------------------------------*/
header #head_link {
	width: 56%;
	text-align: left;
}
header #head_link p {
	float: none;
}
header #head_link p {
	padding: 4% 0 0 0;
	width: 46%;
	display: inline-block;
}
header #head_link .bt_status {
	margin-right: 1%;
}

#s_map {
	display: none;
}

/*---------------------------------
_nav
-----------------------------------*/
nav {
	margin: 0;
	margin-bottom: 70px;
	width: 200px;
	float: left;
	padding-bottom: 30px;
}
nav #logo {
	margin-bottom: 2em;
}
nav #g_navi {
	margin: 0;
	margin-bottom: 2.5em;
}
nav #bnr_oishishonai, nav #bnr_airponet,nav #bnr_freewifi {
	display: block;
	width: 85%;
	margin-left: 30px;
}
nav #g_navi li {
	width:200px;
	float: none;
	text-align: left;
}
nav .sub_navi ,nav .sub_navi_02 {
	text-align: left;
}
nav #g_navi li  .sub_navi li {
	background-image: url(../img/base/g_navi/sub_navi.gif);
	background-repeat: no-repeat;
	background-position: 3em 11px;
	padding-left: 4em;
	width: 100%;
}
nav #g_navi li  .sub_navi_02 li {
	background-image: url(../img/base/g_navi/sub_navi_02.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 50%;
	padding-left: 1.5em;
	width: 100%;
	font-size:1em;
}
nav .accordion_head {
	cursor:pointer;
}

/*---------------------------------
_main
-----------------------------------*/
#main {
	width: 730px;
	float: right;
}

/*---------------------------------
_footer
-----------------------------------*/
footer #footer_left {
	width: 540px;
	float: left;
}
footer #footer_navi {
	margin: 0;
	padding: 0;
	padding-top: 30px;
	padding-bottom: 10px;
	background-image: url(../img/base/line/line_x.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
footer #footer_navi p {
	margin-left: 0px;
}
footer #footer_navi ul {
	margin-left: 0px;
	width: 120px;
	float: left;
}
footer #footer_navi ul.wide{
	margin-left: 0px;
	width: 170px;
	float: left;
}
footer #sns {
	padding:0;
	padding-bottom: 10px;
	margin: 0;
}
footer #sns ul li {
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}
footer #foot_link {
	display: block;
}

/*---------------------------------
_ugent_info(footer)
-----------------------------------*/
footer .ugent_info {
	width: 400px;
	position: relative;
	padding: 0 15px;
	line-height: 1.5;
	float: right;
}
footer .ugent_info_title {
	text-align: center;
}
footer .ugent_info .footer_bxslider {
	width: 370px;
}
footer .ugent_info .footer_bxslider .slide {
	background-color: #FFF;
	padding: 20px 0px;
	text-align: center;
}
footer .ugent_info .control {
	font-size: 2.5em;
}
footer .ugent_info .control .footer_slider-prev {
	position: absolute;
	top: 70px;
	left: 0;
}
footer .ugent_info .control .footer_slider-next {
	position: absolute;
	top: 70px;
	right: 0;
}
footer #title_footer_info {
	display: block;
}

footer #foot_link {
	width: 400px;
	padding-top: 40px;
	float: right;
}
footer #foot_link p.bt_status {
	width: 64%;
	margin-bottom: 10px;
}
footer #link {
	display: none;
}
address {
	text-align: center;
	background-color: #3A443C;
	color: #999999;
	line-height:50px;
	font-style: normal;
	font-size: xx-small;
}

	table.type_01,table.type_02 {
		width: 100%;
	}


	.address {
		margin: 10px 0px 0px 0px;
		text-align: left;
	}

	/*---------------------------------
	_qr_translate
	-----------------------------------*/ 
	#qr_translate {
		width: 100%;
	}
	
}




@media print {
	header {
		margin-bottom: 0px;
	}
	#contents {
		margin-top: 0px!important;
	}
	img#bg {
		/* Set rules to fill background */
		min-width: 980px!important;
		min-height: 0px!important;
		/* Set up proportionate scaling */
		width: 100%!important;
		height: auto!important;
		/* Set up positioning */
		position: relative!important;
		top:0px!important;
		left: 0px!important;
		margin: 0px auto!important;
	}
	header {
		 position: relative;
	}
	#side_navi {
		float: left!important;
		position: relative!important;
		left: 0px!important;
		width: 200px;
		top: 0px!important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width : 980px), 
only screen and (min-device-pixel-ratio: 2) and (min-width : 980px) {
	
	img#bg {
		/* Set rules to fill background */
		min-width: 1024px;
		min-height: 128px;
		/* Set up proportionate scaling */
		width: 1024px;
		height: 128px;
		/* Set up positioning */
		position: relative;
		/* またはabsolute; */
		margin-left: -512px;
	}
	#contents {
		margin-top: 80px;
	}
	
}


/*=================================

	Utility parts

=================================*/
.firstChild {margin-top: 0 !important;}
/* Margin-top */
.mt00 {margin-top: 0 !important;}
.mt05 {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;}
/* Margin-bottom */
.mb00 {margin-bottom: 0 !important;}
.mb05 {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;}
/* Margin-left */
.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
/* Margin-right */
.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
/* text-align */
.aC {text-align: center !important;}
.aL {text-align: left !important;}
.aR {text-align: right !important;}
/* vertical-align */
.vT {vertical-align: text-top !important;}
.vB {vertical-align: text-bottom !important;}
.vM {vertical-align: middle !important;}
.fc_red {color: #ff0000;}