@charset "UTF-8";
/*======================================
背景の設定
======================================*/
.bg_top, .bg_sub {
  background: none;
  background: url("/asset/images/main/main_bg_pc.jpg") no-repeat center top;
  background-size: 1920px;
}

/* 1920px以上の場合にレスポンシブ */
@media screen and (min-width: 1920px) {
  .bg_sub {
    background-size: 100%;
  }
}

/*======================================
top
======================================*/
.ttl + .lead_header,
.ttl + .lead,
.header_lead {
  margin: 10px 0 20px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 800;
  text-align: center;
  text-shadow: 1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333,1px 1px 3px #333;
}

.map_area a:hover {
  background: #003470;
}

.md_map {
  margin: 70px auto 30px;
}

.jpmap_canvas .jpmap_img img {
  width: 100%;
  padding: 0;
}

.jpmap_canvas .jpmap_img img {
  width: 90%;
  padding: 20px 0 30px;
}

.hokkaido {
  top: 110px;
}

.kyusyu.map_area {
  top: 540px;
}

.kyusyu {
  left: 0;
}

/*======================================
h1 icon
======================================*/
.hl .ic::before {
  background: url("/asset/images/main/hl_ico_pc.png") no-repeat center;
  background-size: 54px;
}

/*====================================
color setting
=====================================*/
.pickup .pickup_hl {
  color: #c78221;
}

.s_hl {
  color: #c78221;
}

.iat_s .lists {
  border-color: #004ca3;
  background-color: #fffbef;
}

/*====================================
detail
=====================================*/
.s_detail .area {
  margin: 0 0 0 0px;
  padding: 5px 10px;
}

/*====================================
ranking
=====================================*/
.ic_ranking {
  background: url("/asset/images/main/ranking_hl.jpg") no-repeat left 10px;
  background-size: 105px;
}

.ranking_list .lists.no_1 a {
  display: block;
  width: 100%;
}

/*====================================
calendar
=====================================*/
.ic_calendar {
  background: url("/asset/images/main/calendar_hl.png") no-repeat left 10px;
  background-size: 50px;
}

.ic_calendar .area {
  border-color: #003470;
  color: #c78221;
}

.calendar_main .today .day::after,
.date_select .prev:hover,
.date_select .next:hover,
.weekend_select a:hover,
.calendar_main .tab .tabs.active,
.calendar_main .tab .tabs:hover,
.calendar_main td > a:hover,
.has-line_hl .has-lines:before,
.has-line_hl .has-lines:after {
  background: #003470;
}

.weekend_select a:hover {
  border-color: #003470;
}

.date_select {
  border-color: #003470;
}

.date_select a,
.has-line_hl {
  color: #c78221;
}

/* ico_theme */
.ico_theme1 {
  color: #003470;
}

.ico_theme2 {
  color: #ffaf00;
}

.ico_theme3 {
  color: #ff1054;
}

.ico_theme4 {
  color: #3b6e11;
}

.custom-option:hover,
.custom-option.selection {
  background-color: #c78221;
}

.calendar_main .icon_list {
  margin-top: 16px;
  font-size: 22px;
}

.calendar_main td
.ico_beer:hover {
  position: relative;
}

.calendar_main td
.ico_beer:hover::after {
  z-index: 10;
  position: absolute;
  top: -35px;
  left: -8px;
  width: 80px;
  padding: 4px;
  border-radius: 10px;
  background: #002857;
  color: #fff;
  font-size: 12px;
  text-align: center;
  content: '金麦特等席対象大会';
}

.calendar_main td
.ico_stars:hover {
  position: relative;
}

.calendar_main td
.ico_stars:hover::after {
  z-index: 10;
  position: absolute;
  top: -35px;
  left: -39px;
  width: 80px;
  padding: 4px;
  border-radius: 10px;
  background: #002857;
  color: #fff;
  font-size: 12px;
  text-align: center;
  content: '主要花火大会';
}

.calendar_main td a:hover .icon_list i {
  color: #fff;
}

