@charset "UTF-8";
/* ---------------------------------------
  TITLE : HANSHIN Tigers
  URI : hanshintigers.jp
  (C) HANSHIN Tigers.
--------------------------------------- */

/* SP
--------------------------------------- */
@media only screen and (max-width: 736px) {
	.hide_sp {
		display: none;
	}
  body {
		line-height: 1;
	}
  #logo_cont{
  padding: 10px 0;
}
  #logo_cont img{
    width:40%;
    height:auto;
  }
  .mv_player{
    background:#000;
  }
#head_wrap .mv_cont .mv_player img{
    width:100%;
    height:auto;
  }
	ul.disc {
		margin-left: 10px;
	}
	ul.disc li {
		list-style: disc;
		margin-left: 1em;
		line-height: 1.4;
	}
	.img_auto{
		text-align:center;
		width:100%;
		height:auto;
	}
	.img_auto img{
		max-width: 100%;
		height: auto;
	}

	#footer {
    padding:10px 0 30px;
	background: url("../img/bg_footer.png") repeat-x;
	}
	#pNav {
		background: #e5d11a;
	}
	#pNav ul{
		width: 100%;
		letter-spacing: -0.5em;
		text-align: center;
		border-bottom:1px solid #000;
	}
	#pNav li {
		display: inline-block;
		background: #e5d11a;
		width: 50%;
		height: auto;
		letter-spacing: normal;
		border-bottom: 1px solid #000;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		    font-size: 16px;
    font-weight: bold;
    color: #000000;
	}
	#pNav li.link-off span{
		display:block;
		text-align:center;
		padding: 10px 0;
		background: rgba( 0,0,0,.4);
	}
	#pNav li.logo{
		width: 100%;
	}
	#pNav li.guide,
	#pNav li.bid{
		border-left: 1px solid #000;
	}

	#pNav li.mypage {
    width: 100%;
    border-bottom: none;
  }
	#pNav li a{
		display: block;
		padding: 10px 0;
		color: #000;
		text-decoration:none; 
	}
  #pNav li.logo a{
		display: block;
		padding: 5px 0;
  }
	#pNav li img{
		height: 16px;
		width: auto;
	}
	#pNav li.logo img{
		height: 38px;
		width: auto;
	}
	article .wrap {
		margin: 15px 10px 30px 10px;
		padding: 20px 12px;
		background: #FFFFFF;
		font-size: 14px;
		line-height: 1.4;
	}
	article h2.stl {
		height: 50px;
		line-height: 50px;
		background:#000;
	}
	article h2.stl img{
		height: 30px;
		width: auto;
		vertical-align: middle;
    max-width:99%;
	}
	.btn_area {
		margin-top: 20px;
	}
	.btn_area p {
		margin-bottom: 10px;
		text-align: center;
	}
	.btn_area li {
		margin-top: 10px;
		text-align: center;
	}

/*-----------------------------
	INTRO
------------------------------*/
  #intro .intro_cont{
    padding: 30px 15px;
  }
	#intro h2{
		font-size:20px;
	}
	#intro h3{
		padding-top: 10px;
    max-width:400px;
    margin:auto;
	}
	#intro h3 img{
		width: 100%;
		height: auto;
	}
	#intro h3 img#stl_1{
		padding-bottom: 10px;
	}
  #intro dl{
		width: 100%;
    max-width:460px;
    margin:auto;
	}
	#intro dt {
		margin: 20px 0;
		text-align: center;
	}
	#intro dt img {
		width: 90%;
		height: auto;
	}
	#intro dd {
		margin-top: 10px;
		font-size: 13px;
		line-height: 1.8;
	}
	#intro p.uni_img{
		width: 100%;
    max-width:400px;
		margin: 10px auto 0;
		display:flex;
    align-items:center;
    justify-content:center;
	}
	#intro p.uni_img img{
		width: 55%;
		height: auto;
	}
  #intro p.uni_img .uni_txt{
    display:block;
    line-height:1.3;
    text-align:left;
    bottom:30%;
    left:50%;
  }

/*-----------------------------
	OUTLINE
------------------------------*/

	#outline dl {
		margin-bottom: 15px;
		font-size: 13px;
	}
	#outline dl:last-child {
		margin-bottom: 0;
	}
	#outline dt {
		font-weight: bold;
	}

