@charset 'UTF-8';
/* Reset
------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,500);
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
{
  margin: 0;
  padding: 0;
}

address,
em
{
  font-style: normal;
}

strong,
th
{
  font-weight: normal;
}

table
{
  width: 100%;

  border-spacing: 0;
  border-collapse: collapse;
}

th
{
  text-align: left;
}

hr,
legend
{
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6
{
  font-size: 100%;
  font-weight: normal;
}

img,
fieldset
{
  border: 0;
}

img
{
  max-width: 100%;
  height: auto;

  vertical-align: top;

  border: 0;
}

li
{
  list-style-type: none;
}

input[type='submit'],
button,
label,
select
{
  cursor: pointer;
}

.clearfix:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}

.clear
{
  clear: both;
}

.spHide{display: block !important;}
.pcHide{display: none !important;}
@media only screen and (max-width: 768px)
{
  .spHide{display: none !important;}
  .pcHide{display: block !important;}
}
.sp_br{display: none !important;}
.pc_br{display: inline !important;}
@media only screen and (max-width: 768px)
{
  .sp_br{display: inline !important;}
  .pc_br{display: none !important;}
}

strong{
  font-weight: bold;
}

/* link
------------------------------------------------------------*/
a
{
  text-decoration: underline;

  color: #ab1f24;
  outline: none;
}
a:hover
{
  text-decoration: none;

  color: #ce252b;
}

a:hover img
{
  opacity: .8;

  filter: alpha(opacity=80);
  -moz-opacity: .8;
}

.hoverBga:hover
{
  opacity: .6;
  background-color: #fff;

  filter: alpha(opacity=60);
  -moz-opacity: .6;
}

@media only screen and (max-width: 768px)
{
  a:hover img
  {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
  }

  .hoverBga:hover
  {
    opacity: 1.0;
    background-color: #fff;

    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
  }
}

/* Fonts
------------------------------------------------------------*/
html
{
  font-size: 62.5%;
}

/* 10px base */
body
{
  word-wrap: break-word;

  -webkit-text-size-adjust: 100%;
  overflow-wrap: break-word;
}

body > div,
input,
button,
textarea,
select
{
  font-family: '游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;

  color: #060403;
}

.uppercase
{
  text-transform: uppercase;
}

.small-font
{
  font-size: 85%;
}

/* Float
------------------------------------------------------------*/
.fl
{
  float: left;
}

.fr
{
  float: right;
}

/* form
------------------------------------------------------------*/
.input100per,
textarea
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;

  border: 1px solid #ccc;
}

/* Text align
------------------------------------------------------------*/
.text-center
{
  text-align: center;
}

.text-right
{
  text-align: right;
}

.vabottom
{
  vertical-align: bottom;
}

/* Back ground
------------------------------------------------------------*/
.bgRed
{
  background-color: #ab1f24;
}

/* Tooltip
------------------------------------------------------------*/
.balloonTip
{
  background-color: #fff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* layout */
body
{
  background: url(../images/common/bgBody.jpg) repeat 0 0;
}

#header
{
  background-color: rgba(255,255,255,0.8);
  -webkit-box-shadow: 0 -2px 14px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 -2px 14px rgba(0, 0, 0, .2);
  box-shadow: 0 -2px 14px rgba(0, 0, 0, .2);
  position: relative;
  z-index: 110001;
}
#header .container
{
  position: relative;
  z-index: 11000;

  padding-top: 28px;
}
@media only screen and (max-width: 768px)
{
  #header .container
  {
    padding-top: 10px;
  }
}
#header .siteTitle
{
  display: block;
  overflow: hidden;
  width: 400px;
  height: 82px;
  margin: 0 0 20px;
  background: url(../images/common/logo.png) no-repeat 0 0;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#header .siteTitle a
{
  display: block;
  overflow: hidden;

  height: 0;
  padding-top: 82px;
}
#header .siteTitle a:hover
{
  opacity: .2;
  background-color: #fff;

  filter: alpha(opacity=20);
  -moz-opacity: .2;
}
@media only screen and (max-width: 768px)
{
  #header .siteTitle
  {
    width: 80%;
    height: auto;
    margin: 10px 0 0 5%;

    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }
  #header .siteTitle a
  {
    padding-top: 25%;
  }
}
#header nav
{
  display: none;
  clear: both;
}
@media only screen and (max-width: 768px)
{
  #header nav
  {
    display: block;
  }
}

#header nav #gNavi
{
  display: block;
}
@media only screen and (max-width: 768px)
{
  #header nav #gNavi
  {
    display: none !important;
  }
}
#header nav li
{
  float: left;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  height: 56px;
  margin: 0;

  border-right: 1px solid #e7e7e7;
}
#header nav li a
{
  display: block;
  overflow: hidden;

  height: 0;
  padding-top: 56px;

  background-image: url(../images/common/bgGlobalNavi.png);
  background-repeat: no-repeat;
}

#header nav li a:hover
{
  opacity: .6;
  background-color: #fff;

  filter: alpha(opacity=60);
  -moz-opacity: .6;
}
@media only screen and (max-width: 768px)
{
  #header nav li a:hover
  {
    opacity: 1.0;
    background-color: #ab1f24;

    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
  }
}
#header nav li:last-child
{
  border-right: none;
}
#header nav li#naviAbout a
{
  background-position: 0 0;
}
#header nav li#naviMovie a
{
  background-position: 0 0;
}
#header nav li#naviArt a
{
  background-position: -120px 0;
}
#header nav li#naviEvent a
{
  background-position: -240px 0;
}
#header nav li#naviSchedule a
{
  background-position: -360px 0;
}
#header nav li#naviNews a
{
  background-position: -480px 0;
}
#header nav li#naviAccess a
{
  background-position: -720px 0;
}
#header nav li#naviGoods a
{
  background-position: -600px 0;
}

#header nav li#naviTicket a
{
  background-position: 100% 0;
}
#header .headerNav
{
  position: absolute;
  top: 0;
  right: 0;
}
#header .headerNav a,
#header .headerNav li
{
  display: inline-block;
}
#header .headerNav a
{
  padding-top: 5px;
  padding-bottom: 5px;
}
#header .headerNav .entry,
#header .headerNav .press,
#header .headerNav .socialLinks,
#header .headerNav .lang
{
  float: right;
  margin: -1px 0 0 0;
  padding-right: 10px;
  padding-left: 10px;
}
#header .headerNav .entry
{
  margin: -1px 0 0 0;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #ab1f24;
  color: #ffffff;
}

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

  #header .headerNav .entry,
  #header .headerNav .press,
  #header .headerNav .socialLinks,
  #header .headerNav .lang
  {
    margin: 0 0 0 5px;
  }
  #header .headerNav .entry{
    display: none;
  }

}
#header .headerNav .lang
{
  color: #ab1f24;
  border: solid #ab1f24 1px;
}
#header .headerNav .entry,
#header .headerNav .press
{
  font-weight: bold;
  text-decoration: none;
}

#header .headerNav .press{
  padding-left: 0;
  margin-right: 0;
}

#header .headerNav .press{
}

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

  #header .headerNav .press{
    margin-left: 8px;
  }
}

@media only screen and (max-width: 768px)
{
  #header .headerNav .entry{
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
  }
}

#header .headerNav .entry::after{
  content:"";
  display: inline-block;
  background-color: #ab1f24;
  width: 1px;
  width: 0;
  height: 15px;
  margin-left: 8px;
  margin-left: 0;
  vertical-align: middle;
}

@media only screen and (max-width: 768px)
{
  #header .headerNav .entry::before{
    display: none;
  }
  #header .headerNav .entry::before{
    content:"";
    display: inline-block;
    background-color: #ab1f24;
    width: 1px;
    height: 15px;
    margin-left: 0;
    margin-right: 10px;
    margin-right: 0;
    vertical-align: middle;
  }
  #header .headerNav .entry::after{
    content:"";
    display: none;
    background-color: #ab1f24;
    width: 1px;
    width: 0;
    height: 15px;
    margin-left: 0;
    vertical-align: middle;
  }
  #header .headerNav .press{
    padding-left: 0;
  }
}

#header .headerNav .entry:hover,
#header .headerNav .press:hover{
  text-decoration: underline;
}


@media only screen and (max-width: 768px)
{
  #header .headerNav .entry,
  #header .headerNav .press
  {
    float: left;
  }
}
#header .headerNav .socialLinks
{
  background: #ab1f24;
}
#header .headerNav .socialLinks li
{
  overflow: hidden;

  width: 19px;
  height: 19px;
  margin-right: 5px;
  padding: 5px 0 1px;
}
#header .headerNav .socialLinks li:last-child
{
  margin-right: 0;
}
#header .headerNav .socialLinks li a
{
  overflow: hidden;

  width: 19px;
  height: 0;
  padding-top: 19px;

  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 18px 18px;
  -o-background-size: 18px 18px;
  background-size: 18px 18px;
}
#header .headerNav .socialLinks #facebook a
{
  background-image: url(../images/common/icoFacebook.png);
}
#header .headerNav .socialLinks #twitter a
{
  background-image: url(../images/common/icoTwitter.png);
}
#header .headerNav .socialLinks #line a
{
  background-image: url(../images/common/icoLine.png);
}
@media only screen and (max-width: 768px)
{
  #header .headerNav .socialLinks
  {
    margin: 0 0 10px 0;
  }
}
#header .headerNav .lang
{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;

  padding: 0;
}
#header .headerNav .lang li
{
  float: left;

  width: 30px;
  margin: 0;

  text-align: center;
}
#header .headerNav .lang li a
{
  width: 100%;

  text-decoration: none;

  color: #ab1f24;
}
#header .headerNav .lang li .on,
#header .headerNav .lang li a:hover
{
  color: #fff;
  background-color: #ab1f24;
}
@media only screen and (max-width: 768px)
{
  #header .headerNav
  {
    position: absolute;
    right: 15px;
  }
}
#header .btnEvent
{
  margin-top: 8px;
  margin-right: 15px;
}


@media only screen and (max-width: 768px)
{
  #header .btnEvent
  {
    margin-right: auto;
    text-align: center;
  }

}

#header .btnEvent img{
  width: auto;
}
#header .period
{
  width: auto;
  height: 40px;
  margin-top: 4px;
}

#header .periodDate{
  width: 328px;
  height: 0;
  margin-top: 4px;
  padding-top: 40px;
  background: url(../images/common/txtPeriod.png) no-repeat center center;
  background-size: auto 40px;
  overflow: hidden;
}

@media only screen and (max-width: 768px)
{
  #header .fr,
  #header .fl
  {
    float: none;
  }
  #header .cosW450
  {
    width: 100% !important;
    margin: 0;

    text-align: center;
  }
  #header .cosMt30
  {
    margin-top: 0 !important;

    text-align: center;
  }
  #header .cosMt30 img
  {
    margin-bottom: 0;
  }
  #header .period
  {
    display: block;

    width: 70%;
    height: auto;
    margin: 0 auto;
  }
  #header .periodDate{
    width: 100%;
    height: 0;
    margin-top: 0;
    margin-bottom: 8px;
    padding-top: 28px;
    background: url(../images/common/txtPeriod.png) no-repeat center center;
    background-size: auto 28px;
    overflow: hidden;
  }
  #header .btnEvent img
  {
    width: 28%;
    height: auto;
  }
}
#smpButtonClose,
#header #smpButtonClose,
#smpButtonOpen
{
  display: none;
  overflow: hidden;

  width: 100%;

  white-space: nowrap;
  text-indent: -9999px;

  border: none;
  outline: none;
}
@media only screen and (max-width: 768px)
{
  #header .period
  {
    display: block;
    width: auto;
    height: 32px;
    margin: 0 auto;
  }
  #smpButtonOpen
  {
    display: block !important;
  }
}
#smpButtonOpen
{
  position: absolute;
  width: 100%;
  height: 32px;

  border: none;
  outline: none;
  background: url(../images/common/titleSpMenu.png) no-repeat center 50% #ab1f24;
  -webkit-background-size: 56px 11px;
  -o-background-size: 56px 11px;
  background-size: 56px 11px;
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  z-index: 12000;
  border-top: 1px solid #891f24;
}
#smpButtonClose
{
  position: absolute;
  width: 100%;
  height: 32px;
  display: none;
  color: #fff;
  background: url(../images/common/bgNavClose.png) no-repeat 50% 50% #ab1f24;
  -webkit-background-size: 57px 12px;
  -o-background-size: 57px 12px;
  background-size: 57px 12px;
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  z-index: 12000;
  border-top: 1px solid #891f24 !important;
}
@media only screen and (max-width: 768px)
{
  #header
  {
    padding-bottom: 30px;
  }
  #header #moveSpNav nav
  {
    background-color: #fff;
  }
  #header #moveSpNav nav li
  {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;

    text-align: center;

    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: #ab1f24;
  }

  #header #moveSpNav nav li:nth-child(2n)
  {
    border-right: none;
  }
  #header #moveSpNav nav li a
  {
    height: auto;
    padding: 15px 10px;

    text-decoration: none;

    color: #fff;
    background-image: none;
  }

  #header nav li a:hover
  {
    opacity: 1.0;

    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
  }
}

.ie8 #header
{
  background: url(../images/ie8/ie8BgHeader.png) repeat-x 0 100% #fff;
}
.ie8 #header .siteTitle
{
  background: url(../images/ie8/ie8Logo.png) no-repeat 0 0;
}
.ie8 #header nav #gNavi
{
  margin-bottom: 20px;
}
.ie8 #header nav #gNavi:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}
.ie8 #header .socialLinks #facebook a
{
  background: url(../images/ie8/ie8IcoFacebook.png) no-repeat 50% 50%;
}
.ie8 #header .socialLinks #twitter a
{
  background: url(../images/ie8/ie8IcoTwitter.png) no-repeat 50% 50%;
}
.ie8 #header .socialLinks #line a
{
  background: url(../images/ie8/ie8IcoLine.png) no-repeat 50% 50%;
}

#header.header_fixed{
  width: 100%;
  height: 88px;
  display: block;
  position: fixed;
  top: 0;
  z-index: 110001;
  background-color: #ab1f24;
}
#header.header_fixed .container{
  padding-top: 8px;
}
#header.header_fixed .headerNav,
#header.header_fixed nav{
  display: none;
}
#header.header_fixed .siteTitle{
  width: 300px;
  height: 60px;
  background: url(../images/common/logo_w.png) no-repeat 0 0;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#header.header_fixed .cosMt30{
  margin-top: 12px !important;
}
#header.header_fixed .period{
  width: auto;
  height: 32px;
  margin: 10px 0 0 10px;
}
#header.header_fixed .periodDate{
  width: 262px;
  margin-top: 10px;
  margin-left: 10px;
  padding-top: 32px;
  background: url(../images/common/txtPeriod_w.png) no-repeat center center;
  background-size: auto 32px;
  overflow: hidden;
}


