@charset "utf-8";
/* CSS Document */

/* Common settings
--------------------------------------------------------- */
*,*:before,*:after{box-sizing:border-box}
html,body {height: 100%; margin: 0 auto;}
#nekoeve_body a {text-decoration:none;display: inline-block;}
#nekoeve_body a:hover {
  -webkit-animation: zoom .3s;
  animation: zoom .3s;
	/*animation-iteration-count:infinite;*/
	}
@-webkit-keyframes zoom {
  50% {-webkit-transform: scale(1.05);}
	}
@keyframes zoom {
  50% {transform: scale(1.05);}
	}
img {max-width:100%;}

/*html #nekoeve_con {
	background-image: url("../img/bg_dot-w.jpg") !important;
	background-position: center center;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size:24px;
	}*/
/*html #nekoeve_con {
	background-image: url("../img/bg.jpg") !important;
	background-repeat: no-repeat;
	background-size: 90%;
	background-color: #fff;
	background-attachment: fixed;
	background-position: 50% 60%;
	}*/
html #bgImg {
	position: relative;
}
html #bgImg::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: url("../img/bg.jpg") center/cover no-repeat;
	/*background-size: 100%;*/
	z-index:-1;
}
/*@media screen and (max-width:767px){
	html #bgImg::before {
		background-size: 180%;
		top: 0;
	}
}*/
html #nekoeve_con{
	-webkit-animation: neko 0s linear infinite;
  -moz-animation: neko 0s linear infinite;
	animation: neko 0s linear infinite;
	}
@-webkit-keyframes neko {}
@-moz-keyframes neko {}

#wrapper {
  max-width: 100% !important;
  overflow: hidden;
  }
.hr_line {
  height: 0.5px;
  background: #bbb;
  background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
  background-image: -moz-linear-gradient(left, #eee, #777, #eee);
  background-image: -ms-linear-gradient(left, #eee, #777, #eee);
  background-image: -o-linear-gradient(left, #eee, #777, #eee);
	}
@media screen and (min-width: 640px) {
  #nekoeve_con{font-size:1.5em!important;}
	}
@media screen and (max-width: 641px) and (min-width: 240px) {
  #nekoeve_con{font-size:1em!important;}
  }
@media screen and (max-width: 640px) {
 .br-sp{display:none;}
 }
/* パンくず調整 */
#nekoeve_con{padding: 20px 0 0 0;}

@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');

#nekoeve_body {
	font-family:'Sawarabi Mincho', 'Noto Serif JP', "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
#nekoeve_body a {color:#ff3d27;}
#nekoeve_body strong { color:#951b2e; }
#nekoeve_body { color: #454552; }
#nekoeve_body { width:1200px; margin: 0 auto;}

@media screen and (max-width: 767px) and (min-width: 240px) {
  #nekoeve_body { width: 100%; height: auto;}
  }

/* イベントロゴ用
--------------------------------------------------------- */
#nekoeve_logo{
  text-align: center;
  width: 100%;
  height: auto;
  /*background-image: url(../img/kira.png);
  background-repeat: repeat-x;
  background-position: center center;*/
  }
#nekoeve_logo img{
	margin:30px 0;
	width:500px;/*320px*/
}

#nekoeve_main{
  text-align: center;
  width: 100%;
  height: auto;
  }
#nekoeve_main img{margin: 50px 0 8px; width: 1000px;}

@media screen and (max-width: 767px) and (min-width: 240px) {
  /*#nekoeve_logo,#nekoeve_main {
    background-image: url(../img/kira.png);
    background-position: center center;
    width: 100%;
    }*/
  #nekoeve_logo{width:75%;margin:0 auto;}
	#nekoeve_logo img,#nekoeve_main img{width:96%;}
	#nekoeve_main img{margin-top:1em;}
  }

