@charset "UTF-8";

body{
	background-color: #ddd;
	background: url(../images/bg.jpg) repeat fixed;
	color: #000;
}

.main_bar {
    background-color: #f3f3f3;
}

h1,h2,h3{

}
h2::before{
  content: '[';
}
h2::after{
  content: ']';
}
h2::before,h2::after{
  padding: 0 0.5em;
  color: #555;
}
h3{
  background-color: #565656;
  color: #fff;
}
h4{
  font-size: 18px;
  line-height: normal;
  font-weight: bold;
}




/* ------------------------ オプション ------------------------- */

/*タブ切り替え*/
.panel-group{
    border:solid 1px #CCC;
    background:#fff;
    padding: 10px 20px;
}
.tab-group .tab{
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
}
.panel-group .panel{
	font-size: 14px;
	line-height: normal;
}
.tab.is-active{
    background:#338a41;
    color:#FFF;
}



/*カウントダウン*/

.yycountdown-box{
  text-align:center;
  margin:10px 0;
  color:#f00;
  font-size: 20px;
  line-height: normal;
}

#timer .yycountdown-box .yyc-day-text,#timer .yycountdown-box .yyc-day,
#timer .yycountdown-box .yyc-hou-text,#timer .yycountdown-box .yyc-hou,
#timer .yycountdown-box .yyc-min-text,#timer .yycountdown-box .yyc-min,
#timer .yycountdown-box .yyc-sec-text,#timer .yycountdown-box .yyc-sec{
  font-size:1.0em;
}


/*slider*/
.slider{
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slick-dots{
	margin-bottom: -10px;
}



/*テーブル*/

table{
  width: 90%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px auto;
}

table th,table td{
  text-align: left;
  font-size: 14px;
}
table th{
  padding: 15px 5px;
  width: 120px;
  background-color: #000000;
  color: #fff;
  text-align: center;
}
table td{
  padding: 15px;

}
table tr{
  border: solid 1px #ccc;
}



/*年齢認証*/
	.r18 {
		position: fixed;
		display: none;
		z-index: 9999;
		top: 40%;
		left: 50%;
		width: 587px;
		height: 361px;
		margin: -120px 0 0 -220px;
		padding: 2px;
		text-align: center;
		background: #fff url(https://www.melonbooks.co.jp/special/b/0/fair_shoseki/20180405_killtime_onlyshop/images/cushion.gif) right top no-repeat;
		border: solid 4px #f00;
	}

	.r18 a {
		cursor: pointer;
	}

	.cushion {
		padding: 60px 200px 0 30px;
	}

	.cushion h2 {
		color: #e40d0d;
		font-size: 26px;
		padding: 0px;
	}

	.cushion .mb20 {
		padding: 5px;
	}

	.cushion a {
		background: url(https://www.melonbooks.co.jp/special/b/0/fair_shoseki/20180405_killtime_onlyshop/images/btn_yesno.gif) left top no-repeat;
		display: inline-block;
		color: rgba(0, 0, 0, 0);
		line-height: 35px;
		width: 169px;
		height: 35px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}


	.cushion>a.yes {
		background-position: 0px 0px;
		margin-left: 8px;
	}

	.cushion>a.no {
		background-position: -169px 0px;
		margin-left: 8px;
	}

	.cushion>a.yes:hover {
		background-position: 0px -35px;
	}

	.cushion>a.no:hover {
		background-position: -169px -35px;
	}
	@media screen and (max-width:781px){


	  table th{
	    width: 80px;
	  }
		.r18 {

			background: #fff;
		}
	}