#headerBtnMenu{
  float: right;
  background-image: url(../images/common/btnMenu.png);
  width: 50px;
  height: 48px;
  margin-left: 6px;
  cursor: pointer;
}

#headerBtnMenu.on{
  background-position: 0 -48px;
}


@media only screen and (max-width: 768px)
{
  #header.header_fixed .siteTitle{
    width: 150px;
    height: 30px;
    margin: 0 0 10px 0;
    background: url(../images/common/logo_w.png) no-repeat 0 0;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float: left;
  }
  #header.header_fixed .period{
    width: auto;
    height: 20px;
    margin: 10px 10px 10px 0;
    float: right;
  }
  #header.header_fixed .periodDate{
    width: 150px;
    float: right;
    margin-top: 10px;
    margin-left: 0;
    padding-top: 18px;
    background: url(../images/common/txtPeriod_w.png) no-repeat center center;
    background-size: auto 18px;
    overflow: hidden;
  }
  #header.header_fixed .cosMt30{
    margin-top: 0 !important;
  }
  #header.header_fixed{
    width: 100%;
    height: 50px;
    display: block;
    position: fixed;
    top: 0;
  }
  #header.header_fixed .container{
    padding-top: 8px;
  }

  #headerBtnMenu{
    display: none;
  }
}


#mgMenu{
  background-color: #ab1f24;
  padding: 20px 0 40px;
  display: none;
  position: absolute;
  left:0;
  right: 0;
  z-index: 110000;
  color:#fff;
}

#mgMenu .container{
  display: table;
  width: 100%;
}

#mgMenu .box{
  display: table-cell;
  vertical-align: top;
  padding: 0 15px;
}

#mgMenu .container .box:not(:last-child){
}



#mgMenu a{
  color:#fff;
  text-decoration: none;
}

#mgMenu a:hover{
  text-decoration: underline;
}

#mgMenu .box dl:not(:last-child){
  margin-bottom: 40px;
}

#mgMenu dt{
  border-bottom: solid 1px #fff;
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 1.8rem;
}

#mgMenu dd{
  font-size: 1.5rem;
}

#mgMenu dd li:not(:last-child){
  margin-bottom: 6px;
}

#mgMenu .sns {
}

#mgMenu .sns li{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#mgMenu .sns li:not(:last-child){
  margin-right: 20px;
}

#mgMenu .sns img{
  width: 23px;
}

#slide_menu{
  display: none;
}

@media only screen and (max-width: 768px)
{
  #mgMenu{
    display: none !important;
  }

  #slide_menu{
    width: 100%;
    height: 100%;
    background-color: #ab1f24;
    padding: 20px 0 20px;
    display: none;
    position: fixed;
    left:0;
    top: 0;
    color:#fff;
  	z-index: 9000;
  	overflow-y: auto;
  }

  #slide_menu .container{
    display: block;
    width: auto;
    padding-top: 20px;
    margin-bottom: 24px;
  	overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
  }

  #slide_menu .box{
    display: block;
    vertical-align: top;
    padding: 0 15px;
  }

  #slide_menu .container .box:not(:last-child){
  }



  #slide_menu a{
    color:#fff;
    text-decoration: none;
  }

  #slide_menu a:hover{
    text-decoration: none;
  }

  #slide_menu .box dl:not(:last-child){
    margin-bottom: 20px;
  }
  #slide_menu .box dl{
    margin-bottom: 20px;
  }
  #slide_menu dt{
    border-bottom: solid 2px #fff;
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
  }

  #slide_menu dd{
    font-size: 12px;
  }

  #slide_menu dd li:not(:last-child){
    margin-bottom: 6px;
  }

  #slide_menu .sns {
  }


  #slide_menu .sns li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }

  #slide_menu .sns li:not(:last-child){
    margin-right: 20px;
  }
  #slide_menu .sns img{
    width: 23px;
  }

  .smpButtonClose
  {
    width: auto;
    height: 40px;
    margin: 20px 15px 0 15px;
    color: #fff;
    background: url(../images/common/bgNavClose.png) no-repeat 50% 50% #ab1f24;
    -webkit-background-size: 57px 12px;
    -o-background-size: 57px 12px;
    background-size: 57px 12px;
    border: 1px solid #ffffff;
    text-indent: -9999px;
  }
}


#contents
{
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;

  letter-spacing: .1em;
}
#contents:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}
@media only screen and (max-width: 768px)
{
  #contents
  {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.container
{
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

#mainCol
{
  float: left;
  width: 715px;
}
#mainCol1
{
  width: 100%;
}

@media only screen and (max-width: 768px)
{
  #mainCol
  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}

#side
{
  float: none;
  width: 100%;
}
@media only screen and (max-width: 768px)
{
  #side
  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
#side .top_poster
{
  margin: 0 0 25px 0;
}

#side .sideTopics
{
  width: 225px;
  margin-right: auto;
  margin-left: auto;

  border: 2px solid #ab1f24;
  background-color: #fff;
}
#side .sideTopics h3
{
  font-size: 18px;
  font-size: 1.8rem;

  padding: 3px 0;

  text-align: center;

  color: #fff;
  background-color: #ab1f24;
}
#side .sideTopics .sideTopicsList
{
  overflow: auto;

  height: 240px;
}
#side .sideTopics .sideTopicsList a
{
  text-decoration: none;

  color: #060403;
}
#side .sideTopics .sideTopicsList a:hover
{
  text-decoration: underline;

  color: #676767;
}
#side .sideTopics ul
{
  width: 88%;
  margin: 0 auto;
}
#side .sideTopics li
{
  line-height: 1.2;

  padding: 15px 0;

  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 768px)
{
  #side .top_poster
  {
    text-align: center;
    margin: 0 0 15px 0;
  }

  #side .sideTopics
  {
    width: 98%;
  }
}

.lowContents
{
  padding-bottom: 100px;
}
.lowContents #mainCol
{
  width: 700px;
}
@media only screen and (max-width: 768px)
{
  .lowContents #mainCol
  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 40px;
  }
  .lowContents
  {
    padding-bottom: 0;
  }
}
.lowContents #side
{
  width: 225px;
  float: right;
}
@media only screen and (max-width: 768px)
{
  .lowContents #side
  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
.lowContents #side .sideTopicsList
{
  height: auto;
}
@media only screen and (max-width: 768px)
{
  .lowContents
  {
    margin-top: 20px;
  }
}



#side .sideFilmInfo{
  border: solid 3px #ab1e24;
  margin-bottom: 20px;
}


#side .sideFilmInfo .title{
  border-bottom: solid 3px #ab1e24;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color:#ab1e24;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}


@media only screen and (max-width: 768px){
  #side .sideFilmInfo .title{
    font-size: 20px;
  }
}


#side .sideFilmInfo .body{
  background-color: #fff;
  padding: 15px ;
  font-size: 14px;
}

#side .sideFilmInfo .info dt{
  font-weight: bold;
}

#side .sideFilmInfo .info dd:not(:last-child){
  border-bottom: solid 1px #ab1e24;
  padding-bottom: 10px;
  margin-bottom: 10px;
}


#side .sideFilmInfo .ticket{
  background-color: #ab1e24;
  padding: 15px ;
  color:#fff;
}

#side .sideFilmInfo .ticket>dt{
  border-bottom: solid 3px #fff;
  padding-bottom: 10px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}

@media only screen and (max-width: 768px){
  #side .sideFilmInfo .ticket>dt{
    font-size: 20px;
  }
}



#side .sideFilmInfo .ticket>dd{
}

#side .sideFilmInfo .type{
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 15px;
}


#side .sideFilmInfo .type>dt,
#side .sideFilmInfo .type>dd{
  display: table-cell;
  vertical-align: middle;
}

#side .sideFilmInfo .type>dt{
  width: 8em;
  font-weight: bold;
}

#side .sideFilmInfo .type>dd{
  text-align: right;
}

#side .sideFilmInfo .btnInfo{

}

#side .sideFilmInfo .btnInfo a{
  background-image: url(../images/common/bgStripe.png);
  border-radius: 2px;
  padding: 20px 10px;
  border:solid 1px #ab1e24;
  display: block;
  color:#ab1e24;
  font-size:16px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#side .sideFilmInfo .btnInfo a:hover{
  background-image:none;
  background-color: #ab1e24;
  border-color:#fff;
  color:#fff;
}

#side .sideFilmInfo .btnInfo a::after{
  content:"\3E";
  margin-left: 8px;
}

#banner a
{
  display: block;
  text-decoration: none;
}

