@charset "UTF-8";
/*
Theme Name: 国際エメックスセンター
Author: meccommunications
Author URI: http://www.mec-com.co.jp
PC=1000px
TB=999px-768px
SP=767px
*/
@media screen and (min-width: 1000px) {
}
@media screen and (min-width:768px) and (max-width: 999px) {
}
@media screen and (max-width: 767px) {
}

/*全体の設定
-----------------------------------------------------------------------------------------*/
*{
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	border-width: 0px;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
* html img {
	border-width: 0px;
	vertical-align: top;
	padding:-1px;
}
*:first-child+html img {
	border-width: 0px;
	vertical-align: middle;
	padding:-1px;
}
html{
	height:100%;
}
body{
	font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	color: #333333;
	text-align:center;
	font-size:14px;
	line-height:20px;
	height:100%;
	-webkit-text-size-adjust:none;
	background:#FFFFFF url(images/header_bg.png) top repeat-x;
	min-width:1120px;
}
body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック'\9;}
@media screen and (max-width:999px) {
	body{min-width:100%;}
}
@media screen and (max-width:767px) {
	body{background:#FFFFFF url(images/header_bg_sp.png) top repeat-x;}
}
@media screen and (max-width: 600px) {
	body {background:#FFFFFF url(images/header_bg_sp2.png) top repeat-x;}
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd,input,table,figure{
	font-size:16px;
	line-height:30px;
}
strong{
	font-weight:bold;
}
em{
	font-style:normal;
	color:#CC0000;
}
table {
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
}
/* 左右分けレイアウト*/
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

/*標準のリンク*/
a{
	color: #1473B4;
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: none;
	outline:none;
}
a:link,a:visited,a:hover,a:active {
	outline:none;
}
/*画像のhoverは透過*/
a:hover img{
	opacity: 0.7;
}
/*-------------------------ブレイクポイント切り替え要素*/
@media screen and (min-width: 1000px) {
	.tb{display:none;}
	.sp{display:none;}
}
@media screen and (min-width:768px) and (max-width: 999px) {
	.pc{display:none;}
	.sp{display:none;}
}
@media screen and (max-width: 767px) {
	.pc{display:none;}
	.tb{display:none;}
}
/*-------------------------フッター固定（フッター高330px）*/
#wrapper {
	text-align:left;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -330px;
}
#contents{
	padding-bottom:330px;
}
footer {
	height:330px;
}
@media screen and (max-width: 767px) {
	#wrapper {margin:0 auto;}
	#contents{padding:0px;}
	footer {height:auto;}
}

/*header
-----------------------------------------------------------------------------------------*/
header{
	max-width:1080px;
	margin:0 auto;
	position:relative;
}
/*-------------------------ロゴ*/
header h1{
	float:left;
}
header h1 strong{
	font-size:14px;
	line-height:40px;
	display:block;
}
header h1 img{
	margin:8px 0 7px 0;
}
@media screen and (max-width: 999px) {
	header h1{padding-left:10px;}
}
@media screen and (max-width: 900px) {
	header h1 img{margin:12px 0;width:390px;height:65px;}
}
@media screen and (max-width: 767px) {
	header h1 strong{font-size:10px;line-height:37px;padding-top:3px;}
	header h1 img{width:300px;height:50px;margin:10px 0;}
}
@media screen and (max-width: 600px) {
	header h1{float:none;}
	header h1 img{margin:5px 0 5px 0;width:360px;height:60px;}
}
/*-------------------------siteinfo*/
header ul.siteinfo{
	float:right;
}
header ul.siteinfo li{
	float:left;
	font-size:13px;
	line-height:24px;
	margin-top:10px;
	margin-left:10px;
}
header ul.siteinfo li.sns img{
	width:24px;
	height:24px;
}
header ul.siteinfo li.ya a{
	padding-left:10px;
	padding-right:5px;
	background:url(images/header_ya.png) left no-repeat;
	color:#666666;
}
header ul.siteinfo li.ya a:hover{
	text-decoration:underline;
}
@media screen and (max-width: 999px) {
	header ul.siteinfo{padding-right:10px;}
	header ul.siteinfo li.ya{display:none;}
}
@media screen and (max-width: 767px) {
	header ul.siteinfo{position:absolute;float:none;margin:0;top:0;right:10px;}
}
/*-------------------------検索枠*/
.header_searchform{
	position:absolute;
	top:65px;
	right:0;
}
.header_searchform input[type="text"]{
	width:350px;
	background:#E6E6E6;
	border-radius:20px;
	border:none;
	float:left;
	font-size:16px;
	line-height:40px;
	padding:0 50px 0 10px;
	margin-right:-40px;
}
.header_searchform input[type="submit"]{
	width:40px;
	height:40px;
	border:none;
	background:url(images/search_btn.svg) center center no-repeat;
	background-size:30px;
	border-radius:20px;
}
.header_searchform input[type="submit"]:hover{
	background-color:#CCC;
}
input[type=text]:focus {
    outline: none;
}
@media screen and (max-width: 999px) {
	.header_searchform{right:10px;}
}
@media screen and (max-width: 767px) {
	.header_searchform{top:55px;right:10px;}
	.header_searchform input[type="text"]{width:270px;}
}
@media screen and (max-width: 600px) {
	.header_searchform{width:100%;padding:0 10px 10px 10px;position:static;background:none;}
	.header_searchform input[type="text"]{width:100%;font-size:14px;line-height:30px;border-radius:15px;padding:0 30px 0 10px;margin-right:-30px;}
	.header_searchform input[type="submit"]{width:30px;height:30px;background-size:25px;border-radius:15px;}
}
/*-------------------------グローバルメニュー*/
header nav .home span{
	display:none;
}
header nav h2 {
	display: none;
}
header nav > ul > li{
	float:left;
	width:13%;
}
header nav > ul > li:nth-child(1){width:6%;}
header nav > ul > li:nth-child(3){width:17%;}
header nav > ul > li:nth-child(6){width:18%;}
header nav > ul > li:nth-child(7){width:20%;}
header nav > ul > li > a{
	display:block;
	height:50px;
	line-height:50px;
	color:#000;
	font-weight:bold;
	text-align:center;
}
header nav > ul > li > a:hover{
	background:rgba(0,0,0,0.1);
}
header nav > ul > li > a.current{
	background:rgba(0,0,0,0.1);
}
header nav > ul > li > a img{
	vertical-align:middle;
}
@media screen and (min-width:768px) and (max-width: 999px) {
	header nav > ul > li:nth-child(1){display:none;}
	header nav > ul > li{width:14%;}
	header nav > ul > li:nth-child(3){width:18%;}
	header nav > ul > li:nth-child(6){width:19%;}
	header nav > ul > li:nth-child(7){width:21%;}
}
@media screen and (max-width: 767px) {
	header nav{width:100%;overflow: hidden;}
	header nav > ul{margin:0 -2px;}
	header nav > ul > li:nth-child(2),
	header nav > ul > li:nth-child(3),
	header nav > ul > li:nth-child(4),
	header nav > ul > li:nth-child(5),
	header nav > ul > li:nth-child(6),
	header nav > ul > li:nth-child(7){width:50%;background:url(images/header_nav.png);}
	header nav > ul > li:nth-child(even){clear:left;}
	header nav > ul > li.home{display:none;}
}
/*サブメニュー*/
header nav > ul > li > ul{
	z-index:1000;
	display:none;
	position: absolute;
	top: 180px;
	left:0;
	width:100%;
	background:#FFFFFF url(images/header_nav_sub_t.png) top repeat-x;
	padding:20px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}
header nav > ul > li > ul > li a{
	display:block;
	line-height:20px;
	padding:10px 25px 10px 10px;
	background:url(images/nav_ya.png) 0 18px no-repeat;
}
header nav > ul > li > ul > li a:hover{
	background-color:#F1F1F1;
}
/*さらに子要素を持つ*/
header nav li.has-child ul{
	display:none;
}
/*subtitle*/
header nav > ul > li > ul > li.subtitle{
	width:100%;
	border-bottom:1px solid #CCC;
	padding:5px;
	margin-bottom:1px;
}
header nav > ul > li > ul > li + li.subtitle{
	margin-top:15px;
}
@media screen and (min-width: 768px) {
	header nav > ul > li > ul > li{float:left;}
	header nav > ul > li:nth-child(3) > ul > li{width:20%;}
}
@media screen and (min-width:768px) and (max-width: 999px) {
	header nav > ul > li.open{background:rgba(0,0,0,0.1);}
	header nav > ul > li.open > ul{display:block;}
	header nav > ul > li > ul > li > a{padding-right:20px;}
	header nav > ul > li > ul > li.has-child{display:block;width:100%;}
	header nav li.has-child ul{display:block;border:1px solid #CCC;padding:10px;}
	header nav li.has-child li{float:left;;width:25%;}
	header nav li.has-child li a{padding:5px 10px;background:none;}
}
@media screen and (max-width: 767px) {
	header nav > ul > li.open > a{background:rgba(0,0,0,0.1);}
	header nav > ul > li.open > ul{display:block;}
	header nav > ul > li > ul{position:relative;top:0;padding:10px 15px;width:200%;margin-left:-100%;box-shadow: 0px 1px 0 rgba(0,0,0,0.1);}
	header nav > ul > li:nth-child(even) > ul{margin-left:0;margin-right:-100%;}
	header nav > ul > li > ul > li.has-child{display:block;width:100%;}
	header nav li.has-child ul{display:block;border:1px solid #CCC;padding:10px;}
	header nav li.has-child li a{padding:10px;background:none;}
}

/*contents
-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#contents{background:url(images/header_nav_sub_t.png) repeat-x;}
}
/*-------------------------frame*/
.frame{
	max-width:1080px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.frame::after {
	display: block;
	clear: both;
	content: "";
}


/*footer
-----------------------------------------------------------------------------------------*/
footer{
	display:block;
	position:relative;
	z-index:10;
}
/*-------------------------上へ*/
#toPageTop {
	position:fixed;
	bottom: 0;
	right: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	background:#69A9E4;
}
* html #toPageTop {position:absolute;}
#toPageTop:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	cursor:pointer;
}
@media screen and (max-width: 767px) {
	#toPageTop img{width:50px;}
}
/*-------------------------siteinfo*/
footer .siteinfo{
	font-size:0;
	background : -webkit-gradient(linear, left top, left bottom, from(#48A1E2), to(#0066CC));
	background : -webkit-linear-gradient(top, #48A1E2, #0066CC);
	background : linear-gradient(to bottom, #48A1E2, #0066CC);
}
footer .siteinfo li{
	display:inline-block;
}
footer .siteinfo li a{
	color:#FFF;
	display:block;
	font-size:14px;
	line-height:40px;
	padding:0 20px;
}
footer .siteinfo li a:hover{
	background:rgba(0,0,0,0.2);
}
@media screen and (max-width: 767px) {
	footer .siteinfo li a{font-size:13px;padding:0 10px;}
}
@media screen and (max-width: 479px) {
	footer .siteinfo li a{font-size:11px;padding:0 5px;}
}
/*-------------------------btn*/
footer .btn{
	font-size:0;
	padding:15px 0;
}
footer .btn li{
	display:inline-block;
	padding:5px;
}
footer .btn li a{
	width:140px;
	color:#000;
	display:block;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	background:#EAEAEA;
	padding:12px 0 8px 0;
}
footer .btn li a:hover{
	background:#CCC;
}
footer .btn li a:hover img,
footer .btn li img{
	display:block;
	margin:0 auto;
	opacity:1;
}
@media screen and (min-width:768px) and (max-width: 999px) {
	footer .btn{font-size:0;padding:15px 0;}
	footer .btn li{padding:5px 3px;}
	footer .btn li a{width:110px;font-size:14px;padding:10px 0 5px 0;}
}
@media screen and (max-width: 767px) {
	footer .btn{padding:10px;}
	footer .btn li{padding:3px;width:calc(100%/3);}
	footer .btn li a{width:auto;font-size:14px;line-height:20px;padding:7px 0 5px 0;}
	footer .btn li img{width:30px;height:30px;}
}
/*-------------------------data*/
footer ul.data li{
	line-height:22px;
}
footer ul.data li.logo{
	margin:-7px auto 8px auto;
}
footer ul.data li.adress span{
	white-space:nowrap;
	margin-left:1em;
}
footer ul.data li.adress a{
	background:url(images/footer_access.svg) left no-repeat;
	text-decoration:underline;
	padding-left:15px;
	margin-left:5px;
	color:#000;
	white-space:nowrap;
}
footer ul.data li.adress a:hover{
	text-decoration:none;
}
footer ul.data li.telfax{
	font-weight:bold;
	margin-top:2px;
}
@media screen and (max-width: 767px) {
	footer ul.data li{font-size:13px;padding:0 10px;}
	footer ul.data li.logo{width:240px;margin:5px auto;}
}
@media screen and (max-width: 479px) {
	footer ul.data li.adress span{margin-left:0;}
}
@media screen and (max-width: 400px) {
	footer ul.data li.telfax{padding-right:30px;}
}
/*-------------------------Copyright*/
footer small{
	display:block;
	font-size:10px;
	padding-top:6px;
	line-height:30px;
	letter-spacing:1px;
	color:#606060;
}
footer small a{
	color:#606060;
}
footer small a:hover{
	text-decoration:underline;
}
@media screen and (max-width: 400px) {
	footer small{letter-spacing:0;}
}