@charset "UTF-8";
/* CSS Document */
/*(Last Up Date - 11 May, 2017) Add the limited area.*/





/*
[[[ Bootstrap Custom ]]]
*/

body {
 /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
		font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*[ Warning Color ]*/
.text-warning {
color: #ED1C24;
}
a.text-warning:hover,
a.text-warning:focus {
color: #F4777C;
}



/*[ Button - Default ]*/
.btn-primary {
color: #FFF;
background-color: #F15A24;
border-color: #ccc;
border: none;
}
.btn-primary:focus,
.btn-primary.focus {
color: #FFF;
background-color: #F69573;
border-color: #8c8c8c;
border: none;
}
.btn-primary:hover {
color: #FFF;
background-color: #F69573;
border-color: #adadad;
border: none;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #FFF;
background-color: #F69573;
border-color: #adadad;
border: none;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #F69573;
border-color: #8c8c8c;
border: none;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #F15A24;
border-color: #ccc;
border: none;
}
.btn-primary .badge {
color: #fff;
background-color: #F15A24;
}

/*[ Limited Button ]*/
.btn-primary.yellow {
color: #333;
background-color: #ffda00;
}
.btn-primary.yellow:focus,
.btn-primary.yellow.focus {
color: #333;
background-color: #fff099;
}
.btn-primary.yellow:hover {
color: #333;
background-color: #fff099;
}
.btn-primary.yellow:active,
.btn-primary.yellow.active,
.open > .dropdown-toggle.btn-primary.yellow {
color: #333;
background-color: #fff099;
}
.btn-primary.yellow:active:hover,
.btn-primary.yellow.active:hover,
.open > .dropdown-toggle.btn-primary.yellow:hover,
.btn-primary.yellow:active:focus,
.btn-primary.yellow.active:focus,
.open > .dropdown-toggle.btn-primary.yellow:focus,
.btn-primary.yellow:active.focus,
.btn-primary.yellow.active.focus,
.open > .dropdown-toggle.btn-primary.yellow.focus {
color: #333;
background-color: #fff099;
}
.btn-primary.yellow:active,
.btn-primary.yellow.active,
.open > .dropdown-toggle.btn-primary.yellow {
background-image: none;
}
.btn-primary.yellow.disabled:hover,
.btn-primary[disabled].yellow:hover,
fieldset[disabled] .btn-primary.yellow:hover,
.btn-primary.yellow.disabled:focus,
.btn-primary[disabled].yellow:focus,
fieldset[disabled] .btn-primary.yellow:focus,
.btn-primary.yellow.disabled.focus,
.btn-primary[disabled].yellow.focus,
fieldset[disabled] .btn-primary.yellow.focus {
background-color: #ffda00;
}
.btn-primary.yellow .badge {
color: #333;
background-color: #ffda00;
}


/*[ Button Large ]*/
.btn-xlg,
.btn-group-xlg > .btn {
padding: 14px 18px;
font-size: 21px;
line-height: 1.65em;
border-radius: 5px;
}
.btn-group > .btn-xlg + .dropdown-toggle {
padding-right: 16px;
padding-left: 16px;
}
.btn-xlg .caret {
border-width: 7px 7px 0;
border-bottom-width: 0;
}
.dropup .btn-xlg .caret {
border-width: 0 7px 7px;
}

@media screen and (max-width:767px) {
.btn-xlg,
.btn-group-xlg > .btn {
padding: 12px 16px;
font-size: 18px;
}

}


/*[ Breadcrumb ]*/
.breadcrumb {
background: none;
margin-top: 5px;
margin-bottom: 8px;
}

.breadcrumb > li + li:before {
content: "＞"
}


/*[ Page Header ]*/
.page-header {
margin-bottom: 14px;
border-bottom-color: #B3B3B3;
}
.page-header.no-border {
margin-bottom: 4px;
border-bottom:none;
}


/*[ Table ]*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-top: 1px solid #B3B3B3;
}

.table > thead > tr > th {
border-bottom: 2px solid #B3B3B3;
}

.table > tbody + tbody {
border-top: 2px solid #B3B3B3;
}
.table {
border-bottom:1px solid #B3B3B3;
}

@media screen and (max-width:767px) {
.table-responsive {
border: 1px solid #B3B3B3;
}

} /* (max-width:767px) end */










/*
[[[ Original Setting ]]]
*/

/*[[[ No Gutter ]]]*/
.row--nopadding {
margin-left: 0;
margin-right: 0;
}
.row--nopadding > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}




/*[[[ Add Gutter ]]]*/
.row-0{
margin-left:0px;
margin-right:0px;
}
.row-0 > div{
padding-right:0px;
padding-left:0px;
}

.row-10{
margin-left:-5px;
margin-right:-5px;
}
.row-10 > div{
padding-right:5px;
padding-left:5px;
}

.row-20{
margin-left:-10px;
margin-right:-10px;
}
.row-20 > div{
padding-right:10px;
padding-left:10px;
}

.row-30{
margin-left:-15px;
margin-right:-15px;
}
.row-30 > div{
padding-right:15px;
padding-left:15px;
}

.row-40{
margin-left:-20px;
margin-right:-20px;
}
.row-40 > div{
padding-right:20px;
padding-left:20px;

}





