@charset "UTF-8";
/* CSS Document */
/* line 4, v2_header.scss */
header#global_header { background-color: #fff; border-top: solid 6px #8fc31f; }
header#global_header a { text-decoration: none; }

/* line 7, v2_header.scss */
header#global_header::after { content: ""; display: block; clear: both; }

/****************************
*v2_header
****************************/
/* line 26, v2_header.scss */
#global_header .v2_header .logo { display: inline-block; float: left; }
/* line 33, v2_header.scss */
#global_header .v2_header .logo a { font-weight: bold; display: block; padding: 22px 0; color: #222; }
/* line 41, v2_header.scss */
#global_header .v2_header .logo a img { vertical-align: middle; margin: 0 20px 0 0; }
/* line 51, v2_header.scss */
#global_header .v2_header::after { content: ""; clear: both; display: block; }
/* line 56, v2_header.scss */
#global_header .v2_header ul { float: right; font-size: 0; padding: 15px 0 0 0; }
/* line 66, v2_header.scss */
#global_header .v2_header ul li { display: inline-block; text-align: center; font-size: 12px; }
/* line 75, v2_header.scss */
#global_header .v2_header ul a { display: block; width: 100%; height: 100%; font-weight: normal; color: #222; margin: 0 0.5em 0 0; }
/* line 82, v2_header.scss */
#global_header .v2_header ul a img { display: block; vertical-align: middle; margin: 0 auto; max-height: 30px; width: auto; }

/* sp用ユーザ保有コンテンツ */
/* line 97, v2_header.scss */
#global_header .v2_header_user_info { padding: 0 0 0.3em 0.5em; }
/* line 99, v2_header.scss */
#global_header .v2_header_user_info p { display: inline-block; padding: 0 0.5em 0 0; }
/* line 103, v2_header.scss */
#global_header .v2_header_user_info a { font-size: 14px; color: #222; text-decoration: underline; }

