@charset "UTF-8";
/* CSS Document */


h1 {
}


a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



.btn {
   display: block;
   background: #EF8395;
   text-align: center;
   color: #ffffff;
   padding: 10px 30px;
   font-weight: bold;
   width: 200px;
   margin: 0 auto;
   border-radius: 4px;
}
a.btn:hover {
   background: #BE4559;
   color: #ffffff;
   text-decoration: none;
   
}
/* --------------------------------------------------------------


                      sakura


-----------------------------------------------------------------*/
section .inner div.flakes {
    opacity: 0;
    -webkit-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-animation-name:Drop;
        animation-name: Drop;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#sakura .inner div.flakes {
    position: absolute;
    display: block;
    width: 30px;
    height:37px;
    background: url("../img/common/sakura.png") no-repeat;
}
 
#sakura .inner div.flake2,
#sakura .inner div.flake3,
#sakura .inner div.flake6,
#sakura .inner div.flake7,
#sakura .inner div.flake10,
#sakura .inner div.flake11,
#sakura .inner div.flake13,
#sakura .inner div.flake14 {
    background-size: 15px 17px !important;
}

.flake1 {
    left: 20px;
    -webkit-animation-duration: 11.5s;
    animation-duration: 12.5s;
}
 
.flake2 {
    left: 40px;
    -webkit-animation-duration: 22.7s;
    animation-duration: 22.7s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
.flake3 {
    left: 60px;
    -webkit-animation-duration: 12.9s;
    animation-duration: 12.9s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
 
.flake4 {
    left: 80px;
    -webkit-animation-duration: 25.4s;
    animation-duration: 25.4s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
 
.flake5 {
    left: 100px;
    -webkit-animation-duration: 12.4s;
    animation-duration: 12.4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
 
.flake6 {
    left: 150px;
    -webkit-animation-duration: 15.2s;
    animation-duration: 15.2s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
.flake7 {
    left: 170px;
    -webkit-animation-duration: 12.7s;
    animation-duration: 12.7s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
.flake8 {
    left: 200px;
    -webkit-animation-duration: 33s;
    animation-duration: 33s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.flake9 {
    right: 20px;
    -webkit-animation-duration: 11.5s;
    animation-duration: 12.5s;
}
 
.flake10 {
    right: 40px;
    -webkit-animation-duration: 22.7s;
    animation-duration: 22.7s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
.flake11 {
    right: 60px;
    -webkit-animation-duration: 12.9s;
    animation-duration: 12.9s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
 
.flake12 {
    right: 80px;
    -webkit-animation-duration: 25.4s;
    animation-duration: 25.4s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
 
.flake13 {
    right: 100px;
    -webkit-animation-duration: 12.4s;
    animation-duration: 12.4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
 
.flake14 {
    right: 150px;
    -webkit-animation-duration: 15.2s;
    animation-duration: 15.2s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
.flake15 {
    right: 170px;
    -webkit-animation-duration: 12.7s;
    animation-duration: 12.7s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
.flake16 {
    right: 200px;
    -webkit-animation-duration: 33s;
    animation-duration: 33s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}




@-webkit-keyframes Drop {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }
 
    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 1;
    }
 
    100% {
        -webkit-transform: translateY(1200px);
        transform: translateY(1200px);
        opacity: 0.3;
    }
}
 
@keyframes Drop {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }
 
    50% {
        -webkit-transform: translateY(1200px);
        transform: translateY(500px);
        opacity: 1;
    }
 
    100% {
        -webkit-transform: translateY(1500px);
        transform: translateY(1200px);
        opacity: 0.3;
    }
}




/* --------------------------------------------------------------


                      header


-----------------------------------------------------------------*/

header {
   height: 80px;
   background: #ef8395;
   width: 100%;
   padding: 0;
}
header nav ul {
   width: 730px;
   margin: 0 auto;
}
header nav li {
   width: 243px;
   height: 79px;
   float: left;
   margin: 0;
   text-align: center;
}

header nav li a {
display: block;
   width: 243px;
   height: 79px;
   background-repeat: no-repeat;
   background-position: top;
   text-indent: -9999px;
}
header nav li a:hover {
   background-position: bottom;
}
header nav li a#nav-top {
   background-image: url("../img/common/nav-top.png");
}
header nav li a#nav-gaiyou {
   background-image: url("../img/common/nav-gaiyou.png");
}
header nav li a#nav-ticket {
   background-image: url("../img/common/nav-ticket.png");
}
header nav li a#nav-goods {
   background-image: url("../img/common/nav-goods.png");
}



header nav li#bnr-site {
   top:-10px;
}
header nav li#bnr-site,
header nav li#bnr-site a {
   padding-top: 0;
   width: 206px;
   height: 66px;
}

header nav {
   width: 960px;
   margin: 0 auto;
}

/* --------------------------------------------------------------


                      main


-----------------------------------------------------------------*/


body {
   margin: 0 auto;
   background: url("../img/common/bg-body-top.jpg") no-repeat center top #ffe9ed;
   font-size: 15px;
}
h1#pagettl {
  text-align: left;
  text-indent: 0;
  padding: 3px 15px;
  width: 970px;
  margin: 0 0 20px 0;
  background: #be4559;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
}
h1#pagettl img {
  vertical-align: middle;

}
#wrap {
   float: none;
   width: 1000px;
   margin: 0 auto;
   min-height: 0;
}

#main {
   float: none;
   width: 1000px;
   margin: 0 auto;
}