/*[[[ Inline Block ]]]*/
.row--v-middle {
font-size: 0;
}
.row--v-middle > [class*="col-"] {
float: none;
display: inline-block;
vertical-align: middle;
font-size: 14px;
}




/*[[[ Width No Limit ]]]*/
@media screen and (max-width:480px) {
.nolimit-xs {
margin-left: -30px;
margin-right: -30px;
}

}





@media screen and  (min-width:1200px) {
/*[[[ Block Top and Bottom ]]]*/
.blk-mTop-lg-lv1 {margin-top: 16px;}
.blk-mTop-lg-lv2 {margin-top: 24px;}
.blk-mTop-lg-lv3 {margin-top: 32px;}
.blk-mTop-lg-lv4 {margin-top: 48px;}

.blk-mBtm-lg-lv1 {margin-bottom: 16px;}
.blk-mBtm-lg-lv2 {margin-bottom: 24px;}
.blk-mBtm-lg-lv3 {margin-bottom: 32px;}
.blk-mBtm-lg-lv4 {margin-bottom: 48px;}


.blk-pTop-lg-lv1 {padding-top: 16px;}
.blk-pTop-lg-lv2 {padding-top: 24px;}
.blk-pTop-lg-lv3 {padding-top: 32px;}
.blk-pTop-lg-lv4 {padding-top: 48px;}

.blk-pBtm-lg-lv1 {padding-bottom: 16px;}
.blk-pBtm-lg-lv2 {padding-bottom: 24px;}
.blk-pBtm-lg-lv3 {padding-bottom: 32px;}
.blk-pBtm-lg-lv4 {padding-bottom: 48px;}


/*[[[ Element Top and Bottom ]]]*/
.elm-mTop-lg-lv1 {margin-top: 12px;}
.elm-mTop-lg-lv2 {margin-top: 24px;}
.elm-mTop-lg-lv3 {margin-top: 36px;}
.elm-mTop-lg-lv4 {margin-top: 48px;}

.elm-mBtm-lg-lv1 {margin-bottom: 12px;}
.elm-mBtm-lg-lv2 {margin-bottom: 24px;}
.elm-mBtm-lg-lv3 {margin-bottom: 36px;}
.elm-mBtm-lg-lv4 {margin-bottom: 48px;}


.elm-pTop-lg-lv1 {padding-top: 12px;}
.elm-pTop-lg-lv2 {padding-top: 24px;}
.elm-pTop-lg-lv3 {padding-top: 36px;}
.elm-pTop-lg-lv4 {padding-top: 48px;}

.elm-pBtm-lg-lv1 {padding-bottom: 12px;}
.elm-pBtm-lg-lv2 {padding-bottom: 24px;}
.elm-pBtm-lg-lv3 {padding-bottom: 36px;}
.elm-pBtm-lg-lv4 {padding-bottom: 48px;}

.elm-pLft-lg-lv1 {padding-left:5px;}
.elm-pLft-lg-lv2 {padding-left:8px;}
.elm-pLft-lg-lv3 {padding-left:12px;}
.elm-pLft-lg-lv4 {padding-left:16px;}
.elm-pLft-lg-lv5 {padding-left:20px;}
.elm-pLft-lg-lv4 {padding-left:24px;}

.elm-pRgt-lg-lv1 {padding-right:5px;}
.elm-pRgt-lg-lv2 {padding-right:8px;}
.elm-pRgt-lg-lv3 {padding-right:12px;}
.elm-pRgt-lg-lv4 {padding-right:16px;}
.elm-pRgt-lg-lv5 {padding-right:20px;}
.elm-pRgt-lg-lv6 {padding-right:24px;}

} /* (min-width:1200px) end*/