/****************************
*v2_global_nav
****************************/
/* line 117, v2_header.scss */
.v2_global_nav { background-color: #fff; font-size: 0; border-top: solid 1px #cccccc; }

.v2_global_nav a { text-decoration: none; }

/* line 122, v2_header.scss */
.v2_global_nav .v2_global_nav_top::after { content: ""; display: block; clear: both; }
/* line 128, v2_header.scss */
.v2_global_nav .v2_global_nav_list, .v2_global_nav .v2_global_nav_link { display: inline-block; }
/* line 130, v2_header.scss */
.v2_global_nav .v2_global_nav_list li, .v2_global_nav .v2_global_nav_link li { display: inline-block; }
/* line 132, v2_header.scss */
.v2_global_nav .v2_global_nav_list li a, .v2_global_nav .v2_global_nav_list li label, .v2_global_nav .v2_global_nav_link li a, .v2_global_nav .v2_global_nav_link li label { height: 50px; line-height: 50px; display: block; color: #222; cursor: pointer; }
/* line 142, v2_header.scss */
.v2_global_nav .v2_global_nav_list { float: left; }
/* line 145, v2_header.scss */
.v2_global_nav .v2_global_nav_list li a, .v2_global_nav .v2_global_nav_list li label { font-size: 16px; margin-right: 2em; padding: 0 1em 0 0; background: url(/images/portal_pc/common/header_open_arrow.png) no-repeat center right; font-weight: bold; }
/* line 151, v2_header.scss */
.v2_global_nav .v2_global_nav_list li a.active, .v2_global_nav .v2_global_nav_list li label.active { color: #8fc31f; background: url(/images/portal_pc/common/header_close_arrow.png) no-repeat center right; }
/* line 158, v2_header.scss */
.v2_global_nav .v2_global_nav_link { float: right; }
/* line 161, v2_header.scss */
.v2_global_nav .v2_global_nav_link li a { font-size: 13px; margin-left: 2em; }

/* line 169, v2_header.scss */
.overlay { display: none; width: 100vw; height: auto; top: 0; left: 0; padding: 1em 0; box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); text-align: center; z-index: 3000; }

/* line 182, v2_header.scss */
.panel_body { background: #fff; border-radius: 6px; padding: 30px; box-sizing: border-box; }

/* line 188, v2_header.scss */
#genre_panel, #brand_panel { display: none; }

/*モーダル判別用checkbox*/
/* line 192, v2_header.scss */
#genre_open, #brand_open { display: none; }

/* メガドロップ 中身 */
/* line 197, v2_header.scss */
.mega_drop_line { padding: 0 0 1em 0; margin: 0 -40px 0 0; box-sizing: border-box; clear: both; }
/* line 202, v2_header.scss */
.mega_drop_line:last-child { padding: 0 0 0 0; }
/* line 205, v2_header.scss */
.mega_drop_line .mega_drop_box { width: 33%; padding: 0 40px 0 0; float: left; box-sizing: border-box; }
/* line 210, v2_header.scss */
.mega_drop_line .mega_drop_box dl { text-align: left; margin: 0; padding: 0; }
/* line 214, v2_header.scss */
.mega_drop_line .mega_drop_box dl#mega_pet { height: 165px; }
/* line 217, v2_header.scss */
.mega_drop_line .mega_drop_box dl a { color: #222; }
/* line 221, v2_header.scss */
.mega_drop_line .mega_drop_box dt { font-size: 16px; font-weight: bold; border-bottom: 2px solid #8fc31f; padding: 0 0 0.3em 0; }
/* line 226, v2_header.scss */
.mega_drop_line .mega_drop_box dt a { display: block; }
/* line 228, v2_header.scss */
.mega_drop_line .mega_drop_box dt a span, .mega_drop_line .mega_drop_box dt span span { display: inline-block; padding: 0 1em 0 0; background: url(/images/portal_pc/common/mega_drop_arrow.png) no-repeat right center; }
/* line 235, v2_header.scss */
.mega_drop_line .mega_drop_box dd { font-size: 12px; margin: 0; padding: 0; }
/* line 239, v2_header.scss */
.mega_drop_line .mega_drop_box dd ul { margin: 0; padding: 1em 0.5em; }
/* line 242, v2_header.scss */
.mega_drop_line .mega_drop_box dd ul li { padding: 0 0.8em 0.8em 0; display: inline-block; }
/* line 246, v2_header.scss */
.mega_drop_line .mega_drop_box dd ul a { text-decoration: underline; }
/* line 248, v2_header.scss */
.mega_drop_line .mega_drop_box dd ul a:hover { color: #0287d3; }
/* line 252, v2_header.scss */
.mega_drop_line .mega_drop_box dd ul.genre_media { padding: 1em 0; margin-left: 0.5em; }
/* line 254, v2_header.scss */
.mega_drop_line .mega_drop_box dd ul.genre_media a { padding: 0 1.5em 0 0; background: url(/images/portal_pc/common/link_blank_icon.png) no-repeat right center; }
/* line 259, v2_header.scss */
.mega_drop_line .mega_drop_box dd ul.set_height { height: 165px; box-sizing: border-box; }
/* line 265, v2_header.scss */
.mega_drop_line .mega_drop_box hr { visibility: inherit; height: 1px; width: 100%; border: none; background: #cccccc; }

/* line 283, v2_header.scss */
#v2_mypage { display: none; }

/* line 287, v2_header.scss */
#v2_mypage ~ div { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); transition: .3s ease-in-out; -webkit-transform: translateX(100%); transform: translateX(100%); }

/* line 301, v2_header.scss */
#v2_side_menu { position: fixed; top: 0; right: 0; z-index: 9999; height: 100%; width: 90%; background-color: #fff; overflow: auto; transition: .3s ease-in-out; -webkit-transform: translateX(100%); transform: translateX(100%); }
/* line 313, v2_header.scss */
#v2_side_menu .v2_border { border: solid 4px #ccc; }
/* line 316, v2_header.scss */
#v2_side_menu .v2_user_area { padding: 10px; border-bottom: 1px solid #ccc; }
/* line 319, v2_header.scss */
#v2_side_menu .v2_user_area p { font-size: 16px; color: #222; font-weight: bold; }
/* line 325, v2_header.scss */
#v2_side_menu .v2_premium_area { padding: 10px; border-bottom: 1px solid #ccc; }
/* line 329, v2_header.scss */
#v2_side_menu .v2_menu_list { padding: 10px; }
/* line 331, v2_header.scss */
#v2_side_menu .v2_menu_list input[type="checkbox"] { display: none; }
/* line 334, v2_header.scss */
#v2_side_menu .v2_menu_list label { display: block; width: 100%; }

/* line 341, v2_header.scss */
#v2_mypage:checked ~ div, #v2_side_menu { display: block; -webkit-transform: translateX(0%); transform: translateX(0%); }

/* line 347, v2_header.scss */
#v2_btn_close { position: absolute; top: 10px; left: 10px; color: #fff; transition: .3s ease-in-out; }

/* line 675, common.scss */
  .mega_drop_line .one_col { width: 100%; }
  /* line 678, common.scss */
  .mega_drop_line .two_col { width: 50%; }

  /* line 660, common.scss */
  .mega_drop_line .mega_drop_box dd ul a[target="_blank"] { padding: 0 1.5em 0 0; background: url(/images/portal_pc/common/link_blank_icon.png) no-repeat right center; }
  
  #badge-container {
    top: 0 !important;
    right: 10px !important;
    left: auto !important;
}

/*緊急お知らせ枠*/
.emergency_info_pc{
  display: none;
  font-size: 12px;
  border-top: solid 1px #cccccc;
  background-color: #FFF;
}
.emergency_info_pc p{
  font-size: 12px;
}
.emergency_info {
  font-size: 12px;
  padding: 5px;
}