@charset "UTF-8";

@import "ticket.css";

/*------------------------------------------
  /ticket/group/plan/ 団体入場券
-------------------------------------------*/
.group img{
  width:100%;
  height:auto;
}
.group .bright_red{
	color: #e60012;
}
.group .dark_red{
	color: #d0111a;
}
.group .dark_red a{
	font-weight: bold;
	color: #d0111a;
}
.group .ico_new{
  display: inline-block;
  padding: 1px 5px;
  background: #ea0010;
  font-size: 10px;
  vertical-align: middle;
  color: #fff;
  border: solid 1px #fff;
}
.group .g_txt{
	font-size: 13px;
	line-height: 1.4;
}
.group .lead{font-weight:bold;}
.group .p_nav,
.group .l_nav{
	overflow: hidden;
	margin:3% 2% 1.5%;
	text-align: center;
	display:flex;
	flex-flow:wrap;
	justify-content:space-between;
}
.group .l_nav{justify-content:space-around;}
.group .p_nav li,
.group .l_nav li{
	list-style: none;
	width: 49.5%;
	display:flex;
	margin-bottom:1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ddd;
  border-radius:5px 5px;
}
/*.group .p_nav li:first-of-type,
.group .p_nav li:nth-child(2){
	width: 100%;
}*/
.group .l_nav li{width:48%;border-radius:5px;}
.group #kou_nav li{border:2px solid #08632d;}
.group #con_nav li{border:2px solid #df330d;}
.group .p_nav li a,
.group .p_nav li span,
.group .l_nav li a,
.group .l_nav li span{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 11px 15px;
	background: #fffc00;
/*	background: -moz-linear-gradient(top,  #fffc00 50%, #ffd100 50%); 
	background: -webkit-linear-gradient(top,  #fffc00 50%,#ffd100 50%); */
	background: linear-gradient(to bottom,  #fffc00 50%,#ffd100 50%); 
	border:1px solid #d9b500;
  position:relative;
  border-radius:5px 5px;
}
.group .p_nav li a.btn_blue,
.group .l_nav li a.btn_blue{
  background:linear-gradient(to bottom, #d9f5ff 50%, #8cd6ff 50%);
  border-color:#6cbbe0;
}

.group .p_nav li span{
	background:#d7d7d7;
	color:#838383;
	border-color:#e3e3e3;
}
.group .l_nav li a,
.group .l_nav li span{
	font-size:15px;
  line-height:1.2;
  min-height:44px;
	border:none;
	border-radius:3px;
	padding:3px 15px;
	background: #fff;
}
.group .l_nav li.download a,
.group .l_nav li.download span{
  padding:3px 0;
}
.group .l_nav li.download a strong,
.group .l_nav li.download span strong{
  display:inline-block;
  padding-left:30px;
  background:url(/images/ticket/group/plan/ico_download.gif) no-repeat left center;
  background-size:25px auto;
}
.group .p_nav li a::after,
.group .l_nav li:not(.download) a::after{
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width:6px 4px 0 4px;
  border-color: #000 transparent transparent transparent;
  position:absolute;
  margin:auto;
  top:0;
  bottom:0;
  right:5px;
}
.group #kou_nav a,
.group #kou_nav span{color:#036c41;}
.group #con_nav a,
.group #con_nav span{color:#df330d;}
.group #kou_nav a::after{
   border-top-color: #036c40;
}
.group #con_nav a::after{
   border-top-color: #df330d;
}

