@charset "utf-8";
/* CSS Document */

/* Reset
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	font-size: 100%;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}



#main #content li,#one-column #content li{
	list-style-type: inherit;
	margin-left:22px;
}


/* Base
----------------------------------------------------*/

body {
	line-height:150%;
	color:#404040;
	font-size: 0.9em;
	font-family:
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'メイリオ', 'Meiryo';
	/font-family:
		'メイリオ', 'Meiryo',
		'ＭＳ Ｐゴシック';
	text-align: left;
	
    transition-duration: 0.3s;
    transition-property: opacity;
	width:100%;
	min-width:1060px;
	background: url(../img/common/bg.jpg);
}
@media only screen and (max-width: 767px) {
body {
	min-width: inherit;
	-webkit-text-size-adjust: 100%;
}
}

/* Link
----------------------------------------------------*/

a {
	color:#00517e;
	text-decoration: underline;
}
a:hover {
	text-decoration:none;
}



/* font
----------------------------------------------------*/

.en-Oswald{
	font-family: 'Oswald', sans-serif;
}
.en-OpenSans400{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.en-OpenSans600{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}


/* table
----------------------------------------------------*/

table{
	border-collapse:collapse; /*影無し*/
}

/* スクロールアニメーション
----------------------------------------------------*/
.effect {
}
.effect:before {
  content:<div>;
} 
.effect:after {
  content:</div>;
}
.effect i {
	font-style: normal !important;
	transition: .5s;
}
.effect .e-inner {
	transition: .5s;
}

/* ローディング
----------------------------------------------------*/

/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
  overflow-y:scroll;
}
 
/* ローディングの背景部分のCSS */
.loader{
  background:#333333;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:100000;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
  background:#ffffff;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:4em;
}
.loader-animation {
  height:10px;
  left:50%;
  margin:-5px 0 0 -5px;
  position:absolute;
  top:50%;
  width:10px;
  color:#ffffff;
  text-indent:-9999em;
  font-size:10px;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}
.loader-animation:before,
.loader-animation:after {
  position:absolute;
  top:0;
  content:'';
}
.loader-animation:before {
  left:-1.5em;
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}
.loader-animation:after {
  left:1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}