@import url("/css_new/common.css?20250122");
/* ==================================================================================
title : 大会の歴史｜東建ホームメイトカップ
scope : /history/index.shtml

last modify : 2018/4/25  「歴代優勝者・成績」のhレベル変更、「ポスター・パンフレット集」とネームタグヒストリーを改修

2018/3/15  TCI福岡_Goto　背景グレー撤廃
2017/2/23 266_shintani　ページ統合にあたり、リニューアル
===================================================================================== */
/* -------------------------------------------------------------------------------------
  CSSの上書き
------------------------------------------------------------------------------------- */
/* body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
} */

h2 {
  clear: both;
  margin: 0;
  padding: 0;
  background: none;
  color: #FFFFFF;
  font-size: 100%;
  text-align: left;
  height: auto
}

#digest_area {
  margin-top: 20px;
}

[id$="_area"] {
  text-align: left;
  margin: 40px 0 0 0;
}

[id$="_area"] .first_text {
  font-size: 17px;
  width: 680px;
  margin: 10px auto 10px;
}

#side_area .bnr_box {
  text-align: center;
}
/* -------------------------------------------------------------------------------------
  共通
------------------------------------------------------------------------------------- */
.read_box .font_16 {
  font-size: 18px;
}
.content_area {
  margin: 0 10px;
  overflow: hidden;
}

.content_area ul {
  overflow: hidden;
}

.content_area li {
  float: left;
  margin: 7px 0 0 0;
  clear: both;
}

.content_area li:nth-of-type(even) {
  clear: none;
  float: right;
}
#main_box #page_link_btn {
  padding-bottom: 20px;
}


#main_box #page_link_btn li {
  margin-bottom: 1px;
  flex-grow: 0;
}
#main_box #page_link_btn.third li {
  box-sizing: border-box;
  width: 32.667%;
}
#main_box #page_link_btn li a {
  display: block;
  width: 100%;
color: #0063b3;
font-weight:900;
}
/* -------------------------------------------------------------------------------------
  過去大会ダイジェスト
------------------------------------------------------------------------------------- */
/* 奇数の時に活性化 */
#digest_area ul {
  background: url(/history/image/official/btn_bk.jpg) right bottom no-repeat;
  background-size: 338px auto;
}

#digest_area li {
  width: 338px;
}

#digest_area li a {
  background: url(../image/digest/btn_background.png) 0 0 no-repeat;
  color: #535106;
}

#history_movie_area li a {
  background: url(../image/movie/btn_background.png) 0 0 no-repeat;
  color: #295352;
}

#digest_area li a,
#history_movie_area li a {
  width: 338px;
  height: 57px;
  font-weight: bold;
  font-size: 18px;
  background-size: 338px auto;
  padding-bottom: 5px;
  /* flex */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#digest_area li a:hover,
#history_movie_area li a:hover {
  opacity: 0.7;
}

#digest_area li span,
#history_movie_area li span {
  width: 211px;
  text-align: center;
}

#digest_area li img,
#history_movie_area li img {
  margin-right: 5px;
  vertical-align: top;
  display: block;
  line-height: 1;
  font-size: 0;
}

/* -------------------------------------------------------------------------------------
  歴代優勝者
------------------------------------------------------------------------------------- */
.achievement_list h3 {
  background: url(../image/winner/winner_title_bg.gif) 0px 0px no-repeat;
  color: #fff;
  font-size: 16px!important;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  padding: 8px 10px 6px 10px;
}

.winner_img_box{
  margin: 2px 0px 0px 0px;
  padding: 0;
}
.winner_img_box.single img {
  margin-bottom: 2px;
}
.winner_img_box > img{
  float:left;
}
.winner_img_box ul{
  float:right;
  width:127px;
}
.winner_img_box li{
  width:127px;
  height:84px;
  margin:0px 0px 2px 0px;
  padding:0px;
}
.winner_img_box li a{
  display:block;
  width:127px;
  height:84px;
}

.ta_winner_score {
  border-top: 1px solid #000;
  width: 338px;
}

.ta_winner_score td {
  padding: 6px 3px;
  line-height: 1.2;
}

.btn_score a:hover img,
.btn_sign a:hover img{
  opacity: 0.7;
}

/* ---------- スコア表 ---------- */
table.ta_winner_score th{
  padding:5px 4px 4px 4px;
  border-top:none;
  text-align:center;
}

.th_ranking{
  padding:5px 4px 4px 5px;
}

.th_player{
  width:110px;
}

.th_score_t{
  width:28px;
}

.th_score{
  width:25px;
}

.ta_winner_score td{
  text-align:center;
}

.ta_winner_score tr td:nth-of-type(1) {
    width: 32px;
}

