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

.bg_top,
.bg_sub {
  background: none;
  background: url("/asset/images/main/main_bg_pc.jpg") no-repeat center top;
  background-size: 1920px;
}

.bg_top .ttl a {
  width: 830px;
  margin: 32px auto 0;
}

.bg_top .ttl a img {
  width: 100%;
  height: auto;
}

/*.bg_sub.category {
    background: url(./asset/images/main/winter_main2.jpg) no-repeat center top;
}*/
/* 1920px以上の場合にレスポンシブ */
@media screen and (min-width: 1920px) {
  .bg_sub {
    background-size: 100%;
  }
}

/*======================================
top
======================================*/
.map_area a:hover {
  background: #01296c;
}

.prefectly_canvas {
  background: url("/asset/images/main/map_bg.jpg") no-repeat center;
  background-size: 635px;
}

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

/*====================================
area
=====================================*/
.pickup .pickup_hl {
  color: #272b3c;
}

/*====================================
pref
=====================================*/
.s_name .name {
  width: 635px;
}

.s_hl {
  color: #272b3c;
}

/*====================================
detail
=====================================*/
.s_detail .s_name .name {
  width: 635px;
  /* width: auto; */
}

.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:not(.tags) {
  display: block;
  width: 100%;
}

.ranking_list .lists.no_1 {
  width: 460px;
  margin: auto;
}

.ranking_list .no_1 .name_main span {
  font-size: 2.4rem;
}

.ranking_list .lists.no_1 .thumb img {
  width: 100%;
}

.ranking_list .name_main span {
  font-size: 1.8rem;
}

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

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

.ic_calendar .area {
  border-color: #01296c;
  color: #272b3c;
}

.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: #01296c;
}

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

.date_select {
  border-color: #01296c;
}

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

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

.ico_theme2 {
  color: #3662c3;
}

.ico_theme3 {
  color: #d0b049;
}

.ico_theme4 {
  color: #3b6e11;
}

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

/*====================================
top
=====================================*/
/*====================================
テーマカラーの設定
=====================================*/
.theme {
  color: #01296c !important;
}

.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: #01296c;
}

/*.gnavi .lists.custom,
.gnavi.custom_ver .lists.custom {
  background: url('../../asset/images/main/nav_bg_custom.jpg') no-repeat center;
  background-size: 258px;
}

.gnavi.custom_ver .lists:nth-child(2) {
  width: 225px;
}
.gnavi.custom_ver .lists:not(:nth-child(2)){
  width: -moz-calc((1000px - 225px) / 4);
  width: -webkit-calc((1000px - 225px) / 4);
  width: calc((1000px - 225px) / 4);
}*/
/* gnaviのliに'custom'を付与して個別に色を変える */
/* .gnavi .lists.custom {
  background: none;
}
.gnavi .lists.custom a {
  color: #d0b049;
  text-shadow: 0 0 2px rgba(0,0,0,1);
}
 */
/*====================================
検索ボックス（submit_btn）
=====================================*/
.searchbox .sgo {
  background: #01296c;
  color: #FFF;
}

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

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

.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: #272b3c;
}

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

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

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

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

.lighting::before {
  margin-right: 5px;
  font-family: 'FontAwesome';
  content: ' \f0eb';
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pager .lists a {
  color: #272b3c;
}

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

.pager .lists.current a {
  background: #01296c;
}

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

/*====================================
その他のモジュール（その他のパーツ）
=====================================*/
.sub .hl_sub {
  background: #01296c url("/asset/images/main/hl_bg_pc.gif") no-repeat right top;
  background-size: 362px;
}

.sub .hl_sub2 {
  color: #272b3c;
}

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

.visitor::before {
  color: #272b3c;
}

.detail span {
  color: #272b3c;
}

.s_table .map_btn {
  background: #01296c;
}

.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
=====================================*/
/*#mailmagazine {
  border-color: #d72927;
}
#mailmagazine .hdl,
#mailmagazine .check {
  color: #d72927;
}
#mailmagazine .button#register {
  background: #d72927;
  border-color: #d72927;
}
.note2 {
  color: #d72927;
  border: solid 2px #d72927;
}
*/
.note2 {
  border: solid 2px #d72927;
  color: #d72927;
}

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

/*====================================
TOP
=====================================*/
#plain {
  color: #3982e4;
}

/*====================================
pref list のステータスアイコン
=====================================*/
.pref_list > .lists .thumb::after {
  border-right: 4em solid #01296c;
}

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

