@charset "utf-8";

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

default

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

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

body{
	color:#222;
	text-decoration: none;
	font-size:12px;
	line-height:1.8;
	background: fff;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-decoration: none;
	/*overflow: hidden;*/
	}
@media screen and (max-width: 480px) {
body{
	overflow-x: hidden;
	}
	}

* html body {
	font-size: 75%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	  
ol, ul {
	list-style: none;
	}

:focus {
	outline: 0;
	}

img{
	vertical-align: bottom;
	}

p{
	margin:0;
	padding:0;
	}

div { zoom: 1; }
div:before,
div:after { content: ""; display: table; }
div:after { clear: both; }

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

a

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

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


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

PC, SP

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

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

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

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




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

loader

================================*/
#loader {
    width: 20px;
    height: 20px;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 45%;
    left: 50%;
    margin-top: 0; /* heightの半分のマイナス値 */
    margin-left: -10px; /* widthの半分のマイナス値 */
    z-index: 10001;
}
#loader img{
    width: 20px;
    height: 20px;
}

#fade {
    width: 100%;
    height: 1000%;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
}
@media screen and (max-width: 480px) {
#fade{
	display: none;
	}
	}


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

常設コンテンツ　メニュー

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

#owrapper{
	width:100%;
	min-width:1100px;
	margin:0 auto;
	background:#fff;
	z-index:5;
	}
@media screen and (max-width: 480px) {
#owrapper{
	min-width:100%;
	}
	}

#owrapperin{
	position: relative;
	width:100%;
	height: 100%;
	background: #fff;
	}
#owrapperin #title100 {
	width:100%;
	height: auto;
	text-align: center;
	}
#owrapperin #title100 img{
	width:400px;
	height: auto;
	}
@media screen and (max-width: 480px) {
#owrapperin #title100 img{
	width:100%;
	height: auto;
	}
	}

#owrapperin #options {
	width:100%;
	}

#owrapperin #options ul {
	text-align: center;
	margin: 10px 0 20px 0;
	padding: 0;
	}

#owrapperin #options ul li {
	width:19.9%;
	height:40px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 2px 0 2px;
	padding: 0;
	line-height:40px;
	font-size:12px;
	}
@media screen and (max-width: 480px) {
#owrapperin #options ul li {
	width:31%;
	}
	}

#owrapperin #options ul li a {
	background: #7A2337;
	color: #fff;
	height:40px;
	display: block;
	font-weight: bold;
	}

#owrapperin #options ul li a.selected {
	background: #222;
	}

#owrapperin #options ul li a:hover {
	background: #222;
	}


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

常設コンテンツ

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

#wrapper{
	width:100%;
	min-width:1100px;
	height:auto;
	min-height:500px;
	margin:0 auto;
	padding:20px 0 0;
	background:#000;
	z-index:4;
	}
@media screen and (max-width: 480px) {
#wrapper{
	min-width:100%;
	min-height:500px;
	}
	}

#wrapperin{
	position: relative;
	width:100%;
	height: 100%;
	min-height:500px;
	background: #000;
	}


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

100 ITEM

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

#item{
	width:100%;
	height: auto;
	min-height:500px;
	padding:10px 0 20px 0;
	position: relative;
	background:#000 /*url(http://www.tomorrowland.jp/tomorrowland/blech/images/100bg.gif);*/
	}

section#main {
	width:1100px;
	margin:0 auto;
	position: relative;
	}
	#main:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	#main {
	display: inline-table;
	}
	* html #main { height: 1%; }
	#main { display: block; }

@media screen and (max-width: 480px) {
section#main {
	width:100%;
	}
	}


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

Isotope

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


.container {
	width:1100px;
	margin: 0 auto;
	}

.isotope-item {
	z-index: 2;
	}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
	}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
	}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
	}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	}

.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	}

.element {
	width: 183px;
	height: 183px;
	margin: 0;
	float: left;
	overflow: hidden;
	position: relative;
	}
@media screen and (max-width: 480px) {
.element {
	width: 32%;
	height: 100px;
	margin: 2px;
	}
	}

.element a{
	display: block;
	}

.element img{
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in;
	}

@media screen and (max-width: 480px) {
#container {
	width:300px;
	margin: 0 auto;
	}
	}

/*
.onelement{
	opacity:0.5;
	filter: alpha(opacity=50);
	}
*/


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

サイドページトップ戻るボタン

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

#sidearrow{
	position: fixed;
	bottom:10px;
	right: 10px;
	width: 60px;
	height: 60px;
	opacity:0;
	filter: alpha(opacity=0);
	cursor: pointer;
	z-index: 5;
	}
@media screen and (max-width: 480px) {
#sidearrow{
	display: none;
	}
	}


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

underbox

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

#underbox{
	width:100%;
	height: auto;
	max-height: 1000px;
	background:#222;
	padding:40px 0 40px;
	}
@media screen and (max-width: 480px) {
#underbox{
	padding-top: 20px;
	}
	}

#underbox a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	}

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

sns

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

#sns{
	width:100%;
	height: auto;
	max-height: 1000px;
	text-align: center;
	margin:0 auto 0;
	padding:40px 0 20px;
	}
@media screen and (max-width: 960px) {
#sns{
	padding:20px 0;
	}
	}

#sns img{
	width:30px;
	height: auto;
	margin:0 10px 0;
	}


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

fblink

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

#fblink{
	width:100%;
	height: auto;
	max-height: 1000px;
	padding:40px 0 0;
	text-align: center;
	}
@media screen and (max-width: 480px) {
#fblink{
	width:100%;
	padding:10px 0 0;
	text-align: center;
	}
#fblink img{
	width:30px;
	height: auto;
	}
	}

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

footer

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

#footer{
	width:100%;
	height: auto;
	max-height: 1000px;
	margin:0 auto 0;
	padding:40px 0 40px 0;
	text-align: center;
	background: #222;
	font-size:16px;
	color:#fff;
	}
@media screen and (max-width: 480px) {
#footer{
	padding:20px 0;
	width:100%;
	font-size:12px;
	}
	}

#footer p{
	color:#aaa;
	font-size:10px;
	line-height:2;
	font-weight: normal;
	}
@media screen and (max-width: 480px) {
#footer p{
	font-size:9px;
	}
	}


/*白*/
#footer a{color: #fff;text-decoration: none;}
#footer a:link {color: #fff;text-decoration: none;}
#footer a:visited {color: #fff;text-decoration: none;}
#footer a:hover {color: #ccc;text-decoration: none;}
/*白*/
#footer a.shop{font-size:12px;color: #fff;text-decoration: none;}
#footer a.shop:link {color: #fff;text-decoration: none;}
#footer a.shop:visited {color: #fff;text-decoration: none;}
#footer a.shop:hover {color: #ccc;text-decoration: none;}

a.line{
	display: none;
	}
@media screen and (max-width: 480px) {
a.line{
	display: inline !important;
	}
	}

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

pagetop

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

#pgt {
	width: 100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	background: #222;
	cursor: pointer;
	}
@media screen and (max-width: 480px) {
#pgt{
	width:100%;
	}
#pgt img{
	width:50%;
	}
	}