@charset "utf-8";

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

common

==========================================*/
/* reset */
p,ul,li,dl,dt,dd,h1,h2,h3,h4{
    margin: 0;
    padding: 0;
}
#contents li{
    list-style-type: none;
}
#contents img {
    vertical-align: top;
}

/*==========================================*/
.fLeft{float:left;}
.fRight{float:right;}
.alignR{text-align:right !important;}
.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignVM{vertical-align:middle !important;}
.alignVT{vertical-align:top !important;}
.alignVB{vertical-align:bottom !important;}
.alignVBase{vertical-align:baseline !important;}
.first-child{margin-top:0px !important;}
.mAuto{margin:0 auto !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml135{margin-left:135px !important;}

.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl30{padding-left:30px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pb35{padding-bottom:35px !important;}
.pb0{padding-bottom:0px !important;}

.font10{font-size: 10px !important;}
.font12{font-size: 12px !important;}
.font14{font-size: 14px !important;}
.font18{font-size: 18px !important;}
.font20{font-size: 20px !important;}
.colorN{ color: #012c6a !important;}
.colorR{ color: #ff0000 !important;}
.colorY{ color: #ffe86e !important;}
.colorP{ color: #f48ba1 !important;}
.colorG{ color: #d2d2d2 !important;}
.bold{font-weight: bold !important;}
em{ font-weight: bold; font-style: normal; }
/*#contents .linkTxt a {
    padding-left: 12px;
    background:url(../images/icon_arrow.png) 0 center no-repeat;
}*/

/* clearfix
------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* list */
#contents p.note01,
#contents ul.note01 li{
    text-indent:-1em;
    margin-left:1em;
    line-height:150%;
    margin-bottom: 3px;
}
/* Disc */
#contents ul.list-disc {
    margin-bottom:0;
}
#contents ul.list-disc li {
    margin-left:15px;
    list-style-type:disc;
}

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

Layout

==========================================*/
/* contents
------------------------------------------*/
#contents {
    width: 780px;
    color: #fff;
    font-size: 13px;
    float: left;
    background: url(../images/bg_cont.png) repeat-y 0 0;
}
#contents_btm {
    padding-bottom: 20px;
    background: url(../images/bg_cont_btm.jpg) no-repeat 0 bottom;
}

#contents a{
    color: #ffe86e;
    text-decoration: underline;
}
#contents a:hover{
    text-decoration: none;
}

#contents .head {
    height: 590px;
    background: url(../images/bg_head.jpg) no-repeat 0 bottom;
    padding-top: 18px;
}
#contents .head h2{
    width: 721px; height: 175px;
    background: url(../images/head_h2.png) no-repeat center 0;
    margin: 0 auto;
    text-indent: -9999px;
}
#contents .sns{
    position: relative;
    top: -13px;
    left: 913px;
}
#contents .sns li{
    float: left;
    margin-right: 2px;
}
#contents .sns a{
    height: 26px;
    width: 26px;
    display: block;
    text-indent: -9999px;
    background: url(../images/btn_share.png) no-repeat 0 0;
}
#contents .sns a.fb{ background-position: 0 0;}
#contents .sns a.fb:hover{ background-position: 0 -26px;}
#contents .sns a.twi{ background-position: -26px 0px;}
#contents .sns a.twi:hover{ background-position: -26px -26px;}

#contents .head.ver2 {
    height: 772px;
    background: url(../images/ticket/bg_head.jpg) no-repeat center bottom;
    padding-top: 28px;
}
#contents .head.ver2 h2{
    width: 721px; height: 193px;
    background: url(../images/ticket/head_h2.png) no-repeat center 0;
    margin: 0 auto;
    text-indent: -9999px;
}
/* ------------------------------------------*/

#contents .box {
    width: 646px;
    margin: 0 auto;
}
#contents .catch{
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1px;
}

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

