/* ---------------------------------------
  TITLE : HANSHIN Tigers
  URI : hanshintigers.jp
  (C) HANSHIN Tigers.
--------------------------------------- */
/* PC
--------------------------------------- */
/*-----------------------------
	LAYOUT
------------------------------*/
#wrapper {
  font-size: 18px;
  line-height: 1.6;
}

.title_wrap h2,
.cont_block,
footer .copy {
  width: 980px;
  margin: 0 auto;
}

#main_wrap {
  padding: 20px 0;
  min-width: 1200px;
  background: url(../img/lead_bg.gif) repeat center top;
}
#main_wrap h1 {
  height: 510px;
  width: 1200px;
  margin: 0 auto;
  background: url(../img/main.png) no-repeat 0 0;
}

.title_wrap {
  background-image: url(../img/tit_bg1.gif);
  background-repeat: repeat-x;
  background-position: center bottom;
  padding-bottom: 20px;
}
.title_wrap h2 {
  height: 160px;
  background: url(../img/tit1.gif) no-repeat left top;
}

.cont_block {
  padding: 40px 0 75px;
}
.cont_block h4 {
  font-size: 26px;
  text-align: center;
}
.cont_block .txt {
  text-align: center;
  line-height: 1.8;
  margin-top: 30px;
}

#project2 .title_wrap h2 {
  background-image: url(../img/tit2.gif);
}

#project3 .title_wrap h2 {
  background-image: url(../img/tit3.gif);
}

#project4 .title_wrap h2 {
  background-image: url(../img/tit4.gif);
}

#project5 .title_wrap h2 {
  background-image: url(../img/tit5.gif);
}

#project6 .title_wrap h2 {
  background-image: url(../img/tit6.gif);
}

#project7 .title_wrap h2 {
  background-image: url(../img/tit7.gif);
}

#project8 .title_wrap h2 {
  background-image: url(../img/tit8.gif);
}

#project9 .title_wrap h2 {
  background-image: url(../img/tit9.gif);
}

#project10 .title_wrap h2 {
  background-image: url(../img/tit10.gif);
}

.sec_block,
footer {
  min-width: 980px;
}

.link_btn li a,
.link_btn li .finish_btn {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  width: 492px;
  height: 80px;
  background: url(../img/link_btn1.png) no-repeat left top;
}
.link_btn li a:hover {
  background-position: 0 -80px;
}
.link_btn li .finish_btn {
  height: 76px;
  background: url(../img/finish_btn.png) no-repeat left top;
}
.link_btn li.bt2 a {
  background-image: url(../img/link_btn2.png);
}
.link_btn li.bt3 a {
  background-image: url(../img/link_btn3.png);
}
.link_btn li.bt4 a {
  background-image: url(../img/link_btn4.png);
}
.link_btn li.bt5 a {
  background-image: url(../img/link_btn5.png);
}
.link_btn li.bt6 a {
  background-image: url(../img/link_btn6.png);
}
.link_btn li.bt7 a {
  background-image: url(../img/link_btn7.png);
}
.link_btn li.bt8 a {
  background-image: url(../img/link_btn8.png);
}
.link_btn li.bt9 a {
  background-image: url(../img/link_btn9.png);
}
.link_btn li.bt10 a {
  background-image: url(../img/link_btn10.png);
}
.link_btn li.bt11 a {
  background-image: url(../img/link_btn11.png);
}
.link_btn li.bt12 a {
  background-image: url(../img/link_btn12.png);
}
.link_btn li.bt13 a {
  background-image: url(../img/link_btn13.png);
}
.link_btn li + li {
  margin-top: 10px;
}

.img span {
  padding-top: 5px;
}

.hide_pc {
  display: none;
}

/*-----------------------------
  lead
------------------------------*/
#lead_wrap {
  min-width: 980px;
}
#lead_wrap #lead .lead_cont li {
  text-align: center;
  line-height: 2.3;
}
#lead_wrap #lead .lead_cont li + li {
  margin-top: 35px;
}

/*-----------------------------
	project1
------------------------------*/
#project1 .img {
  margin-top: 30px;
}
#project1 .link_btn {
  margin-top: 35px;
}
#project1 .link_btn a {
  margin: 0 auto;
}

/*-----------------------------
	project2
------------------------------*/
#project2 .cont_block .pre_cont {
  margin-top: 30px;
}
#project2 .cont_block h3 {
  padding: 5px 10px 5px 135px;
  font-size: 30px;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#project2 .cont_block h3:before {
  content: "";
  width: 116px;
  height: 116px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
