@charset "utf-8";

img {
	max-width: 100%;
	height: auto;
}
body{
	text-align: center;
	color: #333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 1px;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
a {
	color: #0099cc;
	text-decoration: none;
}
a:visited {
	color: #331f7e;
}
a:hover {
	color: #006699;
	text-decoration: underline;
}
.red {
	color: #f00;
}

.migiyose {
	text-align: right;
}

.pricealert {
	font-size:0.8em;
	text-align: left;
	padding: 10px 0 0 0;
	line-height: 153%;
	letter-spacing: 0;
}
.hotpink {
	color: #ff0099;
}
.hotorange {
  color: #ff6600;
}
.martop15 {
	margin: 15px 0 0 0;
}

.marbottom15 {
	margin: 0 0 15px 0;
}

.mini {
	font-size: 0.8em;
}
.minip {
	font-size: 0.75em;
	letter-spacing: -1px;
}
.pconly {
	display: none;
}
/*----------------------------------intaview*/

.otherkouza,
.kouza,
.jpop,
.other,
.enka,
.wagakki,
.jazz,
.classic,
.rock,
.pops {
	color: #fff;
	font-size: 0.7em;
	margin: 1em 0.25em 1em 0;
	line-height: 200%;
	display: inline-block;
}
/*.genre プルダウン*/

.dateselect,
.pricecatego,
.genre {
	padding: 0 0 1em 0;
	margin: 0.5em 0 1em 0.5em;
}
#datespick,
#datapick,
.pricecatego select,
.genre select {
	float: left;
}
#main .joukenserch {
	background-color: #4ab443;
	color: #FFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #7ac19d;
	padding: 5px 15px;
	cursor:pointer;
	width: 20%;
	float: right;
	margin: 0 0.5em 0.5em 1em;
}
/*---#genre ボタンの場合*/

#genre li a {
	padding: 1em;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
}
#genre li a:hover {
	text-decoration: none;
}
#genre li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
	text-decoration: none;
}
#livelistwaku .jpop,
#livelistwaku .other,
#livelistwaku .enka,
#livelistwaku .wagakki,
#livelistwaku .jazz,
#livelistwaku .classic,
#livelistwaku .rock,
#livelistwaku .pops {
	color: #fff;
	font-size: 0.7em;
	padding: 0 1em;
	margin: 0 1em 0 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#livelistwaku .jpop,
.jpop a {
	background-color: #91d5d4;
}
#livelistwaku .pops,
.pops a {
	background-color: #f08283;
}
#livelistwaku .jazz,
.jazz a {
	background-color: #bb91d5;
}
#livelistwaku .rock,
.rock a {
	background-color: #6b6b6c;
}
#livelistwaku .classic,
.classic a {
	background-color: #9191d5;
}

#livelistwaku .wagakki,
.wagakki a {
	background-color: #c0916c;
}

#livelistwaku .enka,
.enka a {
	background-color: #fba56c;
}

#livelistwaku .other,
.other a {
	background-color: #91d594;
}

#livelistwaku .kouza,
.kouza a {
	background-color: #c55a5b;
}

#livelistwaku .otherkouza,
.otherkouza a {
	background-color: #f1d953;
}

/*----------------------------------janru*/

.hlogo {
	width: 85%;
	margin:-1em 0 0 0;
}

.intaview {
	line-height: 175%;
	text-align:left;
	padding: 0 0 15px 0;
}
.pankuzu{
	padding: 1em;
	font-size: 0.7em;
	text-align: left;
}

#liveline {
	padding: 5px 0 15px 0;
	font-size: 1.2em;
}

#allnums {
	color: #333;
	line-height: 153%;
	margin: 10px 0 0 0;
	font-size: 0.8em;
}
.numbig {
	font-size: 1.2em;
	margin: 0 2px 0 3px;
}
.numbigred {
	font-size: 1.5em;
	margin: 0 2px 0 3px;
	color: #ea535d;
}

.cara {
	margin: -30px 0 0 0;
}

#leftside h2 {
	font-size: 1em;
	padding: 8px 0;
	margin: 15px 0 5px 0;
	letter-spacing: 5px;
	color: #333;
	clear: both;
		font-size: 0.7em;
	background-color: #fcf9e2;
}

