@charset "utf-8";

/*================================

default

================================*/

@import url(//fonts.googleapis.com/css?family=Cardo:400,400italic,700);

html,body {
	-webkit-text-size-adjust: none;
	}

body{
	color:#000;
	text-decoration: none;
	font-size:14px;
	line-height:1.8;
	background: #f6f9fb;
	font-family:'Cardo', 'Hiragino Mincho ProN', serif;
	text-decoration: none;
	}

img{
	border:0;
	vertical-align: bottom;
	}
ul, li, p{
	margin:0;
	padding:0;
	}
ul, li{
	list-style-type:none;
	}
* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	}

.loadBg {
	background:#fff;
}


/*------------------
clearfix 
--------------------*/

.clearfloat{
	clear:both;
	height:1px;
	overflow:hidden;
	}

.clearfix {
	display: inline-table;
	}
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

/*================================

a

================================*/

/*黒*/
a{color: #000;text-decoration: none;}
a:link {color: #000;text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover {color: #555;text-decoration: none;}

/*画像*/
a img{
	opacity:1;
	filter: alpha(opacity=100);
	}
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	}


/*================================

PC, SP

================================*/

.pc{		display:block;		}
.sp{		display: none;		}
.tb{		display: none;		}

@media screen and (max-width: 768px) {
.pc{		display: none;		}
.sp{		display: none;		}
.tb{		display: block;		}
	}

@media screen and (max-width: 480px) {
.pc{		display: none;		}
.sp{		display: block;		}
.tb{		display: none;		}
	}


/*================================

コンテンツ

================================*/

#wrapper{
	width:100%;
	margin:0 auto;
	}

#container{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	}

/*================================

header

================================*/

#header{
	width:100%;
	padding:100px 0 100px;
	text-align: center;
	}

@media screen and (max-width: 768px) {
#header{
	padding:80px 0 70px;
	}
	}

@media screen and (max-width: 480px) {
#header{
	padding:80px 0 70px;
	}
	}

#header img{
	width:400px;
	height: auto;
	}

@media screen and (max-width: 768px) {
#header img{
	width:300px;
	}
	}

@media screen and (max-width: 480px) {
#header img{
	width:250px;
	}
	}

/*================================

grid1

================================*/

#grid1{
	width:100%;
	height:23px;
	background:url(../images/grid1.gif) center center no-repeat;
	text-indent:-9999px;
	}

/*================================

grid2

================================*/

#grid2{
	width:100%;
	height:23px;
	background:url(../images/grid1.gif) center center no-repeat;
	margin:20px 0;
	text-indent:-9999px;
	}



/*================================

extra

================================*/

#extra{
	width:100%;
	padding:60px 0 60px;
	text-align: center;
	}

@media screen and (max-width: 768px) {
#extra{
	padding:40px 0 20px;
	}
	}

@media screen and (max-width: 480px) {
#extra{
	padding:40px 0 20px;
	}
	}

#extra img{
	width:400px;
	height: auto;
	}

@media screen and (max-width: 768px) {
#extra img{
	width:300px;
	}
	}

@media screen and (max-width: 480px) {
#extra img{
	width:240px;
	}
	}


/*================================

manufacture

================================*/

#manufacture{
	width:100%;
	padding:100px 0 80px;
	text-align: center;
	}

@media screen and (max-width: 768px) {
#manufacture{
	padding:40px 0 80px;
	}
	}

@media screen and (max-width: 480px) {
#manufacture{
	padding:40px 0 80px;
	}
	}

#manufacture img{
	width:130px;
	height: auto;
	}

@media screen and (max-width: 768px) {
#manufacture img{
	width:100px;
	}
	}

@media screen and (max-width: 480px) {
#manufacture img{
	width:100px;
	}
	}


/*================================

sns

================================*/

#sns{
	width:100%;
	padding:60px 0 60px;
	text-align: center;
	}

@media screen and (max-width: 480px) {
#sns{
	padding:80px 0 40px;
	}
	}

#sns img{
	width:25px;
	margin:0 5px;
	}

@media screen and (max-width: 768px) {
#sns img{
	width:25px;
	margin:0 5px;
	}
	}

@media screen and (max-width: 480px) {
#sns img{
	width:22px;
	margin:0 5px;
	}
	}

#sns a.line{
	display: none;
	}



/*================================

tomorrowland

================================*/

#tomorrowland{
	width:100%;
	padding:10px 0 10px;
	text-align: center;
	font-size:13px;
	}


@media screen and (max-width: 768px) {
#tomorrowland {
	font-size:12px;
	}
	}

@media screen and (max-width: 480px) {
#tomorrowland {
	font-size:11px;
	}
	}


/*================================

copyright

================================*/

#copyright{
	width:100%;
	padding:0 0 70px;
	text-align: center;
	font-size:10px;
	color:#111;
	}

@media screen and (max-width: 768px) {
#copyright {
	font-size:10px;
	}
	}

@media screen and (max-width: 480px) {
#copyright {
	font-size:9px;
	}
	}