/*=============================================================================================*/
/*.nekoabout{width:800px;margin:0 auto;}*/
.nekoabout p.lead{width:800px;margin:0 auto;font-size:1.5em;color: #d9d9d9;}
#nekoeve_body .nekoabout p.lead a {display:initial;color:#ff3d27;}
#nekoeve_body .nekoabout p.lead a:hover {
  -webkit-animation: zoom .3s;
  animation: zoom .3s;
	/*animation-iteration-count:infinite;*/
	}
.nekoabout p {text-align:center; line-height:1.5em; font-size:1.2em;/* letter-spacing:0.3em;*/  }
.nekoabout img{
	margin:3em auto 0;
	max-width: 90%;
}
.nekoabout strong {color:#5A5757!important; }
.nekoabout .bnr-flex{
  display: flex;
  justify-content: center;
  }
.nekoabout .bnr-flex a img{width:100%;padding:0 16px;}

@media screen and (max-width: 680px) and (min-width: 240px) {
  /*.nekoabout{width:100%;}*/
	.nekoabout p.lead{max-width: 90%; text-align:center; margin: 1em auto; font-size: 2em;}
  .nekoabout .bnr-flex{flex-direction:column;width:100%;text-align: center;}
	.nekoabout .bnr-flex a img{padding:0;margin:0;}
	.nekoabout img{
	max-width: 100%;
}
  }
/*=============================================================================================*/

@media screen and (min-width: 640px) {
ul.nekotopics, ul.nekotopics100 { display: flex; justify-content:center; flex-wrap: wrap; flex-direction: row;}
ul.nekotopics .BoxParent { width: 49%; bottom:0; margin:6px;}
ul.nekotopics100 .BoxParent { width: 100%; bottom:0; }

.present li.BoxParent  { width: 100%!important; display: flex; justify-content: space-between;}
.present li.BoxParent img { width: 450px; margin-top: 10px; }
.nekotopics strong, .bp2 strong, .nekotopics100 strong { font-size: 1.5em; }
.nekotopics p{letter-spacing:0.2em;line-height:1.5em;text-align:center;}
.nekotopics100 p { letter-spacing:0.2em; line-height: 1.5em;}
}

@media screen and (min-width:640px) and ( max-width:874px) {
ul.nekotopics .BoxParent { width: 100%; bottom:0; }
ul.nekotopics100 .BoxParent { width: 100%; bottom:0; }
}


@media screen and (max-width: 641px) and (min-width: 240px) {
/*.nekotopics, .nekotopics100 { margin: 2% ; }*/
.nekotopics .BoxParent, .nekotopics100 .BoxParent { width: 94%; }
.present li.BoxParent img { width: 100%; padding: 2%; }
.nekotopics strong, .nekotopics100 strong { font-size: 1.2em; }
.nekotopics p {letter-spacing:0.1em;line-height:1.3em;text-align:center;}
.nekotopics100 p {letter-spacing:0.1em;line-height:1.3em;}
}

#goods li.BoxParent img.goods50{width:50%;}
#goods li.BoxParent img.goods75{width:75%;}

/* table style
--------------------------------------------------------- */

#nekoeve_body table.default {margin:0 auto;width:100%;}
#nekoeve_body table.default tr { border-bottom: 1px dotted #b5b5b5; }
#nekoeve_body table.default tr td { padding: 8px;}
#nekoeve_body table.default tr td:nth-child(2n+1) { font-weight: bold; color: #951b2e; padding-right: 1em; }

@media screen and (max-width: 680px) and (min-width: 240px) {
#nekoeve_body table.default {  letter-spacing:0.1em; line-height: 1.5em; margin: 0 auto;}
#nekoeve_body table.default tr { display: flex; flex-wrap:wrap; flex-direction: column; }
#nekoeve_body table.default tr td { width: 100%; line-height: 2em;}
}

.table-wrap {
	/*margin: 2em 1em;*/
  border: 2px solid #951b2e;
	}
.table {width: 100%;}
.table tr{border-bottom:none!important;}
.table th{
  border: 1px solid #951b2e;
  padding: 4px 8px;
	text-align: center;
	}
.table td {
  border: 1px solid #951b2e;
  padding: 4px 8px;
	/*width: 16%;*/
	text-align: center;
	}
.table th.title,.table td.title {
	background: #951b2e;
	color: #FFF;
	/*border: 1px solid #FFF;*/
	}

@media screen and (max-width: 767px) {
  .table th{background:#ffcbd5;}
  /*.table-wrap {
    overflow-x: scroll;
    }
	.table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;	
    }*/
}
/*=============================================================================================*/


.BoxParent {
  line-height: 2em;
  border: solid 1px #b5b5b5;
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  letter-spacing:0.1em;
  padding: 2em;
  margin-top: 10px;
	}
.BoxParent2 {
  line-height: 1.8em;
  border: solid 1px #b5b5b5;
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 50px 0 150px;
  background-color: #951b2e;
  letter-spacing:0.1em;
  padding: 30px;
  margin-top: 10px;
	}
.BoxParent2 p,.BoxParent2 a,.BoxParent2 strong { color:#fff !important; text-align: center; font-weight: bold; }
.BoxParent2 strong { font-size: 1.3em; border-bottom: 1px dotted #fff;}
.BoxParent2 a { text-decoration: underline; }

.BoxParent .castList{
  display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;
  -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
  -ms-flex-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;
  margin:16px 0 80px;
	}
.BoxParent .castList li{
  width:30%;
  padding:5px;
	text-align: center;
	}
.BoxParent .castList img{
  display:block;
  width:100%;
  margin-bottom:6px;
	margin:8px;
	border: solid 2px #e5e9ec;
	}
.BoxParent h4 {
  position: relative;
  text-align: center;
  font-size: 1.4em;
  color: #951b2e;
	margin: 0 auto;
	}
.BoxParent h4:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 35px);
  width: 70px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #951b2e;
	}

.bp2 { display: flex; }

@media screen and (min-width: 1000px) {
.BoxParent2 .itiran { text-align:left !important; padding-left:25%; }
}
@media screen and (max-width: 767px) {
.BoxParent{font-size:1.5em;margin: 1em; padding: 1.6em;}
.BoxParent2 .itiran { text-align:left !important;}
.BoxParent .castList{flex-direction: column;}
.BoxParent .castList li{width:100%;}
.BoxParent .castList img{margin:0;}
}

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

.movie_cnt {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	width: 580px;
	height: 335px;
	}
@media screen and (max-width: 641px) and (min-width: 240px) {
#nekomovie { margin-bottom: 100px; }
.movie_cnt { width: 100%; height: auto; }
}

#dance img { width: 100%; }
#dance p { font-weight: bold; text-align: center; }

@media screen and (min-width: 1000px) {
#taiso { display: flex; justify-content: space-between; }
#taiso .movie_cnt { width: 530px; height: 280px; }
#taiso .movie_cnt img { position: absolute; width: 130px;}
#taiso .movie_cnt img.hidari { top:30px; left: -90px; }
#taiso .movie_cnt img.migi { top:30px; right: -100px; }
#dance { width: 500px; margin: 50px auto 0;}
}

@media screen and (max-width: 999px) and (min-width: 642px) {
#taiso { margin-bottom: 250px; }
#taiso .movie_cnt img { position: absolute; width: 150px;}
#taiso .movie_cnt img.hidari { top:30px; left: -90px; }
#taiso .movie_cnt img.migi { top:30px; right: -100px; }
#dance { margin-bottom: 50px;  }
}

@media screen and (max-width: 641px) and (min-width: 240px) {
#taiso { margin-bottom: 100px; }
#taiso .movie_cnt img { display: none; }
#dance { margin-bottom: 50px;  }
}

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

.nekotitle{
  position: relative;
  margin: 3em -0.5em 0.5em;
  padding: 0.7em;
  color: #fff;
  text-align:center;
  /*background: #951b2e;*/
  font-size: 2.2em;
  font-weight: bold;
  text-shadow:0 3px 0px #672832;
  /*box-shadow: 0 1px 3px #777;
  -moz-box-shadow: 0 1px 3px #777;
  -webkit-box-shadow: 0 1px 3px #777;
  -o-box-shadow: 0 1px 3px #777;
  -ms-box-shadow: 0 1px 3px #777;*/
  background: linear-gradient(to right, #ed0000, #990000);
  font-family: 'Noto Serif JP', sans-serif;
	}
.nekotitle img { width: 40px; height: 40px; margin: -8px 16px;}

@media screen and (max-width: 1000px) and (min-width: 240px) {
  .nekotitle{
    font-size: 2.5em;
    width: 100%;
    margin: 2em auto 0;
    padding: 1em;
		line-height: 1.3em;
    }
  }
@media screen and (max-width: 680px) and (min-width: 240px) {
  .nekotitle img { width: 32px; height: 32px; margin: -8px 8px;}
	.ico-none_sp{display:none;}
}


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

.small { font-size: 0.85em; letter-spacing: 0.1em; }

/* トップへ戻る */
#page-top {
  position: fixed;
  right: 5%;
  z-index: 10000;
	}
@media screen and (min-width: 680px) {
  #page-top a {
  padding: 0;
  text-align: center;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 69.3px 40px;
  border-color: transparent transparent #fff transparent;
  line-height: 0px;
  _border-color: #000 #000 #fff #000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	}
}
#page-top a:hover{text-decoration: none;}
#page-top p {margin-top: 5px;}

@media screen and (max-width: 680px) and (min-width: 240px) {
  #page-top {
    position: fixed;
    z-index: 10000;
    margin-bottom: -3%;
    width: 100%;
    }
  #page-top a {display: block;}
  #page-top a:hover {text-decoration: none;}
  #page-top p {
    width: 100%;
    height: 20px;
    padding: 3px 0;
    background-color: rgba(250,250,250,0.7);
    text-align: center;
		}
  }
