0byt3m1n1

Path: /data/48/4/58/64/4710553/user/5582526/htdocs/splash/_backup20150414/css/ [ Home ]
File: style.css
@charset 'utf-8';

/*
Theme Name: TACOBELL JAPAN
Theme URI: http://www.tacobell.co.jp/
Description: TACOBELL JAPAN Teaser Site
Version: 1.0
Author: Homerun Office LLC , Rockon Yanagida / Kato
Author URI:http://www.homerun-office.jp/
ラッキー幸せワックワク〜〜
*/


/*-----------------------------
	大枠設定
------------------------------*/
body {
	position: relative;
	font-size: 62.5%;
	line-height: 1.8;
	margin:0;
	padding:0;
}

h1,h2,p,span,li {
	font-family: 'Roboto Condensed', Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a, a.btn {
	text-decoration: none;
}
a {
	color: #F3F347;
	margin:0;
	padding:0;
}
a:hover {
}
.inner {
	position: relative;
}
#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 100;
}
/* page fade in*/
#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-image : url( ../images/loading.gif );
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}


/*-----------------------------
	bachground-video
------------------------------*/
#bgOverlayContainer {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
}

/*bgpattern*/
.overlayPattern {
	background-image:url(../images/overlay.png);
}


/*-----------------------------
	header
------------------------------*/
header {
	position:absolute;
	width: 100%;
	padding: 5px 0;
	min-height: 5px;
	z-index: 115;
}
header .logo {
	font-size: 4.0em;
	margin: 0 1%;
	padding: 0;
	font-weight: 600;
	letter-spacing: 0.01em;
	padding: 8px 0;
}
#countdown {
	position:absolute;
	right: 0;
	top:20px;
	overflow: hidden;
	z-index: 10;
	line-height:1.3;
	font-weight:bold;
}
#countdown #timer {
	margin:0;
	padding:0;
}

/*-----------------------------
	footer
------------------------------*/
footer {
	position:absolute;
	left: 0;
	bottom: 0;
	z-index: 300;
	width: 100%;
	padding: 10px 0;
	background-color:#FFFFFF;
}
footer .inner{
	min-width:960px;
	padding:17px 0;
}
footer .contact{
	left:1%;
	position:absolute;
	top:3px;
	z-index: 1200;
}
footer .sns{
	left:50%;
	position:absolute;
	top:3px;
	margin:0 0 0 -111px;
	z-index: 1200;
}
footer .sns ul{
	font-size:0;
}
footer .sns li{
	display:inline-block;
}
footer .sns img{
	margin-left:5px;
	margin-right:5px;
}
footer .copyright{
	float:right;
	text-align: left;
	font-size: 1.0em;
	margin:0 2%;
}


/*-----------------------------
	contents
------------------------------*/
#contents {
	position: relative;
	width:100%;
	height:100%;
	z-index:200;
}

/* main */
#main{
	position:absolute;
	top: 0;
	left: 0;
	z-index: 160;
	width:100%;
	height:100%;
}
#main .bannerArea{
	position:absolute;
	left:1%;
	bottom:7%;
}
#main .accessmap{
	position:absolute;
	right: 2%;
	bottom: 10%;
	z-index:114;
	width: 300px;
}
/* controller */
#main .controller{
	position:absolute;
	right: 0;
	top: 0;
	z-index: 999;
}
#main .controller ul{
	width: 135px;
	font-size: 0;
}
#main .controller li{
	display:inline-block;
}
#main .accessrap{
	position:absolute;
	left:1%;
	bottom:8%;
}
.catchcopy{
	position: absolute;
	right:1%;
	bottom:1.5%;
	z-index:1000;
}
#contents .sp_txt{
	display:none;
}
#contents .sp_mov{
	display:none;
}
#contents .sp_mov_rap{
	display:none;
}


/*-----------------------------
	sp
------------------------------*/

body.mobile {
	margin: 0;
	padding:0;
	background:url(../images/sp_bgimg.jpg) no-repeat scroll center top transparent;
	-moz-background-size:cover;
	background-size:cover;
}
.mobile #wrapper {
	width: 100%;
	z-index: 100;
	margin: 0;
	padding:0;
}
.mobile .inner {
	width: 100%;
	margin: 0;
	padding:0;
}
.mobile .overlayPattern {
	background-image:none;
}
.mobile #contents #videoContainer,
.mobile #contents .sp_mov_rap{
	width: 100%;
	margin:0 auto;
	padding-left: 0;
	padding-right: 0;
	text-align:center;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.mobile #contents #videoContainer iframe,
.mobile #contents .sp_mov_rap iframe{
	position: absolute;
	top: 0;
	left: 10%;
	width: 80%;
	height: 80%;
	border:#FFF 4px solid;
}


/* header */
.mobile header {
	position: relative;
	margin: 20px 0 0;
	padding:0;
}
.mobile header .logo {
	width:100%;
	text-align:center;
	margin: 0;
	padding:0;
}
.mobile header .logo img {
	/*display:none;*/
	width:40%;
	height:auto;
}

/* contents */
.mobile #contents {
	position: relative;
	width:100%;
	margin-bottom:20px;
}
.mobile .catchcopy{
	display:none;
}
.mobile #countdown {
	position: relative;
	right: auto;
	top: auto;
	margin: 0 5%;
}
.mobile #contents #main{
	margin: 0;
	padding:0;
}
.mobile #contents .sp_txt{
	width:100%;
	height:auto;
	margin: 0 0 30px 1%;
	padding:0;
	display:block;
	text-align:center;
}
.mobile #contents .sp_txt img{
	width:100%;
	height:auto;
	display:block;
}
.mobile #main ,.mobile #accessmap{
	position:relative;
	display:block;
	right: 0;
	bottom: auto;
	width: 90%;
	padding: 5%;
	margin: 0 auto;
	font-size: 0.8em;
	clear:both;
}
.mobile .banner img,.mobile #accessmap img{
	width:100%;
}
.mobile .tubular-mute,
.mobile .tubular-pause,
.mobile .tubular-play,
.mobile .tubular-volume-up,
.mobile .tubular-volume-down{
	display:none;
}
.mobile #contents .sp_mov{
	display: block;
}
.mobile #contents .sp_mov_rap{
	display: block;
}


/* footer */
.mobile footer {
	position: relative;
	margin: 10px 0 0;
	width:100%;
}
.mobile footer .inner{
	min-width:100%;
}
.mobile footer .contact{
	position:relative;
	margin:0 0 15px;
	text-align:center;
	width:100%;
}
.mobile footer .sns{
	margin:0 0 15px;
	text-align:center;
	width:100%;
	position:relative;
	left:0;
	top:0;
}
.mobile .copyright{
	clear:both;
	float:none;
	margin:0 0 10px;
	text-align:center;
	width:100%;
	font-size: 1.1em;
}