/*-----------------------------
	PLAYERLIST
------------------------------*/
	#playerlist p.lead {
		margin-bottom: 15px;
		font-size: 13px;
	}
	#playerlist .list_wrap h4 {
		padding: 5px 0;
		margin:25px 0 13px;
		background: #d3d3d3;
		font-size: 15px;
		font-weight: normal;
		text-align: center;
	}
	#playerlist .list_wrap.manager h4{
		margin-top:0;
	}
	#playerlist .list_wrap p {
		/*margin-bottom: 20px;*/
		font-size: 15px;
		text-align: center;
	}
	#playerlist .list_wrap {
		padding-top:15px;
	}
	#playerlist .list_wrap.player ul{
		display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	#playerlist .list_wrap.player li{
		width: 50%;
    letter-spacing: normal;
    font-size: 14px;
    text-align: left;
    padding: 12px 5px;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	#playerlist input[type="radio"] {
		width: 16px;
		height: 16px;
		vertical-align: -2px;
	}

/*-----------------------------
	NOTES
------------------------------*/
	#notes li {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#notes li:last-child {
		margin-bottom: 0;
	}

/*-----------------------------
	GUIDE
------------------------------*/
	#guide
	#guide p {
		margin-bottom: 10px;
	}
	#guide dt {
		margin: 10px 0 5px 0;
		font-weight: bold;
	}

/*-----------------------------
	RULE
------------------------------*/
	#rule dl {
		padding-bottom: 10px;
	}
	#rule .wrap > p {
		padding-bottom: 10px;
	}
	#rule dt {
		font-weight: bold;
	}
	#rule dd {
		padding: 0 0 10px 10px;
	}
	#rule dd > ol{
		list-style-type: decimal;
		line-height: 2.0;
		margin-left: 10px;
	}
  #rule dd > ol.irr{
    list-style-type: none;
  }

/*-----------------------------
	REGIST
------------------------------*/
	#regist .bar{
		width: 100%;
		height: 0;
		background: url(../img/bar_regist_sp.gif) 0 0 no-repeat;
		text-indent: -9999px;
		padding:25% 0 20px 0;
		background-size: contain;
	}
	#regist.interim .bar{
		width: 100%;
		height: 0;
		background: url(../img/bar_interimregist_sp.gif) 0 0 no-repeat;
		text-indent: -9999px;
		padding:25% 0 20px 0;
		background-size: contain;
	}
	#regist p{
		font-size: 12px;
		line-height: 1.6;
	}
	#regist p a{
		color: #cc0000;
		word-break:break-all;
	}
	#regist p.links{
		padding: 15px 0;
	}
	#regist table.basic{
		margin: 15px 0 20px 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#regist table.basic tr{
		display: block;
		margin-top: 10px;
	}
	#regist table.basic th{
		background: #fffad2;
		font-weight: normal;
		padding: 10px;
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: none;
	}
	#regist table.basic td{
		background: #efefef;
		padding: 10px;
		display: block;
	}
	span.must{
		color: #cc0000;
	}
	select{
		padding: 5px;
		font-size: 16px;
	}
	input[type="text"],
	input[type="password"]{
		padding: 5px;
		font-size: 16px;
	}
	input[type="text"].w1 {
		width: 50px;
	}

	input[type="text"].w2 {
		width: 80px;
	}
	input[type="text"].w3 {
		width: 200px;
	}
	.btn_area.clearfix input{
		width: 100%;
		height: auto;
	}
	#sys-error{
		background: #FFEEEE;
		padding: 15px;
		margin-top: 20px;
	}
	#sys-error p{
		color: #cc0000;
		font-weight: bold;
		padding-bottom: 10px;
	}

	#sys-error li{
		color: #cc0000;
		list-style-type: disc;
		margin-left: 2em;
		font-size: 12px;
	}
	/*-----------------------------
				radio_btn
	------------------------------*/
	label {
    -webkit-tap-highlight-color: transparent;
  }
	label.radio_text, label.check_text {
    font-size: 14px;
    min-height: 16px;
	}
	#itemlist .list_wrap h4+p label.radio_text{
		font-size:15px;
	}
	label.radio_text input[type="radio"] + span {
		padding-left: 20px;
	}
	label.radio_text input[type="radio"] + span::before {
    height: 15px;
    width: 15px;
		top:0;
	}
	label.radio_text input[type="radio"]:checked + span::before {
    border-width: 5px;
	}


}