.cts_box {
   background: #ffffff;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 30px;
}
h1.ttl_cts {
   font-size: 1.4em;
   font-weight: bold;
/*   color: #EF8395; */
   border-bottom: #f8cad2 3px solid;
   margin-bottom: 20px;
   padding: 2px 5px;
   line-height: 1.6em;
}



/*--------  TOP --------- */


body#top #wrap {
   margin-top: 50px;
   position: relative;
   margin-bottom: 10px;
   padding-bottom: 30px;
}


#top header {
   margin-bottom: 30px;
}

#top #ttl-top {
   height:  269px;
   width: 343px;
   margin-left: 10px;
}

#logo_top {
   height: 368px;
   width: 371px;
   margin-top: -10px;
}
#top h1 {
   text-align: left;
}

#mainvisual {
   width: 639px;
   height: 880px;
   float: right;
   background: url("../img/top/mainvisual.png") no-repeat;
   margin-right: -50px;
}
@keyframes vertical {
    0% { transform:translateY(-7px); }
  100% { transform:translateY(  0px); }
}

#mainvisual{
  animation: vertical 1.5s ease-in-out infinite alternate;
}


#news {
   background:url("../img/top/bg-topnews.png") no-repeat;
   color: ;
   height: 210px;
   width: 372px;
   padding: 0 0 10px 10px;
}
#news h1 {
   text-indent: -9999px;
}
#news dl {
   overflow: hidden;
   overflow-y: scroll;
   height: 155px;
   width: 362px;
   padding-top: 15px;
}
#news dl dt {
   font-size: 0.7em;
   width: 80px;
    float: left;
    padding-left: 5px;
    line-height: 1.6em;
    font-weight: bold;
    color: #BE4559;
}
#news dl dd {
   margin-bottom: 10px;
   padding-left: 85px;
   line-height: 1.4em;
   padding-bottom: 3px;
   border-bottom: dotted 1px #878787;
   font-size: 13px;
}
#news dl dd a {
}
#news a {
}
#news h1 {
   height: 23px;
   margin-bottom: 10px;
}


#top footer {
   margin-top: 0;
      padding-bottom: 100px;

}


/*--------  イベント概要 --------- */

.box_gaiyo {
   padding: 5px;
}

#main_gaiyou {
   margin-top: -20px;
}
.gaiyou_tbl {
   margin-bottom: 30px;
}
.gaiyou_tbl th p {
   background: #ddd4d4 ;
   padding: 2px 7px;
   text-align: center;
   font-weight: bold;
   width: 70px;
   height: 25px;
   line-height: 27px;
   font-size: 0.9em;
}
.gaiyou_tbl th {
   padding-top: 15px;
}
.gaiyou_tbl th,
.gaiyou_tbl td {
   padding: 15px 0;
   border-bottom: solid #dddddd 1px;
   vertical-align: top;
}
.gaiyou_tbl td {
   width: 350px;
   padding-left: 20px;
}
.event_note {
   padding: 20px;
   border: solid 1px #b6b2b2;
   margin-bottom: 20px;
}

#map {
   margin-right: 30px;
}



.ev_area_box {
   background: #fff7ec ;
   border-radius: 10px;
   padding: 20px;
   margin-bottom: 15px;
}





.time_tbl {
   border: solid 5px #dab47d;
   width: 100%;
}

.time_tbl th,
.time_tbl td {
   padding: 20px;
   background: #ffffff;
   border-bottom: solid 2px #dab47d;
}
.time_tbl th {
   padding: 20px;
   border-right: solid 2px #dab47d;
   font-size: 1.2em;
   font-weight: ;
   color: #111111;
   text-align: center;
   background: #ffe6ea;
}

.time_tbl td b {
   font-size: 1.2em;
   color: #BE4559;
}

.list_ennichi {
   border-top: dashed 1px #999999 ;

}
.list_ennichi li {
   border-bottom: dashed 1px #999999 ;
   padding: 20px 10px;
   font-size: 0.9em;
   line-height: 1.8em;
}
.name_ennichi {
   color: #BE4559;
   font-size: ;
}


/*--------  チケット概要 --------- */