#leftside h2 img.w150 {
	width: 32%;
}
#leftside h2 img.w100 {
	width: 20%;
}
.emini {
	font-size: 0.5em;
	letter-spacing: 1px;
}

.button3,
.button2,
.button1 {
	font-weight: bold;
	letter-spacing: 5px;
	font-size: 1.2em;
	padding: 10px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor:pointer;
	color: #ff6666;
	border: 1px solid #f19797;
	}

.button1:hover,
.button2:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
	text-decoration: none;
}

.button1 {
	width: 45%;
	margin: 5px;
	background-color: #ff9900;
	color: #fff;
}

.button2 {
	width: 45%;
	margin: 5px;
	background-color: #ff9900;
	color: #fff;
}

.button3 {
	width: 45%;
	color: #ff6666;
	border: 1px solid #ff6666;
	margin: 5px;
}

.searchb {
	background-color: #999;
	padding: 3px 10px;
	font-size: 1em;
	color: #fff;
	font-size: 0.9em;
	letter-spacing: 2px;
	border: 1px solid #333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.search {
	padding: 10px 20px;
	width: 70%;
}

.calbot h3 {
	color: #9e9a9a;
}

.calbot {
	margin: 15px auto;
	text-align: center;
	border: 1px solid #ff9900;
	font-size: 0.9em;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	padding: 0;
	width: 93%;
}

.choicedate a {
	display: block;
	color: #ff9900;
	padding: 10px 20px;
	margin: 0 ;
}

.choicedate a:hover {
	background-color: #fce7cb;
	text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
	text-decoration: none;
}

#lgenre {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 0.8em 0;
}

#lgenre:after {
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}
#lkakaku li,
#lgenre li {
	width: 48%;
  display: inline-flex;
	list-style-type: none;
	font-size: 0.8em;
	font-weight: bold;
}

#lkakaku li {
	font-weight: normal;

}
#lgenre li .mini {
	line-height: 120%;color:#f00;
}
#lkakaku li a,
#lgenre li a {
	width: 100%;
  justify-content: flex-start;
	padding: 8px 4px;
	color: #333;
	margin:5px;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	text-decoration: none;
}
#lgenre li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
	text-decoration: none;
}
#lkakaku a {
	border: 1px solid #ffcc33;
}
#lkakaku a.muryo {
	color: #f00;
letter-spacing: 5px;
}

#lgenre li.lpops a {
	color: #fff;
	background-color: #f08283;
}

#lgenre li.ljazz a {
	color: #fff;
	background-color: #bb91d5;
}

#lgenre li.ljpop a {
	color: #fff;
	background-color: #91d5d4;
}
#lgenre li.lrock a {
	color: #fff;
	background-color: #6b6b6c;
}

#lgenre li.lclassic a {
	color: #fff;
	background-color: #9191d5;
}

#lgenre li.lwagakki a {
	color: #fff;
	background-color: #c0916c;
}

#lgenre li.lenka a {
	color: #fff;
	background-color: #fba56c;
	font-size: 0.8em;
	letter-spacing: -1px;
}

#lgenre li.lother a {
	color: #fff;
	background-color: #91d594;
}

#lgenre li.lkouza a {
	color: #fff;
	background-color: #c55a5b;
}
#lgenre li.lotherkouza a {
	color: #fff;
	background-color: #e3c626;
}

#lgenre li.lkouza a {
	font-size: 0.8em;
	letter-spacing: -1px;
}
.pricecatego,
#pricecatego,
#datespick {
padding: 0 0 15px 0;
}
#tweet2 {
	display: block;
	overflow:hidden;
	width: 300px;
	height: 30em;
	margin: 1em auto;
	overflow:scroll;
}

#eventnews ul {
	width: 95%;
	margin: 0.5em auto;
	clear: both;
	text-align: 200%;
	background-color: #fcf9e2;
	padding: 10px 0;
	text-align: left;
}

#eventnews ul li {
	padding: 10px 1em;
	border-bottom: 2px dotted #ccc;
	list-style-type: none;
}

.bigevent {
	background-color: #cd1256;
	color: #fff;
	font-size: 0.8em;
	padding: 0 1em;
}

