#pageCommonInfoOpen {
  margin-top: 10px;
}

.pageCommonInfoOpenTable table{
  width: 100%;
  border-collapse: collapse;
}

.pageCommonInfoOpenTable table tr{
  border-bottom: solid 2px white;
}

.pageCommonInfoOpenTable table tr:last-child{
  border-bottom: none;
}

.pageCommonInfoOpenTable table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.pageCommonInfoOpenTable table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.pageCommonInfoOpenTable table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}

.teamMainInfoWrapper {
  width: 50%;
  margin: auto;
  text-align: center;
}

.teamMainInfo {
  position: relative;
}

.teamMainInfo p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: white;
  font-size: 40px;
  text-shadow: black 1px 1px 0px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
  opacity: 0.5;
}

.teamMainInfo img {
  width: 250px;
}

.teamInfoTitleWrapper {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.eventMainInfoWrapper {
  width: 50%;
  margin: auto;
  text-align: center;
}

.eventMainInfo {
  position: relative;
}

.eventMainInfo p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: white;
  font-size: 40px;
  text-shadow: black 1px 1px 0px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
  opacity: 0.5;
}

.eventMainInfo img {
  width: 250px;
}

.eventInfoTitleWrapper {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.frame {
	display: inline-block;
	position: relative;
}

.frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}

.site-logo img {
  width: 200px;
}

.userLink {
  display: inline !important;
}

.userLink img {
  width: 30px;
  border-radius:30px;
  margin-right: 5px;
  border: 1px solid #dddddd;
}

.eventLink {
  display: inline !important;
}


.eventStatusPrepare {
  font-size: 80%;
  background: #52c2d0;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  -moz-box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  -webkit-box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  padding: 0.1em 0.5em;
  color: #fff;
  text-shadow: 0 -0.1em 0 rgba(0,0,0,0.3);
  margin-right: 3px;
}

.eventStatusOpen {
  font-size: 80%;
  background: #7ca043;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  -moz-box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  -webkit-box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  padding: 0.1em 0.5em;
  color: #fff;
  text-shadow: 0 -0.1em 0 rgba(0,0,0,0.3);
  margin-right: 3px;
}

.eventStatusClosed {
  font-size: 80%;
  background: #bbbbbb;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  -moz-box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  -webkit-box-shadow: 0.1em 0.1em 0 0 rgba(0,0,0,0.15) inset;
  padding: 0.1em 0.5em;
  color: #fff;
  text-shadow: 0 -0.1em 0 rgba(0,0,0,0.3);
  margin-right: 3px;
}

.eliminationWrapper {
    margin: 0 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
}
.eliminationWrapper .eliminationTitle {
    font-size: 1.2em;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.eliminationWrapper p {
    padding: 15px 20px;
    margin: 0;
}

.eliminationA {
  background-color: #dcefff;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 7px 7px;
}

.eliminationA .eliminationTitle {
    background: #5fb3f5;
}

.eliminationB {
  background-color: #F5F1E9;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 7px 7px;
}

.eliminationB .eliminationTitle {
    background: #F58E7E;
}

.eliminationC {
  background-color: #E6E5E1;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 7px 7px;
}

.eliminationC .eliminationTitle {
    background: #2C5379;
}

.eliminationD {
  background-color: #E3DECC;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 7px 7px;
}

.eliminationD .eliminationTitle {
    background: #44DEDE;
}

.qualifyRound table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

.qualifyRound table tr:last-child{
  border-bottom:solid 1px #ddd;
}

.qualifyRound table th{
  text-align: center;
  padding: 7px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 20%;
  background-color:#eeeeee;
}

.qualifyRound_4team td{
  text-align: center;
  padding: 1px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 19%;
  border-bottom: dashed 1px silver;
}

.qualifyRound_5team td{
  text-align: center;
  padding: 1px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 16%;
  border-bottom: dashed 1px silver;
}

.qualifyRound_6team td{
  text-align: center;
  padding: 1px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 14%;
  border-bottom: dashed 1px silver;
}

.qualifyRound ul {
  padding: 0 0;
  position: relative;
}

.qualifyRound ul li {
  line-height: 1.5;
  padding: 0 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.qualifyRound ul li:before {
  Wdisplay:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width: 10px;
  height: 10px;
  background: #ffb03f;
  border-radius: 50%;
  margin-right: 5px;
}

.qualifyRound ul li:last-of-type {
  border-bottom: none;
}

.qualifyRound a {
  word-wrap: break-word;
}

#sidebarEventInfoWrapper li > a {
/*  font-size: 12px; */
}

.mb60{
	margin-bottom: 0px;
}	
.swiper-container{
	text-align: center;
	width: 90%;
}
.swiper-container .swiper-slide img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
.prettyprint{
	border: none;
	background: #fafafa;
	color: #697d86;
}

#thumbs {
        box-sizing: border-box;
        padding: 10px 0;
    }
    #thumbs .swiper-slide {
        width: 20%;
        height: 100%;
        opacity: 0.9;
        cursor: pointer;
    }
    #thumbs .swiper-slide-active {
        opacity: 1;
    }

.swiper-button-prev {
  top: 30% !important;
}
.swiper-button-next {
  top: 30% !important;
}

.swiper-custom-button{
  background-image: none !important;
  background-color: white;
  opacity: 0.5;
  color: black;
  font-size: 36px;
  text-align: center;
  width: 24px !important;
  height: 100px !important;
  line-height: 100px !important;
}