@media screen and (max-width:1199px) and (min-width:992px) {
/*[[[ Block Top and Bottom ]]]*/
.blk-mTop-md-lv1 {margin-top: 14px;}
.blk-mTop-md-lv2 {margin-top: 20px;}
.blk-mTop-md-lv3 {margin-top: 27px;}
.blk-mTop-md-lv4 {margin-top: 36px;}

.blk-mBtm-md-lv1 {margin-bottom: 14px;}
.blk-mBtm-md-lv2 {margin-bottom: 20px;}
.blk-mBtm-md-lv3 {margin-bottom: 27px;}
.blk-mBtm-md-lv4 {margin-bottom: 36px;}


.blk-pTop-md-lv1 {padding-top: 14px;}
.blk-pTop-md-lv2 {padding-top: 20px;}
.blk-pTop-md-lv3 {padding-top: 27px;}
.blk-pTop-md-lv4 {padding-top: 36px;}

.blk-pBtm-md-lv1 {padding-bottom: 14px;}
.blk-pBtm-md-lv2 {padding-bottom: 20px;}
.blk-pBtm-md-lv3 {padding-bottom: 27px;}
.blk-pBtm-md-lv4 {padding-bottom: 36px;}


/*[[[ Element Top and Bottom ]]]*/
.elm-mTop-md-lv1 {margin-top: 10px;}
.elm-mTop-md-lv2 {margin-top: 20px;}
.elm-mTop-md-lv3 {margin-top: 30px;}
.elm-mTop-md-lv4 {margin-top: 40px;}

.elm-mBtm-md-lv1 {margin-bottom: 10px;}
.elm-mBtm-md-lv2 {margin-bottom: 20px;}
.elm-mBtm-md-lv3 {margin-bottom: 30px;}
.elm-mBtm-md-lv4 {margin-bottom: 40px;}


.elm-pTop-md-lv1 {padding-top: 10px;}
.elm-pTop-md-lv2 {padding-top: 20px;}
.elm-pTop-md-lv3 {padding-top: 30px;}
.elm-pTop-md-lv4 {padding-top: 40px;}

.elm-pBtm-md-lv1 {padding-bottom: 10px;}
.elm-pBtm-md-lv2 {padding-bottom: 20px;}
.elm-pBtm-md-lv3 {padding-bottom: 30px;}
.elm-pBtm-md-lv4 {padding-bottom: 40px;}

.elm-pLft-md-lv1 {padding-left:4px;}
.elm-pLft-md-lv2 {padding-left:6px;}
.elm-pLft-md-lv3 {padding-left:10px;}
.elm-pLft-md-lv4 {padding-left:12px;}
.elm-pLft-md-lv5 {padding-left:16px;}
.elm-pLft-md-lv6 {padding-left:20px;}

.elm-pRgt-md-lv1 {padding-right:4px;}
.elm-pRgt-md-lv2 {padding-right:6px;}
.elm-pRgt-md-lv3 {padding-right:10px;}
.elm-pRgt-md-lv4 {padding-right:12px;}
.elm-pRgt-md-lv5 {padding-right:16px;}
.elm-pRgt-md-lv6 {padding-right:20px;}

} /* (max-width:1199px) and (min-width:992px) end */




@media screen and (max-width:991px) and (min-width:768px) {
/*[[[ Block Top and Bottom ]]]*/
.blk-mTop-sm-lv1 {margin-top: 12px;}
.blk-mTop-sm-lv2 {margin-top: 17px;}
.blk-mTop-sm-lv3 {margin-top: 24px;}
.blk-mTop-sm-lv4 {margin-top: 28px;}

.blk-mBtm-sm-lv1 {margin-bottom: 12px;}
.blk-mBtm-sm-lv2 {margin-bottom: 17px;}
.blk-mBtm-sm-lv3 {margin-bottom: 24px;}
.blk-mBtm-sm-lv4 {margin-bottom: 28px;}


.blk-pTop-sm-lv1 {padding-top: 12px;}
.blk-pTop-sm-lv2 {padding-top: 17px;}
.blk-pTop-sm-lv3 {padding-top: 24px;}
.blk-pTop-sm-lv4 {padding-top: 28px;}

.blk-pBtm-sm-lv1 {padding-bottom: 12px;}
.blk-pBtm-sm-lv2 {padding-bottom: 17px;}
.blk-pBtm-sm-lv3 {padding-bottom: 24px;}
.blk-pBtm-sm-lv4 {padding-bottom: 28px;}



/*[[[ Element Top and Bottom ]]]*/
.elm-mTop-sm-lv1 {margin-top: 8px;}
.elm-mTop-sm-lv2 {margin-top: 15px;}
.elm-mTop-sm-lv3 {margin-top: 22px;}
.elm-mTop-sm-lv4 {margin-top: 30px;}

.elm-mBtm-sm-lv1 {margin-bottom: 8px;}
.elm-mBtm-sm-lv2 {margin-bottom: 15px;}
.elm-mBtm-sm-lv3 {margin-bottom: 22px;}
.elm-mBtm-sm-lv4 {margin-bottom: 30px;}


.elm-pTop-sm-lv1 {padding-top: 8px;}
.elm-pTop-sm-lv2 {padding-top: 15px;}
.elm-pTop-sm-lv3 {padding-top: 22px;}
.elm-pTop-sm-lv4 {padding-top: 30px;}

.elm-pBtm-sm-lv1 {padding-bottom: 8px;}
.elm-pBtm-sm-lv2 {padding-bottom: 15px;}
.elm-pBtm-sm-lv3 {padding-bottom: 22px;}
.elm-pBtm-sm-lv4 {padding-bottom: 30px;}

.elm-pLft-sm-lv1 {padding-left:3px;}
.elm-pLft-sm-lv2 {padding-left:5px;}
.elm-pLft-sm-lv3 {padding-left:8px;}
.elm-pLft-sm-lv4 {padding-left:11px;}
.elm-pLft-sm-lv5 {padding-left:14px;}
.elm-pLft-sm-lv6 {padding-left:17px;}

.elm-pRgt-sm-lv1 {padding-right:3px;}
.elm-pRgt-sm-lv2 {padding-right:5px;}
.elm-pRgt-sm-lv3 {padding-right:8px;}
.elm-pRgt-sm-lv4 {padding-right:11px;}
.elm-pRgt-sm-lv5 {padding-right:14px;}
.elm-pRgt-sm-lv6 {padding-right:17px;}

} /* (max-width:991px) and (min-width:768px) end */