#main h2 {
	color: #ef7f2c;
	letter-spacing: 2px;
	clear: both;
	position: relative;
	padding: 0 8px 3px 0;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	margin: 0 auto 5px auto;
	font-family: 'Kosugi Maru', sans-serif;
	text-align: center;
	width: 95%;
}

#main .midashi {
	clear: both;
	padding: 1em 0 0.5em 0;
	color: #ff9933;
	border-bottom: 1px solid #ff9933;
	font-weight: bold;
	font-size: 1.1em;
	font-family: 'Kosugi Maru', sans-serif;
}
.enmini {
	font-size: 0.65em;
	letter-spacing: 0px;
	float: right;
	margin: 0 0 1em 0;
}

.listwaku {
	border: 1px solid #000;
}

.listwaku {
	text-align: left;
}

.txt {
	width: 95%;
	text-align: left;
	margin: 0 10px 0 0;
	line-height: 120%;
}

.slideopen {
	float: right;
	color: #fff;
	font-size: 0.7em;
	padding: 0 1em;
	background-color: #000;
	padding: 3px 20px;
}

.date {
	font-size: 0.7em;
}

.livelist li h3 {
	margin: 5px 0 5px 0;
}

.livelist li img {
	margin: 10px;
}

#prwaku {
	padding: 2em;
}

.leftpr,
#prwaku {
	display: none;
}

#yt {
	display: none;
}
.video iframe {
	width: 100%;
	min-height: 200px;
	margin: 1em 0 0 0;
}
#main #information,
#main #livelistwaku,
#main #recomendevent {
	clear: both;
	width: 95%;
	margin: 1em auto;
}
	#information h2 {
		border-bottom: 1px solid #000;
		color: #fff;
		background-color: #000;
		padding: 5px;
		font-size:1.1em;
	}
#main #livelistwaku {
	clear: both;
	width: 95%;
	margin: 0 auto;
	padding: 0;
}


#recomendevent ul {
	margin: 0 auto;
	clear: both;
	width: 98%;
}

#recomendevent ul li .daybl {
	font-size: 0.8em;
	letter-spacing: 0;
	display: block;
}


#recomend ul li a{
	display: block;
	margin: 5px 0 0 0;
}

#recomend ul li{
	padding: 12px 0 23px 10px;
}

/* - - - -- - - -  -sns*/

#snswakuleft {
	width: 100%;
	text-align: center;
}
#snswakuleft h2{
	font-weight: bold;
	font-size: 0.8em
}
.snslefta {
	width: 80%;
	margin: 0 auto;
	display: flex;
}
.snslefta a {
	width: 33%;
	padding: 5px;
	margin: 0 3%;
}
.snslefta a:visited {
	color: #fff;
}
#snswaku {
	width: 95%;
	margin: 0 auto;
	padding: 3em 0 0 0;
	font-size: 0.9em;
	color: #ff9900;
	font-weight: bold;
}

.sosyal {
	clear: both;
	margin: 20px auto 20px auto;
	line-height: 400%;
}

.facebook {
  background-color: #2e4a88;
  text-shadow: 0 -1px -1px #1B3D82;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
	width: 95%;
	display: block;
		padding: 1em auto;
	margin: 0 auto 10px auto;
}

.facebook:hover {
  background-color: #3e64b7;
}

.facebook:active {
  top: 2px;
	box-shadow: 0 2px 0 #1B3D82;
}

.twitter {
  background-color: #008DDE;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
	width: 95%;
	display: block;
		padding: 1em auto;
	margin: 0 auto 10px auto;
}

.twitter:active {
	top: 2px;
	box-shadow: 0 2px 0 #0078BD;
}

.twitter:hover {
  background-color: #039df5;
}

.line {
  background-color: #5ab132;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
	width: 95%;
	display: block;
		padding: 1em auto;
	margin: 0 auto 10px auto;
}

.line:active {
  top: 2px;
	box-shadow: 0 2px 0 #BA2714;
}

.line:hover {
	background-color: #6cbc47;
}


.hp {
  background-color: #3366cc;
  text-shadow: 0 -1px -1px #003399;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
	width: 95%;
	display: block;
		padding: 1em auto;
	margin: 0 auto 10px auto;
}

.hp:hover {
  background-color: #4a7ada;
}

.hp:active {
  top: 2px;
	box-shadow: 0 2px 0 #1B3D82;
}


