/* ---------------------------------------
	TITLE : HANSHIN Tigers
	URI : hanshintigers.jp
	(C) HANSHIN Tigers.
--------------------------------------- */
/*-----------------------------
	SETTING
------------------------------*/
/*-----------------------------
	COMMON
------------------------------*/
.hide_sp {
  display: none;
}

.hide_pc {
  display: block;
}

body {
  width: 100%;
  min-width: 100%;
  -webkit-text-size-adjust: 100%;
}
body img {
  width: 100%;
  height: auto;
}

#wrapper {
  font-size: 13px;
}
#wrapper .title_teko {
  font-size: 35px;
  margin-bottom: 15px;
}

.sub_title {
  font-size: 18px;
}

.event_title {
  font-size: 28px;
  margin-bottom: 15px;
}
.event_title small {
  font-size: 15px;
}
.event_title span {
  font-size: 20px;
}

.detail_btn,
.link_btn,
.shop_btn {
  width: 80%;
  max-width: 300px;
  padding: 10px 3px;
  font-size: 15px;
  margin-top: 20px;
}

.link_btn {
  padding: 13px 3px;
}
.link_btn.other {
  width: 70%;
  font-size: 14px;
  max-width: 200px;
  padding: 13px 3px;
  margin-top: 15px;
}

.shop_btn {
  max-width: 320px;
  padding: 10px 3px;
}
.shop_btn img {
  height: 40px;
  width: auto;
}
.shop_btn.other {
  padding: 15px 3px;
  max-width: 380px;
  font-size: 13px;
}

.detail_btn {
  width: 90%;
  max-width: 460px;
  padding: 15px 0;
}
.detail_btn img {
  width: 90%;
}

.shop_bnr {
  margin: 15px auto 0;
  width: 90%;
  max-width: 400px;
}

.txt {
  line-height: 1.8em;
}

.cont_wrap {
  padding: 30px 0;
}

.cont_detail {
  padding: 0 3%;
}

.movie_thumb {
  width: 90%;
  margin-top: 25px;
  margin-bottom: 20px;
}
.movie_thumb img {
  width: 100%;
  height: auto;
}

#footer .footer_inner {
  width: 94%;
}
#footer p {
  font-size: 12px;
  padding: 25px 0;
}

.goods_slider .slide_item {
  margin: 0 10px;
}
.goods_slider .slide_item dd {
  font-size: 12px;
}
.goods_slider .slide_item.sold_out dt span {
  font-size: 14px;
  padding: 3px 10px;
}

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

ul.note li {
  font-size: 12px;
}

.sp_taC {
  text-align: center;
}

.campaign_slider .slick-arrow {
  height: 35px;
  width: 22px;
}

.campaign_slider .slick-prev {
  left: 2px;
}

.campaign_slider .slick-next {
  right: 2px;
}

/*-----------------------------
	MAINLOGO
------------------------------*/
#mainlogo .wrap {
  padding: 0;
}
#mainlogo .wrap img {
  width: 100%;
}

/*-----------------------------
    WHAT'S
------------------------------*/
#what .player_cont {
  margin-top: 25px;
}
#what .player_list .slide_list div {
  margin-right: 15px;
}
#what .player_list .slide_list div img {
  height: 240px;
  width: auto;
}

/*-----------------------------
    NEWS
------------------------------*/
#news .news_list li {
  padding: 0 3%;
}
#news .news_list li a {
  padding: 10px 20px 10px 0;
  background-size: auto 10px;
}
#news .news_list li a span {
  display: block;
}
#news .news_list li a span.detail {
  margin-top: 5px;
  background-position: right 5px center;
}

/*-----------------------------
	GAME
------------------------------*/
#game .game_cont {
  max-width: 360px;
  margin: auto;
}
#game .game_cont .unit_1 {
  border-width: 3px;
  padding: 20px 0 35px;
}
#game .game_cont .unit_1#vsD {
  border-top: none;
  padding-top: 10px;
}
#game .game_cont dl dt {
  width: 90%;
  margin: auto;
  max-width: 360px;
}
#game .game_cont dl dt img {
  width: 100%;
  height: auto;
}
#game .game_cont .soldout {
  margin-top: 10px;
}
#game .game_cont .soldout span {
  font-size: 18px;
  width: 230px;
  margin-top: 20px;
}