.group .l_nav li.blank_bt{position:relative;}
.group .l_nav li.blank_bt:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
	border-radius: 3px;
}
.group .nav3{
	text-align: center;
	margin-top: 10px;
}
/*=====画像対応用=====
.group .nav3 li{
	list-style: none;
	width: 48%;
	display: inline-block;
	padding: 5px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
=====================*/
.group .p_nav li img,
.group .nav3 li img{
	width: 100%;
	height: auto;
}
.group .nav3 h5{
	font-size: 16px;
	font-weight: bold;
	color: #006835;
	padding:10px 5px;
  text-align:center;
  background:#cce1d7;
}
.group .nav3 h5.conf{
  color:#df330d;
  background:#f9d6cf;
}
/*.group .nav3 h5:before,
.group .nav3 h5:after{
  content: "";
  height: 2px;
  flex-grow: 1;
  background-color:#006835;
}
.group .nav3 h5:before{margin-right: 0.5rem;}
.group .nav3 h5:after{margin-left: 0.5rem;}
.group .nav3 h5.conf{
	color:#df330d;
}
.group .nav3 h5.conf:before,
.group .nav3 h5.conf:after{
  background:#df330d;
}*/
.group .indent,
.group ul.cautionlist,
.group #contents table .indent{
  margin-top:4px;
  font-weight:normal;
}
.group ul.cautionlist li{
  list-style: none;
  font-size: 12px;
  line-height: 1.4;
}
.group .unit{
	margin-top:20px;
}
.group h5.stl_y{
	background: #ffe100;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 5px;
  border-bottom:solid 3px #000;
}
.group h5.stl_g{
	background: #aacd23;
	color: #006835;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 5px;
  border-bottom:solid 3px #006835;
}
.group h5.stl_r{
	background: #d0111a;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
  border-bottom:solid 3px #000;
}
.group h6.s_tit{
	color: #fff;
	font-weight: bold;
  padding:8px;
	font-size: 16px;
	margin-bottom: 10px;
}
.group h6.s_tit.gray{
  background:#606060;
}
.group h6.s_tit.green{
  background:#006835;
}
.group h6.s_tit.sub{
  font-size:14px;
  margin-bottom:8px;
}
.group .inner_cont{
  padding:0 2% 10px;
  margin-top:15px;
}
.group .inner_cont.irr{
  padding-bottom:0;
  margin-top:10px;
}
.group .inner_cont.koshien{
  background:#e6f4eb;
  padding-top:10px;
}
.group .inner_cont.kyocera{
  background:#e5eef7;
  padding-top:10px;
}
.group .info_link{
	display:block;
  margin:15px auto 0;
  max-width:400px;
  text-align:center;
  line-height:1.3;
  color:#fff;
  font-size:15px;
  font-weight:bold;
  border-radius:8px 8px;
  padding:12px 25px 12px 8px;
  background:#333 url("/images/ticket/group/plan/2023/ico_info_bt.gif") no-repeat right 7px center;
  background-size:16px auto;
  text-decoration:none;
  box-sizing:border-box;
}
.group .info_link.ko{
  background-color:#006835;
  background-image:url("/images/ticket/group/plan/2023/ico_info_kobt.gif");
}
.group .info_link.ky{
  background-color:#0057ad;
  background-image:url("/images/ticket/group/plan/2023/ico_info_kybt.gif");
}
.group .info_link.lawsonbt{
  background-color:#0074BF;
  background-image:url("/images/ticket/group/plan/ico_info_lawsonbt.gif");
}
.group span.info_link.ko,
.group span.info_link.ky,
.group span.info_link.lawsonbt{
  padding:12px;
  background:#ccc;
  color:#999;
}
.group .info_link small{
  font-weight:normal;
  font-size:12px;
}
.group .benefits dt{
  display:table;
  width:100%;
  box-sizing:border-box;
  padding-bottom:3px;
  border-bottom: solid 1px #006835;
}
.group .benefits .other dt{
  border-bottom:none;
}
.group .benefits dl{
  margin-top:15px;
}
.group .benefits dt span{
  display:table-cell;
  font-size:14px;
  font-weight:bold;
  vertical-align:middle;
}
.group .benefits dt span:first-child{
  background:#aacd23;
  color:#006835;
  font-size:13px;
  padding:5px 0;
  width:60px;
  text-align:center;
}
.group .benefits dt span + span{
  padding:5px;
}
.group .benefits dd{
  padding-top:10px;
  font-size:13px;
}
.group .benefits dd li{
  padding-bottom:5px;
}
.group .koshien h6{
  color:#006835;
	padding-bottom:3px;
	border-bottom: 2px solid #006835;
}
.group .kyocera h6{
  color:#0057ad;
  padding-bottom:3px;
	border-bottom: 2px solid #0057ad;
}
.group p.tokuten{
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
.group dl.point{
  font-size:12px;
  padding:5px 2%;
}
.group dl.point dfn{
  font-style:normal;
  display:inline-block;
  background:#e60012;
  color:#fff;
  font-size:10px;
  font-weight:bold;
  padding:3px 8px;
}
.group dl.point dd + dt{
  padding-top:5px;
}
.group dl.point dd{
  color:#e60012;
  padding-top:5px;
}
.group dl.detail{margin-top:10px;}
.group dl.detail dt{
	background: #000;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	margin: 0 0 5px 0;
}
.group .koshien dl.detail dt{
  background:#006835;
}
.group .kyocera dl.detail dt{
  background:#0057ad;
}
.group dl.detail dd,
.group dl.detail dd{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
.group dl.detail dd .normal{
  font-weight:normal;
  font-size:13px;
}
.group .inner_g dl dd.l-code{
	color: #e60012;
	font-weight: bold;
	font-size: 18px;
}
.group .inner_g dl dd.l-code span{
	background: #e60012;
	color: #FFF;
	font-size: 14px;
	padding: 0 5px;
}
.group .inner_g dl dd span.no{
	background: #000;
	color: #FFF;
	padding: 0 5px;
	margin-right: 5px;
}
.group .inner_g dl dd.period{
	color: #0d6fb8;
	font-weight: bold;
}
.group #goods_plan dl,
.group #syugakuryokou dl{
	margin-top: 15px;
}
.group table{
	width: 100%;
	margin-top: 10px;
  background:#fff;
}
.group #contents table ul li{padding:0;}
.group table.koshien_left_outfield,
.group table.kyocera_free{
	margin-bottom: 10px;
}
.group table th,
.group table td{
	border: 1px solid #ccc;
	padding: 5px;
	font-weight: normal;
	font-size: 13px;
	vertical-align: middle;
	line-height: 1.4;
}
.group table.koshien_1st thead th{
	background: #FFE225;
}
.group table.koshien_3rd thead th{
	background: #F6AE5F;
}
.group table.koshien_left_outfield thead th{
  background:#92d050;
}
.group table.kyocera_3rd thead th{
	background: #8EC555;
}
.group table.kyocera_reserved thead th{
	background: #fff100;
}
.group table.kyocera_free thead th{
	background: #58bdec;
}
.group table .list_p td,
.group table .list_p th{
  background:#f0f0f0;
  /*color:#999;*/
}
.group .koshien table .list_p th:first-of-type{
  background:#fff;
  color:#000;
}
.group #syugakuryokou table .list_p td,
.group #syugakuryokou table .list_p th{
  color:#999;
}
/*.group #group_plan tbody th,
.group #syugakuryokou tbody th{
	background: #e5e5e5;
}*/
.group #goods_plan tbody td{
	text-align: center;
}
.group table .price{
	text-align: center;
}
.group table .special_price{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #e60012;
}
.group table td span.off{
	color: #e60012;
	font-weight: bold;
	background: #FFE225;
	font-size: 10px;
}