.calendar_main td a[href=""] .lists {
  color: #ccc;
}

/*====================================
テーマカラーの設定
=====================================*/
.theme:not(:root), footer a:not(:root) {
  color: #003470;
}

.ic_topics {
  background: url("/asset/images/main/topics_hl.png") no-repeat left 5px;
  background-size: 62px;
}

.ic_map {
  background: url("/asset/images/main/map_hl.png") no-repeat left 5px;
  background-size: 62px;
}

.ic_calendar {
  background: url("/asset/images/main/calendar_hl.jpg") no-repeat left 5px;
  background-size: 62px;
}

.ic_rec {
  background: url("/asset/images/main/rec_hl.png") no-repeat left 5px;
  background-size: 62px;
}

/*====================================
ナビゲーションの背景
=====================================*/
.gnavi {
  background: #003470;
}

/*====================================
new マーク（label）
=====================================*/
.label {
  background: #d9261d;
}

/*====================================
パンくずリスト（breadcramb）
=====================================*/
.breadcrumb a {
  color: #c78221;
}

.breadcrumb li:last-child a {
  color: #000;
  cursor: default;
}

.breadcrumb li:last-child a:hover {
  opacity: 1;
}

/*====================================
テーブル系（table）
=====================================*/
.table td .bold, .s_detail .s_hl {
  color: #c78221;
}

.table td a:hover, .table_list a:hover {
  background: #003470;
  color: #FFF;
}

.table td a:hover .bold {
  color: #FFF;
  font-weight: normal;
}

/*====================================
ranking_list（ランキング）
=====================================*/
.visitor::before,
.want::before,
.like::before,
.status_list .icon-ico06::before {
  color: #c78221;
}

.ranking_list .tag_list .lists a:hover {
  border-color: #003470;
  background: #003470;
}

/*====================================
anchor_list（アンカーリンクのhover）
=====================================*/
.anchor_list > .lists a:hover {
  color: #c78221;
}

/*====================================
area_navi（ページ上部のエリア選択）
=====================================*/
.navi .area_navi {
  width: 950px;
}

.navi .area_navi .lists a:hover {
  color: #c78221;
}

/*====================================
activeの場合
=====================================*/
.table_list .lists.active a,
.table .active a {
  background: #003470;
}

/*====================================
tags hover
=====================================*/
.tags:hover {
  border-color: #003470;
  background: #003470;
  color: #FFF;
}

/*====================================
絞り込み結果
=====================================*/
.hit span {
  color: #c78221;
}

/*====================================
ボタン系（btn）
=====================================*/
.btn a {
  border-color: #003470;
  background: #003470;
  color: #FFF;
}

.btn a:hover {
  background: #fff;
  color: #c78221;
}

.btn_list .lists .btn a .bold {
  color: #c78221;
}

.btn_list.simple .lists .btn a {
  background: #003470;
  color: #fff;
}

.area_list .btn a {
  background: #003470;
  color: #fff;
}

.area_list .btn a:hover,
.md .btn a:hover {
  background: #FFF;
  color: #c78221;
}

.btn_list .lists .btn a:hover {
  background: #003470;
}

.btn_list.simple .lists .btn a:hover {
  background: #fff;
  color: #c78221;
}

.btn_list.is-main_color .lists .btn a {
  background: #003470;
  color: #fff;
}

.btn_list.is-main_color .lists .btn a::after {
  top: 30px;
}

.btn_list.is-main_color .lists .btn a:hover {
  background: #fff;
  color: #333;
}

.btn_list.is-main_color .lists .btn a:hover .bold {
  color: #c78221;
}

.btn_list.is-main_color .lists .btn a .bold {
  display: block;
  color: #FFF;
  font-size: 18px;
}

/*====================================
ページネーション（pager）
=====================================*/
.pager .lists {
  border-color: #003470;
}

.pager .lists a {
  color: #c78221;
}

.pager .lists a:hover {
  background: #003470;
  color: #FFF;
}

.pager .lists.current a {
  background: #003470;
}

