@charset "UTF-8";

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

/*******************************************************************************/
/*基本・共通*/
/*******************************************************************************/
body {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
    min-width: 1144px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}
ul, li, ol {
	margin: 0px;
	padding: 0px;
}
dl, dt, dd {
	margin: 0px;
	padding: 0px;
}
img{
	border-style: none;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
a {
	text-decoration: none;
}
button {
	margin: 0px;
	padding: 0px;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: 0px;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.none {
	display: none;
}

/*******************************************************************************/
/*文字の色・フォント*/
/*******************************************************************************/
html{
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
/*PORTRAIT：480px以下で適用する内容*/
@media screen and (max-width: 480px) {
	html{
		font-size: 687.5%;
	}
}
/*LANDSCAPE：481px以上736px以下で適用する内容*/
@media screen and (min-width:481px) and (max-width:736px) {
	html{
		font-size: 750%;
	}
}
/*PC：737px以上で適用する内容*/
@media screen and (min-width: 737px) {
	html{
 	   font-size: 625%;/* 16pxに625%を掛けると100pxになるよ！ */
	}
}
body {
color: #5f573a;
font-family: Meiryo, YuGothic, "Yu Gothic medium", "Hiragino Sans", sans-serif;
font-size: .18em;/* 通常サイズは100pxの0.18倍で18pxだよ！ここだけfont-size em！ */
} 
a:link {
	color: #165aa5;
}
a:visited {
	color: #165aa5;
}
a:hover {
	color: #39b1ff;
}


/*******************************************************************************/
/*共通レイアウト*/
/*******************************************************************************/
#wrap {
width: 100%;
overflow: hidden;
}
#head {
}
#contents {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 40px;
}
#footer {
	clear: both;
}
/*PC：737px以上で適用する内容*/
@media screen and (min-width: 737px) {
	body {
		/*min-width: 1370px;*/
	}
	#contents {
padding-top: 0px!important;
	}
}

/*******************************************************************************/
/*HEADER*/
/*******************************************************************************/
#logo,
#ecbtn {
	float: left;
}
#btn-area {
	float: right;
}
#gmenu button {
	cursor: pointer;
	background-color: transparent!important;
	border: none;
}

/*PORTRAIT：480px以下で適用する内容*/
@media screen and (max-width: 480px) {
	#logo {
		width: 59%;
		max-width: 240px;
		height: 78px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 10px;
	}
	#btn-area {
width: 125px;
padding-top: 19px;
text-align: right;
	}
	#ecbtn {
		width: 66px;
	}
	#ecbtn img {
		width: 56px;
		height: 45px;
	}
	#gmenu img {
		width: 45px;
		height: 45px;
	}
}
/*LANDSCAPE：481px以上736px以下で適用する内容*/
@media screen and (min-width:481px) and (max-width:736px) {
	#logo {
		padding-top: 16px;
		padding-left: 15px;
	}
	#logo img {
		width: 240px;
		height: auto;
	}
	#btn-area {
width: 125px;
padding-top: 24px;
text-align: right;
	}
	#ecbtn {
		width: 66px;
	}
	#ecbtn img {
		width: 56px;
		height: 45px;
	}
	#gmenu img {
		width: 45px;
		height: 45px;
	}
}
/*PC：737px以上で適用する内容*/
@media screen and (min-width: 737px) {
	#logo {
		padding-top: 38px;
		padding-left: 50px;
	}
	#logo img {
		width: 313px;
		height: auto;
	}
	#btn-area {
width: 182px;
padding-top: 50px;
text-align: right;
	}
	#ecbtn {
	width: 82px;
	height: 50px;
	}
	#ecbtn img {
		width: 62px;
		height: 50px;
	}
	#gmenu button {
		width: 50px;
		height: 50px;
	}
}

/*******************************************************************************/
/*PAGE*/
/*******************************************************************************/
h3.pagetitle img {
	width: 230px;
	height: auto;
}
/*PORTRAIT：480px以下で適用する内容*/
@media screen and (max-width: 480px) {
}
/*LANDSCAPE：481px以上736px以下で適用する内容*/
@media screen and (min-width:481px) and (max-width:736px) {
}
/*PC：737px以上で適用する内容*/
@media screen and (min-width: 737px) {
	h3.pagetitle img {
		width: 276px;
		height: auto;
	}
}

/*******************************************************************************/
/*FOOTER*/
/*******************************************************************************/
#footer {
	padding-top: 70px;
	padding-bottom: 100px;
	zoom: 1; /* float解除 for IE6/7  */
	margin-left: auto;
	margin-right: auto;
	border-top: thin solid #535353;
}
#footer:after, #footer:before {
    content: "";
    clear: both;
    display: block;
}
#footer ul {
	list-style-type: none;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
}
#footer ul li {
	width: 50px;
	text-align: center;
	float: left;
}
#copyright {
	clear: both;
	text-align: center;
	padding-top: 40px;
}
#logoimg {
	width: 55px;
	height: 55px;
}
#copyrightimg {
	margin-top: 0px;
	width: 255px;
	height: 14px;
}

/*SMART PHONE：736px以下で適用する内容*/
@media screen and (max-width: 736px) {
	#footer {
		width: 90%;
		margin-top: 75px;
	}
	#footer ul li img {
		width: 50px;
		height: auto;
	}
}
/*PC：737px以上で適用する内容*/
@media screen and (min-width: 737px) {
	#footer {
		margin-top: 180px;
	}
	#footer ul li img {
		width: 50px;
		height: auto;
		}
}

/*******************************************************************************/
/*PAGE TOP*/
/*******************************************************************************/
#page-top {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 81px;
height: 81px;
margin-top: 30px;
}
#page-top a {
    text-align: center;
    display: block;
}
#page-top a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
}
#page-top a {
width: 81px;
height: 81px;
}

/********************************************************************/
/*リンク画像透過*/
/********************************************************************/
a img.linkimg {
	background:none!important;
}
 
a:hover img.linkimg {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
}