.other .s_name .status,
.s_name .status {
  display: none;
}

/*====================================
footer
=====================================*/
footer a {
  color: #01296c !important;
}

/*====================================
緊急対応　※後で削除
=====================================*/
.md_map {
  margin: 70px auto 30px;
}

/*==============================================
//
// 紅葉からleadの転載
//
================================================*/
.header_lead,
.ttl + .lead_header,
.ttl + .lead {
  margin: 0 0 20px 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 0px 0px 4px #492400,0px 0px 4px #492400,0px 0px 4px #492400,0px 0px 4px #492400;
}

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

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

.lists .detail_category, .lists .detail {
  margin-top: 4px;
}

/*==============================================
//
// 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 #01296c;
}

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

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

.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;
  /*padding-top: 10px;*/
}

.gnavi .lists,
.gnavi .lists:last-child {
  width: auto;
}

/*==============================================
//
// common MAP
//
================================================*/
.prefectly_canvas,
.jpmap_img {
  background: url("/asset/images/main/map_bg.jpg") no-repeat center;
  background-size: 635px;
}

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

.hokkaido {
  top: 110px;
}

/*==============================================
//
// common banner box
//
================================================*/
.banner-box {
  margin-bottom: 30px;
  border: 2px solid #008bd8;
  background-color: #73c7f5;
}

.banner-box .title {
  width: 627px;
  min-height: 230px;
  margin: 2px;
  background: url("") no-repeat center;
}

.banner-box .title a {
  display: block;
  padding-bottom: 20px;
}

.banner-box h2.titleimg {
  margin: 0 auto;
  padding: 25px 0 25px 0;
  text-align: center;
}

.banner-box .title h3 {
  margin: 0;
  padding: 0px 0px 10px 20px;
  color: #FFF;
  font-size: 16px;
  text-shadow: 1px 1px 5px #000000;
}

.banner-box .title p {
  margin: 0;
  padding: 0px 0px 0px 20px;
  color: #FFF;
  font-weight: bold;
  text-shadow: 1px 1px 5px #000000;
}

.banner-box .pick_btn {
  margin: 0;
  text-align: center;
}

.color01 {
  border-color: #ec2e6a;
  background-color: #fff5f5;
}

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

