/*DATA:/sapporo/css/shopstyle/module.css*/

/*+++Clearfix++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	zoom:1;
}
*:first-child+html .clearfix {
	zoom:1;
}

/*+++Rounded block+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.reduse {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*+++Long Schedule++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.schedule_date .schedule_long {
	float:left;
	width: 255px;
	height:20px;
	padding:5px 5px 0 0;
	font-size: 12px;
	text-align:center;
	font-weight:bold;
}
.schedule_date .schedule_long a {
	display:block;
	width:255px;
	height:20px;
	line-height: 20px;
	background:url("http://www.harenchi.co.jp/sapporo/images/shopimages/syukkin_bg_longschedulebtn.gif") top left no-repeat;
}
.schedule_date .schedule_long a:link,
.schedule_date .schedule_long a:visited {
	color:#ff0;
	text-decoration:underline;
}
.schedule_date .schedule_long a:hover {
	color:#fff;
	text-decoration:none;
}
#longschedule_block {
	clear:both;
	margin: 0 0 30px 0;
	background: url("http://www.harenchi.co.jp/sapporo/images/shopimages/syukkin_bg_longschedule.gif") top left repeat;
	border-bottom: 1px solid #eee;
}
#longschedule_block h2 {
	height:45px;
	padding: 25px 0 0 75px;
	background: url("http://www.harenchi.co.jp/sapporo/images/shopimages/syukkin_bg_longscheduletitle.gif") top left no-repeat;
	color: #e84a98;
	font-size: 18px;
	font-weight: bold;
}
#longschedule_block h2 span {
	font-size: 12px;
}
#longschedule_block p {
	padding: 0 25px 10px;
	font-size: 12px;
}
#longschedule_block ul {
	padding: 0 0 20px 25px;
}
#longschedule_block li {
	float:left;
	width:60px;
	height:50px;
	padding:0 5px 5px 0;
	text-align:center;
	font-family: Arial;
	font-weight:bold;
	color:#999;
	background:url("http://www.harenchi.co.jp/sapporo/images/shopimages/syukkin_bg_longscheduledate_off.gif") top left no-repeat;
}
#longschedule_block li a {
	display:block;
	width:60px;
	height:50px;
	text-decoration:none;
	background:url("http://www.harenchi.co.jp/sapporo/images/shopimages/syukkin_bg_longscheduledate.gif");
}
#longschedule_block li em{
	display:block;
	padding:10px 0 0 0;
	font-size:18px;
}
#longschedule_block li span {
	display:block;
	padding:5px 0 0 0;
	font-size:12px;
}

#longschedule_block li a:link,
#longschedule_block li a:visited {
	color:#333;
}
#longschedule_block li a:hover {
	color:#990;
	background:url("http://www.harenchi.co.jp/sapporo/images/shopimages/syukkin_bg_longscheduledate_on.gif");
}

.special_link {
	margin: 0 30px 0 15px;
	padding: 15px 0;
	border-bottom: 2px dotted #ccc;
}
.special_link span {
	color: #f66;
	font-weight: bold;
}
.special_link .eirlytime_link{
	display:block;
	width:670px;
	height:75px;
	margin-top:5px;
}

/*+++Announcement block+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.announcement_block {
	margin: 15px 15px 0 0;
	padding: 10px 10px 10px 60px;
	background: #fff0f8 url("http://www.harenchi.co.jp/sapporo/images2010/sp_harekei_footlogo.png") no-repeat 8px center;
	border: 2px solid #f1168b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	line-height: 1.4;
}

/*+++Discount block+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
dl.discount_block {
	margin: 15px 15px 0 0;
	padding: 0;
	background-color:#fff;
/*	background: #fff url("http://www.harenchi.co.jp/sapporo/images/shopimages/main_img_boilerticket.gif") no-repeat right bottom;*/
/*	border: 2px solid #f1168b;*/
	border: 2px solid #b72dda;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	line-height: 1.4;
}
dl.discount_block dt {
	padding: 0 0 0 10px;
	background: #e62f8b url("http://www.harenchi.co.jp/sapporo/images/shopimages/main_bg_discount.gif") repeat top left;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	color: #fff;
	font-weight: bold;
}
dl.discount_block dd {
	padding: 10px;
}
dl.discount_block dd.font10 {
	font-size: 10px;
	border:none;
	border-top: 1px dashed #f1168b;
}
dl.discount_block em {
	color: #f1168b;
	font-weight: bold;
}