@media screen and (max-width:767px) {
/*[[[ Block Top and Bottom ]]]*/
.blk-mTop-xs-lv1 {margin-top: 10px;}
.blk-mTop-xs-lv2 {margin-top: 14px;}
.blk-mTop-xs-lv3 {margin-top: 20px;}
.blk-mTop-xs-lv4 {margin-top: 24px;}

.blk-mBtm-xs-lv1 {margin-bottom: 10px;}
.blk-mBtm-xs-lv2 {margin-bottom: 14px;}
.blk-mBtm-xs-lv3 {margin-bottom: 18px;}
.blk-mBtm-xs-lv4 {margin-bottom: 24px;}


.blk-pTop-xs-lv1 {padding-top: 10px;}
.blk-pTop-xs-lv2 {padding-top: 14px;}
.blk-pTop-xs-lv3 {padding-top: 18px;}
.blk-pTop-xs-lv4 {padding-top: 24px;}

.blk-pBtm-xs-lv1 {padding-bottom: 10px;}
.blk-pBtm-xs-lv2 {padding-bottom: 14px;}
.blk-pBtm-xs-lv3 {padding-bottom: 18px;}
.blk-pBtm-xs-lv4 {padding-bottom: 24px;}


.elm-mTop-xs-lv1 {margin-top: 5px;}
.elm-mTop-xs-lv2 {margin-top: 10px;}
.elm-mTop-xs-lv3 {margin-top: 15px;}
.elm-mTop-xs-lv4 {margin-top: 20px;}

.elm-mBtm-xs-lv1 {margin-bottom: 5px;}
.elm-mBtm-xs-lv2 {margin-bottom: 10px;}
.elm-mBtm-xs-lv3 {margin-bottom: 15px;}
.elm-mBtm-xs-lv4 {margin-bottom: 20px;}


.elm-pTop-xs-lv1 {padding-top: 5px;}
.elm-pTop-xs-lv2 {padding-top: 10px;}
.elm-pTop-xs-lv3 {padding-top: 15px;}
.elm-pTop-xs-lv4 {padding-top: 20px;}

.elm-pBtm-xs-lv1 {padding-bottom: 5px;}
.elm-pBtm-xs-lv2 {padding-bottom: 10px;}
.elm-pBtm-xs-lv3 {padding-bottom: 15px;}
.elm-pBtm-xs-lv4 {padding-bottom: 20px;}

} /*  (max-width:767px) end */





/*[[[ Text Size ]]]*/
.no-line-height {
line-height: 0 !important;
}

@media screen and (min-width:1200px) {
.header1 {font-size:40px;}
.header2 {font-size:32px;}
.header3 {font-size:28px;}
.header4 {font-size:24px;}
.header5 {font-size:20px;}
.header6 {font-size:18px;}

.sub-header1 {font-size:22px;}
.sub-header2 {font-size:20px;}
.sub-header3 {font-size:18px;}
.sub-header4 {font-size:15px;}

.body-copy1 {font-size:24px;}
.body-copy2 {font-size:20px;}
.body-copy3 {font-size:18px;}
.body-copy4 {font-size:15px;}
.body-copy5 {font-size:14px;}
.body-copy6 {font-size:12px;}

} /* (min-width:1200px) end */




@media screen and (max-width:1199px) and (min-width:992px) {
.header1 {font-size:35px;}
.header2 {font-size:28px;}
.header3 {font-size:24px;}
.header4 {font-size:22px;}
.header5 {font-size:18px;}
.header6 {font-size:16px;}

.sub-header1 {font-size:20px;}
.sub-header2 {font-size:18px;}
.sub-header3 {font-size:16px;}
.sub-header4 {font-size:14px;}

.body-copy1 {font-size:22px;}
.body-copy2 {font-size:19px;}
.body-copy3 {font-size:17px;}
.body-copy4 {font-size:15px;}
.body-copy5 {font-size:14px;}
.body-copy6 {font-size:12px;}

} /* (max-width:1199px) and (min-width:992px) end */




@media screen and (max-width:991px) and (min-width:768px) {
.header1 {font-size:30px;}
.header2 {font-size:24px;}
.header3 {font-size:22px;}
.header4 {font-size:20px;}
.header5 {font-size:18px;}
.header6 {font-size:16px;}

.sub-header1 {font-size:18px;}
.sub-header2 {font-size:16px;}
.sub-header3 {font-size:14px;}
.sub-header4 {font-size:12px;}

.body-copy1 {font-size:20px;}
.body-copy2 {font-size:18px;}
.body-copy3 {font-size:16px;}
.body-copy4 {font-size:15px;}
.body-copy5 {font-size:14px;}
.body-copy6 {font-size:12px;}

} /* (max-width:991px) and (min-width:768px) end */





@media screen and (max-width:767px) {
.header1 {font-size:24px;}
.header2 {font-size:22px;}
.header3 {font-size:20px;}
.header4 {font-size:18px;}
.header5 {font-size:16px;}
.header6 {font-size:14px;}

.sub-header1 {font-size:17px;}
.sub-header2 {font-size:15px;}
.sub-header3 {font-size:13px;}
.sub-header4 {font-size:11px;}

.body-copy1 {font-size:18px;}
.body-copy2 {font-size:16px;}
.body-copy3 {font-size:15px;}
.body-copy4 {font-size:14px;}
.body-copy5 {font-size:12px;}
.body-copy6 {font-size:10px;}

} /* (max-width:767px) end */





