@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Oswald:400,600,700&display=swap");
/*////////////////////////////
FAUNDATION
////////////////////////////*/
html {
  font-size: 62.5%;
}

body {
  font: 1.4rem/1 "Noto Sans JP", sans-serif;
  color: #000000;
  background: #ffffff;
  font-weight: 400;
  font-feature-settings: "palt";
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  text-decoration: none;
  color: #000000;
}

a:hover {
  opacity: 0.8;
  transition: 0.2s;
}

main {
  display: block;
}

/*-----------------------------------------------
 共通
-----------------------------------------------*/
/*メインエリア*/
#wrapper {
  width: 970px;
  margin: 0 auto;
}

#mainimage {
  width: 970px;
}

#titleBox {
  padding: 20px 0;
  margin-bottom: 10px;
  background-image: url(../../images/line.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #000;
  font-size: 14px;
}

#titleBox img {
  padding-right: 20px;
  vertical-align: middle;
}

@media (min-width: 600px) and (max-width: 959px) {
  #wrapper {
    width: 94%;
    margin: 0 auto;
  }
  #mainimage {
    width: 100%;
  }
}

@media (max-width: 599px) {
  #wrapper {
    width: 94%;
    margin: 0 auto;
  }
  #mainimage {
    width: 100%;
  }
  #titleBox a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.2rem;
  }
  #titleBox a img {
    padding-bottom: 15px;
  }
}

/*メインエリア*/
.mainContents {
  width: 970px;
  margin-bottom: 20px;
}

#contentsBox {
  float: left;
  width: 710px;
  padding-bottom: 20px;
}

.winboxhead {
  background-image: url(../../images/winboxhead.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
  height: 15px;
}

.winboxbottom {
  background-image: url(../../images/winboxbottom.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  height: 15px;
  position: relative;
}

@media (min-width: 600px) and (max-width: 959px) {
  .mainContents {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  #contentsBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 599px) {
  .mainContents {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  #contentsBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/*トップチケット*/
#ticketBox {
  float: left;
  width: 710px;
  margin-bottom: 30px;
}

.ticketHead {
  width: 560px;
  height: 25px;
  padding: 5px 5px 0 130px;
  background-image: url(../../images/win_grade.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}

.ticketTitle {
  width: 120px;
  height: auto;
  position: absolute;
  left: 10px;
  top: -30px;
  z-index: 10;
}

.detailBox {
  padding: 0 7px;
  background-image: url(../../images/win_bg.gif);
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100%;
  position: relative;
}

.ticketTbl {
  margin: 10px 0px 10px 150px;
  width: 545px;
}

.ticketTbl td {
  padding: 7px;
}

.ticketTblicon {
  width: 14px;
}

/*.ticketTbl a{
	display:block;
}*/
.ticketTbl a:hover {
  color: #f30;
  text-decoration: underline;
}

.iconEx {
  width: 690px;
  text-align: right;
  padding: 7px 7px 0 0;
  border-top: solid #e5e5e5 1px;
}

@media (min-width: 600px) and (max-width: 959px) {
  #ticketBox {
    width: 100%;
  }
  .ticketHead {
    width: 78.87324%;
    height: 3.52113%;
    padding: 5px 5px 0 21.12676%;
    background: none;
  }
  .ticketTbl {
    margin: 10px 0px 10px 21.12676%;
    width: 76.76056%;
  }
  .iconEx {
    width: 97.1831%;
    text-align: right;
    padding: 7px 7px 0 0;
    border-top: solid #e5e5e5 1px;
  }
}

@media (max-width: 599px) {
  #ticketBox {
    width: 100%;
  }
  .ticketHead {
    width: 78.87324%;
    height: 3.52113%;
    padding: 5px 5px 0 21.12676%;
    background-image: url(../../images/win_grade.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 98%;
  }
  .ticketTitle {
    width: 16.90141%;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .ticketTbl {
    margin: 10px 0px 10px 21.12676%;
    width: 76.76056%;
  }
  .iconEx {
    width: 97.1831%;
    text-align: right;
    padding: 7px 7px 0 0;
    border-top: solid #e5e5e5 1px;
  }
}

/*トップ映画 2016.07.13 */
#movieBox {
  float: left;
  width: 710px;
  margin-bottom: 30px;
  position: relative;
}

.movieHead {
  width: 676px;
  height: 29px;
  padding: 2px 5px 0 15px;
  background-image: url(../../images/win_grade.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.movieTitle {
  width: 120px;
  position: absolute;
  left: 20px;
  top: 21px;
}

#movieBox ul {
  margin: 11px 18px 3px;
}

#movieBox ul li {
  padding: 5px 0;
}

#movieBox ul li span.movieListDate {
  background: #333333;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  padding: 1px 7px;
  margin-right: 5px;
}

#movieBox ul li span.movieListRecept {
  background: #ec6d71;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 1px 7px;
  margin-left: 5px;
}

#movieBox ul li span.movieListInfo {
  font-size: 12px;
  margin-left: 5px;
}

#movieBox ul li a:hover {
  color: #f30;
  text-decoration: underline;
}