/*+++Spsyukkin block+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div.spsyukkin_block {
	margin: 15px 15px 0 0;
	padding: 0 0 10px 0;
	background-color:#fff;
	border: 2px solid #3d66ba;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	line-height: 1.4;
	background-color: #E1EAF3;
}
div.spsyukkin_block div.spsyukkin_title {
	padding: 0 0 0 10px;
	background: #3d66ba url("http://www.harenchi.co.jp/sapporo/images/shopimages/main_bg_spsyukkin.gif") repeat top left;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	color: #fff;
	font-weight: bold;
}
div.spsyukkin_block img.spsyukkin_img {
	float:right;
	padding:10px 10px 0 0;
}
div.spsyukkin_block table {
	margin:10px 10px 0 10px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	background:#fff;
}
div.spsyukkin_block table tr th {
	border-right:1px solid #000;
	background-color:#600;
	color:#fff;
	width:123px;
	padding:3px 0;
	text-align:center;
	font-size:12px;
	line-height:14px;
}
div.spsyukkin_block td {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	height:30px;
	padding:5px 0;
	text-align:center;
	font-size:12px;
	line-height:14px;
}
div.spsyukkin_block div.link_wrap {
	margin: 12px 0 5px 10px;
	width:373px;
	height:130px;
	background-color:#f7f7f7;
}
div.spsyukkin_block div.spsyukkin_subtitle {
	padding: 10px 0 5px 10px;
	font-size:14px;
	line-height:16px;
	font-weight: bold;
}
div.spsyukkin_block ul {
	width:355px;
	margin:0 0 0 10px;
	padding:3px 0 0 0;
	border-top:1px solid #000;
}
div.spsyukkin_block li {
	float:left;
	width:118px;
	padding:3px 0 0 0;
	font-size:12px;
	line-height:14px;
}
div.spsyukkin_block em {
	color: #f1168b;
	font-weight: bold;
}

/* server_maintenance 2016.2.22
--------------------------------------------------------------------------*/
div.server_maintenance{
	margin: 0 15px 10px 0;
	border: solid 3px #dde81f;
	padding: 20px;
	background-color: #dde81f;
	box-shadow:  0 0 0 4px #fff inset;
	color: #000;
	text-align: center;
}
div.server_maintenance h2{
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
}
div.server_maintenance h2 img{
	vertical-align:sub;
}
div.server_maintenance p{
	line-height: 1.5;
	margin: 10px 0;
	text-align: left;
}
div.server_maintenance p.day{
	display: inline;
	padding: 3px 10px;
	background-color: #fff;
	border-radius: 10px;
}
div.server_maintenance p.day span{
	padding: 0 0 0 10px ;
	font-weight: bold;
}


/*- -shingata korona taiou 2020.05 - - - - - - - - - - - - - - - - - - - - - - - - -*/
.reduction_block{
	position:relative;
	width:664px;
	margin-bottom:25px;
	padding:15px 15px 5px;
	border:solid #b70005 3px;
	background-color:#ffffff;
}
.reduction_block h2{
	margin-bottom:10px;
	font-size:24px;
	text-align:center;
}
.reduction_block h2 span{
	font-weight:bold;
}
.reduction_block p{
	margin-bottom:5px;
	font-szie:12px;
	line-height:1.2;
	text-align:center;
}
.reduction_block em{
	color:#FF1CA4;
}
.reduction_block .period{
	margin:10px 0;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	line-height:1.2;
}
.reduction_block .period span{
	color:#b70005;
	font-weight:bold;
}
.reduction_block dl{
	display:grid;
	gap:5px;
	grid-template-columns:1fr 1fr;
	font-size:14px;
}
.reduction_block dl dt{
	text-align:right;
	line-height:1.2;
}
.reduction_block dl dd{
	position: relative;
	padding-left:20px;
	line-height:1.2;
}

