@charset "utf-8";

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('http://tomorrowland.jp/christmas2014/css/websymbolsligaregular.eot');
    src: url('http://tomorrowland.jp/christmas2014/css/websymbolsligaregular.eot#iefix') format('embedded-opentype'),
         url('http://tomorrowland.jp/christmas2014/css/websymbolsligaregular.woff') format('woff'),
         url('http://tomorrowland.jp/christmas2014/css/websymbolsligaregular.ttf') format('truetype'),
         url('http://tomorrowland.jp/christmas2014/css/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon{
	font-family: 'WebSymbolsRegular';
	}

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

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;
	}

p{
	margin:0;
	padding:0;
	}

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

a.ilink{
	color:#aa0000 !important;
	text-decoration: none;
	}
a:hover.ilink{
	color:#000000;
	text-decoration: underline;
	}

/*------------------
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: #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;
	}
	}



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

Xmasギフト

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

#xwrapper{
	width:100%;
	min-width:1100px;
	height: auto;
	min-height:1px;
	max-height:20000px;
	margin:0 auto 0;
	padding: 0 0;
	background: #073121;
	z-index:1;
	}
@media screen and (max-width: 480px) {
#xwrapper{
	min-width:100%;
	margin:0 auto 0;
	}
	}

#xwrapperin{
	position: relative;
	width:100%;
	height: 100%;
	}


#holiday{
	width:100%;
	/*max-width:1100px;*/
	height: auto;
	margin: 0 auto;
	/*min-height:800px;*/
	padding:0 0 0;
	position: relative;
	}
@media screen and (max-width: 480px) {
#holiday{
	padding:0 0 0;
	}
	}

#holiday #maingift {
	width:100%;
	height: auto;
	margin-top:0px;
	overflow: hidden;
	}
@media screen and (max-width: 480px) {
#holiday #maingift {
	width:100%;
	margin:0 auto 0;
	}
	}

#holiday #maingift .block{
	display: block;
	position: relative;
	float: left;
	width:20%;/*218px;*/
	height: auto;
	margin:0;/*1px;*/
	}
@media screen and (max-width: 480px) {
#holiday #maingift .block{
	display: block;
	float: left;
	width:50%;
	height: auto;
	margin:0 auto;
	}
	}

#holiday #maingift  .block img{
	width:100%;
	height: auto;
	}

@media screen and (max-width: 480px) {
#holiday #maingift  .block a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	}
	}

#holiday #maingift  .block .name{
	position: absolute;
	top:0;
	left:0;
	}



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

18アイテム

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

#mwrapper{
	display: block;
	width:100%;
	min-width:1100px;
	height: auto;
	min-height:1px;
	max-height:5000px;
	margin:0 auto;
	background:#073121;
	z-index:2;
	}
@media screen and (max-width: 480px) {
#mwrapper{
	min-width:100%;
	min-height:200px;
	}
	}

#mwrapperin{
	position: relative;
	width:100%;
	height: 100%;
	}
@media screen and (max-width: 480px) {
#mwrapperin{
	width:100%;
	margin:0 auto;
	}
	}

#menwomen{
	width:1080px;
	height: auto;
	min-height:1px;
	position: relative;
	margin:0 auto;
	padding:10px 0 40px;
	}
@media screen and (max-width: 480px) {
#menwomen{
	float: none;
	width:90%;
	height: auto;
	min-height:200px;
	}
	}

#menwomen #women{
	width:50%;
	height: auto;
	min-height:540px;
	position: relative;
	margin:0 auto;
	padding:0 0 0;
	float: left;
	}
@media screen and (max-width: 480px) {
#menwomen #women{
	width:100%;
	height: auto;
	min-height:10px;
	position: relative;
	margin:0 auto;
	padding:0 0 0;
	float: none;
	}
	}

#menwomen #men{
	width:50%;
	height: auto;
	min-height:540px;
	position: relative;
	margin:0 auto;
	padding:0 0 0;
	float: left;
	}
@media screen and (max-width: 480px) {
#menwomen #men{
	width:100%;
	height: auto;
	min-height:10px;
	position: relative;
	margin:0 auto;
	padding:0 0 0;
	float: none;
	}
	}

#menwomen .mwtitle img{
	display: block;
	width:350px;
	height: auto;
	margin:0 auto;
	}
@media screen and (max-width: 480px) {
#menwomen .mwtitle img{
	display: block;
	width:240px;
	height: auto;
	margin:0 auto;
	}
	}