#footer
{
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #ffffff;
}
@media only screen and (max-width: 768px)
{
  #footer
  {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #footer .fl,
  #footer .fr
  {
    float: none;

    text-align: center;
  }
  #footer .copyright
  {
    margin: 20px auto;
  }
}
#footer .bgRed .container
{
  padding: 50px 0;

  text-align: center;
}
@media only screen and (max-width: 768px)
{
  #footer .bgRed .container
  {
    padding: 20px 0;
  }
}
#footer h6 img
{
  width: 683px;
  height: auto;
}
@media only screen and (max-width: 768px)
{
  #footer h6 img
  {
    width: 271px;
  }
}
#footer .footerSocialLinks
{
  margin-top: 30px;
}
#footer .footerSocialLinks li
{
  display: inline;

  margin-right: 20px;
}
#footer .footerSocialLinks li:last-child
{
  margin-right: 0;
}
@media only screen and (max-width: 768px)
{
  #footer .footerSocialLinks li img
  {
    width: 30px;
    height: 30px;
  }
}
#footer .footerArchive
{
  width: 400px;
  margin: 30px auto 30px auto;
  text-align: center;
}
#footer .footerArchive a
{
  display: block;
  padding: 15px 20px 15px 20px;
  background-color: #ab1f24;
  color: #ffffff;
}

#footer .footerArchive a:hover
{
  background-color: #ce252b;
}
@media only screen and (max-width: 768px)
{
  #footer .footerArchive
  {
    width: 80%;
    margin: 15px auto 15px auto;
  }
  #footer .footerArchive a
  {
    display: block;
    padding: 5px 10px 5px 10px;
    background-color: #ab1f24;
    color: #ffffff;
  }
}

#footer .footerNav
{
  padding: 40px 0;
}
@media only screen and (max-width: 768px)
{
  #footer .footerNav
  {
    padding: 10px 0 30px;
  }
  #footer .footerNav p
  {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
#footer .footerNav li
{
  display: inline;

  margin-right: 30px;
}

#homeMainLates
{
  margin-top: 40px;
}
#homeMainLates h2
{
  overflow: hidden;

  height: 0;

  white-space: nowrap;
  text-indent: -9999px;
}
#homeMainLates .textBox
{
  padding-top: 50px;

  background-position: 50% 15px;
}
@media only screen and (max-width: 768px)
{
  #homeMainLates .textBox
  {
    padding-top: 35px;

    background-position: 15px 15px;
  }
}
#homeMainLates .span4
{
  width: 225px;
  margin-right: 0;
}
@media only screen and (max-width: 768px)
{
  #homeMainLates .span4
  {
    width: 100%;
  }
}
#homeMainLates #news
{
  margin-bottom: 25px;
}
#homeMainLates #news .textBox
{
  overflow: hidden;

  padding: 20px 10px 20px 160px;

  background-image: url(../images/home/titleNews.png);
  background-repeat: no-repeat;
  background-position: 30px 50%;
}
#homeMainLates #news .textBox p
{
  display: -webkit-box;
  overflow: hidden;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media only screen and (max-width: 768px)
{
  #homeMainLates #news .textBox
  {
    padding: 45px 10px 0;

    background-position: 10px 20px;
    -webkit-background-size: 44px 12px;
    -o-background-size: 44px 12px;
    background-size: 44px 12px;
  }
  #homeMainLates #news .textBox p
  {
    line-height: 1.5;
    padding-bottom: 8px;
    -webkit-line-clamp: 5;
  }
}
@media only screen and (max-width: 768px)
{
  #homeMainLates #news
  {
    margin-bottom: 20px;
  }
}
#homeMainLates #movie .textBox,
#homeMainLates #art .textBox,
#homeMainLates #more .textBox
{
  overflow: hidden;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 120px;
}
#homeMainLates #movie .textBox p,
#homeMainLates #art .textBox p,
#homeMainLates #more .textBox p
{
  display: -webkit-box;
  overflow: hidden;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 768px)
{
  #homeMainLates #movie .textBox,
  #homeMainLates #art .textBox,
  #homeMainLates #more .textBox
  {
    height: auto;
  }
  #homeMainLates #movie .textBox p,
  #homeMainLates #art .textBox p,
  #homeMainLates #more .textBox p
  {
    -webkit-line-clamp: 3;
  }
}
@media only screen and (max-width: 768px)
{
  #homeMainLates #movie,
  #homeMainLates #art,
  #homeMainLates #more
  {
    margin-right: 0;
  }
}
#homeMainLates #movie
{
  margin-right: 3px;
}
#homeMainLates #movie .textBox
{
  background-image: url(../images/home/titleMovie.png);
}
@media only screen and (max-width: 768px)
{
  #homeMainLates #movie .textBox
  {
    -webkit-background-size: 45px 12px;
    -o-background-size: 45px 12px;
    background-size: 45px 12px;
  }
}
#homeMainLates #art
{
  margin-right: 3px;
}
#homeMainLates #art .textBox
{
  background-image: url(../images/home/titleArt.png);
}
@media only screen and (max-width: 768px)
{
  #homeMainLates #art .textBox
  {
    -webkit-background-size: 30px 12px;
    -o-background-size: 30px 12px;
    background-size: 30px 12px;
  }
}
#homeMainLates #more .textBox
{
  background-image: url(../images/home/titleAndMore.png);
}
@media only screen and (max-width: 768px)
{
  #homeMainLates #more .textBox
  {
    -webkit-background-size: 56px 12px;
    -o-background-size: 56px 12px;
    background-size: 56px 12px;
  }
}

.modHomeSection
{
  margin-top: 100px;
  padding: 60px 0 60px 0;

  text-align: center;

  background-repeat: no-repeat;
  background-position: 50% 0;
}
.modHomeSection .modContentList
{
  margin-top: 30px;

  text-align: left;
}
@media only screen and (max-width: 768px)
{
  .modHomeSection .modContentList
  {
    margin-top: 15px;
  }
}
.modHomeSection h4
{
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;

  display: inline;

  margin: 0 10px 0 0;

  color: #ab1f24;
}
@media only screen and (max-width: 768px)
{
  .modHomeSection h4
  {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.modHomeSection h5
{
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;

  margin-bottom: 10px;
}

.modHomeSection .filmbox h5,
.modHomeSection .artbox h5
{
  font-size: 18px;
  font-size: 1.8rem;
  color: #ab1f24;
}

.top_box_info{
  font-size: 12px;
  font-size: 1.2rem;
  padding: 6px 0 0 0;
  border-top: 1px solid #e7e7e7;
}
@media only screen and (max-width: 768px)
{
  .modHomeSection
  {
    margin-top: 60px;
    padding-top: 30px;
  }
}

#homeNews
{
  clear: both;

  background-image: url(../images/home/bgNews.png);
}
@media only screen and (max-width: 768px)
{
  #homeNews
  {
    -webkit-background-size: 88px 22px;
    -o-background-size: 88px 22px;
    background-size: 88px 22px;
  }
}

#homeMovie
{
  background-image: url(../images/home/bgMovie.png);
}
@media only screen and (max-width: 768px)
{
  #homeMovie
  {
    -webkit-background-size: 82px 22px;
    -o-background-size: 82px 22px;
    background-size: 82px 22px;
  }
}

#homeArt
{
  background-image: url(../images/home/bgArt.png);
}
@media only screen and (max-width: 768px)
{
  #homeArt
  {
    -webkit-background-size: 55px 22px;
    -o-background-size: 55px 22px;
    background-size: 55px 22px;
  }
}

#homeEvent
{
  background-image: url(../images/home/bgEvent.png);
}
@media only screen and (max-width: 768px)
{
  #homeArt
  {
    -webkit-background-size: 55px 22px;
    -o-background-size: 55px 22px;
    background-size: 55px 22px;
  }
}

#homeSchedule
{
  background-image: url(../images/home/bgSchedule.png);
}
@media only screen and (max-width: 768px)
{
  #homeSchedule
  {
    overflow: hidden;

    -webkit-background-size: 144px 22px;
    -o-background-size: 144px 22px;
    background-size: 144px 22px;
  }
}
#homeSchedule h5
{
  margin-top: 40px;
  color: #ffffff;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: -2px;
}
#homeSchedule h5 span
{
  display: inline-block;
  margin-left: 8px;
  font-size: 2rem;
  letter-spacing: normal;
}
@media only screen and (max-width: 768px)
{
  #homeSchedule h5
  {
    margin-top: 20px;
  }
  #homeSchedule h5 img
  {
    width: 70px;
    height: auto;
  }
}
#homeSchedule h6
{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;

  margin-bottom: 10px;

  letter-spacing: normal;

  color: #ab1f24;
}
@media only screen and (max-width: 768px)
{
  #homeSchedule h6
  {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#homeSchedule p
{
  font-size: 12px;
  font-size: 1.2rem;
}
#homeSchedule .modContentList:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}
#homeSchedule .modContentList .textBox
{
  font-weight: bold;

  padding: 10px;
}
#homeSchedule .bx-wrapper
{
  position: relative;

  width: 860px !important;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px)
{
  #homeSchedule .bx-wrapper
  {
    width: 240px !important;
  }
}
#homeSchedule .bx-wrapper li
{
  width: 200px !important;
  cursor:pointer;
}
#homeSchedule .bx-wrapper li:hover{
  opacity:0.6;
}
@media only screen and (max-width: 768px)
{
  #homeSchedule .bx-wrapper li
  {
    width: 238px !important;
  }
}
#homeSchedule .bx-wrapper .bx-prev,
#homeSchedule .bx-wrapper .bx-next
{
  position: absolute;
  top: 45%;

  display: block;
  overflow: hidden;

  width: 39px;
  height: 0;
  padding-top: 39px;

  background-position: 0 0;
}
#homeSchedule .bx-wrapper .bx-prev:hover,
#homeSchedule .bx-wrapper .bx-next:hover
{
  opacity: .6;
  background-color: #fff;

  filter: alpha(opacity=60);
  -moz-opacity: .6;
}
@media only screen and (max-width: 768px)
{
  #homeSchedule .bx-wrapper .bx-prev,
  #homeSchedule .bx-wrapper .bx-next
  {
    width: 20px;
    padding-top: 20px;

    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
#homeSchedule .bx-wrapper .bx-prev
{
  left: -50px;

  background-image: url(../images/home/icoArrowLeft.jpg);
}
@media only screen and (max-width: 768px)
{
  #homeSchedule .bx-wrapper .bx-prev
  {
    left: -30px;
  }
}
#homeSchedule .bx-wrapper .bx-next
{
  right: -50px;

  background-image: url(../images/home/icoArrowRight.jpg);
}
@media only screen and (max-width: 768px)
{
  #homeSchedule .bx-wrapper .bx-next
  {
    right: -30px;
  }
}
#homeSchedule .bx-viewport
{
  min-height: 300px !important;
}
@media only screen and (max-width: 768px)
{
  #homeSchedule .bx-viewport
  {
    min-height: 150px !important;
  }
}

#homeAccess
{
  background-image: url(../images/home/bgAccess.png);
}
@media only screen and (max-width: 768px)
{
  #homeAccess
  {
    -webkit-background-size: 107px 22px;
    -o-background-size: 107px 22px;
    background-size: 107px 22px;
  }
  #homeAccess .span8
  {
    display: none;
  }
}
#homeAccess h4
{
  display: block;

  margin: 0 0 30px 0;
}
#homeAccess ul
{
  font-size: 16px;
  font-size: 1.6rem;

  text-align: left;
}
@media only screen and (max-width: 768px)
{
  #homeAccess ul
  {
    font-size: 13.6px;
    font-size: 1.36rem;
  }
}
#homeAccess li
{
  width: 306px;
  float: left;
  position: relative;
  margin-bottom: 8px;
  margin-right: 21px;
  box-sizing: border-box !important;
}
#homeAccess li:nth-child(3n)
{
  margin-right: 0;
}
#homeAccess li .modIcoCircle
{
  font-family: 'Roboto', sans-serif;

  position: absolute;
  top: 2px;
  left: 10px;
}
#homeAccess li .modIcoCircle.tunum
{
  font-size: 9px;
  font-size: 0.9rem;
}
#homeAccess li a
{
  font-weight: bold;

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 5px 5px 46px;

  text-decoration: none;
  font-size: 80%;
  color: #ab1f24;
}
#homeAccess li.mapon a
{
  background-color: #ab1f24;
  color: #ffffff;
}
@media only screen and (max-width: 768px)
{
  #homeAccess li
  {
    width: 100%;
    float: none;
  }
  #homeAccess li a
  {
    padding: 10px 5px 10px 60px;
  }

}
#homeAccess li a:hover
{
  text-decoration: none;

  color: #fff;
}
#homeAccess li.mapon .modIcoCircle,
#homeAccess li:hover .modIcoCircle
{
  color: #ab1f24;
  background-color: #fff;
}

#map_place{
  display: block;
  margin-top: 12px;
  border: 3px solid #ab1f24;
}
#map1{
  display: block;
}
#map2,#map3,#map4,#map5,#map6,#map7,#map8,#map9,#map10,#map11,#map12,#map13,#map14,#map15,#map16,#map17,#map18,#map19,#map20,,#map21,#map22{
  display: none;
}


#homeSupportingCompanies
{
  padding: 40px 0 100px 0;

  border-top: 1px solid #ccc;
  background-color: #fff;
}
@media only screen and (max-width: 768px)
{
  #homeSupportingCompanies
  {
    padding-top: 20px;
  }
}
#homeSupportingCompanies h5
{
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;

  color: #ab1f24;
}
@media only screen and (max-width: 768px)
{
  #homeSupportingCompanies h5
  {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.ie8 #homeMainLates #news,
.ie8 #homeMainLates #movie,
.ie8 #homeMainLates #art,
.ie8 #homeMainLates #more
{
  border: 1px solid #ccc;
}
.ie8 #homeSchedule .bx-wrapper li
{
  border: 1px solid #ccc;
}

#breadcrumb
{
  margin: 20px 0 42px 0;
}
@media only screen and (max-width: 768px)
{
  #breadcrumb
  {
    margin: 20px 0 32px 0;
  }

}
#breadcrumb li
{
  font-size: 12px;
  font-size: 1.2rem;
  display: inline;
  color: #ab1f24;
}
#breadcrumb li:after
{
  margin-left: 5px;
  content: '>';
  color: #ab1f24;
}
#breadcrumb li:last-child:after
{
  content: '';
}
#breadcrumb #home
{
  text-transform: uppercase;
}

.pageTitle
{
  margin-bottom: 40px;
}
#mainCol1 .pageTitle
{
  display: block;
  margin: 0 auto 40px auto;
  text-align: center;
}
#mainCol1 .pageTitle.titLeft{
  text-align: left;
  margin-top: 8px;
}
.pageTitle img
{
  margin-bottom: 3px;
  vertical-align: bottom;
}
.pageTitle span
{
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  display: inline-block;
  line-height: 1.0;
  color: #ab1f24;
}
.pageTitle span:before
{
  margin: 0 8px;
  content: '';
}
@media only screen and (max-width: 768px)
{
  .pageTitle
  {
    margin-bottom: 32px;
  }
  .pageTitle img
  {
    width: auto;
    height: 28px;
    margin-bottom: 3px;
    vertical-align: bottom;
  }
  .pageTitle span
  {
    font-size: 15px;
    font-size: 1.5rem;

    display: inline-block;

    margin-top: 5px;
  }
  .pageTitle span:before
  {
    margin: 0 8px;
    content: '';
  }
  #mainCol1 .pageTitle
  {
    display: block;
    margin: 0 auto 32px auto;
    text-align: center;
  }
}

.pageTitleHeader{
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px){
  .pageTitleHeader{
    display: block;
    width: auto;
  }
}

.pageTitleHeader .pageTitle,
.pageTitleHeader .link{
  display: table-cell;
  vertical-align: middle;
}


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

  .pageTitleHeader .pageTitle,
  .pageTitleHeader .link{
    display: block;
  }
}


.pageTitleHeader .pageTitle{
}

.pageTitleHeader .link{
  text-align: right;
}

@media only screen and (max-width: 768px){
  .pageTitleHeader .link{
    text-align: left;
  }

}


.pageTitleHeader .link li{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.pageTitleHeader .link li:not(:first-child):before{
  content:"";
  width: 1px;
  height: 12px;
  background-color: #ab1f24;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 12px;
  vertical-align: middle;
}
@media only screen and (max-width: 768px){
  .pageTitleHeader .link li:not(:first-child):before{
    margin: 0 5px;
  }
}

.pageTitleHeader .link a{
  text-decoration: none;
}

.pageTitleHeader .link a:hover{
  text-decoration: underline;
}



.inlineTitle
{
  float: left;

  margin-right: 30px;
}

@media only screen and (max-width: 768px)
{
  #news .inlineTitle,
  #film .inlineTitle
  {
    float: none;
    margin-right: 0;
    margin-bottom: 12px;
  }

}

.inlineTitle + a img
{
  margin: 15px 0 60px;

  vertical-align: bottom;
}
@media only screen and (max-width: 768px)
{
  .inlineTitle + a img
  {
    margin-bottom: 20px;
  }
}
.inlineTitle:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}

.lowContents .sideTopics h4
{
  font-weight: bold;

  margin-bottom: 10px;
}

.newsSingleArticle img
{
  display: block;

  margin: 20px auto;
}

/* Page Styling */
#selectSection
{
  margin-bottom: 40px;
  padding: 20px 40px;
  background-color: #e7e7e7;
}


#selectSection.selectSectionFilm
{
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  table-layout: fixed;
  width: 100%;
}


@media only screen and (max-width: 768px){
  #selectSection
  {
    margin-bottom: 40px;
    padding: 10px 10px;
    background-color: #e7e7e7;
  }

  #selectSection.selectSectionFilm
  {
    display: block;
    padding: 15px;
    width: auto;
  }
}



#selectSection.selectSectionFilm h3,
#selectSection.selectSectionFilm .easy-select-box{
  display: table-cell;
  vertical-align: middle;
}


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


  #selectSection.selectSectionFilm h3,
  #selectSection.selectSectionFilm .easy-select-box{
    display: block;
  }
}

#selectSection h3
{
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ab1f24;
}
@media only screen and (max-width: 768px){

  #selectSection h3
  {
  }
}

#selectSection.selectSectionFilm h3
{
  width: 200px;
}
@media only screen and (max-width: 768px){

  #selectSection.selectSectionFilm h3
  {
    width: auto;
    margin-bottom: 5px;
  }
}





/* Core CSS. Do not edit unless your sure */
.easy-select-box
{
  position: relative;

  display: inline-block;
}

.easy-select-box .esb-dropdown
{
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;

  display: none;
}

/* Default Presentation CSS. You can edit appearance here or create a custom class below */
.easy-select-box
{
  width: 100% !important;

  text-align: left;
}
@media only screen and (max-width: 768px)
{
  .easy-select-box
  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}

.easy-select-box .esb-displayer
{
  line-height: 40px;

  height: 40px;
  padding: 0 20px;

  cursor: pointer;
  border-top: 3px solid #ab1f24;
  border-bottom: 3px solid #ab1f24;
  border-left: 3px solid #ab1f24;
  background: url(../images/movie/bgSelect.png) no-repeat 0 0;
  background-position: 100% 0;
  background-color: #ffffff;

}
@media only screen and (max-width: 768px)
{
  .easy-select-box .esb-displayer
  {
    padding: 0 10px;

    border-top: 3px solid #ab1f24;
    border-bottom: 3px solid #ab1f24;
    border-left: 3px solid #ab1f24;
    background-position: 100% 0;
    background-color: #ffffff;
  }
}

.easy-select-box .esb-dropdown
{
  overflow: auto;

  max-height: 200px;

  border: 1px solid #ccc;
  background: #fff;
}

.easy-select-box .esb-dropdown .esb-item
{
  padding: 3px;

  cursor: pointer;

  background: #fff;
}

.easy-select-box .esb-dropdown .esb-item:hover
{
  text-decoration: none;

  color: #fff;
  background: #ab1f24;
}

.headlineRed
{
  background: url(../images/schedule/bgHeadlineRed.png) repeat-y 0 0;
}

.headlineBlue
{
  background: url(../images/schedule/bgHeadlineBlue.png) repeat-y 0 0;
}

.headlineGreen
{
  background: url(../images/schedule/bgHeadlineGreen.png) repeat-y 0 0;
}

.headlineYellow
{
  background: url(../images/schedule/bgHeadlineYellow.png) repeat-y 0 0;
}

#scheduleSerch{
  padding: 20px 15px;
  margin-bottom: 60px;
  background-color: #e7e7e7;
  position: relative;
  z-index: 100000;
}

#scheduleSerch .easy-select-box
{
  width: 100% !important;
}
@media only screen and (max-width: 768px)
{
  #scheduleSerch .easy-select-box
  {
    width: 100%;
  }
}
#scheduleSerch .easy-select-box .esb-displayer
{
  padding-left: 10px;

  border-top: 3px solid #ab1f24;
  border-bottom: 3px solid #ab1f24;
  border-left: 3px solid #ab1f24;
  background-position: 100% 0;
  background-color: #ffffff;
}

#scheduleSerch .inner{
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
}

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

  #scheduleSerch .inner{
    display: block;
    width: auto;
  }

}