.reduction_block dl dd::before{
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 5px;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	border: 7px solid transparent;
	border-left: 7px solid #b70005;
}
.reduction_block .reduction_link{
	display:block;
	margin:10px auto 10px;
	padding:10px 0;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	border-radius:20px;
	background-color: #b70005;
}
.reduction_block .date{
  position:absolute;
  right:7px;
  top:7px;
  color:#777777;
  font-size:12px;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.timesaving_block{
	width:664px;
	margin-bottom:25px;
	padding:15px 15px 5px;
	border:solid #cc0000 3px;
}
.timesaving_block h2{
	margin-bottom:10px;
	color:#cc0000;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}
.timesaving_block p{
	margin-bottom:5px;
	font-szie:12px;
}
.timesaving_block em{
	display:block;
	margin-top:10px;
	color:#cc0000;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.timesaving_block .timesaving_link{
	display:block;
	text-align:right;
	font-size:12px;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.shutdown_block{
  margin: 15px 0 15px 0;
  position: relative;
  padding:25px 15px;
  border:solid #cc0000 3px;
  background-color:#ffffff;
  width: 664px;
}
.shutdown_block h1{
  margin-bottom:20px;
  color:#cc0000;
  font-weight:bold;
  font-size:24px;
  text-align:center;
}
.shutdown_block h2{
  margin-bottom:20px;
  color:#cc0000;
  font-weight:bold;
  font-size:24px;
  text-align:center;
}
.shutdown_block p{
  margin-bottom:5px;
  font-size:14px;
  line-height:26px;
}
.shutdown_block em{
  color:#cc0000;
  font-size:16px;
  font-weight:bold;
}
.shutdown_block .detail_link{
  background-color: #cc0000;
  color: #fff;
  display:block;
  text-align:center;
  font-size:16px;
  font-weight: bold;
  line-height: 2;
  border-radius: 15px;
  margin: 25px 0 0 0;
}
.shutdown_block .shutdown_link{
	display:block;
	margin:10px auto 0px;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height: 2;
	border-radius:20px;
	background-color: #A0B939;
}
.shutdown_block .date{
  position:absolute;
  right:7px;
  top:7px;
  color:#777777;
  font-size:12px;
}

/*- shingata korona taiou 2020.05 eigyousaikai- - - - - - - - - - - - - - - - - - - - - - - - - -*/
.restart_block{
	position:relative;
	width:654px;
	margin-bottom:25px;
	padding:15px 15px 5px;
	border:solid #CA3C6E 3px;
	background-color:#ffffff;
}
.restart_block h2{
	margin-bottom:10px;
	font-size:24px;
	text-align:center;
}
.restart_block h2 span{
	font-weight:bold;
}
.restart_block p{
	margin-bottom:10px;
	font-size:14px;
	line-height:1.5;
	text-align:center;
}

.restart_block em{
	color:#FF1CA4;
	font-weight:bold;
}
.restart_block .reduction_link{
	display:block;
	margin:10px auto 10px;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height: 2;
	border-radius:20px;
	background-color: #CA3C6E;
}
.restart_block .shutdown_link{
	display:block;
	margin:10px auto 10px;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height: 2;
	border-radius:20px;
	background-color: #A0B939;
}
.restart_block .date{
	position:absolute;
	right:10px;
	top:10px;
	color:#777777;
	font-size:12px;
}


/* >>>> covid19_release <<<<*/

.covid19_release{
	width:696px;
	margin-bottom:15px;
	border:2px solid #FF80C4;
background: #ff5db1; /* Old browsers */
background: -moz-linear-gradient(top,  #ff5db1 0%, #ef017c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff5db1 0%,#ef017c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff5db1 0%,#ef017c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */

}
.covid19_release p{
	padding:15px 0;
	color:#fff;
	text-align:center;
	font-size:15px;
}
.covid19_release p em{
	color:#FFF280;
	font-size:18px;
	font-weight:bold;
}
.covid19_release p span{
	display:inline-block;
	margin-top:5px;
	color:#ffd8ec;
	font-size:12px;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*- - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.group_information{
margin:0px auto 10px; 
padding:10px; 
color:#444;
border:solid 2px #006192;
background-color:#fff;
}
.group_information div{
margin-bottom:5px;
font-size:14px;
line-height:20px;
}
.group_information p{
font-size:12px;
line-height:18px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*-  - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*-- main --*/
h3.system_title.covid19{
	text-decoration: line-through;
}
.main_area #system_block p.covid19{
	color:#cc0000;
	font-weight:bold;
	line-height:2;
}
.main_area #system_block table.covid19 {
	background-color:#cccccc;
}
.main_area #system_block table.covid19 .time_course th {
	color: #cccccc;
	font-weight: bold;
	background-color: #888888;
}
.main_area #system_block table.covid19 td {
	color:#777777;
}

/*-- info --*/
 .info_block li.covid19{
	color:#aaaaaa;
	text-decoration: line-through;
}
.info_block p.covid19{
	color:#cc0000;
	text-align:center;
}
.info_block p.covid19{
	color:#cc0000;
	text-align:center;
}
.info_block p.covid19_info{
	margin-bottom:20px;
	color:#aaaaaa;
	text-decoration: line-through;
}
.info_block p.covid19_info em{
	color:#aaaaaa;
}
.info_block .content_base em.covid19 {
	color:#aaaaaa;
	text-decoration: line-through;
}
.info_block .type_description .pucho em.covid19 {
	color:#aaaaaa;
	text-decoration: line-through;
}

/*-- system --*/
.main_area .system_block p.covid19{
	color:#cc0000;
	font-weight:bold;
	line-height:2;
	text-align:left;
}
.main_area .system_block table.covid19 {
	color:#777777;
	background-color:#cccccc;
}
.main_area .system_block table.covid19 .time_course th {
	color: #cccccc;
	font-weight: bold;
	background-color: #888888;
}
.system_block p.covid19_info{
	margin-bottom:20px;
	color:#aaaaaa;
	text-decoration: line-through;
}
.system_block p.covid19_info em{
	color:#aaaaaa;
}
.system_block .tonosamansa.covid19 table{
	background-image: url(http://www.sp-saman.com/system//images/tonosama_bg_covid19.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.system_block .tonosamansa.covid19 tr.price td,
.system_block .tonosamansa.covid19 tr.price td .appoint{
	color:#777777;
}
.system_block .tonosamansa.covid19 tr.playtime td:nth-child(1),
.system_block .tonosamansa.covid19 tr.playtime td:nth-child(2){
	color: #cccccc;
}
h3.covid19,
#system_option ul.option_list li.covid19 dt{
text-decoration: line-through;
}
#system_option ul.option_list li.covid19 {
	background-color:#cccccc;
	background-image:none;
}
#system_option ul.option_list li.covid19 dd{
	color:#cc0000;
}


/*- timezoon hihyouji 2020.06.01 - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.main_area img.timezone{
	display: none;
}

/*- newyearsyukkin 2021.12.23 - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.newyearsyukkin_block{
	margin:15px 0 0 15px;
}
.newyearsyukkin_block table{
	width:670px;
	table-layout:fixed; 
	border-top:1px solid #999;
	border-left:1px solid #999;
	font-size:12px;
}
.newyearsyukkin_block th{
	border-right:1px solid #999;
	padding:10px 0;
	text-align:center;
	background-color:#FFD5DE;
}
.newyearsyukkin_block td{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:middle;
	text-align:center;
	padding:10px 0;
	height:24px;
}
.newyearsyukkin_block em{
	color:#e5004f;
}
.newyearsyukkin_block span{
	font-size:10px;
}
.newyearsyukkin_block caption{
	margin-bottom:5px ;
	color:#e5004f;
	font-size:14px;
	font-weight:bold;
}


/*Module [END] V('-')V*/