/*[[[ Color ]]]*/
/*[ Base ]*/

/*[ Back Ground ]*/
.bg-beige {background: #F3F0E5;}
.bg-white {background:#FFF;}
.bg-gray { background: #CCC;}

/*[ Content ]*/
.bg-col-event {background:#ED1E79;}
.bg-col-onsale {background:#93278F;}
.bg-col-last {background:#F7931E;}
.bg-col-schedule {background:#A67C52;}
.bg-col-schedule-light {background: #A67C52;}
.bg-col-schedule-soft {background: #EDE5DC;}
.bg-col-cocolo {background:#A5B60D;}
.bg-col-limited {background:#d4145a;}





/*[[[Image LInk ]] ]*/
a:hover img.mouseover.opacity {
opacity: .8;
}





/*[[[ Align ]]]*/
@media screen and (min-width:1200px) {
.text-lg-right {
text-align: right;
}

} /* (min-width:1200px;)  end */











/*
[[[ Common Bar ]]]
*/

/*[[[ RADIPASS TICKET ]]]*/
/*[ Logo ]*/
.bar-main .rt-logo {
padding-left: 12px;
padding-right: 12px;
}

@media screen and (max-width:991px) and (min-width:768px) {
.bar-main .rt-logo {
padding-left: 6px;
padding-right: 6px;
}

} /*(max-width:991px) and (min-width:768px) end */

@media screen and (max-width:768px) {
.bar-main .rt-logo {
max-width: 148px;
padding-left: 0;
padding-right: 0;
}

} /* (max-width:768px) end */

@media screen and (max-width:480px) {
.bar-main .rt-logo {
max-width: 98px;
padding-left: 0;
padding-right: 0;
padding-top:1px;
}

}/* (max-width:480px) end */





/*[[[ Login , Entry , My Page and Logout Buttons ]]]*/
/*[ Login Color ]*/
.bar-main .btn-login .btn {color: #FFF; background: #ED1E79;}
.bar-main .btn-login .btn:hover {color: #FFF; background: #F14B94;}

/*[ Entry Color ]*/
.bar-main .btn-entry .btn {color: #333; background: #FFDA00;}
.bar-main .btn-entry .btn:hover {color: #333; background: #FFE133;}

/*[ My Page Color ]*/
.bar-main .btn-mypage .btn {color: #fff; background: #333;}
.bar-main .btn-mypage .btn:hover {color: #fff; background: #666;}

/*[ Buttons - Login and Entry ]*/
.bar-main .btn-login,
.bar-main .btn-entry,
.bar-main .btn-mypage{
padding-right:6px;
}
.bar-main .btn-login,
.bar-main .btn-entry {
width:50%;
float: left;
}
.bar-main .btn-mypage{
width:70%;
float: left;
}

/*[ Logged Avatar ]*/
.bar-main .blk-face {
width:25%;
padding-right:5%;
float:left;
}
.bar-main .blk-face img {
border:2px solid #E6E6E6;
}


@media screen and (max-width:1199px) and (min-width:992px) {
.bar-main .blk-face {
width:28%;
padding-right:5%;
}

.bar-main .btn-mypage{
width:67%;
}
.bar-main .btn-mypage .btn {
font-size: 13px;
}

} /* (max-width:1199px) and (min-width:992px) */


/*[ Column Fix ]*/
@media screen and (max-width:767px) {
.bar-main .col-xs-fix .btn {
font-size: 11px;
}

.bar-main .btn-mypage{
padding-right: 0;
}

} /* (max-width:767px) end */

@media screen and (max-width:420px) {
.bar-main .col-xs-fix .btn {
font-size: 10px;
padding-left: 2px;
padding-right:2px;
}

.bar-main .blk-face {
width:35px;
}

} /* (max-width:420px) end */


@media screen and (max-width:360px) {
.bar-main .blk-face {
width:35px;
}

.bar-main .btn-mypage{
width:60%;
}

} /* (max-width:360px) end */












/*
[[[ Common Header ]]]
*/

/*[[[Header ]] ]*/
.header-main {}










/*
[[[] Global Navigation ]]
*/

/*[ Navigation ]*/
.global-navi.container-fulid {
border-bottom:2px solid #E6E6E6;
}

.global-navi .nav-border {
border: 3px solid #E6E6E6;
border-bottom: none;
border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
}

.global-navi [class*=btn-] {
border-right:1px solid #E6E6E6;
}
.global-navi .btn-schedule {
border-right:none;
}

/*[ Content Button ]*/
@media screen and (min-width:1200px) {
.global-navi [class*=btn-] {
padding:5px 18%;
}

} /* (min-width:1200px) end */


@media screen and (max-width:1199px) and (min-width:992px) {
.global-navi [class*=btn-] {
padding:5px 15%;
}

} /* (max-width:1199px) and (min-width:992px) end */


@media screen and (max-width:991px) and (min-width:768px) {
.global-navi [class*=btn-] {
padding:5px 3%;
}

} /* (max-width:991px) and (min-width:768px) end */


@media screen and (max-width:767px) and (min-width:480px) {
.global-navi [class*=btn-] {
padding:0 5px;
}

} /* (max-width:767px) and (min-width:640px) end */


@media screen and (max-width:479px)  {
.global-navi [class*=btn-] {
padding:0 3px;
}

} /* (max-width:479px) end */














/*
[[[ Search ]]]
*/

/*[[[ Search  ]]]*/
/*[ Button ]*/
.btn-search {
}
.btn-search:hover {
color: #FFFF00;
}
.btn.btn-search {
border-radius: 0 8px 8px 0;
border:1px solid #CCC;
}

/*[ Form ]*/
.form-control.input-search {
border-radius: 8px 0 0 8px;
border:none;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

@media screen and (max-width:1199px) {
.btn-search {
width:100%;
padding-left: 0;
padding-right: 0;
}

} /* (max-width:1199px) end */


@media screen and (max-width:767px) {
.form-search .head {
max-width: 300px;
margin: 0 auto 2px;
}

} /* (max-width:767px) end */


@media screen and (max-width:640px) {
.form-control.input-lg {
height:auto;
padding:6px 16px;
font-size: 16px;
}

.btn-search {
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
}

} /* (max-width:640px) end */










/*
[[[ ADS ]]]
*/

/*[ for Index Page (1)]*/
.ads.ads-responsive div {
margin: 0 auto;
}

@media screen and (min-width:1200px) {
.ads .mLft-spacer52 {
padding-left:52px;
}

} /* (min-width:1200px) end */


@media screen and  (min-width:728px) {
.ads.ads-responsive div > div {
max-width:728px;
margin: 0 auto;
text-align: center;
}

} /* (max-width:728px) end */


@media screen and  (max-width:727px) and (min-width:468px) {
.ads.ads-responsive div > div {
max-width:468px;
margin: 0 auto;
text-align: center;
}

} /* (max-width:727px) and (max-width:468px) end */


@media screen and  (max-width:467px) {
.ads.ads-responsive div > div {
max-width:320px;
margin: 0 auto;
text-align: center;
}

} /* (max-width:467px) end */











/*
[[[ SNS Buttons ]]]
*/

/*[[[ SNS Setting ]]]*/
.sns-btns {
width:auto;
height:auto;
margin:0 0 2rem;
padding:0;
text-align:center;
}
.sns-btns.left {
text-align:left;
}
.sns-btns .social {
display:inline-block;
line-height:1;
vertical-align:top;
}










/*
[[[ Common Footer ]]]
*/

/*[[[ List ]]]*/
footer .list-border li {
padding-top: 6px;
padding-bottom: 6px;
} 

footer .list-border li {
border-right: 1px solid #CCC;
}
footer .list-border li:first-child {
border-left: 1px solid #CCC;
}

@media (max-width:992px) {
footer .list-border li,
footer .list-border li:first-child {
padding-top:0;
padding-bottom: 0;
border: none;
}

} /*(max-width:992px) end */




/*[[[ Icon ]]]*/
/*[ Icon Right Martgin]*/
.icn-mRight-lv1 {margin-right:5px;}
.icn-mRight-lv2 {margin-right:8px;}
.icn-mRight-lv3 {margin-right:11px;}
.icn-mRight-lv4 {margin-right:14px;}










/*
[[[Thumbnail List ]] ]
*/

/*[ Content Header ]*/
.thumbnail-list .tl-header {
padding:8px;
margin-bottom: 14px;
}


/*[ List ]*/
.thumbnail-list a:hover {
text-decoration: none;
}


/*[ Frame ]*/
.thumbnail-list .thumbnail {
border-radius: 0;
}
.thumbnail-list .thumbnail:hover {
border-color: #C4C4C4;
}
/*[ for COCOLO ]*/
.thumbnail-list.brd-cocolo .thumbnail {
border-color:#A5B60D;
}


/*[ Header ]*/
.thumbnail-list .tl-header.tl-header-schedule img {
max-width: 33.33333%;
}


/*[ Label ]*/
.thumbnail-list .card-event,
.thumbnail-list .card-onsale,
.thumbnail-list .card-last {
position:relative;
}
.thumbnail-list .card-event:after,
.thumbnail-list .card-onsale:after,
.thumbnail-list .card-last:after {
content: "";
display: block;
position: absolute;
top: -1px;
left: -1px;
width:32px;
height: 32px;
z-index: 111;
}
.thumbnail-list .card-event:after {
background: url(../images/img_label_event.png) no-repeat center center;
background-size: 32px 32px;
}
.thumbnail-list .card-onsale:after {
background: url(../images/img_label_onsale.png) no-repeat center center;
background-size: 32px 32px;
}
.thumbnail-list .card-last:after {
background: url(../images/img_label_last.png) no-repeat center center;
background-size: 32px 32px;
}


/*[ Image Cover ]*/
.thumbnail-list .tl-thumb {
margin-top:5px;
margin-left:5px;
margin-right:5px;
}
.thumbnail-list .tl-thumb img {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
}
.thumbnail-list a:hover .tl-thumb img {
opacity: .2;
filter: alpha(opacity=20);
-ms-filter: "alpha( opacity=20 )";
}


/*[ Title ]*/
.thumbnail-list a .tl-title {
color: #337ab7;
font-weight: 800;
line-height: 1.4em;
}
.thumbnail-list a:hover .tl-title {
color: #23527c;
line-height: 1.4em;
}


/*[ Sub Title ]*/
.thumbnail-list .tl-sub {}


/*[ Info Frame ]*/
.thumbnail-list .info {
border-top:1px dotted #999;
padding-top: 12px;
padding-bottom: 10px;
}


/*[ Date ]*/
.thumbnail-list .tl-date {
font-weight: bold;
font-size: 16px;
}
.thumbnail-list .tl-date span {
display: inline-block;
color: #FFF;
background: #B3B3B3;
padding: 5px;
font-size: 12px;
font-weight: normal;
margin-right: 12px;
vertical-align: middle;
}


/*[ Others ]*/
.thumbnail-list .tl-list {
margin: 0;
padding: 0 0 0 24px;
list-style: circle;
}
.thumbnail-list .tl-list li {
margin: 0;
padding: 0;
line-height: 1.65;
}


/*[ Buttons Custom ]*/
.btn-lg-schedule {
padding-top:24px;
padding-bottom: 24px;
}


@media screen and (max-width:991px) and (min-width:768px) {
/*[ Buttons Custom ]*/
.btn-lg-schedule {
padding-top:16px;
padding-bottom: 16px;
}

.thumbnail-list .tl-header.tl-header-schedule img {
max-width: 33.3333%;
}

} /* (max-width:991px) and (min-width:768px) end */


@media screen and (max-width:767px) {
/*[ Content Header ]*/
.thumbnail-list .tl-header {
padding:5px;
margin-bottom: 8px;
}


/*[ Buttons Custom ]*/
.btn-lg-schedule {
padding-top:13px;
padding-bottom: 13px;
font-size: 16px;
}


/*[ Header ]*/
.thumbnail-list .tl-header.tl-header-schedule img {
max-width: 100%;
}

} /* (max-width:767px) end */










/*
[[[ Limited Entry (from 12 May, 2017) ]]] 
*/
.thumbnail-list .limited-box {
width:auto;
height: auto;
padding: 18px 22px;
border: 4px solid #d4145a;
box-sizing: border-box;
}

/*[ Title ]*/
.thumbnail-list.limited .tl-title {
color: #337ab7;
font-size: 26px;
font-weight: 800;
line-height: 1.6em;
}

/*[ Sub Title ]*/
.thumbnail-list.limited .tl-sub {
font-size: 18px;
}

/*[ Info Frame ]*/
.thumbnail-list.limited .info {
border-top:2px dotted #999;
margin-top: 18px;
margin-bottom: 14px;
padding-top: 18px;
padding-bottom: 16px;
}

/*[ Date ]*/
.thumbnail-list.limited .tl-date {
font-weight: bold;
font-size: 21px;
}
.thumbnail-list.limited .tl-date span {
padding: 7px;
font-size: 18px;
}


/*[ Others ]*/
.thumbnail-list.limited .tl-list li {
font-size:16px;
}


@media screen and (max-width:767px) {
.thumbnail-list .limited-box {
padding: 10px 12px 16px;
border: 3px solid #d4145a;
}

/*[ Title ]*/
.thumbnail-list.limited .tl-title {
font-size: 18px;
}

/*[ Sub Title ]*/
.thumbnail-list.limited .tl-sub {
font-size: inherit;
}

/*[ Info Frame ]*/
.thumbnail-list.limited .info {
border-top:1px dotted #999;
margin-top:inherit;
margin-bottom: inherit;
padding-top: 12px;
padding-bottom: 10px;
}

/*[ Date ]*/
.thumbnail-list.limited .tl-date {
font-weight: bold;
font-size: 16px;
}
.thumbnail-list.limited .tl-date span {
padding: 5px;
font-size: 12px;
}


/*[ Others ]*/
.thumbnail-list.limited .tl-list li {
font-size:inherit;
}

} /* @media screen and (max-width:767px) end */










/*
[[[Pages ]]] 
*/

/*[[[ Pages ]]]*/
/*[ Frame ]*/
.detail-frame {
width:auto;
padding:14px 29px 39px;
border:1px solid #E6E6E6;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*[ for COCOLO ]*/
.detail-frame.brd-cocolo {
border-color:#A5B60D;
}

/*[ Page Title ]*/
.page-title .tl-header img {
max-width:480px;
padding: 6px 18px;
}

@media screen and (max-width:480px) {
.page-title .tl-header img {
max-width:100%;
padding: 6px 12px;
}

} /* (max-width:480px) end */



/*[[[ Event Title and Sub Title ]]]*/
.detail-frame .df-set {
width:auto;
padding-bottom: 12px;
border-bottom:2px dotted #B3B3B3;
}
/*[ Title ]*/
.detail-frame .df-title {
color:#337ab7;
font-weight: 800;
line-height: 1.4em;
}

/*[ Sub Title ]*/
.detail-frame .df-sub {
color:#666;
line-height: 1.4em;
}


/*[[[ Event Day ]]]*/
.df-eventday-set {
width:auto;
height: auto;
}
.df-eventday-set .df-e-list {
width:100%;
border:1px solid #B3B3B3;
}
.df-eventday-set .df-e-list .head1,
.df-eventday-set .df-e-list .head2 {
width:auto;
width: 180px;
word-break: keep-all;
text-align: center;
}
.df-eventday-set .df-e-list .head1 {padding: 20px 12px;}
.df-eventday-set .df-e-list .head2 {padding: 14px 12px;}
.df-eventday-set .df-e-list .head1 {
color: #FFF;
background: #B3B3B3;
border-bottom: 1px solid #B3B3B3;
}
.df-eventday-set .df-e-list .box1,
.df-eventday-set .df-e-list .box2 {
width:auto;
text-align: left;
}
.df-eventday-set .df-e-list .box1 {padding: 20px 18px; border-bottom: 1px solid #B3B3B3;}
.df-eventday-set .df-e-list .box2 {padding: 14px 18px;}



/*[[[ Event Info Table ]]]*/
.df-eventdetail-set .df-t-head {
width:180px;
}


/*[[[ Border ]]]*/
.border-warning {
border:2px solid #ED1C24;
padding:12px;
}


@media screen and (max-width:1199px) and (min-width:992px) {
/*[ Frame ]*/
.detail-frame {
padding:11px 24px 28px;
}

} /* (max-width:1199px) and (min-width:992px) end */


@media screen and (max-width:991px) and (min-width:768px) {
/*[ Frame ]*/
.detail-frame {
padding:5px 21px 24px;
}

} /* (max-width:991px) and (min-width:768px) end */


@media screen and (max-width:767px) {
/*[ Frame ]*/
.detail-frame {
padding:0 15px 18px;
}

.df-eventday-set .df-e-list .head1,
.df-eventday-set .df-e-list .head2 {
width:100%;
display: block;
padding:8px 12px;
text-align: left;
}
.df-eventday-set .df-e-list .head2 {
color: #FFF;
background: #B3B3B3;
}
.df-eventday-set .df-e-list .box1,
.df-eventday-set .df-e-list .box2{
width:100%;
display: block;
padding:8px 12px;
text-align: left;
}

} /* (max-width:767px) end */





/*[[[Buy Box ]]] */
.buy-upper {
position: relative;
border-top: 2px dotted #999999;
padding-bottom: 120px;
}
.buy-upper:after {
content:"";
background: url(../images/img_buy_ticket.png) top center no-repeat;
background-size: 206px auto;
position: absolute;
top: -2px;
width:100%;
height: 92px;
z-index: 11;
}
.buy-box .buy-logo img {
width:48%;
margin: 0 auto;

}

.buy-box .bb-content {
padding: 22px;
border: 1px solid #CCCCCC;
background: #FFF;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.buy-box .bb-content.for-rp {
background: #F3F0E5;
}

.buy-box .bb-container {
width:100%;
display: table;
}
.buy-box .bb-container .bb-element {
width:100%;
text-align: center;
display: table-cell;
vertical-align: middle;
}

@media screen and (max-width:640px) {
.buy-box .bb-content {
padding: 18px;
}

} /*  (max-width:640px) end */


@media screen and (max-width:480px) {
.buy-upper {
border-top: 2px dotted #999999;
padding-bottom: 92px;
}
.buy-upper:after {
background: url(../images/img_buy_ticket.png) top center no-repeat;
background-size: 165px auto;
position: absolute;
height: 92px;
}

.buy-box .buy-logo img {
width:58%;
}

.buy-box .bb-content {
padding: 15px;
}

} /* (max-width:480px) end */











/*
[[[ Custom Setting ]]]
*/

.custom h1,
.custom h2,
.custom h3,
.custom h4 {
font-weight: normal;
}

.custom h1,
.custom h2,
.custom h3,
.custom h4,
.custom h5,
.custom h6,
.custom p {
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", sans-serif;
}

.custom h1,
.custom h2,
.custom h3,
.custom h4,
.custom h5,
.custom h6 {
line-height: 1.5em;
}

.custom p {
line-height: 1.65em;
}

.custom-text-align p {
text-align: justify;
}

.custom-letter-spacing h1,
.custom-letter-spacing h2,
.custom-letter-spacing h3,
.custom-letter-spacing h4,
.custom-letter-spacing h5,
.custom-letter-spacing h6 {
letter-spacing: 0.1em;
}

.custom-letter-spacing p {
letter-spacing: 0.05em;
}


.custom-modal .modal-dialog .form-control {
border: 1px solid #B0BEC5;
}

.custom-modal .modal-dialog .form-control label {
color: #607D8B;
}

.custom-modal .modal-dialog .modal-header {
padding: 15px 30px;
}

.custom-modal .modal-dialog .modal-body {
padding: 30px;
}



@media srceen and (max-width: 768px) {
.custom-letter-spacing h1,
.custom-letter-spacing h2,
.custom-letter-spacing h3,
.custom-letter-spacing h4,
.custom-letter-spacing h5,
.custom-letter-spacing h6 {
letter-spacing: 0.05em;
}

.custom-letter-spacing p {
letter-spacing: 0.025em;
}

} /*(max-width:768px) end */