.pager .lists.current a::after {
  border-color: transparent transparent #003470 transparent;
}

/*====================================
その他のモジュール（その他のパーツ）
=====================================*/
.sub .hl_sub, .hl_sub.is-belt {
  background: #003470 url("/asset/images/main/hl_bg_pc.jpg") no-repeat right top;
  background-size: contain;
}

.sub .hl_sub2 {
  color: #c78221;
}

.sub .hl_sub2 .has-lines::before, .sub .hl_sub2 .has-lines::after {
  background-color: #c78221;
}

.visitor::before,
.detail span {
  color: #c78221;
}

.s_table .map_btn {
  background: #003470;
}

.hl.ic::before {
  display: inline-block;
  width: 52px;
  height: 51px;
  margin-top: -6px;
  margin-right: 10px;
  background: url("../../asset/images/main/hl_ico_pc.png") no-repeat center;
  background-size: 52px;
  vertical-align: middle;
  content: '';
}

/*====================================
mailmagazine
=====================================*/
.note2 {
  border: solid 2px #d72927;
  color: #d72927;
}

.note2 a {
  color: #d72927;
  text-decoration: underline;
}

/*====================================
status on off 
=====================================*/
.s_detail .s_name .name {
  width: 580px;
}

.ranking_list .txtarea {
  display: table;
  width: auto;
  padding-right: 50px;
  table-layout: fixed;
}

.ranking_list .txtarea.s0::after,
.ranking_list .txtarea.s1::after,
.ranking_list .txtarea.s2::after,
.ranking_list .txtarea.s3::after,
.ranking_list .txtarea.s4::after,
.ranking_list .txtarea.s5::after,
.ranking_list .txtarea.s6::after,
.ranking_list .txtarea.s7::after,
.ranking_list .txtarea.s8::after,
.ranking_list .txtarea.s9::after,
.ranking_list .txtarea.s10::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  content: '';
}

.pref_list > .lists .thumb::after {
  border-right: 4em solid #003470;
}

.pref_list > .lists .thumb::before {
  background-color: #c78221;
}

.s_name .status {
  border-radius: 4px;
}

.s_name .status.s0 {
  background: url("/asset/images/main/desc_pc.png") no-repeat 0 0;
  background-size: 450px;
}

.s_name .status.s1 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -50px 0;
  background-size: 450px;
}

.s_name .status.s2 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -100px 0;
  background-size: 450px;
}

.s_name .status.s3 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -150px 0;
  background-size: 450px;
}

.s_name .status.s4 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -200px 0;
  background-size: 450px;
}

.s_name .status.s5 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -250px 0;
  background-size: 450px;
}

.s_name .status.s6 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -100px 0;
  background-size: 450px;
}

.s_name .status.s7 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -300px 0;
  background-size: 450px;
}

.s_name .status.s8 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -150px 0;
  background-size: 450px;
}

.s_name .status.s9 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -350px 0;
  background-size: 450px;
}

.s_name .status.s10 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -400px 0;
  background-size: 450px;
}

.other .s_name .status {
  border-radius: 4px;
}

.other .s_name .status.s0 {
  background: url("/asset/images/main/desc_pc.png") no-repeat 0 0;
  background-size: 268px;
}

.other .s_name .status.s1 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -30px 0;
  background-size: 268px;
}

.other .s_name .status.s2 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -59px 0;
  background-size: 268px;
}

.other .s_name .status.s3 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -89px 0;
  background-size: 268px;
}

.other .s_name .status.s4 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -119px 0;
  background-size: 268px;
}

.other .s_name .status.s5 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -149px 0;
  background-size: 268px;
}

.other .s_name .status.s6 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -59px 0;
  background-size: 268px;
}

.other .s_name .status.s7 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -179px 0;
  background-size: 268px;
}

.other .s_name .status.s8 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -89px 0;
  background-size: 268px;
}

.other .s_name .status.s9 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -209px 0;
  background-size: 268px;
}