/*-----------------------------
    LimitedEdition
------------------------------*/
#limited_edition #uni_list .sub_title {
  margin-bottom: 10px;
  text-align: left;
}
#limited_edition #uni_list dl {
  margin-top: 20px;
}
#limited_edition #uni_list dl dd {
  padding: 10px 3% 0;
}
#limited_edition #players_list {
  margin-top: 40px;
}
#limited_edition #players_list #player_select {
  margin-top: 10px;
}
#limited_edition #players_list .comment dl {
  display: none;
}
#limited_edition #players_list .comment dl.select {
  display: block;
  animation-name: fadeInPlayer;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}
#limited_edition #players_list .comment dt {
  border-bottom-width: 3px;
  padding: 5px 0;
  font-size: 18px;
}
#limited_edition #players_list .comment dt::after {
  bottom: -3px;
  height: 3px;
}
#limited_edition #players_list .img_cont {
  margin-top: 15px;
}
#limited_edition #players_list .players_thumb ul {
  padding: 0 1%;
}
#limited_edition #players_list .players_thumb ul li {
  width: 32%;
  padding: 3px;
}
#limited_edition #players_list .players_image {
  margin: 15px auto 0;
  width: 85%;
  max-width: 360px;
}
#limited_edition #movie {
  margin-top: 15px;
}
#limited_edition #movie .movie_cont {
  width: 90%;
  margin-top: 25px;
}
#limited_edition #movie .movie_cont img {
  width: 100%;
  height: auto;
}

/*-----------------------------
    EVENT
------------------------------*/
#b_event .event_cont {
  width: 90%;
  max-width: 400px;
  margin: auto;
}
#b_event .event_cont dl dd {
  padding-top: 10px;
}
#b_event .event_cont dl dd .link_btn {
  margin-top: 0;
}
#b_event .event_cont dl dd .title {
  font-size: 14px;
}
#b_event .event_cont dl + dl {
  margin-top: 25px;
}

/*-----------------------------
	GOODS
------------------------------*/
#goods .min_title {
  font-size: 16px;
  margin-bottom: 15px;
}
#goods .sub_txt {
  margin-top: 20px;
  font-size: 14px;
}
#goods .sub_txt + .note {
  margin-top: 20px;
}
#goods .sub_txt + .note .indent {
  font-size: 12px;
}
#goods .goods_list {
  margin-top: 25px;
}
#goods .goods_list + .goods_list {
  margin-top: 35px;
}
#goods .goods_list + .goods_list .goods_slider {
  margin-top: 15px;
}
#goods .goods_list .sub_title {
  margin-bottom: 15px;
}

/*-----------------------------
    SPCIAL COLLABORATION
------------------------------*/
#special_collaboration .collabo_cont {
  margin-top: 20px;
}
#special_collaboration .collabo_cont dl dd {
  padding: 15px 3% 20px;
  font-size: 18px;
}
#special_collaboration .goods_list {
  margin-top: 35px;
}
#special_collaboration .goods_list .goods_slider {
  margin-top: 15px;
}

/*-----------------------------
    FAN GIVEAWAY_AMBASSADOR
------------------------------*/
#present .inner_cont .img,
#ambassador .inner_cont .img {
  width: 90%;
  max-width: 400px;
  margin: auto;
}
#present .inner_cont .detail,
#ambassador .inner_cont .detail {
  margin-top: 15px;
}
#present .inner_cont .detail .min_title,
#ambassador .inner_cont .detail .min_title {
  font-size: 15px;
  margin-top: 10px;
}
#present .inner_cont .detail .txt,
#present .inner_cont .detail .indent,
#ambassador .inner_cont .detail .txt,
#ambassador .inner_cont .detail .indent {
  margin-top: 10px;
}
#present .inner_cont .detail .prof_title,
#ambassador .inner_cont .detail .prof_title {
  font-size: 16px;
}
#present .add_cont .prof_title,
#ambassador .add_cont .prof_title {
  font-size: 16px;
}
#present .add_cont .detail_btn,
#ambassador .add_cont .detail_btn {
  margin-top: 15px;
  max-width: 420px;
}

#present .detail .indent {
  font-size: 12px;
}