/*トップイベント*/
#eventBox {
  float: left;
  width: 710px;
  margin-bottom: 30px;
  position: relative;
}

.eventHead {
  width: 676px;
  height: 45px;
  padding: 5px 5px 0 15px;
  background-image: url(../../images/win_grade.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}

.calMenu {
  width: 686px;
  height: 125px;
  margin: 20px 3px 0px 4px;
  background-image: url(../../images/cal_bg01.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}

.calMenuUl {
  width: 680px;
  margin: 0px auto;
}

.calMenulist {
  float: left;
  margin: 4px 3px 0 3px;
}

.cateMenu {
  float: left;
  margin: 20px 3px 0px 4px;
}

.cateMenulist {
  float: left;
  margin-right: 3px;
}

.cateMenulistlast {
  float: left;
}

.eventTitle {
  width: 120px;
  position: absolute;
  left: 20px;
  top: 21px;
}

.listBox {
  margin: 20px 7px 10px 7px;
  border: 5px solid #ddd;
  padding: 5px;
}

.evMonth {
  padding: 10px 0 10px 10px;
  font-size: 30px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ccc;
}

.evpageTop {
  margin: 10px auto;
  width: 670px;
  text-align: right;
}

.listTbl {
  width: 100%;
}

.listTbl td {
  padding: 7px;
}

.listTblicon {
  width: 14px;
}

.listTbl a {
  display: block;
}

.listTbl a:hover {
  color: #f30;
  text-decoration: underline;
}

.eventListcolor {
  background-color: #fff0e0;
}

.eventListdate {
  font-weight: bold;
  color: #000;
  width: 100px;
}

@media (min-width: 600px) and (max-width: 959px) {
  #eventBox {
    float: left;
    width: 100%;
    margin-bottom: 4.22535%;
    position: relative;
  }
  .eventHead {
    width: 95.21127%;
    height: 6.33803%;
    padding: 5px 5px 0 15px;
    background-image: url(../../images/win_grade.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .calMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 96.61972%;
    height: 17.60563%;
    margin: 20px auto 0px;
    background: none;
  }
  .calMenuUl {
    display: flex;
    width: 95.77465%;
    margin: 0px auto;
  }
  .cateMenu {
    display: flex;
    width: 94%;
    margin: 20px auto 0px;
  }
  .calMenulist {
    width: 14%;
  }
  .cateMenulist {
    width: 48%;
    margin-bottom: 4px;
  }
  .cateMenulistlast {
    width: 48%;
  }
  .evpageTop {
    width: 98%;
  }
  .listTbl a {
    color: #f30 !important;
    word-break: break-all;
  }
}

@media (max-width: 599px) {
  #eventBox {
    float: left;
    width: 100%;
    margin-bottom: 4.22535%;
    position: relative;
  }
  .eventHead {
    width: 95.21127%;
    height: 6.33803%;
    padding: 5px 5px 0 15px;
    background-image: url(../../images/win_grade.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .calMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 96.61972%;
    height: 17.60563%;
    margin: 20px auto 0px;
    background: none;
  }
  .calMenuUl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 95.77465%;
    margin: 0px auto;
  }
  .cateMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 94%;
    margin: 20px auto 0px;
  }
  .calMenulist {
    width: 14%;
    text-align: center;
  }
  .cateMenulist {
    width: 48%;
    margin: 0 2px 4px;
    text-align: center;
  }
  .cateMenulistlast {
    width: 48%;
    margin: 0 2px 4px;
    text-align: center;
  }
  .evpageTop {
    width: 98%;
  }
  .listTbl tr {
    display: flex;
    flex-wrap: wrap;
  }
  .listTbl td:last-child {
    width: 100%;
  }
  .listTblicon {
    width: 2.1148%;
    min-width: 14px;
  }
  .eventListdate {
    width: 84%;
  }
  .listTbl a {
    color: #f30 !important;
    word-break: break-all;
  }
}