/*==============================================
//
// 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;
}

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

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

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

/*====================================
Category icon　おでかけ
=====================================*/
/*   
.category_list .sg0130sg0132 .cate_hl {
  background: url("../../asset/images/common/cate_ico_sg0130sg0132.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #1a98f1; }
.category_list .sg0130sg0132 .area a::before {
  color: #1a98f1; }


.category_list .event_odekake .cate_hl {
  background: url("../../asset/images/common/cate_ico_event_odekake.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #6ee812; }
.category_list .event_odekake .area a::before {
  color: #6ee812; }
  
.category_list .character .cate_hl {
  background: url("../../asset/images/common/cate_ico_character.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #e2a706;
}

.category_list .character .area a::before {
  color: #e2a706;
}

.category_list .spring_festival .cate_hl {
  background: url("../../asset/images/common/cate_ico_spring_festival.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #f575cc; }
.category_list .spring_festival .area a::before {
  color: #f575cc; }


.category_list .drive_event .cate_hl {
  background: url("../../asset/images/common/cate_ico_drive_event.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #58f366; }
.category_list .drive_event .area a::before {
  color: #58f366; }



.category_list .flower .cate_hl {
  background: url("../../asset/images/common/cate_ico_flower.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #ff7575; }
.category_list .flower .area a::before {
  color: #ff7575; }


.category_list .gourmet .cate_hl {
  background: url("../../asset/images/common/cate_ico_gourmet.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #f73737;
}

.category_list .gourmet .area a::before {
  color: #f73737;
}

.category_list .gourmet.pickup {
  background: #fee3e3;
}

.category_list .gourmet.pickup .cate_hl {
  color: #f73737;
}

.category_list .sports_event .cate_hl {
  background: url("../../asset/images/common/cate_ico_sports_event.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #4b74da;
}

.category_list .sports_event .area a::before {
  color: #4b74da;
}

.category_list .sports_event.pickup {
  background: #dfe6f8;
}

.category_list .sports_event.pickup .cate_hl {
  color: #4b74da;
}

.category_list .animal_event .cate_hl ,.category_list .animal .cate_hl {
  background: url("../../asset/images/common/cate_ico_animal_event.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #61ba0b;
}

.category_list .animal_event .area a::before ,.category_list .animal .area a::before {
  color: #61ba0b;
}

.category_list .animal_event.pickup ,.category_list .animal.pickup {
  background: #bbf780;
}

.category_list .animal_event.pickup .cate_hl ,.category_list .animal.pickup .cate_hl {
  color: #61ba0b;
}

.category_list .anime_game .cate_hl {
  background: url("../../asset/images/common/cate_ico_anime_game.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #1c61be;
}

.category_list .anime_game .area a::before {
  color: #1c61be;
}

.category_list .anime_game.pickup {
  background: #9cc0f0;
}

.category_list .anime_game.pickup .cate_hl {
  color: #1c61be;
}

.category_list .play .cate_hl ,.category_list .experience .cate_hl {
  background: url("../../asset/images/common/cate_ico_experience.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #18b8ed;
}

.category_list .play .area a::before ,.category_list .experience .area a::before {
  color: #18b8ed;
}

.category_list .play.pickup ,.category_list .experience.pickup {
  background: #beebfa;
}

.category_list .play.pickup .cate_hl ,.category_list .experience.pickup .cate_hl {
  color: #18b8ed;
}

.category_list .free_event .cate_hl {
  background: url("../../asset/images/common/cate_ico_free_event.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #e8bb05;
}

.category_list .free_event .area a::before {
  color: #e8bb05;
}

.category_list .free_event.pickup {
  background: #fdeba2;
}

.category_list .free_event.pickup .cate_hl {
  color: #e8bb05;
}

.category_list .rain .cate_hl {
  background: url("../../asset/images/common/cate_ico_rain.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #ff9c00;
}

.category_list .rain .area a::before {
  color: #ff9c00;
}

.category_list .rain.pickup {
  background: #ffe1b3;
}

.category_list .rain.pickup .cate_hl {
  color: #ff9c00;
}



.category_list .spot .cate_hl {
  background: url("../../asset/images/common/cate_ico_spot_gw.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #56be01;
}

.category_list .spot .area a::before {
  color: #56be01;
}

.category_list .spot.pickup {
  background: #b2fe73;
}

.category_list .spot.pickup .cate_hl {
  color: #56be01;
}

.category_list .event .cate_hl {
  background: url("../../asset/images/common/cate_ico_event_gw.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #4276d5;
}

.category_list .event .area a::before {
  color: #4276d5;
}

.category_list .sg0121 .cate_hl {
  background: url("../../asset/images/common/cate_ico_sg0121.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #8634cc;
}

.category_list .sg0121 .area a::before {
  color: #8634cc;
}

.category_list .sg0121.pickup {
  background: #dbc3f0;
}

.category_list .sg0121.pickup .cate_hl {
  color: #8634cc;
}

.category_list .fesoutdoor .cate_hl {
  background: url("../../asset/images/common/cate_ico_fesoutdoor.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #8c6014;
}

.category_list .fesoutdoor .area a::before {
  color: #8c6014;
}

.category_list .fesoutdoor.pickup {
  background: #eaba69;
}

.category_list .fesoutdoor.pickup .cate_hl {
  color: #8c6014;
}
.category_list .sg0160 .cate_hl {
  background: url("../../asset/images/common/cate_ico_sg160.png") no-repeat 10px center;
  background-size: 40px auto;
  border-color: #205aec;
}

.category_list .sg0160 .area a::before {
  color: #205aec;
}

.category_list .sg0160.pickup {
  background: #c4d4fa;
}

.category_list .sg0160.pickup .cate_hl {
  color: #205aec;
} */
/*====================================
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;
}

/*====================================
topicsの関連データのリンクカラー追加 20171214
=====================================*/
.news_detail2 .inner .txt a {
  color: #272b3c;
  font-weight: bold;
  text-decoration: underline;
}

/*====================================
 SNS
=====================================*/
#socialbutton {
  padding-bottom: 24px;
}

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

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

/* .tag_list + div{
margin-top:-32px;
} */
.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;
}

/* *********************************

Add: new spot&event list

 ********************************* */
