@charset "UTF-8";
/*============================
ranking
============================*/
/*==== .container_header ====*/
.container_header { height: 420px; background: #003978 url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/bg_mainvisual.png) center 0 no-repeat; padding: 30px 0 20px; }
.container_header .segment { padding-top: 15px; *zoom: 1; }
.container_header .segment:before, .container_header .segment:after { content: ""; display: table; clear: both; }
.container_header .segment:after { clear: both; }
.container_header .hdg { font-family: "游明朝","Yu Mincho","游明朝体" ,"YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","ＭＳ Ｐ明朝","MS PMincho"; margin-bottom: 10px; }
.ie .container_header .hdg { font-family: "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.container_header .hdg .page { font-size: 24px; font-size: 2.4rem; }
.container_header .summery { font-size: 13px; font-size: 1.3rem; line-height: 1.7; margin-bottom: 20px; }
.container_header .summery .btn_tgl { display: none; }
.container_header .list_sns { text-align: left; margin-bottom: 0; *zoom: 1; }
.container_header .list_sns:before, .container_header .list_sns:after { content: ""; display: table; clear: both; }
.container_header .list_sns:after { clear: both; }
.container_header .list_sns li { width: 56px; height: 40px; margin: 0 0 0 10px; }
.container_header .list_sns li:first-child { margin-left: 0; }
.container_header .list_sns li a { height: 100%; padding: 0; background-position: center center; }
.container_header .list_sns li a span { display: block; text-indent: -9999px; }
.container_header .list_sns .mail { display: none; }

/*==== #container ====*/
#container { padding-top: 40px; }

/*==== #container ====*/
.list_anchor { *zoom: 1; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 1; margin-bottom: 60px; }
.list_anchor:before, .list_anchor:after { content: ""; display: table; clear: both; }
.list_anchor:after { clear: both; }
.list_anchor li { float: left; width: 136px; text-align: center; margin-left: 20px; margin-bottom: 10px; }
.list_anchor li a { display: block; color: #fff; border-radius: 3px; background-color: #2c5a99; padding: 1em 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.list_anchor li a:hover { background-color: #567bad; }
.list_anchor .all a { padding: 45px 0; }

/*==== .hdg_content ====*/
.hdg_content { font-family: "游明朝","Yu Mincho","游明朝体" ,"YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","ＭＳ Ｐ明朝","MS PMincho"; font-size: 34px; font-size: 3.4rem; line-height: 1; background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/ico_hdg.png) 0 center no-repeat; padding: 10px 0 10px 60px; margin-bottom: 50px; }
.ie .hdg_content { font-family: "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }

/*== .list_relation ==*/
.list_relation { margin-bottom: 30px; }
.list_relation .segment { position: relative; padding-top: 110px; margin-bottom: 40px; *zoom: 1; }
.list_relation .segment:before, .list_relation .segment:after { content: ""; display: table; clear: both; }
.list_relation .segment:after { clear: both; }
.list_relation figure { float: left; width: 342px; height: 228px; text-align: center; }
.list_relation figure img { width: auto; height: 100%; border-radius: 3px; }
.list_relation figure figcaption { color: #e9eef4; font-size: 12px; font-size: 1.2rem; text-align: right; }
.list_relation .info { float: right; width: 580px; }
.list_relation .info span { color: #e9eef4; }
.list_relation .info a > span { display: block; }
.list_relation .info .name { position: absolute; top: 0; left: 0; width: 100%; display: block; font-family: "游明朝","Yu Mincho","游明朝体" ,"YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","ＭＳ Ｐ明朝","MS PMincho"; font-size: 25px; font-size: 2.5rem; line-height: 1; padding: 60px 0 0 90px; }
.ie .list_relation .info .name { font-family: "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.list_relation .info .name a:hover { text-decoration: underline; }
.list_relation .info .address { font-size: 16px; font-size: 1.6rem; }
.list_relation .info .data { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; }
.list_relation .info .mobilization { margin-bottom: 20px; }
.list_relation .btn_detail { display: block; width: 320px; color: #333; font-size: 16px; font-size: 1.6rem; font-weight: bold; text-align: center; line-height: 1; border-radius: 3px; background-color: #649337; border: solid 2px #fff; background: #f1f1f1 url(https://s.yimg.jp/images/promotion/hanabi2016/images/common/ico/arrow_r_06.png) 95% center no-repeat; padding: 1em 0; margin-top: 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.list_relation .btn_detail:hover { background-color: #dbdbdb; }
.list_relation .rank01 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_01.png) 0 bottom no-repeat; }
.list_relation .rank02 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_02.png) 0 bottom no-repeat; }
.list_relation .rank03 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_03.png) 0 bottom no-repeat; }
.list_relation .rank04 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_04.png) 0 bottom no-repeat; }
.list_relation .rank05 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_05.png) 0 bottom no-repeat; }
.list_relation .rank06 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_06.png) 0 bottom no-repeat; }
.list_relation .rank07 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_07.png) 0 bottom no-repeat; }
.list_relation .rank08 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_08.png) 0 bottom no-repeat; }
.list_relation .rank09 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_09.png) 0 bottom no-repeat; }
.list_relation .rank10 .name { background: url(https://s.yimg.jp/images/promotion/hanabi2016/images/ranking/index/rank_10.png) 0 bottom no-repeat; }
.other .list_relation { margin-bottom: 50px; }

/*== .mod_sns.ranking ==*/
.mod_sns.ranking { width: 600px; text-align: center; background: #012965; padding: 30px 0; margin: 60px auto; }
.mod_sns.ranking .list_sns { margin: 0; }
.mod_sns.ranking .mail { display: none; }