.group .icon{
  padding:5px 2% 0;
  font-size:0;
}
.group .icon li{
	display: inline-block;
	padding: 4px 10px;
	border-radius: 5px;
	background: #e60012;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
  margin-right:5px;
}
.group .icon li:last-of-type{
  margin-right:0;
}
.group .icon li.green{
  background-color:#006835;
}
.group p.description{
	font-size: 14px;
	line-height: 1.4;
}
.group #goods_plan p{
	padding-top: 10px;
}
.group #goods_plan table{
	margin: 10px 0;
}
.group #goods_plan table thead th{
	background: #e5e5e5;
}
.group #goods_plan table tbody th{
	background: #FAF4C9;
	white-space: nowrap;
}

/*=======GAME=======*/
.group #game .place_category{
  font-size:12px;
  margin:5px 0 10px;
  padding:8px 5px;
  border-top:solid 1px #000;
  border-bottom:solid 1px #000;
}
.group #game .place_category li + li{
  margin-top:5px;
}
.group #game .place_category li span{
  display:inline-block;
  width:50px;
  height:13px;
  border:solid 1px #000;
  background:#d7e7ae;
  vertical-align:middle;
  margin-right:3px;
}
.group #game .place_category li.kyo span{
  background:#badcf4;
}
.group #game .place_category li.cat span{
  width:auto;
  height:auto;
  padding:3px 6px;
  color:#fff;
  font-weight:bold;
  border:none;
  background:#e60012;
  font-size:10px;
}
.group #game .cal_wrap{
  padding:0 3%;
  max-width:400px;
  margin:auto;
}
.group #game .sc_cal img {
    width: 100%;
    height: auto;
}
.group #game .sc_cal {
  padding-bottom:35px;
  opacity: 0;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}