#scheduleSerch .box{
  display: table-cell;
  vertical-align: top;
}

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


  #scheduleSerch .box{
    display: block;
  }

}

#scheduleSerch .box:first-child{
  padding-right: 10px;
}

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

  #scheduleSerch .box:first-child{
    padding-right: 0;
    margin-bottom: 20px;
  }

}
#scheduleSerch .box:last-child{
  padding-left: 10px;
}

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

  #scheduleSerch .box:last-child{
    padding-left: 0;
  }

}

#scheduleSerch .btnSelect{
  background-color: #fff;
  position: relative;
  border:solid 3px #aa1e24;
  padding: 8px;
  color:#aa1e24;
  font-size: 16px;
  cursor: pointer;
}

#scheduleSerch .btnSelect:hover,
#scheduleSerch .on .btnSelect{
  background-color: #aa1e24;
  color:#fff;
}

#scheduleSerch .btnSelect:after{
  content:"";
  background-image: url(../images/common/iconSelect.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  position: absolute;
  top:0;
  bottom:0;
  right: 12px;
  width: 18px;
  height:12px;
  margin: auto;
}

#scheduleSerch .btnSelect:hover:after{
  background-position: 0 -13px;
}

#scheduleSerch .on .btnSelect:after{
  background-position: 0 -25px;
}

#scheduleSerch .contents{
  display: none;
  position: absolute;
  left:0;
  right: 0;
  background-color: #aa1e24;
  padding: 15px 15px 20px;
  z-index: 10;
  color:#fff;
  font-size:16px;
}

#scheduleSerch .checkList{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  margin:20px 0 30px;
}

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

  #scheduleSerch .checkList{
    display: block;
  }
}

#scheduleSerch .checkList::after{
  content:"";
  display: block;
  width: 25%;
}

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

  #scheduleSerch .checkList::after{
    width: 50%;
  }

}

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

  #scheduleSerch .checkList::after{
    display: none;
  }
}

#scheduleSerch .checkList::before{
  content:"";
  display: block;
  width: 25%;
  order:1;
}

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

  #scheduleSerch .checkList::before{
    width: 50%;
  }

}

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

  #scheduleSerch .checkList::before{
    display: none;
  }
}

#scheduleSerch .checkList li{
  width: 25%;
  margin-bottom: 8px;
}

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

  #scheduleSerch .checkList li{
    width: 50%;
  }

}
@media only screen and (max-width: 414px){

  #scheduleSerch .checkList li{
    width: auto;
  }

}

#scheduleSerch .checkList02{
  margin:20px 0 30px;
}

#scheduleSerch .checkList02 dl{
  display: table;
  width: 100%;
  table-layout: fixed;
}

#scheduleSerch .checkList02 dt,
#scheduleSerch .checkList02 dd{
  display: table-cell;
  vertical-align: top;
}

#scheduleSerch .checkList02 dt{
  width: 8em;
}

#scheduleSerch .checkList02 dd{
  padding-left: 20px;
}


#scheduleSerch .checkList02 ul::after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#scheduleSerch .checkList02 li{
  float: left;
  margin-bottom: 12px;
}

#scheduleSerch .checkList02 li:not(:last-child){
  margin-right: 15px;
}

#scheduleSerch input[type=checkbox]{
  display: none;
}

#scheduleSerch input[type=checkbox] + label{
  position: relative;
  padding-left: 20px;
}

#scheduleSerch input[type=checkbox] + label:before{
  content:"";
  background-image: url(../images/common/iconCheck.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
  width: 15px;
  height:13px;
  position: absolute;
  top:0.25em;
  left:0;
}

#scheduleSerch input[type=checkbox]:checked + label:before{
  background-position: 0 -13px;
}


#scheduleSerch .btnSearch{
  max-width: 150px;
  margin: 0 auto;
}

#scheduleSerch .btnSearch input{
  border:solid 2px #fff;
  background-color: #aa1e24;
  padding: 3px;
  width: 100%;
  font-size:16px;
  color:#fff;
}
@media only screen and (max-width: 768px){

  #scheduleSerch .btnSearch input{
    padding: 8px 10px;
  }

}


#scheduleSerch .btnSearch input:hover{
  background-color: #fff;
  color: #aa1e24;
}


#scheduleFilter{
  margin-bottom: 20px;
}

#scheduleFilter .close{
  width: 20px;
  height: 20px;
  background-image: url(../images/common/iconClose.png);
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  top:0;
  right: 0;
  cursor: pointer;
}

#scheduleFilter .close:hover{
  background-position: 0 -20px;
}

#scheduleFilter .head {
  margin-bottom: 20px;
  vertical-align: middle;
  line-height: 30px;
}

#scheduleFilter .head::after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#scheduleFilter .head .modPlaneTitle{
  float: left;
  vertical-align: middle;
  margin-right: 30px;
}

#scheduleFilter .head .area{
  float: left;
  padding-right: 30px;
  position: relative;
}

#scheduleFilter .head .area{
}

#scheduleFilter .head .area li{
  display: inline;
  color: #aa1e24;
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
}


#scheduleFilter .head .area li:not(:last-child)::after{
  content:"\2F";
  margin-left: 4px;
}


#scheduleFilter .other::after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#scheduleFilter .other dl{
  float: left;
  padding-right: 30px;
  position: relative;
}

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

  #scheduleFilter .other dl{
    float: none;
  }

}

#scheduleFilter .other dl:not(:last-child){
  margin-right: 40px;
}

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

  #scheduleFilter .other dl:not(:last-child){
    margin-right: 0;
    margin-bottom: 20px;
  }

}

#scheduleFilter .other dt{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 86px;
  padding: 3px;
  margin-right: 10px;
  background-color: #aa1e24;
  color:#fff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

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

  #scheduleFilter .other dt{
    margin-bottom: 10px;
  }

}

#scheduleFilter .other dd{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

  #scheduleFilter .other dd{
    display: block;
  }

}


#scheduleFilter .other ul{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#scheduleFilter .other li{
  display: inline;
  color: #aa1e24;
  font-weight: bold;
  font-size: 14px;
}


#scheduleFilter .other li:not(:last-child)::after{
  content:"\2F";
  margin-left: 4px;
}