.comingsoon { text-align: center; font-size: 1.5em; font-weight: bold; color: #9FD9F6; width: 100%; }
.img1000 { width: 100%; }
/*190221*/

.nekotopics .flex { display: flex;flex-direction: row;justify-content: space-between; }
.nekotopics100 .flex { display: flex;flex-direction: row;justify-content: space-between; }
li.BoxParent p strong { font-size: 1em; color: red!important; }
li.BoxParent h5 {color: #951b2e; background-color:#fff!important;text-align: center;}

#card37 img { height:auto; max-width:100%; }
@media all and (-ms-high-contrast: none){
#card37 img {
    width: 50%;
    max-width: 100%;
    height: auto;
}}

@media screen and (min-width: 680px) {
#card37 { width: 100%!important;padding: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#card37 img { width: 50%; height: 50%; }
}
}

@media screen and (max-width: 680px) {
.nekotopics .flex, .nekotopics100 .flex { flex-direction: column; }
}


/*191101追記*/
.tbl_L tr td {text-align: left;}
.tbl_C { text-align: center; }



.info_ttl{
  font-size:1.5em;
	color:#000;
	font-weight:bolder;
	text-align:center;
	line-height: 1.8em;
  margin: 0.5em auto;
	}
ul.newstext {
	padding:0.5em 0.5em 0.5em 0;
	list-style-type:none;
}
ul.newstext li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.newstext li:after,ul.newstext li:before {
	position:absolute;
	content:'';
	display:block;
	background: #951b2e;
	top: 0.63em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.newstext li:before {
	top: 0.8em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}
ul.newstext li img{
  height:200px;
	margin: 0.5em 0;
	}
@media screen and (max-width: 767px) {
  ul.newstext li img{height:auto;}
}

ol {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin: 2em auto 1em;
	}
ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.65em 0.5em 0.5em 30px;
	}