.td_ranking{
  padding:5px 4px 4px 5px;
}

/* ---------- ポップアップ ---------- */
/*スコアカード*/
#winner_score_box{
  width:600px;
  margin:0px auto 0px auto;
  padding:0px;
}
/*サインボード*/
#winner_sign_box{
  width:1000px;
  margin:0px auto -20px auto;
  padding:0px;
}
/*準備中*/
#winner_jyunbi_box{
  width:100%;
  height:120px;
  margin:0px auto -20px auto;
  padding:100px 0px 0px 0px;
  background:#CCCCCC;
  font-size:150%;
  font-weight:bold;
  letter-spacing:10px;
}

.bnr_champions {
  margin: 30px auto 0;
}

/* -------------------------------------------------------------------------------------
  動画で追う東建カップの歴史（優勝者と主要選手）
------------------------------------------------------------------------------------- */
/* 奇数の時に活性化
#history_movie_area ul {
  background: url(/history/image/movie/btn_bk.jpg) right bottom no-repeat;
  background-size: 338px auto;
}
*/

#history_movie_area li {
  width: 338px;
}



/* -------------------------------------------------------------------------------------
  ポスター・パンフレット集
------------------------------------------------------------------------------------- */
/* パンフレット閲覧の操作方法はコチラからご確認できます。 */
#guide {
  margin: 0;
  padding: 10px;
  background: #E4F2FF;
  overflow: hidden;
}

.howto .text_kome {
  display: block;
  padding: 9px 0px 0px 14px;
  float: left;
  width: 480px;
  font-size: 16px;
}

.howto_pamphlet {
  float: right;
  width: 155px;
  margin: 0;
}

.howto_pamphlet a:hover {
  display: block;
  background: #fff;
}

.howto_pamphlet a:hover img {
  opacity: 0.7;
}

/* 各パンフレット */
.pamph_area {
  overflow: hidden;
  /*background: url(/history/image/poster/bg_poster_one.jpg) right bottom no-repeat; */
  background: url(/history/image/poster/bg_poster.jpg) right bottom no-repeat;
}

.pamph_box {
  background: url(/history/poster/image/space.gif) right bottom no-repeat;
  float: left;
  margin: 17px 12px 0 0;
  overflow: hidden;
  width: 220px;
}

.pamph_box a{
  display: block;
  background: #fff;
}

.pamph_box a:hover img {
  opacity: 0.7;
}

.pamph_box:nth-of-type(3n) {
  margin-right: 0;
}

.cup_title {
  width: 220px;
  margin: 0;
  padding: 0;
}

.pamph_area > .pamph_box .pamph_image {
  float: left;
  margin-top: 2px;
  padding: 0;
  width: 115px;
}

.pamph_box .btn_poster,
.pamph_box .btn_pamph {
  float: left;
  width: 103px;
  margin: 2px 0 0 2px;
  padding: 0;
  clear: none;
}

/* -------------------------------------------------------------------------------------
  ネームタグヒストリー
------------------------------------------------------------------------------------- */
#tag_area .nametag_space {
  overflow: hidden;
  /*background: url(/history/nametag/image/design_box_non.gif) bottom right no-repeat;*/
}

.nametag_box {
  background: url(/history/nametag/image/nametag_list_bg.gif) 0 bottom repeat-x;
  border: 1px solid #999;
  float: left;
  margin: 10px 10px 0 0;
  width: 127px;
}

.nametag_box h3 {
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 4px;
  text-align: center;
}

.space_box {
  border: none;
  width: 129px;
}

.nametag_box:nth-of-type(5n),
.nametag_box:last-child {
  margin-right: 0;
}

.nametag_box p {
  margin-top: 10px;
  text-align: center;
}

.name_tag_all {
  width: 548px;
  margin: 0 auto;
}

.name_tag_all dt {
  text-align: center;
  margin: 30px 0 0 0;
}

.name_tag_all dd {
  width: 300px;
  text-align: center;
  margin: 5px auto 0px;
  padding: 10px;
  background: #FFEBF1;
}

.slide_btn {
  margin: 17px auto 0;
  width: 685px;
  text-align: right;
  border-top: 4px solid #71b7e5;
}

.slide_btn {
  margin: 17px auto 0;
  width: 685px;
  text-align: right;
  border-top: 4px solid #71b7e5;
}

.btn img {
  margin: -1px 0 0 0;
}

.fancybox-skin .fancybox-title-float-wrap {
  bottom: -20px;
}

span.text_kome {
  background: url(/image_cmn/mark_kome.gif) 0px 10px no-repeat;
}

/* ------------------------------
  180316 追加
--------------------------------- */
a:hover img:not(.rollover){
  opacity: .7;
}