@charset "UTF-8";
/* CSS Document */
/* 基本情報 */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
a{color:#FFF;text-decoration: none;}
a:hover{color:#FFFF00;}

@keyframes bodyFadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes bodyFadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}

.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

img {
	max-width: 100%;
	height: auto;
}
body {
	animation: bodyFadeIn 2s ease 0s 1 normal;
	-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;
    background:#011b3c;color:#FFF;
font-family: 'Noto Sans JP', sans-serif;
}

ol, ul {
	list-style: none;
	list-style-type: none;
}

/* メニュー */
#wrapper_bottle h1{width:100%; font-size:14px;line-height: 1.2em; background:#CC0000; padding:6px 0;color:#FFF;text-align: center}
#wrapper_bottle{width:100%;margin:0 auto;padding-bottom:50px;background: url(../../_img/bg.jpg) center top no-repeat #011b3c;background-attachment: fixed;}

#wrapper_bottle.noBg{background: url(none) #FFF;color:#000;}

#wrapper_bottle nav#bottleMenu{width:100%;height:120px;margin:0 auto;padding:0;background: url("../../_img/nav_bg.png") repeat-x center center;position:fixed;bottom:0;left:0;right:0;box-sizing: border-box;z-index:1000;}
#wrapper_bottle nav#bottleMenu ul li.navlogo{width:173px;margin-top:0px;}
#wrapper_bottle nav#bottleMenu ul{width:935px; margin:0px auto; display:flex;color:#454545;}
#wrapper_bottle nav#bottleMenu ul li{margin: 0 5px;}
#wrapper_bottle nav#bottleMenu h1{text-align:center;font-size:0px; line-height:1.2em;padding-top:10px;}

/* メインビジュアル */
ul.sliderPlay2{z-index:5;}
div#mainVisual{width:1000px;height:665px; margin:0px auto; position: relative;z-index:0}

div#mainVisual #top1 .top_toy1 {width:371px; position:absolute; bottom:80px; left:120px; z-index:1;}
div#mainVisual #top1 .top_toy2 {width:657px; position:absolute; bottom:65px; right:-100px; z-index:1;}
div#mainVisual #top1 .top_copy1 {width:534px; position:absolute; top:0px; left:0; z-index:2;}
div#mainVisual #top1 .top_copy2 {width:849px; position:absolute; bottom:0px; left:0; right:0px; margin:0 auto; z-index:2;}

div#mainVisual #top2 .top_logo {width:340px; position:absolute; top:0px; right:50px; z-index:2;}
div#mainVisual #top2 .top_copy {width:471px; position:absolute; top:10px; left:0; z-index:2;}
div#mainVisual #top2 .top_name {width:495px; position:absolute; bottom:10px; left:0; z-index:2;}
div#mainVisual #top2 .top_day{width:615px; position:absolute; bottom:0px;left:210px; z-index:2;}
div#mainVisual #top2 .top_toy {width:644px; position:absolute; bottom:20px; right:-70px; z-index:1;}
div#mainVisual #top2 .top_shot1 {width:596px; position:absolute; bottom:60px; left:70px; z-index:1;}
div#mainVisual #top2 .top_shot2 {width:514px; position:absolute; bottom:170px; left:130px; z-index:2;}
div#mainVisual #top2 .top_shot3 {width:422px; position:absolute; bottom:320px; left:180px; z-index:1;}

/* スライドバナー */
div#mainBanners{width:100%;margin:0 auto;padding:40px 0;position: relative;z-index:1; background:#000;border-top:10px solid #FFF;border-bottom:10px solid #FFF;}
div#mainBanners li img{width:100%;}
div#mainBanners li{padding:0 10px;}


/* 共通section */

        .kakomi{border:1px solid #FFF;width:100%;margin:0 auto;padding:10px;font-size:13px;}
        .kakomi span{color:#FFFF00;}


#contents {
width: 100%;
padding: 0;
background: #000;
}

#wrapper_bottle section{width:822px;margin:180px auto 250px;position: relative;background: url("../../_img/table_cmn.png")repeat-y;}

#wrapper_bottle section:before{
content:"";display:block;
background: url('../../_img/table_header.png') center top no-repeat;width:822px;height:125px;position: absolute;top:-125px; }
#wrapper_bottle section:after{
content:"";display:block;
background: url('../../_img/table_footer.png') center top no-repeat;width:822px;height:77px;position: absolute;bottom:-77px; }

#wrapper_bottle.lower section{width:1022px;margin:180px auto 250px;position: relative;background: url("../../_img/table_cmn1000.png")repeat-y;}
#wrapper_bottle.lower section:before{
content:"";display:block;
background: url('../../_img/table_header1000.png') center top no-repeat;width:1022px;height:167px;position: absolute;top:-125px; }
#wrapper_bottle.lower section:after{
content:"";display:block;
background: url('../../_img/table_footer1000.png') center top no-repeat;width:1022px;height:77px;position: absolute;bottom:-77px; }

#wrapper_bottle section .inner{width:85%;margin:0px auto;padding-top:50px;}
#wrapper_bottle section .inner966{width:966px;margin:0px auto;padding-top:50px;}
#wrapper_bottle section h2{width:500px;position:absolute;top:-72px;left:0;right:0; margin:0px auto;font-size:0;z-index:10;}
#wrapper_bottle section#goldcap h2{top:-150px;}