.insta {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;

  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
	width: 95%;
	display: block;
		padding: 1em auto;
	margin: 0 auto 10px auto;
}


.insta:hover {
  background-color: #4a7ada;
}

.insta:active {
  top: 2px;
	box-shadow: 0 2px 0 #1B3D82;
}




.sosyal a:hover,
.sosyal a:visited,
.sosyal a {
	color: #fff;
	text-decoration: none;
}

.linemart15 {
	clear: both;
	padding: 20px 0 0 0;
}
/* - - - -- - - -  -youtube*/

#footer {
	clear: both;
	background-color: #f1d953;
	padding: 2%;
	line-height: 170%;
}

#footer ul {
	text-align: left;
	margin: 0 0 0 30px;
}

#footer ul li {
	border-bottom: 3px dotted #fff;
	margin: 0 0 0 -30px;
	padding: 0.5em 0.5em 0.5em 1em;
	list-style-type: none;
}

#footer ul li:before{
    content: ' ';
    border: transparent solid 0.3em;
    border-left-color: #000000;
    position: absolute;
    height: 0;
    width: 0;
    margin: 0px;
    margin-top: 0.4em;
    padding: 0px;
}

#footer a {
	width: 100%;
	padding: 10px;
	color: #000;
}

#footer a:visited {
	color: #000;
}

#footer a:hover {
	color: #000;
}


/*----------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ffcc33;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #ff0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*----------------------------*/
.motto {
	margin: 15px 0;
}
.motto a {
	padding: 10px 20px;
    background-color:#f9ed96;
	color: #ff9900;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.motto a:hover {
    background-color:#e3c626;
	color: #fff;
	text-decoration: none;
}

.kmessage {
	line-height: 250%;
}
.retext {
	margin: 0 0 15px 0;
	line-height: 150%;
}
p.coment,
.serchalert {
	width: 90%;
	margin: 0 auto 20px auto;
	text-align: left;
	line-height: 140%;
	color: #333;
	font-size: 0.8em;
}
p.coment {
margin: 0 auto;
}
.pagemessage {
	width: 95%;
	margin: 0 auto;
	padding: 0 0 15px 0;
	text-align: left;
}
.pagemessage strong {
	color: #f8b111;
}
#fb3 {
	display: none;
}
.snsnewswaku2 {
	text-align: center;
	margin: 2em 0 0 0;
}

.no_eventxt {
	margin: 1em 0;
	font-weight: bold;
}
@media screen and (min-width: 600px) {

	.pconly {
		display: inline;
	}
	.hlogo {
		width: 55%;
		margin:-1em 0 0 0;
	}

	#fb2 {
	display: none;
	}
	#fb3 {
		display: inline;
	}
	#recomendevent ul li .daybl {
		display: inline;
		margin: 0 0 0 1em;
	}
	  #lgenre li.lother a,
	#lgenre li.lotherkouza a,
	#lgenre li.lwagakki a,
	#lgenre li.lenka a,
	#lgenre li.lkouza a {
		font-size: 0.8em;
	letter-spacing: -1px;
	}
	.calbot {
		width: 92.5%;
	}#leftside h2 img.w150 {
		width: 20%;
	}
	#leftside h2 img.w100 {
		width: 13%;
	}
	.video iframe {
		width: 100%;
		min-height: 250px;
	}
.dateselect,
.pricecatego,
.genre {
	padding: 1% 0 2% 5%;
	margin: 1% 2% 1% 0;
}


	}
	@media screen and (min-width: 900px) {
	.calbot {
		width: 92%;
	}
	#leftside h2 img.w150 {
		width: 15%;
	}
	#leftside h2 img.w100 {
		width: 10%;
	}
}
@media screen and (min-width: 1000px) {
	.sponly {
		display: none;
	}

  #main .joukenserch,
	.genre,
	.pricecatego,
	.video iframe,
	.video,
	.sponly {
		display: none;
	}
	.dateselect {
		margin: 0;
		padding: 0 ;
	}
	#datapick {
		float: auto;
	}
	.hlogo {
		width: 30%;
		margin:-1em 0 0 0;
	}
	.search {
		width: 60%;
	}

	.leftpr,.pickupvideo,
	#prwaku,
	#yt {
		display: block;
	}

	#prwaku {
		padding: 0;
	}

	#main h2 {
		width: 100%;
		margin: 15px auto 10px auto;
	}
	#main #information,
	#main #recomendevent {
		clear: both;
		width: 100%;
		margin: -25px 0 0 0;
		padding: 1em 0 0 0;
	}
	#main #livelistwaku {
	clear: both;
	width: 100%;
}
	#information h2,
	#livelistwaku h2,
	#recomendevent h2 {
		clear: both;
		width: 99%;
		padding: 5px;
		font-size:1.1em;
	}