#menwomen #mwgifts{
	display: block;
	width:500px;
	height: auto;
	margin:0 auto;
	}
@media screen and (max-width: 480px) {
#menwomen #mwgifts{
	display: block;
	width:100%;
	height: auto;
	margin:0 auto;
	}
	}

#menwomen #mwgifts .block{
	display: block;
	position: relative;
	float: left;
	width:156px;/*218px;*/
	height: auto;
	margin:5px;/*1px;*/
	}
@media screen and (max-width: 480px) {
#menwomen #mwgifts .block{
	display: block;
	position: relative;
	float: left;
	width:32%;
	height: auto;
	margin:1px;
	}
	}

#menwomen #mwgifts  .block img{
	width:100%;
	height: auto;
	}

@media screen and (max-width: 480px) {
#menwomen #mwgifts  .block a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	}
	}




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

link

================================*/
#gwrapper{
	width:100%;
	min-width:1100px;
	height: auto;
	min-height:10px;
	max-height:20000px;
	margin:0 auto;
	background:#073121;
	z-index:3;
	}
@media screen and (max-width: 480px) {
#gwrapper{
	min-width:100%;
	}
	}

#gwrapperin{
	position: relative;
	width:100%;
	height: 100%;
	background: #073121;
	}

#link{
	width:1080px;
	height: auto;
	max-height:5000px;
	position: relative;
	margin:0 auto;
	padding:0 0 40px;
	text-align: center;
	}
@media screen and (max-width: 480px) {
#link{
	float: none;
	width:90%;
	height: auto;
	min-height:10px;
	text-align: center;
	font-size:10px;
	padding:0 0 30px;
	}
	}

#link img{
	width: auto;
	height: auto;
	}
@media screen and (max-width: 480px) {
#link img{
	width:50%;
	height: auto;
	}
	}

#link a:hover img{
	opacity:0.75;
	filter: alpha(opacity=75);
	}




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

常設コンテンツ

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

#wrapper{
	width:100%;
	min-height:100px;
	height:auto;
	max-height:1000px;
	margin:0 auto;
	background:#d7d7d0;
	padding: 0 0;
	z-index:5;
	}
@media screen and (max-width: 480px) {
#wrapper{
	min-width:100%;
	min-height:10px;
	padding: 0 0;
	}
	}

#wrapperin{
	position: relative;
	width:100%;
	height: 100%;
	min-height:10px;
	max-height:1000px;
	background: #d7d7d0;
	}


@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.7;
	filter: alpha(opacity=70);
	cursor: pointer;
	z-index: 5;
	}
@media screen and (max-width: 480px) {
#sidearrow{
	display: none;
	}
	}


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

underbox

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

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

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

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

sns

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

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

#snsbox{
	width:260px;
	margin:0 auto;
	padding:0 0;
	height: auto;
	max-height: 1000px;
	}
	#snsbox:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	#snsbox {
	display: inline-table;
	}
	* html #snsbox { height: 1%; }
	#snsbox { display: block; }

#sns #twitter, #sns #facebook{
	float: left;
	width:100px;
	}
#sns #gplus{
	float: right;
	width:60px;
	}


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

snst

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

#snst{
	width:100%;
	height: auto;
	max-height: 1000px;
	margin:0 auto 0;
	padding:0 0 0;
	text-align: center;
	}

@media screen and (max-width: 960px) {
#snst{
	padding:20px 0;
	}
	}

#snst img{
	width: 30px;
	height: auto;
	margin:0 5px;
	}

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

footer

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

#footer{
	width:100%;
	height: auto;
	max-height: 1000px;
	margin:0 auto 0;
	padding:40px 0 0 0;
	text-align: center;
	background: #073121;
	font-size:14px;
	color:#dcdcdc;
	}
@media screen and (max-width: 480px) {
#footer{
	padding:20px 0 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: #dcdcdc;text-decoration: none;}
#footer a:link {color: #dcdcdc;text-decoration: none;}
#footer a:visited {color: #dcdcdc;text-decoration: none;}
#footer a:hover {color: #fff;text-decoration: none;}
/*白*/
#footer a.shop{font-size:11px;color: #dcdcdc;text-decoration: none;}
#footer a.shop:link {color: #dcdcdc;text-decoration: none;}
#footer a.shop:visited {color: #dcdcdc;text-decoration: none;}
#footer a.shop:hover {color: #fff;text-decoration: none;}