.other .s_name .status.s10 {
  background: url("/asset/images/main/desc_pc.png") no-repeat -239px 0;
  background-size: 268px;
}

.ranking_list .txtarea.s0::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat 0 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s1::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -40px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s2::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -80px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s3::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -120px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s4::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -160px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s5::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -200px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s6::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -80px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s7::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -240px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s8::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -120px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s9::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -280px 0;
  background-size: 360px;
  table-layout: fixed;
}

.ranking_list .txtarea.s10::after {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url("/asset/images/main/desc_pc.png") no-repeat -320px 0;
  background-size: 360px;
  table-layout: fixed;
}

.lists .area {
  padding: 0;
}

.category_list .lists .area {
  padding: 0;
}

/*==============================================
//
// common用　ナビゲーション
//
================================================*/
.navi {
  width: 1000px;
  margin: 0 auto;
  padding: 25px 0 25px;
  border-radius: 8px 8px 0 0;
  background: #FFF;
  letter-spacing: -.4em;
}

.navi .inner {
  padding: 25px 0 0;
}

.navi .menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 1.2rem;
  vertical-align: bottom;
}

.navi .area_navi {
  /* width: 670px; */
  padding: 0 10px;
}

.navi .area_navi .lists {
  border-right: solid 1px #003470;
}

.navi .area_navi .lists a:hover {
  color: #CCC;
  opacity: 1;
}

.navi .area_navi .lists:first-child {
  border-left: solid 1px #003470;
}

.navi .list-inline {
  margin-left: 0;
}

.navi .list-inline > li {
  padding: 0;
  letter-spacing: normal;
}

.navi .menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 1.2rem;
  vertical-align: bottom;
}

.gnavi {
  height: 60px;
}

.gnavi {
  overflow: visible;
}

.gnavi .inline_list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.gnavi .lists {
  width: 25%;
  width: calc(100% / 4);
}

.gnavi .lists:last-child {
  width: 25%;
}

.gnavi .lists.is-large {
  width: 30%;
}

.gnavi .lists.is-recommend {
  background: #d38100;
}

.gnavi .lists.is-wide {
  width: 260px;
}

/*==============================================
//
// common 2column モジュール
//
================================================*/
.md,
.inner,
.hl_sub {
  clear: both;
}

.area_set {
  width: 300px;
  margin-right: 17px;
  float: left;
}

.area_set .lists {
  list-style-type: none;
}

.area_set .lists img {
  margin-top: 10px;
}

.c_lists {
  position: relative;
  list-style-type: none;
}

.c_lists img {
  margin-top: 10px;
}

.c_lists .lead {
  position: absolute;
  top: 47px;
  width: 308px;
  height: 30px;
}

.c_lists .lead span {
  z-index: 2;
  color: #ffffff;
  font-size: 2.0rem;
  font-weight: bold;
  text-shadow: 0px 0px 15px #000000;
}

.table_list .lists.disable a {
  opacity: .4;
  pointer-events: none;
}

.area_set .table_list.column .lists {
  width: 33.3%;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  text-align: center;
}

.area_set .table_list.column.t_left .lists {
  text-align: left;
}

.area_set .table_list.column .lists:nth-child(-n+3) {
  border-top: solid 1px #ddd;
}

.area_set .table_list.column .lists:nth-child(3n+1) {
  border-left: solid 1px #ddd;
}

.ic_photo .hl.is-pt {
  padding-top: 10px;
}

/*====================================
categry icon disable
=====================================*/
.category_list .lists.disable {
  position: relative;
}

.category_list .lists.disable:after {
  position: absolute;
  top: 25%;
  left: 80px;
  width: 70px;
  padding: 31px 26px;
  border-radius: 100%;
  background: #666;
  color: #fff;
  font-size: 20px;
  text-align: center;
  content: 'coming soon';
}

.category_list .lists.disable .cate_hl {
  border-color: #666;
  color: #999;
}

.category_list .lists.disable .area a {
  color: #999;
  pointer-events: none;
}

.category_list .lists.disable .area a::before {
  color: #999;
}