.group #game .slick-initialized {
    opacity: 1;
}
.group #game .sc_cal .slick-arrow {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: absolute;
  bottom: 0;
  text-indent: -9999em;
  width: 35px;
  height: 30px;
  border-radius: 5px;
  background: #000;
  transition: opacity .3s;
  line-height: 1;
}
.group #game .sc_cal .slick-arrow.slick-disabled {
  opacity: 0;
  transition: opacity .3s;
}
.group #game .sc_cal .slick-prev {
  left: 0;
}
.group #game .sc_cal .slick-next {
  right:0;
}
.group #game .sc_cal .slick-arrow::before,
.group #game .sc_cal .slick-arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.group #game .sc_cal .slick-prev::after,
.group #game .sc_cal .slick-prev::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.group #game .sc_cal .slick-prev::after {
  left: 20px;
}

.group #game .sc_cal .slick-prev::before {
  left: 8px;
}

.group #game .sc_cal .slick-next::after,
.group #game .sc_cal .slick-next::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.group #game .sc_cal .slick-next::after {
  right: 20px;
}

.group #game .sc_cal .slick-next::before {
  right: 8px;
}

/*=======HOWTO=======*/
.group #howto h6.s_tit{
  background:#f9579b;
}
.group #howto .general_sale h6.s_tit{
  background:#2fa9e6;
}
.group #howto .lottery_sale h6.s_tit{
  background:#0f9230;
}
.group #howto .lottery_sale,
.group #howto .general_sale{
  margin-top:15px;
}
.group #howto table,
.group #howto tbody,
.group #howto tr,
.group #howto th,
.group #howto td{
  display:block;
}
.group #howto th,
.group #howto td{
  padding:8px;
}
.group #howto thead th{
	font-weight: bold;
	font-size: 14px;
	background: #e5e5e5;
}
.group #howto p.description{
	font-size: 14px;
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1em;
}
.group #howto tbody th{
	background: #f0f0f0;
}
.group #howto tbody td.period{
	color: #0d6fb8;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 5px;
}
.group #howto  table + ul{
	margin-top: 10px;
}
.group #howto .flow{
	margin-top: 20px;
  padding:10px;
  border:solid 2px #ffe100;
  background:#fffce5;
}
.group #howto .flow .step{
  padding-bottom:20px;
  position:relative;
}
.group #howto .flow .step:last-of-type{
  padding-bottom:0;
}
.group #howto .flow .step::after{
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width:10px 18px 0 18px;
  border-color:#ffe100 transparent transparent transparent;
  position:absolute;
  margin:auto;
  bottom:6px;
  right:0;
  left:0;
}
.group #howto .flow .step.re::after{
  border-color:#000 transparent transparent transparent;
}
.group #howto .flow .step:last-of-type::after{
  content:none;
}
.group #howto .flow .stl_step{
	font-size:16px;
	font-weight:bold;
  padding-top:5px;
}
.group #howto .flow .stl_step span{
  display: inline-block;
  padding: 4px 6px;
  background: #ffe100;
  font-size: 14px;
  margin-right:2px;
}
.group #howto .flow .step.re .stl_step span{
  background:#000;
  color:#ffe100;
}
.group #howto .flow .ticket_link{
  text-align:center;
}
.group #howto .flow .ticket_link img{
  width:80%;
  max-width:300px;
}
.group #howto .flow .stl_step img{
	height: 22px;
	width: auto;
}
.group #howto .flow dd{
  padding-top:10px;
}