/*-------------------------------------------------
	左メニュー
-------------------------------------------------*/
#rMenu {
  width: 242px;
  float: right;
}

@media (min-width: 600px) and (max-width: 959px) {
  #rMenu {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  #rMenu div {
    margin: 0 20px;
  }
}

/*検索窓*/
#rMenu #searchBox {
  padding-bottom: 5px;
  background: #323232;
  border-radius: 10px;
  padding-top: 10px;
}

.searchTitle {
  background-image: url(../../images/search_title.gif);
  background-repeat: no-repeat;
  background-position: 10px 0px;
  text-align: right;
  height: 30px;
}

.searchTitle img {
  margin-top: 4px;
  margin-right: 7px;
}

.searchDetail {
  width: 220px;
  padding: 10px 10px 0px 10px;
}

.searchDetail form {
  font-size: 12px;
  color: #d5d5d5;
  margin-bottom: 10px;
}

.searchDetail .searchImg {
  float: right;
}

.searchDetail span {
  padding: 5px 0px;
  font-size: 11px;
  color: #fff;
}

input.txt-field {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 3px 2px;
  font-size: 12px;
  width: 160px;
  margin-right: 5px;
}

/*アーティスト検索*/
#rMenu #artistBox {
  background: #323232;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-top: 10px;
}

.rghtBtm {
  height: 13px;
  clear: both;
  margin-bottom: 25px;
}

.artistTitle {
  background-image: url(../../images/artist_title.gif);
  background-repeat: no-repeat;
  background-position: 10px 0px;
  text-align: right;
  height: 30px;
}

.artistTitle img {
  margin-top: 4px;
  margin-right: 7px;
}

.artistDetail {
  width: 225px;
  padding: 10px 11px 0px 11px;
}

.artistPanel li {
  margin: 1px;
  float: left;
}

.artistDetail p {
  margin: 5px 0;
  text-align: center;
  height: 3px;
}

.artistPanelBtn {
  margin: 5px 0;
}

.artistPanelBtn li {
  float: left;
}

@media (min-width: 600px) and (max-width: 959px) {
  #rMenu #artistBox {
    margin-top: 0;
  }
}

/*特別先行*/
#rMenu #specialBox {
  width: 232px;
  padding: 5px;
  background-image: url(../../images/special_bg.gif);
  margin-bottom: 20px;
}