ol li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background: #951b2e;
  color: #FFF;
  font-family: 'Arial',sans-serif;
  font-weight:bold;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  top: 10px;
	}

/* --- ボタン --- */
.btn-flat {
  display: inline-block;
  text-decoration: none;
  border: solid 2px #951b2e;
  border-radius: 8px;
  transition: .4s;
  width: auto;
  margin: 1em auto 0.5em;
  padding: 1em 2.5em;
  font-size: 1.25em;
  font-weight: bolder;
  color: #951b2e !important;
  text-align: center;
	}
.btn-flat:hover {
  background: #951b2e;
  color: white !important;
	font-weight: bolder;
	}
@media screen and (max-width: 767px) {
	.btn-flat {	width: 95%; padding: 1em;line-height: 1.5em;}
}

#inquiry td img{
  width: 240px;
	}

.bnr_neko{
  width: 256px;
	min-height: 300px;
  margin: 3em auto 0;  
  }
.bnr_neko img{width: 100%;}
.bnr_neko img:hover{
  opacity: 0.5;
  transition-duration: 0.5s;
	}
.bnr_sponsor{
  display: flex;
  justify-content: center;
  width: 40%;
  margin: 3em auto 0;
  }
.bnr_sponsor a img{width:100%;padding:16px;}
@media screen and (max-width: 767px) {
  .bnr_sponsor{flex-direction:column;width:100%;text-align: center;}
	.bnr_sponsor a img{width:75%;}
}