.group #howto .notes{
  margin-top:20px;
}
.group #howto .notes h6.s_tit{
  background:#606060;
}

/*=======rekishikan_lunchbox=======*/
.group #rekisikan p.description,
.group #lunchbox p.description{
	padding: 10px 0;
}
.group #rekisikan ul.indent{
	margin-top: 10px;
}
.group #rekisikan .img img{
  width:80%;
  max-width:400px;
}
.group #rekisikan .info,
.group #lunchbox .info{
  margin-top:15px;
}
.group #lunchbox .lunch_box{
  display:flex;
  justify-content:space-between;
  max-width:400px;
  margin:10px auto 0;
}
.group #lunchbox .lunch_box li{
  width:49%;
  text-align:center;
}
.group #lunchbox .lunch_box li strong{
  display:block;
  font-size:13px;
  padding-top:5px;
}

/*=======parking=======*/
.group #parking .apply_tit{
	font-size:14px;
  margin-top:15px;
  font-weight:bold;
}
.group #parking .price,
.group #parking .how_to_apply,
.group #parking .notes_list{
	margin-top:15px;
}
.group #parking .how_to_apply table,
.group #parking .how_to_apply tbody,
.group #parking .how_to_apply tr,
.group #parking .how_to_apply th,
.group #parking .how_to_apply td{
	display:block;
  width:100%;
}
.group #parking .how_to_apply th,
.group #parking .how_to_apply td{
  box-sizing:border-box;
  padding:8px 5px;
}
.group #parking .how_to_apply th{
  background:#f0f0f0;
}

/*=======refund=======*/
.group #refund .refund_tit{
	color: #e60012;
	padding-bottom: 5px;
	font-size: 16px;
  font-weight:bold;
	border-bottom:solid 2px #e60012;
  margin:15px 0 10px;
}
.group #refund .count_list li{
  counter-increment : num 1;
  font-size:13px;
  line-height:1.4;
  margin-bottom:5px;
  text-indent:-1.6em;
  padding-left:1.6em;
}
.group #refund .count_list li::before{
  content: "(" counter(num) ")";
}
.group #refund dl{
	margin-bottom: 10px;
	line-height: 1.4;
}
.group #refund .underline{
	text-decoration: underline #d0111a;
}

/*=======guideline=======*/
.group .box_border_red p.em{
  line-height:1.4;
  font-weight:bold;
}
.group .section.box_guideline{
  background:#fffce5;
  border:solid 2px #ffe100;
  border-top:none;
}
#ticket.group .section.box_guideline h4.st{
  background:#ffe100 !important;
  color:#000;
  text-align:center;
}
.group .section.box_guideline p{
  color:#000;
}
.group .section.box_guideline div.link_block a{
  padding:10px 23px 10px 8px;
}
.group .section.box_guideline div.link_block a.ko{
  color:#006835;
  border-color:#006835;
}
.group .section.box_guideline div.link_block a.ky{
  color:#0057ad;
  border-color:#0057ad;
}
.group .section.box_guideline div.link_block a::before{
  position: absolute;
  top: 0;
  bottom: 0;
  right:3px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #006835;
}
.group .section.box_guideline div.link_block a.ky::before{
  background:#0057ad;
}
.group .section.box_guideline div.link_block a::after{
  width:4px;
  height:4px;
  right:10px;
  border-color:#ffe100;
  border-top-width:2px;
  border-right-width:2px;
}

/*==finish==*/
.group .finish_cont{
	padding:10px 5px;
	margin:10px 2%;
	border:3px solid #e14842;
}
.group .finish_cont p{
	font-size:14px;
	line-height:1.3em;
	font-weight:bold;
	color:#e14842;
}
/*fixed_bnr===*/
.group .fl_bt{
  display: block;
  position: fixed;
  bottom:5px;
  right:0;
  width: 45%;
  max-width: 360px;
  padding: 18px 5px;
  margin: auto;
  background: #ffe100;
  border:solid 2px #d9b500;
  border-right:none;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  border-radius:10px 0 0 10px;
  z-index:3;
}