/* 
.icon-ico_spot:before {
  content: "\f0f3";
  margin-right: 5px;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.category_simple_list{
  border-bottom:1px;
  border-color: #eee;
  border-style: solid;
  margin-bottom:32px;
}

.category_simple_list .lists {
  border-width: 1px 0 0;
  border-color: #eee;
  border-style: solid;
}



.category_simple_list .category_simple_link {
  position: relative;
  display: block;
  padding: 16px 14px 16px 60px;
  font-size: 16px;
}

.category_simple_list .category_simple_link::after {
  display: block;
  position: absolute;
  top: 45%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: solid 2px #ccc;
  border-right: solid 2px #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}


.category_simple_list .sg0101sg0102 {
  background: url("../../asset/images/common/cate_ico_sg0101.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0103sg0104 {
  background: url("../../asset/images/common/cate_ico_sg0103.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0105 {
  background: url("../../asset/images/common/cate_ico_sg0105.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0117sg0118 {
  background: url("../../asset/images/common/cate_ico_sg0116.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0116sg0119 {
  background: url("../../asset/images/common/cate_ico_sg0117.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0113 {
  background: url("../../asset/images/common/cate_ico_sg0113.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0112sg0115 {
  background: url("../../asset/images/common/cate_ico_sg0112.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0122sg0123 {
  background: url("../../asset/images/common/cate_ico_sg0122.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0110 {
  background: url("../../asset/images/common/cate_ico_sg0110.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0144 {
  background: url("../../asset/images/common/cate_ico_sg0144.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0107sg0114 {
  background: url("../../asset/images/common/cate_ico_sg0107.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0111 {
  background: url("../../asset/images/common/cate_ico_sg0111.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0999 {
  background: url("../../asset/images/common/cate_ico_sg0999.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0130sg0132 {
  background: url("../../asset/images/common/cate_ico_sg0130sg0132.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .event_odekake {
  background: url("../../asset/images/common/cate_ico_event_odekake.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .character {
  background: url("../../asset/images/common/cate_ico_character.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .spring_festival {
  background: url("../../asset/images/common/cate_ico_spring_festival.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .drive_event {
  background: url("../../asset/images/common/cate_ico_drive_event.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .flower {
  background: url("../../asset/images/common/cate_ico_flower.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .gourmet {
  background: url("../../asset/images/common/cate_ico_gourmet.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sports {
  background: url("../../asset/images/common/cate_ico_sports_event.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .animal,.category_simple_list .animal_event {
  background: url("../../asset/images/common/cate_ico_animal_event.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .anime_game{
  background: url("../../asset/images/common/cate_ico_anime_game.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .play,.category_simple_list .experience {
  background: url("../../asset/images/common/cate_ico_experience.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .free_event {
  background: url("../../asset/images/common/cate_ico_free_event.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .rain {
  background: url("../../asset/images/common/cate_ico_rain.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .spot {
  background: url("../../asset/images/common/cate_ico_spot_gw.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .event {
  background: url("../../asset/images/common/cate_ico_event_gw.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0121 {
  background: url("../../asset/images/common/cate_ico_sg0121.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .fesoutdoor {
  background: url("../../asset/images/common/cate_ico_fesoutdoor.png") no-repeat 10px center;
  background-size: 40px auto;
}

.category_simple_list .sg0160 {
  background: url("../../asset/images/common/cate_ico_sg160.png") no-repeat 10px center;
  background-size: 40px auto;
} */
/* detail area link  */
.area.pull_left .linktext {
  text-decoration: underline;
}

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

/*====================================
 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{
  vertical-align: top;
    line-height:21px;
}
.btn_list.simple.is-btn_day .lists .btn a {
height:56px;
  background: #ffffff;
  color: #f72b6d;
  border-width: 2px 2px;
  border-color: #ff7bac;
  border-style: solid;
  border-radius: 100px;
}

.btn_list.simple.is-btn_day .lists .btn a .js_date {
  font-size: 20px;
  font-family: arial,Helvetica;
  display: inline-block;
  margin: 0 4px;
}

.btn_list.simple.is-btn_day .lists .btn a:hover {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: pop;
  animation-name: pop;
  visibility: visible !important;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  color: #ff7bac;
}
*/
.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;
}

/*====================================
 GW 用　カレンダー
=====================================*/
.week-list {
  margin-top: 16px;
  font-size: 0;
}

.weeks_list p {
  padding: 0 8px;
  font-size: 14px;
}

.week-list .day_block {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-family: arial;
  font-size: 32px;
  font-weight: bold;
}

.week-list a {
  display: block;
  border: 3px solid #444;
  border-radius: 6px;
}

.week-list .days {
  display: block;
  padding-top: 45%;
  line-height: 1;
  text-align: center;
}

.week-list .days sup {
  font-size: 16px;
  vertical-align: super;
}