.specialTitle {
  height: 30px;
  background-image: url(../../images/dash_line.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: 10px;
}

.specialDetail {
  background-color: #fff;
  padding: 10px;
}

.specialDetail ul {
  width: 210px;
  margin: 5px auto 10px auto;
  padding-bottom: 10px;
  border-bottom: dashed #ccc 1px;
}

.specialDetail li {
  margin: 0 1px;
  float: left;
}

.specialItem {
  font-weight: bold;
  font-size: 12px;
  color: #444;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: dashed #ccc 1px;
}

.specialDetail span {
  font-weight: bold;
  font-size: 12px;
  color: #f90;
}

.specialWords {
  font-size: 12px;
  line-height: 1.6;
  padding-bottom: 5px;
  margin-bottom: 20px;
  background-image: url(../../images/dash_line.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.specialWords a {
  color: #f90;
}

.specialPhoto {
  font-weight: bold;
  color: #444;
  margin-bottom: 10px;
}

.specialPhoto img {
  float: left;
  margin-right: 10px;
}

.rssBox {
  text-align: right;
  margin-top: 5px;
}

/*ニュース*/
#rMenu #newsBox {
  background-image: url(../../images/rightbox_bg.gif);
  background-repeat: repeat-y;
  margin-bottom: 20px;
}

.newsDetail {
  margin-bottom: 10px;
  border-bottom: dashed #666 1px;
}

.newsDetail p a {
  color: #ff0;
}

.newsDetailBox {
  width: 218px;
  padding: 12px;
}

.newsDetail h5 {
  color: #fff;
}

.newsDetail p {
  padding: 10px 0;
  font-size: 12px;
  line-height: 1.6;
  color: #d5d5d5;
  word-break: break-all;
}

.newsTitle {
  background-image: url(../../images/news_title.gif);
  background-repeat: no-repeat;
  background-position: 10px 12px;
  text-align: right;
  height: 40px;
}

.newsTitle img {
  margin-top: 14px;
  margin-right: 7px;
}

/*バナー*/
#rMenu #bnrBox {
  text-align: center;
}

/*-------------------------------------------------
	詳細ページ
-------------------------------------------------*/
.detailTitle {
  width: 650px;
  padding: 25px 25px 0 25px;
  font-size: 18px;
}

.detailList {
  width: 635px;
  padding: 5px 0px;
  border-bottom: solid #eee 1px;
  margin: 0 auto;
}

.detailList dt {
  width: 120px;
  float: left;
  margin: 10px 0;
  clear: both;
  color: #000;
  font-weight: bold;
}

.detailList dd {
  width: 515px;
  float: left;
  margin: 10px 0;
  word-break: break-all;
}

.detailList dd a {
  color: #f90;
}

.ticketBtn li {
  float: left;
}

.detailphoto {
  margin: 10px 0;
  text-align: center;
}

.detailphoto ul {
  width: 640px;
  margin: 0 auto 15px auto;
}

.detailphoto li {
  float: left;
  width: 320px;
}

.detailphoto li span {
  font-size: 10px;
}

.detailphoto img {
  width: 300px;
  margin: 5px 10px;
}

.ticketOrange {
  color: #f60;
  font-weight: bold;
}

.returnTop {
  margin: 20px 0;
  text-align: center;
}

@media (min-width: 600px) and (max-width: 959px) {
  .detailTitle {
    width: 89.43662%;
  }
  .detailList {
    width: 89.43662%;
  }
  .detailList dt {
    width: 18.89764%;
  }
  .detailList dd {
    width: 81.10236%;
  }
  .detailphoto ul {
    width: 90.14085%;
  }
}

@media (max-width: 599px) {
  .detailTitle {
    width: 89.43662%;
  }
  .detailList {
    width: 89.43662%;
    display: flex;
    flex-direction: column;
  }
  .detailList dt {
    width: 100%;
  }
  .detailList dd {
    width: 100%;
  }
  .detailphoto ul {
    width: 90.14085%;
  }
  .detailphoto li {
    width: 100%;
  }
  .detailphoto img {
    width: 100%;
    max-width: 300px;
    margin: 0;
  }
}

/* 映画詳細ページ 2016.07.13 */
.movieHeadDetail {
  width: 676px;
  height: 45px;
  padding: 5px 5px 0 15px;
  background-image: url(../../images/win_grade.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: 20px;
}

.movieHeadTxt {
  width: 595px;
  padding: 15px 20px;
  color: #000;
  background: #f6f6f6;
  border-radius: 5px;
  margin: 0 auto 20px;
}

.movieHeadTxt h1 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #000000;
}

.movieHeadTxt p {
  font-size: 16px;
}

.movieHeadBox {
  width: 635px;
  margin: 0 auto 30px;
}

/*photo*/
.moviePhoto {
  float: left;
}

.moviePhoto ul {
  width: 300px;
  height: 240px;
}

.moviePhoto li {
  width: 300px;
  height: 240px;
  display: block;
}

.moviePhoto img {
  max-width: 300px;
  max-height: 240px;
  display: block;
  margin: 0 auto;
}

/*youtube*/
.movieYoutube {
  float: right;
}

.movieCopyright {
  width: 635px;
  margin: 0 auto;
  font-size: 11px;
  padding: 15px 0;
}

h2.moviePreviewTitle {
  background: #333;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  padding: 5px 10px;
  width: 615px;
  margin: 20px auto 20px;
}

h3.movieTitleDetail {
  width: 635px;
  padding: 0 0 15px;
  font-size: 18px;
  font-weight: normal;
  margin: 0 auto;
  border-bottom: solid #eee 1px;
}

.movieApply {
  width: 635px;
  margin: 10px auto 25px;
  background: #f6f6f6;
  padding: 35px 0;
}

.movieApply a {
  background: url(../../images/btnApply.png) no-repeat top center;
  width: 300px;
  height: 60px;
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
}

.movieApply a:hover {
  background: url(../../images/btnApply.png) no-repeat bottom center;
}

.movieApply p {
  color: #f00;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/*-------------------------------------------------
	ソーシャル
-------------------------------------------------*/
/* SB */
.sb_post {
  height: 20px;
  width: 640px;
  margin: 0 auto 20px;
}

.sb_post li {
  float: left;
  margin-right: 5px;
}

@media (max-width: 599px) {
  .sb_post {
    width: 90.14085%;
  }
}