#contents .reg{
    font-size: 15px;
    padding: 26px 34px 16px;
    border-top: 2px dotted #b84c72;
    border-bottom: 2px dotted #b84c72;
}
#contents .reg dt{
    width: 122px;
    float: left;
    clear: left;
    margin-bottom: 10px;
    padding-left: 21px;
    background: url(../images/icon_mark_y.png) no-repeat 0 2px;
    color: #ffe86e;
    font-weight: bold;
    letter-spacing: 2px;
}
#contents .reg dt span{
    padding-right: 18px;
    background: url(../images/icon_mark_y.png) no-repeat right 4px;
}
#contents .reg dd{
    margin-left: 143px;
    margin-bottom: 10px;
}

/* ------------------------------------------*/
#contents .btn {
    margin-top: 35px;
    display: inline-block;
    font-size: 0;
}

#contents .btn li {
    display: inline-block;
    line-height: 1;
    padding-bottom: 6px;
}
#contents .btn li:first-child {
    padding-right: 6px;
}
#contents .btn li:last-child {
    padding-left: 6px;
}

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

#contents .sec {
    width: 721px;
    margin: 0 auto;
}
#contents .sec h3{
    width: 615px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 24px;
    border-bottom: 2px dotted #68283f;
}

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

#contents .sec .detail{
    background: url(../images/bg_detail_mid.png) repeat-y 0 0;
}
#contents .sec .detail .top{
    padding-top: 14px;
    background: url(../images/bg_detail_top.png) no-repeat 0 0;
}
#contents .sec .detail .btm{
    padding-bottom: 43px;
    background: url(../images/bg_detail_btm.png) no-repeat 0 bottom;
}
#contents .sec .detail h3{
    padding: 28px 0 20px;
}

#contents .sec .detail dl.sch{
    width: 615px;
    margin: 0 auto;
    padding: 24px 0 0;
}
#contents .sec .detail dl.sch dt{
    width: 115px;
    float: left;
    clear: left;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #f48ba1;
    letter-spacing: 1px;
    background: url(../images/icon_mark_p.png) no-repeat 0 2px;
    margin-top: 2px;
}
#contents .sec .detail dl.sch dt span{
    background: url(../images/icon_mark_p.png) no-repeat right 2px;
    display: block;
}
#contents .sec .detail dl.sch.area dt{
    height: 92px;
    text-indent: -9999px;
    margin-top: 0;
}
#contents .sec .detail dl.sch.area dt:first-child{ background: url(../images/badge_tokyo.png) no-repeat 0 0;}
#contents .sec .detail dl.sch.area dt:nth-of-type(2){ background: url(../images/badge_osaka.png) no-repeat 0 0;}
#contents .sec .detail dl.sch.area dt:nth-of-type(3){ background: url(../images/badge_nagoya.png) no-repeat 0 0;}
#contents .sec .detail dl.sch.area dt:nth-of-type(4){ background: url(../images/badge_fukuoka.png) no-repeat 0 0;}

#contents .sec .detail dl.sch.area dd{
    min-height: 94px;
    margin-left: 114px;
    margin-bottom: 25px;
    line-height: 1.8;
    font-size: 15px;
}
#contents .sec .detail dl.sch dd{
    margin-left: 137px;
    margin-bottom: 25px;
    line-height: 1.8;
    font-size: 15px;
}
#contents .sec .detail dl.sch dd p:first-child{
    font-size: 15px;
    font-weight: bold;
    color: #df7c8a !important;
}
#contents .sec .detail dl.sch dd p:first-child a{
    color: #df7c8a !important;
}


#contents table {
    width: 604px;
    margin: 0 auto;
    border: 2px solid #585858;
    font-size: 12px;
    color: #fff;
}
#contents table td,#contents table th {
    border: 2px solid #585858;
    padding: 3px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
#contents table caption{
    text-align: left;
    margin-bottom: 5px;
}
#contents table summary{
    text-align: right;
}

#contents .wrap {
    width: 604px;
    margin: 25px auto 0;
}
#contents .wrap table {
    float: left;
}

