@charset "UTF-8";

/*************************************************************

@media screen and (max-width: 736px) {

}

**************************************************************/

.bx-wrapper {
    margin: 0 auto 0px;
}





.item .inbody p.txt {
    line-height: 1.6;
    font-size: 14px;
    padding: 0px 0;
    text-align: left;
}


/*******************************

oigin

********************************/



#intro.item-container{
}
#intro.item-container hr.clear{
}
#intro h3.ttl {
    font-size: 36px;
    line-height: 1.6;
    margin: 10px 0 20px;
    color: #ffff00;
}

img.cover-top {
    width:100%;
    height:100px;
}

img.cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height:200px;
    z-index:0;
}

.fireworks-box{
    background: url(../images/index/intro/cover-top.png);
    background-position: center top;
    background-size: 100% 100px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 2;
}
.fireworks-box-body{
    background: rgba(6, 12, 45, 0.70);
    margin-top: 100px;
}

.fireworks-box p.ttl{
    font-size: 1.8rem;
    line-height: 1.2;
}
.fireworks-box h3.ttl{
    font-size: 3.1rem;
    margin: 0;
    padding: 0;
    color: #c80b4d;
    font-weight: normal;
}


#point-box ul.point{
    border: 0px #c80b4d dotted;
    padding: 5px;
    list-style: none;
}

#point-box ul:before{
    content: "おすすめポイント";
    font-size: 1rem;
    font-weight: bold;
    color: #e20566;
    background: #fff;
    border-radius: 9999pc;
    padding: 5px 20px;
}

#point-box ul.point li{
	text-align: left;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 40px;
    position: relative;
    margin: 10px 0;
}
#point-box  ul.point li:before{
    content: "";
	background: url(../images/index/fireworks-box/rose-icon.png)center center no-repeat;
    height: 30px;
    width: 30px;
    background-size: contain;
    display: block;
    vertical-align: middle;
    margin: 0;
    position: absolute;
    left: 0;
    top: 10%;
}

#point-box{
}

#point-box h3 {
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 5px 0 10px;
    color: #f7d41d;
}
#point-box h4 {
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0px 0 5px;
padding: 0;
}

#point-box p.txt {
    font-size: 0.7rem;
    line-height: 1.4;
    margin: 0px;
padding: 0;
}


#rose.item-container{
    background: rgba(6, 12, 45, 0.70) url(../images/index/fireworks-box/rose.png)center center no-repeat;
background-position: center center;
background-size: cover;
}


#hotel.item-container{
    background: #070c2a url(../images/index/hotel/hotel_bg.jpg)center center no-repeat;
    background-size: cover;
}

#hotel.item-container h3 {
    font-size: 34px;
    color: #d71563;
    line-height: 1.2;
    border: 0px #2dc3f5 solid;
    border-left: 0;
    border-right: 0;
    padding: 10px 0;
    text-align: center;
}

#hotel.item-container  p.ttl {
    font-size: 21px;
    line-height: 1.2;
text-align: center!important;
}

#hotel.item-container a.button:after,
#hotel.item-container  a.button02:after {
    position: relative;
    content: "\F105";
    font-family: FontAwesome;
    margin: 0 0 0 0px;
    right: 0;
    /* top: 30%; */
}

ul.tab {
    position: relative;
}
ul.tab li{
	display: inline-block;
    border: 0px #fff solid;
    border-bottom: 0px;
    width: 25%;
    margin: 0 2px;
}
ul.tab li img{
}

ul.tab li.select{
	width: 28%;
    border-bottom: 0;
    background: #000;
}
ul.tab li.select:after{
    content: "";
    background: #2777c4;
    height: 4px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0
	z-index: 1;
}
ul.tab li.bleachers-wm.select:after{
    background: #2777c4;
}
ul.tab li.bleachers-gm.select:after{
    background: #158d35;
}
ul.tab li.bleachers-cr.select:after{
    background: #6a3d07;
}











@media screen and (max-width: 736px) {

iframe.youtube{
    height: 200px;
}

#intro.item-container hr.clear {

}

#intro.item-container {

}


.item-container.fireworks-box {
    position: relative;
}
.fireworks-box-body {
    background: rgba(6, 12, 45, 0.70);
    margin-top: 0;
}

.fireworks-box p.ttl {
    font-size: 1.3rem;
    line-height: 1.2;
}

#point-box h4 {
    font-size: 0.8rem;
}

.fireworks-box ul.point li {
    font-size: 1rem;
}


#rose p.ttl {
    font-size: 24px;
    padding: 10px 5px;
}

#hotel .item-container-body {
    min-width: auto;
    max-width: 94%;
}

#hotel h2.ttl {
    font-size: 24px;
    text-align: center;
    margin: 0 0 20px 0;
    color: #fff;
}
#hotel h4 {
    font-size: 0.8rem;
}
#hotel p.ttl {
    font-size: 0.7rem;
}
span.date {
    font-size: 20px;
}


.bx-wrapper {
    margin: 0 auto 50px;
}

.bx-wrapper .bx-controls-direction a {
    bottom: -36px;
    top: 102%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFFEFE;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #961515;
}

.bx-wrapper .bx-caption span {
    font-size: 11px;
    padding: 2px;

}


#point.item-container p.ttl{
    font-size: 1.3rem;
}

ul.tab li{
	width: 25%;
}
ul.tab {
    margin: 15px 0 0;
}
ul.tab li.select {
    width: 33%;
}

}