.week-list .week_ico {
  display: block;
  position: absolute;
  top: -12px;
  top: 0px;
  right: -12px;
  right: 0px;
  width: 20px;
  padding: 6px;
  padding: 4px 5px 8px 10px;
  border-radius: 0 0 0 100px;
  border-radius: 0 22px 0 100px;
  background: #444;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}

.week-list .holiday a {
  border-color: #c1272d;
  color: #c1272d;
}

.week-list .holiday .week_ico {
  background: #c1272d;
}

.week-list .weekend a {
  border-color: #01296c;
  color: #272b3c;
}

.week-list .weekend .week_ico {
  background: #01296c;
}

.weeks_list .inner {
  padding-top: 0;
}

.weeks_list .ic_cal {
  margin-bottom: 0;
}

.weeks_list .ic_cal .hl {
  margin-top: 0;
}

/*  get before Illumination CSS */
/*====================================
クリスマスへのリンクボタン
=====================================*/
.btn_xmas {
  font-size: 1.4rem;
  text-align: center;
}

.btn_xmas a {
  display: inline-block;
  margin: 10px 0;
  padding: 15px 60px;
  border: solid 1px #333;
  border-radius: 4px;
  background: #CCC;
  font-weight: bold;
}

.btn_xmas a {
  border-color: #ab1d15;
  background: #ab1d15;
  color: #FFF;
}

.btn_xmas a:hover,
.area_list .btn_xmas a {
  background: #ab1d15;
  color: #fff;
}

.area_list .btn_xmas a:hover,
.md .btn_xmas a:hover {
  background: #FFF;
  color: #ab1d15;
}

.btn_list .lists .btn_xmas a .bold,
.btn_list.simple .lists .btn_xmas a {
  color: #ab1d15;
}

.btn_list .lists .btn_xmas a:hover,
.btn_list.simple .lists .btn_xmas a:hover {
  background: #ab1d15;
}

/*====================================
ランキングのイベント名を拡大、余白入れる
=====================================*/
.ranking_list .txtarea .area {
  margin-top: 10px;
  padding: 0;
}

.kyusyu.map_area {
  top: 540px;
}

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

/*====================================
#add rankingボタン
=====================================*/
.rank_box .rank_btn a {
  background: #9d0202;
  color: #fff;
}

.rank_box .rank_btn a:hover {
  border-color: #9d0202;
  background: #fff;
  color: #9d0202;
}

.rank_box .rank_btn a:hover::before {
  color: #9d0202;
}

.s_name .name {
  /* overflow: hidden; */
  white-space: normal;
}

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

.other_list .lists .name {
  width: 120px;
}

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

.kyusyu {
  left: 0;
}

.icon-ico14:before {
  color: #000400;
  content: "\e907";
}

.vote02 a {
  -webkit-box-shadow: 0px 3px 0px #ab5700;
  border: solid 1px #ff6600;
  background: #ff6600;
          box-shadow: 0px 3px 0px #ab5700;
}

.vote02 a.checked {
  background: #ffe6d5;
  color: #ff6600;
  pointer-events: none;
}

.pager_ranking .inline_list {
  width: 100%;
  margin: 32px auto;
  font-size: 0;
}

.pager_ranking .lists {
  display: inline-block;
  position: relative;
  width: 58px;
  margin-left: 6px;
  text-align: center;
}

.pager_ranking .lists:first-child {
  margin-left: 0;
}

.pager_ranking .lists a {
  display: block;
  padding: 4px 8px;
  border: 1px solid #01296c;
  border-radius: 6px;
  color: #272b3c;
  font-size: 16px;
}

.pager_ranking .lists a span {
  font-size: 10px;
}

.pager_ranking .lists.current a {
  background: #01296c;
  color: #fff;
}

.pager_ranking .lists_lead {
  display: inline-block;
  margin-right: 12px;
}

.hls + .table.column_1 {
  margin-bottom: 8px;
}

.table.column_1 + .table.column_2 {
  margin-top: 0;
}

.links_text_list.is-center {
  text-align: center;
}

.links_text a {
  display: inline-block;
}

.links_text a.is-btn {
  padding: 8px 16px;
  border: solid 1px #ddd;
  border-radius: 4px;
}

.icon-highlight:before {
  color: #000400;
  content: "\e907";
}

.links_text a.is-btn:hover {
  border-color: #01296c;
  background: #01296c;
  color: #FFF;
  opacity: 1;
}

.ftr_area_list2.inline_list + .ftr_area_list.inline_list {
  margin-top: 20px;
}

.sub + section .ic_calendar .hl {
  padding-bottom: 30px;
}

.gallery .gallery_list {
  margin-bottom: 0;
}

.md .controller > .next a {
  background-position: right center;
}
