/*------------------------------------------------------------------------------------------------
  TIMES LOUNGE css style
  Coder - Arata Takami (nev num)
  2017.6.25
------------------------------------------------------------------------------------------------*/
/*import
------------------------------------------------------------------------------------------------*/
/*noto sans font*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }
/*reset and common setting
------------------------------------------------------------------------------------------------*/
/*reset
------------------------------------------------*/
*{padding: 0; margin: 0;}
li{list-style: none;}
img{border: 0;}
header,main,footer,section,article{display: block;}
html{width: 100%; height: 100%;}
/*common setting
------------------------------------------------*/
body{
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: center;
	font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 0.6pt;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	color: #222222;
}
a{color: #217aa7; text-decoration: none;}
a:hover{color: #419ac8;}
/*basic layout
------------------------------------------------*/
#wrapper{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}
#mainContainer{
	padding-bottom: 450px;
}
.container{
	width: 980px;
	margin: 0 auto;
	box-sizing: border-box;
}
/*footerArea
------------------------------------------------*/
#footerArea{
	background: #000000;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 0 15px 0;
}
#footerArea .footCont{
	position: relative;
	color: #ffffff;
}
#footerArea .footCont:before{
	content: "";
	background: url(../images/arrow_ft.svg) no-repeat;
	display: block;
	background-size: 100% auto;
	width: 36px;
	min-height: 16px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: -25px 0 0 -18px;
}
#footerArea .footCont .footMain{
	zoom: 1;
	margin-bottom: 60px;
}
#footerArea .footCont .footMain:after{content:""; display:block; clear:both; width:0; height:0;}
#footerArea .footCont .footMain .footerLogo{
	float: left;
	width: 395px;
	font-size: 14px;
	letter-spacing: 0.2em;
	margin-top: 30px;
}
#footerArea .footCont .footMain .footerLogo p img{
	display: block;
	margin: 0 auto;
	width: 330px;
}
#footerArea .footCont .footMain .footerLogo p a{
	color: #ffffff;
}
#footerArea .footCont .footMain .timesLink{
	float: right;
	width: 500px;
	text-align: left;
	margin-top: 30px;
}
#footerArea .footCont .footMain .timesLink a{
	color: #ffffff;
}
#footerArea .footCont .footMain .timesLink a:hover{
	text-decoration: underline;
}
#footerArea .footCont .footMain .timesLink dl{
	zoom: 1;
}
#footerArea .footCont .footMain .timesLink dl:after{content:""; display:block; clear:both; width:0; height:0;}
#footerArea .footCont .footMain .timesLink dl dt{
	margin-bottom: 5px;
}
#footerArea .footCont .footMain .timesLink dl dd{
	float: left;
	width: 50%;
	margin-bottom: 5px;
	font-size: 16px;
	padding-left: 1em;
	box-sizing: border-box;
}
#footerArea .footCont .footMain .timesLink dl dd a:before{
	content: "-";
	margin-right: 1em;
}
#footerArea .footCont .companyLinks li{
	display: inline-block;
	font-size: 14px;
	margin-right: 2em;
}
#footerArea .footCont .companyLinks li:last-child{
	margin-right: 0;
}
#footerArea .footCont .companyLinks li a{
	color: #ffffff;
}
#footerArea .footCont .companyLinks li a:hover{
	text-decoration: underline;
}
#footerArea .footCont .copyright small{
	font-size: 14px;
	color: #b9b9b9;
}


/*------------------------------------------------------------------------------------------------
  responsive settings
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	.container{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	#mainContainer{
		padding-bottom: 100px;
	}
	#footerArea .footCont:before{
		margin-top: -55px;
	}
	#footerArea{
		position: inherit;
		left: inherit;
		bottom: inherit;
	}
	#footerArea .footCont .footMain .footerLogo{
		float: none;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		font-size: 12px;
		letter-spacing: 0.1em;
		margin-top: 30px;
	}
	#footerArea .footCont .footMain .footerLogo p img{
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 250px;
	}
	#footerArea .footCont .footMain .timesLink{
		float: none;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin: 20px auto 0 auto;
		margin-top: 20px;
		max-width: 320px;
	}
	#footerArea .footCont .footMain .timesLink dl dd{
		float: none;
		width: 100%;
		margin-bottom: 5px;
		font-size: 16px;
		padding-left: 1em;
		box-sizing: border-box;
	}
	#footerArea .footCont .companyLinks li{
		display: block;
		font-size: 14px;
		margin-right: 0;
	}
	#footerArea .footCont .copyright small{
		font-size: 11px;
	}

	@media screen and (max-width: 680px) {
		body{
			font-size: 14px;
			line-height: 1.8em;
		}
	}
}