#project2 .cont_block h3 strong {
  flex-grow: 1;
  flex-shrink: 1;
  display: block;
}
#project2 .cont_block h3 span {
  display: inline-block;
  font-size: 14px;
  padding: 8px 5px;
  width: 200px;
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 20px 0 20px 10px;
}
#project2 .cont_block .detail_cont {
  padding: 35px 25px;
}
#project2 .cont_block .detail_cont .detail_block {
  display: flex;
  justify-content: space-between;
}
#project2 .cont_block .detail_cont .detail_block .info {
  width: 492px;
  position: relative;
}
#project2 .cont_block .detail_cont .detail_block .info .link_btn {
  position: absolute;
  bottom: 0;
}
#project2 .cont_block .detail_cont .detail_block.other {
  display: block;
}
#project2 .cont_block .detail_cont .detail_block.other .info {
  width: 100%;
}
#project2 .cont_block .detail_cont .detail_block.other .info .link_btn {
  position: static;
}
#project2 .cont_block .detail_cont .detail_block.other .link_btn {
  margin-top: 25px;
}
#project2 .cont_block .detail_cont .detail_block.other .link_btn a {
  margin: auto;
}

/*-----------------------------
	project3,7,9
------------------------------*/
#project3 .cont_block h3,
#project7 .cont_block h3,
#project9 .cont_block h3 {
  padding: 5px 10px 5px 135px;
  font-size: 30px;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#project3 .cont_block h3.non_label,
#project7 .cont_block h3.non_label,
#project9 .cont_block h3.non_label {
  padding: 20px 20px 18px 135px;
}
#project3 .cont_block h3:before,
#project7 .cont_block h3:before,
#project9 .cont_block h3:before {
  content: "";
  width: 116px;
  height: 116px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
#project3 .cont_block h3 strong,
#project7 .cont_block h3 strong,
#project9 .cont_block h3 strong {
  flex-grow: 1;
  flex-shrink: 1;
  display: block;
}
#project3 .cont_block h3 span,
#project7 .cont_block h3 span,
#project9 .cont_block h3 span {
  display: inline-block;
  font-size: 14px;
  padding: 8px 5px;
  width: 200px;
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 20px 0 20px 10px;
}
#project3 .cont_block .detail_cont,
#project7 .cont_block .detail_cont,
#project9 .cont_block .detail_cont {
  padding: 35px 25px;
}
#project3 .cont_block .detail_cont .detail_block,
#project7 .cont_block .detail_cont .detail_block,
#project9 .cont_block .detail_cont .detail_block {
  display: flex;
  justify-content: space-between;
}
#project3 .cont_block .detail_cont .detail_block .info,
#project7 .cont_block .detail_cont .detail_block .info,
#project9 .cont_block .detail_cont .detail_block .info {
  width: 492px;
  position: relative;
}
#project3 .cont_block .detail_cont .detail_block .info .link_btn,
#project7 .cont_block .detail_cont .detail_block .info .link_btn,
#project9 .cont_block .detail_cont .detail_block .info .link_btn {
  position: absolute;
  bottom: 0;
}

#project3 .eve_cont {
  margin-top: 30px;
}

/*-----------------------------
  project4
------------------------------*/
#project4 .sub_txt {
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
}
#project4 .lineup {
  width: 500px;
  margin-top: 30px;
}
#project4 .lineup thead th {
  font-size: 28px;
  padding: 10px;
}
#project4 .lineup td {
  padding: 10px;
  font-size: 25px;
}
#project4 .lineup td:last-child {
  padding-left: 40px;
}

/*-----------------------------
  project5
------------------------------*/
#project5 .img {
  width: 840px;
  margin: 30px auto 0;
}

/*-----------------------------
  project6,8
------------------------------*/
#project6 .img,
#project8 .img {
  margin-top: 30px;
  text-align: center;
}
#project6 .link_btn,
#project8 .link_btn {
  margin-top: 35px;
}
#project6 .link_btn a,
#project8 .link_btn a {
  margin: 0 auto;
}
#project6 h4.irr,
#project8 h4.irr {
  margin-top: 45px;
}

/*-----------------------------
  project7,9
------------------------------*/
#project7 .res_cont,
#project9 .res_cont {
  margin-top: 30px;
}

#project7 .e_date {
  margin-top: 15px;
}

#project9 .info {
  margin-top: 20px;
}

/*-----------------------------
  project10
------------------------------*/
#project10 .movie_detail {
  margin-top: 30px;
}

/*-----------------------------
	FOOTER
------------------------------*/
footer {
  padding: 45px 0;
}
footer .copy {
  text-align: center;
}

#page-top {
  bottom: 40px;
  right: 20px;
  width: 50px;
  height: 50px;
}
#page-top a {
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
}

/*# sourceMappingURL=styles_pc.css.map */