.category_list .disable.pickup {
  background: #999;
}

.category_list .lists.disable.pickup .cate_hl {
  color: #999;
}

.table.column_1 td a.disable, .table.column_2 td a.disable {
  color: #999;
  pointer-events: none;
}

.table td .disable .bold, .s_detail .disable .s_hl {
  color: #999;
}

.cate_hl.long_txt {
  padding: 12px 0 16px 60px;
}

.map_area .area {
  padding: 0 0px 0 10px;
}

.news_detail2 .inner .txt a {
  color: #c78221;
  font-weight: bold;
  text-decoration: underline;
}

.area.pull_left .linktext {
  text-decoration: underline;
}

.area.pull_left .linktext::before {
  margin-right: 0;
  content: '';
}

.s_name .name {
  white-space: normal;
}

.s_detail .s_name .name .name_sub {
  font-size: 3rem;
  white-space: normal;
}

.video_warp {
  margin: 32px auto;
}

#socialbutton {
  padding-bottom: 24px;
}

#socialbutton > div {
  margin-left: 8px;
  float: left;
}

#socialbutton > div:first-child {
  margin-left: 0;
  float: left;
}

.tags.no-tags::before {
  content: '';
}

.genre_list1 {
  margin-bottom: 6px;
}

.genre_list1 .lists {
  width: 48%;
  text-align: center;
}

.genre_list1 .lists a {
  width: 90%;
  padding: 8px 10px;
}

.genre_list1 > .lists {
  margin: 0 12px 5px 0;
}

.lists .tags.no-tags.spot-tag, .lists .tags.no-tags.event-tag {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}