/* CSS Document */
.container
{
  width: auto;
  max-width: 960px;
}
@media only screen and (min-width: 960px)
{
  .container
  {
    max-width: 960px;
  }
}
@media only screen and (max-width: 979px)
{
  .container
  {
    max-width: 768px;
  }
}
@media only screen and (max-width: 768px)
{
  .container
  {
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* btn
------------------------------------------------------------*/
.modBtnRss
{
  display: inline-block;
  overflow: hidden;

  width: 80px;
  height: 0;
  padding-top: 34px;

  vertical-align: bottom;

  background: url(../images/home/btnRss.png) no-repeat 0 0;
}
.modBtnRss:hover
{
  opacity: .6;
  filter: alpha(opacity=60);
  -moz-opacity: .6;
}
@media only screen and (max-width: 768px)
{
  .modBtnRss
  {
    width: 41px;
    padding-top: 18px;

    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .modBtnRss:hover
  {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
  }
}

.modBtnRed
{
  font-size: 20px;
  font-size: 2rem;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 345px;
  height: 75px;
  padding-top: 20px;

  text-align: center;
  text-decoration: none;

  color: #fff;
  background-color: #ab1f24;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
}
.modBtnRed:hover
{
  text-decoration: none;

  color: #fff;
  background-color: #c12329;
}
@media only screen and (max-width: 768px)
{
  .modBtnRed
  {
    font-size: 13px;
    font-size: 1.3rem;

    width: 173px;
    height: 38px;
    padding-top: 10px;
  }
}

.lowContents .modBtnRed
{
  height: 60px;
  padding-top: 15px;
}
@media only screen and (max-width: 768px)
{
  .lowContents .modBtnRed
  {
    font-size: 13px;
    font-size: 1.3rem;

    width: 230px;
    height: 40px;
    padding-top: 10px;
  }
}

.modBtnRedBdr
{
  text-decoration: none;

  border: 1px solid #ab1f24;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
}
.modBtnRedBdr:hover
{
  text-decoration: none;

  color: #fff;
  background-color: #ab1f24;
}


/* icon
------------------------------------------------------------*/
.modIcoCircle
{
  line-height: 28px;

  display: inline-block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  padding: 0 2px 2px 4px;

  text-align: center;
  text-align: center;

  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ab1f24;

  -ms-border-radius: 50%;
}

/* title
------------------------------------------------------------*/
.modSecBoxTitle
{
  font-size: 24px;
  font-size: 2.4rem;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;

  color: #fff;
  background-color: #ab1f24;
}

.modSecBoxTitle2
{
  font-size: 24px;
  font-size: 2.4rem;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;

  color: #ab1f24;
  border: 2px solid #ab1f24;
}

@media only screen and (max-width: 768px)
{
  .modSecBoxTitle
  {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    padding: 10px;
  }
  .modSecBoxTitle:before
  {
    clear: both;
    content: "";
    display: block;
    height: 0;
  }
  .news_back{
    display: block;
    text-align: left;
    line-height: 1.0;
  }
  .modSecBoxTitle2
  {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    padding: 10px;

    color: #ab1f24;
    border: 2px solid #ab1f24;
  }

}

.modPlaneTitle
{
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;

  color: #ab1f24;
}
@media only screen and (max-width: 768px)
{
  .modPlaneTitle
  {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.modPlaneTitle02
{
  margin-bottom: 15px;
  font-size: 31px;
  font-size: 3.1rem;
  font-weight: bold;
  color: #7a231e;
}
@media only screen and (max-width: 768px)
{
  .modPlaneTitle02
  {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* table
------------------------------------------------------------*/
.modBorderLess
{
  border: 0;
}
.modBorderLess th,
.modBorderLess td
{
  padding: 3px;
  vertical-align: top;
}
.modBorderLess th
{
  font-weight: bold;
  width: 100px;
}
@media only screen and (max-width: 768px)
{
  .modBorderLess th
  {
    width: 50px;
    display: block;
  }
}

/* list
------------------------------------------------------------*/
.modSideList
{
  border-bottom: 2px solid #ab1f24;
}
.modSideList li
{
  border-top: 2px solid #ab1f24;
}
.modSideList li ul
{
  border-top: 2px solid #ab1f24;
}
.modSideList li ul li
{
  border-top: none;
  border-bottom: 1px solid #e7e7e7;
}
.modSideList a
{
  display: block;
  padding: 15px 30px 15px 10px;
  text-decoration: none;
  background: url(../images/common/icoSideArrow.png) no-repeat 98% 50%;
}
.modSideList a.on
{
  background: url(../images/common/icoDouble.png) no-repeat 98.1% 50%;
}


/* Box shadow
------------------------------------------------------------*/
.modPageNav
{
  padding-top: 15px;

  border-top: 2px solid #ab1f24;
}
.modPageNav ul
{
  text-align: center;
}
.modPageNav ul:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}
.modPageNav li
{
  display: inline;

  margin-right: 40px;
}
.modPageNav li:last-child
{
  margin-right: 0;
}
.modPageNav li a
{
  display: inline-block;

  text-decoration: none;

  background-repeat: no-repeat;
}
.modPageNav li a:hover
{
  text-decoration: underline;
}
.modPageNav #back a
{
  padding-left: 20px;

  background-image: url(../images/news/icoBack.png);
  background-position: 0 50%;
}
.modPageNav #next a
{
  padding-right: 20px;

  background-image: url(../images/news/icoNext.png);
  background-position: 100% 50%;
}

/* Box shadow
------------------------------------------------------------*/
.modBtnShadow,
.modBnrSpeaker
{
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
}

/* Border
------------------------------------------------------------*/
.modRbRed
{
  border: 1px solid #ab1f24;
}

/* block
------------------------------------------------------------*/
.centerBlock
{
  display: block;

  margin-right: auto;
  margin-left: auto;
}

.blockLink
{
  position: relative;
}
.blockLink a
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  display: block;
  overflow: hidden;

  width: 100%;

  white-space: nowrap;
  text-indent: -9999px;
}
.blockLink a:hover
{
  opacity: .3;
  background-color: #fff;

  filter: alpha(opacity=30);
  -moz-opacity: .3;
}
@media only screen and (max-width: 768px)
{
  .blockLink a:hover,
  .blockLink a:active,
  .blockLink a:visited
  {
    opacity: 1.0;
    filter: alpha(opacity=10);
    -moz-opacity: 1.0;
    background-color: transparent;
  }
}
.modContentList,
.modCard
{
  display: block;

  width: 100%;
}
.modContentList:after,
.modCard:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}
.modContentList > div,
.modContentList > li,
.modCard > div,
.modCard > li
{
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
}
.modContentList > div img,
.modContentList > li img,
.modCard > div img,
.modCard > li img
{
  width: 100%;
}
.modContentList > div .textBox,
.modContentList > li .textBox,
.modCard > div .textBox,
.modCard > li .textBox
{
  padding: 20px 15px;

  background-color: #fff;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px)
{
  .modContentList > div,
  .modContentList > li,
  .modCard > div,
  .modCard > li
  {
    display: table;
    min-height: 80px;
  }
  .modContentList > div .textBox,
  .modContentList > div .thumbArea,
  .modContentList > li .textBox,
  .modContentList > li .thumbArea,
  .modCard > div .textBox,
  .modCard > div .thumbArea,
  .modCard > li .textBox,
  .modCard > li .thumbArea
  {
    display: table-cell;
    vertical-align: top;
  }
  .modContentList > div .textBox,
  .modContentList > li .textBox,
  .modCard > div .textBox,
  .modCard > li .textBox
  {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .modContentList.modCol43 > div .textBox
  {
    padding: 5px 10px 0 10px !important;
  }

  .modContentList > div .thumbArea,
  .modContentList > li .thumbArea,
  .modCard > div .thumbArea,
  .modCard > li .thumbArea
  {
    overflow: hidden;

    width: 120px;
    height: auto;

    background-repeat: no-repeat;
    background-position: 0 top;
    -webkit-background-size: 120px auto;
    -o-background-size: 120px auto;
    background-size: 120px auto;
  }
  #homeNews .modContentList > div .thumbArea,
  #homeNews .modContentList > li .thumbArea,
  #homeNews .modCard > div .thumbArea,
  #homeNews .modCard > li .thumbArea,
  .modNewsList > div .thumbArea,
  .modNewsList > li .thumbArea,
  .modNewsList > div .thumbArea,
  .modNewsList > li .thumbArea,
  .modMovieList > div .thumbArea,
  .modMovieList > li .thumbArea,
  .modMovieList > div .thumbArea,
  .modMovieList > li .thumbArea
  {
    overflow: hidden;

    width: 120px;
    height: auto;
    background-repeat: no-repeat;
    background-position: 0 top;
    -webkit-background-size: 120px auto;
    -o-background-size: 120px auto;
    background-size: 120px auto;
  }
  #homeMovie .modContentList > div .thumbArea,
  #homeMovie .modContentList > li .thumbArea,
  #homeMovie .modCard > div .thumbArea,
  #homeMovie .modCard > li .thumbArea,
  #homeArt .modContentList > div .thumbArea,
  #homeArt .modContentList > li .thumbArea,
  #homeArt .modCard > div .thumbArea,
  #homeArt .modCard > li .thumbArea
  {
    overflow: hidden;

    width: 120px;
    height: auto;
    background-repeat: no-repeat;
    background-position: 0 top;
    -webkit-background-size: 120px auto;
    -o-background-size: 120px auto;
    background-size: 120px auto;
    background-color: #e7e7e7;
  }
}

.modCol4 > div,
.modCol4 > li,
.modCol43 > div,
.modCol43 > li,
.modCol3 > div,
.modCol3 > li
{
  float: left;
}

.modCol4 > div,
.modCol4 > li
{
  width: 225px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.modCol4 > div:nth-child(4n),
.modCol4 > li:nth-child(4n)
{
  margin-right: 0;
}
.modCol43> div,
.modCol43 > li
{
  width: 306px;
  margin-right: 21px;
  margin-bottom: 21px;
}
.modCol43 > div:nth-child(3n),
.modCol43 > li:nth-child(3n)
{
  margin-right: 0;
}
@media only screen and (max-width: 768px)
{
  .modCol43> div,
  .modCol43 > li
  {
    width: 100%;
    margin-right: auto;
    margin-bottom: 21px;
  }
  .modCol4 > div,
  .modCol4 > li
  {
    float: none;

    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;

    vertical-align: top;
  }
}

.modCol3 > div,
.modCol3 > li
{
  width: 220px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#homeMovie .modCol3 > div,
#homeMovie .modCol3 > li,
#homeArt .modCol3 > div,
#homeArt .modCol3 > li
{
  width: 306px;
  margin-right: 21px;
  margin-bottom: 21px;
}

.modCol3 > div:nth-child(3n),
.modCol3 > li:nth-child(3n),
#homeMovie .modCol3 > div:nth-child(3n),
#homeMovie .modCol3 > li:nth-child(3n),
#homeArt .modCol3 > div:nth-child(3n),
#homeArt .modCol3 > li:nth-child(3n)
{
  margin-right: 0;
}
@media only screen and (max-width: 768px)
{
  #homeMovie .modCol3 > div,
  #homeMovie .modCol3 > li,
  #homeArt .modCol3 > div,
  #homeArt .modCol3 > li,
  .modCol3 > div,
  .modCol3 > li
  {
    float: none;

    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;

    vertical-align: top;
  }
}

.modMovieList h4
{
  width: 95%;
  display: block;
  font-weight: bold;
  margin: 0 auto 10px auto;
  color: #7a231e;
  line-height: 1.4;
}
.modMovieList dl
{
  font-size: 12px;
  font-size: 1.2rem;

  margin-bottom: 5px;
  padding-bottom: 10px;

  letter-spacing: normal;

  border-bottom: 1px solid #e7e7e7;
}
.modMovieList dl dt
{
  float: left;
  clear: both;

  width: 3em;
}
.modMovieList dl dt:after
{
  content: ':';
}
.modMovieList dl dd
{
  margin: 0;
}
.modMovieList dl,
.modMovieList p
{
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}
.modMovieList p
{
  font-size: 10px;
  font-size: 1rem;
}

.modNewsList > div,
.modNewsList > li
{
  position: relative;
}
.modNewsList > div .tag,
.modNewsList > li .tag
{
  font-size: 12px;
  font-size: 1.2rem;

  position: absolute;
  top: 0;
  right: 0;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 23px;
  padding: 3px;

  text-align: center;

  color: #fff;
  background-color: #8e8e8e;
}
.modNewsList > div h4,
.modNewsList > li h4
{
  font-weight: bold;

  margin-bottom: 15px;
}

.modMovieList dl.art_info dt:after
{
  content: ':';
}
@media only screen and (max-width: 768px)
{
  .modNewsList > div h4,
  .modNewsList > li h4
  {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px)
{
  .modNewsList > div .textBox,
  .modNewsList > li .textBox
  {
    padding-top: 35px;
  }
}

.modListWithHeadline
{
  margin-bottom: 80px;
}
.modListWithHeadline:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}
.modListWithHeadline h4.headline
{
  width: auto;
  margin: 0 0 16px 0;
  padding: 11px 10px 11px 10px;
  background-color: #ab1f24;

  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;

}

.modLineBox
{
  padding: 20px 30px;

  border: 2px solid #ab1f24;
  background-color: #fff;
}
@media only screen and (max-width: 768px)
{
  .modLineBox
  {
    padding: 10px;
  }
}

.modLineBox02
{
  padding-bottom: 40px;
  margin-bottom: 50px;
  border-bottom : 1px solid #333;
}
@media only screen and (max-width: 768px)
{
  .modLineBox02
  {
    padding-bottom: 15x;
    margin-bottom: 15px;
  }
}

.ie8 .modCol3 > div,
.ie8 .modCol3 > li,
.ie8 .modCol4 > div,
.ie8 .modCol4 > li
{
  margin-right: 10px;
  margin-bottom: 10px;

  border: 1px solid #ccc;
}

/* banner
------------------------------------------------------------*/
.modBnr
{
  margin-bottom: 25px;
}

.modBnrSpeaker
{
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 180px;
  margin-bottom: 25px;
  padding-top: 110px;

  text-align: center;

  border: 3px solid #ab1f24;
  background: url(../images/common/icoCalender.png) no-repeat 50% 15px #fff;
  -webkit-background-size: 83px;
  -o-background-size: 83px;
  background-size: 83px;
  text-decoration: none;
}
.modBnrSpeaker:hover
{
  color: #fff;
  background: url(../images/common/icoCalenderHover.png) no-repeat 50% 15px #ab1f24;
  -webkit-background-size: 83px;
  -o-background-size: 83px;
  background-size: 83px;
}
@media only screen and (max-width: 768px)
{
  .modBnr
  {
    margin-bottom: 15px;
  }

  .modBnr img
  {
    display: block;
    margin: 0 auto 0 auto;
    text-align: center;
  }
  .modBnrSpeaker
  {
    font-size: 13px;
    font-size: 1.3rem;

    height: auto;
    padding: 25px 10px 25px 40px;

    background-position: 20px 50%;
    -webkit-background-size: 59px;
    -o-background-size: 59px;
    background-size: 59px;
  }
  .modBnrSpeaker:hover,
  .modBnrSpeaker:focus
  {
    background-position: 20px 50%;
    -webkit-background-size: 59px;
    -o-background-size: 59px;
    background-size: 59px;
  }
}

.modBnrTicket,
.modBnrFactory,
.modBnrAccess
{
  font-weight: bold;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 95px;
  margin-bottom: 15px;
  padding-top: 60px;

  text-align: center;
  letter-spacing: normal;

  border: 1px solid #c7c7c7;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 15px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}

.modBnrCoop,
.modBnrTwitter,
.modBnrFacebook,
.modBnrYoutube
{
  font-weight: bold;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  margin-bottom: 15px;
  padding-top: 10px;

  text-align: center;
  letter-spacing: normal;

  border: 1px solid #c7c7c7;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 15px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}

.modBnrTicket:hover,
.modBnrFactory:hover,
.modBnrAccess:hover,
.modBnrCoop:hover,
.modBnrTwitter:hover,
.modBnrFacebook:hover,
.modBnrYoutube:hover
{
  color: #fff;
  background-color: #ab1f24;
}

.modBnrCheck
{
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 12px 0 12px 0;

  text-align: center;
  letter-spacing: normal;

  border: 1px solid #c7c7c7;
  color: #fff;
  background-color: #ab1f24;
  background-repeat: no-repeat;
  background-position: 50% 15px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  text-align: center;
}

.modBnrCheck1,
.modBnrCheck2
{
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 12px 0 12px 0;

  text-align: center;
  letter-spacing: normal;

  border: 1px solid #c7c7c7;
  color: #fff;
  background-color: #ab1f24;
  background-repeat: no-repeat;
  background-position: 50% 15px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  text-align: center;
}

@media only screen and (max-width: 768px)
{
  .modBnrCheck1
  {
    width:48%;
    display: block;
    padding: 20px 0 20px 0;
    float: left;
  }
  .modBnrCheck2{
    width:48%;
    display: block;
    padding: 20px 0 20px 0;
    float: right;
  }

}

.modBnrCheck:hover,
.modBnrCheck1:hover,
.modBnrCheck2:hover
{
  color: #ab1f24;
  background-color: #fff;
}

@media only screen and (max-width: 768px)
{
  .modBnrTicket,
  .modBnrFactory,
  .modBnrAccess
  {
    height: auto;
    padding: 15px 10px 15px 100px;

    text-align: left;

    background-position: 15px 50%;
  }
}

.modBnrTicket
{
  background-image: url(../images/common/icoTicket.png);
  -webkit-background-size: 74px 34px;
  -o-background-size: 74px 34px;
  background-size: 74px 34px;
}
.modBnrTicket:hover
{
  background-image: url(../images/common/icoTicketHover.png);
}
@media only screen and (max-width: 768px)
{
  .modBnrTicket
  {
    -webkit-background-size: 56px 26px;
    -o-background-size: 56px 26px;
    background-size: 56px 26px;
  }
}

.modBnrFactory
{
  background-image: url(../images/common/icoCF.png);
  -webkit-background-size: 116px 39px;
  -o-background-size: 116px 39px;
  background-size: 116px 39px;
}
@media only screen and (max-width: 768px)
{
  .modBnrFactory
  {
    -webkit-background-size: 58px 19px;
    -o-background-size: 58px 19px;
    background-size: 58px 19px;
  }
}

.modBnrAccess
{
  background-image: url(../images/common/icoAccess.png);
  background-position: 50% 8px;
  -webkit-background-size: 59px 46px;
  -o-background-size: 59px 46px;
  background-size: 59px 46px;
}
.modBnrAccess:hover
{
  background-image: url(../images/common/icoAccessHover.png);
}
@media only screen and (max-width: 768px)
{
  .modBnrAccess
  {
    background-position: 20px 6px;
    -webkit-background-size: 38px 29px;
    -o-background-size: 38px 29px;
    background-size: 38px 29px;
  }
}

.ie8 .modBnrSpeaker
{
  background: url(../images/ie8/ie8IcoCalender.png) no-repeat 50% 15px #fff;
}
.ie8 .modBnrSpeaker:hover
{
  background: url(../images/ie8/ie8IcoCalenderHover.png) no-repeat 50% 15px #ab1f24;
}
.ie8 .modBnrTicket
{
  background: url(../images/ie8/ie8IcoTicket.png) no-repeat 50% 15px #fff;
}
.ie8 .modBnrTicket:hover
{
  background: url(../images/ie8/ie8IcoTicketHover.png) no-repeat 50% 15px #ab1f24;
}
.ie8 .modBnrAccess
{
  background: url(../images/ie8/ie8IcoAccess.png) no-repeat 50% 15px #fff;
}
.ie8 .modBnrAccess:hover
{
  background: url(../images/ie8/ie8IcoAccessHover.png) no-repeat 50% 15px #ab1f24;
}

.modTab-tab2 ul
{
  background: url(../images/common/bgTab.png) repeat-x 0 100%;
}
.modTab-tab2 ul:after
{
  display: block;
  clear: both;

  height: 0;

  content: '';
}
.modTab-tab2 ul li
{
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;

  position: relative;

  float: left;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  text-align: center;

  border: solid #ab1f24;
  border-width: 2px 2px 0;
  background-color: #ab1f24;
}
@media only screen and (max-width: 768px)
{
  .modTab-tab2 ul li
  {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.modTab-tab2 ul a
{
  display: block;

  padding: 10px 0 12px;

  text-decoration: none;

  color: #fff;
}
.modTab-tab2 ul a.on
{
  color: #ab1f24;
  background-color: #fff;
}
.modTab-tab2 ul a.on:hover
{
  background-color: #fff;
}
.modTab-tab2 ul a:hover
{
  background: #c12329;
}
.modTab-tab2 li
{
  width: 49.9%;
}
.modTab-tab2 li:last-child
{
  float: right;
}

.tabContent
{
  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px;

  border: solid #ab1f24;
  border-width: 0 2px 2px;
  background-color: #fff;
}

.tabContent p{
  display: block;
  margin-bottom: 16px;
}

@media only screen and (max-width: 768px)
{
  .tabContent
  {
    padding: 10px;
  }
}

/* width
------------------------------------------------------------*/
.cosW5,
.cosW10,
.cosW15,
.cosW20,
.cosW25,
.cosW30,
.cosW35,
.cosW40,
.cosW45,
.cosW50,
.cosW55,
.cosW60,
.cosW65,
.cosW70,
.cosW75,
.cosW80,
.cosW85,
.cosW90,
.cosW95,
.cosW100,
.cosW105,
.cosW110,
.cosW115,
.cosW120,
.cosW125,
.cosW130,
.cosW135,
.cosW140,
.cosW145,
.cosW150,
.cosW155,
.cosW160,
.cosW165,
.cosW170,
.cosW175,
.cosW180,
.cosW185,
.cosW190,
.cosW195,
.cosW200,
.cosW205,
.cosW210,
.cosW215,
.cosW220,
.cosW225,
.cosW230,
.cosW235,
.cosW240,
.cosW245,
.cosW250,
.cosW255,
.cosW260,
.cosW265,
.cosW270,
.cosW275,
.cosW280,
.cosW285,
.cosW290,
.cosW295,
.cosW300,
.cosW305,
.cosW310,
.cosW315,
.cosW320,
.cosW325,
.cosW330,
.cosW335,
.cosW340,
.cosW345,
.cosW350,
.cosW355,
.cosW360,
.cosW365,
.cosW370,
.cosW375,
.cosW380,
.cosW385,
.cosW390,
.cosW395,
.cosW400,
.cosW405,
.cosW410,
.cosW415,
.cosW420,
.cosW425,
.cosW430,
.cosW435,
.cosW440,
.cosW445,
.cosW450,
.cosW455,
.cosW460,
.cosW465,
.cosW470,
.cosW475,
.cosW480,
.cosW485,
.cosW490,
.cosW495,
.cosW500,
.cosW505,
.cosW510,
.cosW515,
.cosW520,
.cosW525,
.cosW530,
.cosW535,
.cosW540,
.cosW545,
.cosW550,
.cosW555,
.cosW560,
.cosW565,
.cosW570,
.cosW575,
.cosW580,
.cosW585,
.cosW590,
.cosW595,
.cosW600,
.cosW605,
.cosW610,
.cosW615,
.cosW620,
.cosW625,
.cosW630,
.cosW635,
.cosW640,
.cosW645,
.cosW650,
.cosW655,
.cosW660,
.cosW665,
.cosW670,
.cosW675,
.cosW680,
.cosW685,
.cosW690,
.cosW695,
.cosW700,
.cosW705,
.cosW710,
.cosW715,
.cosW720,
.cosW725,
.cosW730,
.cosW735,
.cosW740,
.cosW745,
.cosW750,
.cosW755,
.cosW760,
.cosW765,
.cosW770,
.cosW775,
.cosW780,
.cosW785,
.cosW790,
.cosW795,
.cosW800,
.cosW805,
.cosW810,
.cosW815,
.cosW820,
.cosW825,
.cosW830,
.cosW835,
.cosW840,
.cosW845,
.cosW850,
.cosW855,
.cosW860,
.cosW865,
.cosW870,
.cosW875,
.cosW880,
.cosW885,
.cosW890,
.cosW895
{
  max-width: 100%;
}

.cosW100per
{
  width: 100% !important;
}

.cosW5
{
  width: 5px !important;
}

.cosW10
{
  width: 10px !important;
}

.cosW15
{
  width: 15px !important;
}

.cosW20
{
  width: 20px !important;
}

.cosW25
{
  width: 25px !important;
}

.cosW30
{
  width: 30px !important;
}

.cosW35
{
  width: 35px !important;
}

.cosW40
{
  width: 40px !important;
}

.cosW45
{
  width: 45px !important;
}

.cosW50
{
  width: 50px !important;
}

.cosW55
{
  width: 55px !important;
}

.cosW60
{
  width: 60px !important;
}

.cosW65
{
  width: 65px !important;
}

.cosW70
{
  width: 70px !important;
}

.cosW75
{
  width: 75px !important;
}

.cosW80
{
  width: 80px !important;
}

.cosW85
{
  width: 85px !important;
}

.cosW90
{
  width: 90px !important;
}

.cosW95
{
  width: 95px !important;
}

.cosW100
{
  width: 100px !important;
}

.cosW105
{
  width: 105px !important;
}

.cosW110
{
  width: 110px !important;
}

.cosW115
{
  width: 115px !important;
}

.cosW120
{
  width: 120px !important;
}

.cosW125
{
  width: 125px !important;
}

.cosW130
{
  width: 130px !important;
}

.cosW135
{
  width: 135px !important;
}

.cosW140
{
  width: 140px !important;
}

.cosW145
{
  width: 145px !important;
}

.cosW150
{
  width: 150px !important;
}

.cosW155
{
  width: 155px !important;
}

.cosW160
{
  width: 160px !important;
}

.cosW165
{
  width: 165px !important;
}

.cosW170
{
  width: 170px !important;
}

.cosW175
{
  width: 175px !important;
}

.cosW180
{
  width: 180px !important;
}

.cosW185
{
  width: 185px !important;
}

.cosW190
{
  width: 190px !important;
}

.cosW195
{
  width: 195px !important;
}

.cosW200
{
  width: 200px !important;
}

.cosW205
{
  width: 205px !important;
}

.cosW210
{
  width: 210px !important;
}

.cosW215
{
  width: 215px !important;
}

.cosW220
{
  width: 220px !important;
}

.cosW225
{
  width: 225px !important;
}

.cosW230
{
  width: 230px !important;
}

.cosW235
{
  width: 235px !important;
}

.cosW240
{
  width: 240px !important;
}

.cosW245
{
  width: 245px !important;
}

.cosW250
{
  width: 250px !important;
}

.cosW255
{
  width: 255px !important;
}

.cosW260
{
  width: 260px !important;
}

.cosW265
{
  width: 265px !important;
}

.cosW270
{
  width: 270px !important;
}

.cosW275
{
  width: 275px !important;
}

.cosW280
{
  width: 280px !important;
}

.cosW285
{
  width: 285px !important;
}

.cosW290
{
  width: 290px !important;
}

.cosW295
{
  width: 295px !important;
}

.cosW300
{
  width: 300px !important;
}

.cosW305
{
  width: 305px !important;
}

.cosW310
{
  width: 310px !important;
}

.cosW315
{
  width: 315px !important;
}

.cosW320
{
  width: 320px !important;
}

.cosW325
{
  width: 325px !important;
}

.cosW330
{
  width: 330px !important;
}

.cosW335
{
  width: 335px !important;
}

.cosW340
{
  width: 340px !important;
}

.cosW345
{
  width: 345px !important;
}

.cosW350
{
  width: 350px !important;
}

.cosW355
{
  width: 355px !important;
}

.cosW360
{
  width: 360px !important;
}

.cosW365
{
  width: 365px !important;
}

.cosW370
{
  width: 370px !important;
}

.cosW375
{
  width: 375px !important;
}

.cosW380
{
  width: 380px !important;
}

.cosW385
{
  width: 385px !important;
}

.cosW390
{
  width: 390px !important;
}

.cosW395
{
  width: 395px !important;
}

.cosW400
{
  width: 400px !important;
}

.cosW405
{
  width: 405px !important;
}

.cosW410
{
  width: 410px !important;
}

.cosW415
{
  width: 415px !important;
}

.cosW420
{
  width: 420px !important;
}

.cosW425
{
  width: 425px !important;
}

.cosW430
{
  width: 430px !important;
}

.cosW435
{
  width: 435px !important;
}

.cosW440
{
  width: 440px !important;
}

.cosW445
{
  width: 445px !important;
}

.cosW450
{
  width: 450px !important;
}

.cosW455
{
  width: 455px !important;
}

.cosW460
{
  width: 460px !important;
}

.cosW465
{
  width: 465px !important;
}

.cosW470
{
  width: 470px !important;
}

.cosW475
{
  width: 475px !important;
}

.cosW480
{
  width: 480px !important;
}

.cosW485
{
  width: 485px !important;
}

.cosW490
{
  width: 490px !important;
}

.cosW495
{
  width: 495px !important;
}

.cosW500
{
  width: 500px !important;
}

.cosW505
{
  width: 505px !important;
}

.cosW510
{
  width: 510px !important;
}

.cosW515
{
  width: 515px !important;
}

.cosW520
{
  width: 520px !important;
}

.cosW525
{
  width: 525px !important;
}

.cosW530
{
  width: 530px !important;
}

.cosW535
{
  width: 535px !important;
}

.cosW540
{
  width: 540px !important;
}

.cosW545
{
  width: 545px !important;
}

.cosW550
{
  width: 550px !important;
}

.cosW555
{
  width: 555px !important;
}

.cosW560
{
  width: 560px !important;
}

.cosW565
{
  width: 565px !important;
}

.cosW570
{
  width: 570px !important;
}

.cosW575
{
  width: 575px !important;
}

.cosW580
{
  width: 580px !important;
}

.cosW585
{
  width: 585px !important;
}

.cosW590
{
  width: 590px !important;
}

.cosW595
{
  width: 595px !important;
}

.cosW600
{
  width: 600px !important;
}

.cosW605
{
  width: 605px !important;
}

.cosW610
{
  width: 610px !important;
}

.cosW615
{
  width: 615px !important;
}

.cosW620
{
  width: 620px !important;
}

.cosW625
{
  width: 625px !important;
}

.cosW630
{
  width: 630px !important;
}

.cosW635
{
  width: 635px !important;
}

.cosW640
{
  width: 640px !important;
}

.cosW645
{
  width: 645px !important;
}

.cosW650
{
  width: 650px !important;
}

.cosW655
{
  width: 655px !important;
}

.cosW660
{
  width: 660px !important;
}

.cosW665
{
  width: 665px !important;
}

.cosW670
{
  width: 670px !important;
}

.cosW675
{
  width: 675px !important;
}

.cosW680
{
  width: 680px !important;
}

.cosW685
{
  width: 685px !important;
}

.cosW690
{
  width: 690px !important;
}

.cosW695
{
  width: 695px !important;
}

.cosW700
{
  width: 700px !important;
}

.cosW705
{
  width: 705px !important;
}

.cosW710
{
  width: 710px !important;
}

.cosW715
{
  width: 715px !important;
}

.cosW720
{
  width: 720px !important;
}

.cosW725
{
  width: 725px !important;
}

.cosW730
{
  width: 730px !important;
}

.cosW735
{
  width: 735px !important;
}

.cosW740
{
  width: 740px !important;
}

.cosW745
{
  width: 745px !important;
}

.cosW750
{
  width: 750px !important;
}

.cosW755
{
  width: 755px !important;
}

.cosW760
{
  width: 760px !important;
}

.cosW765
{
  width: 765px !important;
}

.cosW770
{
  width: 770px !important;
}

.cosW775
{
  width: 775px !important;
}

.cosW780
{
  width: 780px !important;
}

.cosW785
{
  width: 785px !important;
}

.cosW790
{
  width: 790px !important;
}

.cosW795
{
  width: 795px !important;
}

.cosW800
{
  width: 800px !important;
}

.cosW805
{
  width: 805px !important;
}

.cosW810
{
  width: 810px !important;
}

.cosW815
{
  width: 815px !important;
}

.cosW820
{
  width: 820px !important;
}

.cosW825
{
  width: 825px !important;
}

.cosW830
{
  width: 830px !important;
}

.cosW835
{
  width: 835px !important;
}

.cosW840
{
  width: 840px !important;
}

.cosW845
{
  width: 845px !important;
}

.cosW850
{
  width: 850px !important;
}

.cosW855
{
  width: 855px !important;
}

.cosW860
{
  width: 860px !important;
}

.cosW865
{
  width: 865px !important;
}

.cosW870
{
  width: 870px !important;
}

.cosW875
{
  width: 875px !important;
}

.cosW880
{
  width: 880px !important;
}

.cosW885
{
  width: 885px !important;
}

.cosW890
{
  width: 890px !important;
}

.cosW895
{
  width: 895px !important;
}

/* margin,padding
------------------------------------------------------------*/
.mRLAuto
{
  margin-right: auto;
  margin-left: auto;
}

.cosMl0
{
  margin-left: 0 !important;
}

.cosMl5
{
  margin-left: 5px !important;
}

.cosMl10
{
  margin-left: 10px !important;
}

.cosMl20
{
  margin-left: 20px !important;
}

.cosMl30
{
  margin-left: 30px !important;
}

.cosMl40
{
  margin-left: 40px !important;
}

.cosMl50
{
  margin-left: 50px !important;
}

.cosMl60
{
  margin-left: 60px !important;
}

.cosMl70
{
  margin-left: 70px !important;
}

.cosMl80
{
  margin-left: 80px !important;
}

.cosMl90
{
  margin-left: 90px !important;
}

.cosMl100
{
  margin-left: 100px !important;
}

.cosMl110
{
  margin-left: 110px !important;
}

.cosMl120
{
  margin-left: 120px !important;
}

.cosMl130
{
  margin-left: 130px !important;
}

.cosMl140
{
  margin-left: 140px !important;
}

.cosMl150
{
  margin-left: 150px !important;
}

.cosMl160
{
  margin-left: 160px !important;
}

.cosMl170
{
  margin-left: 170px !important;
}

.cosMl180
{
  margin-left: 180px !important;
}

.cosMl190
{
  margin-left: 190px !important;
}

.cosMl200
{
  margin-left: 200px !important;
}

.cosMl210
{
  margin-left: 210px !important;
}

.cosMl220
{
  margin-left: 220px !important;
}

.cosMl230
{
  margin-left: 230px !important;
}

.cosMl240
{
  margin-left: 240px !important;
}

.cosMl250
{
  margin-left: 250px !important;
}

.cosMl260
{
  margin-left: 260px !important;
}

.cosMl270
{
  margin-left: 270px !important;
}

.cosMl280
{
  margin-left: 280px !important;
}

.cosMl290
{
  margin-left: 290px !important;
}

.cosMl300
{
  margin-left: 300px !important;
}

.cosMt0
{
  margin-top: 0 !important;
}

.cosMt5
{
  margin-top: 5px !important;
}

.cosMt10
{
  margin-top: 10px !important;
}

.cosMt15
{
  margin-top: 15px !important;
}

.cosMt20
{
  margin-top: 20px !important;
}

.cosMt30
{
  margin-top: 30px !important;
}

.cosMt40
{
  margin-top: 40px !important;
}

.cosMt50
{
  margin-top: 50px !important;
}

.cosMt60
{
  margin-top: 60px !important;
}

.cosMt70
{
  margin-top: 70px !important;
}

.cosMt80
{
  margin-top: 80px !important;
}

.cosMt90
{
  margin-top: 90px !important;
}

.cosMt100
{
  margin-top: 100px !important;
}

.cosMt110
{
  margin-top: 110px !important;
}

.cosMt120
{
  margin-top: 120px !important;
}

.cosMt130
{
  margin-top: 130px !important;
}

.cosMt140
{
  margin-top: 140px !important;
}

.cosMt150
{
  margin-top: 150px !important;
}

.cosMt160
{
  margin-top: 160px !important;
}

.cosMt170
{
  margin-top: 170px !important;
}

.cosMt180
{
  margin-top: 180px !important;
}

.cosMt190
{
  margin-top: 190px !important;
}

.cosMt200
{
  margin-top: 200px !important;
}

.cosMt210
{
  margin-top: 210px !important;
}

.cosMt220
{
  margin-top: 220px !important;
}

.cosMt230
{
  margin-top: 230px !important;
}

.cosMt240
{
  margin-top: 240px !important;
}

.cosMt250
{
  margin-top: 250px !important;
}

.cosMt260
{
  margin-top: 260px !important;
}

.cosMt270
{
  margin-top: 270px !important;
}

.cosMt280
{
  margin-top: 280px !important;
}

.cosMt290
{
  margin-top: 290px !important;
}

.cosMt300
{
  margin-top: 300px !important;
}

.cosMr0
{
  margin-right: 0 !important;
}

.cosMr5
{
  margin-right: 5px !important;
}

.cosMr10
{
  margin-right: 10px !important;
}

.cosMr20
{
  margin-right: 20px !important;
}

.cosMr30
{
  margin-right: 30px !important;
}

.cosMr40
{
  margin-right: 40px !important;
}

.cosMr50
{
  margin-right: 50px !important;
}

.cosMr60
{
  margin-right: 60px !important;
}

.cosMr70
{
  margin-right: 70px !important;
}

.cosMr80
{
  margin-right: 80px !important;
}

.cosMr90
{
  margin-right: 90px !important;
}

.cosMr100
{
  margin-right: 100px !important;
}

.cosMr110
{
  margin-right: 110px !important;
}

.cosMr120
{
  margin-right: 120px !important;
}

.cosMr130
{
  margin-right: 130px !important;
}

.cosMr140
{
  margin-right: 140px !important;
}

.cosMr150
{
  margin-right: 150px !important;
}

.cosMr160
{
  margin-right: 160px !important;
}

.cosMr170
{
  margin-right: 170px !important;
}

.cosMr180
{
  margin-right: 180px !important;
}

.cosMr190
{
  margin-right: 190px !important;
}

.cosMr200
{
  margin-right: 200px !important;
}

.cosMr210
{
  margin-right: 210px !important;
}

.cosMr220
{
  margin-right: 220px !important;
}

.cosMr230
{
  margin-right: 230px !important;
}

.cosMr240
{
  margin-right: 240px !important;
}

.cosMr250
{
  margin-right: 250px !important;
}

.cosMr260
{
  margin-right: 260px !important;
}

.cosMr270
{
  margin-right: 270px !important;
}

.cosMr280
{
  margin-right: 280px !important;
}

.cosMr290
{
  margin-right: 290px !important;
}

.cosMr300
{
  margin-right: 300px !important;
}

.cosMb0
{
  margin-bottom: 0 !important;
}

.cosMb5
{
  margin-bottom: 5px !important;
}

.cosMb10
{
  margin-bottom: 10px !important;
}

.cosMb15
{
  margin-bottom: 15px !important;
}

.cosMb20
{
  margin-bottom: 20px !important;
}

.cosMb30
{
  margin-bottom: 30px !important;
}
@media only screen and (max-width: 768px)
{
  .cosMb30
  {
    margin-bottom: 20px !important;
  }
}

.cosMb40
{
  margin-bottom: 40px !important;
}

.cosMb50
{
  margin-bottom: 50px !important;
}

.cosMb60
{
  margin-bottom: 60px !important;
}

.cosMb70
{
  margin-bottom: 70px !important;
}

.cosMb80
{
  margin-bottom: 80px !important;
}

@media only screen and (max-width: 768px)
{
.cosMb80
{
  margin-bottom: 54px !important;
}
}

.cosMb90
{
  margin-bottom: 90px !important;
}

.cosMb100
{
  margin-bottom: 100px !important;
}

.cosMb110
{
  margin-bottom: 110px !important;
}

.cosMb120
{
  margin-bottom: 120px !important;
}

.cosMb130
{
  margin-bottom: 130px !important;
}

.cosMb140
{
  margin-bottom: 140px !important;
}

.cosMb150
{
  margin-bottom: 150px !important;
}

.cosMb160
{
  margin-bottom: 160px !important;
}

.cosMb170
{
  margin-bottom: 170px !important;
}

.cosMb180
{
  margin-bottom: 180px !important;
}

.cosMb190
{
  margin-bottom: 190px !important;
}

.cosMb200
{
  margin-bottom: 200px !important;
}

.cosMb210
{
  margin-bottom: 210px !important;
}

.cosMb220
{
  margin-bottom: 220px !important;
}

.cosMb230
{
  margin-bottom: 230px !important;
}

.cosMb240
{
  margin-bottom: 240px !important;
}

.cosMb250
{
  margin-bottom: 250px !important;
}

.cosMb260
{
  margin-bottom: 260px !important;
}

.cosMb270
{
  margin-bottom: 270px !important;
}

.cosMb280
{
  margin-bottom: 280px !important;
}

.cosMb290
{
  margin-bottom: 290px !important;
}

.cosMb300
{
  margin-bottom: 300px !important;
}

.cosPl0
{
  padding-left: 0 !important;
}

.cosPl5
{
  padding-left: 5px !important;
}

.cosPl10
{
  padding-left: 10px !important;
}

.cosPl20
{
  padding-left: 20px !important;
}

.cosPl30
{
  padding-left: 30px !important;
}

.cosPl40
{
  padding-left: 40px !important;
}

.cosPl50
{
  padding-left: 50px !important;
}

.cosPl60
{
  padding-left: 60px !important;
}

.cosPl70
{
  padding-left: 70px !important;
}

.cosPl80
{
  padding-left: 80px !important;
}

.cosPl90
{
  padding-left: 90px !important;
}

.cosPl100
{
  padding-left: 100px !important;
}

.cosPl110
{
  padding-left: 110px !important;
}

.cosPl120
{
  padding-left: 120px !important;
}

.cosPl130
{
  padding-left: 130px !important;
}

.cosPl140
{
  padding-left: 140px !important;
}

.cosPl150
{
  padding-left: 150px !important;
}

.cosPl160
{
  padding-left: 160px !important;
}

.cosPl170
{
  padding-left: 170px !important;
}

.cosPl180
{
  padding-left: 180px !important;
}

.cosPl190
{
  padding-left: 190px !important;
}

.cosPl200
{
  padding-left: 200px !important;
}

.cosPl210
{
  padding-left: 210px !important;
}

.cosPl220
{
  padding-left: 220px !important;
}

.cosPl230
{
  padding-left: 230px !important;
}

.cosPl240
{
  padding-left: 240px !important;
}

.cosPl250
{
  padding-left: 250px !important;
}

.cosPl260
{
  padding-left: 260px !important;
}

.cosPl270
{
  padding-left: 270px !important;
}

.cosPl280
{
  padding-left: 280px !important;
}

.cosPl290
{
  padding-left: 290px !important;
}

.cosPl300
{
  padding-left: 300px !important;
}

.cosPt0
{
  padding-top: 0 !important;
}

.cosPt5
{
  padding-top: 5px !important;
}

.cosPt10
{
  padding-top: 10px !important;
}

.cosPt20
{
  padding-top: 20px !important;
}

.cosPt30
{
  padding-top: 30px !important;
}

.cosPt40
{
  padding-top: 40px !important;
}

.cosPt50
{
  padding-top: 50px !important;
}

.cosPt60
{
  padding-top: 60px !important;
}

.cosPt70
{
  padding-top: 70px !important;
}

.cosPt80
{
  padding-top: 80px !important;
}

.cosPt90
{
  padding-top: 90px !important;
}

.cosPt100
{
  padding-top: 100px !important;
}

.cosPt110
{
  padding-top: 110px !important;
}

.cosPt120
{
  padding-top: 120px !important;
}

.cosPt130
{
  padding-top: 130px !important;
}

.cosPt140
{
  padding-top: 140px !important;
}

.cosPt150
{
  padding-top: 150px !important;
}

.cosPt160
{
  padding-top: 160px !important;
}

.cosPt170
{
  padding-top: 170px !important;
}

.cosPt180
{
  padding-top: 180px !important;
}

.cosPt190
{
  padding-top: 190px !important;
}

.cosPt200
{
  padding-top: 200px !important;
}

.cosPt210
{
  padding-top: 210px !important;
}

.cosPt220
{
  padding-top: 220px !important;
}

.cosPt230
{
  padding-top: 230px !important;
}

.cosPt240
{
  padding-top: 240px !important;
}

.cosPt250
{
  padding-top: 250px !important;
}

.cosPt260
{
  padding-top: 260px !important;
}

.cosPt270
{
  padding-top: 270px !important;
}

.cosPt280
{
  padding-top: 280px !important;
}

.cosPt290
{
  padding-top: 290px !important;
}

.cosPt300
{
  padding-top: 300px !important;
}

.cosPr0
{
  padding-right: 0 !important;
}

.cosPr5
{
  padding-right: 5px !important;
}

.cosPr10
{
  padding-right: 10px !important;
}

.cosPr20
{
  padding-right: 20px !important;
}

.cosPr30
{
  padding-right: 30px !important;
}

.cosPr40
{
  padding-right: 40px !important;
}

.cosPr50
{
  padding-right: 50px !important;
}

.cosPr60
{
  padding-right: 60px !important;
}

.cosPr70
{
  padding-right: 70px !important;
}

.cosPr80
{
  padding-right: 80px !important;
}

.cosPr90
{
  padding-right: 90px !important;
}

.cosPr100
{
  padding-right: 100px !important;
}

.cosPr110
{
  padding-right: 110px !important;
}

.cosPr120
{
  padding-right: 120px !important;
}

.cosPr130
{
  padding-right: 130px !important;
}

.cosPr140
{
  padding-right: 140px !important;
}

.cosPr150
{
  padding-right: 150px !important;
}

.cosPr160
{
  padding-right: 160px !important;
}

.cosPr170
{
  padding-right: 170px !important;
}

.cosPr180
{
  padding-right: 180px !important;
}

.cosPr190
{
  padding-right: 190px !important;
}

.cosPr200
{
  padding-right: 200px !important;
}

.cosPr210
{
  padding-right: 210px !important;
}

.cosPr220
{
  padding-right: 220px !important;
}

.cosPr230
{
  padding-right: 230px !important;
}

.cosPr240
{
  padding-right: 240px !important;
}

.cosPr250
{
  padding-right: 250px !important;
}

.cosPr260
{
  padding-right: 260px !important;
}

.cosPr270
{
  padding-right: 270px !important;
}

.cosPr280
{
  padding-right: 280px !important;
}

.cosPr290
{
  padding-right: 290px !important;
}

.cosPr300
{
  padding-right: 300px !important;
}

.cosPb0
{
  padding-bottom: 0 !important;
}

.cosPb5
{
  padding-bottom: 5px !important;
}

.cosPb10
{
  padding-bottom: 10px !important;
}

.cosPb20
{
  padding-bottom: 20px !important;
}

.cosPb30
{
  padding-bottom: 30px !important;
}

.cosPb40
{
  padding-bottom: 40px !important;
}

.cosPb50
{
  padding-bottom: 50px !important;
}

.cosPb60
{
  padding-bottom: 60px !important;
}

.cosPb70
{
  padding-bottom: 70px !important;
}

.cosPb80
{
  padding-bottom: 80px !important;
}

.cosPb90
{
  padding-bottom: 90px !important;
}

.cosPb100
{
  padding-bottom: 100px !important;
}

.cosPb110
{
  padding-bottom: 110px !important;
}

.cosPb120
{
  padding-bottom: 120px !important;
}

.cosPb130
{
  padding-bottom: 130px !important;
}

.cosPb140
{
  padding-bottom: 140px !important;
}

.cosPb150
{
  padding-bottom: 150px !important;
}

.cosPb160
{
  padding-bottom: 160px !important;
}

.cosPb170
{
  padding-bottom: 170px !important;
}

.cosPb180
{
  padding-bottom: 180px !important;
}

.cosPb190
{
  padding-bottom: 190px !important;
}

.cosPb200
{
  padding-bottom: 200px !important;
}

.cosPb210
{
  padding-bottom: 210px !important;
}

.cosPb220
{
  padding-bottom: 220px !important;
}

.cosPb230
{
  padding-bottom: 230px !important;
}

.cosPb240
{
  padding-bottom: 240px !important;
}

.cosPb250
{
  padding-bottom: 250px !important;
}

.cosPb260
{
  padding-bottom: 260px !important;
}

.cosPb270
{
  padding-bottom: 270px !important;
}

.cosPb280
{
  padding-bottom: 280px !important;
}

.cosPb290
{
  padding-bottom: 290px !important;
}

.cosPb300
{
  padding-bottom: 300px !important;
}

/* text
------------------------------------------------------------*/
.cosTxtBold
{
  font-weight: bold !important;
}

.cosTxtRight
{
  text-align: right !important;
}

.cosTxtCenter
{
  text-align: center !important;
}

.cosTxtLeft
{
  text-align: left !important;
}

.cosTxt10
{
  font-size: 10px !important;
  font-size: 1rem !important;
}

.cosTxt11
{
  font-size: 11px !important;
  font-size: 1.1rem !important;
}

.cosTxt12
{
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.cosTxt13
{
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.cosTxt14
{
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.cosTxt16
{
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.cosTxt18
{
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

.cosTxt20
{
  font-size: 20px !important;
  font-size: 2rem !important;
}

/* grid
------------------------------------------------------------*/
.cosGrid
{
  width: 100%;

  *zoom: 1;
}

.cosGrid:before,
.cosGrid:after
{
  line-height: 0;

  display: table;

  content: '';
}

.cosGrid:after
{
  clear: both;
}

.cosGrid [class*='span']
{
  display: block;
  float: left;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;

  *margin-left: 2.074468085106383%;
}

.cosGrid [class*='span']:first-child
{
  margin-left: 0;
}

.cosGrid .controls-row [class*='span'] + [class*='span']
{
  margin-left: 2.127659574468085%;
}

.cosGrid .span12
{
  width: 100%;

  *width: 99.94680851063829%;
}

.cosGrid .span11
{
  width: 91.48936170212765%;

  *width: 91.43617021276594%;
}

.cosGrid .span10
{
  width: 82.97872340425532%;

  *width: 82.92553191489361%;
}

.cosGrid .span9
{
  width: 74.46808510638297%;

  *width: 74.41489361702126%;
}

.cosGrid .span8
{
  width: 65.95744680851064%;

  *width: 65.90425531914893%;
}

.cosGrid .span7
{
  width: 57.44680851063829%;

  *width: 57.39361702127659%;
}

.cosGrid .span6
{
  width: 48.93617021276595%;

  *width: 48.88297872340425%;
}

.cosGrid .span5
{
  width: 40.42553191489362%;

  *width: 40.37234042553192%;
}

.cosGrid .span4
{
  width: 31.914893617021278%;

  *width: 31.861702127659576%;
}

.cosGrid .span3
{
  width: 23.404255319148934%;

  *width: 23.351063829787233%;
}

.cosGrid .span2
{
  width: 14.893617021276595%;

  *width: 14.840425531914894%;
}

.cosGrid .span1
{
  width: 6.382978723404255%;

  *width: 6.329787234042553%;
}

.cosGrid .offset12
{
  margin-left: 104.25531914893617%;

  *margin-left: 104.14893617021275%;
}

.cosGrid .offset12:first-child
{
  margin-left: 102.12765957446808%;

  *margin-left: 102.02127659574467%;
}

.cosGrid .offset11
{
  margin-left: 95.74468085106382%;

  *margin-left: 95.6382978723404%;
}

.cosGrid .offset11:first-child
{
  margin-left: 93.61702127659574%;

  *margin-left: 93.51063829787232%;
}

.cosGrid .offset10
{
  margin-left: 87.23404255319149%;

  *margin-left: 87.12765957446807%;
}

.cosGrid .offset10:first-child
{
  margin-left: 85.1063829787234%;

  *margin-left: 84.99999999999999%;
}

.cosGrid .offset9
{
  margin-left: 78.72340425531914%;

  *margin-left: 78.61702127659572%;
}

.cosGrid .offset9:first-child
{
  margin-left: 76.59574468085106%;

  *margin-left: 76.48936170212764%;
}

.cosGrid .offset8
{
  margin-left: 70.2127659574468%;

  *margin-left: 70.10638297872339%;
}

.cosGrid .offset8:first-child
{
  margin-left: 68.08510638297872%;

  *margin-left: 67.9787234042553%;
}

.cosGrid .offset7
{
  margin-left: 61.70212765957446%;

  *margin-left: 61.59574468085106%;
}

.cosGrid .offset7:first-child
{
  margin-left: 59.574468085106375%;

  *margin-left: 59.46808510638297%;
}

.cosGrid .offset6
{
  margin-left: 53.191489361702125%;

  *margin-left: 53.085106382978715%;
}

.cosGrid .offset6:first-child
{
  margin-left: 51.063829787234035%;

  *margin-left: 50.95744680851063%;
}

.cosGrid .offset5
{
  margin-left: 44.68085106382979%;

  *margin-left: 44.57446808510638%;
}

.cosGrid .offset5:first-child
{
  margin-left: 42.5531914893617%;

  *margin-left: 42.4468085106383%;
}

.cosGrid .offset4
{
  margin-left: 36.170212765957444%;

  *margin-left: 36.06382978723405%;
}

.cosGrid .offset4:first-child
{
  margin-left: 34.04255319148936%;

  *margin-left: 33.93617021276596%;
}

.cosGrid .offset3
{
  margin-left: 27.659574468085104%;

  *margin-left: 27.5531914893617%;
}

.cosGrid .offset3:first-child
{
  margin-left: 25.53191489361702%;

  *margin-left: 25.425531914893618%;
}

.cosGrid .offset2
{
  margin-left: 19.148936170212764%;

  *margin-left: 19.04255319148936%;
}

.cosGrid .offset2:first-child
{
  margin-left: 17.02127659574468%;

  *margin-left: 16.914893617021278%;
}

.cosGrid .offset1
{
  margin-left: 10.638297872340425%;

  *margin-left: 10.53191489361702%;
}

.cosGrid .offset1:first-child
{
  margin-left: 8.51063829787234%;

  *margin-left: 8.404255319148938%;
}

@media only screen and (max-width: 768px)
{
  .cosGrid [class*='span']
  {
    display: block;
    float: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px)
{
  .cosGrid .span12
  {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}

@media only screen and (max-width: 768px)
{
  .cosGrid [class*='offset']:first-child
  {
    margin-left: 0;
  }
}

.cosGridXs
{
  width: 100%;

  *zoom: 1;
}

.cosGridXs:before,
.cosGridXs:after
{
  line-height: 0;

  display: table;

  content: '';
}

.cosGridXs:after
{
  clear: both;
}

.cosGridXs [class*='span']
{
  display: block;
  float: left;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;

  *margin-left: 2.074468085106383%;
}

.cosGridXs [class*='span']:first-child
{
  margin-left: 0;
}

.cosGridXs .controls-row [class*='span'] + [class*='span']
{
  margin-left: 2.127659574468085%;
}

.cosGridXs .span12
{
  width: 100%;

  *width: 99.94680851063829%;
}

.cosGridXs .span11
{
  width: 91.48936170212765%;

  *width: 91.43617021276594%;
}

.cosGridXs .span10
{
  width: 82.97872340425532%;

  *width: 82.92553191489361%;
}

.cosGridXs .span9
{
  width: 74.46808510638297%;

  *width: 74.41489361702126%;
}

.cosGridXs .span8
{
  width: 65.95744680851064%;

  *width: 65.90425531914893%;
}

.cosGridXs .span7
{
  width: 57.44680851063829%;

  *width: 57.39361702127659%;
}

.cosGridXs .span6
{
  width: 48.93617021276595%;

  *width: 48.88297872340425%;
}

.cosGridXs .span5
{
  width: 40.42553191489362%;

  *width: 40.37234042553192%;
}

.cosGridXs .span4
{
  width: 31.914893617021278%;

  *width: 31.861702127659576%;
}

.cosGridXs .span3
{
  width: 23.404255319148934%;

  *width: 23.351063829787233%;
}

.cosGridXs .span2
{
  width: 14.893617021276595%;

  *width: 14.840425531914894%;
}

.cosGridXs .span1
{
  width: 6.382978723404255%;

  *width: 6.329787234042553%;
}

.cosGridXs .offset12
{
  margin-left: 104.25531914893617%;

  *margin-left: 104.14893617021275%;
}

.cosGridXs .offset12:first-child
{
  margin-left: 102.12765957446808%;

  *margin-left: 102.02127659574467%;
}

.cosGridXs .offset11
{
  margin-left: 95.74468085106382%;

  *margin-left: 95.6382978723404%;
}

.cosGridXs .offset11:first-child
{
  margin-left: 93.61702127659574%;

  *margin-left: 93.51063829787232%;
}

.cosGridXs .offset10
{
  margin-left: 87.23404255319149%;

  *margin-left: 87.12765957446807%;
}

.cosGridXs .offset10:first-child
{
  margin-left: 85.1063829787234%;

  *margin-left: 84.99999999999999%;
}

.cosGridXs .offset9
{
  margin-left: 78.72340425531914%;

  *margin-left: 78.61702127659572%;
}

.cosGridXs .offset9:first-child
{
  margin-left: 76.59574468085106%;

  *margin-left: 76.48936170212764%;
}

.cosGridXs .offset8
{
  margin-left: 70.2127659574468%;

  *margin-left: 70.10638297872339%;
}

.cosGridXs .offset8:first-child
{
  margin-left: 68.08510638297872%;

  *margin-left: 67.9787234042553%;
}

.cosGridXs .offset7
{
  margin-left: 61.70212765957446%;

  *margin-left: 61.59574468085106%;
}

.cosGridXs .offset7:first-child
{
  margin-left: 59.574468085106375%;

  *margin-left: 59.46808510638297%;
}

.cosGridXs .offset6
{
  margin-left: 53.191489361702125%;

  *margin-left: 53.085106382978715%;
}

.cosGridXs .offset6:first-child
{
  margin-left: 51.063829787234035%;

  *margin-left: 50.95744680851063%;
}

.cosGridXs .offset5
{
  margin-left: 44.68085106382979%;

  *margin-left: 44.57446808510638%;
}

.cosGridXs .offset5:first-child
{
  margin-left: 42.5531914893617%;

  *margin-left: 42.4468085106383%;
}

.cosGridXs .offset4
{
  margin-left: 36.170212765957444%;

  *margin-left: 36.06382978723405%;
}

.cosGridXs .offset4:first-child
{
  margin-left: 34.04255319148936%;

  *margin-left: 33.93617021276596%;
}

.cosGridXs .offset3
{
  margin-left: 27.659574468085104%;

  *margin-left: 27.5531914893617%;
}

.cosGridXs .offset3:first-child
{
  margin-left: 25.53191489361702%;

  *margin-left: 25.425531914893618%;
}

.cosGridXs .offset2
{
  margin-left: 19.148936170212764%;

  *margin-left: 19.04255319148936%;
}

.cosGridXs .offset2:first-child
{
  margin-left: 17.02127659574468%;

  *margin-left: 16.914893617021278%;
}

.cosGridXs .offset1
{
  margin-left: 10.638297872340425%;

  *margin-left: 10.53191489361702%;
}

.cosGridXs .offset1:first-child
{
  margin-left: 8.51063829787234%;

  *margin-left: 8.404255319148938%;
}

/* etc
------------------------------------------------------------*/
.cosHide
{
  display: none;
}

.dark-tooltip
{
  font-weight: normal;

  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;

  display: none;

  height: auto;

  text-decoration: none;
}

.dark-tooltip.medium
{
  padding: 3px 15px;
}

.dark-tooltip .tip
{
  line-height: 0;

  position: absolute;

  width: 0;
  height: 0;

  content: '';
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  transform: scale(1.01);

  border-style: solid;
}

.dark-tooltip.north .tip
{
  top: 1px;
  left: 50%;
}

.dark-tooltip.north.medium .tip
{
  margin-top: -8px;
  margin-left: -6px;
}

/* themes */
.dark-tooltip.fbLike
{
  border: 1px solid #3b5998;
  background-color: #fff;
}

.dark-tooltip.fbLike.north .tip
{
  width: 8px;
  height: 7px;

  border: none;
  background: url('/common/images/common/icoTipFb.png') no-repeat 0 0;
}

.dark-tooltip.tweetBtn
{
  padding: 5px 15px 0;

  border: 1px solid #31a7e0;
  background-color: #fff;
}

.dark-tooltip.tweetBtn.north .tip
{
  width: 8px;
  height: 7px;

  border: none;
  background: url('/common/images/common/icoTipTwitter.png') no-repeat 0 0;
}

.dark-tooltip.lineBtn
{
  border: 1px solid #00c300;
  background-color: #fff;
}

.dark-tooltip.lineBtn.north .tip
{
  width: 8px;
  height: 7px;

  border: none;
  background: url('/common/images/common/icoTipLine.png') no-repeat 0 0;
}

/* Animations */
.animated
{
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;

  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes flipInUp
{
  0%
  {
    -webkit-transform: perspective(400px) rotateX(-90deg);

    opacity: 0;
  }
  40%
  {
    -webkit-transform: perspective(400px) rotateX(5deg);
  }
  70%
  {
    -webkit-transform: perspective(400px) rotateX(-5deg);
  }
  100%
  {
    -webkit-transform: perspective(400px) rotateX(0deg);

    opacity: 1;
  }
}
@-moz-keyframes flipInUp
{
  0%
  {
    transform: perspective(400px) rotateX(-90deg);

    opacity: 0;
  }
  40%
  {
    transform: perspective(400px) rotateX(5deg);
  }
  70%
  {
    transform: perspective(400px) rotateX(-5deg);
  }
  100%
  {
    transform: perspective(400px) rotateX(0deg);

    opacity: 1;
  }
}
@-o-keyframes flipInUp
{
  0%
  {
    -o-transform: perspective(400px) rotateX(-90deg);

    opacity: 0;
  }
  40%
  {
    -o-transform: perspective(400px) rotateX(5deg);
  }
  70%
  {
    -o-transform: perspective(400px) rotateX(-5deg);
  }
  100%
  {
    -o-transform: perspective(400px) rotateX(0deg);

    opacity: 1;
  }
}
@keyframes flipInUp
{
  0%
  {
    transform: perspective(400px) rotateX(-90deg);

    opacity: 0;
  }
  40%
  {
    transform: perspective(400px) rotateX(5deg);
  }
  70%
  {
    transform: perspective(400px) rotateX(-5deg);
  }
  100%
  {
    transform: perspective(400px) rotateX(0deg);

    opacity: 1;
  }
}
@-webkit-keyframes flipInRight
{
  0%
  {
    -webkit-transform: perspective(400px) rotateY(-90deg);

    opacity: 0;
  }
  40%
  {
    -webkit-transform: perspective(400px) rotateY(5deg);
  }
  70%
  {
    -webkit-transform: perspective(400px) rotateY(-5deg);
  }
  100%
  {
    -webkit-transform: perspective(400px) rotateY(0deg);

    opacity: 1;
  }
}
@-moz-keyframes flipInRight
{
  0%
  {
    transform: perspective(400px) rotateY(-90deg);

    opacity: 0;
  }
  40%
  {
    transform: perspective(400px) rotateY(5deg);
  }
  70%
  {
    transform: perspective(400px) rotateY(-5deg);
  }
  100%
  {
    transform: perspective(400px) rotateY(0deg);

    opacity: 1;
  }
}
@-o-keyframes flipInRight
{
  0%
  {
    -o-transform: perspective(400px) rotateY(-90deg);

    opacity: 0;
  }
  40%
  {
    -o-transform: perspective(400px) rotateY(5deg);
  }
  70%
  {
    -o-transform: perspective(400px) rotateY(-5deg);
  }
  100%
  {
    -o-transform: perspective(400px) rotateY(0deg);

    opacity: 1;
  }
}
@keyframes flipInRight
{
  0%
  {
    transform: perspective(400px) rotateY(-90deg);

    opacity: 0;
  }
  40%
  {
    transform: perspective(400px) rotateY(5deg);
  }
  70%
  {
    transform: perspective(400px) rotateY(-5deg);
  }
  100%
  {
    transform: perspective(400px) rotateY(0deg);

    opacity: 1;
  }
}
.flipIn
{
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flipIn.south,
.flipIn.north
{
  -webkit-animation-name: flipInUp;
  -moz-animation-name: flipInUp;
  -o-animation-name: flipInUp;
  animation-name: flipInUp;
}

.flipIn.west,
.flipIn.east
{
  -webkit-animation-name: flipInRight;
  -moz-animation-name: flipInRight;
  -o-animation-name: flipInRight;
  animation-name: flipInRight;
}

/* Modal */
.darktooltip-modal-layer
{
  position: fixed;
  top: 0;
  left: 0;

  display: none;

  width: 100%;
  height: 100%;

  opacity: .7;
  background-image: url('../img/modal-bg.png');
}
.modIconPremiere{
  color: #FFF;
  padding: 5px 10px;
}
.modIconPremiere.modIconPremiere01{
  background: #AB1F24;
}
.modIconPremiere.modIconPremiere02{
  background: #2cc36b;
}
.modIconPremiere.modIconPremiere03{
  background: #2980b9;
}


/* Add */
.newsSingleArticle h4{
  font-size: 110%;
}

.newsSingleArticle p{
  margin-bottom: 16px;
}

.pankuzu_tit{
  width: 25em;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}

}


.btn_share{
  display: block;
  margin: 40px 0 10px 0;
}

.btn_share ul:after{
  display: block;
  clear: both;
  height: 0;
  content: '';
}

.btn_share li{
  width: 50%;
  display: block;
  float: left;
  padding: 24px 0 24px 0;
  margin: 40px 0 10px 0;
  text-indent: -9999px;
}

.btn_share li a{
  display: block;
}

.btn_share li.fb{
  background: url(../images/news/ico_fb.png) no-repeat center center;
  background-color: #004a9a;
}

.btn_share li.tw{
  background: url(../images/news/ico_tw.png) no-repeat center center;
  background-color: #33a7e0;
}

@media only screen and (max-width: 768px)
{
  .btn_share li{
    padding: 18px 0 18px 0;
  }
  .btn_share li.fb{
    background-size: 20px 20px;
  }

  .btn_share li.tw{
    background-size: 20px 20px;
  }

}

a.news_report{
  display: block;
  margin: 0 0 16px 0;
  padding: 0 0 0 18px;
  background: url(../images/ico_news.png) no-repeat top left;
}


/* add module */

.modMainvisual{
  text-align: center;
}

.modMainvisual img{
  width: 100%;
}

.modBtnPreview{
  margin:10px 0 35px;
}


@media only screen and (max-width: 768px){
  .modBtnPreview{
  }

}

.modBtnPreview a{
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 3);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 15px 40px;
  border-radius: 2px;
  background-color: #fff;
  color:#ab1e24;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}


.modBtnPreview a:hover{
  background-color: #ab1e24;
  color:#fff;
}

.modBtnPreview a::after{
  content:"\3E";
  margin-left: 8px;
}


.yokokuMovie{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.yokokuMovie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.btnNews{
  width: 90%;
  display: block;
  margin: 15px auto 15px auto;
  text-align: center;
}
.btnNews a{
  display: block;
  padding: 24px 0 24px 0;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  border: 6px solid #ab1e24;
}

.btn_report{
  display: block;
  margin: 24px 0 0 0;
}
.btn_report a{
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ab1e24;
  background-color: none;
  color: #ab1e24;
}
.btn_report a:hover{
  background-color: #ab1e24;
  color: #ffffff;
}