/* YouTube埋込 */
.youtubeWrap{
  max-width: 850px;
	margin: 1em auto;
	}
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
  }
.youtube iframe {
  position:absolute;
  top:0;right:0;
  width:100% !important;
  height:100% !important;
  }
@media screen and (max-width: 767px) {
  .youtubeWrap{max-width:95%;}
}



/* Universal use
--------------------------------------------------------- */
/* テキスト - SPのみ
------------------------*/
@media screen and (max-width:767px){
  .brSP:before{content:"\A";display:block}
  .hiddenSP,.forPC,.forTB{display:none}
}
/* テキスト - TBのみ
------------------------*/
@media screen and (min-width:768px) and (max-device-width:991px){
  .brTB:before{content:"\A";display:block}
  .hiddenTB,.forPC,.forSP{display:none}
}
/* テキスト - PC
------------------------*/
@media screen and (min-width:992px){
  .brPC:before{content:"\A";display:block}
  .hiddenPC,.forTB,.forSP{display:none}
  }

.fontSS{font-size:0.5em!important;}
.fontS{font-size:0.8em!important;}
.fontM{font-size:1.2em!important;}
.fontMM{font-size:1.3em!important; line-height:1.6em!important;}
.fontL{font-size:1.5em!important;line-height:1.8!important;}
.fontLL{font-size:2em}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt1em{margin-top:1em !important}
.mt2em{margin-top:2em !important}
.mt3em{margin-top:3em !important}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb1em{margin-bottom:1em !important}
.mb2em{margin-bottom:2em !important}

.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr1em{margin-right:1em !important}
.mr2em{margin-right:2em !important}

.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml1em{margin-left:1em !important}
.ml2em{margin-left:2em !important}

.mtb0{margin-top:0;margin-bottom:0 !important}
.mrl8{margin-right:8px;margin-left:8px !important}
.mAll{margin:0.5em!important;}

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

.fontRed{color:#dc000c!important;}
.fontRB{font-weight:bold;color:#dc000c;}
.fontW{color:#FFF;}

.txtC{text-align:center!important}
.txtR{text-align:right!important}
.txtL{text-align:left!important}


.marker_y{background:linear-gradient(transparent 60%, #ffff00 60%);}
.marker_r{background:linear-gradient(transparent 70%, #fdb3b3 60%);}

span.del{
  text-decoration-line:line-through;
  text-decoration-style:double;
	}
.spOnly{display:none;}
@media screen and (max-width:767px){
  .spOnly{display:block;}
}

.CastPhoto {
	border-radius: 6px;
	box-shadow: 0px 0px 8px #dddddd;
}

/* animation
--------------------------------------------- */
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {transform: scale(1.0);}
  50%, 70% {transform: scale(0.85);}
}