/*====================================
 today tomorrow weekend
=====================================*/
@-webkit-keyframes pop {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pop {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.btn_list.simple.is-btn_day .lists {
  line-height: 21px;
  vertical-align: top;
}

.btn_list.simple.is-btn_day .lists .btn a {
  height: 56px;
  border-width: 2px 2px;
  border-style: solid;
  border-radius: 100px;
  border-color: #ff7bac;
  background: #ffffff;
  color: #f72b6d;
}

.btn_list.simple.is-btn_day .lists .btn a .day {
  display: inline-block;
  z-index: 1;
  width: auto;
  height: auto;
  font-size: 20px;
  line-height: 1;
  text-align: left;
}

.btn_list.simple.is-btn_day .lists .btn a i,
.btn_list.simple.is-btn_day .lists .btn a .js_date {
  display: none;
}

.btn_list.simple.is-btn_day .lists .btn a:hover {
  -webkit-animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: pop;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  visibility: visible !important;
  color: #ff7bac;
  animation-name: pop;
  animation-duration: 0.3s;
  animation-fill-mode: both;
          animation-timing-function: linear;
          animation-iteration-count: 1;
}

.btn_list.simple.is-btn_day .lists:nth-last-child(n+3),
.btn_list.simple .lists:nth-last-child(n+3) ~ .lists {
  width: 30%;
}

.btn_list.simple.is-btn_day .lists:nth-child(odd) {
  margin-right: 0;
}

.btn_list.simple.is-btn_day .lists:nth-child(even) {
  margin: 0 16px;
}

.dayselect, .dayselect.btn_list.simple.is-btn_day .lists {
  margin-bottom: 0;
}

.ranking_list .txtarea .name_sub {
  font-size: 1.8rem;
}

.ranking_list .txtarea .area {
  margin-top: 10px;
  padding: 0;
}

.ranking_list .no_0 .name_main span.ranknum {
  color: #c78221;
}

.rank_box .rank_btn a {
  background: #003470;
  color: #fff;
}

.rank_box .rank_btn a::before {
  color: #fff;
}

.rank_box .rank_btn a:hover {
  background: #004ca3;
}

.thumb.active .ribbon::after {
  content: "見頃";
}

.tag_list > .lists.active a {
  background: #003470;
}

.excursion_list {
  border-color: #003470;
}

.excursion_link::before {
  color: #333;
}

.excursion_title {
  color: #333;
}

.nolist_area {
  padding-top: 40px;
  clear: both;
}

.desc_list {
  font-size: 0;
}

.desc_list::after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  content: ".";
}

.desc_list_item {
  display: inline-block;
  width: 307px;
  margin-bottom: 16px;
  float: left;
  border-radius: 6px;
  vertical-align: top;
}

.desc_list_item:nth-child(odd) {
  margin-right: 16px;
  clear: left;
}

.desc_list_icon {
  width: 50px;
  height: 50px;
  margin-right: 8px;
  float: left;
  border-radius: 2px;
}

.desc_list_icon img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.desc_list_txt {
  font-size: 13px;
  line-height: 20px;
}

.s_table td .btn-ticket {
  display: inline-block;
  margin: 8px 8px 8px 0;
  padding: 6px;
  border: 1px solid #999;
  border-radius: 4px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.s_table td .btn-ticket:nth-child(even) {
  margin: 8px 0 8px;
}

#detail.sub {
  margin-bottom: 0;
}

.topbar.is-shortheader {
  height: 68px;
  margin: auto auto auto;
  background: #003470;
}

.topbar.is-shortheader > .inner {
  position: relative;
  padding: 8px 16px 8px;
}

.topbar.is-shortheader > .inner .socialwidget a {
  color: #fff;
}

.topbar.is-shortheader > .inner .logo a {
  vertical-align: middle;
}

.topbar.is-shortheader > .inner .logo img {
  vertical-align: middle;
}

.topbar.is-shortheader > .inner .add_sponsor {
  display: inline-block;
  width: 100px;
}

.topbar.is-shortheader > .inner .add_sponsor img {
  width: 100%;
  height: auto;
}

.ex-area_navi {
  font-weight: normal;
}

.ex-area_navi.is-bold {
  font-weight: bold;
}

.calendar_main td > a .day {
  text-decoration: none;
}

.calendar_main .day {
  font-size: 1.6rem;
  text-align: left;
}

.calendar_main td > a .day {
  text-decoration: none;
}

.calendar_main .is-star {
  background: #ff4f5f;
}

.calendar_main .is-star .day {
  color: #fff !important;
}

.calendar_main .is-beer {
  background: #79cdff;
}

.calendar_main .is-beer .day {
  color: #fff !important;
}

.calendar_main .ico_theme1 {
  color: #006cac;
}

.calendar_main .ico_theme2 {
  color: #82000c;
}

.table_note li {
  font-weight: bold;
}

.is-ticket_list a {
  padding-bottom: 16px;
}

.ticket_list_item {
  margin-bottom: 25px;
  font-size: 0;
  text-align: center;
}

.ticket_list_item .ticket_list_btn {
  display: inline-block;
  margin: 0 auto;
  padding: 12px 24px;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

.ticket_list_item .ticket_list_btn:nth-child(even) {
  margin: 0 8px;
}

.ticket_list_item .ticket_list_btn::after {
  position: relative;
  top: 0;
  right: 0;
  font-family: 'FontAwesome';
  font-size: 1.4rem;
  content: ' \f08e';
}

.ticket_list_item .ticket_list_btn.is-colorset01 {
  border: 1px solid #f16baa;
  background: #f16baa;
  color: #fff;
}

body {
  background-color: #003470;
}

#container {
  margin: 0 auto;
  padding-bottom: 40px;
}

.jack.is-fixed {
  position: fixed;
  top: 20px;
}

.jack.is-fixed .jack_box {
  position: relative;
  width: 1000px;
  margin: auto;
}

.gnavi .lists {
  position: relative;
}

.pop_icon {
  display: block;
  position: absolute;
  top: -10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.pop_icon span {
  display: inline-block;
  padding: 13px 3px;
  border-radius: 100px;
  background: #f90;
  font-size: .9rem;
  font-weight: normal;
  letter-spacing: .1rem;
  line-height: 1;
  vertical-align: middle;
}

.textmore_button {
  border-color: #003470;
  background: #003470;
  color: #FFF;
}