@charset "utf-8";


/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html				{overflow-y: scroll;}
blockquote, q		{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
 input, textarea,	{margin: 0; padding: 0;}
ol, ul				{list-style: none;}
table				{border-collapse: collapse; border-spacing: 0;}
caption, th			{text-align: left;}
a:focus				{outline: none;}
/*FireFoxセンタリング位置*/
html		{overflow:scroll;}

/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a		{cursor:pointer; padding:0; margin:0;}
a img	{border: none; background-color: transparent;}



/* clearfix */
.clearfix:after		{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0.1em;line-height:0;}
.clearfix			{display: inline-block;}

/* Hides from IE-mac ¥*/
* html .clearfix	{height: 1%; }
.clearfix			{display: block; }
/* End hide from IE-mac */

.mt5	{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;}








@media screen and (min-width: 768px) {

/* PC & TAB
 --------------------------------------- */

/* HEADER AREA FOR PC
========================================== */

header 							{border-top:solid 3px #1eb6ec;}
header .logoList				{text-align:center;margin-top:30px;}
header .logoList li				{display:inline-block;*display:inline;*zoom:1;margin-left:15px;}
header .logoList li a:hover img	{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
header .logoList li.fst			{margin-left:0;}
header h1						{margin-top:40px;text-align:center;}
header h1 img					{display:inline;}
header h1 a:hover img			{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
header h2						{margin-top:50px;text-align:center;}
header nav ul					{margin-top:35px;}
header nav li					{float:left;width: 256px;border-left: solid 1px #ccc;font-size: 10px; line-height: 1;}
header nav li:last-child {width: 282px;border-right: solid 1px #ccc;}
header nav img {
  vertical-align: top;
}
header nav a {
  display: block;
  text-align: center;
  padding: 0;
}
header nav li a:hover img		{filter: alpha(opacity=50);-moz-opacity:0.6;opacity:0.5;}

.langbox {
  width: 1050px;
  text-align: right;
  margin: 0 auto;
}
.langlist {
  font-size: 0;
}
.langlist-item {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  width: 95px;
  text-align: center;
  line-height: 1;
  background: #E4E4E4;
}
.langlist a,
.langlist span {
  text-decoration: none;
  display: block;
  padding: 6px 0;
}
.langlist a {
  color: #1892D9;
  transition: all .4s;
}
.langlist a:hover {
  background: #51b5f0;
  color: #fff;
}
.langlist span {
  background: #1892D9;
  color: #fff;
}

.links {
  text-align: center;
}
.linkslist {
  text-align: center;
  margin: 35px 0 0;
  padding: 0;
  font-size: 0;
}
.linkslist li {
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin: 0 10px;
}
.linksli img {
  vertical-align: top;
}
  
/* FOOTER AREA FOR PC
------------------------------------------ */
.spBtn			{display:none;}
footer			{background:url(../img/footer_bg.jpg) repeat center;height:30px;}
footer p		{color:#fff;padding:7px 0 0 0;text-align:center;}
footer .ftCopy	{display:none;}

}
/*PC & TAB END*/




@media screen and (max-width: 767px) {

/* SMART PHONE
========================================== */

/* HEADER AREA FOR SMART PHONE
 --------------------------------------- */

header 							{border-top:solid 3px #1eb6ec;}
header .logoList				{text-align:center;margin-top:4%;}
header .logoList li				{display:inline-block;*display:inline;*zoom:1;margin-left:15px;}
header .logoList li	img			{width:100%;}
header .logoList li a:hover img	{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
header .logoList li.fst			{margin-left:0;}
header .logoList li.logo01		{width:20.22%;}
header .logoList li.logo02		{width:35.22%;}
header .logoList li.logo03		{width:19.22%;}
header h1						{margin:4.5% auto 0 auto;text-align:center;width:85%;}
header h1 img					{display:inline;width:100%;}
header h1 a:hover img			{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
header h2						{margin-top:50px;text-align:center;}
header nav ul					{display:none!important;}

/* FOOTER AREA FOR SMART PHONE
------------------------------------------ */
.spBtn			{width:100%;}
.spBtn	li 		{line-height:0;}
.spBtn	li img	{width:100%;}
footer			{background:url(../img/ft_copy_bg.jpg) no-repeat;background-size: cover;background-position: top center;padding:14px 0;}
.footerInner	{width:93%!important;}
footer p		{display:none;}
footer img		{width:100%;}

.links .whatHead img {
  width: auto;
}
.langbox {
  width: auto;
  margin: 0 0 20px;
}
.langlist {
  font-size: 0;
}
.langlist-item {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  width: 50%;
  text-align: center;
  line-height: 1;
  background: #E4E4E4;
}
.langlist a,
.langlist span {
  text-decoration: none;
  display: block;
  padding: 3.52% 0;
  transition: all .4s;
}
.langlist a {
  color: #1892D9;
}
.langlist a:hover {
  background: #51b5f0;
  color: #fff;
}
.langlist span {
  background: #1892D9;
  color: #fff;
}


.links {
  text-align: center;
}
.linkslist {
  text-align: center;
  margin: 5.25% 0;
  padding: 0;
  font-size: 0;
}
.linkslist li {
  display: block;
  font-size: 10px;
  line-height: 1;
  margin: 0 3.25% 1rem;
}
.linksli img {
  vertical-align: top;
}
  
}
/* SMART PHONE END */