#contents .sec .reg{
    border-top: 2px dotted #68283f;
    border-bottom: 2px dotted #68283f;
}

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

#contents .sec .detail dl.note{
    margin-top: 48px;
}
#contents .sec .detail dl.note dt{
    text-align: center;
    padding-bottom: 22px;
}

#contents .sec .detail dl.note li{
    font-size: 12px;
    color: #d2d2d2;
    margin-bottom: 5px;
}

/*#contents .sec.pro{
    width: 590px;
    margin: 40px auto 0;
}
#contents .sec.pro h3{
    border-bottom: 2px dotted #b84c72;
}

#contents .sec.pro dl{
    min-height: 132px;
    margin-top: 28px;
    padding-left: 343px;
    padding-top: 22px;
    background: url(../images/img_logo.png) no-repeat 0 0;
    color: #fff;
    font-size: 12px;
}
#contents .sec.pro dl dt{
    width: 67px;
    float: left;
}
#contents .sec.pro dl dd{
    margin-left: 67px;
    margin-bottom: 10px;
}
#contents .sec.pro ul{
    text-align: center;
    font-size: 0;
}
#contents .sec.pro li{
    display: inline-block;
    padding: 0 7px;
}*/
#contents .pro{
    width: 734px;
    margin: 40px auto 0;
}
#contents .pro h3{
    border-bottom: none;
}
#contents .pro ul{
    font-size: 0;
}
#contents .pro li{
    display: inline-block;
    width: 170px;
    vertical-align: top;
    margin-right: 18px;
    margin-bottom: 26px;
}
#contents .pro li:nth-of-type(4),
#contents .pro li:nth-of-type(8){
    margin-right: 0;
}
#contents .pro li dd{
    margin-top: 8px;
    line-height: 1.8;
    font-size: 12px;
}
#contents .pro li dt img.icon{
    display: block;
    margin-bottom: 6px;
}
#contents .pro li dt a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

#contents .copy{
    padding-top: 17px;
    margin-top: 10px;
    text-align: center;
}

#contents .ticket{
    height: 44px;
    padding-top: 6px;
    padding-right: 21px;
    text-align: right;
    background: url(../images/bg_ticket.png) no-repeat 0 0;
}

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

 caution

------------------------------------------*/
#contents.caution h2 {
    height: 150px;
    text-indent: -9999px;
    background: none;
}
#contents.caution #contents_btm {
    background: url(../images/bg_cau.jpg) no-repeat 0 0;

}
#contents.caution h3 {
    width: 666px;
    margin: 0 auto;
    padding: 19px 0px 12px;
    border-bottom: 2px dotted #68283f;
}
#contents.caution .lead{
    padding: 25px 32px 0;
    color: #d2d2d2;
}
#contents.caution .lead li{
    margin-bottom: 0 !important;
}

#contents.caution .sec dl{
    margin: 18px 12px 0;
    padding-top: 18px;
    clear: both;
}
#contents.caution .sec dl.last{
    margin-bottom: 42px;
}

#contents.caution .sec dl dt{
    background: #2a2a2a;
    padding-left: 12px;
}

#contents.caution .sec dl dt span{
    display: block;
    padding: 5px 0 5px 32px;
    background: url(../images/icon_q.png) 0 center no-repeat;
    font-size: 14px;
    color: #fff;
}
#contents.caution .sec dl dd{
    padding: 1px 0 0 32px;
    margin-top: 17px;
    margin-left: 42px;
    background: url(../images/icon_a.png) 0 0 no-repeat;
}

#contents.caution .list-disc{
    width: 638px;
    margin: 18px auto 0;
    padding-bottom: 18px;
    background: url(../images/bg_line_dot_2.png) repeat-x 0 bottom;
}
#contents.caution .list-disc li{
    line-height: 1.5;
    margin-bottom: 15px;
}
#contents.caution .sec .detail .btm {
    padding-bottom: 0;
}
/* button -------------------------*/
#contents .hover a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