#wrapper_bottle.lower section h2{width:500px;position:absolute;top:-30px;left:0;right:0; margin:0px auto;font-size:0;z-index:10;}

.banners p{margin-bottom:20px;text-align:center;font-size:14px;}


#event ul#banners{margin:0 auto;}
#event ul#banners li{margin:0px 0 20px;}
#event ul#banners li img{width:100%; border:1px solid #FFF;}

/* movie embed*/
.box_video{
    width:100%;
    margin:20px auto 0;
	height:0;
	padding-bottom:56%;
	position:relative;
}

.box_video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*最新ニュース */
div#news{width:100%;margin:0 auto;background:#FFF;color:#000;font-size:13px;position: relative;z-index:1;}
div#news dl {width:800px;margin:0 auto;}
div#news dl dt{width:130px;float:left;}
div#news dl dt img{margin-top:40px;}
div#news dl dd{margin-left:150px;}
ul#newsList{width:100%;height:120px;overflow-y: scroll;
margin: 30px auto;}
ul#newsList li{margin:20px 0;border-bottom:1px dashed #999;padding-bottom:20px;}
ul#newsList li:last-child{border-bottom:none;}
ul#newsList li .days{color:#999;}
ul#newsList li a{color:#000;text-decoration: underline;}
ul#newsList li a:hover{color:#000;}

p.leadText{font-size:24px;text-align:center;margin-bottom:1em;}
p.mvTitle{font-size:17px;text-align:center;background:#CC0000;color:#FFF;padding:5px;}


dl.lineupItem {width:100%;background:#FFF;margin:30px auto;padding:10px;box-sizing: border-box;color:#000;}

dl.lineupItem dt{width:48%; float:left;}
dl.lineupItem dt img{width:100%;}
dl.lineupItem dd{width:48%; margin-left:50%;}

dl.lineupItem p.items_txt{font-size:32px;color:#245cac;font-weight:bold;line-height:1.2em;margin-top:10px;text-align:left!important}
dl.lineupItem p.items_txt span{font-size:20px; display:block;line-height:1em;font-weight:bold;}
dl.lineupItem p.items_txt small{font-size:26px;line-height:1em;display:block;}

dl.lineupItem p.items_days{font-size:16px;line-height:2em;text-align:left!important}



.wrap_button{
    padding:0 10px;
display: flex; flex-wrap: nowrap;
	width: 100%;
	text-align:center;
	position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.wrap_button button{
	background-color: #ff0;
    border: 0;
    border-radius: 18px;
    padding: 7px 24px;
    font-size: 1.2rem;
}
.wrap_button button:hover{
	cursor: pointer;
}
.wrap_button button a{
	color: #000;
    text-decoration: none;
}



section#lineup h3,section#movie h3{width:85%;margin:40px auto 0;font-size:21px;text-align:center;padding:5px 0;color:#000;background:#33ff00;}

section#collabo h3{width:90%;margin:40px auto 0;font-size:21px;text-align:center;padding:5px 0;color:#000;background:#33ff00;}



/* ボタン*/
.btn{display:block;width:100%;background-color:#FF0000;color:#fff;text-align:center;padding:12px 0;margin-top:10px;font-size:20px;line-height:1.1em;letter-spacing: 0.2em;position: relative;}

#news .btn{width:33%;margin-top:50px;}

#wrapper_bottle section button {
width: 100%;
/* max-width: 293px; */
margin: 6px auto 6px;
padding: 12px 0;
font-size: 16px;color:#FFF;
line-height: 1.1em;
background:#FF0000;
cursor: pointer;border: none;
outline: none;border-radius: 10px;
}

#wrapper_bottle section#app button {width:60%;position: absolute;bottom:30px;left:0;right:0;margin:0 auto;}
#wrapper_bottle button a{
	text-decoration: none;
	color: #FFF;
	display: block;
}

.btnTextU{text-align:center; font-size:14px;color:#6a2d00;}
.copyright{text-align:right;font-size:12px;}

/* 下層ページ汎用*/
#lowerTitle{width:1000px; margin:0 auto -160px;}

#mainImg{width:890px;margin:0 auto;position: relative;z-index:2;}

dl#footerText{width:800px; margin:-150px auto 0;font-size:12px;text-align:left;}
dl#footerText.notsec{margin:30px auto }
dl#footerText dt{width:70%; float:left;}
dl#footerText dd{width:30%; margin-left:70%;}
dl#footerText p{color:#000;color:#FFF;
    text-shadow:  black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;}

dl#footerText.notsec p{color:#000;
    text-shadow: none}


.modalWin{width:640px;margin:0 auto; background:#FFF;color:#000;padding:30px;}
.modalWin p{margin-bottom:0.5em;}
.modalWin a{color:#0000CC;text-decoration: underline}
.modalWin h4{font-size:20px;font-weight:bold;border-bottom:1px solid #000;padding-bottom:0.5em;margin-bottom:0.5em}

a.popup-modal{color:#CC0000!important;font-size:16px;}

/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:after, ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}