.swiper-custom-button .fa{
  line-height: 62px;
}

.swiper-custom-button-movie {
  background-image: none !important;
  opacity: 0.5;
  color: black;
  border-radius: 6px;
  border: 1px solid #bbbbbb;
  font-size: 36px;
  text-align: center;
  width: 24px !important;
  height: 50px !important;
  line-height: 50px !important;
}

.swiper-custom-button-movie .fa{
  line-height: 50px;
}

.swiper-custom-parent{
  width: 100%;
  position: relative;
}

.swiper-custom-parent-movie{
  width: 100%;
  position: relative;
  letter-spacing: 0px;
  line-height: none;
}

.blogAtricleCenter {
  text-align: center;
}


.blogAtricleCenter .commentBox {
  margin: 10px;
}

.example {
  position: relative;
}

.example .title {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: skyblue;/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 3px 5px;/*文字周りの余白*/
  }

.example .summary {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  font-size: 14px;/*文字サイズ*/
  line-height: 16px;
  border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  width: 90%;
  background: rgba(255, 255, 255, 0.6);/*背景を半透明に*/
  color: black;
  }

.example a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.8);/*背景を半透明に*/
  color: #666666;
  }

.example img {
  width: 100%;
}

.example .vsBlockInfo {
  background-color: deeppink;
}

.list-navigation {
  color: black;
}

.eventMovieListWrapper {
  font-size: 20px !important;
  color: #010079;
  text-shadow: 0 0 5px white;
  padding: 3px 3px;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  width: 95%;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 0px;
}

.eventMovieListWrapper .filmoja-heading {
  margin: 0px;
}

.filmoja-heading .title {
  color: black;
}

.filmoja-heading .hit-the-floor {
  color: #fefbec;
  text-shadow:
    1px 1px black, -1px -1px black, 
    1px -1px black, -1px 1px black, 
    0px 1px black, 1px 0px black, 
    -1px 0px black, 0px -1px black;
  margin-right: 10px;
}

.moviePlay {
  font-size: 50px;
  color: gray;
  position: relative;
  max-width: 100%;
  padding-top: 56.25%;
}

.moviePlay .title {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: skyblue;/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 3px 5px;/*文字周りの余白*/
  }

.moviePlay .summary {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  font-size: 14px;/*文字サイズ*/
  line-height: 16px;
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  width: 30%;
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  color: black;
  border-radius: 20px;
  }

.moviePlay a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.8);/*背景を半透明に*/
  color: #666666;
  }

.moviePlay img {
  width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.moviePlay iframe {
  width: 100%;
}

.thumbnanilZoom20  {
    position: relative;
    overflow: hidden;
}

.thumbnanilZoom60  {
    position: relative;
    overflow: hidden;
}

.thumbnanilZoom20 img  {
  object-fit: cover;
  zoom: 20%;
  transform: scale(1.0);
  transform-origin: 100% 0;
  width: 185px;
}

.thumbnanilZoom60 img  {
  object-fit: cover;
  zoom: 60%;
  transform: scale(1.0);
  transform-origin: 100% 0;
  width: 185px;
}

.moviePlay video {
  width: 100%;
}

.moviePlay .vsBlockInfo {
  background-color: deeppink;
}

.moviePlay i {
  font-size: 24px;
  color: rgba(255, 0, 0, 0.7);;
}

.swiper-slide-movie strong {
  font-weight: normal;
}

.sidebar-widget-title {
  font-size: 20px;
}

#contentsWrapper {
  padding: 0px;
}

#sidebarWrapper {
  padding: 0px;
}

#sidebarWrapperRight {
  padding: 0px;
}

.topEventSwiperCountWrapper {
  font-size: 12px;
}

.single-sidebar-widget {
  padding: 0px;
}

.filmoja-breadcrumb-area .breadcrumb-box h2 {
  font-size: 40px;
  color: white;
    text-shadow: 2px 2px black, -1px -1px black, 1px -1px black, -1px 1px black, 0px 1px black, 1px 0px black, -1px 0px black, 0px -1px black;
  padding-bottom: 10px;
  font-weight: bold;
  padding: 0px;
}

.filmoja-breadcrumb-area .breadcrumb-box h3 {
  font-size: 16px;
  color: white;
  padding: 0px;
    text-shadow: 2px 2px black, -1px -1px black, 1px -1px black, -1px 1px black, 0px 1px black, 1px 0px black, -1px 0px black, 0px -1px black;
}

.filmoja-breadcrumb-area .mainTitleWrapper {
  border: 1px solid red;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 800px;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
}

.cp_menu {
    padding: 1px !important;
    margin-bottom: 1px;
    color: #232323;
    background: transparent;
    border-left: solid 3px orange;
}
.cp_menu_lable {
    margin: 0; 
    padding: 2px !important;
    font-size: 18px !important;
}

.cp_menu li {
    border-bottom: 1px solid #ddd;
}

.movie-grid-box {
  margin-left: 0px;
}

.breadcrumb-box .attention {
  margin-top: 10px;
  font-size: 14px;
  color: white;
  padding: 0px;
  text-shadow: 2px 2px black, -1px -1px black, 1px -1px black, -1px 1px black, 0px 1px black, 1px 0px black, -1px 0px black, 0px -1px black;
}

.moviePlayYoutube {
  font-size: 50px;
  color: gray;
  position: relative;
  max-width: 100%;
  padding-top: 56.25%;
}

.moviePlayYoutube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}