.ticket h2 {
   height: 35px;
   background: #098b77;
   line-height: 35px;
   color: #ffffff;
   text-indent: 0;
   font-size: 1.4em;
   padding: 0 7px;
   margin-bottom: 10px;
}
.ticket dl {
  padding: 0 20px;
  margin-bottom: 30px;
}
.ticket dt {
   font-size: 1.8em;
   padding-bottom: 5px;
   font-weight: bold;
   color: #244872;
   border-bottom: dotted 2px #244872;
   margin-bottom: 15px;
}

.waku {
   border: solid 3px #a2b6cd;
   margin: 0 30px 15px 30px;
   padding: 20px;
}
.ticket_dl {
   padding: 0;
   margin: 0;
}
.ticket_dl dt {
   font-size: 1.2em;
   border: none;
   margin-bottom: 2px;
   color: #000000;
}
.ticket_dl dd {
   border-bottom: dotted 1px #000000;
   padding-bottom: 25px;
   margin-bottom: 28px;
}

.ticket .gaiyou_tbl td {
   width: 100%;
}
.ticket .gaiyou_tbl  {
   border-top: solid #dddddd 1px;

}
.ticket .gaiyou_tbl th p {
   width: 150px;
}
.gaiyou_tbl dd .gaiyou_tbl th,
.gaiyou_tbl dd .gaiyou_tbl td {
   
}



/* --------------------------------------------------------------


                      goods


-----------------------------------------------------------------*/
#menu_goods  {
   margin-bottom: 50px;
}
#menu_goods li {
   display: inline-block;
   margin: 7px 2px;
   border: 2px solid #dfdfdf;
   border-radius: 3px;
   padding: 7px 15px;
}
#menu_goods li:hover {
   background: #eeeeee;
}
#menu_goods li a:hover {
   text-decoration: none;
}


.goods h2 {
   background: #098B77;
   color: #ffffff;
   text-indent: 0;
   font-size: 1.3em;
   height: 28px;
   line-height: 28px;
   margin-bottom: 3px;
}

.star {
   font-weight: bold;
   color: #fb692f;
}
#list_goods dt {
   background: #146395 ;
   color: #ffffff;
   padding: 10px 15px;
   font-weight: bold;
   clear: both;
   font-size: 1.3em;
}

#list_goods dt .note {
   font-weight: normal;
   font-size: 0.8em;
}

.goods .gaiyou_tbl {
   width: 100%;
}
.goods .gaiyou_tbl th,
.goods .gaiyou_tbl th p {
   width: 200px;
}
.goods .gaiyou_tbl td {
   width: auto;
}

#list_goods dd {
   background: #f3ede3 ;
   padding: 10px;
   margin-bottom: 20px;
   overflow: hidden;
   border: solid 1px #c0b7a7;
}

.goods_img {
	background-color:#ffffff;
   width: 400px;
   float: left;
   margin-right: 20px;
   text-align: center;
   padding: 10px;
}

.red_note {
	font-weight:bold;
	border:solid 4px #ffc990;
	background-color:#fff9d5;
	color:#fd3615;
	padding: 10px 20px;
}
.red_note li {
   line-height: 1.7em;
}
.ev_gentei {
   background: #e43619;
   color: #ffffff;
   display: inline;
   padding: 0 10px;
   height: 25px;
   line-height: 25px;
}
.ev_senko {
   background: #76b91f;
   color: #ffffff;
   display: inline;
   padding: 0 10px;
   height: 25px;
   line-height: 25px;
}
.num_limit {
   display: inline;
   color: #e43619;
   font-weight: bold;

}

.goods_price {
   font-size: 1.2em;
   font-weight: bold;
   margin: 10px 0;
}



.star {
   color:#ffac0d;
}

.toku_note {
   border: solid 3px #ffd074;
   padding: 10px;
   background: #fffaf0;
   
}
.toku_note p {
   padding: 0 10px;
}
.toku_note h1 {
   background: #ff8c11;
   padding: 0 15px;
   border-radius: 10px;
   color: #ffffff;
   text-indent: 0;
   margin-bottom: 10px;
   height: 25px;
   line-height: 25px;
}

.c_name {
   border: solid 1px #ffffff;
   padding: 2px 7px;
   display: inline-table;
   font-size: 0.7em;
   vertical-align: middle;
   margin-bottom: 5px;
}






/* --------------------------------------------------------------


                      footer


-----------------------------------------------------------------*/


footer {
   height: 200px;
   background: #ef8395;
   width: 100%;
   padding-top: 20px;
   
}


#gotop {
   position: fixed;
   bottom:0;
   right:30px;
   display: block;
   height: 85px;
   width: 101px;
}
footer .inner {
   width: 950px;
   margin: 0 auto;
}
footer #bnr_area {
   padding-top: 0;
   text-align: center;
}

.fb-like {
   margin-top: -7px;
}

#snsBtns {
   width: 220px;
}
#snsBtns .tweet_btn {
   margin-right: 20px;
}
#copyright {
   color: #ffffff;
   line-height: 1.5em;
}