#information h2,
	#recomendevent h2 {
		letter-spacing: 4px;
	}
	#information section {
		text-align: left;
		line-height: 157%;
	}
	#yt {
		position:relative;
		width:100%;
		margin: 5px auto 10px auto;
		height:200px;
	}

	#yt iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
	}

	img.cara {
		width: 85%;
		margin: -25px auto 10px auto;
	}

	#contents {
		width: 100%;
		margin: 0 auto;
		display: flex;
	}

	#leftside {
		width: 25%;
		margin: 0 2% 0 0;
	}

	#leftside h2 img.w150 {
	width: 38%;
	}
	#leftside h2 img.w100 {
		width: 25%;
	}


	#main {
		width: 71%;
	}

	.emini {
		font-size: 0.8em;
	}

	#tweet2 {
	width: 40%;
	}
	#fb2 {
	width: 30%;
		margin: 0 1em 0 0;
	}
	.button1,.button3,.button2 {
		font-size:0.8em;
		padding: 5px 10px;
	}

	.button1,
	.button2 {
		width: 44%;
	}


	.enmini {
		font-size: 0.7em;
	}

	#recomend ul li a {
		display: inline;
	}

	#recomend ul li{
		padding: 12px 10px 10px 10px;
	}

	.fwaku {
		margin: 0 auto;
	}


	.fmenu {
		display: flex;
	}

	.fmenu ul {
		width: 40%;
		padding: 0 2em;
	}

	.copyright {
		clear: both;
		margin: 2em ;
	}

	.calbot {
		width: 93%;
		margin: 10px auto 20px auto;
	}
	#snswaku {
		width: 100%;
	}
	#yt iframe {
		min-height: 150px;
	}

	p.coment,
	.serchalert {
		width: 100%;
	}
	.insta,
	.hp,
	.twitter,
	.line,
	.facebook {
	  display: inline;
	  position: relative;
		padding: 1em 0.8em;
	}
	.facebook {
		padding: 1em 2em;
	}
	.twitter {
		padding: 1em 2em;
	}
	.line {
		padding: 1em 2em;
	}
	#main {
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1200px) {
	.yoyakuwaku {
		width: 1000px;
		margin: 0 auto;
	}
	#tweet2 {
	width: 60%;
	}
	#leftside h2 img.w150 {
	width: 30%;
	}
	#leftside h2 img.w100 {
		width: 20%;
	}
	.fwaku {
		width: 1000px;
		margin: 0 auto;
	}
	.insta,
	.hp,
	.twitter,
	.line,
	.facebook {
		padding: 1em 1.5em;
	}
	.facebook {
		padding: 1em 2.5em;
	}
	.twitter {
		padding: 1em 2.5em;
	}
	.line {
		padding: 1em 3.5em;
	}

}
@media screen and (min-width: 1250px) {
	.insta,
	.hp,
	.twitter,
	.line,
	.facebook {
	  display: inline;
	  position: relative;
		padding: 15px 30px;
	}
}

@media screen and (min-width: 1400px) {
	#lgenre li.lother a,
	#lgenre li.lotherkouza a,
	#lgenre li.lwagakki a,
	#lgenre li.lenka a,
	#lgenre li.lkouza a {
		font-size: 1em;
	}
	.facebook {
		padding: 15px 45px;

	}
	.twitter {
		padding: 15px 53px;
	}
	.line {
		padding: 15px 63px;
	}
	.hp {
		padding: 15px 23px;
	}
	.insta {
		padding: 15px 20px;
	}
}

@media screen and (min-width: 1500px){
	.hlogo {
		width: 20%;
	}
	#contents {
		width: 1500px;
		margin: 0 auto;
	}
}