/*-----------------------------
    campaign
------------------------------*/
#campaign .campaign_detail {
  padding: 15px 32px 20px;
}
#campaign .campaign_detail dl {
  margin-top: 15px;
}
#campaign .campaign_detail dl dd {
  padding-top: 3px;
}
#campaign .campaign_detail .link_btn {
  margin-top: 15px;
  font-size: 16px;
}
#campaign .campaign_slider .campaign_detail {
  padding: 15px 32px 20px;
}

/*-----------------------------
	SPONSOR
------------------------------*/
#sponsor .premium_sponsor {
  margin-top: 15px;
}
#sponsor .premium_sponsor dl {
  max-width: 320px;
  margin: 15px auto 0;
}
#sponsor .premium_sponsor dt {
  padding: 0 5%;
}
#sponsor .premium_sponsor dt span {
  margin-top: 10px;
}
#sponsor .premium_sponsor dd {
  padding-top: 10px;
}
#sponsor .sponsor_list {
  		/*dl{
  			width:49%;
  			margin-right:2%;
  			margin-bottom:10px;
  
  			&:nth-child(2n),
  			&:last-of-type{
  				margin-right:0;
  			}
  		}
  		dd{
  			font-size:12px;
  		}*/
}
#sponsor .sponsor_list .unit_l,
#sponsor .sponsor_list .unit_l_top {
  max-width: 420px;
  margin: 15px auto 0;
}
#sponsor .sponsor_list .unit_l li,
#sponsor .sponsor_list .unit_l_top li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 10px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
#sponsor .sponsor_list .unit_l li img,
#sponsor .sponsor_list .unit_l_top li img {
  width: 90%;
}
#sponsor .sponsor_list .unit_l li span,
#sponsor .sponsor_list .unit_l_top li span {
  display: block;
  text-align: center;
  padding-top: 5px;
  font-size: 14px;
}
#sponsor .sponsor_list .unit_l_top + .unit_l {
  margin-top: 0;
}
#sponsor .sponsor_list .unit_m {
  max-width: 640px;
  margin: 15px auto 0;
}
#sponsor .sponsor_list .unit_m ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#sponsor .sponsor_list .unit_m li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 8px;
  margin-left: 2%;
  width: 49%;
  height: auto;
  text-align: center;
}
#sponsor .sponsor_list .unit_m li:nth-child(odd) {
  margin-left: 0;
}
#sponsor .sponsor_list .unit_m li span {
  display: block;
  text-align: center;
  padding-top: 5px;
  font-size: 12px;
  line-height: 1.2;
}
#sponsor .sponsor_list .unit_s {
  margin-top: 10px;
}
#sponsor .sponsor_list .unit_s ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#sponsor .sponsor_list .unit_s li {
  padding: 5px;
  font-size: 10px;
}
#sponsor ul li img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

#wrapper.ambassador .title_ambassador {
  margin-bottom: 25px;
}
#wrapper.ambassador .title_ambassador img {
  height: 30px;
  width: auto;
}
#wrapper.ambassador .ambassador_subtitle {
  font-size: 15px;
  margin-bottom: 10px;
}
#wrapper.ambassador .logo {
  width: 85%;
  max-width: 420px;
  margin-bottom: 15px;
}
#wrapper.ambassador .special_title {
  font-size: 15px;
  padding: 6px 10px;
}
#wrapper.ambassador .note_title {
  margin-top: 15px;
  font-size: 14px;
}
#wrapper.ambassador .indent li {
  margin-top: 8px;
}
#wrapper.ambassador #local_nav ul li {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
#wrapper.ambassador #local_nav ul li a {
  padding: 20px 0;
}
#wrapper.ambassador #local_nav ul li a img {
  height: 16px;
}
#wrapper.ambassador .detail_list dt,
#wrapper.ambassador .detail_list li {
  font-size: 14px;
}
#wrapper.ambassador .detail_list dd {
  padding-top: 6px;
}
#wrapper.ambassador .detail_list:not(ul),
#wrapper.ambassador .detail_list li {
  margin-top: 20px;
}
#wrapper.ambassador .shop_btn {
  margin-bottom: 15px;
}
#wrapper.ambassador #event #event02 {
  margin-top: 30px;
}
#wrapper.ambassador #goods .goods_schedule {
  margin-top: 30px;
}
#wrapper.ambassador #special .movie_thumb {
  margin-top: 15px;
}
#wrapper.ambassador #footer p {
  padding: 5px 0 25px;
}

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