@charset "UTF-8";


/* body
----------------------------------------------- */
body {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

/* container
----------------------------------------------- */
#container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
* html #container {
  width:expression(document.documentElement.clientWidth < 802? "800px" : document.documentElement.clientWidth > 1202? "1200px" : "auto");
}

/* header
----------------------------------------------- */
#header {
  clear: both;
}
#headerContainer {
  padding: 0 10px;
}

/* main
----------------------------------------------- */
#main {
  clear: both;
  margin-top: 10px;
  /*padding: 0 10px;*/
  padding: 0;
}
#main:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* wrapper
----------------------------------------------- */
#wrapper {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 -190px 30px 0;
}

/* footer
----------------------------------------------- */
#footer {
  clear: both;
  width: 100%;
}
#footerContainer {
  padding: 30px 10px 0;
}


/* =========================================================
   TOP
========================================================= */
/* ====================== MC */
/* INDEX.SougouTop
----------------------------------------------- */
.body .mc-top-all{}
.mc-top-all{
	/*border:1px solid #cc0000;*/
	width: 100%;
	max-width:1200px;
	margin:0;
	padding:0;
}
.mc-top-all h1 {
	width: 290px;
	height: 80px;
	margin: 20px auto 30px;
	background: url(images/logo_sougoutop.png) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
	z-index: 100;
}
.mc-top-all ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.mc-top-all ul li {
	position: relative;
	list-style:none;
 	padding-bottom: 50%;
}
.mc-top-all ul li a {
	text-indent: -9999em;
	overflow: hidden;
}
/* ---------- announce,emergency */
#announce, #emergency {
	margin: 24px 20px;
}
#announce h2, #emergency h2 {
    margin-bottom: 6px;
    padding: 3px 6px 0;
	font-size: 120%;
    border-left: 5px solid #FF991E;
	/*filter-gradient: (#e03300, #c42c00, vertical);*/
	background-image: -owg-linear-gradient(top, #e03300, #c42c00);
    background-image: -webkit-linear-gradient(top, #e03300, #c42c00);
    background-image: -moz-linear-gradient(top, #e03300, #c42c00);
    background-image: -o-linear-gradient(top, #e03300, #c42c00);
    background-image: linear-gradient(top, #e03300, #c42c00);
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFMDMzMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDNDJDMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MDcpIiAvPgo8L3N2Zz4=);
    color: #fff;
}
#emergency h2 {
    margin-bottom: 0;
}
#announce h3, #emergency h3 {
	margin: 0;
}
#announce p, #emergency p {
	font-size: 100%;
	margin: 0;
}
#emergency article {
    padding: 12px 12px 0;
    border-left: 2px solid #c42c00;
    border-right: 2px solid #c42c00;
    background: #ffffa4;
}
#emergency article:last-child {
    padding-bottom: 12px;
    border-bottom: 2px solid #c42c00;
}
.article-pages a {
    display: inline-block;
    padding-left: 15px;
    background: url(../img/r-arrow.png) no-repeat 2px 7px;
}
/* ---------- LEFT */
.mc-top-all ul li.mc-top-left {
	width: calc(50% - 40px);
	height: 0;
	margin: 0 20px;
	background: url(images/sg_gyosei_bg.jpg) no-repeat right top;
	background-size: cover;
}
.mc-top-all ul li.mc-top-left a {
	display: block;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background: url(images/sg_btn01.png) no-repeat 0 0;
	background-size: cover;
}
.mc-top-all ul li.mc-top-left a:hover {
	background: url(images/sg_btn01b.png) no-repeat 0 0;
	background-size: cover;
}
/* ---------- RIGHT */
.mc-top-all ul li.mc-top-right {
	position: relative;
	width: calc(50% - 40px);
	height: 0;
	margin: 0 20px;
	background: url(images/sg_kanko_bg.jpg) no-repeat left top;
	background-size: cover;
}
.mc-top-all ul li.mc-top-right a:first-of-type {
	display: block;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background: url(images/sg_btn02.png) no-repeat 0 0;
	background-size: cover;
}
.mc-top-all ul li.mc-top-right a:first-of-type:hover {
	background: url(images/sg_btn02b.png) no-repeat 0 0;
	background-size: cover;
}
.mc-top-all ul li.mc-top-right a.aonokuni,
.mc-top-all ul li.mc-top-right a:hover.aonokuni {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	width: 120px;
	height: 122px;
	margin: 0 auto;
	background: url(images/sg_aonokuni.png) no-repeat 0 0;
	background-size: cover;
}

.mc-top-all .d-left {
	float: left;
	margin: 40px 0 0;
	width: 580px;
	text-align: center;
}
.mc-top-all .d-right {
	float: right;
	margin: 40px 0 0;
	width: 580px;
}
.mc-top-all .d-right img {
	margin: 0 0 20px;
}

.mc-top-bnn a {
	margin: 0 0 2px;
	padding: 0;
}


/* footer
----------------------------------------------- */
/* address
---------------------- */
#address {
  padding:20px 0;
  border-top: 4px solid #33CCFF;
  border-bottom: 2px solid #33CCFF;
}

/* footer-navi
---------------------- */
#footerNavi {
  width: 100%;
  background-color: #001c66;
}
#footerNavi .pieceBody {
  padding: 10px 0;
  color: #ffffff;
  text-align: center;
}
#footerNavi img {
  margin-left: 5px;
  vertical-align: middle;
}
#footerNavi a {
  color: #ffffff;
}
#footerNavi a:visited {
  color: #ffffff;
}
#footerNavi a:hover {
  color: #ffffff;
}

/* copyright
---------------------- */
#copyright {
	padding: 10px 0;
	font-size: 85%;
}

@media only screen and ( max-width: 640px ) {
	.mc-top-all ul {
		display: block;
	}
	.mc-top-all ul li {
		padding-bottom: 100%;
	}
	/* ---------- LEFT */
	.mc-top-all ul li.mc-top-left {
		width: 100%;
		margin: 0;
	}
	.mc-top-all ul li.mc-top-left a {
		top: 60px;
		width: 150px;
		height: 150px;
	}
	.mc-top-all ul li.mc-top-left a:hover {
		background: url(images/sg_btn01.png) no-repeat 0 0;
		background-size: cover;
	}
	/* ---------- RIGHT */
	.mc-top-all ul li.mc-top-right {
		width: 100%;
		margin: 0;
	}
	.mc-top-all ul li.mc-top-right a:first-of-type {
		top: 60px;
		width: 150px;
		height: 150px;
	}
	.mc-top-all ul li.mc-top-right a:first-of-type:hover {
		background: url(images/sg_btn02.png) no-repeat 0 0;
		background-size: cover;
	}
	.mc-top-all ul li.mc-top-right a.aonokuni,
	.mc-top-all ul li.mc-top-right a:hover.aonokuni {
		top: unset;
		bottom: 10px;
		width: 100px;
		height: 102px;
	}
	/* ---------- announce,emergency */
	#announce, #emergency {
		margin: 24px 10px;
	}
	#announce p, #emergency p {
    	padding: 0 10px;
	}
}

/* ====================== END_MC */