/* スマホ表示 
------------------------------------------- */

@media (max-width: 640px) {
	.sp-hide {
		display: none !important;
	}
	body {
		min-width: 320px;
	}
	/* ヘッダー 
	------------------------------------------- */
	header {
		position: relative;
	}
	h1 {
		background: #36d4d5;
		line-height: 20px;
		font-size: 8px;
		color: #fff;
	}
	header #logo {
		padding: 10px;
		width: 170px;
		float: left;
	}
	header #logo img {
		width: 170px;
	}
	header .lang {
		display: none;
	}
	.spnavi-open {
		float: right;
		width: 33px;
		margin: 10px 10px 0 0;
		cursor: pointer;
	}


	/* グロナビ 
	------------------------------------------- */
	#gnav {
		display: none;
	}
	#globalnavi-sp .wrap {
		display: none;
		width: 100%;
		position: absolute;
		top: 83px;
		left: 0;
		z-index: 10;
	}
	#globalnavi-sp li {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2fa3b1), color-stop(0.18, #36d4d5));
		background: -webkit-linear-gradient(top, #36d4d5 18%, #2fa3b1 100%);
		background: -moz-linear-gradient(top, #36d4d5 18%, #2fa3b1 100%);
		background: -o-linear-gradient(top, #36d4d5 18%, #2fa3b1 100%);
		background: -ms-linear-gradient(top, #36d4d5 18%, #2fa3b1 100%);
		background: linear-gradient(to bottom, #36d4d5 18%, #2fa3b1 100%);
	}
	#globalnavi-sp li a {
		display: block;
		background: url(../images/icon-arrow.png) no-repeat 98% 50%;
		background-size: 4px;
		color: #fff;
		padding: 4%;
	}
	#globalnavi-sp li a:hover {
		text-decoration: none;
	}
	#globalnavi-sp li:last-child a {
		width: 41.5%;
		float: left;
		background: url(../images/icon-arrow.png) no-repeat 96% 50%;
		background-size: 4px;
	}
	#globalnavi-sp li:last-child a:first-child {
		border-right: 1px solid #fff;
	}
	#globalnavi-sp .lng {
		background: #0b3d6b;
		color: #fff;
		padding: 2% 4%;
	}
	#globalnavi-sp .lng + ul li {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0b3d6b), color-stop(0.00, #5d90bf));
		background: -webkit-linear-gradient(#5d90bf, #0b3d6b);
		background: -moz-linear-gradient(#5d90bf, #0b3d6b);
		background: -o-linear-gradient(#5d90bf, #0b3d6b);
		background: -ms-linear-gradient(#5d90bf, #0b3d6b);
		background: linear-gradient(#5d90bf, #0b3d6b);
	}


	/* コンテンツ 
	------------------------------------------- */
	#wrap {
		border-top: 10px solid #36d4d5;
	}
	#subcolumn {
		display: none;
	}
	#main {
		padding: 10px;
	}
	#main h3,
	.child #main h4 {
		font-weight: bold;
		font-size: 18px;
		color: #00024e;
		padding-left: 15px;
		border-bottom: 4px solid #00024e;
	}
	#main h2,
	.child #main h3 {
		margin-bottom: 15px;
		border: 1px solid #ccc;
		padding: 3px;	
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a9a9a9), color-stop(0.46, #fff));
		background: -webkit-linear-gradient(top, #fff 46%, #a9a9a9 100%);
		background: -moz-linear-gradient(top, #fff 46%, #a9a9a9 100%);
		background: -o-linear-gradient(top, #fff 46%, #a9a9a9 100%);
		background: -ms-linear-gradient(top, #fff 46%, #a9a9a9 100%);
		background: linear-gradient(to bottom, #fff 46%, #a9a9a9 100%);
	}
	#main h2 div,
	.child #main h3 div {
		border-left: 4px solid #36d4d5;
		padding-left: 10px;
	}
	#main h3 span {
		display: none;
	}


	/* 検索エリア 
	------------------------------------------- */
	#wrap > .inner > .search {
		display: none;
	}


	/* フッター 
	------------------------------------------- */
	footer {
		border-top: 20px solid #36d4d5;
		margin-top: 30px;
	}
	footer > .inner {
		font-size: 12px;
		padding: 10px;
	}
	footer h3,
	footer h2 {
		font-weight: bold;
		font-size: 12px;
	}
	footer .access,
	footer .telephone {
		margin-top: 15px;
	}
	footer .telephone table {
		width: 100%;
	}
	footer .telephone th {
		text-align: left;
		font-weight: normal;
	}
	footer .telephone td {
		text-align: right;
	}
	footer nav ul li.none {
		background: #ffffff;
		float: left;
		width: 50%;
		display: block;
		background-size: 4px;
		padding: 4% 0;
	}
	footer nav ul li {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2fa3b1), color-stop(0.18, #36d4d5));
		background: -webkit-linear-gradient(top, #36d4d5 18%, #2fa3b1 100%);
		background: -moz-linear-gradient(top, #36d4d5 18%, #2fa3b1 100%);
		background: -o-linear-gradient(top, #36d4d5 18%, #2fa3b1 100%);
		background: -ms-linear-gradient(top, #36d4d5 18%, #2fa3b1 100%);
		background: linear-gradient(to bottom, #36d4d5 18%, #2fa3b1 100%);
		float: left;
		width: 50%;
	}
	footer nav ul li a {
		display: block;
		background: url(../images/icon-arrow.png) no-repeat 96% 50%;
		background-size: 4px;
		color: #fff;
		padding: 8% 4%;
	}
	footer nav ul li a:hover {
		text-decoration: none;
	}
	footer nav ul li:nth-child(2n) a {
		border-left: 1px solid #fff;
	}
	footer .fcontact {
		border-top: 1px solid #aaaaaa;
		text-align: center;
	}
	footer .fcontact .box {
		float: left;
		width: 44%;
		padding: 3%;
		text-align: left;
		color: #081664;
		font-size: 10px;
		line-height: 2.2;
	}
	footer .fcontact .box strong {
		color: #404040;
		white-space: nowrap;
	}
	footer #copyright {
		background: #36d4d5;
		text-align: center;
		font-size: 10px;
		color: #fff;
		line-height: 20px;
	}


}